@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ground:#111314;--ink:#fff8e8;--body:#d8d4ca;--accent:#dcfa39;--gutter:clamp(28px,4.7vw,80px)}
*{box-sizing:border-box}html,body{margin:0}body{background:var(--ground);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:8px}::selection{color:var(--ground);background:var(--accent)}
.page{position:relative;isolation:isolate;min-height:680px;height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(32px,7vh,76px) var(--gutter);overflow:hidden}
header,.intro,footer{position:relative;z-index:2;width:51%}.brand{display:inline-block;white-space:nowrap;font-size:clamp(18px,2.15vw,34px);font-weight:800;letter-spacing:-.055em}.brand span{color:#aaa9a3;font-weight:450}
.intro{align-self:center;padding:38px 0 48px}h1{margin:0;font-size:clamp(64px,7.25vw,124px);font-weight:850;letter-spacing:-.068em;line-height:1.04}h1 span{display:block;white-space:nowrap}.intro p{font-size:clamp(17px,1.7vw,26px);line-height:1.48;font-weight:400;letter-spacing:-.025em;max-width:520px;margin:36px 0 38px;padding-right:20px}.coming-soon{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--ground);font-weight:750;font-size:clamp(20px,2vw,29px);letter-spacing:-.035em;padding:21px 46px;border-radius:4px}
.photograph{position:absolute;z-index:0;inset:0 0 0 45%;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);background:#24211c}.photograph img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;display:block}
footer a{display:inline-flex;align-items:center;gap:22px;min-height:44px;color:var(--body);font-size:clamp(14px,1.22vw,18px)}footer a span{font-size:27px;transition:transform .2s}footer a:hover{color:var(--ink)}footer a:hover span{transform:translateX(5px)}
@media(min-width:761px) and (max-height:740px){.page{min-height:570px;padding-top:32px;padding-bottom:24px}.intro{padding:28px 0}h1{font-size:clamp(60px,6.7vw,100px)}.intro p{margin:25px 0}.coming-soon{padding:16px 38px}}
@media(max-width:760px){.page{padding:26px 25px 15px;min-height:700px;grid-template-rows:auto auto minmax(180px,1fr) auto;gap:0}header,.intro,footer{width:100%}.brand{font-size:clamp(18px,5.7vw,30px);letter-spacing:-.055em}.intro{padding:32px 0 22px}h1{font-size:clamp(48px,12.7vw,84px);line-height:1.03;letter-spacing:-.06em}.intro p{font-size:16px;line-height:1.5;max-width:430px;margin:23px 0 22px;padding:0}.coming-soon{font-size:20px;padding:15px 30px}.photograph{position:relative;inset:auto;clip-path:none;margin:0 -25px;overflow:hidden;min-height:180px}.photograph img{object-position:50% 58%}footer{padding-top:9px}footer a{font-size:13px;gap:17px}footer a span{font-size:23px}}
@media(prefers-reduced-motion:no-preference){header,.intro,footer{animation:appear .65s both}.intro{animation-delay:.1s}footer{animation-delay:.2s}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
