/* A warm, inhabited workshop frames the character and the collection. */
:root{--paper:#f3e9da;--ink:#302b26;--green:#a25f3c;--deep:#663d2c;--muted:#776757;--line:#d8c7b2;--sage:#e6d6bf}
body{background:radial-gradient(ellipse at 3% 48%,#e7b46b29,transparent 32%),radial-gradient(ellipse at 98% 65%,#b7784b20,transparent 29%),#f3e9da}
.announcement{background:#302720;color:#f4e5cf;border-bottom:1px solid #c996573d}.announcement-star{color:#e5b26c}
.header{background:#f6ede0;border-bottom:1px solid #ccb598;box-shadow:0 3px 16px #5d351014}.mobile-nav{background:#f6ede0}
.workshop-room{position:relative;isolation:isolate;overflow:hidden;background:#dac1a4;border-bottom:1px solid #9f6a3c}
.room-backdrop{position:absolute;inset:0;z-index:-3;pointer-events:none;background-image:url('assets/workshop-room-desktop.png');background-repeat:no-repeat}
.room-backdrop{background-size:cover;background-position:center bottom}
.workshop-room::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 42% 40%,#f4e5cf4d,transparent 52%),linear-gradient(0deg,#3823172b,transparent 14%)}
.hero.wrap{width:min(1180px,62%);min-height:630px;padding-block:50px 61px;gap:28px;grid-template-columns:1.1fr 1fr}
.hero-copy{padding:23px 0 18px;text-shadow:0 1px 12px #fff3d655}
.hero-copy .eyebrow{color:#62442f;font-weight:700;letter-spacing:1.9px}.tiny-line{background:#ac7042}
.hero h1{font-size:clamp(43px,3.7vw,71px);letter-spacing:-3.8px;font-weight:750;line-height:1.05;color:#322a24}
.hero h1>span{color:#9a5937}.title-spark{fill:#b57b42;filter:drop-shadow(0 0 12px #ffe6ae)}
.hero-copy>p{color:#61513f;font-weight:450;font-size:14px;line-height:1.85;max-width:415px;margin-top:26px}
.hero-buttons{margin-top:29px}.button.primary{background:#8c4f31;border:1px solid #9b6241;box-shadow:0 7px 18px #693f2a24;color:#fff5e8}.button.primary:hover{background:#713c24;box-shadow:0 9px 23px #693f2a35}
.hero .text-link{color:#4b3829;border-color:#a6825c}.hero-note{color:#5f422c;margin-top:22px}.hero-note svg{stroke:#936640}
.hero-art{min-height:500px;margin-right:-55px}.hero-disc,.orbit,.art-word,.floating-spark{display:none}
.mascot-shadow{background:#37261b;opacity:.23;filter:blur(13px);width:58%;left:30%;height:23px;bottom:2%}
.mascot{filter:drop-shadow(7px 14px 12px #56351828)}
.piece-tag{background:#fff2dcdf;border:1px solid #f4d0a1;box-shadow:0 8px 24px #6843211a;right:-2%;top:8%;color:#665039;padding:13px 18px 13px 29px;backdrop-filter:blur(7px)}
.status-dot{background:#bb8447;box-shadow:0 0 9px #ffc67380}
.motion-note{background:#fff1dae8;color:#65472e;border:1px solid #e1bd90;box-shadow:0 8px 22px #66452820;left:-7%;bottom:4%}.motion-switch{background:#a26b43}.art-caption{color:#f4e1c7;text-shadow:0 1px 7px #37200b;bottom:-24px;font-size:7px;letter-spacing:1.2px}
.ticker{background:#352a22;color:#e9d4b6;border-top:2px solid #c69250;border-bottom:1px solid #4c3b2c;box-shadow:0 -3px 14px #efad5540}.ticker i{color:#e7ad65}.ticker>div{padding-block:24px}.ticker span{font-size:17px;letter-spacing:2px}
.section-top .eyebrow,.universe-copy .eyebrow,.faq .eyebrow{color:#99613b}.section-top>p,.universe-copy>p{color:#796858}
.product-photo{box-shadow:0 14px 24px #62432612;border:1px solid #e0c8aa;background:#eadac4}.product-badge{background:#fff4e2;color:#725234}.product-add{background:#fbecd4;border:1px solid #d6b488;color:#67432a}.product-meta p,.product-bottom>span,.demo-note{color:#826e5a}.filters button{border-color:#d4b99a;color:#6b513c}.filters button.active{background:#75452e;border-color:#75452e;color:#fff1da}
.custom-section{background:#ead9bf;border:1px solid #d7b78d;box-shadow:0 14px 40px #6741260e}.custom-visual{background:radial-gradient(ellipse at 50% 35%,#fae2b3,transparent 70%),linear-gradient(145deg,#ddc09a,#e9d6b8)}.custom-grid{opacity:.4}.custom-copy{background:#f3e7d6}.custom-object>span{color:#b17848;text-shadow:1px 2px #a2673c,3px 4px #925a32,5px 6px #90572f,7px 8px #88532f,9px 10px #7a4729,11px 12px #744226,13px 14px #6c3c24,18px 22px 14px #774b3933}.nameplate{color:#76512f;background:#fff0d4;box-shadow:2px 4px #c7a678,9px 13px 17px #76562b20}.custom-index,.custom-caption{color:#8b6845}.custom-copy>p{color:#7e6751}.custom-steps b{color:#a36b3f}.custom-steps span{color:#7e6955}
.studio-image img{border:1px solid #d3b28b;box-shadow:0 17px 38px #63452b1c}.signature{color:#93613d}.studio-image figcaption{color:#8d6b4b}.faq-list{border-color:#d1bda3}.faq-list details{border-color:#d1bda3}.faq-list details p{color:#7f6d5b}
.closing{background:radial-gradient(ellipse at 15% 10%,#9f623d60,transparent 60%),#392a21;border-top:2px solid #b7844b;box-shadow:0 -3px 12px #d3a66c32}.closing .wrap>span{color:#e4ae6c}.closing em{color:#e8be88}.closing .button.light{background:#f4dfbc;color:#4e3321;border:1px solid #d7ad77}
.footer-top>p,.footer-bottom,.footer-bottom button{color:#8a715a}.footer-top,.footer-bottom{border-color:#d8c0a2}
@media(min-width:1800px){.hero.wrap{min-height:760px;width:min(1320px,66%);padding-block:66px 82px}.hero h1{font-size:77px}.hero-art{min-height:570px}.hero-copy>p{font-size:16px}.room-side{width:clamp(300px,18vw,600px)}}
@media(max-width:1150px) and (min-width:701px){.hero.wrap{width:66%;min-height:620px;gap:7px;padding-block:45px 55px}.hero h1{font-size:clamp(41px,4.5vw,52px);letter-spacing:-2.8px}.hero-copy>p{font-size:12px}.hero-art{min-height:440px;margin-right:-40px}.room-side{width:15%}.piece-tag{right:-15%;font-size:7px}.hero .button{font-size:10px;padding-inline:14px;gap:13px}.hero-buttons{gap:18px}.hero .text-link{font-size:10px}.motion-note{left:0;bottom:5%;font-size:8px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1px}}
@media(max-width:700px){.hero.wrap{width:calc(100% - 40px);grid-template-columns:1fr;min-height:0;padding-top:30px;padding-bottom:29px;gap:0}.room-side{display:none}.room-backdrop{background-image:url('assets/workshop-room-mobile.png');background-position:center bottom;background-size:100% 100%;background-color:#ead5b7}.workshop-room::after{background:linear-gradient(180deg,#f6e7cf22 0%,#f6e7cf22 44%,transparent 62%)}.hero-copy{padding:0 5px;text-shadow:none}.hero h1{font-size:clamp(45px,10.8vw,66px);letter-spacing:-2.9px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.1px}.hero-copy>p{font-size:13px;max-width:335px;margin-top:20px}.hero-buttons{margin-top:23px}.hero-note{margin-top:22px;font-size:9px}.hero-art{height:clamp(370px,102vw,530px);min-height:0;margin-top:22px;margin-inline:-4px}.hero-art .piece-tag{right:-3px;top:4%;font-size:7px;padding:11px 13px 11px 24px}.hero-art .motion-note{left:0;bottom:6%;font-size:8px}.art-caption{font-size:5.7px;bottom:-4px;color:#fff0d4}.mascot-shadow{bottom:4%}.ticker>div{padding-block:19px}.ticker span{font-size:11px;letter-spacing:1px}.ticker i{font-size:17px}.custom-copy{padding:35px 27px}.footer{padding-top:28px}}

@media(min-width:1800px){.hero-art{margin-right:0}}

@media(min-width:1600px){.room-backdrop{background-image:url('assets/workshop-room.png');background-size:cover;background-position:center bottom}}

.hero .text-link{background:#f7e6cde8;border:1px solid #c6a27b;border-radius:5px;padding:13px 15px;white-space:nowrap;box-shadow:0 3px 12px #64432612}.hero-note{display:inline-flex;width:auto;background:#f6e7ccdf;padding:8px 11px;border-radius:4px;border:1px solid #ddc1a0;box-shadow:0 2px 9px #6c4a2412}.hero-note svg{width:14px;height:14px}.mascot{transform:translateY(10px)}
@media(max-width:1150px){.hero .text-link{padding:11px 10px}.hero-buttons{gap:14px}}
@media(max-width:700px){.hero .text-link{padding:12px 10px}.hero-buttons{gap:12px}.hero-note{font-size:8px;margin-top:18px}.hero-art{margin-top:14px}.mascot{transform:translateY(0)}}

@media(max-width:700px){.hero .button{white-space:nowrap;font-size:11px;padding:14px 13px;gap:12px}.hero .text-link{font-size:10px;gap:11px;padding:14px 10px}}

