/* R&L Krazzy Designs — warm, tactile, playful. No animation library required. */
:root{--paper:#f6f1e9;--white:#fffdfa;--ink:#30251c;--muted:#71675d;--brown:#704820;--brown-dark:#704820;--accent:#ac512e;--line:#ded5c8;--dark:#2e281f;--lime:#d5d998;--cream:#f6f1e9;--off:#fffdfa;--radius:18px;--gutter:clamp(22px,5vw,80px);--ease:cubic-bezier(.2,.75,.25,1);--sans:'DM Sans',system-ui,sans-serif;--display:'Manrope',system-ui,sans-serif;--serif:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.055em;line-height:1.12}h2{font-size:clamp(36px,4.25vw,66px)}h2 em{font-family:var(--serif);font-weight:500;letter-spacing:-.045em;color:var(--accent)}ul{list-style:none;margin:0;padding:0}::selection{background:#ddc4a5}a,button,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px}.container{width:min(calc(100% - var(--gutter)*2),1360px);margin-inline:auto}.section{padding:100px 0}.eyebrow{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:22px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:48px}.section-head>p{max-width:340px;color:var(--muted);font-size:15px}.section-head h2{max-width:800px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:26px;min-height:54px;padding:15px 24px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.4;transition:transform .25s,background .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 18px #30251c18}.btn-dark{background:var(--brown);color:var(--white)}.btn-dark:hover{background:#54361c}.btn-cream{background:var(--paper);color:var(--ink)}.btn-outline{border:1px solid var(--line);background:transparent}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:600}.text-link:hover{color:var(--accent)}.skip-link{position:fixed;left:15px;top:-100px;z-index:500;background:var(--white);padding:15px}.skip-link:focus{top:15px}#progress{position:fixed;inset:0 0 auto;height:3px;z-index:200;pointer-events:none}#progress i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
/* Navigation */
.nav{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:92px;padding:16px var(--gutter);border-bottom:1px solid var(--line);background:rgba(246,241,233,.94);backdrop-filter:blur(18px);transition:box-shadow .3s}.nav.solid{box-shadow:0 4px 24px #30251c08}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand>img{width:43px;height:43px;object-fit:cover;border-radius:50%;border:1px solid #70482020}.brand b{font-size:16px;letter-spacing:-.04em;font-family:var(--display);font-weight:500}.brand strong{font-weight:800}.brand small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.16em;margin-top:2px}.nav ul{display:flex;gap:27px}.nav li a{font-size:12px;font-weight:500;position:relative;padding:12px 0;color:#5b5147}.nav li a::after{content:'';position:absolute;left:0;bottom:3px;height:2px;width:100%;background:var(--accent);transform:scaleX(0);transition:transform .25s}.nav li a:hover::after,.nav li a.active::after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:25px}.lang{display:flex;align-items:center;gap:3px;font-size:10px}.lang button{padding:8px 3px;opacity:.5;font-size:10px}.lang button.on{font-weight:700;opacity:1}.lang>span{opacity:.3}.nav-cta{font-size:11px;font-weight:600;border:1px solid var(--brown);border-radius:6px;padding:11px 15px;display:flex;gap:23px;align-items:center}.nav-cta:hover{background:var(--brown);color:white}.burger,.mobile-contact{display:none}
/* Hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 20%,#e8ddcb55,transparent 55%)}.hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:25px;min-height:690px;align-items:center}.hero-copy{padding:45px 0 38px;position:relative;z-index:2}.location{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.13em;font-weight:700;margin-bottom:31px}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #ac512e10}.hero h1{font-size:clamp(58px,6.6vw,103px);line-height:1.025;letter-spacing:-.065em}.hero h1 em{font-family:var(--serif);font-weight:500;color:var(--accent);font-size:.86em;letter-spacing:-.065em;white-space:nowrap}.hero-description{max-width:400px;color:var(--muted);font-size:15px;line-height:1.8;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.hero-proof{display:flex;gap:13px;align-items:center;margin-top:40px}.proof-images{display:flex;padding-left:0;flex-shrink:0}.proof-images img{width:38px;height:38px;border-radius:50%;border:3px solid var(--paper);object-fit:cover;margin-left:-9px}.proof-images img:first-child{margin-left:0}.hero-proof p{font-size:10px;line-height:1.7}.hero-proof strong{font-weight:600;display:block}.hero-proof p>span{display:block;color:var(--muted)}.hero-stage{position:relative;height:650px;isolation:isolate}.stage-circle{position:absolute;width:90%;aspect-ratio:1;left:9%;top:13%;border-radius:50%;background:linear-gradient(145deg,#d4b58c,#b98b60);z-index:-2}.stage-circle::after{content:'';position:absolute;inset:14px;border-radius:inherit;border:1px solid #f7ecd944}.stage-orbit{position:absolute;inset:40px -12px 66px;border:1px dashed #ab8d6980;border-radius:50%;transform:rotate(-19deg);z-index:-2}.stage-word{position:absolute;left:2%;right:-7%;text-align:center;top:20%;font:800 clamp(60px,8.1vw,127px)/1 var(--display);letter-spacing:-.07em;color:#f6ecd766;z-index:-1}.bear-main-wrap{position:absolute;height:95%;width:100%;bottom:9px;left:5%;animation:bearFloat 6s ease-in-out infinite}.bear-main{display:block;height:100%;margin:auto;transform:translate3d(var(--bear-x,0px),var(--bear-y,0px),0) rotate(var(--bear-r,0deg));transition:transform .5s var(--ease);padding:0;position:relative}.bear-main img{height:100%;width:auto;max-width:none;filter:drop-shadow(12px 24px 12px #4f321a24)}.bear-main:hover{filter:brightness(1.03)}.bear-intro{position:absolute;left:0;top:36px;display:flex;gap:10px;align-items:center;background:var(--white);border:1px solid var(--line);padding:13px 16px;border-radius:12px;box-shadow:0 10px 25px #30251c08;transform:rotate(-5deg)}.bear-intro strong{font-size:11px;display:block}.bear-intro small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.spark{font-size:30px;line-height:1;color:var(--accent)}.float-product{position:absolute;background:var(--white);padding:7px;border-radius:10px;box-shadow:0 16px 35px #38291d25;width:128px;border:1px solid #fff;transition:translate .35s,rotate .35s}.float-product:hover{translate:0 -10px;rotate:0deg}.float-product img{width:100%;height:125px;object-fit:cover;border-radius:6px}.float-product>span{display:block;font-size:8px;font-weight:700;padding:8px 2px 3px}.float-product i{font-style:normal}.product-one{left:-10px;bottom:80px;transform:rotate(-10deg);animation:productFloat 7s ease-in-out infinite}.product-one>i{position:absolute;right:12px;bottom:11px;font-size:10px}.product-two{right:-17px;top:170px;width:110px;transform:rotate(11deg);animation:productFloat 7s ease-in-out -3s infinite}.product-two img{height:105px}.product-two i{float:right}.craft-stamp{position:absolute;right:-10px;bottom:60px;width:94px;height:94px;background:var(--lime);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(12deg);outline:1px dashed #737640;outline-offset:-6px}.craft-stamp span{font-size:7px;font-weight:700;letter-spacing:.08em}.craft-stamp b{font-size:28px;line-height:1.5;font-weight:400}.stage-caption{position:absolute;bottom:0;left:20%;font-size:8px;letter-spacing:.21em;color:var(--muted)}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-block:21px;font-size:10px;color:var(--muted)}.hero-bottom a{display:flex;align-items:center;gap:35px}.hero-bottom a>span:last-child{font-size:17px}.marquee{background:var(--dark);color:var(--paper);padding:18px 0;overflow:hidden}.marquee .track{display:flex;width:max-content;animation:marquee 46s linear infinite}.marquee span{display:flex;align-items:center;gap:40px;padding:0 20px;font-size:11px;letter-spacing:.06em}.marquee span::after{content:'✳';color:#cfac82;font-size:19px;line-height:1}.marquee:hover .track{animation-play-state:paused}
/* Collections */
.collections{background:var(--white)}.cards-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:var(--white);transition:transform .35s,box-shadow .35s}.card:hover{transform:translateY(-6px);box-shadow:0 20px 38px #30251c0c}.card .pic{order:-1;overflow:hidden;aspect-ratio:1.4;background:#e8e3da}.card .pic img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.card:hover .pic img{transform:scale(1.055)}.card .txt{padding:22px 24px 0;flex:1}.card .meta{font-size:9px;letter-spacing:.06em;display:flex;justify-content:space-between;color:var(--muted);margin-bottom:16px}.card .tag{color:var(--brown);background:#efe5d6;border-radius:20px;padding:2px 8px}.card h3{font-size:22px;letter-spacing:-.04em}.card p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}.collection-link{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600}.collection-link::after{position:absolute;inset:0;content:''}.collection-link>span:last-child{font-size:19px}.section-note{display:flex;align-items:center;gap:16px;margin-top:35px;padding-top:26px;border-top:1px solid var(--line);font-size:12px}.section-note>a{margin-left:auto;font-size:11px}.tiny-star{font-size:32px;line-height:1;color:var(--accent)}
/* Personalization studio */
.personalize{background:var(--dark);color:var(--paper);overflow:hidden}.personalize-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.personalize .eyebrow{color:#ceb08a}.personalize h2{font-size:clamp(50px,6vw,90px)}.personalize h2 em{color:#ceb08a}.personalize-copy>p{color:#c9bfb2;max-width:410px;font-size:14px;margin-top:24px}.custom-controls{margin-top:30px;max-width:370px}.custom-controls label,.control-label{font-size:11px;display:block;margin-bottom:10px}.custom-controls input{width:100%;background:#ffffff0a;color:var(--paper);border:1px solid #ffffff33;border-radius:6px;padding:13px 15px}.control-label{margin-top:20px}.swatches{display:flex;gap:12px;margin-bottom:26px}.swatches button{width:30px;height:30px;background:var(--swatch);border:2px solid var(--dark);border-radius:50%;outline:1px solid #ffffff40;transition:transform .2s}.swatches button.selected{outline:2px solid white;outline-offset:3px}.swatches button:hover{transform:scale(1.12)}.preview-scene{height:490px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}.preview-halo{position:absolute;inset:30px 0;border-radius:50%;background:radial-gradient(circle,#74624a35,transparent 70%);border:1px solid #ffffff12;z-index:-1}.preview-label{position:absolute;top:4px;font-size:9px;letter-spacing:.25em;color:#c9bfb2}.tumbler{--cup:#704820;position:relative;width:184px;height:294px;margin-right:100px;background:linear-gradient(90deg,#0003,transparent 35%,#ffffff22 55%,transparent 75%,#0002),var(--cup);border-radius:10px 10px 38px 38px;transform:rotate(-9deg);box-shadow:16px 27px 30px #0005,inset 1px 0 2px #fff5;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff7eb;transition:background .4s;animation:cupFloat 7s ease-in-out infinite}.tumbler-lid{position:absolute;left:-5px;right:-5px;top:-8px;height:21px;border-radius:11px 11px 5px 5px;background:linear-gradient(#b0b0ab,#e8e6de 35%,#777870 38%,#c7c8c0 65%,#66675e);box-shadow:0 3px 3px #0003}.cup-star{font-size:46px;color:#ffffffb0;line-height:1;margin-bottom:17px}.tumbler strong{font-family:var(--serif);font-style:italic;font-weight:500;font-size:30px;text-align:center;max-width:160px;overflow-wrap:anywhere;line-height:1.2;padding:0 8px}.cup-sub{font-size:6px;letter-spacing:.23em;margin-top:17px}.preview-bear{position:absolute;height:315px;width:188px;right:-5px;bottom:41px;overflow:hidden;padding:0;transition:transform .3s}.preview-bear:hover{transform:rotate(4deg)}.preview-bear img{width:100%}.preview-bubble{position:absolute;right:-5px;top:103px;background:var(--lime);color:var(--ink);padding:10px 16px;border-radius:14px 14px 14px 0;font-size:11px;transform:rotate(6deg)}.preview-note{position:absolute;bottom:-7px;text-align:center;color:#b4a99b;font-size:10px;max-width:360px}
/* Gallery */
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{font-size:10px;padding:9px 13px;border:1px solid var(--line);border-radius:24px;transition:background .25s,color .25s}.filters button.on,.filters button:hover{background:var(--brown);border-color:var(--brown);color:white}#galleryCount{font-size:10px;white-space:nowrap;color:var(--muted)}.grid-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.gallery-item{display:block;width:100%;text-align:left;padding:0;min-width:0}.gallery-image{display:block;position:relative;aspect-ratio:1;overflow:hidden;border-radius:9px;background:#e6dfd4}.gallery-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.gallery-item:hover img{transform:scale(1.07)}.gallery-image::after{content:'↗';position:absolute;bottom:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--white);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.gallery-item:hover .gallery-image::after,.gallery-item:focus-visible .gallery-image::after{opacity:1;transform:none}.gallery-caption{display:block;font-size:11px;font-weight:500;line-height:1.6;margin-top:10px}.gallery-item[hidden]{display:none}.gallery-more{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:40px}.gallery-more>span{font-size:10px;color:var(--muted)}.gallery-more [hidden]{display:none}
/* The people and process */
.why{background:#eee6d9}.story-grid{display:grid;grid-template-columns:.95fr 1fr;gap:100px;align-items:center}.story-images{height:490px;position:relative}.artisan-photo{height:100%;width:90%;object-fit:cover;border-radius:12px;filter:saturate(.85)}.story-badge{position:absolute;left:-25px;top:30px;background:var(--paper);border:1px solid var(--line);padding:20px 22px;transform:rotate(-8deg);box-shadow:0 10px 20px #30251c10}.story-badge>span{font-size:24px;font-family:var(--serif);font-style:italic;color:var(--accent)}.story-badge>strong{display:block;font-size:10px;font-weight:500}.story-bear{position:absolute;right:-27px;bottom:-1px;width:166px;height:243px;overflow:hidden;filter:drop-shadow(0 5px 6px #0002);padding:0;transition:transform .3s;transform-origin:bottom}.story-bear:hover{transform:rotate(5deg)}.story-copy>p{color:var(--muted);font-size:13px;line-height:1.9;margin-top:22px}.story-signature{display:flex;align-items:center;gap:12px;border-top:1px solid #d5c8b8;margin-top:30px;padding-top:25px;font-size:11px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.step{border-top:1px solid var(--line);padding-top:24px;position:relative}.step::before{content:'';width:7px;height:7px;background:var(--accent);border-radius:50%;position:absolute;top:-4px;left:0}.step>.n{color:var(--accent);font-size:10px;letter-spacing:.08em;display:block;margin-bottom:32px}.step h3{font-size:22px;letter-spacing:-.04em}.step p{margin-top:16px;color:var(--muted);font-size:12px;line-height:1.85}.tech{background:var(--white)}.tech-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.tech-grid>div>p{font-size:13px;color:var(--muted);margin-top:25px;max-width:350px}.tlist li{border-bottom:1px solid var(--line)}.tlist li:first-child{border-top:1px solid var(--line)}.tlist summary{display:flex;align-items:center;cursor:pointer;list-style:none;padding:23px 0;gap:22px;font-size:17px;font-family:var(--display);font-weight:600;letter-spacing:-.03em}.tlist summary::-webkit-details-marker{display:none}.tlist .n{font-size:10px;color:var(--accent);letter-spacing:0;font-family:var(--sans)}.tlist .plus{margin-left:auto;font-size:25px;font-weight:400;transition:transform .25s}.tlist details[open] .plus{transform:rotate(45deg)}.tech-detail{display:flex;gap:20px;align-items:center;padding:0 0 24px 37px}.tech-detail p{font-size:12px;color:var(--muted)}.tech-detail img{width:110px;height:100px;object-fit:cover;border-radius:7px}.bear-tip{display:flex;align-items:center;gap:12px;text-align:left;font-size:11px;margin-top:35px;padding:10px 16px 10px 8px;background:var(--paper);border:1px solid var(--line);border-radius:12px;transition:transform .3s}.bear-tip:hover{transform:translateX(5px)}.bear-avatar{display:block;width:48px;height:48px;overflow:hidden;border-radius:50%;background:#d0b087;flex-shrink:0;position:relative}.bear-avatar img{width:85px;max-width:none;position:absolute;left:-19px;top:-2px}
/* Contact */
.contact{background:#eadcca}.bigword{font-size:clamp(60px,8vw,120px);margin-bottom:55px}.bigword em{color:var(--accent)}.contact .grid{display:grid;grid-template-columns:1fr 1.05fr;gap:90px}.info>p{max-width:405px;color:var(--muted);font-size:14px;line-height:1.8}.ilist{margin-top:32px}.ilist li{display:grid;grid-template-columns:100px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid #70482020;font-size:12px}.ilist small{color:var(--muted);font-size:10px}.ilist a{overflow-wrap:anywhere}.ilist a:hover{color:var(--accent)}.form{padding:32px;background:var(--white);border:1px solid #fff8;border-radius:14px;box-shadow:0 15px 40px #70482008}.form h3{font-size:22px;letter-spacing:-.035em}.form>p{font-size:12px;color:var(--muted);margin:10px 0 24px}.form label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:600;margin-bottom:16px}.form input,.form select,.form textarea{width:100%;min-width:0;border:1px solid var(--line);background:var(--white);padding:11px 12px;color:var(--ink);border-radius:5px;font-size:13px;font-weight:400}.form textarea{min-height:100px;resize:vertical}.row2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions .btn{font-size:10px;gap:10px;padding:13px 14px;min-height:45px}.form .note{font-size:10px;line-height:1.7;margin:16px 0 0}footer{background:var(--dark);color:#ece2d4;padding:65px 0 35px}footer .top{display:grid;grid-template-columns:1.5fr 1fr .8fr .8fr;gap:55px}footer .emblem{width:50px;overflow:hidden;border-radius:50%;margin-bottom:18px}footer .desc{font-size:11px;color:#b5a99b;max-width:270px}footer h4{font-size:10px;font-weight:600;margin:0 0 20px}footer li{margin-bottom:8px}footer li a{font-size:11px;color:#b5a99b}footer a:hover{color:var(--paper)}.huge{font-family:var(--display);font-size:clamp(56px,11.6vw,180px);line-height:1.2;letter-spacing:-.065em;white-space:nowrap;margin:55px 0 35px;color:#d3c1a9}.huge em{font-family:var(--serif);font-weight:500;color:#9c8265}.bottom{padding-top:22px;border-top:1px solid #ffffff1f;font-size:9px;color:#b5a99b;display:flex;justify-content:space-between;gap:20px}.clock{display:flex;gap:8px;align-items:center;font-size:9px}.clock time{font-variant-numeric:tabular-nums}
/* Bear companion */
.bear-guide{position:fixed;right:24px;bottom:22px;z-index:130}.guide-toggle{display:flex;gap:12px;align-items:center;position:relative;margin-left:auto;padding:0}.guide-toggle>.bear-avatar{width:62px;height:62px;border:3px solid var(--white);box-shadow:0 5px 20px #30251c30;transition:transform .25s}.guide-toggle:hover>.bear-avatar{transform:rotate(-9deg) scale(1.06)}.guide-toggle>.bear-avatar img{width:112px;left:-27px;top:-3px}.guide-toggle-label{background:var(--white);border:1px solid var(--line);padding:10px 14px;border-radius:12px 12px 2px 12px;font-size:10px;box-shadow:0 5px 20px #30251c0a;transition:opacity .25s}.guide-dot{position:absolute;right:0;bottom:-1px;background:var(--accent);color:white;border-radius:50%;width:20px;height:20px;font-size:15px;line-height:19px;border:1px solid var(--paper)}.guide-panel{width:310px;margin-bottom:15px;padding:23px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 80px #30251c25;animation:panelIn .25s var(--ease)}[hidden]{display:none!important}.guide-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.guide-heading .eyebrow{font-size:8px;margin-bottom:6px}.guide-heading h2{font-size:23px;letter-spacing:-.04em}.guide-heading button{font-size:26px;line-height:1;padding:8px;margin-right:-9px}.guide-panel>p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:17px}.guide-options{margin:18px 0}.guide-options>button{display:flex;justify-content:space-between;gap:10px;width:100%;padding:11px 0;text-align:left;font-size:11px;border-bottom:1px solid var(--line)}.guide-options>button:hover{color:var(--accent)}.guide-panel>small{font-size:9px;color:var(--muted)}.motion-toggle{position:fixed;bottom:18px;left:20px;z-index:110;background:var(--white);border:1px solid var(--line);border-radius:6px;box-shadow:0 4px 14px #30251c10;display:flex;align-items:center;gap:8px;padding:7px 9px;font-size:8px}.motion-toggle>span:first-child{font-size:11px}.toast{position:fixed;bottom:100px;left:50%;translate:-50% 10px;opacity:0;pointer-events:none;background:var(--dark);color:var(--white);padding:12px 22px;border-radius:8px;font-size:12px;z-index:300;box-shadow:0 6px 20px #0002;transition:.3s;width:max-content;max-width:85vw}.toast.show{opacity:1;translate:-50% 0}
/* Accessible image viewer */
.lb{background:#28231e;color:var(--paper);border:1px solid #ffffff20;border-radius:16px;padding:30px;max-width:min(94vw,1050px);width:100%;max-height:94dvh;overflow:auto}.lb::backdrop{background:#211a13e8;backdrop-filter:blur(10px)}.lb-close{position:absolute;top:12px;right:15px;font-size:32px;color:var(--paper);padding:0 12px;z-index:2}.lb-layout{display:grid;grid-template-columns:45px 1fr 45px;align-items:center;gap:15px;padding-top:20px}.lb-layout>button{border:1px solid #ffffff44;border-radius:50%;width:42px;height:42px;font-size:20px;color:var(--paper)}.lb-layout figure img{width:100%;height:65vh;max-height:650px;object-fit:contain}.lb-layout figcaption{font-size:13px;text-align:center;margin-top:18px}.lb-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding-inline:60px;font-size:11px}.lb-bottom .btn{min-height:42px;font-size:11px}.noscript-note{padding:20px;background:var(--paper)}
/* Motion only enhances content: all content remains visible without JS. */
@keyframes bearFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes productFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes cupFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes panelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes revealIn{from{opacity:.3;translate:0 22px}to{opacity:1;translate:0 0}}.motion-enabled .reveal.in{animation:revealIn .8s var(--ease) both}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;transition:none!important}.motion-paused{scroll-behavior:auto}.motion-paused .reveal{opacity:1!important;translate:none!important}.motion-paused .bear-main{transform:none!important}
@media(min-width:1600px){.hero-grid{min-height:740px}.hero-stage{height:700px}}
@media(max-width:1150px){.nav{gap:15px}.nav ul{gap:18px}.nav-actions{gap:18px}.brand b{font-size:14px}.nav-cta{gap:12px}.hero-grid{min-height:615px}.hero-stage{height:570px}.hero h1{font-size:7vw}.hero-intro{left:-5px}.float-product{width:110px}.float-product img{height:105px}.product-two{width:95px;right:-12px;top:165px}.product-two img{height:90px}.bear-intro{padding:10px;left:-15px;top:28px}.craft-stamp{width:80px;height:80px;right:-14px}.section{padding:80px 0}.story-grid,.tech-grid{gap:65px}.contact .grid{gap:55px}.cards-wrap{gap:20px}.card .txt{padding:20px 20px 0}.collection-link{padding:18px 20px}.card h3{font-size:20px}.personalize-grid{gap:30px}.preview-bear{width:170px;right:-5px}.tumbler{margin-right:110px;width:160px;height:260px}.preview-bubble{right:-10px;top:105px}}
@media(max-width:900px){:root{--gutter:30px}.nav{min-height:80px}.nav-cta{display:none}.burger{display:flex;flex-direction:column;gap:6px;justify-content:center;padding:10px;width:40px;height:40px}.burger i{height:1.5px;width:21px;background:var(--ink);transition:transform .25s}.menu-open .burger i:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-open .burger i:last-child{transform:translateY(-3.75px) rotate(-45deg)}.nav #navigation{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);visibility:hidden;opacity:0;transform:translateY(-8px);transition:.2s;padding:20px var(--gutter) 30px;box-shadow:0 20px 25px #30251c12}.menu-open .nav #navigation{visibility:visible;opacity:1;transform:none}.nav ul{flex-direction:column;gap:10px}.nav li a{display:block;font-size:20px;padding:10px}.mobile-contact{display:block}.hero-grid{gap:0;min-height:540px;grid-template-columns:1.15fr 1fr}.hero-copy{padding-top:25px}.hero-stage{height:500px}.hero h1{font-size:7.15vw}.location{font-size:7px;letter-spacing:.09em;margin-bottom:25px}.hero-description{font-size:13px;max-width:310px}.hero-actions{gap:20px}.hero-actions .btn{padding:13px 17px;font-size:11px;gap:15px;min-height:48px}.hero-actions .text-link{font-size:11px;gap:10px}.hero-proof{margin-top:30px}.hero-proof p{font-size:8px}.bear-intro{top:10px;left:0}.bear-intro strong{font-size:9px}.bear-intro small{font-size:8px}.spark{font-size:24px}.bear-main-wrap{height:90%;left:5%}.stage-circle{top:22%;width:100%;left:1%}.stage-orbit{inset:90px -10px 70px}.stage-word{top:32%;font-size:8.3vw}.product-one{width:85px;left:0;bottom:40px;padding:5px}.product-one img{height:82px}.product-one>span{font-size:6px}.product-one>i{display:none}.product-two{width:80px;right:-15px;top:160px}.product-two img{height:75px}.product-two>span{font-size:7px}.craft-stamp{width:68px;height:68px;bottom:32px}.craft-stamp span{font-size:5px}.craft-stamp b{font-size:22px}.stage-caption{font-size:6px;left:9%}.section-head{gap:35px}.section-head>p{max-width:250px;font-size:12px}.cards-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.section-note{flex-wrap:wrap}.section-note>a{margin-left:0}.grid-g{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.story-grid{gap:55px}.story-images{height:410px}.story-bear{width:130px;height:200px;right:-15px}.story-badge{left:-10px}.story-copy h2{font-size:34px}.story-copy>p{font-size:12px}.personalize-grid{gap:30px}.preview-scene{height:460px}.preview-bear{width:140px;height:230px;right:-15px;bottom:57px}.preview-bubble{right:-10px;top:133px;font-size:9px;padding:8px 10px}.tumbler{width:135px;height:225px;margin-right:75px}.tumbler strong{font-size:25px;max-width:125px}.preview-note{font-size:9px}.tech-grid{gap:45px}.tlist summary{font-size:15px}.steps{gap:22px}.step h3{font-size:18px}.step p{font-size:11px}.contact .grid{gap:35px}.form{padding:24px}.form h3{font-size:20px}.ilist li{grid-template-columns:70px 1fr;gap:8px;font-size:10px}.contact .info>p{font-size:12px}.row2{grid-template-columns:1fr;gap:0}.actions{flex-direction:column}footer .top{gap:28px}.bottom{flex-direction:column}}
@media(max-width:640px){:root{--gutter:22px}.section{padding:65px 0}html{scroll-padding-top:86px}.nav{padding:12px 20px;min-height:74px}.brand>img{width:36px;height:36px}.brand b{font-size:13px}.brand small{font-size:6px}.nav-actions{gap:13px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:35px 0 0}.location{font-size:7px;letter-spacing:.12em;margin-bottom:22px}.hero h1{font-size:clamp(54px,11.9vw,76px);line-height:1.04}.hero-description{font-size:13px;max-width:350px;margin-top:20px;line-height:1.75}.hero-actions{margin-top:23px;gap:25px}.hero-actions .btn{min-height:49px;font-size:11px;padding:15px 19px}.hero-actions .text-link{font-size:11px}.hero-proof{margin-top:25px}.hero-proof p{font-size:9px}.proof-images img{width:33px;height:33px}.hero-stage{height:510px;margin-top:25px;max-width:420px;width:100%;margin-inline:auto}.bear-main-wrap{height:96%;left:2%;bottom:8px}.stage-circle{width:94%;top:16%;left:4%}.stage-orbit{inset:45px -4px 60px}.stage-word{font-size:17vw;top:25%;left:1%;right:0}.bear-intro{left:0;top:8px;padding:11px 12px;z-index:3}.bear-intro strong{font-size:10px}.bear-intro small{font-size:8px}.product-one{width:100px;left:0;bottom:55px}.product-one img{height:98px}.product-one>span{font-size:7px}.product-two{width:87px;right:0;top:135px}.product-two img{height:85px}.craft-stamp{right:0;bottom:45px;width:75px;height:75px}.craft-stamp span{font-size:6px}.stage-caption{font-size:7px;left:16%}.hero-bottom{margin-top:8px;padding-block:16px;font-size:9px}.hero-bottom>span{max-width:170px}.hero-bottom a{gap:14px}.marquee{padding:16px 0}.marquee span{font-size:10px;gap:25px;padding:0 12px}.section-head{display:block;margin-bottom:30px}.eyebrow{font-size:9px;margin-bottom:16px}h2{font-size:36px;letter-spacing:-.05em}.section-head>p{max-width:350px;margin-top:20px;font-size:13px}.cards-wrap{gap:16px}.card .pic{aspect-ratio:1}.card .txt{padding:14px 13px 0}.card .meta{font-size:7px;gap:4px;margin-bottom:13px;align-items:center}.card .tag{font-size:6px;padding:3px 5px}.card h3{font-size:17px;line-height:1.18;letter-spacing:-.04em}.card p{font-size:10px;line-height:1.65;margin-top:10px}.collection-link{padding:15px 13px;font-size:9px;gap:10px;line-height:1.3}.collection-link>span:last-child{font-size:16px}.section-note{gap:12px;font-size:11px;align-items:flex-start}.section-note p{flex:1}.section-note>a{width:100%;margin-left:40px}.personalize-grid{grid-template-columns:1fr;gap:30px}.personalize h2{font-size:54px}.personalize-copy>p{font-size:13px;max-width:340px;margin-top:18px}.custom-controls{max-width:none;margin-top:25px}.custom-controls input{font-size:16px}.swatches button{width:34px;height:34px}.preview-scene{height:390px;max-width:400px;width:100%;margin:auto}.preview-halo{inset:10px 10px 30px}.preview-label{top:0;font-size:8px}.tumbler{height:230px;width:145px;margin-right:100px}.preview-bear{width:163px;height:275px;right:-5px;bottom:35px}.preview-bubble{top:55px;right:0;font-size:10px}.preview-note{bottom:-5px;font-size:9px;max-width:300px}.gallery-toolbar{gap:16px}.filters{gap:6px}.filters button{font-size:9px;padding:8px 11px}.grid-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.gallery-caption{font-size:10px;line-height:1.5}.gallery-image::after{opacity:1;transform:none;width:24px;height:24px;font-size:12px;bottom:8px;right:8px}.story-grid{grid-template-columns:1fr;gap:45px}.story-images{height:390px;max-width:410px}.artisan-photo{width:92%}.story-bear{width:160px;height:230px;right:-5px}.story-badge{top:25px;left:-8px}.story-copy h2{font-size:36px}.story-copy>p{font-size:13px}.steps{grid-template-columns:1fr 1fr;gap:36px 24px}.step>.n{margin-bottom:23px}.step h3{font-size:20px}.step p{font-size:12px}.tech-grid{grid-template-columns:1fr;gap:35px}.tech-grid>div>p{font-size:13px}.bear-tip{margin-top:25px}.tlist summary{padding:22px 0;font-size:16px}.tech-detail p{font-size:12px}.contact .grid{grid-template-columns:1fr;gap:36px}.bigword{font-size:57px;margin-bottom:33px}.contact .info>p{font-size:13px}.ilist li{grid-template-columns:80px 1fr;font-size:11px;padding:12px 0}.form{padding:25px 20px}.row2{grid-template-columns:1fr 1fr;gap:12px}.form input,.form textarea,.form select{font-size:16px}.actions{flex-direction:column}.actions .btn{font-size:12px}.form .note{font-size:10px}footer{padding:50px 0 100px}footer .top{grid-template-columns:1fr 1fr;gap:35px 28px}footer .top>div:first-child{grid-column:1/-1;display:flex;align-items:center;gap:20px}footer .emblem{width:50px;flex-shrink:0;margin:0}footer .desc{max-width:240px}.huge{font-size:11vw;margin:40px 0 25px}.bottom{font-size:8px;gap:10px}.clock{flex-wrap:wrap;font-size:8px}.guide-toggle-label{display:none}.bear-guide{right:15px;bottom:16px}.guide-toggle>.bear-avatar{width:54px;height:54px}.guide-toggle>.bear-avatar img{width:98px;left:-23px}.guide-panel{width:min(310px,calc(100vw - 30px));margin-bottom:12px;max-height:calc(100dvh - 170px);overflow-y:auto;padding:20px}.motion-toggle{left:12px;bottom:14px;font-size:7px}.lb{padding:35px 10px 18px;max-width:96vw}.lb-layout{grid-template-columns:30px minmax(0,1fr) 30px;gap:5px;padding-top:12px}.lb-layout>button{width:30px;height:40px;border-radius:6px;font-size:16px}.lb-layout figure img{height:53dvh}.lb-layout figcaption{font-size:11px}.lb-bottom{padding-inline:10px;margin-top:20px}.lb-bottom .btn{font-size:10px;padding:10px 15px}.lb-close{top:5px;right:5px}}
@media(max-width:360px){:root{--gutter:17px}.hero h1{font-size:49px}.nav{padding-inline:15px}.brand b{font-size:12px}.brand small{letter-spacing:.06em}.nav-actions{gap:5px}.hero-stage{height:460px}.card h3{font-size:15px}.card .tag{max-width:70px}.hero-actions{gap:17px}.hero-proof p{font-size:8px}.preview-bear{right:-15px;width:150px}.tumbler{margin-right:80px}.row2{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.bear-main{transform:none!important}.reveal{opacity:1!important;translate:none!important}}
/* Keep the full mascot silhouette inside the concept preview. */
.preview-bear img{width:auto;height:100%;max-width:100%;object-fit:contain;margin-inline:auto}

/* Krazzy Bear: cursor-controlled perspective and idle choreography. */
.bear-main-wrap{animation:none;perspective:1100px;perspective-origin:50% 55%}
.bear-main{transform:none;transform-origin:50% 94%;transition:transform .35s var(--ease);transform-style:preserve-3d}
.bear-main img{
  transform-origin:50% 60%;backface-visibility:visible;
  transform:translate3d(var(--bear-shift-x,0px),var(--bear-shift-y,0px),var(--bear-depth,0px)) rotateX(var(--bear-pitch,0deg)) rotateY(var(--bear-yaw,0deg)) rotateZ(var(--bear-roll,0deg));
  transition:transform .48s cubic-bezier(.18,.7,.2,1);will-change:transform;
}
.stage-circle{translate:var(--bear-scene-x,0px) var(--bear-scene-y,0px);transition:translate .65s var(--ease)}
.bear-floor-shadow{position:absolute;left:30%;bottom:14px;width:48%;height:19px;pointer-events:none;border-radius:50%;background:#39261838;filter:blur(10px);z-index:-1;transform:translateX(var(--bear-shift-x,0px));transition:transform .5s var(--ease)}
.preview-bear,.story-bear{perspective:750px;transform-origin:50% 90%}
.preview-bear img,.story-bear img{transform:rotateY(var(--bear-mini-yaw,0deg)) rotateZ(var(--bear-mini-roll,0deg));transform-origin:50% 68%;transition:transform .5s var(--ease)}
.guide-toggle .bear-avatar,.bear-tip .bear-avatar{perspective:450px}
.guide-toggle .bear-avatar img,.bear-tip .bear-avatar img{transform:rotateY(var(--bear-mini-yaw,0deg)) rotateZ(var(--bear-mini-roll,0deg));transform-origin:50% 20%;transition:transform .45s var(--ease)}
.bear-dance-notes{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s;z-index:2}
.bear-dance-notes span{position:absolute;font-family:Georgia,serif;font-weight:bold;font-size:36px;color:var(--accent);text-shadow:0 2px 0 var(--paper);opacity:0}
.bear-dance-notes span:nth-child(1){left:25%;top:31%}
.bear-dance-notes span:nth-child(2){right:11%;top:53%;font-size:43px}
.bear-dance-notes span:nth-child(3){left:32%;top:66%;font-size:24px}
.bear-is-dancing .bear-main{animation:krazzyBodyDance 2.4s ease-in-out infinite}
.bear-is-dancing .bear-main img{animation:krazzyDanceTurn 4.8s ease-in-out infinite;filter:drop-shadow(12px 26px 13px #4f321a28)}
.bear-is-dancing .bear-floor-shadow{animation:krazzyDanceShadow 1.2s ease-in-out infinite}
.bear-is-dancing .bear-dance-notes{opacity:1}
.bear-is-dancing .bear-dance-notes span{animation:krazzyMusicNote 2.4s ease-out infinite}
.bear-is-dancing .bear-dance-notes span:nth-child(2){animation-delay:.65s}
.bear-is-dancing .bear-dance-notes span:nth-child(3){animation-delay:1.25s}
.bear-is-dancing .preview-bear img,.bear-is-dancing .story-bear img{animation:krazzySmallDance 2.4s ease-in-out infinite}
.bear-is-dancing .story-bear img{animation-delay:-.6s}
.bear-is-dancing .guide-toggle .bear-avatar img,.bear-is-dancing .bear-tip .bear-avatar img{animation:krazzyHeadBop 1.2s ease-in-out infinite}
.bear-is-dancing .guide-toggle .bear-avatar{border-color:#ddc3a0}
.bear-offscreen,.bear-offscreen img{animation-play-state:paused!important;will-change:auto}
@keyframes krazzyBodyDance{
  0%,100%{transform:translate3d(0,0,0) rotateZ(0deg) scale(1)}
  12.5%{transform:translate3d(-12px,-15px,0) rotateZ(-7deg) scale(.99,1.025)}
  25%{transform:translate3d(-18px,0,0) rotateZ(-9deg) scale(1.02,.985)}
  37.5%{transform:translate3d(-5px,-24px,14px) rotateZ(3deg) scale(.98,1.03)}
  50%{transform:translate3d(0,0,0) rotateZ(0deg) scale(1.025,.98)}
  62.5%{transform:translate3d(12px,-15px,0) rotateZ(7deg) scale(.99,1.025)}
  75%{transform:translate3d(18px,0,0) rotateZ(9deg) scale(1.02,.985)}
  87.5%{transform:translate3d(5px,-24px,14px) rotateZ(-3deg) scale(.98,1.03)}
}
@keyframes krazzyDanceTurn{
  0%,50%,100%{transform:rotateY(0deg) rotateX(0deg)}
  12.5%{transform:rotateY(-24deg) rotateX(6deg)}
  25%{transform:rotateY(18deg) rotateX(-5deg)}
  37.5%{transform:rotateY(-12deg) rotateX(4deg)}
  62.5%{transform:rotateY(24deg) rotateX(6deg)}
  75%{transform:rotateY(-18deg) rotateX(-5deg)}
  87.5%{transform:rotateY(12deg) rotateX(4deg)}
}
@keyframes krazzySmallDance{
  0%,50%,100%{transform:translateY(0) rotateZ(0deg) rotateY(0deg)}
  12.5%,62.5%{transform:translateY(-8px) rotateZ(-5deg) rotateY(-17deg)}
  25%,75%{transform:translateY(1px) rotateZ(5deg) rotateY(17deg)}
  37.5%,87.5%{transform:translateY(-12px) rotateZ(0deg) rotateY(-9deg)}
}
@keyframes krazzyHeadBop{
  0%,50%,100%{transform:translateY(0) rotateZ(0deg)}
  25%{transform:translateY(-3px) rotateZ(-9deg)}
  75%{transform:translateY(-3px) rotateZ(9deg)}
}
@keyframes krazzyDanceShadow{0%,50%,100%{transform:scaleX(1);opacity:.7}25%,75%{transform:scaleX(.76);opacity:.38}}
@keyframes krazzyMusicNote{0%{opacity:0;transform:translateY(10px) rotate(-12deg) scale(.8)}20%{opacity:.85}80%{opacity:.65}100%{opacity:0;transform:translateY(-65px) rotate(16deg) scale(1.1)}}
/* Pause returns the mascot to a neutral pose, including a paused mid-dance frame. */
.motion-paused .bear-main,.motion-paused .bear-main img,.motion-paused .preview-bear img,.motion-paused .story-bear img,.motion-paused .bear-avatar img{animation:none!important;transform:none!important}
.motion-paused .bear-dance-notes{display:none}
.motion-paused .bear-floor-shadow{animation:none!important;transform:none!important}
@media(max-width:640px){.bear-main-wrap{perspective:850px}.bear-floor-shadow{left:25%;width:57%;bottom:15px}.bear-dance-notes span{font-size:29px}.bear-dance-notes span:nth-child(1){left:17%;top:38%}.bear-dance-notes span:nth-child(2){right:8%;top:60%;font-size:34px}}
@media(prefers-reduced-motion:reduce){.bear-main img,.preview-bear img,.story-bear img,.bear-avatar img{animation:none!important;transform:none!important}.bear-dance-notes{display:none}.bear-floor-shadow{animation:none!important;transform:none!important}}

/* Real volumetric mascot rendered by Three.js; CSS never rotates the canvas. */
.bear3d-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:0}
.bear3d-ready .bear3d-canvas{opacity:1}
.bear3d-ready .bear-main{width:100%;transform:none!important;animation:none!important;filter:none}
.bear3d-ready .bear-main-wrap{perspective:none}
.bear3d-ready .bear-main>img,.bear3d-ready .preview-bear>img,.bear3d-ready .story-bear>img,.bear3d-ready .guide-toggle .bear-avatar>img,.bear3d-ready .bear-tip .bear-avatar>img{visibility:hidden;animation:none!important;transform:none!important}
.bear3d-ready .preview-bear,.bear3d-ready .story-bear{transform:none!important;filter:none;perspective:none}
.bear3d-ready .bear-floor-shadow{display:none}
.bear3d-ready .guide-toggle .bear-avatar,.bear3d-ready .bear-tip .bear-avatar{perspective:none}
html[data-bear-renderer="fallback"] .bear-main,html[data-bear-renderer="fallback"] .bear-main img{animation:none!important;transform:none!important}

/* Original artwork restored. No simulated sideways rotation while awaiting its faithful 3D model. */
html:not(.bear3d-ready) .bear-main img{transform:translate3d(var(--bear-shift-x,0px),var(--bear-shift-y,0px),0) rotateZ(var(--bear-roll,0deg));animation:none!important}
html:not(.bear3d-ready) .preview-bear img,html:not(.bear3d-ready) .story-bear img,html:not(.bear3d-ready) .bear-avatar img{transform:none}

.model-credit{font-size:10px;color:var(--muted);margin:18px 0;line-height:1.7}.model-credit a{text-decoration:underline;text-underline-offset:3px}

/* Original full brand artwork and persistent Etsy access. */
.nav .brand>img{width:clamp(240px,25vw,360px);height:auto;aspect-ratio:1600/304;object-fit:contain;border:0;border-radius:11px}
.nav .shop-cta{display:inline-flex;justify-content:center;gap:9px;white-space:nowrap;background:linear-gradient(115deg,#ff6500,#ff7a14);color:#fff;border:1px solid #ff9c54;border-radius:999px;padding:14px 23px;font-size:15px;font-weight:700;box-shadow:0 5px 24px #ff6c0030;transition:transform .2s,box-shadow .2s,background .2s}
.nav .shop-cta:hover{transform:translateY(-2px);background:#ed5900;box-shadow:0 8px 28px #ff6c0045}
@media(min-width:901px) and (max-width:1150px){.nav .brand>img{width:240px}.nav ul{gap:14px}.nav-actions{gap:12px}.nav .shop-cta{font-size:12px;padding:12px 16px}}
@media(min-width:641px) and (max-width:900px){.nav .brand>img{width:280px}.nav .shop-cta{font-size:13px;padding:12px 18px}.nav-actions{gap:12px}}
@media(max-width:640px){
 html{scroll-padding-top:148px}
 .nav{flex-wrap:wrap;justify-content:center;gap:9px;padding:10px 20px 12px}
 .nav .brand{justify-content:center;width:100%}
 .nav .brand>img{width:min(300px,100%);height:auto;border-radius:8px}
 .nav-actions{width:100%;justify-content:space-between;gap:10px}
 .nav .shop-cta{font-size:13px;padding:10px 22px;min-height:42px}
 .nav .lang{min-width:44px}.nav .burger{width:44px}
}

footer .emblem.footer-brand{width:100%;max-width:320px;border-radius:9px;overflow:hidden;margin:0 0 22px}
footer .footer-brand img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:640px){footer .top>div:first-child{display:block}footer .emblem.footer-brand{width:100%;max-width:320px;margin:0 0 20px}footer .top>div:first-child .desc{max-width:320px}}

footer .legal-links{display:flex;flex-wrap:wrap;gap:8px 26px;padding:8px 0 20px}
footer .legal-links a{font-size:12px;color:#d8cbbb;text-decoration:underline;text-underline-offset:4px;padding:7px 0}
footer .legal-links a:hover{color:#fff}
@media(max-width:640px){footer .legal-links{gap:4px 20px}}

/* Keep the final text above both fixed corner controls. */
footer{padding-bottom:calc(128px + env(safe-area-inset-bottom, 0px))}

/* Legibility pass: raise small supporting copy while preserving the display scale. */
body{font-size:17px}
.eyebrow{font-size:13px}
.section-head>p{font-size:16px}
.btn,.text-link{font-size:14px}
.nav li a{font-size:14px}
.lang,.lang button{font-size:12px}
.nav-cta{font-size:13px}
.location{font-size:11px}
.hero-description{font-size:16px}
.hero-proof p{font-size:12px}
.bear-intro strong{font-size:13px}
.bear-intro small{font-size:11px}
.float-product>span{font-size:10px}
.craft-stamp span{font-size:9px}
.stage-caption{font-size:10px}
.hero-bottom{font-size:12px}
.marquee span{font-size:13px}
.card .meta{font-size:11px}
.card p{font-size:14px}
.collection-link{font-size:13px}
.section-note,.section-note>a{font-size:13px}
.personalize-copy>p{font-size:16px}
.custom-controls label,.control-label{font-size:13px}
.preview-label{font-size:11px}
.cup-sub{font-size:9px}
.preview-bubble{font-size:13px}
.preview-note{font-size:12px}
.filters button,#galleryCount{font-size:12px}
.gallery-caption{font-size:13px}
.gallery-more>span{font-size:12px}
.story-badge>strong{font-size:12px}
.story-copy>p{font-size:15px}
.story-signature{font-size:13px}
.step>.n{font-size:12px}
.step p{font-size:14px}
.tech-grid>div>p{font-size:15px}
.tlist .n{font-size:12px}
.tech-detail p{font-size:14px}
.bear-tip{font-size:13px}
.info>p{font-size:15px}
.ilist li{font-size:14px}
.ilist small{font-size:12px}
.form>p{font-size:14px}
.form label{font-size:12px}
.actions .btn{font-size:12px}
.form .note{font-size:12px}
footer .desc{font-size:13px}
footer h4{font-size:12px}
footer li a{font-size:13px}
.bottom{font-size:11px}
.clock{font-size:11px}
.model-credit{font-size:12px}
footer .legal-links a{font-size:13px}

@media(max-width:640px){
 .eyebrow{font-size:11px}
 .hero-description{font-size:15px}
 .hero-actions .btn,.hero-actions .text-link{font-size:12px}
 .hero-proof p{font-size:11px}
 .location,.stage-caption{font-size:9px}
 .bear-intro small{font-size:10px}
 .hero-bottom{font-size:11px}
 .card .meta{font-size:10px}
 .card .tag{font-size:9px}
 .card p{font-size:12px}
 .collection-link{font-size:11px}
 .filters button{font-size:11px}
 .gallery-caption{font-size:12px}
 .preview-label{font-size:10px}
 .preview-note{font-size:11px}
 footer .desc{font-size:12px}
 .bottom,.clock{font-size:10px}
 .motion-toggle{font-size:10px}
}