:root{--ink:#352044;--purple:#592c73;--lime:#d7ef72;--pink:#f7d6e7;--paper:#fffefb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #cc2e83;outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:12px 5%;background:var(--paper);position:relative;z-index:10;border-bottom:1px solid #35204415}.brand img{width:100px;height:78px;object-fit:contain}nav{display:flex;gap:35px;font-size:14px;font-weight:bold}.bag{border:1px solid #35204445;background:transparent;padding:13px 19px;border-radius:30px;font-size:14px}.bag span{background:var(--purple);color:white;border-radius:50%;display:inline-grid;place-items:center;min-width:23px;height:23px;margin-left:8px}.hero{min-height:calc(100svh - 100px);display:grid;grid-template-columns:1.1fr 1fr;position:relative;padding:5vh 5% 8vh;background:#f3f2e9;overflow:hidden}.hero-copy{align-self:center;position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;margin-bottom:26px;line-height:1.7}h1,h2,p{margin-top:0}h1{font-size:clamp(60px,7.9vw,122px);letter-spacing:-.065em;line-height:1.02;font-weight:800;margin-bottom:28px}em{font-family:Georgia,serif;font-weight:normal}h1 em{color:var(--purple)}.intro{font-size:22px;line-height:1.5}.pill{display:inline-block;background:var(--purple);color:white;border:none;border-radius:40px;padding:19px 28px;font-weight:bold;font-size:15px}.hero-note{font-size:12px;margin:24px 0;color:#64546c}.hero-stage{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center}.halo{width:87%;aspect-ratio:1;background:var(--lime);border-radius:50%;position:absolute}.hero-stage>img{width:84%;height:66vh;min-height:480px;max-height:770px;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:1;animation:float 6s ease-in-out infinite;transition:opacity .18s}.size{position:absolute;font-size:clamp(100px,12vw,180px);font-weight:bold;letter-spacing:-.07em;color:#35204412;top:0;right:0;z-index:0}.size span{font-size:35px;letter-spacing:-.04em}.stage-bottom{position:absolute;bottom:-13px;left:10%;right:3%;display:flex;align-items:center;justify-content:space-between;z-index:2;font-size:12px;font-weight:bold;letter-spacing:.09em}.swatches{display:flex;gap:13px}.swatches button{width:27px;height:27px;border:3px solid var(--paper);border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #35204430}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.scroll-note{position:absolute;bottom:18px;left:5%;font-size:12px;letter-spacing:.08em}.ticker{background:var(--purple);color:var(--lime);padding:22px 0;overflow:hidden;font-size:22px;font-weight:bold;letter-spacing:.06em;white-space:nowrap}.ticker>div{width:max-content;animation:marquee 35s linear infinite}.ticker span{margin:0 40px}.color-story{height:230vh;background:#ece9e3;transition:background .5s}.story-sticky{position:sticky;top:0;min-height:100svh;padding:7vh 8%;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.story-text h2,.section-head h2,.production h2{font-size:clamp(44px,5.7vw,84px);line-height:1.08;letter-spacing:-.06em}.story-text h2 em{color:var(--purple)}.story-text>p:last-of-type{font-size:19px;line-height:1.5}.story-image img{width:100%;height:80vh;object-fit:contain;mix-blend-mode:multiply;transition:opacity .2s,transform .4s}.story-progress{display:flex;gap:10px;margin-top:45px}.story-progress span{height:5px;width:40px;background:#35204425;border-radius:4px}.story-progress span.active{background:var(--purple)}.collection{padding:100px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:55px}.section-head h2{margin-bottom:0}.section-head>p{line-height:1.7;color:#695a70;margin-bottom:6px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product .image-wrap{height:370px;background:var(--bg);border-radius:100px 100px 12px 12px;position:relative;overflow:hidden}.product img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:20px;transition:transform .5s}.product:hover img{transform:scale(1.045)}.product h3{font-size:20px;margin-bottom:6px}.product>p{font-size:14px;color:#75667a;margin-bottom:22px}.product-actions{display:flex;gap:10px}.product-actions input{width:65px;padding:10px;border:1px solid #d6d0d9;border-radius:10px;background:transparent}.product-actions button{flex:1;background:transparent;border:1px solid var(--purple);color:var(--purple);padding:12px 8px;border-radius:30px;font-size:14px;font-weight:bold}.product-actions button:hover{background:var(--purple);color:white}.production{display:grid;grid-template-columns:1fr 1fr;background:var(--lime);gap:8%;padding:90px 8%;align-items:center}.production p:not(.eyebrow){font-size:18px;line-height:1.8;max-width:470px}.production>div>img{width:230px;mix-blend-mode:multiply;margin-top:25px}.detail-image{height:530px;position:relative;overflow:hidden;border-radius:180px 180px 12px 12px;background:var(--pink)}.detail-image img{width:150%;height:140%;object-fit:cover;object-position:top center;mix-blend-mode:multiply;margin-left:-25%;margin-top:-15px}.detail-image span{position:absolute;bottom:0;padding:20px;background:var(--purple);color:white;left:0;right:0;text-align:center;font-size:14px}.wholesale{background:var(--purple);color:white;text-align:center;padding:90px 20px}.wholesale h2{font-size:clamp(48px,7vw,100px);line-height:1.05;letter-spacing:-.05em;margin-bottom:25px}.wholesale h2 em{color:var(--lime)}.wholesale>p:not(.eyebrow){line-height:1.7}.wholesale .pill{background:var(--lime);color:var(--ink);margin-top:20px}footer{padding:30px 5%;display:flex;justify-content:space-between;gap:20px;font-size:12px}dialog{width:min(560px,92vw);max-height:85svh;border:0;border-radius:20px;padding:28px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#24112a99;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-head h2{font-size:27px;margin:0}.dialog-head button{background:transparent;border:0;font-size:24px}.list-item{display:flex;gap:15px;align-items:center;border-top:1px solid #ddd;padding:14px 0}.list-item img{width:50px;height:70px;object-fit:contain}.list-item div{flex:1}.list-item input{width:70px;padding:8px;border:1px solid #bbb;border-radius:7px}.list-item button{background:transparent;border:0;color:#9e2968;font-size:14px}.list-note{font-size:14px;line-height:1.6;margin:25px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--purple);color:white;padding:14px 24px;border-radius:30px;z-index:20;opacity:0;pointer-events:none;transition:.25s;white-space:nowrap;font-size:14px}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes float{50%{transform:translateY(-12px) rotate(1deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:900px){header{height:85px;padding:8px 5%}.brand img{width:75px;height:65px}nav{gap:18px}h1{font-size:75px}.hero-stage{min-height:430px}.hero-stage>img{min-height:350px;height:52vh}.products{grid-template-columns:repeat(2,1fr)}.production{gap:5%;padding:65px 5%}.detail-image{height:450px}.product .image-wrap{height:420px}}@media(max-width:600px){header{height:80px}.brand img{width:64px;height:60px}nav{gap:14px;font-size:12px}.bag{font-size:12px;padding:9px 11px}.bag span{margin-left:3px}.hero{padding:32px 6% 50px;grid-template-columns:1fr;min-height:auto}.hero-copy{z-index:2}.eyebrow{font-size:11px;margin-bottom:18px}.hero h1{font-size:clamp(55px,13vw,78px);margin-bottom:15px}.intro{font-size:18px;margin-bottom:17px}.hero-note{margin:15px 0;font-size:11px}.pill{padding:15px 23px}.hero-stage{min-height:400px;margin-top:0}.hero-stage>img{height:390px;min-height:0;width:82%}.halo{width:85%}.size{font-size:100px;top:4px}.stage-bottom{bottom:0;left:2%;right:0}.scroll-note{display:none}.ticker{font-size:17px;padding:19px 0}.ticker span{margin:0 24px}.story-sticky{grid-template-columns:1fr;padding:35px 7% 20px;align-content:center;gap:5px;min-height:100svh}.story-text h2{font-size:44px;margin-bottom:17px}.story-text>p:last-of-type{font-size:16px;margin-bottom:10px}.story-progress{margin-top:18px}.story-image img{height:51svh}.collection{padding:60px 5%}.section-head{display:block;margin-bottom:35px}.section-head h2{font-size:44px}.section-head>p{font-size:15px;margin-top:22px}.products{gap:25px 13px}.product .image-wrap{height:280px;border-radius:65px 65px 10px 10px}.product img{padding:13px}.product h3{font-size:17px}.product>p{font-size:12px}.product-actions{flex-direction:column}.product-actions input{width:100%;font-size:16px}.product-actions button{font-size:13px}.production{grid-template-columns:1fr;padding:50px 7%;gap:30px}.production h2{font-size:46px}.production p:not(.eyebrow){font-size:16px}.detail-image{height:420px}.wholesale{padding:65px 7%}.wholesale h2{font-size:55px}.wholesale p{font-size:15px}footer{flex-wrap:wrap;font-size:12px;line-height:1.6}dialog{padding:22px}.list-item{gap:9px}.list-item input{width:55px}.toast{max-width:92vw;white-space:normal;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.color-story{height:auto}.story-sticky{position:relative}}
/* Cinematic product presentation */
:root{--ink:#211b29;--purple:#733d90;--lime:#dfb8fc;--paper:#faf9fc}.hero{background:#16131c;color:white;--accent:#e5ede9;min-height:calc(100svh - 100px);padding-top:6vh;padding-bottom:8vh;grid-template-columns:1.05fr 1fr}.hero h1{font-size:clamp(56px,6.1vw,94px);letter-spacing:-.055em;line-height:1.08}.hero h1 em{color:#dfb8fc}.hero .eyebrow{color:#c1aacf}.hero .intro{color:#d1c8d7;font-size:19px;line-height:1.65}.hero .pill{background:#dfb8fc;color:#291833}.hero-note{color:#a698af}.hero-stage{min-height:550px;isolation:isolate}.hero-stage>img{mix-blend-mode:normal;animation:none;filter:drop-shadow(0 35px 20px #0009);height:73vh;max-height:820px;min-height:480px;width:100%;will-change:transform}.halo{width:100%;border-radius:0;background:radial-gradient(ellipse,var(--accent) 0%,transparent 68%);opacity:.16;filter:blur(30px);transition:background .5s}.size{color:#ffffff15;top:4%;right:-4%}.scene-word{position:absolute;font-size:clamp(65px,10vw,150px);font-weight:900;letter-spacing:-.07em;color:#ffffff08;transform:rotate(-90deg);left:5%;z-index:-1}.stage-bottom{color:#e5dfea;left:10%;right:0}.swatches button{border-color:#29212f}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #e7c5ff}.scroll-note{color:#a69aac}.ticker{background:#dfb8fc;color:#32223d;padding:17px 0;font-size:17px}.craft{background:#f6f4f8;padding:85px 7% 30px}.craft-heading{text-align:center;margin-bottom:60px}.craft-heading h2{font-size:clamp(42px,5vw,74px);letter-spacing:-.05em;line-height:1.12}.craft-heading em{color:var(--purple)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;min-height:75vh;padding:45px 0;border-top:1px solid #30213920}.feature-photo{height:65vh;max-height:650px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#e7d7ef,transparent 68%)}.feature-photo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 18px #35204415)}.feature-paws .feature-photo{background:radial-gradient(ellipse,#f2d7e2,transparent 68%)}.feature-copy{max-width:450px}.feature-number{font-size:12px;letter-spacing:.15em;font-weight:bold;color:#8d7796;display:block;margin-bottom:30px}.feature-copy h2{font-size:clamp(43px,4.8vw,72px);line-height:1.1;letter-spacing:-.045em}.feature-copy h2 em{color:var(--purple)}.feature-copy p{font-size:18px;line-height:1.8;color:#695b70}.detail-chip{display:inline-block;font-size:12px;font-weight:bold;letter-spacing:.04em;padding:12px 16px;border:1px solid #9e81ae50;border-radius:25px;margin-top:10px}.label-photo{height:480px;border-radius:22px;overflow:hidden;box-shadow:0 25px 60px #39224515}.label-photo img{width:100%;height:100%;object-fit:cover}.feature.revealed .feature-photo img{animation:detailReveal 1.1s ease both}@keyframes detailReveal{from{opacity:.4;transform:translateY(25px) scale(.94)}to{opacity:1;transform:none}}.collection{background:white}.product .image-wrap{border-radius:20px;overflow:visible;height:420px;background:linear-gradient(160deg,var(--bg),#fff)}.product img{mix-blend-mode:normal;filter:drop-shadow(0 15px 12px #33203b20);padding:15px}.production{background:#eee7f4}.detail-image img{mix-blend-mode:normal}.wholesale{background:#211727}.wholesale h2 em{color:#dfb8fc}.wholesale .pill{background:#dfb8fc}.production>div>img{mix-blend-mode:multiply}@media(max-width:900px){.hero h1{font-size:60px}.hero-stage>img{height:58vh;min-height:400px}.feature{gap:5%}.product .image-wrap{height:430px}}@media(max-width:600px){.hero{grid-template-columns:1fr;padding:35px 6% 45px;min-height:auto}.hero h1{font-size:clamp(45px,11.6vw,65px)}.hero .intro{font-size:16px}.hero-stage{min-height:420px;margin-top:10px}.hero-stage>img{height:430px;min-height:0;width:100%}.scene-word{font-size:100px;left:0}.size{font-size:100px;right:0}.stage-bottom{left:3%;right:0}.craft{padding:55px 6% 20px}.craft-heading{margin-bottom:25px}.craft-heading h2{font-size:43px}.feature{grid-template-columns:1fr;gap:22px;padding:35px 0;min-height:auto}.feature-copy{max-width:none}.feature-copy h2{font-size:43px;margin-bottom:20px}.feature-copy p{font-size:16px;line-height:1.75}.feature-number{margin-bottom:20px}.feature-photo{height:390px}.feature-paws .feature-copy{order:2}.feature-paws .feature-photo{order:1;height:310px}.label-photo{height:360px}.product .image-wrap{height:290px}.feature-loop .feature-photo{height:370px}.detail-chip{font-size:12px}.product-actions button{min-height:43px}.collection{padding-top:55px}}@media(prefers-reduced-motion:reduce){.hero-stage>img{will-change:auto}}

/* Interactive volumetric product viewer */
.hero-stage{height:760px;max-height:85svh;min-height:640px;display:block;overflow:hidden}.hero-stage #hero-bear{position:absolute;inset:15px 0 130px;width:100%;height:calc(100% - 145px);min-height:0;max-height:none;object-fit:contain;pointer-events:none}.model-ready #hero-bear{display:none}#bear-canvas{display:block;position:absolute;inset:0 0 130px;width:100%;height:calc(100% - 130px);z-index:2;touch-action:none;cursor:grab;border-radius:20px}#bear-canvas:active{cursor:grabbing}#bear-canvas:focus-visible{outline:2px solid #dfb8fc;outline-offset:-3px}.model-failed #bear-canvas,.model-failed .model-controls{display:none}.model-badge{position:absolute;left:16px;top:14px;z-index:3;font-size:12px;letter-spacing:.13em;font-weight:700;color:#e6cef8;pointer-events:none}.model-controls{position:absolute;bottom:90px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;z-index:3}.view-buttons{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.view-buttons button,.zoom-buttons button{background:#29222f;border:1px solid #75637e65;color:#e9dff1;min-height:42px;padding:8px 11px;border-radius:12px;font-size:14px}.view-buttons button[aria-pressed=true]{background:#dfb8fc;color:#261532;border-color:#dfb8fc}.zoom-buttons{display:flex;gap:4px}.zoom-buttons button{font-size:22px;min-width:38px;padding:5px}.hero-stage #model-status{position:absolute;bottom:55px;left:0;right:0;font-size:13px;color:#b5a7bf;text-align:center;margin:0;z-index:3}.hero-stage .stage-bottom{bottom:8px;left:8px;right:8px}.swatches button{width:34px;height:34px}.hero-stage .size{pointer-events:none}.hero-stage .halo{top:12%;height:62%;width:100%;pointer-events:none}.hero-stage .scene-word{top:30%;pointer-events:none}
@media(max-width:1100px) and (min-width:601px){.hero{grid-template-columns:.85fr 1.15fr;gap:15px}.hero h1{font-size:clamp(42px,5vw,62px)}.hero-stage{min-height:600px}.model-controls{gap:5px}.view-buttons button{padding:7px 8px}}
@media(max-width:600px){.hero-stage{height:600px;min-height:600px;max-height:none;margin:0 -10px}.hero-stage #bear-canvas{height:470px}.hero-stage .stage-bottom{left:15px;right:15px}.model-controls{left:0;right:0;gap:5px;bottom:86px}.view-buttons{gap:3px}.view-buttons button{padding:7px 8px;font-size:13px;min-height:42px}.zoom-buttons{gap:3px}.zoom-buttons button{min-width:30px}.model-badge{left:18px;top:17px}.hero-stage #model-status{bottom:57px;font-size:12px}.hero-stage #hero-bear{height:460px;inset:0}.hero-stage .swatches{gap:14px}.hero-stage .stage-bottom{font-size:12px}}

.model-download{position:absolute;top:8px;right:6px;z-index:4;background:#29222f;border:1px solid #75637e65;color:#e9dff1;border-radius:12px;padding:10px 12px;font-size:13px;min-height:42px}.model-failed .model-download{display:none}

.texture-note{position:absolute;bottom:35px;left:0;right:0;text-align:center;color:#c9bdcf;font-size:12px;z-index:3;margin:0}.model-failed .texture-note{display:none}

/* Mobile viewer: keep actions in normal document flow, outside the rotating model. */
.hero-stage{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;align-items:stretch;overflow:visible;padding-bottom:24px;gap:14px}
.hero-stage #bear-canvas{position:relative;inset:auto;width:100%;height:clamp(420px,66svh,660px);flex:none;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}
.hero-stage .model-controls,.hero-stage #model-status,.hero-stage .texture-note,.hero-stage .stage-bottom{position:relative;inset:auto;bottom:auto;left:auto;right:auto}
.model-controls{display:flex;flex-wrap:wrap;gap:10px;padding:0 4px;justify-content:center}.view-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;width:100%;flex:1;min-width:0}.view-buttons button{min-width:0;font-size:14px;padding:10px 5px;min-height:46px}.zoom-buttons button{min-height:46px;min-width:44px}
.hero-stage #model-status,.hero-stage .texture-note{font-size:14px;line-height:1.5;margin:0}.stage-bottom{gap:20px;padding:4px 12px;align-items:center}.product-meta{display:flex;flex-direction:column;gap:8px;letter-spacing:.08em}.product-size{font-size:26px;letter-spacing:-.03em;color:#f7effc}.hero-stage .halo{position:absolute;z-index:0}.model-badge{top:18px}.model-add{position:relative;align-self:flex-end;z-index:4;background:#dfb8fc;color:#261532;border:0;border-radius:24px;padding:12px 18px;min-height:46px;font-size:14px;font-weight:bold;margin-bottom:-10px}.model-ready #hero-bear{display:none}.hero-stage #hero-bear{top:60px}.hero-stage .scene-word{z-index:0}.hero-stage .swatches{flex:none}.hero{padding-bottom:max(45px,calc(env(safe-area-inset-bottom) + 40px))}.toast{bottom:calc(env(safe-area-inset-bottom) + 24px)}
@media(max-width:600px){.hero-stage{margin:15px -5px 0;padding-bottom:calc(env(safe-area-inset-bottom) + 90px);gap:16px}.hero-stage #bear-canvas{height:min(470px,62svh);min-height:340px}.model-controls{gap:10px;padding:0 2px}.view-buttons{grid-template-columns:repeat(3,minmax(0,1fr));flex:0 0 100%;gap:8px}.view-buttons button{font-size:15px;min-height:48px}.zoom-buttons{gap:10px}.zoom-buttons button{min-width:56px;min-height:46px}.hero-stage #model-status,.hero-stage .texture-note{font-size:14px;padding:0 8px}.stage-bottom{padding:8px;flex-wrap:wrap;row-gap:18px}.hero-stage .stage-bottom{font-size:13px}.swatches button{width:36px;height:36px}.model-add{align-self:stretch;text-align:center;min-height:48px}.model-badge{top:72px;left:12px}}