:root{--ink-900: #14130f;--ink-700: #2a2822;--ink-500: #6b675c;--ink-300: #a9a496;--paper-100: #f5f2ea;--paper-200: #ebe6da;--paper-300: #ddd6c6;--brass-500: #c9a66b;--brass-700: #8f713b;--danger: #a8392f;--success: #3c7a4f;--bg: var(--paper-100);--surface: #fffdf8;--text: var(--ink-900);--text-muted: var(--ink-500);--border: var(--paper-300);--accent: var(--brass-700);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.25rem;--fs-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--fs-2xl: clamp(2rem, 1.4rem + 3vw, 3.5rem);--fs-3xl: clamp(2.5rem, 1.5rem + 5vw, 5rem);--lh-tight: 1.1;--lh-body: 1.6;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-6: 1.5rem;--s-8: 2rem;--s-12: 3rem;--s-16: 4rem;--s-24: 6rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-card: 0 1px 2px rgb(20 19 15 / 6%), 0 8px 24px rgb(20 19 15 / 6%);--ease: cubic-bezier(.22, .61, .36, 1);--dur: .18s;--container: 1200px;--gutter: var(--s-4);--header-h: 64px}@media (min-width: 640px){:root{--gutter: var(--s-6)}}@media (min-width: 960px){:root{--gutter: var(--s-8);--header-h: 72px}}:root{--ivory: #f6f1e7;--ink: #15131a;--cobalt: #2b3bff;--coral: #ff6b4a;--lavender: #b9a6ff;--lime: #d4f25a;--blush: #f7d4cb;--sage: #cfe0c3;--sky: #cbd6ff;--sand: #e9e3d3;--bg: var(--ivory);--surface: #fffdf8;--text: var(--ink);--border: #d9d1bf;--accent: var(--cobalt);--fs-4xl: clamp(3.1rem, 1.6rem + 8.2vw, 7.5rem);--radius-art: 14px;--radius-panel: 20px;--shadow-art: 0 22px 40px -18px rgb(21 19 26 / 45%), 0 2px 6px rgb(21 19 26 / 12%);--band-overlap: 24px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:var(--lh-tight);margin:0;letter-spacing:-.02em}h1 em,h2 em{font-style:italic;font-weight:400}p{margin:0}:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:4px}.band--ink :focus-visible,.site-footer :focus-visible,.mobile-nav :focus-visible{outline-color:var(--lime)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.eyebrow{font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:700}.muted{color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--s-4);top:-100px;z-index:100;background:var(--ink);color:var(--ivory);padding:var(--s-3) var(--s-4);border-radius:var(--radius-sm)}.skip-link:focus{top:var(--s-3)}.actions{display:flex;flex-wrap:wrap;gap:var(--s-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-6);border-radius:10px;border:2px solid var(--ink);font:600 var(--fs-sm)/1 var(--font-body);letter-spacing:.02em;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--ivory)}.btn-primary:hover{background:var(--cobalt);border-color:var(--cobalt)}.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--lime)}.btn-light{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}.btn-light:hover{background:var(--lime);border-color:var(--lime)}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn[disabled]:hover{background:var(--ink);border-color:var(--ink)}.btn-sm{min-height:44px;padding:0 var(--s-3);font-size:.8rem}.text-link{font-size:var(--fs-sm);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.text-link:hover{color:var(--cobalt)}.band--ink .text-link:hover,.band--cobalt .text-link:hover{color:var(--lime)}.link-btn{background:none;border:0;padding:0;min-height:44px;font:inherit;font-size:var(--fs-sm);color:var(--text-muted);text-decoration:underline;cursor:pointer}.notice{border:1.5px dashed var(--ink-300);border-radius:var(--radius-sm);padding:var(--s-3) var(--s-4);font-size:var(--fs-sm);color:var(--text-muted)}.card{background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--radius-panel)}.announcement{background:var(--lime);color:var(--ink);font-size:var(--fs-xs);font-weight:500;letter-spacing:.02em;border-bottom:1.5px solid var(--ink)}.announcement-inner{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;padding-block:var(--s-2)}.announcement p{text-align:center;padding-inline:var(--s-8)}.announcement-close{position:absolute;right:var(--gutter);top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:none;color:inherit;cursor:pointer;font-size:.8rem}.site-header{position:sticky;top:0;z-index:30;background:var(--ivory);border-bottom:1.5px solid var(--ink)}.site-header .bar{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.wordmark{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-display);font-size:1.3rem;font-weight:600;letter-spacing:.04em}.mark{width:22px;height:22px;border-radius:50%;border:2px solid var(--ink);background:linear-gradient(90deg,var(--cobalt) 50%,var(--coral) 50%);flex:none}.nav{display:none;gap:var(--s-8);font-size:var(--fs-sm);font-weight:600}.nav a{padding-block:var(--s-2);border-bottom:3px solid transparent;transition:border-color var(--dur) var(--ease)}.nav a:hover{border-color:var(--lime)}.nav a.active{border-color:var(--cobalt)}.header-actions{display:flex;align-items:center;gap:var(--s-1)}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:none;color:var(--ink);border-radius:50%;cursor:pointer;transition:background var(--dur) var(--ease)}.icon-btn:hover{background:var(--lime)}.cart-count{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--coral);color:var(--ink);font-size:11px;font-weight:700;line-height:1;display:grid;place-items:center;border:1.5px solid var(--ink)}.header-account{display:none}.menu-btn{margin-left:var(--s-1);width:44px;height:44px;border:1.5px solid var(--ink);border-radius:10px;background:none;font-size:1.1rem;cursor:pointer;color:var(--ink)}.mobile-nav{position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - var(--header-h));overflow-y:auto;display:grid;padding:var(--s-4) var(--gutter) var(--s-8);background:var(--ink);color:var(--ivory);border-top:1.5px solid var(--ink)}.mobile-nav a{padding:var(--s-3) 0;font:500 clamp(1.8rem,8vw,2.4rem)/1.1 var(--font-display);letter-spacing:-.02em;border-bottom:1px solid rgb(246 241 231 / 14%)}.mobile-nav a:hover{color:var(--lime)}@media (max-width: 480px){.wordmark{font-size:1.1rem}}@media (min-width: 640px){.header-account{display:inline-flex}}@media (min-width: 960px){.nav{display:flex}.menu-btn,.mobile-nav{display:none}}.art{position:relative;display:block;width:100%;aspect-ratio:9 / 16;background:var(--art-bg, var(--sand));border-radius:var(--radius-art);overflow:hidden;isolation:isolate;box-shadow:var(--shadow-art)}.art svg,.art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.art img{transition:transform .5s var(--ease)}.art-ph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.1;background-image:radial-gradient(var(--ink) .6px,transparent .7px);background-size:4px 4px;mix-blend-mode:multiply}.art-tag{position:absolute;left:var(--s-2);bottom:var(--s-2);z-index:2;padding:3px 7px;border-radius:3px;background:var(--ivory);color:var(--ink);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.2}.art-sm{border-radius:8px;box-shadow:none}.art-sm .art-tag,.art-phone .art-tag{display:none}.art-phone{border:5px solid var(--ink);border-radius:24px;box-shadow:var(--shadow-art),0 0 0 1px #f6f1e724}.art-phone:before{content:"";position:absolute;top:2.2%;left:50%;z-index:3;width:26%;height:2%;transform:translate(-50%);border-radius:99px;background:var(--ink)}.badge{position:absolute;top:var(--s-2);left:var(--s-2);z-index:4;background:var(--ivory);color:var(--ink);border:1.5px solid var(--ink);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:2px 7px;border-radius:3px}.badge-static{position:static;align-self:start;justify-self:start}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--ink);margin-right:var(--s-2);vertical-align:-1px}.breadcrumb{padding-top:var(--s-6);font-size:var(--fs-sm);color:var(--text-muted)}.breadcrumb a:hover{color:var(--ink);text-decoration:underline}.page-head{padding-block:var(--s-12) var(--s-8);display:grid;gap:var(--s-3)}.page-head h1{font-size:var(--fs-3xl)}.page-head p{max-width:56ch}.page-head .eyebrow{color:var(--cobalt)}.hero{padding-block:var(--s-16) var(--s-12);display:grid;gap:var(--s-6)}.hero h1{font-size:var(--fs-3xl);max-width:14ch}.hero p{font-size:var(--fs-lg);max-width:46ch;color:var(--text-muted)}.section{padding-block:var(--s-8)}.empty{padding:var(--s-8) var(--s-6);text-align:center;border:2px dashed var(--ink-300);border-radius:var(--radius-panel);background:var(--surface);color:var(--ink)}.empty h3{font-size:var(--fs-lg)}.empty .btn{display:inline-flex}.band{position:relative;margin-top:calc(var(--band-overlap) * -1);padding:calc(var(--band-overlap) + clamp(3rem,8vw,6rem)) 0 clamp(3.5rem,8vw,6.5rem);border-radius:var(--band-overlap) var(--band-overlap) 0 0}.band--ink{background:var(--ink);color:var(--ivory)}.band--ivory{background:var(--ivory);color:var(--ink)}.band--cobalt{background:var(--cobalt);color:var(--ivory)}.band--sand{background:var(--sand);color:var(--ink)}.band--lime{background:var(--lime);color:var(--ink)}.band--after-grid{margin-top:0;padding-top:clamp(3rem,8vw,5rem);border-top:1.5px solid var(--ink);border-radius:0}.sec-head{display:flex;align-items:end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-8)}.sec-head h2{font-size:var(--fs-2xl);margin-top:var(--s-2)}.sec-head .text-link{flex:none;white-space:nowrap;padding-bottom:var(--s-2)}.band--ink .eyebrow,.band--cobalt .eyebrow{color:var(--lime)}.band--ivory .eyebrow,.band--sand .eyebrow{color:var(--cobalt)}.band--lime .eyebrow{color:var(--ink)}.hero-g{position:relative;background:var(--ivory);padding-bottom:calc(var(--band-overlap) + var(--s-8));overflow:hidden}.hero-g-grid{display:grid;gap:var(--s-8);padding-top:var(--s-8);align-items:center}.hero-g-copy{display:grid;gap:var(--s-4);position:relative;z-index:2}.hero-g-eyebrow{color:var(--cobalt)}.hero-g h1{font-size:var(--fs-4xl);font-weight:600;letter-spacing:-.035em}.hero-g h1 em{color:var(--cobalt)}.hero-g-copy p{font-size:var(--fs-lg);max-width:38ch;color:var(--ink-700)}.hero-g .actions{margin-top:var(--s-2)}.hero-g-stage-wrap{position:relative}.hero-g-stage{position:relative;width:100%;max-width:520px;aspect-ratio:1 / 1.08;margin-inline:auto}.hero-g-caption{margin-top:var(--s-3);font-size:var(--fs-xs);color:var(--text-muted);text-align:center}.shape{position:absolute;border-radius:50%}.shape-circle{width:78%;aspect-ratio:1;right:-4%;top:4%;background:var(--coral)}.shape-ring{width:96%;aspect-ratio:1;left:-10%;top:-2%;border:2px solid var(--ink);opacity:.25}.shape-dot{width:15%;aspect-ratio:1;left:6%;top:8%;background:var(--lime);border:2px solid var(--ink)}.hero-frame{position:absolute}.hero-frame--a{left:0;bottom:2%;width:35%;transform:rotate(-7deg);z-index:2}.hero-frame--b{left:29%;top:0;width:43%;z-index:4}.hero-frame--c{right:0;bottom:8%;width:34%;transform:rotate(6deg);z-index:3}@media (min-width: 960px){.hero-g-grid{grid-template-columns:1.05fr 1fr;gap:var(--s-12);padding-top:var(--s-12)}.hero-g-stage{max-width:560px}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:rise .6s var(--ease) both}.marquee{position:relative;background:var(--coral);color:var(--ink);border-block:1.5px solid var(--ink);overflow:hidden;padding:14px 0 calc(14px + var(--band-overlap));font:500 1.15rem/1 var(--font-display)}.marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.marquee-row{display:flex;align-items:center;gap:var(--s-6);padding-right:var(--s-6);white-space:nowrap}.marquee-row i{font-style:normal;font-size:.9rem}@keyframes marquee{to{transform:translate(-50%)}}.cgrid{display:grid;gap:var(--s-6)}.collection-grid{display:grid;gap:var(--s-6);padding-bottom:var(--s-16)}.ccard{position:relative;display:grid;gap:var(--s-4);align-content:space-between;overflow:hidden;padding:var(--s-6);background:var(--c-bg);color:var(--c-fg);border-radius:var(--radius-panel);border:1.5px solid var(--ink);transition:transform var(--dur) var(--ease)}.band--ink .ccard{border-color:var(--c-bg)}.ccard-top{display:flex;justify-content:space-between;gap:var(--s-4);font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ccard-frames{position:relative;width:100%;aspect-ratio:1 / .95}.ccard-frame{position:absolute;width:42%}.ccard-frame--1{left:8%;top:2%;transform:rotate(-6deg)}.ccard-frame--2{right:8%;top:14%;transform:rotate(5deg)}.ccard-frame:only-child{left:29%;top:2%;transform:none}.ccard-body{display:grid;gap:var(--s-2)}.ccard h3{font-size:clamp(1.8rem,1.3rem + 2.4vw,2.75rem);font-weight:600;letter-spacing:-.03em}.ccard p{font-size:var(--fs-sm);max-width:38ch;opacity:.85}.ccard-cta{margin-top:var(--s-2);font-size:var(--fs-sm);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.ccard-frame .art-phone{transition:transform .35s var(--ease)}@media (hover: hover){.ccard:hover .ccard-frame--1 .art-phone{transform:translateY(-8px) rotate(-2deg)}.ccard:hover .ccard-frame--2 .art-phone{transform:translateY(-8px) rotate(2deg)}.ccard:hover .ccard-cta span{display:inline-block;transform:translate(4px)}}@media (min-width: 640px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 960px){.cgrid{grid-template-columns:1.1fr 1fr;grid-template-rows:auto auto;gap:var(--s-6)}.ccard--lg{grid-row:span 2;padding:var(--s-8)}.ccard--lg .ccard-frames{aspect-ratio:1 / .85}.ccard--row{grid-template-columns:1fr .8fr;grid-template-areas:"top frames" "body frames";align-items:end;column-gap:var(--s-6)}.ccard--row .ccard-top{grid-area:top;align-self:start;flex-direction:column;gap:var(--s-1)}.ccard--row .ccard-frames{grid-area:frames;aspect-ratio:1 / 1.1}.ccard--row .ccard-body{grid-area:body}.ccard--row h3{font-size:clamp(1.6rem,1rem + 1.6vw,2.2rem)}}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-8) var(--s-3)}.pcard{display:grid;gap:var(--s-3);align-content:start}.pcard-frame{position:relative;display:block;border-radius:var(--radius-art);transition:transform .3s var(--ease)}.pcard-text h3{font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.pcard-text h3 a:hover{text-decoration:underline;text-underline-offset:3px}.pcard-meta{font-size:var(--fs-sm);color:var(--ink-700);margin-top:2px}.pcard .btn{width:100%}@media (hover: hover){.pcard-frame:hover{transform:translateY(-6px) rotate(-.6deg)}.pcard-frame:hover img{transform:scale(1.04)}}@media (min-width: 640px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-12) var(--s-4)}}@media (min-width: 960px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-12) var(--s-6)}.product-grid--stagger>:nth-child(2n){margin-top:var(--s-12)}.product-grid--stagger{padding-bottom:var(--s-12)}}.mood-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.mood{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--s-1);min-height:168px;padding:var(--s-4);overflow:hidden;background:var(--c-bg);color:var(--c-fg);border-radius:var(--radius-panel);border:1.5px solid var(--ink);transition:transform var(--dur) var(--ease)}.mood-name{position:relative;z-index:2;font:600 clamp(1.4rem,1rem + 1.8vw,2.2rem)/1 var(--font-display);letter-spacing:-.03em;max-width:9ch}.mood-go{position:relative;z-index:2;font-weight:700}.mood-art{position:absolute;top:var(--s-3);right:var(--s-3);width:64px;height:64px;border-radius:50%;overflow:hidden;border:1.5px solid var(--ink);transition:transform .35s var(--ease)}.mood-art svg{width:100%;height:100%}.mood--aesthetic,.mood--abstract,.mood--cute-creative{grid-column:span 2}@media (hover: hover){.mood:hover{transform:translateY(-3px)}.mood:hover .mood-art{transform:rotate(25deg) scale(1.08)}}@media (min-width: 960px){.mood-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4)}.mood{min-height:210px;padding:var(--s-6)}.mood--aesthetic{grid-row:span 2}.mood--aesthetic,.mood--abstract,.mood--cute-creative{grid-column:span 2}.mood--minimal,.mood--nature,.mood--artistic,.mood--dark{grid-column:span 1}.mood--aesthetic .mood-art{width:150px;height:150px}.mood--aesthetic .mood-name{font-size:3rem}.mood-art{width:80px;height:80px}}.chips{display:flex;gap:var(--s-2);overflow-x:auto;padding-bottom:var(--s-2);scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips-wrap{flex-wrap:wrap;overflow:visible}.chip{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s-4);border:1.5px solid var(--ink);border-radius:999px;background:transparent;font-size:var(--fs-sm);font-weight:600;white-space:nowrap;transition:background var(--dur) var(--ease)}.chip:hover{background:var(--lime)}.chip[aria-current=true]{background:var(--ink);color:var(--ivory)}.brand-intro{display:grid;gap:var(--s-8)}.brand-intro h2{font-size:var(--fs-3xl);margin-top:var(--s-3);max-width:11ch}.brand-intro-body{display:grid;gap:var(--s-6);align-content:start}.brand-intro-body>p{font-size:var(--fs-lg);max-width:46ch;color:var(--ink-700)}.notes{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}.notes li{display:grid;grid-template-columns:44px 1fr;gap:var(--s-3);padding-block:var(--s-4);border-bottom:1.5px solid var(--ink);font-size:var(--fs-sm)}.notes strong{font-size:var(--fs-base)}.notes-n{font:600 1.1rem/1 var(--font-display);color:var(--cobalt);padding-top:2px}@media (min-width: 960px){.brand-intro{grid-template-columns:1fr 1fr;gap:var(--s-16);align-items:start}}.newsletter{display:grid;gap:var(--s-6)}.newsletter h2{font-size:var(--fs-2xl);margin-top:var(--s-2)}.newsletter-text{margin-top:var(--s-3);max-width:46ch;color:var(--ink-700)}.newsletter-form{display:grid;gap:var(--s-3);align-content:center}.newsletter input{min-height:52px;padding:0 var(--s-4);border:2px solid var(--ink);border-radius:10px;background:var(--ivory);color:var(--ink);font:inherit;min-width:0}.newsletter input:disabled{opacity:.7;cursor:not-allowed}@media (min-width: 960px){.newsletter{grid-template-columns:1.2fr 1fr;gap:var(--s-16);align-items:center}}.site-footer{position:relative;margin-top:calc(var(--band-overlap) * -1);padding:calc(var(--band-overlap) + var(--s-12)) 0 var(--s-8);background:var(--ink);color:var(--ivory);border-radius:var(--band-overlap) var(--band-overlap) 0 0}.footer-big{font:600 clamp(2.4rem,1rem + 9.2vw,8.5rem)/.95 var(--font-display);letter-spacing:-.04em;color:var(--lime);margin-bottom:var(--s-8);overflow:hidden}.site-footer .cols{display:grid;gap:var(--s-8)}.footer-tag{font:400 var(--fs-lg)/1.3 var(--font-display);max-width:24ch}.footer-links{display:grid;gap:var(--s-2);align-content:start;font-size:var(--fs-sm)}.footer-links a{padding-block:2px}.footer-links a:hover{color:var(--lime)}.footer-links .eyebrow{color:var(--lime);margin-bottom:var(--s-1)}.footer-bottom{margin-top:var(--s-12);padding-top:var(--s-6);border-top:1px solid rgb(246 241 231 / 18%);color:var(--ink-300)}@media (min-width: 640px){.site-footer .cols{grid-template-columns:2fr 1fr 1fr}}.cd-hero{background:var(--c-bg);color:var(--c-fg);border-bottom:1.5px solid var(--ink);overflow:hidden}.cd-hero .breadcrumb{color:inherit;opacity:.8;padding-top:0}.cd-hero .breadcrumb a:hover{color:inherit}.cd-hero-grid{display:grid;gap:var(--s-8);padding-block:var(--s-8) var(--s-12);align-items:center}.cd-hero-copy{display:grid;gap:var(--s-3);align-content:start}.cd-hero h1{font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.035em}.cd-hero-copy p{max-width:42ch;font-size:var(--fs-lg)}.cd-hero-frames{position:relative;width:100%;max-width:480px;aspect-ratio:1 / .8;margin-inline:auto}.cd-frame{position:absolute;width:36%}.cd-frame--1{left:3%;top:10%;transform:rotate(-6deg)}.cd-frame--2{left:32%;top:0;z-index:2}.cd-frame--3{right:3%;top:12%;transform:rotate(6deg)}.cd-frame:only-child{left:32%}.cd-frame:nth-child(2):last-child{left:40%}@media (min-width: 960px){.cd-hero-grid{grid-template-columns:1fr 1fr;padding-block:var(--s-12) var(--s-16)}}.pd{display:grid;gap:var(--s-8);padding-block:var(--s-6) var(--s-16)}.pd-stage{background:var(--c-bg);border:1.5px solid var(--ink);border-radius:var(--radius-panel);padding:var(--s-8) var(--s-4)}.gallery-main{max-width:300px;margin-inline:auto}.gallery-main .art-tag{display:block}.gallery-thumbs{display:flex;justify-content:center;gap:var(--s-2);margin-top:var(--s-4)}.thumb{width:56px;padding:2px;border:2px solid transparent;border-radius:10px;background:none;cursor:pointer}.thumb[aria-current=true]{border-color:var(--ink)}.pd-info{display:grid;gap:var(--s-4);align-content:start}.pd-cat{color:var(--cobalt);display:inline-flex;align-items:center}.pd-info h1{font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.035em}.pd-desc{max-width:52ch}.buybox{display:grid;gap:var(--s-3);padding:var(--s-6);background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--radius-panel)}.buybox .btn{width:100%}.pd-price{font:600 var(--fs-xl)/1 var(--font-display)}.pd-h2{font-size:var(--fs-lg);margin-bottom:var(--s-2)}.spec-list{display:grid;margin:0;font-size:var(--fs-sm);border-top:1.5px solid var(--ink)}.spec-list>div{display:flex;justify-content:space-between;gap:var(--s-4);padding-block:var(--s-3);border-bottom:1px solid var(--border)}.spec-list dt{color:var(--text-muted)}.spec-list dd{margin:0;font-weight:600;text-align:right}@media (min-width: 960px){.pd{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--s-12);align-items:start}.pd-stage{position:sticky;top:calc(var(--header-h) + var(--s-6));padding:var(--s-12) var(--s-8)}.gallery-main{max-width:340px}}.cart-layout{display:grid;gap:var(--s-8);padding-bottom:var(--s-16)}.cart-list{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}.cart-item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--s-4);align-items:start;padding-block:var(--s-4);border-bottom:1.5px solid var(--ink)}.cart-item h3{font-size:1.1rem;font-weight:600}.product-card-meta{font-size:var(--fs-sm);color:var(--ink-700)}.summary{padding:var(--s-6);display:grid;gap:var(--s-4);align-content:start}.summary h2{font-size:var(--fs-xl)}.summary-row{display:flex;justify-content:space-between;gap:var(--s-4)}@media (min-width: 960px){.cart-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:var(--s-12)}}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--ivory);overflow-y:auto;overscroll-behavior:contain}.search-inner{padding-block:var(--s-4) var(--s-12)}.search-bar{display:flex;align-items:center;gap:var(--s-3);border-bottom:3px solid var(--ink)}.search-bar:focus-within{border-color:var(--cobalt)}.search-bar input{flex:1;min-width:0;border:0;background:none;color:var(--text);font:500 var(--fs-xl)/1.3 var(--font-display);padding:var(--s-4) 0}.search-bar input:focus{outline:none}.search-results{list-style:none;margin:var(--s-6) 0 0;padding:0;display:grid;gap:var(--s-2)}.search-result{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--s-4);align-items:center;padding:var(--s-2);border-radius:10px}.search-result:hover{background:var(--lime)}#browse{scroll-margin-top:calc(var(--header-h) + var(--s-4))}
