@layer reset, base, components, utilities;
@layer reset{*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;display:block}button,input,textarea{font:inherit}a{text-decoration:none;color:inherit}}
@layer base{ :root{--ink:#201428;--ink-2:#35203f;--paper:#f6f0eb;--paper-2:#fffaf6;--line:rgba(32,20,40,.14);--muted:#6f6571;--accent:#ff4f6d;--blue:#5968ff;--lime:#d8f879;--chrome:#d7dde8;--shadow:0 26px 70px rgba(34,18,42,.16);--radius:18px}body{background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:-.035em;line-height:1.02}h1{font-size:clamp(3.8rem,8vw,8.2rem);max-width:8.6ch}h2{font-size:clamp(2.4rem,4.5vw,5rem);max-width:12ch}h3{font-size:1.35rem}p{max-width:70ch}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.kicker{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700}.section{padding:104px 0}.section-light{background:var(--paper-2)}.section-ink{background:var(--ink);color:var(--paper)}.section-ink .kicker{color:var(--lime)}.section-ink p{color:rgba(246,240,235,.72)} }
@layer components{.site-header{position:sticky;top:0;z-index:20;background:rgba(246,240,235,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:-.04em}.brand-logo{display:block;width:158px;height:auto;max-height:58px;object-fit:contain;object-position:left center}.footer-brand .brand-logo{width:190px;filter:brightness(0) invert(1)}.brand em{font-style:normal;color:var(--accent)}.primary-nav{display:flex;align-items:center;gap:20px;font-size:.82rem;font-weight:600}.primary-nav>a{color:var(--muted);transition:color .2s ease}.primary-nav>a:hover,.primary-nav>a:focus-visible{color:var(--ink)}.nav-search{display:flex;align-items:center;gap:6px}.nav-search span{font-size:1.25rem;line-height:0}.language-switcher{display:flex;gap:4px;padding-left:10px;border-left:1px solid var(--line)}.lang-link{font-size:.68rem;letter-spacing:.04em;color:var(--muted);padding:6px 7px;border-radius:8px}.lang-link.is-active,.lang-link:hover{background:var(--ink);color:var(--paper)}.menu-toggle{display:none;background:none;border:0;color:var(--ink);font-weight:700}.hero-section{background:var(--paper);padding:82px 0 92px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:7vw;align-items:center}.hero-copy{position:relative;z-index:1}.hero-copy h1{margin:18px 0 24px}.hero-lede{font-size:1.13rem;color:var(--muted);max-width:50ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:999px;padding:14px 18px;font-size:.83rem;font-weight:700;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:white;box-shadow:0 12px 28px rgba(255,79,109,.25)}.button-primary:hover{background:#eb3d5d}.button-quiet{background:transparent;border-color:var(--line)}.button-light{background:var(--paper-2);color:var(--ink)}.hero-proof{display:flex;align-items:center;gap:9px;margin-top:45px;color:var(--muted);font-size:.72rem}.proof-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(216,248,121,.32)}.swatch-wall{position:relative;max-width:510px;justify-self:end}.wall-label{font-family:'IBM Plex Mono',monospace;font-size:.65rem;letter-spacing:.12em;color:var(--muted);margin-bottom:12px}.wall-photo{position:relative;aspect-ratio:1/1.06;overflow:hidden;background:var(--ink);box-shadow:var(--shadow);transform:rotate(2.5deg)}.wall-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04)}.wall-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(32,20,40,.05),rgba(255,79,109,.25));mix-blend-mode:multiply}.photo-stamp{position:absolute;right:22px;bottom:20px;color:white;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(1.2rem,2.8vw,2rem);line-height:.86;letter-spacing:-.06em;text-align:right;z-index:1}.swatch-rail{display:flex;gap:10px;position:absolute;right:-30px;bottom:60px;background:var(--paper-2);padding:10px;box-shadow:0 12px 30px rgba(32,20,40,.16);transform:rotate(-7deg)}.swatch-rail span{width:25px;height:56px;border-radius:14px 14px 10px 10px;background:var(--sw);border:2px solid rgba(255,255,255,.72)}.wall-caption{position:absolute;left:-40px;bottom:-28px;width:190px;font-family:'Bricolage Grotesque',sans-serif;font-size:.92rem;line-height:1.2;color:var(--ink);transform:rotate(-4deg)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading>p{max-width:34ch;color:var(--muted);font-size:.95rem}.section-heading-invert>p{color:rgba(246,240,235,.72)}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.article-card{min-width:0}.article-card-image{display:block;position:relative;aspect-ratio:4/4.6;overflow:hidden;background:var(--ink)}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease;filter:saturate(.82)}.article-card:hover img{transform:scale(1.04);filter:saturate(1.02)}.card-tag{position:absolute;left:12px;top:12px;background:var(--paper-2);color:var(--ink);padding:6px 8px;font-family:'IBM Plex Mono',monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em}.article-card-body{padding:16px 2px 0}.article-card-body h3{font-size:1.28rem;max-width:14ch}.article-card-body p{font-size:.85rem;color:var(--muted);margin-top:10px}.text-link{display:inline-flex;gap:8px;margin-top:16px;color:var(--ink);font-size:.75rem;font-weight:700;border-bottom:1px solid var(--ink)}.section-ink .text-link{color:var(--paper);border-color:var(--paper)}.browse-list{border-top:1px solid rgba(246,240,235,.24)}.browse-link{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:20px;padding:23px 0;border-bottom:1px solid rgba(246,240,235,.24);transition:transform .2s ease}.browse-link:hover{transform:translateX(12px)}.browse-mark{color:var(--lime);font-size:1.6rem}.browse-link strong{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:1.5rem;letter-spacing:-.03em}.browse-link small{display:block;margin-top:4px;color:rgba(246,240,235,.62);font-size:.85rem}.browse-arrow{font-size:1.25rem;color:var(--lime)}.guide-section{background:var(--lime);color:var(--ink)}.guide-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.guide-lede{margin-top:22px;color:rgba(32,20,40,.72)}.guide-list{border-top:1px solid rgba(32,20,40,.24)}.guide-item{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid rgba(32,20,40,.24)}.guide-index{font-family:'IBM Plex Mono',monospace;font-size:.7rem;color:rgba(32,20,40,.6)}.guide-item h3{font-size:1.24rem}.guide-item p{margin-top:6px;color:rgba(32,20,40,.7);font-size:.9rem}.cta-section{padding:26px 0;background:var(--paper)}.cta-panel{background:var(--accent);color:#fff;border-radius:var(--radius);padding:42px 46px;display:flex;justify-content:space-between;align-items:end;gap:28px;box-shadow:var(--shadow)}.cta-panel .kicker{color:var(--lime)}.cta-panel h2{margin-top:12px;max-width:14ch}.cta-panel p{margin-top:12px;color:rgba(255,255,255,.82);max-width:44ch}.page-intro{background:var(--ink);color:var(--paper);padding:92px 0 88px}.page-intro-inner{max-width:1180px}.page-intro h1{margin-top:18px;max-width:12ch}.page-intro-inner>p:last-child{margin-top:24px;color:rgba(246,240,235,.72);font-size:1.05rem;max-width:60ch}.page-intro .kicker{color:var(--lime)}.article-shell{padding:72px 0 38px;background:var(--paper-2)}.article-hero{display:grid;grid-template-columns:1fr .72fr;gap:8vw;align-items:end;padding-bottom:74px}.back-link{display:inline-flex;color:var(--muted);font-size:.78rem;font-weight:700;margin-bottom:34px}.article-hero-copy h1{font-size:clamp(3.2rem,6vw,6.4rem);max-width:9ch;margin:17px 0 22px}.article-dek{font-size:1.1rem;color:var(--muted);max-width:50ch}.article-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}.article-meta span{display:grid;gap:3px;font-size:.75rem;color:var(--muted)}.article-meta b{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;font-size:.58rem;letter-spacing:.08em;color:var(--ink)}.article-hero-image{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--ink);box-shadow:var(--shadow)}.article-hero-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.image-note{position:absolute;left:14px;bottom:14px;background:var(--paper-2);color:var(--ink);padding:6px 8px;font-family:'IBM Plex Mono',monospace;font-size:.58rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:9vw}.article-main{max-width:720px}.article-main section{padding:48px 0;border-top:1px solid var(--line)}.article-inline-image{margin:34px 0;padding:0}.article-inline-image img{width:100%;max-height:620px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.article-inline-image figcaption{margin-top:8px;font-size:.72rem;color:var(--muted)}.designs-first{padding-top:24px!important;border-top:0!important}.designs-first-heading{padding:22px 0 16px}.designs-first-heading h2{max-width:20ch}.designs-first-heading>p:last-child{max-width:54ch;margin-top:10px}.design-spotlight{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px;align-items:center}.design-spotlight:nth-of-type(even) .design-spotlight-image{order:2}.design-spotlight-image{position:relative}.design-spotlight-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.design-spotlight-image span{position:absolute;left:10px;bottom:10px;background:var(--paper-2);padding:5px 7px;font-family:'IBM Plex Mono',monospace;font-size:.55rem;color:var(--ink)}.design-spotlight-copy{padding:12px 0}.design-number{font-family:'IBM Plex Mono',monospace!important;color:var(--accent)!important;font-size:.7rem!important;letter-spacing:.08em;text-transform:uppercase}.design-spotlight-copy h3{font-size:1.9rem;max-width:18ch;margin:10px 0 14px}.design-spotlight-copy p{margin-top:0}.context-image-strip{padding:4px 0 28px}.context-image-strip>.kicker{margin-bottom:12px}.context-image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.context-image-grid figure{margin:0}.context-image-grid img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.context-image-grid figcaption{margin-top:7px;color:var(--muted);font-size:.68rem;line-height:1.25}.rich-article .related-guides{padding-bottom:18px}.rich-article .source-panel{background:var(--lime);border-top:0;padding:28px}.rich-article .source-panel h2{margin-bottom:18px}.rich-article .source-panel a{font-weight:700;text-decoration:underline}.article-lead{font-family:'Bricolage Grotesque',sans-serif;font-size:1.45rem;line-height:1.35;letter-spacing:-.02em;max-width:35ch;padding:0 0 48px}.article-main h2{font-size:2.3rem;max-width:15ch;margin-bottom:20px}.article-main p,.article-main li{color:var(--muted);font-size:1rem}.article-main ul{padding-left:20px;display:grid;gap:10px}.palette-rail{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.palette-label{font-family:'IBM Plex Mono',monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}.palette-chip{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.72rem}.palette-chip i,.look-top i{display:block;width:20px;height:20px;border-radius:50%;background:var(--sw);border:2px solid rgba(255,255,255,.78);box-shadow:0 0 0 1px var(--line)}.lookbook-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 20px}.look-card{padding-top:4px}.look-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.look-top span{font-family:'IBM Plex Mono',monospace;font-size:.63rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.look-card h3{font-size:1.25rem;margin-top:18px}.look-card p{font-size:.88rem;margin-top:10px}.look-line{width:42px;height:3px;background:var(--accent);margin-top:18px}.note-section{background:var(--paper);padding-inline:28px!important}.faq-section details{border-bottom:1px solid var(--line);padding:17px 0}.faq-section summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-weight:700}.faq-section summary span{color:var(--accent);font-size:1.25rem}.faq-section details p{padding-top:12px}.article-aside{padding-top:48px}.aside-card{position:sticky;top:110px;background:var(--lime);padding:22px;margin-bottom:18px}.aside-card+.aside-card{position:relative;top:auto}.aside-card strong{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:1.35rem;line-height:1.1;letter-spacing:-.03em;margin-top:10px}.aside-card p{font-size:.82rem;color:rgba(32,20,40,.7);margin-top:12px}.aside-label{font-family:'IBM Plex Mono',monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(32,20,40,.62)}.aside-card .button{margin-top:18px}.aside-dark{background:var(--ink);color:var(--paper)}.aside-dark p{color:rgba(246,240,235,.72)}.aside-dark .aside-label{color:var(--lime)}.aside-swatches{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.aside-swatches .palette-chip small{color:rgba(246,240,235,.72)}.search-box{display:flex;align-items:center;gap:10px;margin-top:30px;background:var(--paper-2);color:var(--ink);max-width:620px;padding:4px 14px;border-radius:999px}.search-box label{position:absolute;clip:rect(0,0,0,0)}.search-box input{border:0;outline:0;background:transparent;width:100%;padding:13px 2px}.search-box span{font-size:1.3rem}.empty-state{padding:50px 0;color:var(--muted)}.prose-page{max-width:760px}.prose-page p{font-size:1.05rem;color:var(--muted);margin-bottom:24px}.policy-section{padding:28px 0;border-top:1px solid var(--line)}.policy-section:first-child{padding-top:0;border-top:0}.policy-section h2{font-size:1.7rem;max-width:24ch;margin-bottom:12px}.policy-section p{margin-bottom:0}.policy-note{margin-top:34px;padding:20px;background:var(--lime);display:grid;gap:4px}.policy-note strong{font-family:'Bricolage Grotesque',sans-serif}.policy-note a{font-weight:700}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.contact-copy h2{font-size:clamp(2rem,4vw,4rem);max-width:10ch;margin-top:12px}.contact-copy>p{color:var(--muted);margin-top:18px;max-width:35ch}.contact-form{display:grid;gap:17px}.contact-form label{display:grid;gap:7px;font-size:.78rem;font-weight:700}.contact-form input,.contact-form textarea{border:1px solid var(--line);background:var(--paper-2);padding:12px 13px;border-radius:10px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(89,104,255,.16)}.contact-form textarea{resize:vertical}.form-note{font-size:.82rem;color:var(--muted)}.site-footer{background:var(--ink);color:var(--paper);padding:58px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .8fr;gap:60px}.footer-brand{color:var(--paper)}.footer-grid p{color:rgba(246,240,235,.62);font-size:.82rem;margin-top:18px}.footer-email{margin-top:20px!important}.footer-email a{color:var(--lime)}.footer-grid h2{font-size:.85rem;letter-spacing:0;margin-bottom:14px;color:var(--lime)}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:10px}.footer-grid>div:not(:first-child) a{font-size:.82rem;color:rgba(246,240,235,.72)}.footer-grid>div:not(:first-child) a:hover{color:white}.footer-bottom{border-top:1px solid rgba(246,240,235,.18);margin-top:46px;padding-top:16px;display:flex;justify-content:space-between;gap:20px;color:rgba(246,240,235,.48);font-size:.68rem}.site-footer .brand{font-size:1.1rem} }
@layer utilities{a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.reveal{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{from{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(max-width:980px){.primary-nav{gap:12px}.article-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.article-hero{grid-template-columns:1fr .8fr;gap:5vw}.article-layout{gap:5vw}.footer-grid{gap:30px}}@media(max-width:760px){.shell{width:min(100% - 32px,600px)}.header-inner{min-height:68px}.brand-logo{width:142px}.footer-brand .brand-logo{width:180px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:16px;right:16px;top:68px;background:var(--paper-2);padding:16px;box-shadow:var(--shadow);border:1px solid var(--line);flex-direction:column;align-items:stretch;gap:14px}.primary-nav.is-open{display:flex}.language-switcher{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.hero-section{padding:60px 0 68px}.hero-grid,.article-hero,.article-layout,.contact-grid,.guide-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(3.6rem,17vw,6.2rem)}.swatch-wall{margin:24px 12px 34px 0;max-width:100%}.wall-caption{left:0;bottom:-28px}.swatch-rail{right:-8px;bottom:42px}.section{padding:78px 0}.section-heading{display:block}.section-heading>p{margin-top:16px}.article-grid{grid-template-columns:1fr 1fr;gap:22px 12px}.article-card-body h3{font-size:1.05rem}.article-card-body p{font-size:.78rem}.cta-panel{padding:30px 24px;display:block}.cta-panel .button{margin-top:26px}.page-intro{padding:70px 0}.page-intro h1{font-size:clamp(3.3rem,15vw,5rem)}.article-shell{padding-top:50px}.article-hero-copy h1{font-size:clamp(3.2rem,15vw,5.5rem)}.article-hero-image{max-width:520px}.design-spotlight{grid-template-columns:1fr;gap:18px}.design-spotlight:nth-of-type(even) .design-spotlight-image{order:0}.design-spotlight-copy{padding:0}.design-spotlight-copy h3{font-size:1.55rem}.context-image-grid{grid-template-columns:repeat(2,1fr)}.article-aside{padding-top:0}.aside-card{position:relative;top:auto}.lookbook-grid{grid-template-columns:1fr}.note-section{padding-inline:18px!important}.footer-grid{grid-template-columns:1fr 1fr;gap:34px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span+span{display:block;margin-top:8px}}@media(max-width:430px){.article-grid{grid-template-columns:1fr}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{justify-content:center}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}