:root{--indigo:#212842;--cream:#f0e7d5;--indigo-32:#21284252;--font-editorial:"the-seasons", "The Seasons", Georgia, serif;--header-height:164px;--page-gutter:clamp(28px, 4.1vw, 72px);--gallery-gutter:clamp(24px, 3vw, 52px);--ease-editorial:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{background:var(--cream);scroll-behavior:smooth}body{background:var(--cream);min-width:320px;color:var(--indigo);font-family:var(--font-editorial);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}figure,h1,p{margin:0}::selection{background:var(--indigo);color:var(--cream)}:focus-visible{outline-offset:6px;outline:2px solid}.site-shell{min-height:100svh}.site-header{height:var(--header-height);padding-inline:var(--page-gutter);border-bottom:1px solid var(--indigo-32);grid-template-columns:minmax(440px,33.5vw) 1fr;align-items:center;display:grid}.site-brand{opacity:0;width:160px;min-height:152px;animation:editorial-reveal .42s var(--ease-editorial) 60ms forwards;justify-content:center;align-items:center;display:flex}.site-brand img{width:160px;height:auto}.cover{min-height:calc(100svh - var(--header-height));grid-template-columns:minmax(440px,33.5vw) 1fr;display:grid}.introduction{min-width:0;padding:clamp(48px, 6vh, 80px) var(--page-gutter);flex-direction:column;justify-content:center;display:flex}.introduction h1{letter-spacing:-.035em;opacity:0;width:100%;animation:editorial-reveal .42s var(--ease-editorial) .14s forwards;font-size:clamp(2.45rem,2.95vw,3.75rem);font-weight:300;line-height:.98}.introduction h1 span{white-space:nowrap;display:block}.introduction p{color:#212842c7;opacity:0;max-width:34ch;animation:editorial-reveal .42s var(--ease-editorial) .21s forwards;margin-top:clamp(32px,4.2vh,48px);font-size:clamp(1.08rem,1.32vw,1.35rem);font-weight:400;line-height:1.42}.gallery-stage{min-width:0;min-height:0;padding:clamp(28px, 4vh, 48px) var(--gallery-gutter);border-left:1px solid var(--indigo-32);align-items:stretch;display:flex}.gallery-board{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(24,minmax(0,1fr));gap:clamp(14px,1.6vh,22px) clamp(10px,.9vw,18px);width:100%;min-height:0;display:grid}.mockup{opacity:0;min-width:0;min-height:0;animation:editorial-reveal .42s var(--ease-editorial) var(--delay,.26s) forwards;justify-content:center;align-items:flex-end;display:flex;overflow:hidden}.mockup img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.mockup--embroidery{--delay:.26s;grid-area:1/1/auto/7}.mockup--cap{--delay:.295s;grid-area:1/7/auto/13}.mockup--mug{--delay:.33s;grid-area:1/13/auto/19}.mockup--tote-indigo{--delay:.365s;grid-area:1/19/auto/25}.mockup--collection{--delay:.4s;grid-area:2/1/auto/7}.mockup--mat{--delay:.435s;grid-area:2/7/auto/15}.mockup--tote-cream{--delay:.47s;grid-area:2/15/auto/20}.mockup--frame{--delay:.505s;grid-area:2/20/auto/25}@keyframes editorial-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1120px){.site-header{grid-template-columns:1fr}.cover{min-height:auto;display:block}.introduction{border-bottom:1px solid var(--indigo-32);min-height:620px;padding-block:96px 112px}.introduction h1{max-width:9em;font-size:clamp(3.5rem,7vw,5.4rem)}.introduction p{font-size:1.24rem}.gallery-stage{border-left:0;padding-block:48px}.gallery-board{grid-template-rows:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mockup{grid-area:auto}.mockup img{width:100%;max-height:none}}@media (width<=620px){:root{--header-height:164px;--page-gutter:24px;--gallery-gutter:24px}.site-header{justify-items:center}.introduction{min-height:590px;padding-block:76px 88px}.introduction h1{max-width:8.4em;font-size:clamp(3.05rem,13.6vw,4rem);line-height:.99}.introduction h1 span{white-space:normal;display:inline}.introduction h1 span:not(:last-child):after{content:" "}.introduction p{max-width:30ch;margin-top:40px;font-size:1.08rem;line-height:1.48}.gallery-stage{padding-block:24px 40px}.gallery-board{columns:2;column-gap:10px;display:block}.mockup{break-inside:avoid;width:100%;margin-bottom:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-brand,.introduction h1,.introduction p,.mockup{opacity:1;animation:none}}