@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/barlow-condensed-600.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/dm-sans-400.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500 700;font-display:swap;src:url('fonts/dm-sans-600.ttf') format('truetype')}
:root{--paper:#f6f1e8;--ink:#242822;--muted:#626459;--line:#d2cec4;--accent:#b6382d;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 'DM Sans',sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b6382d;outline-offset:5px}::selection{background:#e6bc54;color:#242822}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:#b6aa97;border:2px solid var(--paper);border-radius:8px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:20;left:20px;top:-70px;padding:10px;background:var(--ink);color:white}.skip:focus{top:10px}.site-header{height:84px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.wordmark{font-size:25px;font-weight:700;letter-spacing:-.04em;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.brand-dot{width:7px;height:7px;background:#b6382d;border-radius:50%;align-self:flex-end;margin-bottom:10px}nav{display:flex;gap:32px;align-items:center}nav a{font-size:14px;text-decoration:none}.nav-order{border-bottom:1px solid var(--ink);padding:8px 0}.nav-order span{margin-left:12px}
h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed',sans-serif;font-weight:600;line-height:.98;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(64px,7.8vw,104px);margin-bottom:22px}h1 em,h2 em{font-style:normal;color:var(--accent)}.wardrobe{height:260svh}.story{--accent:#b6382d;position:sticky;top:84px;min-height:620px;height:calc(100svh - 84px);max-height:960px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto 52px;column-gap:8%;padding:32px 5% 0;max-width:1600px;margin:auto}.story[data-scene="1"]{--accent:#354f40}.story[data-scene="2"]{--accent:#a96810}.story-heading{align-self:center;padding-top:8px}.story-heading>p{color:var(--muted);max-width:35ch;margin-bottom:20px}.look-controls{display:flex;flex-wrap:wrap;gap:8px}.look-controls button{background:transparent;border:1px solid var(--line);border-radius:30px;padding:10px 13px;font-size:13px;display:flex;align-items:center;gap:8px;color:var(--ink);min-height:44px}.look-controls button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.swatch{width:12px;height:12px;border-radius:50%;border:1px solid #ffffff70}.red{background:#d94b3a}.cream{background:#eee0c8}.yellow{background:#e0ad36}.mascot-stage{position:relative;grid-column:2;grid-row:1/3;min-height:0;overflow:hidden;border-radius:12px;background:#e6d7c5}.mascot{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;inset:0;opacity:0;transition:opacity 440ms var(--ease);pointer-events:none}.mascot.active{opacity:1}.stage-stamp{position:absolute;left:22px;bottom:22px;z-index:2;font-size:10px;letter-spacing:.16em;font-weight:700;background:#f6f1e8ed;padding:8px 11px;border-radius:4px}.look-count{position:absolute;right:20px;bottom:22px;z-index:2;font-size:12px;background:#f6f1e8ed;padding:7px 10px;font-variant-numeric:tabular-nums;border-radius:4px}.story-copy{grid-column:1;grid-row:2;align-self:end;padding:30px 0 18px}.story-copy h2{font-size:34px;margin-bottom:10px}.scene-description>p{max-width:35ch;color:var(--muted);font-size:14px;min-height:44px;margin-bottom:20px}.button{min-height:52px;display:inline-flex;gap:18px;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);padding:15px 20px;border:0;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;transition:transform 180ms var(--ease),background 180ms var(--ease)}.scene-link{width:100%;max-width:390px}.scene-link span:not([aria-hidden]){font-weight:400;font-size:12px;opacity:.8;margin-left:auto}.styling-note{font-size:10px;color:var(--muted);margin:12px 0 0}.story-bottom{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.story-bottom a{text-decoration:none}.scroll-cue{color:var(--muted)}.scroll-cue span{display:inline-block;margin-left:12px}.service-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 5%;display:flex;justify-content:center;gap:clamp(24px,7vw,140px);font-size:14px;background:#ebe5d9}.service-strip strong{font-weight:700}.collection{max-width:1600px;margin:auto;padding:110px 5% 100px}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:56px}.collection h2{font-size:clamp(54px,6vw,84px);margin:0}.collection h2 em{color:#354f40}.collection-heading>div{min-width:260px}.collection-heading p{font-size:14px;color:var(--muted);margin-bottom:12px}.collection-heading p:first-child{font-size:17px;color:var(--ink);font-weight:500}.collection-heading a{font-size:13px}.shop-tools{display:flex;justify-content:space-between;align-items:end;gap:24px;border-bottom:1px solid var(--line);padding-bottom:20px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{border:1px solid var(--line);background:transparent;border-radius:30px;font-size:13px;padding:11px 17px;min-height:44px;color:var(--ink)}.filters .selected{background:var(--ink);border-color:var(--ink);color:var(--paper)}.search{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.search input{border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;font-size:14px;padding:8px 26px 8px 0;width:230px;color:var(--ink);caret-color:#b6382d}.search input::placeholder{color:#626459}.result-count{font-size:12px;color:var(--muted);margin:18px 0 28px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 24px}.product{min-width:0;scroll-margin-top:108px}.product:target{outline:2px solid #b6382d;outline-offset:9px}.product-photo{position:relative;display:block;background:white;overflow:hidden;border-radius:8px;aspect-ratio:4/5}.product-photo img{width:100%;height:100%;object-fit:contain;display:block;transition:transform 350ms var(--ease)}.photo-label{position:absolute;bottom:10px;right:10px;background:#f6f1e8ed;padding:5px 8px;font-size:10px;border-radius:4px}.product-meta{display:flex;justify-content:space-between;font-size:11px;margin:18px 0 7px;color:var(--muted);font-variant-numeric:tabular-nums}.product-meta strong{color:var(--ink);font-size:12px}.product h3{font-size:15px;line-height:1.4;margin-bottom:6px;font-weight:600}.product>p{font-size:12px;color:var(--muted);margin-bottom:12px;min-height:19px}.product details{font-size:12px}.product details p{color:var(--muted);padding-top:8px}.product summary{min-height:32px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.order-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;min-height:48px;text-decoration:none;font-weight:600;font-size:13px}.empty{text-align:center;padding:60px 20px}.empty h3{font-size:24px}.empty p{color:var(--muted)}.order-section{background:#354f40;color:var(--paper);padding:80px 5%;display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.order-section h2{font-size:clamp(54px,6vw,80px);margin:0}.order-section h2 em{color:#e5bc70}.order-section>div{max-width:420px;align-self:center}.order-section p{font-size:15px;color:#e1e6dc}.light{background:var(--paper);color:var(--ink);width:100%}.order-section .contact{font-size:13px;margin:16px 0 0}.questions{padding:90px 5%;display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1600px;margin:auto}.questions h2{font-size:52px}.questions details{border-bottom:1px solid var(--line)}.questions summary{padding:20px 0;cursor:pointer;font-size:15px;font-weight:500}.questions details p{font-size:14px;color:var(--muted);max-width:65ch;padding-bottom:16px}footer{padding:35px 5%;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}footer p{font-size:13px;margin:0}footer>a:last-of-type{font-size:12px}footer small{flex-basis:100%;font-size:11px;color:var(--muted)}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px);background:#405244}.light:hover{background:#eee4d2}.product-photo:hover img{transform:scale(1.04)}.order-link:hover{text-decoration:underline}.look-controls button:hover,.filters button:hover{border-color:var(--ink)}nav a:hover{text-decoration:underline}}
.mascot{object-fit:contain}.story-copy .styling-note::before{content:'Delivery included. ';font-weight:600;color:var(--ink)}
@media(min-width:1600px){.story{column-gap:12%;padding-inline:80px}.mascot-stage{background:#e6d7c5}}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story{column-gap:5%;padding-top:24px}h1{font-size:76px}.site-header{padding-inline:4%}.look-controls{gap:5px}.look-controls button{padding-inline:10px;font-size:12px}}
@media(max-width:700px){html{scroll-padding-top:82px}.site-header{height:64px;padding-inline:20px}.wordmark{font-size:21px}.brand-dot{margin-bottom:8px;width:6px;height:6px}nav{gap:20px}.desktop-nav{display:none}nav a{font-size:12px}.wardrobe{height:230svh}.story{top:64px;height:calc(100svh - 64px);min-height:640px;max-height:850px;padding:16px 20px 0;grid-template-columns:1fr;grid-template-rows:auto minmax(260px,1fr) auto 38px;gap:0}.story-heading{padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.story-heading h1{font-size:47px;line-height:.95;margin:0}.story-heading>p{display:none}.look-controls{max-width:170px;justify-content:flex-end;gap:5px}.look-controls button{padding:7px 10px;min-height:36px;font-size:11px}.swatch{width:10px;height:10px}.mascot-stage{grid-column:1;grid-row:2;border-radius:8px}.mascot{object-fit:contain;background:#e6d7c5}.stage-stamp{left:12px;bottom:12px;font-size:8px;padding:6px 8px}.look-count{right:12px;bottom:12px;font-size:10px;padding:5px 8px}.story-copy{grid-column:1;grid-row:3;padding:14px 0 0}.story-copy h2{font-size:29px;margin-bottom:5px}.scene-description>p{font-size:12px;min-height:0;max-width:none;margin-bottom:12px}.scene-link{max-width:none;min-height:46px;padding:12px 15px;font-size:12px}.styling-note{margin:6px 0 0;font-size:9px}.story-bottom{grid-column:1;grid-row:4;font-size:10px;gap:8px}.scroll-cue span{margin-left:4px}.service-strip{gap:10px;justify-content:space-between;padding:17px 20px;font-size:10px}.collection{padding:65px 20px}.collection-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:30px}.collection h2{font-size:58px}.collection-heading>div{min-width:0}.collection-heading p{font-size:13px}.collection-heading p:first-child{font-size:16px}.shop-tools{flex-direction:column;align-items:stretch;gap:20px}.filters{gap:5px}.filters button{font-size:11px;padding:9px 12px;min-height:42px}.search input{width:100%;font-size:16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 16px}.product h3{font-size:13px}.product>p{font-size:11px;min-height:34px}.product-meta{font-size:10px;margin-top:12px}.product-meta strong{font-size:11px}.product details{font-size:11px}.order-link{font-size:12px}.photo-label{font-size:9px;bottom:7px;right:7px}.order-section{padding:55px 20px;grid-template-columns:1fr;gap:28px}.order-section h2{font-size:57px}.order-section p{font-size:14px}.questions{padding:55px 20px;grid-template-columns:1fr;gap:8px}.questions h2{font-size:42px;margin-bottom:15px}.questions summary{font-size:14px}footer{padding:28px 20px}footer p{display:none}footer small{font-size:10px}}
@media(max-height:740px) and (min-width:701px){.story{min-height:530px;padding-top:18px}h1{font-size:64px;margin-bottom:12px}.story-heading>p{font-size:14px;margin-bottom:12px}.story-copy{padding-top:18px}.story-copy h2{font-size:30px}.scene-description>p{margin-bottom:12px;min-height:0}.look-controls button{min-height:38px;padding-block:8px}}
@media(max-width:700px){.story-heading{display:block}.look-controls{max-width:none;justify-content:flex-start;margin-top:12px;gap:7px}.look-controls button{min-height:44px;padding-inline:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wardrobe{height:auto}.story{position:relative;top:0}*,*::before,*::after{transition:none!important;animation:none!important}.scroll-cue{font-size:0}.scroll-cue::before{content:'Tap an outfit to change the look';font-size:11px}.scroll-cue span{display:none}}
