:root{color-scheme:dark;--paper:#f6efe4;--brown:#302921}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--brown);color:var(--paper);font-family:'Yu Mincho','Hiragino Mincho ProN',serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:7px}header{position:absolute;z-index:4;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:32px 5%;gap:20px;font-size:14px;letter-spacing:.13em;text-shadow:0 1px 9px #352a22}header b{font-weight:400;padding:0 8px}header a{padding:12px 0;border-bottom:1px solid #f6efe488;white-space:nowrap}header a span{padding-left:25px}.hero{height:155svh}.stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;background:#302921}.picture{position:absolute;inset:0;transform:scale(var(--scale,1.03));opacity:var(--photoOpacity,1);animation:reveal 1.8s ease both}.picture img{width:100%;height:100%;object-fit:cover;object-position:58% 50%}.veil{position:absolute;inset:0;background:linear-gradient(90deg,#302921c9, #30292155 43%,#30292105 75%),linear-gradient(0deg,#30292180,transparent 35%);pointer-events:none}.copy{position:absolute;left:9%;top:32%;transform:translateY(var(--lift,0px));opacity:var(--copyOpacity,1);animation:reveal 1.7s .25s both}.eyebrow{font:12px/1.8 Arial,sans-serif;letter-spacing:.25em}h1{font-weight:400;font-size:clamp(38px,5vw,78px);line-height:1.5;letter-spacing:.09em;margin:24px 0}h1 span{font-size:1.15em}.lead{font-size:clamp(16px,1.6vw,23px);letter-spacing:.15em;line-height:1.9}.scroll{position:absolute;left:9%;bottom:40px;display:flex;gap:28px;align-items:center;font:12px Arial,sans-serif;letter-spacing:.18em}.scroll span{font-size:24px}.note{position:absolute;bottom:35px;right:5%;font-size:12px;text-shadow:0 1px 5px #000}.coming{position:relative;padding:90px 24px 85px;text-align:center;min-height:95svh;background:radial-gradient(ellipse at 50% 10%,#493c30 0,transparent 65%)}h2{font:400 clamp(64px,11vw,160px)/.98 Georgia,serif;letter-spacing:.02em;margin:38px 0}h2 em{font-weight:400}.line{height:50px;width:1px;background:#b7a389;margin:34px auto}.headline{font-size:clamp(18px,2vw,26px);letter-spacing:.1em;line-height:1.8}.description{font-size:16px;color:#dfd2c2;line-height:2.2;margin:22px 0 35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:60px;padding:16px 28px;border:1px solid #b7a389;font-size:16px;transition:background .25s,color .25s}.button:hover{background:#f6efe4;color:#302921}.signature{font-size:14px;letter-spacing:.1em;margin:58px 0 0}footer{margin:0 5%;padding:25px 0;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;gap:18px;font-size:12px;color:#d5c5b3}.motion .coming-inner{opacity:var(--soonOpacity,0);transform:translateY(var(--soonLift,35px))}@keyframes reveal{from{opacity:0}to{opacity:1}}@media(max-width:650px){header{padding:20px 6%;font-size:12px;letter-spacing:.04em;align-items:flex-start}header>span{max-width:185px;line-height:1.9}header a{font-size:12px;padding:5px 0}header a span{padding-left:8px}.stage{min-height:580px}.picture img{object-position:64% center}.veil{background:linear-gradient(180deg,#30292180,transparent 30%,#302921b8 75%,#302921ee)}.copy{left:7%;top:auto;bottom:19%;right:5%}h1{font-size:clamp(32px,9vw,48px);margin:17px 0;line-height:1.55}.lead{font-size:16px}.scroll{left:7%;bottom:36px}.note{bottom:39px;font-size:12px}.coming{padding-top:55px}.signature{font-size:12px}footer{font-size:12px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{height:100svh}.picture,.copy{animation:none;transform:none!important;opacity:1!important}.motion .coming-inner{opacity:1;transform:none}}
