@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--reef: #14b3ae;--reef-2: #5fe0d6;--deep: #0b4f6c;--abyss: #062b3b;--coral: #ff6f59;--coral-2: #ff9a85;--gold: #e9b44c;--sand: #fbf3e4;--sand-2: #f4e6cc;--ink: #10222c;--muted: #5b6b72;--line: rgba(16, 34, 44, .1);--card: #ffffff;--radius: 22px;--shadow: 0 1px 2px rgba(6, 43, 59, .06), 0 12px 40px -12px rgba(6, 43, 59, .25);--shadow-lg: 0 30px 80px -24px rgba(6, 43, 59, .45);--serif: "Fraunces Variable", Fraunces, Georgia, serif;--sans: "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--sand);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,canvas{max-width:100%;display:block}a{color:var(--deep);text-decoration-thickness:1px;text-underline-offset:3px}h1,h2,h3,h4{font-family:var(--serif);line-height:1.08;margin:0 0 .5em;letter-spacing:-.02em;font-weight:700;font-variation-settings:"SOFT" 50,"WONK" 1}h1{font-size:clamp(2.6rem,6.5vw,5.4rem)}h2{font-size:clamp(2rem,4vw,3.2rem)}h3,.h3{font-size:clamp(1.25rem,2vw,1.6rem)}p{margin:0 0 1em}.wrap{width:min(1200px,100% - 40px);margin-inline:auto}.wrap.narrow{width:min(780px,100% - 40px)}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:.875rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:700;color:var(--coral);margin-bottom:.9rem}.lede{font-size:clamp(1.05rem,1.6vw,1.25rem);color:#2b3f48;max-width:40ch}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;padding:8px 12px;border-radius:8px}section{padding:clamp(56px,8vw,110px) 0;position:relative}.btn{--bg: transparent;--fg: var(--ink);--bd: var(--line);display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.7em 1.2em;border-radius:999px;border:1.5px solid var(--bd);background:var(--bg);color:var(--fg);font:600 .95rem/1.1 var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s,border-color .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px #062b3b73}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:progress;transform:none}.btn-primary{--bg: var(--coral);--fg: #fff;--bd: var(--coral)}.btn-primary:hover{--bg: #ff5a41}.btn-secondary{--bg: var(--deep);--fg: #fff;--bd: var(--deep)}.btn-ghost{--bg: rgba(255, 255, 255, .6);--bd: rgba(16, 34, 44, .16);backdrop-filter:blur(6px)}.btn-ghost:hover{--bd: var(--deep)}.btn-lg{padding:.95em 1.6em;font-size:1.02rem}.btn-small{padding:.5em 1em;font-size:.85rem}.btn-block{width:100%}.demo-ribbon{display:none}body.is-demo .demo-ribbon{display:block;position:relative;z-index:60;text-align:center;background:var(--ink);color:var(--gold);font:700 .7rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:8px 12px}.site-header{position:sticky;top:0;z-index:50;transition:background .3s,box-shadow .3s,backdrop-filter .3s}.site-header.scrolled{background:#fbf3e4d1;backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 0 var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-mark{width:30px;height:30px;border-radius:9px;position:relative;background:conic-gradient(from 45deg,var(--coral),var(--gold),var(--reef),var(--deep),var(--coral));box-shadow:inset 0 0 0 5px var(--deep)}.brand-mark:after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--sand)}.brand-word{font:800 1.35rem/1 var(--serif);letter-spacing:.04em}.brand-tag{font-size:.75rem;color:var(--muted);font-style:italic;font-family:var(--serif)}.site-nav{display:flex;align-items:center;gap:26px}.site-nav a:not(.btn){color:var(--ink);text-decoration:none;font-weight:550;font-size:.95rem;position:relative}.site-nav a:not(.btn):after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--coral);transform:scaleX(0);transition:transform .3s var(--ease);transform-origin:left}.site-nav a:not(.btn):hover:after{transform:scaleX(1)}.nav-toggle{display:none;background:none;border:0;width:44px;height:44px;position:relative;cursor:pointer}.nav-toggle span{position:absolute;left:11px;right:11px;height:2px;background:var(--ink);transition:transform .3s var(--ease),top .3s}.nav-toggle span:first-child{top:17px}.nav-toggle span:last-child{top:25px}body.nav-open .nav-toggle span:first-child{top:21px;transform:rotate(45deg)}body.nav-open .nav-toggle span:last-child{top:21px;transform:rotate(-45deg)}.hero{padding-top:clamp(24px,4vw,56px);padding-bottom:clamp(80px,10vw,150px);overflow:hidden;background:radial-gradient(1200px 600px at 85% -10%,rgba(20,179,174,.28),transparent 60%),radial-gradient(800px 500px at -10% 30%,rgba(255,111,89,.16),transparent 60%),var(--sand);margin-top:-72px;padding-top:calc(72px + clamp(24px,4vw,56px))}.hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,5vw,70px);align-items:center;position:relative;z-index:1}.hero h1 em{font-style:italic;color:var(--coral);font-variation-settings:"SOFT" 100,"WONK" 1}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 22px}.hero-points{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.9rem;color:var(--muted)}.hero-points li:before{content:"✦";color:var(--gold);margin-right:6px}.hero-cloth{perspective:1400px}.cloth-card{border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);background:var(--deep);transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .6s var(--ease);position:relative}.hero-cloth .cloth-card{animation:floaty 7s ease-in-out infinite;transform-style:preserve-3d}.cloth-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 35%,transparent 65%,rgba(0,0,0,.12));mix-blend-mode:soft-light}#hero-kanga{width:100%;aspect-ratio:3 / 2;transition:opacity .45s ease,filter .45s ease}#hero-kanga.fade{opacity:0;filter:blur(6px)}.hero-caption{text-align:center;font-family:var(--serif);font-style:italic;color:var(--muted);margin-top:18px;min-height:1.6em}@keyframes floaty{0%,to{translate:0 0;rotate:-1deg}50%{translate:0 -10px;rotate:.6deg}}.hero-sea{position:absolute;left:0;right:0;bottom:-2px;height:180px;z-index:0;pointer-events:none}.hero-sea svg{width:100%;height:100%}.hero-sea .w1{fill:#14b3ae2e;animation:sway 9s ease-in-out infinite}.hero-sea .w2{fill:#0b4f6c1f;animation:sway 12s ease-in-out infinite reverse}@keyframes sway{0%,to{transform:translate(0)}50%{transform:translate(-40px)}}.marquee{background:var(--deep);color:var(--sand);overflow:hidden;padding:16px 0;border-block:4px solid var(--gold)}.marquee-track{display:flex;gap:28px;width:max-content;animation:marquee 60s linear infinite;font:600 italic 1.15rem/1 var(--serif);white-space:nowrap}.marquee i{color:var(--coral);font-style:normal}@keyframes marquee{to{transform:translate(-50%)}}.section-head{max-width:720px;margin-bottom:clamp(28px,4vw,52px)}.section-head .muted{font-size:1.05rem}.studio-section{background:linear-gradient(180deg,var(--sand) 0%,#f3ead7 100%)}.studio{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(20px,3vw,40px);align-items:start}.studio-stage{position:sticky;top:92px}.stage-tabs{display:inline-flex;padding:4px;border-radius:999px;background:#10222c12;margin-bottom:14px}.stage-tabs button{border:0;background:none;padding:8px 18px;border-radius:999px;font:600 .9rem var(--sans);color:var(--muted);cursor:pointer;transition:background .25s,color .25s}.stage-tabs button.active{background:#fff;color:var(--ink);box-shadow:var(--shadow)}.stage-frame{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3 / 2;box-shadow:var(--shadow-lg);background:radial-gradient(circle at 50% 30%,#1a6f8e,var(--abyss))}.stage-frame canvas#studio-canvas{width:100%;height:100%}#drape-host{position:absolute;inset:0}#drape-host canvas{width:100%!important;height:100%!important;cursor:grab}#drape-host canvas:active{cursor:grabbing}.stage-loading{position:absolute;inset:0;display:none;place-items:center;color:#fff;font-weight:600}.stage-frame.loading .stage-loading{display:grid}.stage-frame.is-drape{aspect-ratio:3 / 2;background:radial-gradient(circle at 50% 20%,#f7efe0,#d9c7a4 70%,#b9a27a)}.stage-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;margin:12px 4px 0}.meaning{margin:10px 4px 0;color:#2b3f48;min-height:1.4em;font-size:.95rem}.meaning strong{font-family:var(--serif);font-style:italic;font-weight:600}.stage-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.stage-actions #download-free{margin-left:auto}.studio-panel{background:var(--card);border-radius:var(--radius);padding:clamp(18px,2.4vw,30px);box-shadow:var(--shadow);display:grid;gap:20px}.field{display:grid;gap:8px}.field-label{font-weight:650;font-size:.85rem;letter-spacing:.01em;display:flex;justify-content:space-between;color:#33474f}.field-label small{color:var(--muted);font-weight:500}textarea,select,input[type=text]{width:100%;font:500 1.05rem/1.4 var(--sans);color:var(--ink);background:var(--sand);border:1.5px solid transparent;border-radius:14px;padding:14px 16px;resize:vertical;transition:border-color .2s,background .2s,box-shadow .2s}textarea{font:600 1.25rem/1.35 var(--serif);min-height:84px}textarea:focus,select:focus,input:focus{outline:none;border-color:var(--reef);background:#fff;box-shadow:0 0 0 4px #14b3ae26}select{appearance:none;font-size:.95rem;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;cursor:pointer}.field-row{display:flex;gap:10px}.field-row select{flex:1;min-width:0}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:var(--sand);padding:5px;border-radius:14px}.seg{border:0;background:transparent;padding:10px 6px;border-radius:10px;font:600 .88rem var(--sans);color:var(--muted);cursor:pointer;transition:all .25s var(--ease)}.seg.active{background:var(--deep);color:#fff;box-shadow:0 6px 16px -8px #0b4f6ccc}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:44px;height:44px;border-radius:50%;border:0;padding:0;cursor:pointer;position:relative;background:conic-gradient(var(--a) 0 25%,var(--b) 0 50%,var(--c) 0 75%,var(--d) 0);transition:transform .25s var(--ease);box-shadow:inset 0 0 0 1px #00000014}.swatch:hover{transform:scale(1.08) rotate(20deg)}.swatch.active{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink);transform:scale(1.06)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1.5px solid var(--line);background:#fff;padding:7px 14px;border-radius:999px;font:600 .85rem var(--sans);color:var(--ink);cursor:pointer;text-decoration:none;transition:all .2s}.theme-filter .chip{text-transform:capitalize}.chip:hover{border-color:var(--reef)}.chip.active{background:var(--reef);color:#fff;border-color:var(--reef)}.buy{border-top:1px dashed var(--line);padding-top:18px}.buy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 10px}.buy-btn{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;border:1.5px solid var(--line);background:var(--sand);border-radius:14px;padding:12px 14px;font:600 .85rem/1.25 var(--sans);color:var(--ink);cursor:pointer;transition:all .25s var(--ease)}.buy-btn b{font:800 1.05rem var(--serif)}.buy-btn:hover{transform:translateY(-2px);border-color:var(--coral)}.buy-btn.featured{background:linear-gradient(135deg,var(--coral),#ff8a5b);color:#fff;border-color:transparent}.anatomy{background:var(--deep);color:var(--sand);overflow:hidden}.anatomy:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,rgba(95,224,214,.18),transparent 40%),radial-gradient(circle at 90% 90%,rgba(255,111,89,.18),transparent 40%)}.anatomy .eyebrow{color:var(--gold)}.anatomy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}.anatomy-grid article{border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:30px;background:#ffffff0a;backdrop-filter:blur(4px);transition:transform .4s var(--ease),background .3s}.anatomy-grid article:hover{transform:translateY(-6px);background:#ffffff14}.anatomy-grid .num{font:800 .85rem var(--sans);color:var(--coral-2);letter-spacing:.1em}.anatomy-grid h3{font-size:2.2rem;margin:10px 0;font-style:italic}.anatomy-grid p{color:#fbf3e4cc;margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.p-card{display:block;background:#fff;border-radius:var(--radius);padding:12px 12px 18px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.p-card:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:var(--shadow-lg)}.p-card h3{font-size:1.15rem;margin:14px 6px 4px}.p-card p{margin:6px 6px 0;font-size:.92rem}.mini-kanga{width:100%;aspect-ratio:3 / 2;border-radius:14px;background:linear-gradient(110deg,#e9dcc3 30%,#f6ecda,#e9dcc3 70%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.mini-kanga.drawn{animation:none;background:none}@keyframes shimmer{to{background-position:-200% 0}}.cloth-card.big .mini-kanga,.cloth-card.big canvas{border-radius:0;width:100%;aspect-ratio:3 / 2}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 6px 0}.tags i,.tags a i{font-style:normal;font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.06em;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--deep);padding:4px 9px;border-radius:999px}.tags a{text-decoration:none}.pending{display:inline-block;font:650 .72rem/1.3 var(--sans);letter-spacing:.04em;color:#8a5a00;background:#fff3d6;border:1px solid #f1d48d;padding:3px 9px;border-radius:999px;vertical-align:middle}.occasions-teaser{background:#f3ead7}.occ-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.occ-grid.big{grid-template-columns:repeat(3,1fr);gap:24px}.occ-card{display:grid;gap:10px;text-decoration:none;color:var(--ink);background:#fff;padding:10px;border-radius:18px;box-shadow:var(--shadow);transition:transform .4s var(--ease)}.occ-card:hover{transform:translateY(-6px)}.occ-card span{padding:0 6px 6px;display:grid;gap:4px}.occ-card small{color:var(--muted);font-size:.85rem}.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}.tier{position:relative;background:#fff;border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .4s var(--ease)}.tier:hover{transform:translateY(-6px)}.tier.featured{background:linear-gradient(160deg,var(--deep),var(--abyss));color:var(--sand)}.tier.featured .muted,.tier.featured li{color:#fbf3e4cc}.tier-flag{position:absolute;top:-12px;right:20px;background:var(--coral);color:#fff;font:700 .72rem var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px}.tier h3{font-size:1.3rem}.price{font:800 2.4rem/1 var(--serif);margin:4px 0 12px}.price small{font:500 .85rem var(--sans);opacity:.7}.tier ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:8px;font-size:.92rem;flex:1}.tier li:before{content:"✓";color:var(--reef);font-weight:800;margin-right:8px}.tier.featured li:before{color:var(--gold)}.diani{background:linear-gradient(135deg,var(--coral) 0%,#f2894e 50%,var(--gold) 100%);color:#2a1408;overflow:hidden}.diani .eyebrow{color:#fff}.diani-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.diani p{font-size:1.08rem}.diani .btn-ghost{--bg: rgba(255, 255, 255, .85)}.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats li{background:#ffffff40;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.45);border-radius:20px;padding:22px}.stats b{display:block;font:800 2.4rem/1 var(--serif);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.12)}.stats span{font-size:.9rem}.faq details{background:#fff;border-radius:16px;padding:18px 22px;margin-bottom:12px;box-shadow:var(--shadow)}.faq summary{cursor:pointer;font:650 1.05rem var(--sans);list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:"+";color:var(--coral);font-size:1.4rem;line-height:1;transition:transform .3s var(--ease)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin:12px 0 0;color:#33474f}.page-hero{padding-top:clamp(30px,5vw,70px);padding-bottom:clamp(30px,5vw,60px);background:radial-gradient(900px 400px at 90% 0%,rgba(20,179,174,.2),transparent 60%)}.page-hero h1{font-size:clamp(2.2rem,5vw,4rem)}.proverb-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,5vw,64px);align-items:center}.proverb-title{font-style:italic}.literal{font:500 italic 1.3rem/1.4 var(--serif);color:var(--deep)}.crumbs{margin-bottom:16px;color:var(--muted)}.crumbs a{color:var(--muted)}.theme-filter{margin-top:20px}.related{background:#f3ead7}.prose{font-size:1.07rem}.prose h2{font-size:2rem;margin-top:1.6em}.prose .cloth-card{margin-bottom:40px}.sources li{margin-bottom:6px}.draft-banner{background:#fff3d6;border:1px solid #f1d48d;color:#6b4600;padding:12px 16px;border-radius:12px;font-size:.92rem}.unlock-box{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);display:grid;gap:14px;margin:18px 0}.unlock-box.demo{background:#fff8e6;border:1px solid #f1d48d}.unlock-status{min-height:2em}.progress{height:10px;border-radius:999px;background:#10222c14;overflow:hidden;margin-bottom:6px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--reef),var(--coral));transition:width .3s}.ok{color:#116a43;font-weight:600}.err{color:#b3261e;font-weight:600}.site-footer{background:var(--abyss);color:#fbf3e4d1;padding:64px 0 30px}.site-footer .brand{color:var(--sand)}.site-footer .brand-mark:after{background:var(--abyss)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}.footer-grid h4{font:700 .8rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.footer-grid a:not(.brand){display:block;color:#fbf3e4d1;text-decoration:none;margin-bottom:8px;font-size:.95rem}.footer-grid a:hover{color:#fff}.site-footer .muted{color:#fbf3e499}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:22px}.modal{border:0;padding:0;border-radius:24px;max-width:min(520px,92vw);box-shadow:var(--shadow-lg)}.modal::backdrop{background:#062b3b8c;backdrop-filter:blur(4px)}.modal[open]{animation:pop .35s var(--ease)}@keyframes pop{0%{transform:translateY(20px) scale(.97);opacity:0}}.modal-body{padding:30px;position:relative}.modal-x{position:absolute;top:12px;right:14px;border:0;background:none;font-size:1.8rem;cursor:pointer;color:var(--muted)}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);opacity:0;background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;font-weight:600;z-index:80;transition:all .35s var(--ease)}.toast.show{transform:translate(-50%);opacity:1}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:none}.card-grid .reveal:nth-child(3n+2){transition-delay:.08s}.card-grid .reveal:nth-child(3n){transition-delay:.16s}@media (max-width: 1080px){.tier-grid{grid-template-columns:repeat(2,1fr)}.occ-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.hero-grid,.studio,.proverb-grid,.diani-grid{grid-template-columns:1fr}.hero-cloth{order:-1}.studio-stage{position:static}.anatomy-grid{grid-template-columns:1fr}.footer-grid,.card-grid.three,.occ-grid.big{grid-template-columns:1fr 1fr}.brand-tag{display:none}.nav-toggle{display:block}.site-nav{position:fixed;inset:72px 0 auto;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 24px;background:#fbf3e4f7;backdrop-filter:blur(14px);box-shadow:0 20px 40px -20px #0000004d;transform:translateY(-120%);transition:transform .4s var(--ease);z-index:-1}.site-nav a:not(.btn){padding:14px 0;border-bottom:1px solid var(--line);font-size:1.05rem}.site-nav .nav-cta{margin-top:16px}body.nav-open .site-nav{transform:none}body.nav-open .site-header{background:#fbf3e4f7}}@media (max-width: 560px){.wrap{width:calc(100% - 28px)}.tier-grid,.occ-grid,.card-grid.three,.occ-grid.big{grid-template-columns:1fr 1fr;gap:12px}.tier-grid,.buy-grid,.footer-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats b{font-size:1.9rem}.hero-cta .btn{flex:1 1 100%}.stage-actions .btn{flex:1 1 auto;padding-inline:.9em}.stage-actions #download-free{margin-left:0;flex-basis:100%}.swatch{width:40px;height:40px}.seg{font-size:.8rem;padding:9px 2px}.card-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}[hidden]{display:none!important}.tier-alt{display:block;text-align:center;margin-top:10px;color:inherit;opacity:.75}.buy-note{margin-top:26px}.key-help{margin:0;padding:12px 14px;border-radius:12px;background:#e9f8f6;border:1px solid #bfe9e4;color:#0b4f6c;font-size:.92rem}.key-help a{font-weight:650}