/* Phone layouts only. Loaded with media="(max-width: 760px)". */
:root{--type-display:28px;--type-section:22px;--type-card:18px;--type-body:16px;--type-caption:13px}
.mobile-only{display:revert!important}.desktop-only{display:none!important}
body{min-height:100svh;display:flex;flex-direction:column;padding-bottom:calc(66px + env(safe-area-inset-bottom))}main{flex:1}
.container{width:calc(100% - 32px)}h1,h2,h3{letter-spacing:-.025em}
.header-inner{min-height:64px;flex-wrap:nowrap;gap:8px;padding-block:8px;position:relative}
.header-inner>.brand{display:inline-flex;align-items:center;font-size:26px;gap:8px;margin-right:auto}
.header-inner>.brand img{width:30px;height:30px;transform:none}.header-inner .brand-tagline,.desktop-nav,.header-actions{display:none}
.header-channel{font-size:13px;min-height:44px;padding:8px 10px;gap:6px;border:0}
.mobile-sections>summary{display:grid;place-items:center;list-style:none;width:44px;height:44px;cursor:pointer;border:1px solid var(--line);border-radius:5px}.mobile-sections>summary::-webkit-details-marker{display:none}
.mobile-sections[open]>summary{background:var(--panel)}.mobile-sections nav{position:absolute;z-index:40;right:0;top:calc(100% - 2px);width:220px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 24px #00000012}
.mobile-sections nav a{display:flex;align-items:center;min-height:48px;padding:10px 12px;font-size:16px}
.site-footer{margin-top:auto;padding-top:16px;border:0}.footer-simple{display:none}.footer-bottom{border:0;padding-block:12px;font-size:12px;text-align:center}.footer-bottom span{margin:0}
.bottom-nav{padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr))}.bottom-nav a{font-size:11px;min-height:50px;gap:4px}.bottom-nav .nav-bot svg{margin-top:0}.bottom-nav svg{width:21px;height:21px}
.button{font-size:15px;min-height:44px;padding:11px 16px}.eyebrow{font-size:12px;line-height:1.45;margin-bottom:8px}.text-link,.collection-link{font-size:14px;min-height:44px;gap:8px}.collection-link-arrow{font-size:20px}
.section{padding-block:24px}.section-heading{gap:8px 16px;margin-bottom:16px;align-items:center}.section-heading p{font-size:15px;margin-top:8px}.page-intro{padding-top:16px}.page-intro h1{font-size:28px;line-height:1.2}.page-intro .lead{margin-top:10px;font-size:15px;line-height:1.55}
.breadcrumbs{font-size:12px;margin-bottom:14px;line-height:1.5}.breadcrumbs>span:last-child{display:none}
/* Free is the first message; the result and the action fit on the same screen. */
.page-home #main>.container{display:flex;flex-direction:column;margin-top:16px;margin-bottom:24px}.page-home .tryon-hero{display:none}.page-home .home-free{order:0}.page-home .mobile-start-methods{order:1;margin-top:8px}.page-home .home-process{display:none}.page-home .mobile-stories{order:2}
.home-free{padding:14px 16px;background:var(--panel);border-radius:5px;margin:0 0 22px}.home-free::after{display:none}
.home-free>h1{font-size:28px;line-height:1.2;margin:0 0 6px;padding:0;letter-spacing:-.025em}.home-free>h2{padding:0;margin:0 0 4px;background:none;font-size:22px;line-height:1.2;color:var(--ink)}
.home-free .lime-panel{padding:0;display:block;background:none}.home-free .lime-panel>div:first-child{display:none}
.home-free .limit-number{display:flex;align-items:baseline;gap:4px;font-size:14px;line-height:1.5;letter-spacing:0}.home-free .limit-number small{display:inline;font-size:14px;line-height:1.5;margin:0}
.home-free .limit-copy{display:none}.home-free .mobile-value{font-size:16px;line-height:1.45;margin:8px 0 10px}
.tryon-hero{display:flex;flex-direction:column;padding:0;gap:16px;background:none;border-radius:0}.tryon-copy{width:100%}.tryon-copy .hero-kicker{display:none}.tryon-copy h1{font-size:28px;line-height:1.15;letter-spacing:-.03em;max-width:330px}
.tryon-hero>.hero-result{display:none}
.hero-result{width:100%;margin:0}.hero-result-image{background:var(--panel);padding:12px;border-radius:5px}.hero-triptych{width:202px;max-width:100%;margin-inline:auto}.hero-result>figcaption{font-size:12px;padding-top:6px;line-height:1.5}
.home-process,.home-capsules,.home-reading{margin-top:28px;padding:0}.home-process::before,.home-capsules::before,.home-reading::before{display:none}.home-section>.section-heading{gap:4px 12px}.home-section .section-heading .eyebrow{display:none}
.home-capsules>.capsule-grid,.home-reading>.article-grid{padding:0;background:none;border-radius:0}
/* A compact input → result → links sequence, without an inner vertical scroll. */
.tryon-flow{display:flex;flex-direction:column;padding:0;background:none;gap:0}
.flow-step{width:100%;padding:16px 0;border-top:1px solid var(--line)}.flow-input,.flow-result{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:14px;align-items:start}
.flow-step h3{min-height:0;margin:0;font-size:17px;line-height:1.3;text-align:left;justify-content:flex-start;gap:6px}.flow-step h3>span{font-size:12px}
.flow-input h3,.flow-result h3{grid-column:2;grid-row:1}.flow-photos,.flow-triptych{grid-column:1;grid-row:1 / span 2;width:100px;height:74px}
.flow-photos{gap:4px}.flow-photos>img{height:70px;max-width:none}.flow-triptych img{object-fit:contain}.flow-caption{grid-column:2;grid-row:2;margin-top:6px;text-align:left;font-size:13px;line-height:1.5}
.flow-shopping h3{margin-bottom:8px}.flow-outfits{padding:0;height:auto;overflow:visible;background:none;display:block}.flow-outfit{padding:0;border:0}.flow-outfit h4,.flow-outfit:not(:first-child),.flow-outfit li:nth-child(n+4){display:none}
.flow-outfit ul{gap:0;grid-template-columns:minmax(0,1fr)}.flow-outfit a{font-size:13px;min-height:30px;display:flex;align-items:center;line-height:1.4;padding:5px 0}.mobile-all-products{margin-top:0;display:flex!important}
.page-home .home-capsules,.page-home .home-reading{display:none}
.mobile-start-methods{margin-top:24px}.mobile-start-methods>h2{font-size:22px;line-height:1.3;margin-bottom:12px}.mobile-method-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:8px}.mobile-method-card{flex:0 0 88%;min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;padding:14px;background:var(--panel);border-radius:5px}.mobile-method-card h3{font-size:17px;line-height:1.3}.mobile-method-card p{font-size:14px;line-height:1.45;color:var(--muted);margin:8px 0}.mobile-method-card>a{display:flex;gap:8px;align-items:center;min-height:36px;margin-top:auto;font-size:14px;text-decoration:underline;text-underline-offset:3px}.mobile-method-card>a>span{text-decoration:none}
.mobile-stories{margin-top:24px}.mobile-stories>h2{font-size:22px;line-height:1.3;margin-bottom:12px}.mobile-story-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:8px;align-items:stretch}.mobile-story{flex:0 0 88%;min-width:0;scroll-snap-align:start;padding:12px;background:var(--panel);border-radius:5px;display:flex;flex-direction:column;gap:12px}.mobile-story-input{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;align-items:center;min-height:86px}.mobile-story-input figure{margin:0}.mobile-story-input .flow-photos,.mobile-story-things{display:flex;gap:4px;width:82px;height:64px;align-items:center;justify-content:center}.mobile-story-input .flow-photos>img{height:60px;max-width:48%;object-fit:contain}.mobile-story-things img{width:38px;height:60px;object-fit:contain}.mobile-story-input figcaption{font-size:11px;line-height:1.4;margin-top:5px;color:var(--muted);text-align:left}.mobile-story-input>p{font-size:14px;line-height:1.4;margin:0}.mobile-story-input>p>span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.mobile-story-result{display:block;width:100%;aspect-ratio:3/2;flex:none}.mobile-story-result>img,.mobile-story-result>.capsule-triptych{width:100%;height:100%;object-fit:contain}.mobile-story-link{display:flex;gap:8px;align-items:center;min-height:40px;font-size:14px;line-height:1.4;margin-top:auto;text-decoration:underline;text-underline-offset:3px}.mobile-story-link>span{text-decoration:none}
/* One horizontal gesture per surface: rails swipe capsules, arrows switch photos. */
.home-capsules>.capsule-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:12px;overscroll-behavior-x:contain}
.home-capsules .capsule-card{flex:0 0 87%;min-width:0;scroll-snap-align:start}.home-capsules .carousel-track,.capsule-rail .carousel-track{overflow-x:hidden;overscroll-behavior-x:auto}
.capsule-rail-track{gap:16px;padding-bottom:12px}.capsule-rail-track>.capsule-card{flex-basis:87%}
.carousel-slide{aspect-ratio:auto;height:180px}.carousel-slide>.capsule-triptych{width:min(100%,270px)}.capsule-items-slide{padding:12px 8px}.capsule-items-slide>img{max-height:156px}.capsule-items-montage{height:156px;gap:8px}
.carousel-controls{font-size:12px;padding-top:4px;min-height:30px}.carousel-controls button{width:40px;height:40px}.carousel-controls [data-carousel-prev]{left:6px}.carousel-controls [data-carousel-next]{right:6px}
.save-button{width:40px;height:40px;top:6px;right:6px}.capsule-meta{padding-top:8px;font-size:12px}.capsule-album:has(.carousel-controls:not([hidden]))+.capsule-meta{padding-top:4px}
.capsule-card h3{font-size:18px;line-height:1.3;margin-top:6px}.capsule-actions{gap:12px;margin-top:10px}.capsule-actions .button{min-width:0;flex:1}.capsule-actions .text-link{flex:1;min-width:0;font-size:15px;min-height:44px;padding:11px 16px;border:1px solid var(--line);border-radius:3px;justify-content:center;text-align:center}
.capsule-grid,.saved-grid{gap:24px}.collection-page{padding-block:20px 24px}.collection-page h1{font-size:28px}.collection-page .section-heading{margin-bottom:12px}.collection-page .storage-note{font-size:12px;line-height:1.5}
.empty-state{padding:28px 8px 12px}.empty-heart{font-size:30px}.empty-state h2{font-size:20px;line-height:1.3;max-width:280px;margin-inline:auto}.empty-state p{font-size:15px;line-height:1.6;max-width:290px;margin-inline:auto}.empty-state .button{margin-top:20px}
.page-favorites .section-heading{display:block}
/* On a capsule, the selected-set action comes before the album. */
.capsule-detail-layout{display:flex;flex-direction:column;gap:16px}.capsule-detail-layout>.detail-side{display:none}
.capsule-detail-layout>.detail-side+.capsule-result{width:100%}.capsule-detail-layout>div{width:100%}
.seed-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:12px;align-items:start}.seed-grid>.seed-product{flex:0 0 85%;min-width:0;scroll-snap-align:start}.seed-grid .seed-gallery{overflow-x:hidden}.seed-grid .seed-gallery::before{content:attr(data-photo-count);position:absolute;left:8px;bottom:8px;z-index:1;font-size:12px;line-height:28px;padding-inline:7px;background:#fff;border-radius:4px;pointer-events:none}.seed-gallery{height:170px;max-height:none;aspect-ratio:auto}.seed-product h3{font-size:16px;line-height:1.35;margin-top:10px}.seed-product>p{display:none}
.mobile-disclosure{border-top:1px solid var(--line);margin-top:10px}.mobile-disclosure>summary{font-size:14px;line-height:1.4;min-height:44px;padding:12px 0;cursor:pointer}.mobile-disclosure>p{font-size:14px;line-height:1.6;margin:4px 0 12px}
.section:has(>.capsule-story),.capsule-rail{display:none}.capsule-story{display:block}.capsule-story>h2{font-size:22px}.capsule-story .prose{font-size:15px;line-height:1.65}.capsule-story .prose>p:not(:first-child){display:none}.capsule-story .mobile-disclosure .prose>p{display:block}
.capsule-outfits{display:block}.mobile-outfit{margin:0;border-top:1px solid var(--line)}.mobile-outfit>summary{font-size:16px;font-weight:500;padding:16px 0;line-height:1.5}.mobile-outfit .capsule-outfit{display:block;padding:0;margin:0;border:0}.mobile-outfit .capsule-outfit-copy{display:block;padding:0;background:none}.mobile-outfit .capsule-outfit-copy>.eyebrow,.mobile-outfit .capsule-outfit-copy>h3{display:none}.mobile-outfit .capsule-outfit-copy>p{font-size:15px;line-height:1.6;margin:0 0 12px}
.capsule-product-links{margin:12px 0 20px;padding-left:18px}.capsule-product-links a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;line-height:1.5}
.capsule-rail-actions{width:auto}.capsule-rail .section-heading>.capsule-rail-actions{margin-left:0}.capsule-rail .eyebrow{display:none}
/* Lists are for choosing; article pages retain the complete text. */
.journal{padding-block:20px 28px}.journal>.section-heading{margin-bottom:16px}.journal h1{font-size:28px}.article-grid{display:flex}.home-reading .article-grid{display:grid;grid-auto-rows:1fr}
.article-card,.main-article{padding:16px 0;margin:0;border-top:1px solid var(--line);border-radius:0;background:none}.article-card>a,.main-article>a{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start}
.article-thumb{width:96px;height:72px;aspect-ratio:4/3;background:var(--panel)}.article-thumb>img{object-fit:contain}.article-thumb.photo-pair-thumb{grid-template-columns:1fr 1fr}.article-thumb.photo-pair-thumb>img{object-fit:contain}
.article-card .eyebrow,.article-card p{display:none}.article-card h2,.main-article h2{font-size:17px;line-height:1.35;letter-spacing:-.02em}.article-read{font-size:13px;min-height:36px;margin-top:6px;gap:10px}
.editorial .article-header h1{font-size:27px;line-height:1.18}.editorial .article-header>.eyebrow{font-size:12px}.editorial .article-byline{font-size:12px;margin-top:12px}.editorial .prose h2{font-size:22px;line-height:1.3}.editorial .prose h3{font-size:18px}.editorial .prose{font-size:16px;line-height:1.65}
.editorial .prose>figure{max-width:300px;margin:20px auto}.editorial .prose figure>img{max-height:240px;object-fit:contain}.editorial .prose figcaption{font-size:12px;line-height:1.5}.editorial .article-photo-checks h2{font-size:17px;min-height:3em}.editorial .article-photo-checks img{height:180px;object-fit:contain}.editorial .article-photo-checks>section:first-child img{object-fit:contain}.editorial .article-photo-checks ul{font-size:13px;padding-left:16px}
.photo-example-visual{height:210px}.photo-examples{gap:20px}.photo-example figcaption{padding-top:12px}.photo-example h2{font-size:20px}.photo-example p{font-size:15px;line-height:1.6}
.demo-media{height:180px;aspect-ratio:auto}.demo-visual>.capsule-triptych{width:min(100%,270px)}.demo-card h3{font-size:18px}.tryon-method{padding:16px}.tryon-method p{font-size:15px;line-height:1.6;margin-top:8px}.tryon-methods{gap:12px}.contacts-page{min-height:0}
/* Mobile examples: compare three looks in one rail, expand only the shopping list you need. */
.mobile-look-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:12px;margin-bottom:20px;align-items:start}
.mobile-look-rail>.linked-outfit{flex:0 0 87%;min-width:0;display:block;padding:0;border:0;scroll-snap-align:start;scroll-margin-inline:0}
.mobile-look-rail .linked-outfit-image{height:200px;width:100%;margin:0;background:var(--panel);display:flex;justify-content:center;border-radius:5px}
.mobile-look-rail .linked-outfit-image>.image-crop{height:100%;width:auto;flex:none}
.mobile-look-rail .linked-outfit-copy{padding-top:12px}.mobile-look-rail .eyebrow{font-size:11px;margin-bottom:6px}.mobile-look-rail h2{font-size:18px;line-height:1.3;min-height:3.9em}
.mobile-look-products{margin-top:10px}.mobile-look-products>summary{font-size:14px}.mobile-look-products .outfit-products{margin:0 0 12px}.mobile-look-products .outfit-products a{padding:9px 0;min-height:44px;gap:3px}.mobile-look-products .outfit-products a>span{font-size:14px;line-height:1.4}.mobile-look-products .outfit-products a>small{font-size:12px}
.linked-example .example-intro{font-size:15px;line-height:1.6;margin-bottom:20px}.linked-example>.small{font-size:12px;line-height:1.6}.example-next{margin-top:24px;padding-top:24px}.example-next h2{font-size:22px}.example-next p{font-size:15px;line-height:1.6;margin-top:10px}.example-next .button{margin-top:16px}
.article-end-actions>.text-link[href="/blog/"]{display:none}
/* Enlargements preserve the existing face masks and the original files. */
.mobile-zoomable{cursor:zoom-in}.mobile-image-viewer{width:100%;max-width:none;max-height:100svh;height:100svh;margin:0;padding:16px;border:0;background:#fff;color:var(--ink)}.mobile-image-viewer::backdrop{background:#0009}.mobile-image-viewer[open]{display:flex;flex-direction:column;gap:16px}.mobile-viewer-close{align-self:flex-end;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:5px;background:#fff;font:inherit;font-size:15px}.mobile-viewer-visual{margin-block:auto;min-height:0;overflow:auto}.mobile-viewer-visual .hero-triptych,.mobile-viewer-visual .capsule-triptych{width:100%;max-width:none}.mobile-viewer-visual>.image-crop{width:min(100%,calc(70svh * .5));margin-inline:auto}.mobile-viewer-visual>img{width:100%;max-height:75svh;object-fit:contain}.mobile-viewer-caption{font-size:13px;line-height:1.5;color:var(--muted)}
.mobile-zoomable:not(img){position:relative}.mobile-zoomable:not(img)::after{content:"⤢";position:absolute;bottom:8px;right:8px;display:grid;place-items:center;width:28px;height:28px;background:#fff;border-radius:4px;color:var(--ink);font-size:21px;line-height:1;pointer-events:none}
.mobile-viewer-visual .seed-gallery{width:100%;height:65svh;max-height:none;overflow-x:auto;background:var(--panel)}.mobile-viewer-visual .flow-photos{display:flex;width:100%;height:calc((100vw - 44px)/1.31);gap:12px;align-items:center}.mobile-viewer-visual .flow-photos>img{height:100%;width:auto}
@media(max-width:350px){.header-inner>.brand{font-size:23px;gap:6px}.header-channel{padding:8px 4px;gap:4px}.header-inner{gap:5px}.carousel-slide{height:165px}.carousel-slide>.capsule-triptych{width:247px;max-width:100%}.seed-gallery{height:148px}.article-card>a,.main-article>a{grid-template-columns:80px minmax(0,1fr);gap:12px}.article-thumb{width:80px;height:64px}.tryon-copy h1{font-size:27px}}