:root{--ink:#11120f;--paper:#f1f0e9;--cream:#faf9f3;--muted:#77796f;--line:#d3d4ca;--acid:#dfff45;--black:#11120f;--white:#fff;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a,button{color:inherit;font:inherit}button{border:0;cursor:pointer}a{text-decoration:none}.site-header{height:74px;padding:0 4vw;display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(241,240,233,.94);position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.wordmark{display:inline-block;color:#11120f;font-size:22px;font-weight:700;letter-spacing:-1.3px}.wordmark span{font-weight:400}.wordmark i{margin-left:8px;padding:3px 5px;border:1px solid var(--line);border-radius:4px;font:500 8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.site-header nav{margin:auto;display:flex;gap:34px;font-size:12px;font-weight:600}.site-header nav a:hover{opacity:.55}.bag-button{background:transparent;font-size:12px;font-weight:600}.bag-button b{margin-left:6px;width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%;background:var(--black);color:white;font-size:10px}.hero{min-height:730px;padding:74px 4vw 88px;display:grid;grid-template-columns:minmax(320px,.76fr) minmax(520px,1.24fr);grid-gap:7vw;gap:7vw;align-items:center}.hero-copy h1{margin:15px 0 28px;font-size:clamp(68px,8vw,126px);line-height:.82;letter-spacing:-.075em;font-weight:600}.hero-copy h1 em{font-family:var(--serif);font-weight:600}.eyebrow{font:500 10px var(--mono);letter-spacing:.13em;text-transform:uppercase}.lede{max-width:530px;color:#55584f;font-size:16px;line-height:1.65}.proof{margin-top:42px;padding-top:25px;border-top:1px solid var(--line);display:flex;gap:18px;align-items:center}.proof>span{width:44px;height:44px;display:grid;place-items:center;background:var(--acid);border-radius:50%;font-size:26px}.proof p{margin:0;font-size:11px;line-height:1.55}.live-stage{background:#191b18;padding:14px;color:white;box-shadow:0 25px 60px rgba(18,19,15,.18)}.stage-top{height:33px;padding:0 5px;justify-content:space-between;font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#aaaea4}.stage-top,.stage-top span{display:flex;align-items:center}.stage-top span{gap:8px}.stage-top i{width:6px;height:6px;background:#7edc69;border-radius:50%}.stage-top i.working{background:#ffac3d;animation:pulse .7s infinite alternate}@keyframes pulse{to{opacity:.3}}.art-and-product{height:520px;display:grid;grid-template-columns:1.3fr .7fr;grid-gap:12px;gap:12px}.art-frame{min-width:0;background:#090909;display:grid;place-items:center;overflow:hidden}.art-frame canvas{display:block;max-width:100%;max-height:100%;object-fit:contain}.mockup-card{background:#e7e5dd;color:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.mockup-card>span{position:absolute;bottom:14px;font:500 8px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#777}.product-visual{width:90%;height:78%}.tee-visual b{position:absolute;left:22%;top:12%;width:56%;height:73%;background:#f4f0e8;-webkit-clip-path:polygon(24% 0,38% 7%,62% 7%,76% 0,100% 17%,84% 36%,76% 29%,76% 100%,24% 100%,24% 29%,16% 36%,0 17%);clip-path:polygon(24% 0,38% 7%,62% 7%,76% 0,100% 17%,84% 36%,76% 29%,76% 100%,24% 100%,24% 29%,16% 36%,0 17%)}.tee-visual em{position:absolute;left:31%;top:27%;width:38%;height:46%}.print-visual b{position:absolute;left:19%;top:4%;width:62%;height:88%;background:#faf8ef;padding:8%;box-shadow:8px 12px 30px #7775}.print-visual em{width:100%;height:100%}.mug-visual b{position:absolute;left:9%;top:26%;width:72%;height:46%;background:#fff;border-radius:8% 8% 16% 16%;overflow:hidden}.mug-visual em{width:100%;height:74%;margin-top:8%;background-size:100% 100%}.mug-visual>i{position:absolute;left:69%;top:35%;width:27%;height:27%;border:14px solid white;border-radius:50%}.recipe-strip{min-height:45px;padding:12px 4px 0;display:flex;align-items:center;gap:10px;font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.07em}.recipe-strip span{padding:5px 7px;border:1px solid #ffffff2d}.recipe-strip i{font-style:normal;color:#747970}.recipe-strip b{margin-left:auto;color:var(--acid)}.configurator{padding:86px 4vw;display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:8vw;gap:8vw;background:var(--cream);border-top:1px solid var(--line)}.config-head,.configurator{border-bottom:1px solid var(--line)}.config-head{padding-bottom:46px;display:flex;justify-content:space-between}.config-head small{font:500 9px var(--mono);color:var(--muted)}.config-head h2{margin:8px 0 6px;font-size:46px;letter-spacing:-.045em}.config-head p{margin:0;color:var(--muted);font-size:13px}.formula{align-self:flex-start;padding:12px;border:1px solid var(--line);font:9px var(--mono);text-transform:uppercase}.formula b{display:block;margin-top:7px;font-size:12px;text-transform:none}fieldset{margin:0;padding:35px 0;border:0;border-bottom:1px solid var(--line)}legend{padding:0;font-size:13px;font-weight:700}legend span{margin-right:12px;color:#9a9d91;font:10px var(--mono)}.product-options{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.product-options button{min-height:172px;padding:18px;text-align:left;background:transparent;border:1px solid var(--line);position:relative}.product-options button.active{border:2px solid var(--black);padding:17px;background:white}.product-options b,.product-options small,.product-options strong{display:block}.product-options b{margin:15px 0 7px;font-size:11px}.product-options small{color:var(--muted);font-size:9px;line-height:1.55}.product-options strong{position:absolute;right:15px;bottom:14px;font:500 10px var(--mono)}.mini-product{height:33px;display:block;position:relative}.mini-tee:after{width:39px;background:#222;-webkit-clip-path:polygon(25% 0,38% 9%,62% 9%,75% 0,100% 20%,80% 43%,74% 35%,74% 100%,26% 100%,26% 35%,20% 43%,0 20%);clip-path:polygon(25% 0,38% 9%,62% 9%,75% 0,100% 20%,80% 43%,74% 35%,74% 100%,26% 100%,26% 35%,20% 43%,0 20%)}.mini-print:after,.mini-tee:after{content:"";height:32px;display:block}.mini-print:after{width:24px;border:3px solid #222}.mini-mug:after{content:"";width:34px;height:25px;margin-top:6px;display:block;border:3px solid #222;border-radius:2px 2px 7px 7px;box-shadow:8px 0 0 -4px var(--cream),9px 0 0 -1px #222}.filter-options{margin-top:20px;display:flex;gap:9px;flex-wrap:wrap}.filter-options button{width:96px;padding:7px 7px 10px;background:transparent;border:1px solid transparent;font-size:9px;text-align:left}.filter-options button.active{border-color:var(--black);background:white}.filter-options i{height:62px;margin-bottom:8px;display:block;background:linear-gradient(135deg,#101015,#9535ce,#ffbc7d)}.swatch-lagoon{filter:hue-rotate(70deg)}.swatch-infrared{filter:hue-rotate(300deg) saturate(1.4)}.swatch-monolith{filter:grayscale(1)}.swatch-soft-ink{filter:saturate(.25) brightness(1.3)}.swatch-solar{filter:hue-rotate(145deg)}.edition-field{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.edition-field legend{grid-column:1/-1;margin-bottom:10px}.edition-field button{padding:16px;background:transparent;border:1px solid var(--line);text-align:left;position:relative}.edition-field button.active{border:2px solid var(--black);padding:15px;background:white}.edition-field b,.edition-field small{display:block}.edition-field b{font-size:11px}.edition-field small{margin-top:5px;color:var(--muted);font-size:9px}.edition-field strong{position:absolute;right:12px;top:12px;padding:4px;background:var(--acid);font:8px var(--mono)}.launch-edition{display:block;padding:16px;border:1px solid var(--line);background:#fff}.launch-edition p{margin:0}.launch-edition b,.launch-edition small{display:block}.launch-edition small{margin-top:5px;color:var(--muted);font-size:9px}.buy-panel{align-self:start;position:-webkit-sticky;position:sticky;top:105px;padding:30px;background:var(--black);color:white}.buy-panel h3{margin:15px 0;font-size:25px;line-height:1.1;letter-spacing:-.035em}.buy-panel>p:not(.eyebrow){color:#aeb0a8;font-size:11px;line-height:1.6}.buy-id{margin:25px 0;padding:14px 0;border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22;display:flex;justify-content:space-between;font:9px var(--mono)}.buy-id span{color:#898d83}.buy-id code{color:var(--acid)}.price{display:flex;align-items:flex-end;justify-content:space-between;margin:22px 0}.price b{font-size:37px;letter-spacing:-.04em}.price small{color:#888c81;font-size:9px}.primary,.secondary{width:100%;height:50px}.primary{padding:0 18px;background:var(--acid);display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700}.secondary{margin-top:8px;background:transparent;border:1px solid #ffffff36;color:white;font-size:10px}.notice{display:block;margin-top:12px;color:var(--acid);font:9px var(--mono);text-align:center}.buy-panel ul{margin:22px 0 0;padding:0;list-style:none;display:flex;gap:12px;flex-wrap:wrap;color:#7f837a;font-size:8px}.buy-panel li:before{content:"✓";margin-right:4px;color:var(--acid)}.collection{padding:100px 4vw;display:grid;grid-template-columns:310px 1fr;grid-gap:7vw;gap:7vw}.section-title h2{margin:14px 0;font-size:49px;line-height:.95;letter-spacing:-.05em}.section-title>p:last-child{color:var(--muted);font-size:12px;line-height:1.6}.design-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:22px 12px;gap:22px 12px}.design-card{padding:0;background:transparent;text-align:left}.design-card canvas{width:100%;height:auto;display:block;background:#111;filter:saturate(.92);transition:.2s}.design-card.selected canvas,.design-card:hover canvas{transform:translateY(-4px);box-shadow:0 8px 20px #1112}.design-card.selected canvas{outline:3px solid var(--acid);outline-offset:-3px}.design-card span{padding-top:10px;display:block}.design-card b,.design-card small{display:block}.design-card b{font-size:10px}.design-card small{margin-top:4px;color:var(--muted);font:8px var(--mono);text-transform:uppercase}.provenance{padding:110px 11vw;display:grid;grid-template-columns:300px 1fr;grid-gap:10vw;gap:10vw;align-items:center;background:#dfff45}.provenance h2{margin:15px 0 23px;max-width:700px;font-size:48px;line-height:1;letter-spacing:-.05em}.provenance>div>p:not(.eyebrow){max-width:620px;font-size:13px;line-height:1.75}.provenance .recipe-strip{margin-top:30px;border-top:1px solid #1113}.provenance .recipe-strip span{border-color:#1113}.provenance .recipe-strip b{color:var(--ink)}.tag-card{min-height:470px;padding:42px 32px;background:#f7f5ec;box-shadow:12px 16px 0 #111;position:relative;text-align:center}.tag-hole{width:25px;height:25px;margin:0 auto 23px;display:block;border:5px solid #111;border-radius:50%}.fake-qr{width:212px;height:212px;margin:auto;background:repeating-conic-gradient(#111 0 25%,transparent 0 50%) 0/17px 17px;border:14px solid white;outline:2px solid #111}.tag-card b,.tag-card p,.tag-card small{display:block}.tag-card small{margin-top:25px;font:8px var(--mono)}.tag-card b{margin-top:8px;font:22px var(--mono)}.tag-card p{font:9px/1.5 var(--mono)}.system{padding:110px 4vw;background:#171916;color:white;text-align:center}.system h2{margin:12px 0 60px;font-size:58px;letter-spacing:-.05em}.system>div{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:auto;text-align:left;border-top:1px solid #ffffff2d}.system article{padding:30px;border-right:1px solid #ffffff2d}.system article:last-child{border:0}.system article>b{color:var(--acid);font:10px var(--mono)}.system h3{font-size:17px}.system article p{color:#94988e;font-size:11px;line-height:1.7}.system>code{margin-top:70px;padding:18px 25px;display:inline-block;border:1px solid #ffffff2d;color:var(--acid);font:12px var(--mono)}footer{height:130px;padding:0 4vw;display:flex;align-items:center;gap:35px}footer p{font-size:11px}footer small{margin-left:auto;color:var(--muted);font:8px var(--mono);text-transform:uppercase}.drawer-backdrop{position:fixed;inset:0;background:#111a;z-index:50}.bag-drawer{width:min(440px,100%);height:100%;margin-left:auto;padding:45px 35px;background:var(--cream);position:relative}.drawer-close{position:absolute;right:24px;top:21px;background:transparent;font-size:28px}.bag-drawer h2{font-size:34px}.bag-list>div,.bag-total{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.bag-list small,.bag-list span{display:block}.bag-list span{font-size:11px;text-transform:capitalize}.bag-list small{margin-top:4px;color:var(--muted);font:8px var(--mono)}.bag-list b,.bag-total b{font:500 12px var(--mono)}.bag-total{margin:22px 0;font-size:14px}.drawer-note{color:var(--muted);font-size:9px;line-height:1.6}.origin-page>.site-header>a:last-child{margin-left:auto;font-size:11px;font-weight:600}.origin-page>section{min-height:calc(100vh - 74px);padding:70px 7vw;display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,.8fr);grid-gap:8vw;gap:8vw;align-items:center}.origin-art{padding:14px;background:#171916;color:white;box-shadow:0 25px 60px #1113}.origin-art canvas{width:100%;max-height:700px;display:block;object-fit:contain;background:#090909}.origin-copy h1{margin:16px 0 28px;font-size:clamp(60px,7vw,100px);line-height:.84;letter-spacing:-.07em}.origin-copy h1 em{font-family:var(--serif)}.origin-copy>p:not(.eyebrow){max-width:580px;color:var(--muted);font-size:13px;line-height:1.7}.origin-copy dl{margin:35px 0;border-top:1px solid var(--line)}.origin-copy dl>div{padding:11px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.origin-copy dt{color:var(--muted);font:9px var(--mono);text-transform:uppercase}.origin-copy dd{margin:0;max-width:60%;font:9px var(--mono);text-align:right;overflow-wrap:anywhere}.origin-offer{display:flex;justify-content:space-between;align-items:center}.origin-offer>b{font-size:32px}.origin-offer a{padding:14px 17px;background:var(--acid);font-size:10px;font-weight:700}.origin-offer span{margin-left:18px}.origin-error,.origin-loading{min-height:100vh;display:grid;place-content:center;text-align:center}.origin-loading span{width:28px;height:28px;margin:0 auto 20px;border:2px solid var(--line);border-top-color:var(--black);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.origin-error h1{font-size:42px}.origin-error a{margin-top:20px;text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #80a900;outline-offset:3px}@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy h1{font-size:90px}.configurator{grid-template-columns:1fr}.buy-panel{position:static}.collection{grid-template-columns:1fr}.design-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.site-header{padding:0 18px}.site-header nav{display:none}.bag-button{margin-left:auto}.hero{padding:42px 18px 60px}.hero-copy h1{font-size:65px}.art-and-product{height:410px;grid-template-columns:1fr}.mockup-card{display:none}.recipe-strip{gap:5px;flex-wrap:wrap}.collection,.configurator{padding:65px 18px}.config-head{display:block}.formula{margin-top:20px}.product-options{grid-template-columns:1fr}.product-options button{min-height:130px}.edition-field{grid-template-columns:1fr}.design-grid{grid-template-columns:repeat(2,1fr)}.provenance{padding:75px 28px;grid-template-columns:1fr}.tag-card{max-width:300px}.provenance h2{font-size:39px}.system{padding:75px 18px}.system h2{font-size:43px}.system>div{grid-template-columns:1fr}.system article{border-right:0;border-bottom:1px solid #ffffff2d}footer{padding:30px 18px;height:auto;display:block}footer p{margin:15px 0}footer small{display:block}.filter-options button{width:calc(33.333% - 6px)}}@media(max-width:850px){.origin-page>section{padding:45px 20px;grid-template-columns:1fr}.origin-copy h1{font-size:58px}}.explorer-hero{grid-template-columns:minmax(260px,.52fr) minmax(650px,1.48fr);gap:4vw;padding-top:58px;padding-bottom:66px}.explorer-hero .hero-copy h1{font-size:clamp(64px,6.6vw,110px)}.explorer-stage{padding:11px;border:1px solid #252b24;background:#0f130f;box-shadow:0 32px 80px rgba(19,24,16,.24)}.explorer-grid{min-height:590px;display:grid;grid-template-columns:238px minmax(0,1fr) 184px;border:1px solid #30392f;background:#151a15}.explorer-controls{min-width:0;display:flex;flex-direction:column;background:#e8e9df;color:#151813;border-right:1px solid #cbd0c4;overflow:hidden}.explorer-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:7px;border-bottom:1px solid #ced3c8;background:#f5f6ef}.explorer-tabs button{min-height:33px;padding:0 4px;background:transparent;color:#70756b;font:700 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.explorer-tabs button.active{background:#171c16;color:#e8ff6f;box-shadow:0 1px 0 #171c16}.explorer-panel-body{min-height:0;overflow:auto;padding:18px 15px 20px;scrollbar-color:#7b8573 transparent}.panel-heading span{display:block;margin-bottom:8px;color:#757b70;font:600 8px var(--mono);letter-spacing:.14em;text-transform:uppercase}.panel-heading h2{margin:0;font-size:25px;letter-spacing:-.055em;line-height:.95}.panel-heading p{margin:11px 0 17px;color:#656b61;font-size:10px;line-height:1.55}.explorer-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.explorer-preset{min-width:0;padding:0 0 8px;background:#f8f8f1;border:1px solid #d2d6ca;text-align:left;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.explorer-preset:hover{transform:translateY(-2px);border-color:#21271f;box-shadow:0 5px 12px rgba(20,25,19,.12)}.explorer-preset.selected{border:2px solid #1a2018;box-shadow:inset 0 0 0 2px #dfff45}.explorer-preset canvas{display:block;width:100%;height:auto;background:#10130f}.explorer-preset span{display:block;padding:7px 7px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.explorer-preset b,.explorer-preset small{display:block}.explorer-preset small{color:#858b7f;font:7px var(--mono)}.explorer-preset b{margin-top:3px;font-size:9px;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis}.control-section{margin-top:20px;padding-top:15px;border-top:1px solid #d0d4c9}.control-section h3{margin:0 0 11px;color:#4b5249;font:700 8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.family-list{display:grid;grid-gap:5px;gap:5px}.family-list button{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:9px 8px;background:#f7f8f0;border:1px solid #d2d6ca;text-align:left}.family-list button.active{border-color:#171c16;background:#171c16;color:#e8ff6f}.family-list b{font-size:10px}.family-list small{max-width:70px;color:#858b7f;font:7px/1.25 var(--mono);text-align:right}.family-list button.active small{color:#b6c2a9}.range-field{display:block;margin:11px 0}.range-field>span{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.range-field b{font-size:9px}.range-field output{padding:2px 4px;background:#dfe3d8;color:#3e453d;font:8px var(--mono)}.range-field input{--range-progress:50%;display:block;width:100%;height:16px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.range-field input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,#1b2119 var(--range-progress),#c4c9bf var(--range-progress));border-radius:5px}.range-field input::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px;-webkit-appearance:none;appearance:none;border:2px solid #1b2119;border-radius:50%;background:#e6ff64}.range-field input::-moz-range-track{height:3px;background:#c4c9bf;border-radius:5px}.range-field input::-moz-range-progress{height:3px;background:#1b2119}.range-field input::-moz-range-thumb{width:10px;height:10px;border:2px solid #1b2119;border-radius:50%;background:#e6ff64}.palette-list{display:grid;grid-gap:5px;gap:5px}.palette-list button{display:flex;align-items:center;gap:8px;padding:6px;background:#f7f8f0;border:1px solid #d2d6ca;text-align:left}.palette-list button.active{border-color:#171c16;box-shadow:inset 3px 0 #171c16}.palette-list i{display:flex;width:58px;height:17px;overflow:hidden}.palette-list i b{flex:1 1}.palette-list span{font-size:9px}.filter-presets{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 2px}.filter-presets button{padding:7px 8px;background:#f7f8f0;border:1px solid #d2d6ca;font-size:9px}.filter-presets button.active,.filter-presets button:hover{border-color:#171c16;background:#171c16;color:#e8ff6f}.wide-quiet-button{width:100%;margin-top:13px;padding:10px;background:transparent;border:1px solid #b7beb3;color:#475045;font:700 8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.interactive-workspace{min-width:0;display:flex;flex-direction:column;padding:10px;background:repeating-linear-gradient(0deg,#161c16 0 1px,#141914 1px 34px),repeating-linear-gradient(90deg,transparent 0 33px,#1d251d 33px 34px)}.workspace-toolbar{display:flex;justify-content:space-between;gap:8px;min-height:25px;padding:0 2px;color:#aab4a3;font:8px var(--mono);letter-spacing:.04em;overflow:hidden;white-space:nowrap}.workspace-toolbar b{color:#e5ff65}.artboard{position:relative;display:grid;min-height:0;flex:1 1;place-items:center;overflow:hidden;background:#050605;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab;box-shadow:inset 0 0 0 1px #323c32}.artboard.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.artboard.is-dragging canvas{transition:none}.artboard canvas{--preview-scale-x:1;--preview-scale-y:1;position:relative;z-index:1;display:block;max-width:100%;max-height:100%;object-fit:contain;transform:scale(var(--preview-scale-x),var(--preview-scale-y));transition:transform .06s linear;will-change:transform}.artboard-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle,transparent 45%,rgba(0,0,0,.34) 115%);box-shadow:inset 0 0 46px rgba(0,0,0,.55)}.workspace-actions{display:flex;align-items:center;gap:5px;padding-top:9px}.workspace-actions button{height:26px;min-width:26px;padding:0 7px;border:1px solid #3b473a;background:#202820;color:#eef6e6;font:700 10px var(--mono)}.workspace-actions button:hover{border-color:#e7ff70;color:#e7ff70}.workspace-actions span{margin-left:2px;color:#afb9a8;font:8px var(--mono)}.workspace-actions .export-artwork{margin-left:auto;background:#e3ff59;border-color:#e3ff59;color:#131811;font:700 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}.canvas-hint{margin:7px 0 0;color:#809078;font:7px var(--mono);letter-spacing:.02em}.explorer-product{display:flex;flex-direction:column;align-items:stretch;padding:15px 10px 12px;background:linear-gradient(145deg,#e7e8df,#cfd2c8);color:#141813;overflow:hidden}.explorer-product>.eyebrow{margin:0;color:#6c7468;font-size:7px}.explorer-product>.product-visual{width:100%;height:calc(100% - 73px);min-height:250px;flex:1 1}.explorer-product>div:last-child{padding-top:8px;border-top:1px solid #b9beb4}.explorer-product b,.explorer-product small{display:block}.explorer-product b{font-size:10px}.explorer-product small{margin-top:3px;color:#667064;font:7px/1.35 var(--mono)}.product-visual{position:relative;isolation:isolate;overflow:visible}.product-visual em{display:block;background-repeat:no-repeat;background-position:50%;background-size:cover}.tee-visual{filter:drop-shadow(0 16px 13px rgba(25,29,24,.25))}.tee-shadow{position:absolute;z-index:-1;left:19%;right:13%;bottom:7%;height:10%;border-radius:50%;background:rgba(34,41,32,.23);filter:blur(8px)}.tee-sleeve{position:absolute;z-index:1;top:17%;width:28%;height:26%;background:linear-gradient(135deg,#f7f4e8,#d9d8cd);box-shadow:inset 0 -7px 11px rgba(20,25,20,.1)}.tee-sleeve-left{left:10%;-webkit-clip-path:polygon(46% 0,100% 20%,73% 100%,0 57%);clip-path:polygon(46% 0,100% 20%,73% 100%,0 57%)}.tee-sleeve-right{right:10%;-webkit-clip-path:polygon(54% 0,0 20%,27% 100%,100% 57%);clip-path:polygon(54% 0,0 20%,27% 100%,100% 57%)}.tee-body{position:absolute;z-index:2;left:23%;top:12%;width:54%;height:75%;overflow:hidden;background:#f4f1e8;-webkit-clip-path:polygon(25% 0,39% 6%,61% 6%,75% 0,88% 16%,83% 30%,75% 25%,75% 100%,25% 100%,25% 25%,17% 30%,12% 16%);clip-path:polygon(25% 0,39% 6%,61% 6%,75% 0,88% 16%,83% 30%,75% 25%,75% 100%,25% 100%,25% 25%,17% 30%,12% 16%);box-shadow:inset -11px 0 14px rgba(16,19,14,.18),inset 10px 0 13px rgba(255,255,255,.4)}.tee-body>em{position:absolute;inset:0;background-size:145% 116%;background-position:50%}.tee-collar{position:absolute;z-index:2;top:4%;height:8%;border:5px solid rgba(246,243,234,.92);border-bottom-color:rgba(16,19,14,.32);border-radius:0 0 50% 50%;transform:translateY(-45%)}.tee-fabric-shine{position:absolute;z-index:3;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.28),transparent 28%,transparent 62%,rgba(0,0,0,.15));mix-blend-mode:soft-light}.mug-visual{filter:drop-shadow(0 15px 10px rgba(27,31,25,.25))}.mug-shadow{position:absolute;z-index:-1;left:15%;right:13%;bottom:17%;height:12%;border-radius:50%;background:rgba(35,40,32,.24);filter:blur(9px)}.mug-handle{position:absolute;z-index:1;left:67%;top:34%;width:25%;height:29%;border:13px solid #f7f5ee;border-left-width:9px;border-radius:48%;box-shadow:inset 3px 1px 5px rgba(24,30,23,.2),2px 4px 3px rgba(20,25,19,.15)}.mug-body{position:absolute;z-index:2;left:9%;top:27%;width:68%;height:45%;overflow:hidden;border-radius:8% 8% 16% 16%/13% 13% 23% 23%;background:#f8f6ef;box-shadow:inset 10px 0 17px rgba(255,255,255,.45),inset -13px 0 18px rgba(22,27,21,.24),0 4px 5px rgba(30,35,29,.2)}.mug-body>em{position:absolute;left:0;right:0;top:13%;height:72%;background-size:136% 100%;background-position:50%}.mug-rim{position:absolute;left:4%;right:4%;top:-3%;height:18%;border:7px solid #f8f6ef;border-bottom-color:rgba(38,27,22,.76);border-radius:50%;box-shadow:inset 0 3px 2px rgba(23,25,19,.28)}.mug-glaze{position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.43),transparent 24%,transparent 65%,rgba(0,0,0,.11));pointer-events:none}.print-visual{filter:drop-shadow(9px 14px 12px rgba(33,37,29,.25))}.print-shadow{z-index:-1;top:11%;height:79%;background:rgba(34,37,30,.28);transform:rotate(-3deg)}.print-frame,.print-shadow{position:absolute;left:16%;width:68%}.print-frame{top:5%;height:87%;padding:6%;background:#f8f7ef;box-shadow:inset 0 0 0 1px rgba(39,43,33,.2)}.print-mat{display:block;width:100%;height:100%;padding:7%;background:#ebe9de;box-shadow:inset 0 0 0 1px rgba(39,43,33,.16)}.print-mat em{width:100%;height:100%;box-shadow:0 1px 4px rgba(22,27,19,.24)}@media(max-width:1200px){.explorer-hero{grid-template-columns:minmax(230px,.5fr) minmax(550px,1.5fr)}.explorer-grid{grid-template-columns:215px minmax(0,1fr) 158px}.explorer-product{padding-left:7px;padding-right:7px}.workspace-toolbar span:last-child{display:none}}@media(max-width:1050px){.explorer-hero{grid-template-columns:1fr}.explorer-stage{max-width:960px;width:100%;margin:auto}.explorer-grid{min-height:560px}}@media(max-width:700px){.explorer-hero{padding-top:36px}.explorer-grid{display:flex;min-height:0;flex-direction:column}.explorer-controls{border-right:0;border-bottom:1px solid #cbd0c4}.explorer-panel-body{max-height:315px;padding:14px}.explorer-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.explorer-preset span{padding:5px 4px 0}.explorer-preset b{font-size:8px}.interactive-workspace{padding:8px;min-height:385px}.artboard{min-height:300px;flex:auto;aspect-ratio:1}.explorer-product{display:grid;grid-template-columns:120px 1fr;grid-column-gap:12px;column-gap:12px;align-items:center;min-height:180px;padding:12px}.explorer-product>.eyebrow{grid-column:1/-1}.explorer-product>.product-visual{grid-column:1;height:132px;min-height:132px}.explorer-product>div:last-child{grid-column:2;grid-row:2;border-top:0;border-left:1px solid #b9beb4;padding:0 0 0 12px}.canvas-hint{line-height:1.5}.workspace-actions{flex-wrap:wrap}.workspace-actions .export-artwork{margin-left:0}.explorer-tabs{padding:5px}.family-list{grid-template-columns:repeat(2,minmax(0,1fr))}.family-list button{min-height:45px;display:block}.family-list small{display:block;max-width:none;margin-top:3px;text-align:left}.range-field{margin:9px 0}}@media(max-width:420px){.explorer-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interactive-workspace{min-height:330px}.artboard{min-height:260px}.workspace-toolbar{font-size:7px}.explorer-product{grid-template-columns:100px 1fr}.explorer-product>.product-visual{height:115px;min-height:115px}.explorer-panel-body{max-height:335px}.workspace-actions button{padding:0 5px}.workspace-actions .export-artwork{min-width:auto;font-size:7px}}.tee-sleeve{display:none}.tee-body{left:3%;top:13%;width:94%;height:auto;aspect-ratio:.84;-webkit-clip-path:polygon(26% 0,37% 7%,63% 7%,74% 0,96% 13%,100% 31%,78% 40%,75% 100%,25% 100%,22% 40%,0 31%,4% 13%);clip-path:polygon(26% 0,37% 7%,63% 7%,74% 0,96% 13%,100% 31%,78% 40%,75% 100%,25% 100%,22% 40%,0 31%,4% 13%);box-shadow:inset -13px 0 17px rgba(16,19,14,.24),inset 13px 0 16px rgba(255,255,255,.28),0 3px 4px rgba(27,33,25,.18)}.tee-body>em{left:0;top:0;width:100%;height:100%;background-size:cover;filter:saturate(.94)}.tee-collar{left:39%;top:9%;width:22%;height:9%;border-width:5px;background:radial-gradient(ellipse at center,rgba(24,28,22,.65) 0 35%,transparent 37%)}.mug-photo-mockup,.tee-photo-mockup{filter:drop-shadow(0 17px 13px rgba(21,28,20,.25))}.mockup-photo-shadow{position:absolute;z-index:-1;left:17%;right:14%;bottom:8%;height:10%;border-radius:50%;background:rgba(31,38,29,.26);filter:blur(9px)}.mockup-photo-base,.mug-photo-art,.mug-photo-glaze,.tee-photo-art,.tee-photo-highlights{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mockup-photo-base{z-index:3;display:block;object-fit:contain}.tee-photo-art{z-index:1;background-repeat:no-repeat;background-position:50%;background-size:cover;-webkit-mask-image:url(/mockups/tee-blank-alpha.webp);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(/mockups/tee-blank-alpha.webp);mask-size:contain;mask-position:center;mask-repeat:no-repeat}.tee-photo-base{mix-blend-mode:multiply;filter:grayscale(1) contrast(1.08) brightness(.98);opacity:.82}.tee-photo-highlights{z-index:4;background:linear-gradient(108deg,rgba(255,255,255,.42),transparent 22%,transparent 63%,rgba(17,22,18,.18)),radial-gradient(ellipse at 50% 5%,rgba(255,255,255,.36),transparent 31%);mix-blend-mode:screen;opacity:.65;-webkit-mask-image:url(/mockups/tee-blank-alpha.webp);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(/mockups/tee-blank-alpha.webp);mask-size:contain;mask-position:center;mask-repeat:no-repeat}.mug-photo-art{z-index:1;inset:auto;left:21.4%;top:25.3%;width:48.9%;height:50.7%;overflow:hidden;border-radius:3% 3% 10% 10%/4% 4% 12% 12%;background-repeat:no-repeat;background-position:50%;background-size:142% 104%;box-shadow:inset 10px 0 16px rgba(10,15,13,.28),inset -13px 0 19px rgba(10,15,13,.38)}.mug-photo-art:after,.mug-photo-art:before{content:"";position:absolute;inset:0;pointer-events:none}.mug-photo-art:before{background:linear-gradient(90deg,rgba(10,15,13,.48),transparent 18%,transparent 77%,rgba(10,15,13,.55));mix-blend-mode:multiply}.mug-photo-art:after{background:linear-gradient(102deg,rgba(255,255,255,.22),transparent 20%,transparent 70%,rgba(255,255,255,.12));mix-blend-mode:screen}.mug-photo-base{mix-blend-mode:multiply;filter:grayscale(1) contrast(1.1) brightness(.98);opacity:.86}.mug-photo-glaze{z-index:4;background:linear-gradient(112deg,rgba(255,255,255,.38),transparent 18%,transparent 67%,rgba(0,0,0,.1));mix-blend-mode:screen;opacity:.56}@media(min-width:701px){.explorer-product>.mug-photo-mockup,.explorer-product>.tee-photo-mockup{width:112%;height:auto;min-height:0;aspect-ratio:1;flex:0 0 auto;margin:auto -6%}}