@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#332d28;--muted:#766d64;--cream:#f6f3ed;--sand:#eee9df;--line:#d8d0c4;--clay:#a95e43;--white:#fffcf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--clay);outline-offset:4px}.skip-link{position:absolute;left:12px;top:-60px;background:white;padding:10px;z-index:50}.skip-link:focus{top:12px}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,88px);border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:4}.wordmark{display:flex;flex-direction:column;line-height:1}.wordmark-main,.footer-brand{font-family:'DM Serif Display',Georgia,serif;font-size:31px;letter-spacing:-1.3px}.wordmark-dot,.footer-brand span{color:var(--clay)}.wordmark-small{font-size:9px;letter-spacing:2.5px;margin-top:5px;font-weight:700}.site-header nav{display:flex;gap:38px;margin-left:5vw}.site-header nav a{font-size:13px;font-weight:600}.site-header nav a:hover,.closing a:hover{color:var(--clay)}.header-action{border:1px solid var(--ink);padding:13px 18px;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.06em}.header-action span,.primary-button span{margin-left:24px}.header-action:hover{background:var(--ink);color:white}.hero{min-height:635px;display:grid;grid-template-columns:52% 48%;background:var(--sand);overflow:hidden}.hero-copy{padding:85px 5vw 45px max(5vw,calc((100vw - 1400px)/2));display:flex;flex-direction:column;align-items:flex-start;position:relative}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px}.tiny-star{font-size:18px;margin-right:9px;color:var(--clay);vertical-align:-2px}.hero h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.05em;line-height:.96}.hero h1{font-size:clamp(64px,7.1vw,116px);margin:38px 0 26px}.hero h1 em,h2 em{font-weight:400;color:var(--clay)}.hero-copy>p{max-width:450px;font-size:16px;line-height:1.75;color:#62594e;margin:0 0 28px}.primary-button{background:var(--ink);border:1px solid var(--ink);color:white;padding:17px 21px;min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;transition:background .2s,transform .2s}.primary-button:hover{background:var(--clay);border-color:var(--clay);transform:translateY(-2px)}.hero-foot{margin-top:auto;display:flex;align-items:center;gap:12px;color:#796f64;text-transform:uppercase;font-size:10px;letter-spacing:1.5px;line-height:1.6}.asterisk{font-size:46px;font-family:Georgia,serif;color:var(--clay)}.hero-visual{position:relative;min-height:635px;background:#c3ab95}.hero-image{position:absolute;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.main-photo{inset:0 0 0 12%;}.main-photo img{object-position:center 44%}.inset-photo{width:30%;height:34%;bottom:7%;left:-7%;border:10px solid var(--sand);box-shadow:0 14px 40px #392d2736}.inset-photo img{object-position:center 46%}.hero-vertical{position:absolute;right:20px;top:24px;writing-mode:vertical-rl;color:#fff;font-size:10px;letter-spacing:2px;text-shadow:0 1px 10px #333}.section-pad{padding:105px max(5vw,calc((100vw - 1400px)/2))}.studio{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading h2,.customize-heading h2,.commerce h2{font-size:clamp(46px,5vw,78px);margin:18px 0 0}.section-heading>p{max-width:340px;font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 3px}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.model-card{border:1px solid var(--line);background:#fffdf8;padding:0;text-align:left;min-width:0;transition:box-shadow .2s,transform .2s,border-color .2s;position:relative}.model-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px #55463715}.model-card[aria-pressed=true]{border-color:var(--clay);box-shadow:0 0 0 2px var(--clay)}.model-card .photo-wrap{display:block;height:clamp(205px,22vw,330px);overflow:hidden;background:#e9e1d6}.model-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.model-card:hover img{transform:scale(1.04)}.model-card[data-model=mini] img{object-position:center 45%}.model-card[data-model=tote] img{object-position:center 35%}.model-card[data-model=circular] img{object-position:center 52%}.model-card[data-model=sobre] img{object-position:center 50%}.card-text{padding:18px 18px 20px;display:block}.card-num{color:var(--clay);font-size:10px;font-weight:700;letter-spacing:1.2px}.card-name{display:block;font-family:'DM Serif Display',Georgia,serif;font-size:25px;margin:9px 0 6px}.card-desc{font-size:12px;color:var(--muted);line-height:1.5}.selected-mark{position:absolute;top:12px;left:12px;background:var(--white);padding:7px 10px;font-size:10px;font-weight:700;letter-spacing:.08em;opacity:0}.model-card[aria-pressed=true] .selected-mark{opacity:1}.customize-heading{padding-top:110px;margin-bottom:38px;text-align:center;scroll-margin-top:25px}.customize-heading p{max-width:470px;margin:17px auto 0;line-height:1.65;color:var(--muted);font-size:14px}.configurator{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,85px);align-items:start}.preview-panel{background:#e9e3d8;min-height:645px;padding:23px;position:sticky;top:16px;display:flex;flex-direction:column}.preview-top,.preview-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center}.preview-top{font-size:10px;font-weight:700;letter-spacing:1.8px}.preview-counter{color:var(--muted)}.preview-art{flex:1;min-height:420px;display:grid;place-items:center}.preview-art svg{width:min(100%,480px);max-height:440px;overflow:visible;filter:drop-shadow(0 21px 18px #67534430)}.preview-bottom{border-top:1px solid #bdb1a3;padding-top:19px;font-family:'DM Serif Display',Georgia,serif;font-size:25px}.preview-bottom span:last-child{color:var(--clay)}.preview-note{font-size:11px;color:var(--muted);margin:10px 0 0}.options-panel{padding:6px 0}.option-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;border-bottom:1px solid var(--line);padding:17px 0 29px;margin-bottom:17px}.option-step>span{font-size:12px;color:var(--clay);font-weight:700;padding-top:6px}.option-step h3,.field-label{font-family:'DM Serif Display',Georgia,serif;font-size:28px;font-weight:400;margin:0;display:block}.option-step p{font-size:12px;color:var(--muted);line-height:1.6;margin:7px 0 17px}.model-tabs,.swatches{display:flex;flex-wrap:wrap;gap:8px}.model-tabs button{border:1px solid var(--line);background:transparent;padding:11px 13px;font-size:12px;color:var(--ink)}.model-tabs button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.swatch{border:1px solid var(--line);background:transparent;padding:8px 11px 8px 8px;display:inline-flex;gap:8px;align-items:center;font-size:12px}.swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);font-weight:700}.swatch-dot{width:22px;height:22px;border-radius:50%;display:inline-block;border:1px solid #0002}.segmented{display:flex;gap:8px}.segmented button{border:1px solid var(--line);background:transparent;padding:11px 17px;font-size:12px}.segmented button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.last-step{border-bottom:0;margin-bottom:0}.last-step textarea{width:100%;resize:vertical;min-height:78px;border:1px solid var(--line);padding:13px;background:#fffdf9;color:var(--ink);font-size:13px;line-height:1.5}.summary-box{background:#e7ded1;padding:27px;margin:12px 0 0 48px}.summary-box p{font-family:'DM Serif Display',Georgia,serif;font-size:23px;line-height:1.3;margin:14px 0 20px}.summary-box .primary-button{width:100%;text-align:left}.summary-box small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:10px}.copy-status{font-size:12px;font-weight:700;color:#4c654b;min-height:0}.copy-status:not(:empty){margin-top:12px}.commerce{background:#d7c5b0;display:grid;grid-template-columns:1fr 1.45fr;gap:30px 9%;padding-bottom:55px}.commerce-intro>p{font-size:15px;line-height:1.7;color:#584e44;max-width:330px}.commerce h2 em{color:#8f4d38}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:25px}.benefits article{border-top:1px solid #ad9c8a;padding-top:12px}.benefit-symbol{font-size:27px;color:#98583f}.benefits h3{font-family:'DM Serif Display',Georgia,serif;font-size:24px;font-weight:400;line-height:1.1;min-height:52px;margin:16px 0 10px}.benefits p{font-size:12px;line-height:1.65;color:#5f544b;margin:0}.closing{grid-column:1/-1;border-top:1px solid #ae9c89;padding-top:26px;margin-top:65px;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;letter-spacing:2px}.closing a{font-family:'DM Serif Display',Georgia,serif;text-transform:none;letter-spacing:-.02em;font-size:25px;font-weight:400}.closing a span{font-family:Arial;margin-left:15px}footer{background:#302b27;color:#eae3db;min-height:130px;padding:30px max(5vw,calc((100vw - 1400px)/2));display:flex;justify-content:space-between;align-items:center;gap:30px}footer>span{font-size:10px;letter-spacing:1.6px}
@media(max-width:980px){.site-header nav{gap:17px;margin:0}.hero{grid-template-columns:53% 47%;min-height:550px}.hero-copy{padding-top:65px}.hero-visual{min-height:550px}.hero h1{font-size:clamp(55px,7.6vw,75px)}.model-grid{grid-template-columns:repeat(2,1fr)}.model-card .photo-wrap{height:300px}.configurator{gap:25px}.benefits{grid-template-columns:1fr;gap:10px;padding-top:0}.benefits h3{min-height:0;margin:5px 0}.benefits article{padding-top:10px}.commerce{grid-template-columns:1fr 1.2fr}}
@media(max-width:700px){.site-header{height:72px;padding:0 18px}.wordmark-main{font-size:25px}.wordmark-small{font-size:7px;letter-spacing:1.8px}.site-header nav{display:none}.header-action{padding:11px 9px;font-size:10px}.header-action span{margin-left:6px}.hero{display:flex;flex-direction:column}.hero-copy{padding:47px 24px 35px}.hero h1{font-size:clamp(60px,13vw,86px);margin:27px 0 20px}.hero-copy>p{font-size:14px;line-height:1.65;margin-bottom:25px}.hero-foot{display:none}.hero-visual{min-height:410px}.main-photo{inset:0 0 0 17%}.inset-photo{width:32%;height:36%;left:3%;bottom:5%;border-width:6px}.hero-vertical{font-size:8px}.section-pad{padding:70px 20px}.section-heading{display:block;margin-bottom:28px}.section-heading h2,.customize-heading h2,.commerce h2{font-size:clamp(46px,11vw,65px)}.section-heading>p{margin-top:17px}.model-grid{gap:10px}.model-card .photo-wrap{height:clamp(160px,48vw,260px)}.card-text{padding:12px}.card-name{font-size:20px;margin:6px 0 4px}.card-desc{font-size:11px}.customize-heading{padding-top:80px;scroll-margin-top:12px}.configurator{display:flex;flex-direction:column;gap:18px}.preview-panel{position:relative;top:auto;width:100%;min-height:420px;padding:17px}.preview-art{min-height:310px}.preview-art svg{max-height:320px}.preview-bottom{font-size:22px}.options-panel{width:100%}.option-step{grid-template-columns:24px minmax(0,1fr);gap:8px}.summary-box{margin-left:0;padding:23px}.commerce{display:block;padding-bottom:34px}.benefits{display:grid;grid-template-columns:1fr;gap:25px;margin-top:35px}.benefits article{padding-top:15px}.benefits h3{font-size:25px}.benefits p{font-size:13px}.closing{margin-top:45px;gap:18px;align-items:flex-end}.closing>span{max-width:130px;line-height:1.5}.closing a{font-size:22px;white-space:nowrap}footer{padding:28px 20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}footer>span:nth-child(2){grid-column:1/-1;grid-row:2}footer>span:last-child{text-align:right;font-size:8px}}
@media(max-width:390px){.header-action{font-size:9px}.header-action span{display:none}.hero h1{font-size:59px}.card-name{font-size:18px}.model-tabs button,.swatch{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Crochetina glass: translucent layers over the brand's woven, warm palette. */
:root{--glass:rgba(255,252,247,.66);--glass-line:rgba(255,255,255,.75);--glass-shadow:0 22px 55px rgba(68,48,33,.13),inset 0 1px 0 rgba(255,255,255,.84)}
body{background:radial-gradient(circle at 18% 26%,#fffaf0 0,transparent 38%),var(--cream)}
.site-header{position:sticky;top:0;height:76px;background:rgba(248,244,237,.72);border-bottom:1px solid rgba(255,255,255,.65);box-shadow:0 8px 30px rgba(55,37,24,.07);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);z-index:20}
.site-header nav{background:rgba(255,255,255,.37);border:1px solid rgba(255,255,255,.65);border-radius:999px;padding:13px 24px;box-shadow:inset 0 1px 0 #fff9}
.header-action{border:1px solid rgba(255,255,255,.78);background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.25));border-radius:999px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.hero{background:radial-gradient(circle at 12% 6%,#fffdfa 0,transparent 42%),radial-gradient(circle at 74% 93%,#c9ab91 0,transparent 38%),#eae0d3}
.hero-copy:before{content:"";position:absolute;width:min(36vw,480px);height:min(36vw,480px);border-radius:50%;left:-15%;bottom:-30%;background:radial-gradient(circle,#fff9,transparent 68%);pointer-events:none}
.hero-copy>*{position:relative}.hero h1{letter-spacing:-.065em}.hero-visual{background:#c8ad96}
.main-photo{inset:0}.main-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,227,214,.22),transparent 32%)}
.inset-photo{left:-8%;bottom:7%;width:31%;height:36%;border:1px solid var(--glass-line);border-radius:26px;padding:7px;background:rgba(255,255,255,.3);box-shadow:0 25px 60px rgba(43,28,17,.28),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.inset-photo img{border-radius:18px}
.primary-button{border-radius:999px;box-shadow:0 12px 25px rgba(51,45,40,.17)}
.studio{background:radial-gradient(circle at 83% 22%,#ede0d1 0,transparent 35%),radial-gradient(circle at 9% 70%,#f1e4d8 0,transparent 37%),#f7f4ee}
.model-grid{gap:20px}.model-card{overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:26px;background:rgba(255,255,255,.48);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.model-card .photo-wrap{height:clamp(220px,23vw,340px);margin:7px;border-radius:20px;overflow:hidden}.model-card .card-text{padding:13px 20px 23px}.model-card[aria-pressed=true]{border-color:#a95e43;box-shadow:0 0 0 2px #a95e43,0 22px 50px #55463725}
.selected-mark{top:20px;left:20px;border-radius:999px;background:rgba(255,252,247,.75);border:1px solid white;box-shadow:0 6px 16px #392d2725;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.preview-panel{overflow:hidden;border:1px solid var(--glass-line);border-radius:32px;background:radial-gradient(circle at 70% 33%,rgba(255,255,255,.82),transparent 45%),linear-gradient(145deg,rgba(255,255,255,.55),rgba(208,178,148,.46));box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px) saturate(1.25);backdrop-filter:blur(24px) saturate(1.25)}
.preview-panel:before{content:"";position:absolute;inset:1px;border-radius:31px;box-shadow:inset 0 1px 0 #fff;pointer-events:none}.preview-panel>*{position:relative}
.preview-bottom{border-color:rgba(99,75,56,.25)}
.model-tabs button,.swatch,.segmented button{min-height:43px;border-color:rgba(255,255,255,.9);border-radius:999px;background:rgba(255,255,255,.48);box-shadow:inset 0 1px 0 #fff9,0 4px 12px #4b352014;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:14px;transition:transform .2s,background .2s,box-shadow .2s}
.model-tabs button:hover,.swatch:hover,.segmented button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4b352025}
.model-tabs button[aria-pressed=true],.segmented button[aria-pressed=true]{background:#423a34;border-color:#423a34;color:#fff}.swatch[aria-pressed=true]{border-color:#8f583e;box-shadow:inset 0 0 0 1px #8f583e,0 5px 15px #4b352021}
.last-step textarea{border:1px solid white;border-radius:18px;background:rgba(255,255,255,.65);box-shadow:inset 0 1px 0 white;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:14px}
.summary-box{border:1px solid var(--glass-line);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(231,209,187,.56));box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.commerce{background:radial-gradient(circle at 92% 8%,#f4e7d8 0,transparent 32%),linear-gradient(125deg,#d9c2aa,#e6d7c7)}
.benefits article{border:1px solid rgba(255,255,255,.75);border-radius:22px;padding:22px;background:rgba(255,255,255,.3);box-shadow:inset 0 1px 0 #fffc,0 12px 24px #5f49321a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
@media(max-width:980px){.site-header nav{padding:11px 15px}.model-grid{gap:12px}}
@media(max-width:700px){.site-header{height:68px}.hero-copy{padding-top:45px}.hero-visual{min-height:410px}.inset-photo{left:4%;width:35%;height:37%;padding:5px;border-radius:18px}.inset-photo img{border-radius:13px}.model-card{border-radius:19px}.model-card .photo-wrap{height:clamp(155px,47vw,260px);margin:5px;border-radius:14px}.model-card .card-text{padding:10px 12px 17px}.preview-panel{border-radius:25px;min-height:420px}.benefits article{padding:20px}.model-tabs button,.swatch,.segmented button{font-size:14px}}
@media(max-width:390px){.model-tabs button,.swatch,.segmented button{font-size:13px}.header-action{font-size:9px}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{background:#f4eee5}.model-card,.preview-panel,.summary-box,.benefits article{background:#f7eee3}.header-action,.model-tabs button,.swatch,.segmented button{background:#fffaf2}}

/* Moving highlight, edge refraction and gentle parallax create the liquid feel. */
.model-card,.preview-panel,.summary-box,.benefits article,.header-action{--gl-x:50%;--gl-y:10%;--gl-tilt-x:0deg;--gl-tilt-y:0deg;isolation:isolate}
.model-card:after,.preview-panel:after,.summary-box:after,.benefits article:after,.header-action:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(ellipse 62% 42% at var(--gl-x) var(--gl-y),rgba(255,255,255,.54),rgba(255,255,255,.14) 38%,transparent 75%);opacity:.18;mix-blend-mode:screen;transition:opacity .35s ease,background-position .16s ease;box-shadow:inset 1px 2px 1px rgba(255,255,255,.9),inset -2px -3px 5px rgba(85,58,37,.13),inset 0 0 24px rgba(255,255,255,.24)}
.glass-active:after{opacity:.9}
.model-card,.benefits article,.header-action{transform:perspective(900px) rotateX(var(--gl-tilt-x)) rotateY(var(--gl-tilt-y));transition:transform .24s ease,box-shadow .25s ease,border-color .25s ease}
.model-card:hover{transform:perspective(900px) translateY(-4px) rotateX(var(--gl-tilt-x)) rotateY(var(--gl-tilt-y));box-shadow:0 24px 52px rgba(69,44,25,.2),inset 0 1px 0 white}
.benefits article{position:relative;overflow:hidden}.benefits article:hover{box-shadow:0 20px 42px rgba(69,44,25,.17),inset 0 1px 0 white}
.header-action{position:relative;overflow:hidden}.header-action:hover{transform:perspective(900px) translateY(-2px) rotateX(var(--gl-tilt-x)) rotateY(var(--gl-tilt-y));background:rgba(51,45,40,.89);color:#fff}
.preview-panel,.summary-box{transition:box-shadow .25s ease}.summary-box{position:relative;overflow:hidden}.preview-panel.glass-active,.summary-box.glass-active{box-shadow:0 25px 65px rgba(68,48,33,.21),inset 0 1px 0 white}
.preview-panel:after,.summary-box:after{z-index:0}.preview-panel>*,.summary-box>*{position:relative;z-index:1}
.summary-actions{display:grid;gap:10px}.summary-actions .primary-button,.summary-actions .share-button,.summary-actions .copy-button{width:100%;min-height:49px;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:13px 19px;font-size:14px;font-weight:700;border-radius:999px;letter-spacing:0;text-transform:none}
.summary-actions .primary-button span,.summary-actions .share-button span{margin-left:15px}.share-button{border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.58);box-shadow:inset 0 1px 0 #fff,0 5px 16px #4b35201c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.share-button:hover{background:rgba(255,255,255,.85)}
.copy-button{border:1px solid rgba(76,60,47,.45);background:transparent;color:var(--ink)}.copy-button:hover{background:rgba(255,255,255,.55)}
@media(prefers-reduced-motion:reduce){.model-card,.benefits article,.header-action,.model-card:hover,.header-action:hover{transform:none!important}.model-card:after,.preview-panel:after,.summary-box:after,.benefits article:after,.header-action:after{opacity:.22}}

.preview-art img{width:100%;height:100%;max-height:510px;object-fit:contain;display:block;border-radius:18px}.preview-art{padding:20px 0}.model-card[data-model=media-luna] img,.model-card[data-model=bicolor] img{object-position:center}.model-card[data-model=circular-terracota] img{object-position:center 50%}@media(max-width:700px){.preview-art img{max-height:360px}}

.preview-art canvas{display:block;width:100%;height:auto;max-width:100%;max-height:500px;object-fit:contain}.preview-art{overflow:hidden}@media(max-width:700px){.preview-art canvas{max-height:330px}}
[hidden]{display:none!important}#fur-option{margin-top:18px}#metal-option:first-of-type{margin-top:12px}#finish-step .segmented button[aria-pressed=true]{box-shadow:inset 0 0 0 1px currentColor}

/* Restrained editorial motion: a soft first impression and scroll entrances. */
@media (prefers-reduced-motion:no-preference){
  .hero-copy .eyebrow,.hero-copy h1,.hero-copy>p,.hero-copy .primary-button,.hero-foot{animation:hero-rise .85s cubic-bezier(.2,.7,.2,1) both}
  .hero-copy h1{animation-delay:.09s}.hero-copy>p{animation-delay:.19s}.hero-copy .primary-button{animation-delay:.29s}.hero-foot{animation-delay:.4s}
  .hero-visual{animation:hero-image-in 1.15s cubic-bezier(.2,.7,.2,1) both}
  .main-photo img{transform:translate3d(0,var(--hero-drift,0px),0) scale(1.09);transition:transform .12s linear}
  .inset-photo{transform:translate3d(0,var(--inset-drift,0px),0);transition:transform .12s linear}
  .reveal-pending{opacity:0;translate:0 24px;transition:opacity .75s cubic-bezier(.2,.7,.2,1),translate .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
  .reveal-pending.reveal-visible{opacity:1;translate:0 0}
  .model-card.reveal-pending{translate:0 18px}
  .model-card.reveal-visible{translate:0 0}
}
@keyframes hero-rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes hero-image-in{from{opacity:.45;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.main-photo img,.inset-photo{transform:none!important}.reveal-pending{opacity:1!important;translate:none!important}}

/* Crochetina palette · digital approximations of Pantone TCX swatches. */
:root{
  --ice-melt:#d3e4f1;--green-banana:#babc72;--cherry-tomato:#eb3c27;
  --ink:#26393c;--muted:#536970;--cream:#f5f9f9;--sand:var(--ice-melt);
  --line:#bfd0d2;--clay:#ae2d1e;--white:#fff;
  --glass:rgba(247,252,253,.7);--glass-line:rgba(255,255,255,.82);
  --glass-shadow:0 20px 50px rgba(43,70,76,.13),inset 0 1px 0 rgba(255,255,255,.9)
}
body{background:radial-gradient(circle at 13% 35%,rgba(211,228,241,.68),transparent 36%),#f5f9f9}
.site-header{background:rgba(222,235,240,.78);border-color:rgba(255,255,255,.78);box-shadow:0 8px 30px rgba(38,57,60,.09)}
.wordmark-dot,.footer-brand span,.tiny-star,.asterisk{color:var(--cherry-tomato)}
.site-header nav a:hover,.closing a:hover{color:var(--clay)}
.header-action{border-color:rgba(38,57,60,.38);color:var(--ink);background:rgba(255,255,255,.42)}
.header-action:hover{background:var(--ink);color:#fff}
.hero{background:radial-gradient(circle at 8% 8%,#f8fcff 0,transparent 41%),linear-gradient(135deg,#e6f0f5,var(--ice-melt) 65%,#c1d6e6)}
.hero-copy:before{background:radial-gradient(circle,rgba(186,188,114,.35),transparent 69%)}
.hero h1 em,.section-heading h2 em,.customize-heading h2 em{color:var(--clay)}
.hero-copy>p,.section-heading>p,.customize-heading p{color:#435b62}
.hero-visual{background:#bed2d9}.main-photo:after{background:linear-gradient(90deg,rgba(211,228,241,.24),transparent 34%)}
.inset-photo{background:rgba(211,228,241,.46);box-shadow:0 25px 60px rgba(26,48,53,.28),inset 0 1px 0 #fff}
.primary-button{background:#a92c1e;border-color:#a92c1e;color:#fff;box-shadow:0 12px 28px rgba(169,44,30,.18)}
.primary-button:hover{background:#842417;border-color:#842417}
.hero-foot{color:#435b62}
.studio{background:radial-gradient(circle at 86% 17%,rgba(211,228,241,.8),transparent 36%),radial-gradient(circle at 8% 75%,rgba(186,188,114,.18),transparent 35%),#f5f9f9}
.model-card{background:rgba(255,255,255,.57);box-shadow:var(--glass-shadow)}
.model-card .photo-wrap{background:#dbe8ea}.model-card[aria-pressed=true]{border-color:var(--cherry-tomato);box-shadow:0 0 0 2px var(--cherry-tomato),0 20px 46px rgba(50,70,70,.16)}
.model-card:hover{box-shadow:0 24px 52px rgba(39,66,70,.18),inset 0 1px 0 #fff}
.card-num,.option-step>span{color:var(--clay)}.card-desc,.option-step p,.preview-note,.summary-box small{color:#52666b}
.selected-mark{color:var(--ink);background:rgba(242,249,249,.85)}
.preview-panel{background:radial-gradient(circle at 74% 27%,rgba(255,255,255,.9),transparent 47%),linear-gradient(145deg,rgba(211,228,241,.86),rgba(186,188,114,.2));box-shadow:var(--glass-shadow)}
.preview-bottom{border-color:rgba(38,57,60,.25)}.preview-bottom span:last-child{color:var(--clay)}
.option-step{border-color:var(--line)}
.model-tabs button,.swatch,.segmented button{border-color:rgba(255,255,255,.96);background:rgba(255,255,255,.62);color:var(--ink);box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(38,57,60,.1)}
.model-tabs button:hover,.swatch:hover,.segmented button:hover{box-shadow:0 8px 20px rgba(38,57,60,.16)}
.model-tabs button[aria-pressed=true],.segmented button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.swatch[aria-pressed=true]{border-color:var(--cherry-tomato);box-shadow:inset 0 0 0 1px var(--cherry-tomato),0 5px 16px rgba(38,57,60,.13)}
.last-step textarea{background:rgba(255,255,255,.78);color:var(--ink)}
.summary-box{background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(211,228,241,.67));box-shadow:var(--glass-shadow)}
.summary-actions .share-button{background:rgba(255,255,255,.7)}.copy-button{border-color:rgba(38,57,60,.45);color:var(--ink)}
.commerce{background:radial-gradient(circle at 94% 0%,rgba(255,255,255,.47),transparent 35%),linear-gradient(130deg,#d7dda6,var(--green-banana))}
.commerce h2 em{color:#8f271b}.commerce-intro>p,.benefits p{color:#354543}
.benefits article{background:rgba(255,255,255,.43);border-color:rgba(255,255,255,.75);box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(44,66,40,.12)}
.benefits article:hover{box-shadow:0 20px 42px rgba(44,66,40,.18),inset 0 1px 0 #fff}
.benefit-symbol{color:var(--clay)}.closing{border-color:rgba(38,57,60,.35)}
footer{background:#243c40;color:#eaf3f1}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{background:#e0edf1}.model-card,.preview-panel,.summary-box,.benefits article{background:#eaf3f4}.header-action,.model-tabs button,.swatch,.segmented button{background:#fff}}

/* Each color band has its own stitch and scale. */
.hero-copy{isolation:isolate}
.hero-copy:after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url('/images/crochet-openwork-blue-continuous.svg') center var(--weave-y,0px)/1520px auto repeat;
  opacity:.62;mix-blend-mode:multiply;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.35),#000 90%)
}
.hero-copy>*{z-index:1}
.studio,.commerce{position:relative;isolation:isolate}
.studio:before,.commerce:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url('/images/crochet-weave-blue-continuous.svg') center var(--weave-y,0px)/1840px auto repeat;
  opacity:.48;mix-blend-mode:multiply;
  mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.7) 180px,rgba(0,0,0,.7) calc(100% - 180px),transparent)
}
.commerce:before{
  background-image:url('/images/crochet-basket-green-continuous.svg');background-size:2160px auto;
  opacity:.68;filter:none;
  mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.8) 160px,rgba(0,0,0,.8) calc(100% - 100px),transparent)
}
.studio>*,.commerce>*{position:relative;z-index:1}
.studio{border-top:1px solid rgba(255,255,255,.8)}
.commerce{border-top:1px solid rgba(79,94,44,.2)}
.model-card{background:rgba(255,255,255,.83)}
.commerce-intro{align-self:start;padding:26px;border:1px solid rgba(255,255,255,.6);border-radius:24px;background:rgba(229,234,198,.86);box-shadow:0 15px 40px rgba(46,67,35,.08);backdrop-filter:blur(10px)}
.commerce-intro .eyebrow{line-height:1.6}.commerce-intro h2{font-size:clamp(42px,4.6vw,68px)}
.benefits article{background:rgba(247,249,229,.85)}
.closing{padding:22px 24px;background:rgba(226,232,191,.88);border:1px solid rgba(255,255,255,.5);border-radius:18px}
@media(max-width:700px){
  .hero-copy:after{opacity:.52;background-size:1240px auto;mask-image:linear-gradient(90deg,rgba(0,0,0,.25),#000)}
  .studio:before{opacity:.44;background-size:1440px auto}
  .commerce:before{opacity:.6;background-size:1640px auto}
  .commerce-intro{padding:22px}.closing{padding:20px 16px}
}
@media(prefers-reduced-motion:reduce){.hero-copy:after,.studio:before,.commerce:before{background-position:center 0}}

/* Continuous stitch fields and delicate yarn separators. */
.studio,.commerce{border-top:0}
.yarn-divider{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:20px;height:82px;padding:0 max(24px,8vw);background:var(--ice-melt);pointer-events:none}
.yarn-divider:before,.yarn-divider:after{content:"";height:1px;flex:1;max-width:470px;background:linear-gradient(90deg,transparent,rgba(174,45,30,.38))}
.yarn-divider:after{transform:rotate(180deg)}
.yarn-divider img{display:block;width:52px;height:42px;object-fit:contain;opacity:.88}
.yarn-divider--green{background:linear-gradient(to bottom,var(--ice-melt),#d7dda6)}
.yarn-divider--inside{padding:0;height:74px;margin-top:64px;background:transparent}
.yarn-divider--inside+.customize-heading{margin-top:30px}
@media(max-width:700px){.yarn-divider{height:66px;gap:14px}.yarn-divider img{width:44px;height:36px}.yarn-divider--inside{margin-top:36px}}

#second-color-option{margin-top:22px}#second-color-option[hidden],#base-color-label[hidden]{display:none}
.preview-bottom{flex-wrap:wrap}#preview-color{font-size:clamp(18px,2vw,25px);overflow-wrap:anywhere}

/* A basket and an unwinding yarn ball move at different scroll speeds. */
.hero-visual.yarn-parallax{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 43% 37%,#f3f8f6 0%,#e4eff2 35%,#d3e4f1 75%);animation:none}
.yarn-basket{position:absolute;left:3%;top:18%;width:91%;height:auto;display:block;z-index:2;will-change:transform;filter:drop-shadow(0 14px 14px #5d63551a)}
.falling-yarn{position:absolute;left:69.5%;top:32%;width:19%;height:auto;display:block;z-index:4;will-change:transform;filter:drop-shadow(5px 10px 8px #5d423a30)}
.yarn-thread{position:absolute;inset:0;width:100%;height:100%;z-index:3;overflow:visible;pointer-events:none}
.yarn-thread path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.thread-shadow{stroke:#593529;stroke-width:7;opacity:.13;transform:translate(1px,2px)}
.thread-base{stroke:#874535;stroke-width:5.8}
.thread-core{stroke:#bc7259;stroke-width:4.4}
.thread-strand{stroke-width:1.35}
.strand-one{stroke:#e0a187}.strand-two{stroke:#a65c46}.strand-three{stroke:#d78e70}
.thread-fibers{stroke:#d39a81;stroke-width:.45;opacity:.6}
.basket-shadow{position:absolute;left:10%;top:60%;width:77%;height:10%;border-radius:50%;background:radial-gradient(ellipse,#57717a25,transparent 68%);transform:scaleX(var(--basket-shadow-scale,1));z-index:1}
@media(max-width:700px){.hero-visual.yarn-parallax{min-height:570px}.yarn-basket{top:15%;width:94%;left:1%}.basket-shadow{top:53%}.falling-yarn{top:32%}}
@media(prefers-reduced-motion:reduce){.yarn-basket,.falling-yarn{will-change:auto}}

/* Product media: direct horizontal browsing without leaving the catalog. */
.model-card{min-width:0;cursor:default}.model-card.is-selected{border-color:var(--cherry-tomato);box-shadow:0 0 0 2px var(--cherry-tomato),0 20px 46px #32464629}
.model-card .carousel-frame{position:relative;display:block}.carousel-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab}.carousel-track::-webkit-scrollbar{display:none}.carousel-track.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.carousel-slide{flex:0 0 100%;min-width:0;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.carousel-slide img,.carousel-slide video{display:block;width:100%;height:100%;object-fit:cover}.carousel-slide video{object-fit:contain;background:#20363a}.model-card:hover .carousel-slide img{transform:none}.carousel-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:0;padding:0 10px}.carousel-dot{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent}.carousel-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:#9bacaf;transition:width .2s,background .2s}.carousel-dot[aria-current=true]::before{width:21px;border-radius:8px;background:var(--cherry-tomato)}.model-select{display:block;width:100%;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}.model-select:focus-visible{outline-offset:-5px}.carousel-track:focus-visible{outline:2px solid var(--cherry-tomato);outline-offset:-3px}

.photo-enlarge{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.enlarge-hint{position:absolute;right:10px;bottom:10px;padding:6px 10px;border-radius:18px;background:#f4f9f0ed;color:#243b40;font-size:12px;pointer-events:none}.photo-enlarge:focus-visible{outline-offset:-4px}.viewer-open{overflow:hidden}.media-viewer{width:min(1100px,95vw);height:min(900px,92dvh);max-width:95vw;max-height:92dvh;padding:16px;border:1px solid #ffffff70;border-radius:20px;background:#e9f1f3;color:#243b40;overflow:hidden}.media-viewer[open]{display:flex;flex-direction:column;gap:12px}.media-viewer::backdrop{background:#14292fed;backdrop-filter:blur(5px)}.viewer-header,.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.viewer-title{font-weight:600}.media-viewer button{padding:10px 16px;border:1px solid #95a9ad;border-radius:24px;background:#fff;color:#243b40}.viewer-content{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.viewer-content img,.viewer-content video{display:block;width:100%;height:100%;object-fit:contain}.viewer-controls{justify-content:center}.viewer-count{min-width:55px;text-align:center}@media(max-width:600px){.media-viewer{padding:12px;border-radius:14px}.viewer-title{font-size:14px}.media-viewer button{padding:10px 12px}}

.custom-color-field{margin-top:16px}.custom-color-field label{display:block;font-size:14px;margin-bottom:8px;color:var(--ink)}.custom-color-field input{width:100%;padding:13px 16px;border:1px solid #91a8ae;border-radius:14px;background:#ffffffd9;color:var(--ink);font:inherit;font-size:16px}.custom-color-field input:focus-visible{outline:2px solid var(--cherry-tomato);outline-offset:2px}.other-color-chip .swatch-dot{display:inline-flex;align-items:center;justify-content:center;background:#e2ecef;font-size:22px;color:#38525b}