:root{--paper:#f6f1e8;--paper-2:#ebe2d3;--ink:#181612;--body:#4c463d;--muted:#8b8172;--line:#18161224;--white:#fffaf1;--accent:#6f5b3e;--accent-dark:#2c261d;--radius:22px;--radius-lg:34px;--maxw:1180px;--rail:282px;--font-display:Georgia, "Times New Roman", serif;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--body);font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 78% 8%, #6f5b3e21, transparent 28rem), linear-gradient(90deg, #fffaf1b8, transparent 38%), var(--paper);position:fixed;inset:0}h1,h2,h3,p{margin:0}h1,h2{color:var(--ink);font-family:var(--font-display), Georgia, serif;letter-spacing:-.035em;font-weight:500;line-height:.98}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-shell{grid-template-columns:var(--rail) minmax(0, 1fr);min-height:100dvh;display:grid}.side{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf1ad;flex-direction:column;gap:clamp(1.9rem,4vw,3rem);height:100dvh;padding:clamp(1.6rem,3vw,2.5rem);display:flex;position:sticky;top:0}.side-logo{width:118px;display:inline-flex}.side-logo img{filter:brightness(0);opacity:.86;width:auto;height:32px}.side-group h2{color:var(--muted);font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.9rem;font-size:.72rem;font-weight:700}.side-group ul{gap:.58rem;margin:0;padding:0;list-style:none;display:grid}.side-group a{color:var(--ink);opacity:.82;font-size:.95rem;line-height:1.2;transition:opacity .2s,transform .2s;display:inline-block}.side-group a:hover{opacity:1;transform:translate(4px)}.page-flow{min-width:0;padding:clamp(1rem,3vw,2rem)}.hero{min-height:min(820px,100dvh - clamp(2rem,6vw,4rem));max-width:var(--maxw);grid-template-columns:minmax(0,.82fr) minmax(340px,1fr);align-items:center;gap:clamp(1.8rem,6vw,5rem);margin:0 auto;padding-block:clamp(2rem,6vw,5rem);display:grid}.hero-copy{align-self:center}.brand-kicker{color:var(--muted);margin-bottom:.2rem;font-size:clamp(1rem,1.2vw,1.15rem)}.hero h1{letter-spacing:-.085em;margin-left:-.08em;font-size:clamp(5.8rem,16vw,13.5rem)}.hero-line{color:var(--ink);font-size:clamp(1.12rem,2vw,1.65rem);font-family:var(--font-display), Georgia, serif;margin-top:clamp(.6rem,2vw,1rem)}.text-link{color:var(--accent-dark);border-bottom:1px solid;margin-top:1.6rem;padding-bottom:.22rem;font-size:.95rem;display:inline-flex}.hero-render{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 58%,#fffaf1b8,#0000 38%),linear-gradient(145deg,#ebe2d3eb,#fffaf16b);border:1px solid #1816121a;place-items:center;min-height:clamp(410px,52vw,640px);animation:.9s cubic-bezier(.22,1,.36,1) both render-rise;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 90px -48px #18161273}.hero-render:before{content:"";border-radius:calc(var(--radius-lg) - 8px);pointer-events:none;border:1px solid #18161214;position:absolute;inset:9%}.hero-render:after,.store-visual:after{content:"";filter:blur(10px);pointer-events:none;background:radial-gradient(#18161238,#0000 68%);border-radius:999px;height:30px;position:absolute;bottom:24%;left:20%;right:20%}.hero-model{--poster-color:transparent;z-index:1;width:min(112%,650px);height:clamp(360px,50vw,600px)}.hero-render span{z-index:2;color:var(--muted);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;font-size:.7rem;position:absolute;bottom:1.35rem;left:50%;transform:translate(-50%)}.intro,.card-row,.store-panel,.newsletter{max-width:var(--maxw);margin-inline:auto}.intro{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);align-items:end;gap:clamp(1.4rem,5vw,4rem);padding-block:clamp(2.4rem,7vw,6rem);display:grid}.intro p:first-child{color:var(--ink);font-family:var(--font-display), Georgia, serif;letter-spacing:-.055em;max-width:14ch;font-size:clamp(2rem,4.8vw,5rem);line-height:1.02}.intro p:nth-child(2){color:var(--body);max-width:28ch;font-size:clamp(1rem,1.6vw,1.25rem)}.pill-link{border:1px solid var(--line);color:var(--ink);background:#fffaf19e;border-radius:999px;justify-content:center;justify-self:start;align-items:center;padding:.9rem 1.4rem;transition:transform .2s,background .2s;display:inline-flex}.pill-link:hover{background:var(--white);transform:translateY(-2px)}.card-row{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.story-card{background:#fffaf1c2;flex-direction:column;justify-content:space-between;min-height:260px;padding:clamp(1.4rem,3vw,2.4rem);transition:background .25s;display:flex}.story-card:hover{background:var(--white)}.story-card strong{color:var(--ink);font-family:var(--font-display), Georgia, serif;letter-spacing:-.045em;font-size:clamp(2rem,3.2vw,3.35rem);font-weight:500}.story-card span{color:var(--body);max-width:31ch}.store-panel{background:var(--ink);color:var(--white);border-radius:var(--radius-lg);grid-template-columns:minmax(300px,.9fr) minmax(0,1fr);margin-top:clamp(2rem,6vw,5rem);display:grid;overflow:hidden}.store-visual{background:radial-gradient(circle at 48% 55%,#f6f1e82e,#0000 38%),#211d17;place-items:center;min-height:360px;display:grid;position:relative}.store-model{--poster-color:transparent;z-index:1;width:min(105%,520px);height:360px}.store-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;padding:clamp(2rem,5vw,4rem);display:flex}.store-copy h2,.newsletter h2{font-size:clamp(2.3rem,5vw,5.6rem)}.store-copy h2{color:var(--white);max-width:9ch}.dark-button,.newsletter button{background:var(--white);color:var(--ink);white-space:nowrap;border:0;border-radius:999px;padding:.95rem 1.55rem;font-weight:700;transition:transform .2s,opacity .2s}.dark-button:hover,.newsletter button:hover{opacity:.9;transform:translateY(-2px)}.newsletter{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:clamp(1.5rem,6vw,5rem);padding-block:clamp(3rem,8vw,7rem);display:grid}.newsletter h2{max-width:11ch}.newsletter-form{gap:.75rem;display:grid}.newsletter-form label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;font-weight:700}.newsletter-form div{border-bottom:1px solid var(--line);gap:.65rem;padding-bottom:.75rem;display:flex}.newsletter input{min-width:0;color:var(--ink);background:0 0;border:0;flex:1;padding:.9rem 0;font-size:1rem}.newsletter input:focus{outline:none}.newsletter button{background:var(--ink);color:var(--white)}@keyframes render-rise{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (max-width:1080px){.site-shell{grid-template-columns:1fr}.side{height:auto;padding:1rem var(--gutter,1rem);border-right:0;border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;gap:1rem 1.4rem;display:grid;position:static}.side-logo{grid-row:span 3;align-self:start}.side-group ul{flex-wrap:wrap;gap:.6rem 1rem;display:flex}.hero,.intro,.newsletter{grid-template-columns:1fr}.hero{min-height:auto;padding-top:2rem}.hero-render{min-height:420px}.intro p:first-child{max-width:16ch}}@media (max-width:760px){.page-flow{padding:1rem}.side{grid-template-columns:1fr}.side-logo{grid-row:auto}.side-group:nth-of-type(3){display:none}.hero{gap:1.2rem;padding-block:1.2rem 2.2rem}.hero-copy{order:2}.hero h1{font-size:clamp(5rem,25vw,7.5rem)}.hero-render{border-radius:26px;order:1;min-height:300px}.hero-model{height:300px}.intro{padding-block:2.4rem}.card-row{grid-template-columns:1fr}.story-card{min-height:210px}.store-panel{grid-template-columns:1fr}.store-visual{min-height:280px}.store-model{height:280px}.newsletter-form div{flex-direction:column;align-items:stretch}.dark-button,.newsletter button{text-align:center;width:100%}}@media (max-width:420px){.hero-render{min-height:260px}.hero-model{height:260px}.hero-render span{font-size:.62rem;bottom:.9rem}.intro p:first-child{font-size:2.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
