:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#171714;color:#f4eee3;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 75% 65%,#60361d40,transparent 55%)}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 clamp(24px,6vw,96px)}
header{padding:34px 0}
.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:27px;font-weight:700;letter-spacing:-1px}
.brand span{color:#f6a460;font-size:37px;font-weight:400}
.note,footer{font-size:14px;color:#b4b1a7}
main{width:100%;max-width:1100px;margin:auto;padding:76px clamp(24px,6vw,96px) 110px}
h1{font-size:clamp(56px,7.5vw,104px);font-weight:500;line-height:1.06;letter-spacing:-.055em;margin:0}
h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#f6a460;letter-spacing:-.06em}
.intro{font-size:clamp(17px,2vw,20px);line-height:1.7;color:#c1bcb1;margin:30px 0 38px}
.coming{display:inline-flex;align-items:center;gap:28px;border-top:1px solid #615345;border-bottom:1px solid #615345;padding:17px 0;font-size:15px;color:#f4eee3}
.coming span{color:#f6a460;font-size:23px}
footer{border-top:1px solid #34342d;padding:24px 0 28px;line-height:1.5}
a:focus-visible{outline:2px solid #f6a460;outline-offset:6px}
@media(max-width:600px){header{padding:24px 0}.note{display:none}main{padding-top:60px;padding-bottom:80px}h1{font-size:clamp(48px,12vw,72px)}.desktop-break{display:none}footer{align-items:flex-start;font-size:12px;gap:16px;flex-wrap:wrap}}

.brand{display:inline-flex;align-items:center;gap:10px}.brand-logo{display:block;object-fit:contain;flex-shrink:0}