:root{--blue:#9dbed1;--blue-deep:#718fa3;--oat:#efe3d2;--paper:#fbf6ee;--olive:#77794b;--coral:#c86f5c;--ochre:#dda33d;--slate:#61717b;--charcoal:#292b29;--white:#fffdf8}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--charcoal);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}main{overflow:hidden}.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}
.announcement{min-height:35px;background:var(--charcoal);color:white;display:flex;align-items:center;justify-content:center;gap:18px;padding:7px 4vw;font-size:11px;font-weight:900;letter-spacing:.08em;text-align:center}.announcement span{color:#f3cb75;font-weight:700;letter-spacing:.02em}.site-header{height:132px;background:var(--white);display:grid;grid-template-columns:220px minmax(280px,620px) auto;gap:3vw;align-items:center;padding:0 5.5vw;border-bottom:1px solid #d8d0c3;position:relative;z-index:20}.logo-link{display:block;width:148px;height:120px}.logo-link img{width:100%;height:100%;object-fit:contain}.search{height:48px;border:2px solid var(--charcoal);border-radius:100px;display:flex;background:white;overflow:hidden}.search input{flex:1;min-width:0;border:0;background:transparent;padding:0 20px;outline:0;font-size:13px}.search button{width:54px;border:0;background:var(--ochre);font-size:24px}.account-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;font-size:12px;font-weight:800;white-space:nowrap}.studio-pill{background:var(--coral);color:white;padding:14px 17px;border-radius:100px;box-shadow:3px 3px 0 var(--charcoal)}.menu-button{display:none}.top-nav{height:51px;padding:0 5.5vw;background:var(--blue);display:flex;align-items:center;justify-content:center;gap:clamp(17px,2.4vw,42px);font-size:12px;font-weight:900;letter-spacing:.03em;border-bottom:2px solid var(--charcoal);position:relative;z-index:19}.top-nav a{height:100%;display:flex;align-items:center;gap:6px}.top-nav a:hover{color:#fff}.top-nav small{background:var(--ochre);padding:3px 5px;border-radius:3px;font-size:7px;text-transform:uppercase;color:var(--charcoal)}
.hero{min-height:710px;display:grid;grid-template-columns:47% 53%;background:var(--oat)}.hero-copy{padding:82px 5vw 70px 7.5vw;position:relative;z-index:2;animation:rise .75s ease-out both}.kicker{font-size:10px;letter-spacing:.18em;font-weight:900;color:var(--slate);margin:0 0 22px}.kicker:before{content:"✦";color:var(--coral);margin-right:9px}.hero h1,.section-heading h2,.shop h2,.credit-copy h2,.trust h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,5.9vw,94px);line-height:.86;letter-spacing:-.055em;margin:0}.hero h1 em,.section-heading h2 em,.shop h2 em,.credit-copy h2 em{font-weight:400;color:var(--coral)}.hero-lede{font:19px/1.55 Georgia,serif;max-width:570px;color:#4e5657;margin:34px 0 28px}.hero-actions{display:flex;gap:25px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 20px;border-radius:4px;font-size:12px;font-weight:900}.button span{font-size:18px}.dark{background:var(--charcoal);color:white;box-shadow:4px 4px 0 var(--coral)}.plain-link{font-size:12px;font-weight:900;border-bottom:2px solid;padding:8px 0}.micro-trust{margin-top:42px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:var(--olive)}
.hero-stage{position:relative;background:var(--blue);display:grid;place-items:center;min-height:710px}.thread-trail{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(255,253,248,.65);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 12;animation:dash 18s linear infinite}.studio-window{width:min(625px,83%);height:465px;background:white;border:4px solid var(--charcoal);border-radius:12px;box-shadow:16px 17px 0 rgba(41,43,41,.25);position:relative;z-index:2;overflow:hidden;transform:rotate(-1deg);animation:arrive .85s .1s ease-out both}.window-bar{height:54px;background:var(--oat);border-bottom:2px solid var(--charcoal);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;font-size:10px}.window-bar>span{display:flex;gap:5px}.window-bar i{width:9px;height:9px;border-radius:50%;background:var(--coral)}.window-bar i:nth-child(2){background:var(--ochre)}.window-bar i:nth-child(3){background:var(--olive)}.window-bar b{justify-self:end;background:#e2eed7;color:#4d6736;padding:7px 9px;border-radius:4px}.window-grid{display:grid;grid-template-columns:160px 1fr;height:411px}.window-grid aside{padding:22px 14px;border-right:1px solid #d9d4cc;position:relative}.window-grid aside small{font-size:8px;letter-spacing:.15em;font-weight:900}.window-grid aside p{display:grid;grid-template-columns:17px 1fr;gap:5px;align-items:center;margin:12px 0;padding:8px 5px;background:#faf8f3;border-radius:5px;font-size:9px;font-weight:800}.window-grid aside p span{grid-column:2;color:#81827e;font-size:8px;font-weight:400}.dot{width:13px;height:13px;border-radius:3px;grid-row:1/3}.coral{background:var(--coral)}.ochre{background:var(--ochre)}.olive{background:var(--olive)}.file-stat{position:absolute;bottom:25px;left:18px}.file-stat b,.file-stat span{display:block}.file-stat b{font:700 22px Georgia}.file-stat span{font-size:8px;text-transform:uppercase;letter-spacing:.13em}.design-canvas{position:relative;display:grid;place-items:center;background-color:#f9f5ed;background-image:linear-gradient(#ded8ce 1px,transparent 1px),linear-gradient(90deg,#ded8ce 1px,transparent 1px);background-size:18px 18px}.hoop{width:295px;height:295px;border:19px solid #e5af4d;border-radius:50%;background:#fffdf7;box-shadow:inset 0 0 0 3px #9d6b25,0 3px 0 #81551a;display:grid;place-items:center}.hoop img{width:72%;height:72%;object-fit:contain;transition:.3s}.hoop img.stitched{filter:saturate(1.05) contrast(1.1);transform:scale(1.03)}.view-switch{position:absolute;right:15px;bottom:15px;background:white;border:1px solid #999;border-radius:4px;padding:2px}.view-switch button{border:0;background:none;padding:6px 8px;font-size:8px;font-weight:800}.view-switch button.active{background:var(--charcoal);color:white;border-radius:3px}.success-tag,.format-tag{position:absolute;z-index:3;background:white;border:3px solid var(--charcoal);box-shadow:6px 6px 0 var(--coral)}.success-tag{right:2.5%;bottom:7%;padding:11px 14px;display:grid;grid-template-columns:27px 1fr;transform:rotate(2deg)}.success-tag>span{width:23px;height:23px;border-radius:50%;background:var(--olive);color:white;display:grid;place-items:center;grid-row:1/3}.success-tag b,.success-tag small{margin-left:8px}.success-tag b{font-size:9px}.success-tag small{font-size:8px}.format-tag{left:3%;top:8%;padding:10px;transform:rotate(-4deg)}.format-tag b,.format-tag span{font-size:8px;margin:0 4px}.format-tag b{border:1px solid;padding:4px}.star{position:absolute;color:var(--ochre);font-size:30px;animation:twinkle 2.6s ease-in-out infinite}.star-a{right:7%;top:8%}.star-b{left:5%;bottom:11%;color:var(--coral)}
.ticker{height:72px;background:var(--olive);color:white;display:flex;align-items:center;justify-content:space-around;font-size:11px;font-weight:900;letter-spacing:.14em;white-space:nowrap}.ticker i{font-style:normal;color:#f3cb75;font-size:20px}.steps-section{padding:110px 7vw 120px}.section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:15px 8vw;align-items:end}.section-heading .kicker{grid-column:1/3}.section-heading h2{font-size:clamp(45px,5vw,72px)}.section-heading>p:last-child{font:17px/1.6 Georgia;color:#596164}.steps-grid{margin-top:65px;display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--charcoal)}.steps-grid article{min-height:290px;padding:23px;border-right:2px solid var(--charcoal);position:relative;transition:transform .2s}.steps-grid article:last-child{border:0}.steps-grid article:nth-child(1){background:#dce9ef}.steps-grid article:nth-child(2){background:#ecd2ca}.steps-grid article:nth-child(3){background:#efe1b9}.steps-grid article:nth-child(4){background:#d9dac6}.steps-grid article>span{font:italic 18px Georgia}.steps-grid article>i{display:block;font-style:normal;font-size:38px;margin:43px 0 26px}.steps-grid h3{font:700 21px Georgia;margin:0 0 10px}.steps-grid p{font-size:12px;line-height:1.6;color:#555b59}.steps-grid article:hover{transform:translateY(-8px)}
.shop{padding:110px 7vw 125px;background:#d7cec2}.shop-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.shop h2{font-size:clamp(48px,5vw,74px)}.shop-heading>p{font:16px/1.6 Georgia;color:#555751}.design-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:55px 0 48px}.design-card{border:2px solid var(--charcoal);background:var(--white);box-shadow:7px 8px 0 rgba(41,43,41,.13);transition:.2s}.design-card:nth-child(even){transform:translateY(20px)}.design-card:hover{transform:translateY(-6px) rotate(-1deg)}.design-image{position:relative;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}.design-image img{width:78%;height:78%;object-fit:contain}.design-image>span{position:absolute;top:10px;left:10px;background:white;border:1px solid;padding:5px 7px;font:italic 12px Georgia}.design-card.blue .design-image{background:#dce9ef}.design-card.oat .design-image{background:#f2e6cc}.design-card.olive .design-image{background:#d8dbc2}.design-card.coral .design-image{background:#edcfc5}.design-meta{border-top:2px solid;display:flex;justify-content:space-between;align-items:center;padding:14px}.design-meta small{font-size:7px;letter-spacing:.13em;font-weight:900;color:var(--slate)}.design-meta h3{font:700 17px Georgia;margin:4px 0 0}.round-arrow{width:31px;height:31px;border-radius:50%;background:var(--charcoal);color:white;display:grid;place-items:center}.design-card>p{font-size:7px;padding:0 14px 14px;margin:0;color:#72756f}.outline{border:2px solid;background:transparent}.shop>.button{margin-left:50%;transform:translateX(-50%)}
.credit-story{min-height:720px;display:grid;grid-template-columns:52% 48%;background:var(--charcoal);color:white}.credit-art{background:var(--coral);display:grid;place-items:center;position:relative;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:21px 21px}.credit-hoop{width:420px;height:420px;border:29px solid var(--ochre);border-radius:50%;background:#fff9ec;box-shadow:inset 0 0 0 5px #98631e,12px 18px 0 rgba(86,44,37,.25);display:grid;place-items:center}.credit-hoop img{width:72%;height:72%;object-fit:contain}.scribble{position:absolute;background:white;color:var(--charcoal);border:2px solid;padding:10px 13px;box-shadow:4px 4px 0 var(--ochre);font:italic 14px Georgia}.scribble.one{left:7%;top:15%;transform:rotate(-7deg)}.scribble.two{right:7%;bottom:13%;transform:rotate(5deg)}.credit-copy{padding:100px 7vw}.kicker.light{color:#d0dee5}.credit-copy h2{font-size:clamp(48px,5vw,72px);color:white}.credit-copy h2 em{color:#efc66e}.credit-copy>p:not(.kicker){font:17px/1.6 Georgia;color:#d6d9d6;margin:30px 0}.coming-card{border-left:5px solid var(--ochre);background:#3a3c39;padding:18px 20px;margin:0 0 30px}.coming-card b,.coming-card span{display:block}.coming-card b{font:700 18px Georgia;margin-bottom:7px}.coming-card span{font-size:11px;line-height:1.55;color:#d7d9d5}.oat{background:var(--oat);color:var(--charcoal);box-shadow:4px 4px 0 var(--coral)}
.trust{padding:105px 7vw 115px;background:var(--paper);display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.trust h2{font-size:clamp(48px,4.8vw,70px)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid}.trust-grid article{padding:25px 22px 0 0;border-right:1px solid #cfc7bb;margin-right:22px}.trust-grid article:last-child{border:0;margin:0}.trust-grid b{color:var(--coral);font:italic 18px Georgia}.trust-grid h3{font:700 19px Georgia;margin:28px 0 12px}.trust-grid p{font-size:12px;line-height:1.65;color:#59605d}.newsletter{padding:65px 7vw;background:var(--blue);display:grid;grid-template-columns:40px 1fr 1fr;gap:25px;align-items:center}.newsletter>span{font-size:31px;color:var(--ochre)}.newsletter h2{font:700 28px/1.1 Georgia;margin:0}.newsletter form{height:49px;display:flex;border:2px solid;background:white}.newsletter input{flex:1;min-width:0;border:0;padding:0 16px}.newsletter button{border:0;background:var(--charcoal);color:white;padding:0 18px;font-size:11px;font-weight:900}.newsletter>small{grid-column:3;font-size:8px;margin-top:-16px}footer{background:var(--charcoal);color:white;padding:65px 7vw;display:grid;grid-template-columns:1.4fr .7fr .7fr 1fr;gap:6vw}footer>div{display:flex;flex-direction:column;gap:11px}footer img{width:120px;height:120px;object-fit:contain;filter:brightness(0) invert(1)}footer p{font:italic 15px/1.5 Georgia;color:#c9ceca;margin:0}footer b{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#f0c870}footer a{font-size:11px}.footer-brand p{max-width:220px}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes arrive{from{opacity:0;transform:translate(30px,18px) rotate(2deg) scale(.96)}to{opacity:1;transform:rotate(-1deg)}}@keyframes dash{to{stroke-dashoffset:-280}}@keyframes twinkle{0%,100%{opacity:.45;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(18deg)}}
@media(max-width:1050px){.site-header{grid-template-columns:180px 1fr auto}.account-actions>a:not(.studio-pill){display:none}.top-nav{gap:18px}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 8vw}.hero-stage{min-height:660px}.section-heading,.shop-heading{display:block}.section-heading .kicker{grid-column:auto}.section-heading>p:last-child,.shop-heading>p{max-width:650px;margin-top:27px}.design-grid{grid-template-columns:1fr 1fr}.credit-story{grid-template-columns:1fr}.credit-art{min-height:600px}.trust{grid-template-columns:1fr}.newsletter{grid-template-columns:40px 1fr}.newsletter form{grid-column:2}.newsletter>small{grid-column:2;margin:0}footer{grid-template-columns:1.3fr 1fr 1fr}.footer-brand+div+div+div{grid-column:1/4}}
@media(max-width:700px){.announcement{font-size:9px;display:block}.announcement span{display:block;margin-top:3px}.site-header{height:105px;padding:0 5vw;grid-template-columns:100px 1fr auto;gap:10px}.logo-link{width:96px;height:94px}.search{height:42px}.search input{padding:0 12px;font-size:11px}.search button{width:40px}.account-actions{display:none}.menu-button{display:block;border:2px solid;background:var(--oat);padding:9px 10px;font-size:10px;font-weight:900}.top-nav{display:none;height:auto;padding:10px 5vw;grid-template-columns:1fr 1fr;gap:0;background:var(--blue)}.top-nav.open{display:grid}.top-nav a{padding:12px;border-bottom:1px solid rgba(41,43,41,.2)}.hero-copy{padding:58px 6vw}.hero h1{font-size:56px}.hero-lede{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.hero-stage{min-height:500px}.studio-window{width:90%;height:370px}.window-grid{height:316px;grid-template-columns:1fr}.window-grid aside{display:none}.hoop{width:245px;height:245px}.success-tag{bottom:2%;right:1%}.format-tag{top:3%;left:1%}.ticker span:nth-of-type(even),.ticker i:nth-of-type(even){display:none}.steps-section,.shop{padding:80px 6vw}.steps-grid{grid-template-columns:1fr}.steps-grid article{border-right:0;border-bottom:2px solid}.steps-grid article:last-child{border-bottom:0}.design-grid{grid-template-columns:1fr}.design-card:nth-child(even){transform:none}.shop>.button{width:max-content;max-width:100%}.credit-art{min-height:460px}.credit-hoop{width:320px;height:320px}.credit-copy{padding:75px 7vw}.trust{padding:80px 6vw}.trust-grid{grid-template-columns:1fr}.trust-grid article{border-right:0;border-bottom:1px solid;padding-bottom:22px}.newsletter{padding:55px 6vw;grid-template-columns:1fr}.newsletter>span{display:none}.newsletter form,.newsletter>small{grid-column:auto}.newsletter form{height:auto;display:grid}.newsletter input,.newsletter button{min-height:47px}footer{grid-template-columns:1fr 1fr;padding:55px 7vw}.footer-brand,.footer-brand+div+div+div{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy,.studio-window,.thread-trail,.star{animation:none!important}.steps-grid article,.design-card,.hoop img{transition:none}}
.hoop img{width:74%;height:74%}.view-switch{background:var(--charcoal);color:white;border-color:var(--charcoal);padding:7px 9px;font-size:8px;font-weight:900;letter-spacing:.04em}.design-card .design-image{background-color:#fffaf2}.design-card .design-image img{width:86%;height:86%;image-rendering:auto}

/* Focused v6 revision: real hoop hero, owned shop, and shared Studio visual language. */
.hero-stage{padding:48px 5.5%;background:var(--blue)}.hero-hoop-composition{width:min(650px,92%);margin:0;position:relative;border:4px solid var(--charcoal);box-shadow:16px 17px 0 rgba(41,43,41,.25);transform:rotate(1deg);background:var(--oat);animation:arrive .85s .1s ease-out both}.hero-hoop-photo{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}.inner-fabric-clip{position:absolute;left:16.7%;top:15.6%;width:66.4%;aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center}.inner-fabric-clip img{width:55%;height:55%;object-fit:contain;filter:saturate(.94) contrast(1.03) drop-shadow(0 2px 1px rgba(68,45,34,.18));mix-blend-mode:multiply;transform:rotate(-1deg)}.hero-hoop-composition figcaption{height:54px;background:var(--white);border-top:3px solid var(--charcoal);display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.hero-hoop-composition figcaption b{font:italic 16px Georgia;text-transform:none;letter-spacing:0}.hero-stage .success-tag{right:3%;bottom:5%}
.ticker{height:72px;overflow:hidden;justify-content:flex-start}.ticker-track{min-width:max-content;height:100%;display:flex;align-items:center;gap:26px;padding-right:26px;animation:ticker-move 30s linear infinite}.ticker-track span{font-size:11px;font-weight:900;letter-spacing:.14em}.ticker-track i{font-style:normal;color:#f3cb75;font-size:20px}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes ticker-move{to{transform:translateX(-100%)}}
.studio-system{padding:110px 7vw 120px;background:var(--blue);display:grid;grid-template-columns:.8fr 1.2fr;gap:42px 6vw;align-items:center;position:relative}.system-copy h2,.premium-story h2{font:700 clamp(46px,5vw,74px)/.9 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:0}.system-copy h2 em,.premium-story h2 em{font-weight:400;color:var(--coral)}.system-copy>p:last-of-type{font:16px/1.6 Georgia;color:#435057;margin:27px 0}.system-chips{display:flex;flex-wrap:wrap;gap:8px}.system-chips span{border:2px solid var(--charcoal);background:var(--white);padding:8px 10px;font-size:9px;font-weight:900;box-shadow:3px 3px 0 var(--coral)}.studio-system .studio-window{width:100%;height:465px;animation:none}.system-panels{grid-column:1/3;display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--charcoal);background:var(--white)}.system-panels article{min-height:115px;padding:18px;border-right:2px solid var(--charcoal);display:flex;flex-direction:column;justify-content:center;gap:7px}.system-panels article:last-child{border:0}.system-panels article:nth-child(1){background:#d9dac6}.system-panels article:nth-child(2){background:#f2e6cc}.system-panels article:nth-child(3){background:#edcfc5}.system-panels small{font-size:8px;letter-spacing:.14em;font-weight:900}.system-panels b{font:700 18px Georgia}.system-panels span{font-size:10px}.system-panels button{align-self:flex-start;border:2px solid var(--charcoal);background:var(--charcoal);color:white;padding:10px 13px;font-size:10px;font-weight:900}
.shop-categories{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--charcoal);margin-top:50px;background:var(--white)}.shop-categories button{min-height:65px;border:0;border-right:2px solid var(--charcoal);background:transparent;padding:10px 14px;text-align:left;font-size:11px;font-weight:900}.shop-categories button:last-child{border:0}.shop-categories button.active{background:var(--charcoal);color:white}.shop-categories small{display:block;font-size:7px;letter-spacing:.1em;text-transform:uppercase;margin-top:5px;color:var(--coral)}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:45px}.design-card{box-shadow:9px 10px 0 var(--coral)}.design-card:nth-child(even){transform:none}.design-card:hover{transform:translateY(-5px)}.design-image{aspect-ratio:1.35/1;background-image:linear-gradient(rgba(41,43,41,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(41,43,41,.08) 1px,transparent 1px);background-size:22px 22px}.design-card .design-image img{width:74%;height:74%;position:relative;z-index:1}.design-image>small{position:absolute;right:12px;top:12px;font-size:7px;letter-spacing:.14em;font-weight:900;background:var(--white);border:1px solid;padding:6px 8px}.design-card.blue .design-image{background-color:#dce9ef}.design-card.oat .design-image{background-color:#f2e6cc}.design-card.olive .design-image{background-color:#d8dbc2}.design-card.coral .design-image{background-color:#edcfc5}.design-meta{padding:16px 18px}.design-meta h3{font-size:22px}.design-card>p{padding:0 18px 15px}.card-actions{border-top:2px solid var(--charcoal);display:grid;grid-template-columns:repeat(4,1fr)}.card-actions a,.card-actions button,.card-actions span{min-height:45px;padding:8px;border:0;border-right:1px solid var(--charcoal);background:var(--white);display:grid;place-items:center;text-align:center;font-size:8px;font-weight:900}.card-actions button[aria-pressed="true"]{background:#d9dac6}.card-actions a:nth-child(3){background:var(--charcoal);color:white}.card-actions span{border:0;color:#777;background:#f2eee7}.shop-empty{margin:45px 0 48px;border:2px solid var(--charcoal);box-shadow:9px 10px 0 var(--coral);padding:38px;display:grid;grid-template-columns:65px 1fr auto;gap:25px;align-items:center}.shop-empty.blue{background:#dce9ef}.shop-empty.coral{background:#edcfc5}.shop-empty>span{font-size:45px;color:var(--coral)}.shop-empty small{font-size:8px;letter-spacing:.15em;font-weight:900}.shop-empty h3{font:700 28px Georgia;margin:6px 0}.shop-empty p{max-width:680px;font-size:12px;line-height:1.6}.shop-empty>b{border:2px solid;padding:11px;font-size:9px;text-transform:uppercase}
.premium-story{min-height:720px;background:var(--charcoal);color:white;padding:105px 7vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.premium-story h2{color:white}.premium-story h2 em{color:#f0c870}.premium-story>div:first-child>p:not(.kicker){font:17px/1.6 Georgia;color:#d6d9d6;margin:28px 0}.premium-story ul{padding-left:18px;font-size:12px;line-height:2}.premium-note{display:inline-block;margin-top:18px;border:1px solid #f0c870;padding:10px 12px;font-size:9px;font-weight:900;color:#f0c870}.protected-library{min-height:500px;position:relative;background:var(--blue);border:3px solid white;background-image:linear-gradient(rgba(255,255,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.17) 1px,transparent 1px);background-size:24px 24px;display:grid;place-items:center}.library-card{position:absolute;width:210px;height:245px;border:3px solid var(--charcoal);box-shadow:8px 9px 0 var(--coral);padding:18px;color:var(--charcoal);display:flex;flex-direction:column;justify-content:flex-end}.library-card:before{content:"✦";position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:45px;color:var(--coral)}.library-card.a{background:#f2e6cc;left:9%;top:12%;transform:rotate(-6deg)}.library-card.b{background:#d8dbc2;left:35%;top:22%;transform:rotate(3deg)}.library-card.c{background:#edcfc5;right:8%;top:10%;transform:rotate(7deg)}.library-card span{font:italic 16px Georgia}.library-card b{font:700 18px Georgia;margin:8px 0 5px}.library-card small{font-size:8px;letter-spacing:.1em;text-transform:uppercase}.privacy-seal{position:absolute;bottom:25px;background:var(--charcoal);color:white;padding:13px 18px;text-align:center;border:2px solid white;font-size:9px;font-weight:900;line-height:1.45;box-shadow:5px 5px 0 var(--coral)}.quiet-marketplace{color:#f0c870;text-decoration:underline;text-underline-offset:4px;margin-top:5px}
.services{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(34px,6vw,92px);padding:clamp(70px,9vw,126px) 7vw;border-top:2px solid var(--charcoal);border-bottom:2px solid var(--charcoal);background-color:var(--blue);background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:24px 24px}.services-heading h2{max-width:690px;margin:14px 0 20px;font:700 clamp(42px,5vw,72px)/.92 Georgia,"Times New Roman",serif}.services-heading h2 em{color:var(--coral);font-weight:400}.services-heading>p:last-child{max-width:560px;margin:0;line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-content:start}.services-grid article{min-height:330px;display:flex;flex-direction:column;padding:26px;border:2px solid var(--charcoal);background:var(--white);box-shadow:7px 7px 0 var(--coral)}.services-grid article>span{align-self:start;padding:4px 8px;border:1px solid var(--charcoal);background:var(--yellow);font-weight:900}.services-grid small{margin-top:28px;font-size:9px;font-weight:900;letter-spacing:.1em}.services-grid h3{margin:8px 0 12px;font:700 30px Georgia,"Times New Roman",serif}.services-grid p{margin:0 0 24px;line-height:1.65}.services-grid a{margin-top:auto;color:inherit;font-weight:900;text-decoration-thickness:2px;text-underline-offset:5px}
@media(max-width:1050px){.hero-hoop-composition{width:min(650px,84%)}.studio-system{grid-template-columns:1fr}.studio-system .studio-window{width:min(650px,100%);justify-self:center}.system-panels{grid-column:auto}.premium-story{grid-template-columns:1fr}.protected-library{min-height:520px}.services{grid-template-columns:1fr}}
@media(max-width:700px){.hero-stage{min-height:500px;padding:34px 4%}.hero-hoop-composition{width:94%}.hero-hoop-composition figcaption{height:46px}.hero-hoop-composition figcaption span{display:none}.hero-stage .success-tag{bottom:1%;right:1%}.ticker{height:auto;min-height:72px}.ticker-track{gap:18px;padding:0 18px;animation-duration:38s}.ticker-track span{font-size:9px}.studio-system{padding:78px 6vw}.studio-system .studio-window{height:370px}.system-panels{grid-template-columns:1fr}.system-panels article{border-right:0;border-bottom:2px solid}.system-panels article:last-child{border-bottom:0}.shop-categories{grid-template-columns:1fr 1fr}.shop-categories button{border-bottom:2px solid var(--charcoal)}.shop-categories button:nth-child(2){border-right:0}.shop-categories button:nth-child(3),.shop-categories button:nth-child(4){border-bottom:0}.design-grid{grid-template-columns:1fr}.design-image{aspect-ratio:1/1}.card-actions{grid-template-columns:1fr 1fr}.card-actions a,.card-actions button{border-bottom:1px solid}.shop-empty{grid-template-columns:45px 1fr;padding:25px}.shop-empty>b{grid-column:1/3}.premium-story{padding:80px 6vw}.protected-library{min-height:470px}.library-card{width:150px;height:205px;padding:12px}.library-card.a{left:3%}.library-card.b{left:29%;top:25%}.library-card.c{right:3%}.library-card b{font-size:14px}.privacy-seal{bottom:18px}.services{padding:72px 6vw}.services-grid{grid-template-columns:1fr}.services-grid article{min-height:280px}}
@media(prefers-reduced-motion:reduce){.hero-hoop-composition,.ticker-track{animation:none!important}.ticker{height:auto;padding:18px 5vw}.ticker-track{min-width:0;flex-wrap:wrap;justify-content:center}.ticker-track[aria-hidden="true"]{display:none}.design-card:hover{transform:none}}

/* Keep the free-Studio action visible in the first desktop viewport. */
@media (min-width:1051px) {
  .hero,
  .hero-stage {
    min-height:650px;
  }

  .hero-copy {
    padding:58px 5vw 48px 7.5vw;
  }

  .hero h1 {
    font-size:clamp(54px,5vw,78px);
    line-height:.9;
  }

  .hero-lede {
    margin:26px 0 22px;
  }

  .micro-trust {
    margin-top:28px;
  }
}

/* The beginner story uses one real design from artwork through sewout. */
.strawberry-steps{grid-template-columns:repeat(3,1fr)}
.strawberry-steps article{padding:0 24px 26px;min-width:0}
.strawberry-steps .step-media{height:285px;margin:0 -24px 24px;border-bottom:2px solid var(--charcoal);display:grid;place-items:center;overflow:hidden;background-color:var(--cream);background-image:linear-gradient(rgba(42,45,42,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(42,45,42,.09) 1px,transparent 1px);background-size:18px 18px}
.strawberry-steps .step-media.artwork{background-color:var(--powder)}
.strawberry-steps .step-media.stitch-map{background-color:var(--oat)}
.strawberry-steps .step-media.video{background-color:var(--coral)}
.strawberry-steps .step-media img,.strawberry-steps .step-media video{display:block;width:100%;height:100%;object-fit:contain}
.strawberry-steps .step-media.artwork img{transform:scale(.8)}
.strawberry-steps article>span{display:flex;margin-bottom:16px;width:30px;height:30px;border:1px solid;border-radius:50%;align-items:center;justify-content:center;font:800 14px var(--sans)}
.strawberry-steps video{background:var(--charcoal)}
@media(max-width:700px){.strawberry-steps{grid-template-columns:1fr}.strawberry-steps article{border-right:0;border-bottom:2px solid}.strawberry-steps article:last-child{border-bottom:0}.strawberry-steps .step-media{height:min(420px,72vw)}}

/* Keep every public design image square and let the stitches carry the image. */
.design-image { aspect-ratio: 1; }
.inner-fabric-clip img {
  width: 58%;
  height: 58%;
  filter: saturate(.96) contrast(1.02);
  mix-blend-mode: multiply;
}

/* Final homepage scale and clarity pass. */
.hero-lifestyle-composition .hero-hoop-photo{object-fit:cover;object-position:center}
.strawberry-steps .step-media{padding:20px;background-color:#dce9ef}
.strawberry-steps .step-media.artwork,.strawberry-steps .step-media.stitch-map,.strawberry-steps .step-media.video{background-color:#dce9ef}
.strawberry-steps .step-media img,.strawberry-steps .step-media video{box-sizing:border-box;transform:none}
.strawberry-steps .step-media.video video{border:1px solid rgba(41,43,41,.4);background:#fffaf2}
.strawberry-steps article>span{font-family:Arial,Helvetica,sans-serif}
.credit-art{background-color:var(--blue)}
.design-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:36px}
.design-card{box-shadow:6px 7px 0 var(--coral)}
.design-card .design-image{aspect-ratio:1;background-color:#dce9ef;background-size:20px 20px}
.design-card.blue .design-image,.design-card.oat .design-image,.design-card.olive .design-image,.design-card.coral .design-image{background-color:#dce9ef}
.design-card .design-image img{width:76%;height:76%}
.design-meta{gap:9px;padding:12px}
.design-meta h3{font-size:16px;line-height:1.15}
.design-card>p{padding:0 12px 12px;font-size:8px}
.round-arrow{width:28px;height:28px;flex:0 0 28px}
.card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.card-actions a,.card-actions button,.card-actions span{min-height:42px;padding:8px 9px;line-height:1.25;border-bottom:1px solid var(--charcoal)}
.card-actions a:nth-child(even),.card-actions button:nth-child(even){border-right:0}
.card-actions a:nth-last-child(-n+2),.card-actions button:nth-last-child(-n+2){border-bottom:0}
.system-panels article{padding:22px}
.window-grid aside p{padding:10px 9px;line-height:1.25}
.shop-categories button{padding:12px 14px}
@media(max-width:1050px){.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.design-grid{grid-template-columns:1fr}.strawberry-steps .step-media{padding:16px}}

/* Screenshot-review repairs: square art, deliberate contrast, and real product imagery. */
.strawberry-steps .step-media {
  width: auto;
  height: auto;
  aspect-ratio: 1;
  padding: clamp(18px, 2.2vw, 34px);
}
.strawberry-steps .step-media.artwork { background-color: #dce9ef; }
.strawberry-steps .step-media.stitch-map { background-color: #f2e6cc; }
.strawberry-steps .step-media.video { background-color: #edcfc5; }
.strawberry-steps .step-media img,
.strawberry-steps .step-media video { object-fit: contain; }

.real-studio-preview {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  border: 3px solid var(--charcoal);
  background: var(--white);
  box-shadow: 10px 10px 0 var(--coral);
}
.real-studio-preview img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: contain;
  background: var(--paper);
}
.real-studio-preview figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 52px;
  padding: 12px 16px;
  border-top: 2px solid var(--charcoal);
  background: var(--white);
  font-size: 11px;
}
.real-studio-preview figcaption strong { font: 700 16px Georgia, serif; }
.real-studio-preview figcaption span { color: var(--slate); }

.design-card.olive .design-image { background-color: #f2e6cc; }
.design-card.blue .design-image { background-color: #edcfc5; }
.design-card.oat .design-image { background-color: #9dbed1; }
.design-card.coral .design-image { background-color: #efe1b9; }

.download-result-card {
  width: min(430px, 78%);
  margin: 0;
  border: 3px solid var(--charcoal);
  background: var(--white);
  box-shadow: 11px 11px 0 var(--coral);
  transform: rotate(-1deg);
}
.download-result-image {
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  padding: 34px;
  border-bottom: 2px solid var(--charcoal);
  background-color: var(--oat);
  background-image: linear-gradient(rgba(41,43,41,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(41,43,41,.09) 1px,transparent 1px);
  background-size: 20px 20px;
}
.download-result-image img { display: block;width: 100%;height:100%;object-fit:contain; }
.download-result-card figcaption { display:grid;gap:5px;padding:16px 18px;color:var(--charcoal); }
.download-result-card figcaption small { font-size:8px;font-weight:900;letter-spacing:.14em; }
.download-result-card figcaption strong { font:700 20px Georgia,serif; }
.download-result-card figcaption span { color:var(--slate);font-size:10px;line-height:1.4; }

@media(max-width:1050px) {
  .real-studio-preview { width:min(760px,100%);justify-self:center; }
}
@media(max-width:700px) {
  .strawberry-steps .step-media { height:auto;aspect-ratio:1;padding:16px; }
  .real-studio-preview figcaption { align-items:flex-start;flex-direction:column;gap:3px; }
  .download-result-card { width:min(360px,84%); }
  .download-result-image { padding:26px; }
}

/* Thread-path motion: playful, quiet, and never part of the reading order. */
.sewing-trail {
  position: absolute;
  z-index: 0;
  overflow: visible;
  pointer-events: none;
}
.sewing-trail path {
  fill: none;
  stroke: rgba(255, 253, 248, .72);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 2 14;
  animation: sewing-thread-flow 18s linear infinite;
}
.sewing-trail path:nth-child(2) { animation-duration: 23s;animation-direction: reverse; }
.sewing-trail-hero { inset: 0;width:100%;height:100%; }
.sewing-trail-steps { top:24px;left:4%;width:92%;height:150px;opacity:.72; }
.sewing-trail-steps path { stroke:rgba(200,111,92,.5);stroke-width:3; }
.sewing-trail-studio { right:0;bottom:18px;width:72%;height:230px;opacity:.58; }
.steps-section,.studio-system { position:relative; }
.steps-section > *:not(.sewing-trail),.studio-system > *:not(.sewing-trail) { position:relative;z-index:1; }
.hero-stage > *:not(.sewing-trail) { z-index:1; }
.hero-stage .hero-hoop-composition { z-index:2; }
.round-arrow { display:none!important; }
.design-meta { min-height:70px;align-items:center; }
@keyframes sewing-thread-flow { to { stroke-dashoffset:-256; } }

@media(max-width:700px) {
  .sewing-trail-steps { top:16px;height:110px; }
  .sewing-trail-studio { width:100%;height:180px;opacity:.4; }
}
@media(prefers-reduced-motion:reduce) {
  .sewing-trail path { animation:none!important; }
}

/* Real sewn work is the proof, so this band stays photographic and uncluttered. */
.sewout-proof {
  padding: clamp(74px, 9vw, 126px) 7vw;
  background: var(--paper);
  border-top: 2px solid var(--charcoal);
  border-bottom: 2px solid var(--charcoal);
}
.sewout-proof-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  gap: clamp(30px, 7vw, 100px);
  align-items: end;
  margin-bottom: 46px;
}
.sewout-proof-heading h2 {
  margin: 0;
  font: 700 clamp(44px, 5vw, 74px)/.92 Georgia, "Times New Roman", serif;
}
.sewout-proof-heading h2 em {
  color: var(--coral);
  font-weight: 400;
}
.sewout-proof-heading > div:last-child {
  display: grid;
  justify-items: start;
  gap: 12px;
}
.sewout-proof-heading p:not(.kicker) {
  max-width: 540px;
  margin: 0;
  font: 17px/1.6 Georgia, serif;
  color: #555b59;
}
.sewout-proof-grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  grid-template-rows: repeat(2, minmax(210px, 1fr));
  gap: 14px;
}
.sewout-proof-grid figure {
  position: relative;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  border: 2px solid var(--charcoal);
  background: var(--oat);
}
.sewout-proof-grid .sewout-proof-feature { grid-row: 1 / 3; }
.sewout-proof-grid img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}
.sewout-proof-grid figure:hover img { transform: scale(1.02); }
.sewout-proof-grid figcaption {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  padding: 10px 12px;
  background: rgba(255, 253, 248, .94);
  border: 1px solid var(--charcoal);
  font: 700 14px Georgia, serif;
}
@media(max-width:1050px) {
  .sewout-proof-grid { grid-template-columns: 1fr 1fr;grid-template-rows:auto; }
  .sewout-proof-grid .sewout-proof-feature { grid-row:auto;grid-column:1 / 3;aspect-ratio:16 / 9; }
  .sewout-proof-grid figure:not(.sewout-proof-feature) { aspect-ratio:1; }
}
@media(max-width:700px) {
  .sewout-proof { padding:72px 6vw; }
  .sewout-proof-heading { grid-template-columns:1fr;gap:22px;margin-bottom:30px; }
  .sewout-proof-grid { grid-template-columns:1fr; }
  .sewout-proof-grid .sewout-proof-feature { grid-column:auto;aspect-ratio:1; }
  .sewout-proof-grid figure:not(.sewout-proof-feature) { aspect-ratio:1; }
}
@media(prefers-reduced-motion:reduce) {
  .sewout-proof-grid img { transition:none; }
}

/* Site v15: a short, customer-first path from artwork to a finished file. */
.hero {
  min-height: 650px;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}
.hero-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 64px 6vw 64px 7vw;
}
.hero h1 {
  max-width: 680px;
  font-size: 72px;
  line-height: .98;
  letter-spacing: 0;
}
.hero-lede {
  max-width: 610px;
  margin: 28px 0 20px;
  font-size: 18px;
}
.hero-credit-hook {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 22px;
  padding: 12px 16px;
  border: 2px solid var(--charcoal);
  background: var(--white);
  box-shadow: 4px 4px 0 var(--ochre);
}
.hero-credit-hook strong {
  font: 700 24px/1 Georgia, "Times New Roman", serif;
}
.hero-credit-hook span {
  color: var(--coral);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.hero-note {
  margin: 14px 0 0;
  color: var(--slate);
  font-size: 11px;
  font-weight: 800;
}
.hero-credit-link {
  display: inline-block;
  margin-top: 8px;
  color: var(--slate);
  border-bottom: 1px solid currentColor;
  font-size: 10px;
  font-weight: 800;
}
.hero-stage {
  min-height: 650px;
  padding: 52px 7%;
}
.hero-lifestyle-composition {
  width: min(610px, 92%);
  transform: rotate(1deg);
}
.hero-lifestyle-composition .hero-hoop-photo {
  aspect-ratio: 1;
}
.hero-lifestyle-composition figcaption {
  min-height: 58px;
}

.start-ways {
  padding: 96px 7vw 108px;
  border-top: 2px solid var(--charcoal);
  border-bottom: 2px solid var(--charcoal);
  background: var(--paper);
}
.start-ways-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
  gap: 22px 7vw;
  align-items: end;
  margin-bottom: 42px;
}
.start-ways-heading .kicker {
  grid-column: 1 / 3;
  margin-bottom: 0;
}
.start-ways-heading h2 {
  margin: 0;
  font: 700 58px/.98 Georgia, "Times New Roman", serif;
  letter-spacing: 0;
}
.start-ways-heading h2 em {
  color: var(--coral);
  font-weight: 400;
}
.start-ways-heading > p:last-child {
  max-width: 510px;
  margin: 0 0 4px;
  color: #555b59;
  font: 17px/1.55 Georgia, serif;
}
.ways-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.way-card {
  min-width: 0;
  border: 2px solid var(--charcoal);
  background: var(--white);
  box-shadow: 7px 7px 0 var(--coral);
}
.way-image {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1;
  padding: 9%;
  overflow: hidden;
  border-bottom: 2px solid var(--charcoal);
  background-image: linear-gradient(rgba(41,43,41,.08) 1px,transparent 1px), linear-gradient(90deg,rgba(41,43,41,.08) 1px,transparent 1px);
  background-size: 20px 20px;
}
.way-image-blue { background-color: #dce9ef; }
.way-image-coral { background-color: #edcfc5; }
.way-image-oat { background-color: #f2e6cc; }
.way-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.way-card > span,
.way-card h3,
.way-card > p {
  margin-left: 20px;
  margin-right: 20px;
}
.way-card > span {
  display: block;
  margin-top: 18px;
  color: var(--coral);
  font: italic 15px Georgia, serif;
}
.way-card h3 {
  margin-top: 8px;
  margin-bottom: 8px;
  font: 700 23px/1.15 Georgia, "Times New Roman", serif;
}
.way-card > p {
  min-height: 44px;
  margin-top: 0;
  margin-bottom: 22px;
  color: #555b59;
  font-size: 12px;
  line-height: 1.55;
}

.simple-steps {
  padding-top: 98px;
  padding-bottom: 104px;
}
.simple-steps .section-heading h2 {
  font-size: 58px;
  line-height: .98;
  letter-spacing: 0;
}
.simple-steps .steps-grid {
  margin-top: 44px;
}
.simple-steps .steps-grid article {
  min-height: 0;
}
.simple-steps .step-media {
  padding: 28px;
}
.simple-steps .section-cta {
  width: max-content;
  max-width: 100%;
  margin: 34px auto 0;
}

.final-cta {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
  min-height: 650px;
  overflow: hidden;
  border-bottom: 2px solid var(--charcoal);
  background: var(--charcoal);
  color: white;
}
.sewing-trail-final {
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .45;
}
.final-cta > *:not(.sewing-trail) {
  position: relative;
  z-index: 1;
}
.final-cta-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 78px 7vw;
}
.final-cta-copy h2 {
  margin: 0;
  font: 700 60px/.98 Georgia, "Times New Roman", serif;
  letter-spacing: 0;
}
.final-cta-copy h2 em {
  color: #f0c870;
  font-weight: 400;
}
.final-cta-copy > p:not(.kicker) {
  max-width: 580px;
  margin: 28px 0 22px;
  color: #d6d9d6;
  font: 17px/1.6 Georgia, serif;
}
.final-credit-note {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 28px;
  padding: 13px 16px;
  border-left: 5px solid var(--ochre);
  background: #3a3c39;
}
.final-credit-note strong {
  font: 700 22px Georgia, serif;
}
.final-credit-note span {
  color: #f0c870;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}
.final-cta-copy small {
  margin-top: 16px;
  color: #c9ceca;
  font-size: 10px;
}
.final-cta-photo {
  position: relative;
  min-height: 650px;
  margin: 0;
  border-left: 2px solid var(--charcoal);
  overflow: hidden;
  background: var(--blue);
}
.final-cta-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.final-cta-photo figcaption {
  position: absolute;
  right: 18px;
  bottom: 18px;
  padding: 10px 12px;
  border: 2px solid var(--charcoal);
  background: var(--white);
  color: var(--charcoal);
  font: 700 13px Georgia, serif;
}

.newsletter {
  grid-template-columns: 40px minmax(0, .85fr) minmax(320px, 1.15fr);
  padding-top: 58px;
  padding-bottom: 58px;
}
.newsletter h2 {
  margin-bottom: 8px;
}
.newsletter div > p:last-child {
  max-width: 560px;
  margin: 0;
  color: #435057;
  font-size: 12px;
  line-height: 1.55;
}
.newsletter .kicker {
  margin-bottom: 10px;
}
.newsletter form {
  display: grid;
  height: auto;
  grid-template-columns: minmax(120px, .7fr) minmax(220px, 1.2fr) auto;
  gap: 9px;
  border: 0;
  background: transparent;
}
.newsletter form > input {
  min-height: 49px;
  border: 2px solid var(--charcoal);
  background: var(--white);
}
.newsletter form > button {
  min-height: 49px;
  border: 2px solid var(--charcoal);
}
.public-waitlist-consent {
  display: flex;
  grid-column: 1 / -1;
  gap: 9px;
  align-items: center;
  color: #344248;
  font-size: 11px;
  font-weight: 800;
}
.public-waitlist-consent input {
  width: 18px;
  height: 18px;
  min-height: 0;
  flex: 0 0 auto;
  accent-color: var(--coral);
}
.public-form-status {
  min-height: 18px;
  grid-column: 1 / -1;
  margin: 0;
  color: #344248;
  font-size: 11px;
  font-weight: 800;
}
.free-downloads-intro {
  max-width: 680px;
  margin: 0 0 28px;
  font: 17px/1.55 Georgia, "Times New Roman", serif;
}

@media (max-width: 1050px) {
  .hero { grid-template-columns: 1fr; }
  .hero-copy { padding: 68px 8vw 58px; }
  .hero h1 { font-size: 64px; }
  .hero-stage { min-height: 600px; }
  .start-ways-heading { grid-template-columns: 1fr; }
  .start-ways-heading .kicker { grid-column: auto; }
  .start-ways-heading h2,
  .simple-steps .section-heading h2 { font-size: 54px; }
  .ways-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ways-grid .way-card:last-child { grid-column: 1 / 3; }
  .ways-grid .way-card:last-child .way-image { aspect-ratio: 2 / 1; }
  .ways-grid .way-card:last-child .way-image img { width: 54%; }
  .final-cta { grid-template-columns: 1fr; }
  .final-cta-copy h2 { font-size: 56px; }
  .final-cta-photo { min-height: 540px; border-top: 2px solid var(--charcoal);border-left: 0; }
}

@media (max-width: 700px) {
  .hero { min-height: 0; }
  .hero-copy { padding: 54px 6vw 48px; }
  .hero h1 { font-size: 48px; }
  .hero-lede { font-size: 16px; }
  .hero-credit-hook { align-items: flex-start;flex-direction: column;gap: 5px; }
  .hero-stage { min-height: 430px;padding: 34px 5%; }
  .hero-lifestyle-composition { width: 96%; }
  .start-ways { padding: 72px 6vw 78px; }
  .start-ways-heading h2,
  .simple-steps .section-heading h2 { font-size: 44px; }
  .ways-grid { grid-template-columns: 1fr; }
  .ways-grid .way-card:last-child { grid-column: auto; }
  .ways-grid .way-card:last-child .way-image { aspect-ratio: 1; }
  .ways-grid .way-card:last-child .way-image img { width: 100%; }
  .simple-steps { padding-top: 72px;padding-bottom: 78px; }
  .simple-steps .step-media { padding: 18px; }
  .final-cta { min-height: 0; }
  .final-cta-copy { padding: 72px 7vw; }
  .final-cta-copy h2 { font-size: 46px; }
  .final-credit-note { align-items: flex-start;flex-direction: column;gap: 4px; }
  .final-cta-photo { min-height: 390px; }
  .newsletter { grid-template-columns: 1fr;padding-top: 50px;padding-bottom: 50px; }
  .newsletter form { grid-template-columns: 1fr; }
  .public-waitlist-consent,
  .public-form-status { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .sewing-trail-final path { animation: none !important; }
}

/* Site v18: an open editorial inspiration wall built from real sewouts. */
.inspiration-route-hero {
  position: relative;
  display: grid;
  min-height: 340px;
  align-items: end;
  overflow: hidden;
  border-bottom: 0;
  background: #f7f1e8;
}

.inspiration-route-hero > div {
  position: relative;
  z-index: 1;
  max-width: 1080px;
}

.inspiration-route-hero h1 {
  max-width: 900px;
  font: 700 clamp(3.6rem, 8vw, 7rem)/.9 Georgia, "Times New Roman", serif;
  letter-spacing: 0;
}

.inspiration-route-hero p {
  max-width: 620px;
  color: #3d403d;
  font: 17px/1.6 Georgia, "Times New Roman", serif;
}

.inspiration-gallery-section {
  padding-top: 10px;
  background: #f7f1e8;
}

.inspiration-toolbar {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
  padding-bottom: 18px;
  border-bottom: 2px solid var(--charcoal);
}

.inspiration-count {
  flex: 0 0 auto;
  margin: 0;
  color: var(--charcoal);
  font: italic 18px Georgia, "Times New Roman", serif;
}

.inspiration-filters {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}

.inspiration-filters button {
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid var(--charcoal);
  border-radius: 0;
  background: #fffdf8;
  color: var(--charcoal);
  font: 800 12px/1.2 "Nunito Sans", sans-serif;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
}

.inspiration-filters button[aria-pressed="true"] {
  background: var(--charcoal);
  color: #fffdf8;
}

.inspiration-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-flow: dense;
  align-items: start;
  gap: clamp(32px, 4vw, 72px) clamp(20px, 3vw, 48px);
  columns: unset;
}

.inspiration-card {
  display: block;
  appearance: none;
  width: 100%;
  height: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--charcoal);
  text-align: left;
  cursor: zoom-in;
}

.inspiration-card--feature { grid-column: span 7; }
.inspiration-card--wide { grid-column: span 5; }

.inspiration-card--square,
.inspiration-card--portrait {
  grid-column: span 4;
}

.inspiration-card:nth-child(4n + 2) {
  margin-top: clamp(22px, 5vw, 76px);
}

.inspiration-card:hover {
  transform: none;
  box-shadow: none;
}

.inspiration-card-media {
  display: block;
  width: 100%;
  overflow: visible;
  border: 0;
  background: transparent;
}

.inspiration-card-media img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  border-radius: 0;
  object-fit: contain;
  object-position: center;
  transition: transform .22s ease;
}

.inspiration-card:hover .inspiration-card-media img {
  transform: translateY(-3px);
}

.inspiration-card:focus-visible {
  outline: none;
}

.inspiration-card:focus-visible .inspiration-card-media img {
  outline: 3px solid var(--charcoal);
  outline-offset: 5px;
}

.inspiration-card-copy {
  display: grid;
  gap: 4px;
  padding: 12px 0 0;
}

.inspiration-card-type,
.inspiration-lightbox-type {
  color: var(--coral) !important;
  font: 900 10px/1.2 "Nunito Sans", sans-serif !important;
  text-transform: uppercase;
}

.inspiration-card-copy strong {
  overflow-wrap: anywhere;
  font: 700 21px/1.08 Georgia, "Times New Roman", serif;
}

.inspiration-card--feature .inspiration-card-copy strong {
  font-size: clamp(25px, 2.4vw, 36px);
}

.inspiration-lightbox {
  width: min(94vw, 1380px);
  max-width: none;
  max-height: 92vh;
  margin: auto;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
}

.inspiration-lightbox::backdrop {
  background: rgba(28, 30, 28, .84);
  backdrop-filter: blur(5px);
}

.inspiration-lightbox-panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  max-height: 92vh;
  overflow: hidden;
  border: 2px solid #fffdf8;
  background: var(--charcoal);
  box-shadow: 12px 12px 0 var(--coral);
}

.inspiration-lightbox-image {
  display: block;
  width: 100%;
  height: 86vh;
  min-height: 0;
  object-fit: contain;
  background: #181a18;
}

.inspiration-lightbox-copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 36px 30px;
  background: #fffdf8;
  color: var(--charcoal);
}

.inspiration-lightbox-copy h2 {
  margin: 10px 0 16px;
  font: 700 clamp(28px, 3vw, 44px)/.98 Georgia, "Times New Roman", serif;
  letter-spacing: 0;
}

.inspiration-lightbox-copy p {
  margin: 0 0 18px;
  color: #565a57;
}

.inspiration-lightbox-copy small {
  color: #686c69;
  line-height: 1.5;
}

.inspiration-lightbox-close {
  position: absolute;
  z-index: 2;
  top: 16px;
  right: 16px;
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  padding: 0;
  border: 2px solid var(--charcoal);
  border-radius: 0;
  background: #fffdf8;
  color: var(--charcoal);
  font: 400 30px/1 "Nunito Sans", sans-serif;
  cursor: pointer;
}

@media (max-width: 980px) {
  .inspiration-route-hero { min-height: 360px; }
  .inspiration-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .inspiration-card--feature,
  .inspiration-card--wide { grid-column: span 6; }
  .inspiration-card--square,
  .inspiration-card--portrait { grid-column: span 3; }
  .inspiration-lightbox-panel { grid-template-columns: minmax(0, 1fr) 280px; }
}

@media (max-width: 700px) {
  .inspiration-route-hero { min-height: 330px; }
  .inspiration-route-hero h1 { font-size: 52px; }
  .inspiration-gallery-section { padding-right: 5vw;padding-left: 5vw; }
  .inspiration-toolbar { align-items: stretch;flex-direction: column;gap: 14px; }
  .inspiration-filters {
    justify-content: flex-start;
    padding-bottom: 5px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }
  .inspiration-grid { display: grid;grid-template-columns: 1fr;gap: 32px; }
  .inspiration-card,
  .inspiration-card--feature,
  .inspiration-card--wide,
  .inspiration-card--portrait,
  .inspiration-card--square { grid-column: auto;height: auto;margin-top: 0; }
  .inspiration-lightbox { width: 94vw;max-height: 94vh; }
  .inspiration-lightbox-panel { grid-template-columns: 1fr;max-height: 94vh;overflow: auto; }
  .inspiration-lightbox-image { height: auto;max-height: 68vh; }
  .inspiration-lightbox-copy { padding: 24px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .inspiration-card,
  .inspiration-card-media img { transition: none; }
}

/* Site v17: the real Studio is the first product proof, not a decorative mockup. */
.site-header {
  grid-template-columns: 245px minmax(280px, 620px) auto;
}
.logo-link {
  width: 184px;
  height: 126px;
}
.hero-studio-screen {
  position: relative;
  z-index: 2;
  width: min(720px, 96%);
  margin: 0;
  overflow: hidden;
  border: 3px solid var(--charcoal);
  background: var(--white);
  box-shadow: 13px 14px 0 rgba(41, 43, 41, .25);
  transform: rotate(.45deg);
  animation: arrive .85s .1s ease-out both;
}
.hero-studio-screen img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: var(--paper);
}
.hero-studio-screen figcaption {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 11px 15px;
  border-top: 2px solid var(--charcoal);
  background: var(--white);
  color: var(--slate);
  font-size: 10px;
}
.hero-studio-screen figcaption b {
  color: var(--charcoal);
  font: italic 16px Georgia, "Times New Roman", serif;
}
.compact-ways-grid {
  width: min(1080px, 100%);
  margin-inline: auto;
}
.compact-ways-grid .way-card {
  display: grid;
  grid-template-rows: auto auto auto 1fr;
}
.compact-ways-grid .way-image {
  padding: 11%;
}
.import-note {
  width: min(1080px, 100%);
  margin: 28px auto 0;
  padding: 15px 18px;
  border-left: 4px solid var(--ochre);
  background: #fffdf8;
  color: #555b59;
  font-size: 12px;
  line-height: 1.55;
}
.import-note strong { color: var(--charcoal); }

@media (max-width: 1050px) {
  .site-header { grid-template-columns: 210px 1fr auto; }
  .logo-link { width: 164px;height: 120px; }
  .hero-studio-screen { width: min(760px, 92%); }
}
@media (max-width: 700px) {
  .site-header { grid-template-columns: 118px 1fr auto; }
  .logo-link { width: 112px;height: 98px; }
  .hero-studio-screen { width: 94%;transform: none; }
  .hero-studio-screen figcaption { align-items: flex-start;flex-direction: column;gap: 2px; }
  .hero-studio-screen figcaption span { line-height: 1.35; }
  .compact-ways-grid { width: 100%; }
  .import-note { margin-top: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-studio-screen { animation: none; }
}

.shop-button {
  border: 2px solid var(--charcoal);
  background: var(--ochre);
  color: var(--charcoal);
  box-shadow: 4px 4px 0 var(--coral);
}
/* Worktable homepage: original art, real embroidery, clear next steps. */
.maker-hero{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;background:#fffaf2;min-height:580px;border-bottom:2px solid #272a27;overflow:hidden}.maker-copy{padding:58px 5vw 35px 7vw;align-self:center}.maker-copy h1{font:800 clamp(48px,5.6vw,86px)/1.02 'Fraunces',serif;letter-spacing:-.055em;margin:0 0 24px}.maker-copy h1 em{color:#ad4537;font-weight:700}.maker-lede{font:400 clamp(17px,1.45vw,21px)/1.6 'Nunito Sans',sans-serif;max-width:470px}.maker-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:25px}.maker-note{font-size:13px;line-height:1.5;max-width:370px;color:#555e58;margin-top:22px}.maker-scroll{display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:800;margin-top:22px}.maker-scroll span{font-size:26px}.maker-art{position:relative;min-height:580px;background:#a5c3d2;isolation:isolate}.maker-thread{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#fffaf2;stroke-width:3;stroke-dasharray:8 9;animation:worktable-thread 35s linear infinite}.maker-art figure{margin:0;position:absolute;border:2px solid #272a27;box-shadow:6px 8px 0 #272a2733;background:#fffaf2;padding:10px 10px 0}.maker-art img{display:block;width:100%;object-fit:cover}.maker-art figcaption{font:800 12px/1.4 'Nunito Sans',sans-serif;padding:12px 3px}.maker-photo{width:62%;left:20%;top:10%;transform:rotate(4deg);z-index:2;animation:worktable-float 7s ease-in-out infinite}.maker-photo img{aspect-ratio:1;object-position:center}.maker-art-card{width:29%;left:3%;top:7%;transform:rotate(-9deg);z-index:3}.maker-art-card img{aspect-ratio:1;object-fit:contain;background:#f2cb58}.maker-mini{width:33%;right:3%;bottom:6%;transform:rotate(-7deg);z-index:4;animation:worktable-float 8s 1s ease-in-out infinite}.maker-mini img{aspect-ratio:1;object-fit:cover}.maker-flower{position:absolute;bottom:12%;left:7%;font-size:105px;line-height:1;color:#a84638;z-index:3}.maker-spark{position:absolute;top:3%;right:7%;font-size:58px;color:#f2cb58}.maker-motion{position:absolute;bottom:14px;left:16px;z-index:5;border:1px solid #272a27;background:#fffaf2;padding:7px 12px;font:700 12px 'Nunito Sans',sans-serif;cursor:pointer;border-radius:20px}.maker-art.motion-paused *{animation-play-state:paused!important}.start-choices{padding-top:42px;padding-bottom:48px;scroll-margin-top:24px}.start-choices a{transition:transform .2s,box-shadow .2s}.start-choices a:hover{transform:translateY(-4px);box-shadow:6px 8px 0 #272a27}.start-choices p{max-width:35ch}.maker-journal{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;padding:72px 7vw;background:#eccfc3;border-top:2px solid #272a27;align-items:center}.maker-journal h2{font:700 clamp(32px,3.7vw,56px)/1.1 'Fraunces',serif;margin:0 0 20px}.maker-journal p:not(.kicker){max-width:45ch;line-height:1.7;margin-bottom:26px}.maker-journal img{width:100%;max-height:350px;object-fit:cover;border:2px solid #272a27;box-shadow:7px 7px 0 #272a27;transform:rotate(2deg)}.worktable-note{padding:28px 7vw;display:flex;gap:28px;align-items:center;background:#f2cb58;border-block:2px solid #272a27}.worktable-note h2{font:700 25px 'Fraunces',serif;margin:0 0 8px}.worktable-note p{margin:0;max-width:65ch;line-height:1.6}.worktable-note>span{font-size:48px}.route-hero h1{max-width:18ch;text-wrap:balance}.route-hero p,.topic-card p,.trust-card p{max-width:65ch;line-height:1.7}.route-section{overflow-wrap:break-word}.public-button,.button{min-height:44px}.maker-hero a:focus-visible,.maker-motion:focus-visible{outline:3px solid #264bbe;outline-offset:5px}
@keyframes worktable-thread{to{stroke-dashoffset:-340}}@keyframes worktable-float{50%{translate:0 -9px}}
@media(min-width:701px) and (max-width:1050px){.maker-copy{padding:35px 4vw}.maker-copy h1{font-size:56px}.maker-art{min-height:530px}.maker-hero{min-height:530px}.maker-photo{top:20%}.maker-actions{gap:18px}.maker-mini{bottom:15%}}
@media(max-width:700px){.maker-hero{grid-template-columns:1fr}.maker-copy{padding:32px 6vw 24px}.maker-copy h1{font-size:clamp(46px,12.7vw,70px);margin-bottom:16px}.maker-copy .kicker{margin-bottom:16px}.maker-lede{font-size:17px;margin:0}.maker-actions{margin-top:20px;gap:18px}.maker-note{font-size:12px;margin-top:16px}.maker-scroll{display:none}.maker-art{min-height:385px}.maker-photo{width:51%;left:26%;top:8%}.maker-art-card{width:28%;left:5%;top:8%}.maker-mini{width:29%;right:4%;bottom:8%}.maker-flower{font-size:75px;bottom:16%}.maker-journal{grid-template-columns:1fr;padding:48px 6vw;gap:30px}.maker-journal img{max-height:280px}.start-choices{gap:18px;padding:28px 6vw}.start-choices strong{font-size:27px}.worktable-note{padding:25px 6vw;gap:16px}.worktable-note>span{font-size:34px}.top-nav a{min-height:44px}}
@media(prefers-reduced-motion:reduce){.maker-art *{animation:none!important}.start-choices a{transition:none}.maker-motion{display:none}.start-choices a:hover{transform:none}}
@media(max-width:700px){.maker-actions{gap:16px}.maker-actions .button{padding:14px 16px;gap:20px}.maker-actions .plain-link{font-size:12px}.maker-copy{padding-bottom:20px}.maker-lede{line-height:1.55}}