/* Deep blue-green editorial palette, with ACORNS photography. */
.header>.brand{color:#f0f0e9}
.header .brand-mark{filter:brightness(0) invert(1)}
.header.scrolled{background:#fffffff2;backdrop-filter:blur(12px)}
.header.scrolled>.brand{color:var(--ink)}
.header.scrolled .brand-mark{filter:none}
.header .menu span{background:#f0f0e9}
.header .menu[aria-expanded=true] span{background:#292929}
.hero{background:#101f25;height:100svh;min-height:680px;align-items:flex-end;justify-content:flex-start}
.hero-photo-panel{inset:100px 5.8vw 40px;animation:home-photo-enter 1.5s 1s cubic-bezier(.22,1,.36,1) both}
.hero-photo-panel .hero-image{filter:brightness(.7) saturate(.68);object-position:center 58%}
.hero-photo-panel .hero-image-next{filter:brightness(.7) saturate(.65);object-position:center 68%}
.hero-photo-panel .hero-wash{background:linear-gradient(180deg,#1021270a 25%,#09171dbd 100%)}
.hero-copy{width:min(780px,80%);max-width:none;margin:0;padding:0 3.2vw 106px;text-align:left}
.hero-copy .eyebrow{display:block;color:#dfdfd3;font:400 .875rem/1.4 Georgia,serif;letter-spacing:.16em;margin-bottom:16px;animation-delay:1.7s}
.hero-copy h1{font-family:var(--serif);font-weight:400;font-size:var(--size-title);letter-spacing:.1em;line-height:1.65;animation-delay:1.9s}
.hero-copy h1 .phrase{display:inline-block}
.hero-copy>p:last-child{font-size:.9375rem;max-width:520px;margin:18px 0 0;color:#e1e5e3;line-height:1.9;animation-delay:2.1s}
.hero-edge{top:auto;bottom:58px;writing-mode:horizontal-tb;color:#e4e8e5;font-size:.75rem;letter-spacing:.1em;animation-delay:2.3s}
.hero-edge-left{left:3.2vw}.hero-edge-right{left:190px;right:auto}
.hero .motion-toggle{left:auto;right:7vw;bottom:58px;background:#11212688;border-color:#c6cecc70;color:#fff}
.hero .opening-message{background:#182126}.opening-identity{color:#f0f0e9}
.opening-identity span{font-family:Georgia,serif;letter-spacing:.22em}
body:has(.opening-identity) .header>.menu{animation-delay:2.4s}
.section,.brand-showcase,.store-gateway,.contact{width:min(1200px,88%);padding-top:76px;padding-bottom:76px}
.manifesto{max-width:none;display:grid;grid-template-columns:1fr 1.35fr;gap:7vw;align-items:start}
.manifesto:before{display:none}.manifesto-title>p{font-family:Georgia,serif;text-transform:none;letter-spacing:.04em}
.manifesto-title h2{font-family:var(--serif);font-weight:400;line-height:1.9}
.manifesto-copy{}.manifesto-copy .lead{font-family:var(--serif);font-weight:400}
.creation-head .vertical-title,.creation h2,.business-head h2,.brand-showcase-intro h2,.store-gateway-content h2,.company-title h2,.contact h2{font-family:var(--serif);font-weight:400}
.creation-body{}.chapter small,.display-title,.store-gateway-label>p,.company-title .lead{font-family:Georgia,serif;}
.business-list{gap:24px}.business-item{border:0;border-top:1px solid var(--line);padding:25px 24px}
.business-item .jp{font-family:var(--serif);font-weight:400}.business-item .item-copy h3{min-height:0}
.brand-showcase-list{gap:30px}.brand-profile-visual{aspect-ratio:4/3;}
.brand-profile:nth-child(2) .brand-profile-visual{}
.brand-profile-visual small{}.brand-profile-info h3{font-family:var(--serif);font-weight:400}
.brand-profile-info{padding-top:22px}
.store-gateway-content>a,.company-gateway-copy>.text-link,.text-link{}
.store-gateway-content>a:hover,.text-link:hover{}
.footer{width:calc(100% - 28px);margin:14px;border-radius:25px;border-top:0;padding:40px 6vw 28px}
.footer-lead>p{}.footer-primary{font-family:Georgia,serif}
.page-top-floating{}


@keyframes home-photo-enter{from{opacity:0;clip-path:inset(0 0 9%);transform:translateY(20px)}to{opacity:1;clip-path:inset(0);transform:none}}
@media(max-width:900px){.manifesto{grid-template-columns:1fr;gap:22px}.hero-copy{width:90%}.brand-showcase-list{gap:34px}}
@media(max-width:700px){
 .hero{height:100svh;min-height:660px}.hero-photo-panel{inset:88px 18px 26px}
 .hero-copy{width:100%;padding:0 32px 136px}.hero-copy h1{font-size:1.75rem;letter-spacing:.03em}.hero .phrase{white-space:normal}
 .hero-copy .eyebrow{font-size:.75rem;margin-bottom:14px}.hero-copy>p:last-child{font-size:.875rem;max-width:330px}
 .hero-edge{display:none}.hero .motion-toggle{bottom:48px;right:34px}
 .section,.brand-showcase,.store-gateway,.contact{width:86%;padding-top:52px;padding-bottom:52px}
 .manifesto-title>p{margin-bottom:20px}.manifesto-title h2{margin-bottom:0}.footer{width:calc(100% - 16px);margin:8px;border-radius:20px;padding:32px 6vw 25px}
}
@media(prefers-reduced-motion:reduce){.hero-photo-panel{animation:none;opacity:1;clip-path:none;transform:none}}


.header.scrolled .menu span{background:#292929}