﻿/* Vanilla homepage only: preserve the shared styles of the other worlds. */
.vanilla-home{--cream:#f1f0e7;--ink:#35402d;--olive:#465638;--rose:#768462;--line:#c7ccbc;background:var(--cream)}
.vanilla-home .site-header{padding-inline:clamp(24px,5vw,88px)}
.vanilla-home .site-header nav{gap:12px 20px;font-size:.875rem}
.vanilla-home .site-header .brand{font-size:1.75rem}
.vanilla-home .vanilla-hero{max-width:1500px;margin:auto;padding:clamp(48px,7vw,112px) clamp(24px,6vw,96px);padding-bottom:clamp(24px,3vw,48px);gap:8%;grid-template-columns:1.1fr 1fr}
.vanilla-home .vanilla-hero h1{font-size:clamp(3.5rem,6.8vw,7rem);line-height:.98;margin:28px 0;max-width:10ch}
.vanilla-home .vanilla-hero h1 em{color:var(--olive)}
.vanilla-home .vanilla-hero .script{font-size:clamp(2rem,3vw,3rem);margin:20px 0}
.vanilla-home .subsite-intro{font-size:1rem;line-height:1.85;max-width:39ch;margin:28px 0 34px}
.vanilla-home .vanilla-hero figure{width:100%;max-width:480px;margin:0 auto}
.vanilla-home .vanilla-hero figure img{height:auto;aspect-ratio:4/5;object-position:50% 30%;border-radius:46% 46% 0 0}
.vanilla-home .vanilla-hero figcaption{font-size:.75rem;letter-spacing:.17em;display:flex;align-items:center;gap:16px;margin-top:20px}
.vanilla-home .vanilla-hero figcaption:after{content:'';height:1px;flex:1;background:var(--line)}
.vanilla-home .button{font-size:.875rem;letter-spacing:.07em;min-height:52px;padding:16px 22px;line-height:1.6}
.vanilla-home .section{padding:clamp(64px,7vw,112px) clamp(24px,6vw,96px);border-top:1px solid var(--line);scroll-margin-top:24px}
.vanilla-home .vanilla-collections{border-top:0;padding-top:clamp(32px,4vw,64px)}
.vanilla-home .world-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:14px 32px;margin-bottom:38px}
.vanilla-home .world-heading>.eyebrow{width:100%;font-size:.75rem;letter-spacing:.16em}
.vanilla-home .world-heading h2{font-size:clamp(2.6rem,4.7vw,4.8rem);line-height:1.05;margin-top:5px}
.vanilla-home .world-heading>.script{position:static;transform:rotate(-5deg);font-size:clamp(1.65rem,2.6vw,2.65rem);max-width:100%;margin:0 0 8px}
.vanilla-home .world-doors{padding:0;gap:24px;align-items:stretch}
.vanilla-home .world-doors.cols-2{max-width:none}
.vanilla-home .world-door{display:flex;flex-direction:column;background:#fcfcf6;border-color:var(--line);overflow:hidden}
.vanilla-home .door-image{height:auto;aspect-ratio:4/3;flex-shrink:0}
.vanilla-home .door-image img{height:100%;object-position:50% 25%}
.vanilla-home .door-image>span{font-size:.75rem;letter-spacing:.08em;top:16px;left:16px;max-width:calc(100% - 32px);background:#f8f9f0;color:var(--ink);padding:6px 11px}
.vanilla-home .door-image>.status-upcoming{background:#f8f9f0e8}
.vanilla-home .door-copy{padding:clamp(22px,2.6vw,36px);display:flex;flex-direction:column;flex:1}
.vanilla-home .door-copy .eyebrow{font-size:.75rem;letter-spacing:.12em}
.vanilla-home .door-copy h3{font-size:clamp(2rem,3vw,3.25rem);line-height:1.08;letter-spacing:-.025em;margin:14px 0 18px;overflow-wrap:anywhere}
.vanilla-home .door-copy>p:not(.eyebrow){font-size:1rem;line-height:1.75;min-height:0;margin-bottom:24px}
.vanilla-home .door-link{margin-top:auto;font-size:.875rem;line-height:1.5;letter-spacing:.05em;border-color:var(--line);padding-top:20px;align-items:center}
.vanilla-home .vanilla-collections .world-doors{grid-template-columns:repeat(3,minmax(0,1fr))}
.vanilla-home .site-footer{background:#35402d;color:#f6f6ec;padding:44px clamp(24px,6vw,96px);border:0}
.vanilla-home .site-footer nav{font-size:.875rem}
.vanilla-home .site-footer>span{font-size:.75rem}
.vanilla-home .site-footer button{color:inherit;font-size:.875rem}
@media(min-width:701px) and (max-width:1100px){.vanilla-home .site-header{flex-wrap:wrap;gap:20px}.vanilla-home .site-header nav{order:3;flex-basis:100%;justify-content:center}.vanilla-home .site-header .age{margin-left:auto}}
@media(max-width:1000px){.vanilla-home .vanilla-collections .world-doors{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.vanilla-home .vanilla-hero{grid-template-columns:1fr;gap:38px;padding-block:44px 24px}.vanilla-home .vanilla-hero h1{font-size:clamp(3.5rem,12vw,5rem);max-width:none}.vanilla-home .vanilla-hero figure{max-width:380px}.vanilla-home .vanilla-hero figure img{aspect-ratio:5/6}.vanilla-home .button{white-space:normal;text-align:center}.vanilla-home .world-heading>.script{transform:none;margin-top:10px}.vanilla-home .world-doors,.vanilla-home .world-doors.cols-2{grid-template-columns:1fr;gap:24px}.vanilla-home .vanilla-collections{padding-top:32px}.vanilla-home .vanilla-collections .world-doors{grid-template-columns:1fr}.vanilla-home .vanilla-collections .door-image{aspect-ratio:4/3}.vanilla-home .door-copy h3{font-size:2.3rem}.vanilla-home .site-footer{align-items:flex-start}.vanilla-home .site-footer nav{gap:14px 20px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.vanilla-home .world-door,.vanilla-home .world-door img{transition:none}.vanilla-home .world-door:hover,.vanilla-home .world-door:hover img{transform:none}}
