:root {
  color-scheme: light;
  --paper: #f7f4ec;
  --paper-deep: #eee9dc;
  --ink: #2e4034;
  --forest: #354b3a;
  --sage: #809779;
  --sage-pale: #e3e9dc;
  --clay: #df9168;
  --orange-pale: #f2dfd1;
  --gold: #e5b35d;
  --line: #d9d8cc;
  --muted: #7b8275;
  --white: #fffdf8;
  --sans: "Manrope", "Avenir Next", Arial, sans-serif;
  --mono: "DM Mono", monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; }
.demo-banner { height: 30px; display: flex; align-items: center; justify-content: center; gap: 9px; color: var(--paper); background: var(--forest); font: 9px var(--mono); letter-spacing: .14em; }
.banner-spark { color: #ecc27b; font-size: 13px; }
.banner-divider { color: #a6b29f; }
.site-header { position: sticky; z-index: 20; top: 0; display: flex; align-items: center; justify-content: space-between; height: 82px; padding: 0 max(calc((100vw - 1280px)/2), 5vw); border-bottom: 1px solid #354b3714; background: #f7f4ecef; backdrop-filter: blur(18px); }
.brand { display: inline-flex; gap: 10px; align-items: center; text-decoration: none; }
.brand img { width: 46px; height: 46px; }
.brand-copy { font-size: 12px; line-height: 1.2; font-weight: 800; letter-spacing: .105em; }
.brand-copy small { display: block; margin-top: 5px; color: var(--muted); font: 8px var(--mono); letter-spacing: .17em; }
.main-nav { display: flex; gap: clamp(28px,4vw,58px); margin-left: auto; margin-right: clamp(45px,8vw,120px); }
.main-nav a { position: relative; color: #657163; font-size: 12px; font-weight: 600; text-decoration: none; }
.main-nav a::after { position: absolute; right: 0; bottom: -7px; left: 0; height: 1px; background: var(--clay); content: ""; transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.main-nav a:hover::after { transform: scaleX(1); }
.header-actions { display: flex; align-items: center; gap: 15px; }
.icon-button { display: grid; width: 38px; height: 38px; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; transition: background .2s ease; }
.icon-button:hover { background: var(--sage-pale); }
.icon-button svg,.search-box svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.cart-button { display: inline-flex; align-items: center; gap: 9px; padding: 9px 13px; border: 1px solid #354b3735; border-radius: 999px; background: transparent; font-size: 11px; font-weight: 700; text-decoration:none; cursor: pointer; transition: background .2s ease,border .2s ease; }
.cart-button:hover { border-color: var(--forest); background: #fffdf866; }
.cart-count { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: var(--forest); color: var(--paper); font: 10px var(--mono); }
.menu-toggle { display: none; }
.section-wrap { width: min(1160px, 88%); margin-inline: auto; }
.hero { min-height: 620px; display: grid; grid-template-columns: .94fr 1.06fr; align-items: center; gap: 5vw; padding-top: 42px; padding-bottom: 60px; }
.hero-copy { position: relative; z-index: 2; padding-top: 18px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 21px; color: #9d6b4e; font: 9px var(--mono); letter-spacing: .15em; text-transform: uppercase; }
.eyebrow > span { width: 20px; height: 1px; background: var(--clay); }
h1,h2,h3,p,figure { margin-top: 0; }
h1 { margin-bottom: 22px; font-size: clamp(53px, 6.4vw, 84px); font-weight: 600; line-height: .98; letter-spacing: -.078em; }
h1 em { color: #839875; font-style: normal; }
.hero-text { max-width: 415px; margin-bottom: 27px; color: #687267; font-size: 14px; line-height: 1.9; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 17px; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 15px; padding: 0 20px; border-radius: 999px; text-decoration: none; font-size: 11px; font-weight: 700; cursor: pointer; transition: transform .2s ease,background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-dark { border: 1px solid var(--forest); background: var(--forest); color: var(--white); }
.button-dark:hover { background: #49654c; }
.button-dark svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.hero-note { color: #818a7e; font-size: 10px; }
.live-dot { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: #86a578; box-shadow: 0 0 0 4px #86a57824; vertical-align: 1px; }
.hero-footnote { display: flex; width: min(410px,100%); justify-content: space-between; margin-top: 71px; padding-top: 14px; border-top: 1px solid var(--line); color: #879081; font: 8px var(--mono); letter-spacing: .1em; }
.hero-footnote span:first-child { color: var(--clay); }
.hero-art { position: relative; min-height: 485px; display: grid; place-items: center; }
.art-shape { position: absolute; border-radius: 48% 52% 53% 47% / 52% 46% 54% 48%; }
.shape-back { width: min(95%,500px); height: 430px; background: #dce7d4; transform: rotate(-8deg); }
.shape-front { width: min(85%,440px); height: 420px; background: #f2d7c4; transform: rotate(8deg); }
.workbench-scene { position:relative; isolation:isolate;width:min(94%,490px);min-height:418px;margin:-5px 0 0 12px;padding:22px 24px 15px;overflow:hidden;border:7px solid var(--white);border-radius:24px 24px 68px 24px;background:radial-gradient(ellipse at 72% 73%,#698662 0,transparent 36%),linear-gradient(145deg,#344d3b,#263b30 72%);box-shadow:0 25px 60px #354b372b;transform:rotate(1.5deg); }
.workbench-scene::before { position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#f7f4ec18 1px,transparent 1px);background-size:14px 14px;content:"";mask-image:linear-gradient(135deg,#000,transparent 65%); }
.scene-topline,.scene-bottom { display:flex;align-items:center;justify-content:space-between;color:#d5dfc9;font:7px var(--mono);letter-spacing:.11em; }
.scene-topline i { display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#e5b35d;box-shadow:0 0 0 4px #e5b35d24; }
.scene-title { position:relative;z-index:2;margin:23px 0 -20px 7px;color:#fffdf4;font-size:clamp(25px,3vw,36px);font-weight:600;line-height:1.02;letter-spacing:-.07em; }
.scene-title em { color:#e7bd78;font-family:Georgia,serif;font-weight:400; }
.board-glow { position:absolute;top:110px;left:24%;width:57%;height:210px;border-radius:50%;background:#c7d68630;filter:blur(30px); }
.circuit-board { position:relative;z-index:1;display:block;width:100%;height:260px;margin:0 auto -4px;overflow:visible;filter:drop-shadow(0 15px 15px #17271f70); }
.circuit-board .trace { fill:none;stroke:#d6da9c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.8; }.circuit-board .pins { fill:none;stroke:#d9c88f;stroke-width:5;stroke-linecap:round; }.chip-label { fill:#e8dba8;font:700 16px var(--mono); }.chip-sub { fill:#9ead8f;font:5px var(--mono);letter-spacing:1px; }
.scene-bottom { position:relative;z-index:2;padding-top:10px;border-top:1px solid #ffffff30;color:#d8ddc9;font-size:6px; }
.scene-spark { position:absolute;color:#efc67c; }.spark-a { top:95px;right:54px;font-size:23px; }.spark-b { bottom:79px;left:24px;color:#e6a27d;font-size:14px; }
.sticker { position: absolute; top: 46px; right: 2%; display: flex; width: 126px; height: 126px; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #354b3721; border-radius: 50%; background: #fff9ed; color: var(--forest); box-shadow: 0 8px 22px #354b3716; transform: rotate(9deg); }
.sticker img { width: 47px; height: 47px; }
.sticker span { margin-top: -3px; font: 7px/1.35 var(--mono); letter-spacing: .08em; text-align: center; }
.sticker b { color: var(--clay); font-size: 11px; }
.art-caption { position: absolute; right: 1%; bottom: 16px; color: #7e887a; font-family: Georgia,serif; font-size: 14px; font-style: italic; line-height: 1.5; transform: rotate(-6deg); }
.decor-dot { position: absolute; width: 13px; height: 13px; border: 1px solid var(--clay); border-radius: 50%; }
.dot-one { top: 82px; left: 7%; }
.dot-two { bottom: 74px; left: 10%; width: 7px; height: 7px; border-color: #87a17a; background: #87a17a; }
.hero-product-note { position:absolute;z-index:3;bottom:65px;left:0;display:flex;align-items:center;gap:11px;min-width:195px;padding:12px 15px;border:1px solid #ffffffa8;border-radius:14px;background:#fffdf0e8;box-shadow:0 12px 28px #354b371a;backdrop-filter:blur(12px);transform:rotate(-4deg); }
.hero-note-icon { display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#e8eddc;color:#718969;font-size:19px; }
.hero-product-note small,.hero-product-note b { display:block; }.hero-product-note small { margin-bottom:4px;color:#899081;font:7px var(--mono);letter-spacing:.12em; }.hero-product-note b { font-size:11px; }.note-arrow { margin-left:auto;color:var(--clay);font-size:17px; }
.hero-secondary { background:#fffdf84d; }
.all-products-link { display:flex;justify-content:center;margin-top:34px; }.all-products-link .button { min-height:42px;font-size:10px; }.all-products-link span { color:var(--clay);font-size:15px; }
.add-line { display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:0;border:0;background:transparent;color:#65785f;font-size:9px;font-weight:700;cursor:pointer; }.add-line:hover { color:#a96843; }.add-line:first-letter { font-size:14px; }
.catalog-hero,.category-hero { padding-top:44px;padding-bottom:44px; }.catalog-breadcrumb { display:flex;align-items:center;gap:10px;margin-bottom:37px;color:#899084;font:9px var(--mono);letter-spacing:.03em; }.catalog-breadcrumb a { color:#768370;text-decoration:none; }.catalog-breadcrumb a:hover { color:#a96843; }.catalog-breadcrumb span { color:#c68b69; }.catalog-breadcrumb b { color:var(--ink);font-weight:500; }
.catalog-hero .eyebrow,.category-hero .eyebrow { margin-bottom:13px; }.catalog-hero h1,.category-hero h1 { margin-bottom:17px;font-size:clamp(47px,6vw,74px); }.catalog-hero h1 em,.category-hero h1 em,.cart-page h1 em { color:#839875;font-style:normal; }.catalog-hero > p:not(.eyebrow),.category-hero > p:not(.eyebrow) { max-width:500px;margin:0;color:#737c70;font-size:12px;line-height:1.8; }
.catalog-meta { display:flex;gap:25px;margin-top:24px;color:#8c9388;font:8px var(--mono);letter-spacing:.09em; }.catalog-meta span+span { position:relative; }.catalog-meta span+span::before { position:absolute;top:2px;left:-14px;width:1px;height:10px;background:#d8d9cd;content:""; }
.catalog-layout { display:grid;grid-template-columns:190px minmax(0,1fr);gap:44px;padding-top:30px;padding-bottom:90px; }.catalog-sidebar { padding-top:12px; }.sidebar-title { margin-bottom:15px;color:#91988c;font:8px var(--mono);letter-spacing:.12em; }.category-nav { display:flex;flex-direction:column;gap:3px; }.category-nav-link { display:flex;align-items:center;justify-content:space-between;padding:11px 10px;border-radius:8px;color:#657163;font-size:10px;text-decoration:none;transition:background .2s,color .2s; }.category-nav-link:hover,.category-nav-link.is-active { background:#e8ebdf;color:var(--forest); }.category-nav-link.is-active { font-weight:700; }.category-nav-link small { color:#969e90;font:8px var(--mono); }.sidebar-note { margin-top:70px;padding:20px 14px;border:1px solid #dfe1d5;border-radius:12px;background:#f3f1e8;text-align:center; }.sidebar-note img { width:54px;height:54px; }.sidebar-note p { margin:6px 0;color:#5f725b;font:italic 12px Georgia,serif; }.sidebar-note small { color:#939b8d;font:7px var(--mono);letter-spacing:.08em; }
.catalog-topline { display:flex;align-items:end;justify-content:space-between;gap:22px; }.catalog-topline .eyebrow { margin-bottom:9px; }.catalog-topline h2 { font-size:32px; }.catalog-topline h2 span { margin-left:7px;color:#9aa28f;font:12px var(--mono);letter-spacing:0;vertical-align:middle; }.catalog-topline .search-box { width:225px; }.catalog-controls { display:flex;align-items:center;justify-content:space-between;margin:21px 0 20px;padding:12px 0;border-block:1px solid var(--line);color:#879082;font:8px var(--mono);letter-spacing:.03em; }.catalog-controls label { display:flex;align-items:center;gap:8px; }.catalog-controls select { padding:5px 7px;border:1px solid #e1e2d8;border-radius:5px;background:transparent;color:#5e6c5b;font:8px var(--mono); }.catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px; }.catalog-card .product-image { height:clamp(180px,20vw,248px); }.catalog-card .product-info h3 a,.cart-page-product h3 a,.related-grid .product-info h3 a { color:inherit;text-decoration:none; }.catalog-card .product-info h3 a:hover,.cart-page-product h3 a:hover { color:#a96843; }
.category-change-note { display:inline-flex;align-items:center;gap:7px;margin:9px 0 0;padding:7px 10px;border:1px solid #d9dfd0;border-radius:999px;background:#e9eee3;color:#5d7657;font-size:9px;font-weight:700;animation:category-arrive .45s ease-out both; }.category-change-note::before { width:6px;height:6px;border-radius:50%;background:#82a175;content:""; }
.category-products { scroll-margin-top:100px; }
@keyframes category-arrive { from { opacity:0;transform:translateY(5px); } to { opacity:1;transform:translateY(0); } }
.category-banner { position:relative;isolation:isolate;display:flex;min-height:390px;align-items:center;margin-top:34px;overflow:hidden;border:1px solid #314535;border-radius:17px;background:#2e4535;color:#fffdf5;box-shadow:0 18px 50px #354b371b; }
.category-banner-image,.category-banner-shade { position:absolute;z-index:-1;inset:0;width:100%;height:100%; }
.category-banner-image { object-fit:cover;object-position:center 43%;opacity:.86; }
.category-banner-shade { background:linear-gradient(90deg,#2c4335 0%,#2c4335f2 34%,#2c4335b8 62%,#2c43354a 100%),linear-gradient(0deg,#253b2f88,transparent 58%); }
.category-banner-content { width:min(720px,74%);padding:38px 0 32px 48px; }
.category-banner .catalog-breadcrumb { margin-bottom:38px;color:#d9dfd2b5; }.category-banner .catalog-breadcrumb a { color:#d9dfd2b5; }.category-banner .catalog-breadcrumb span { color:#e6b178; }.category-banner .catalog-breadcrumb b { color:#fffdf5; }
.category-banner .eyebrow { margin-bottom:17px;color:#edc58e; }.category-banner .eyebrow > span:first-child { background:#edac7c; }.category-banner .eyebrow b { color:inherit;font:inherit;font-weight:400; }
.category-banner h1 { max-width:730px;margin-bottom:16px;color:#fffdf5;font-size:clamp(42px,5.5vw,69px);line-height:1.02;letter-spacing:-.075em; }.category-banner h1 em { color:#e9bd7b;font-family:Georgia,serif;font-weight:400; }
.category-banner-intro { max-width:460px;margin-bottom:25px;color:#e3e7da;font-size:12px;line-height:1.8; }
.category-banner-bottom { display:flex;align-items:center;gap:26px;color:#f0cb90;font:8px var(--mono);letter-spacing:.1em; }.category-banner-bottom a { display:inline-flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid #ffffff55;border-radius:999px;color:#fffdf5;font:600 9px var(--sans);letter-spacing:0;text-decoration:none;transition:background .2s,border .2s; }.category-banner-bottom a:hover { border-color:#fffdf5;background:#ffffff18; }.category-banner-bottom b { color:#edb07a;font-size:15px; }
.category-banner-stamp { position:absolute;top:25px;right:25px;display:flex;width:92px;height:92px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #fff7;border-radius:50%;background:#fffdf0e8;color:#354b3a;text-align:center;transform:rotate(8deg); }.category-banner-stamp img { width:41px;height:41px; }.category-banner-stamp span { margin-top:-4px;font:6px/1.3 var(--mono);letter-spacing:.08em; }.category-banner-stamp b { color:#a96843;font-weight:500; }
.category-detail-products { padding-top:48px; }.category-detail-products .catalog-sidebar { padding-top:15px; }.back-to-categories { margin-top:24px; }
.category-hero { padding-bottom:26px; }.category-hero h1 { font-size:clamp(44px,5.8vw,70px); }.category-cards { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding-bottom:55px; }.category-card { overflow:hidden;border:1px solid #e0dfd4;border-radius:12px;background:#f3f0e7;text-decoration:none;transition:transform .25s,box-shadow .25s; }.category-card:hover { transform:translateY(-4px);box-shadow:0 14px 32px #354b3714; }.category-card-image { position:relative;height:180px;overflow:hidden;background:#e5e9dc; }.category-card-image::after { position:absolute;inset:0;background:linear-gradient(0deg,#253c2b45,transparent 65%);content:""; }.category-card-image img { width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply; }.category-card-image>span { position:absolute;z-index:1;right:13px;bottom:12px;color:#fff;font:10px var(--mono); }.category-card-copy { display:flex;min-height:145px;flex-direction:column;justify-content:space-between;padding:17px; }.category-card-copy h2 { font-size:22px; }.category-card-copy h2 span { color:var(--clay); }.category-card-copy p { margin:8px 0 13px;color:#7b8578;font-size:9px;line-height:1.7; }.category-card-count { display:flex;justify-content:space-between;color:#71816b;font:8px var(--mono);letter-spacing:.06em; }.category-card-count b { color:var(--clay);font-size:14px; }.category-products { display:block;padding-top:42px;border-top:1px solid var(--line); }.category-products .catalog-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.product-breadcrumb { padding-top:31px;margin-bottom:0; }.product-detail { display:grid;grid-template-columns:1fr .88fr;gap:clamp(35px,7vw,90px);padding-top:28px;padding-bottom:85px; }.detail-gallery { align-self:start; }.detail-main-image { position:relative;height:clamp(390px,48vw,590px);overflow:hidden;border-radius:8px 8px 60px 8px;background:#e5e9dc; }.detail-main-image img { position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal; }.detail-main-image .product-tag { top:20px;left:20px; }.detail-gallery-caption { display:flex;justify-content:space-between;margin-top:13px;color:#899184;font:8px var(--mono);letter-spacing:.07em; }.detail-copy { padding-top:22px; }.detail-copy h1 { margin:0 0 16px;font-size:clamp(40px,5vw,61px); }.detail-lede { max-width:440px;margin:0;color:#70796e;font-size:13px;line-height:1.8; }.detail-price { display:flex;align-items:baseline;gap:12px;margin:24px 0 21px;padding-bottom:20px;border-bottom:1px solid var(--line);color:#4d674b;font:22px var(--mono); }.detail-price span { color:#8b9387;font:8px var(--mono); }.detail-description { color:#6e786d;font-size:11px;line-height:1.9; }.spec-list { display:grid;gap:10px;margin:22px 0 27px;padding:0;list-style:none; }.spec-list li { display:flex;gap:10px;align-items:center;color:#647360;font-size:10px; }.spec-list li span { color:var(--clay); }.detail-buy { display:flex;gap:10px; }.quantity-picker { display:flex;height:47px;align-items:center;border:1px solid #d9ded2;border-radius:999px; }.quantity-picker button { width:38px;height:100%;border:0;background:transparent;color:#53694d;font-size:16px;cursor:pointer; }.quantity-picker input { width:24px;border:0;outline:0;background:transparent;color:var(--ink);font:10px var(--mono);text-align:center;-moz-appearance:textfield; }.quantity-picker input::-webkit-outer-spin-button,.quantity-picker input::-webkit-inner-spin-button { margin:0;-webkit-appearance:none; }.detail-add { flex:1; }.detail-add svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }.demo-alert { display:flex;gap:11px;margin-top:19px;padding:13px;border-radius:9px;background:#eeeade; }.demo-alert>span { display:grid;width:19px;height:19px;flex:none;place-items:center;border:1px solid #a8b39c;border-radius:50%;color:#71866a;font:10px var(--mono); }.demo-alert p { margin:0;color:#788173;font-size:9px;line-height:1.65; }.detail-category-link { display:inline-flex;gap:10px;margin-top:20px;color:#64785d;font-size:9px;font-weight:700;text-decoration:none; }.detail-category-link span { color:var(--clay);font-size:14px; }.related-section,.cart-recommendations { padding-bottom:90px; }.related-section .section-heading,.cart-recommendations .section-heading { margin-bottom:24px; }.related-section .section-heading h2,.cart-recommendations .section-heading h2 { font-size:34px; }.related-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.product-missing { grid-column:1/-1;padding:65px 0;text-align:center; }.product-missing h1 { font-size:48px; }.product-missing .button { margin-top:20px; }
.cart-page { padding-top:31px;padding-bottom:50px; }.cart-page-heading { display:flex;align-items:end;justify-content:space-between;margin:34px 0 42px; }.cart-page-heading h1 { margin:0;font-size:clamp(43px,5vw,62px); }.cart-page-heading .eyebrow { margin-bottom:12px; }.cart-step { display:flex;align-items:center;gap:8px;color:#9ba194;font:7px var(--mono);letter-spacing:.04em; }.cart-step span:nth-of-type(1) { display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:var(--forest);color:white;font:9px var(--mono); }.cart-step span:nth-of-type(2) { display:grid;width:27px;height:27px;place-items:center;border:1px solid #d4d9cd;border-radius:50%;font:9px var(--mono); }.cart-step i { width:26px;height:1px;background:#d6dbcf; }.cart-page-grid { display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:35px; }.cart-list-panel { min-width:0; }.cart-list-head { display:grid;grid-template-columns:minmax(240px,1fr) 90px 100px 85px;gap:12px;padding:0 0 12px;border-bottom:1px solid var(--line);color:#939a8d;font:7px var(--mono);letter-spacing:.09em; }.cart-list-head span:not(:first-child) { text-align:center; }.cart-page-row { display:grid;grid-template-columns:minmax(240px,1fr) 90px 100px 85px;align-items:center;gap:12px;min-height:112px;border-bottom:1px solid var(--line); }.cart-page-product { display:flex;align-items:center;gap:13px;min-width:0; }.cart-page-thumb { width:76px;height:76px;flex:none;overflow:hidden;border-radius:5px 5px 22px 5px;background:var(--sage-pale); }.cart-page-thumb img { width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply; }.cart-page-product .product-type { margin:0 0 6px;font-size:7px; }.cart-page-product h3 { margin:0 0 7px;font-size:11px; }.remove-item { padding:0;border:0;background:transparent;color:#9b887c;font-size:8px;text-decoration:underline;text-underline-offset:2px;cursor:pointer; }.remove-item:hover { color:#a44e44; }.cart-page-price,.cart-row-total { text-align:center;font:10px var(--mono); }.cart-quantity { width:max-content;height:33px;margin:auto; }.cart-quantity button { width:27px;font-size:13px; }.cart-quantity span { min-width:15px;text-align:center;font:9px var(--mono); }.cart-list-actions { display:flex;align-items:center;justify-content:space-between;padding-top:17px; }.cart-list-actions .text-link { margin:0;font-size:9px; }.clear-cart { border:0;background:transparent;color:#9a867a;font-size:8px;text-decoration:underline;cursor:pointer; }.clear-cart:disabled { opacity:.4;cursor:default; }.cart-page-empty { display:flex;min-height:260px;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid var(--line);text-align:center; }.cart-page-empty>span { color:var(--clay);font-size:42px; }.cart-page-empty h2 { margin-top:10px;font-size:23px; }.cart-page-empty p { margin:9px 0 17px;color:#788173;font-size:10px; }.cart-page-empty .button { min-height:39px; }.order-summary { padding:23px 20px;border:1px solid #e1dfd3;border-radius:11px;background:#f2efe5; }.order-summary .eyebrow { margin-bottom:9px;font-size:7px; }.order-summary h2 { margin-bottom:22px;font-size:23px; }.summary-line,.summary-total { display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #dfe0d4;color:#758071;font-size:10px; }.summary-line>span:last-child { color:var(--ink);font:10px var(--mono); }.summary-free { color:#78916e !important; }.summary-total { margin-top:4px;color:var(--ink);font-size:11px; }.summary-total strong { font:17px var(--mono); }.summary-button { width:100%;min-height:44px;margin-top:13px;font-size:9px; }.summary-button span { color:#d5e1c9;font-size:15px; }.summary-disclaimer { margin:11px 0 0;color:#8b9185;font-size:8px;line-height:1.6; }.summary-safe { display:flex;align-items:center;gap:10px;margin-top:21px;padding-top:16px;border-top:1px solid #dfe0d4; }.summary-safe>span { color:var(--clay);font-size:22px; }.summary-safe p { margin:0;color:#80897c;font-size:8px;line-height:1.7; }.summary-safe b { color:#65765e; }.cart-recommendations { padding-top:48px; }.cart-recommendations .section-heading h2 { font-size:30px; }
.ticker { overflow: hidden; border-block: 1px solid #354b3721; background: #f1eee4; }
.ticker-track { width: max-content; display: flex; align-items: center; padding: 16px 0; animation: ticker 42s linear infinite; color: #71816b; font: 9px var(--mono); letter-spacing: .15em; }
.ticker-group { width: 100vw; flex: 0 0 100vw; display: flex; align-items: center; justify-content: space-evenly; gap: 20px; padding-inline: 3vw; white-space: nowrap; }
.ticker-track i { color: var(--clay); font-size: 14px; font-style: normal; }
@keyframes ticker { to { transform: translateX(-50%); } }
.products-section { padding-top: 112px; padding-bottom: 100px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 39px; }
.section-heading .eyebrow { margin-bottom: 14px; }
h2 { margin-bottom: 0; font-size: clamp(34px,4.1vw,52px); font-weight: 600; line-height: 1.08; letter-spacing: -.065em; }
.section-heading h2 span { color: var(--clay); }
.section-intro { max-width: 330px; margin-bottom: 3px; color: #798174; font-size: 11px; line-height: 1.85; }
.product-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 25px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.filter-list { display: flex; flex-wrap: wrap; gap: 7px; }
.filter-chip { display:inline-flex;align-items:center; min-height: 34px; padding: 0 13px; border: 1px solid transparent; border-radius: 99px; background: transparent; color: #747e70; font-size: 10px; text-decoration:none; cursor: pointer; transition: all .18s ease; }
.filter-chip:hover { border-color: #bfc8b7; }
.filter-chip.is-active { border-color: var(--forest); background: var(--forest); color: var(--white); }
.filter-chip span { margin-left: 4px; color: #d5e3c6; font: 8px var(--mono); }
.search-box { display: flex; width: 204px; height: 37px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #354b3727; border-radius: 99px; color: #7c8777; transition: width .22s ease,border .2s ease; }
.search-box:focus-within { width: 245px; border-color: #829779; }
.search-box svg { width: 15px; height: 15px; flex: none; }
.search-box input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 10px; }
.search-box input::placeholder { color: #969d91; }
.search-box > span { display: grid; width: 19px; height: 19px; flex: none; place-items: center; border-radius: 5px; background: #eae9df; color: #879081; font: 9px var(--mono); }
.product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.product-card { min-width: 0; animation: appear .32s ease both; }
@keyframes appear { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.product-card[hidden] { display: none; }
.product-image { position: relative; display:block; width:100%; height: clamp(185px,22vw,265px); overflow: hidden; border-radius: 5px 5px 34px 5px; }
.image-sage { background: #dfe6d8; }.image-peach { background: #f0ddd0; }.image-blue { background: #dce4e4; }.image-yellow { background: #eee4ce; }
.product-image::after { position: absolute; inset: 0; background: linear-gradient(180deg,#273e2e0d 40%,#273e2e1c); content: ""; pointer-events: none; }
.product-image img { display:block; width: 100%; height: 100%; object-fit: cover; mix-blend-mode:multiply; transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.product-card:hover .product-image img { transform: scale(1.045); }
.product-tag { position: absolute; z-index: 1; top: 12px; left: 12px; padding: 7px 9px; border: 1px solid #ffffffa8; border-radius: 99px; background: #fffdf0dc; color: #53674f; font: 7px var(--mono); letter-spacing: .08em; backdrop-filter: blur(8px); }
.quick-add { position: absolute; z-index: 2; right: 12px; bottom: 12px; display: grid; width: 39px; height: 39px; place-items: center; border: 0; border-radius: 50%; background: var(--white); color: var(--forest); font-size: 23px; font-weight: 400; cursor: pointer; box-shadow: 0 4px 15px #293e3020; transition: transform .2s ease,background .2s ease; }
.quick-add:hover { transform: rotate(90deg); background: #e5eadb; }
.product-info { display: flex; align-items: end; justify-content: space-between; gap: 8px; padding-top: 14px; }
.product-type { margin-bottom: 6px; color: #91988d; font: 7px var(--mono); letter-spacing: .08em; }
.product-info h3 { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: -.02em; }
.product-info h3 a { color:inherit;text-decoration:none; }.product-info h3 a:hover { color:#a96843; }
.price { flex: none; margin-bottom: 1px; color: #566c51; font: 11px var(--mono); }
.product-desc { max-width: 240px; margin: 8px 0 0; color: #80887b; font-size: 9px; line-height: 1.7; }
.demo-disclaimer { margin: 24px 0 0; color: #8c9388; font-size: 9px; }
.demo-disclaimer a { color: #62765b; text-underline-offset: 2px; }
.no-results { padding: 30px 0; color: var(--muted); font-size: 13px; }
.atelier-section { display: grid; min-height: 480px; grid-template-columns: 1fr 1fr; align-items: stretch; background: #e8ebdf; }
.atelier-photo { position: relative; min-height: 440px; overflow: hidden; }
.atelier-photo img { width: 100%; height: 100%; position:absolute; inset:0; object-fit: cover; object-position: center; mix-blend-mode: multiply; }
.atelier-photo::after { position:absolute; inset:0; background:linear-gradient(0deg,#253c2b50,transparent 45%); content:""; }
.photo-note { position:absolute; z-index:1; bottom:25px; left:clamp(30px,8vw,100px); padding:10px 13px; border:1px solid #ffffff7a; border-radius:99px; color:white; font:8px var(--mono); letter-spacing:.12em; }
.atelier-copy { position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:70px clamp(35px,8vw,115px); }
.atelier-copy .eyebrow { margin-bottom:20px; }
.atelier-copy h2 { font-size:clamp(39px,4.2vw,56px); }
.atelier-copy > p:not(.eyebrow) { max-width:410px; margin:22px 0 0; color:#697467; font-size:12px; line-height:1.9; }
.atelier-copy > p + p:not(.eyebrow) { margin-top:10px; }
.text-link { display:inline-flex; gap:12px; align-items:center; margin-top:22px; color:var(--forest); font-size:10px; font-weight:700; text-decoration:none; }
.text-link span { color:var(--clay); font-size:15px; transition:transform .2s; }.text-link:hover span { transform:translate(3px,-3px); }
.atelier-sign { display:flex; align-items:center; gap:6px; align-self:flex-end; margin-top:20px; color:#87927f; font:italic 18px Georgia,serif; transform:rotate(-7deg); }
.atelier-sign img { width:39px;height:39px; }
.atelier-page-hero { display:grid;min-height:650px;grid-template-columns:.92fr 1.08fr;align-items:center;gap:5vw;padding-top:38px;padding-bottom:64px; }
.atelier-page-copy { position:relative;z-index:1;padding-top:8px; }.atelier-page-copy .catalog-breadcrumb { margin-bottom:49px; }.atelier-page-copy .eyebrow { margin-bottom:21px; }
.atelier-page-copy h1 { margin-bottom:21px;font-size:clamp(55px,6.5vw,82px); }.atelier-page-copy h1 em { color:#829874;font-family:Georgia,serif;font-weight:400; }
.atelier-page-copy>p:not(.eyebrow) { max-width:450px;color:#70796e;font-size:13px;line-height:1.9; }
.atelier-page-actions { display:flex;align-items:center;gap:22px;margin-top:26px; }.atelier-page-actions .button span { color:#e6b579;font-size:15px; }.atelier-page-actions .text-link { margin:0; }
.atelier-page-meta { display:flex;max-width:425px;justify-content:space-between;gap:12px;margin-top:66px;padding-top:15px;border-top:1px solid var(--line);color:#92988d;font:7px var(--mono);letter-spacing:.1em; }
.atelier-hero-visual { position:relative;min-height:525px;margin:0 4px 0 0;overflow:hidden;border:8px solid var(--white);border-radius:190px 190px 22px 22px;background:#354b3a;box-shadow:0 24px 58px #354b3722;transform:rotate(1.2deg); }
.atelier-hero-visual>img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(1.15) contrast(1.03); }
.atelier-hero-visual::after { position:absolute;inset:0;background:linear-gradient(0deg,#1d352ae0 0%,#263b2d20 58%,#263b2d20),linear-gradient(90deg,#253c2b35,transparent 80%);content:""; }
.atelier-photo-label { position:absolute;z-index:2;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;color:#fffdf1;font:7px var(--mono);letter-spacing:.12em; }.atelier-photo-label b { color:#f0c78c;font-weight:400; }
.atelier-hero-stamp { position:absolute;z-index:2;top:72px;right:22px;display:flex;width:108px;height:108px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #fff9;border-radius:50%;background:#fffdf0e8;color:#3a503d;text-align:center;transform:rotate(8deg); }.atelier-hero-stamp img { width:49px;height:49px; }.atelier-hero-stamp span { margin-top:-5px;font:6px/1.35 var(--mono);letter-spacing:.08em; }.atelier-hero-stamp b { color:#a96843;font-weight:500; }
.atelier-photo-note { position:absolute;z-index:2;bottom:67px;left:24px;display:flex;align-items:center;gap:11px;min-width:202px;padding:13px 16px;border:1px solid #ffffff8a;border-radius:14px;background:#fffdf0e8;color:#344837;box-shadow:0 12px 28px #17251e30;transform:rotate(-3deg); }.atelier-photo-note>span { display:grid;width:35px;height:35px;place-items:center;border-radius:50%;background:#e8eddd;color:#748a68;font-size:20px; }.atelier-photo-note small,.atelier-photo-note b { display:block; }.atelier-photo-note small { margin-bottom:4px;color:#899184;font:7px var(--mono);letter-spacing:.1em; }.atelier-photo-note b { font-size:10px; }
.atelier-visual-caption { position:absolute;z-index:2;right:17px;bottom:23px;color:#f2ead8;font:italic 13px/1.5 Georgia,serif;text-align:right;transform:rotate(-4deg); }
.atelier-manifesto { padding:61px 0 57px;background:#354b3a;color:#fffdf2; }.manifesto-inner { position:relative;display:flex;min-height:126px;flex-direction:column;align-items:center;justify-content:center;text-align:center; }.manifesto-mark { height:24px;color:#edb77b;font:46px/.7 Georgia,serif; }.manifesto-inner p { margin:6px 0 13px;font-size:clamp(21px,3vw,34px);font-weight:500;line-height:1.4;letter-spacing:-.04em; }.manifesto-inner p em { color:#e6bc7c;font-family:Georgia,serif;font-weight:400; }.manifesto-sign { color:#c1caba;font:italic 11px Georgia,serif; }
.atelier-story { display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(48px,8vw,115px);padding-top:105px;padding-bottom:112px; }.atelier-story-visual { position:relative;min-height:455px;overflow:hidden;border-radius:9px 9px 86px 9px;background:#dfe6d7; }.atelier-story-visual img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply; }.story-photo-chip { position:absolute;bottom:19px;left:19px;padding:9px 12px;border:1px solid #fff9;border-radius:99px;background:#354b3ac9;color:#fffdf1;font:7px var(--mono);letter-spacing:.1em; }.story-index { position:absolute;top:17px;right:17px;color:#fffdf1;font:7px var(--mono);letter-spacing:.1em;text-shadow:0 2px 8px #17251e70; }
.atelier-story-copy { padding:12px 0; }.atelier-story-copy .eyebrow { margin-bottom:17px; }.atelier-story-copy h2,.atelier-process-heading h2 { margin-bottom:21px;font-size:clamp(40px,5vw,60px); }.atelier-story-copy h2 em,.atelier-process-heading h2 em { color:#829874;font-family:Georgia,serif;font-weight:400; }.atelier-story-copy>p:not(.eyebrow) { max-width:490px;margin:14px 0;color:#6e786d;font-size:12px;line-height:1.95; }.atelier-story-copy .text-link { margin-top:19px; }
.atelier-process { padding:94px 0 105px;background:#efede3; }.atelier-process-heading { display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:39px; }.atelier-process-heading .eyebrow { margin-bottom:14px; }.atelier-process-heading h2 { margin:0; }.atelier-process-heading>p { max-width:300px;margin:0 0 6px;color:#798174;font-size:11px;line-height:1.8; }
.process-cards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }.process-card { position:relative;min-height:243px;padding:24px 23px 22px;border:1px solid #dbddd1;border-radius:12px;background:#f8f6ef;transition:transform .22s,box-shadow .22s; }.process-card:hover { transform:translateY(-4px);box-shadow:0 14px 28px #354b3710; }.process-number { position:absolute;top:23px;right:23px;color:#9da395;font:8px var(--mono);letter-spacing:.08em; }.process-icon { display:grid;width:48px;height:48px;place-items:center;margin-bottom:23px;border-radius:50%;background:#e7eddf;color:#73886b;font-size:23px; }.process-card:nth-child(2) .process-icon { background:#f4e4d8;color:#bd805d; }.process-card:nth-child(3) .process-icon { background:#f1e8cf;color:#a27d3e; }.process-card h3 { margin-bottom:10px;font-size:18px;letter-spacing:-.04em; }.process-card p { max-width:280px;margin:0;color:#788173;font-size:10px;line-height:1.8; }.process-tag { display:block;margin-top:20px;color:#9a8975;font:7px var(--mono);letter-spacing:.12em; }
.atelier-picks { padding-top:104px;padding-bottom:108px; }.atelier-picks .section-heading { margin-bottom:34px; }.atelier-picks .section-heading h2 { font-size:clamp(30px,4vw,43px); }.atelier-picks .section-heading h2 span { color:var(--clay); }.atelier-picks .section-heading>.text-link { margin:0 0 6px; }
.atelier-cta { position:relative;isolation:isolate;display:flex;min-height:340px;align-items:center;justify-content:space-between;margin-bottom:80px;padding:45px clamp(28px,6vw,72px);overflow:hidden;border-radius:16px;background:#354b3a;color:#fffdf1; }.atelier-cta-copy { position:relative;z-index:1;max-width:630px; }.atelier-cta .eyebrow { margin-bottom:15px;color:#ebc48d; }.atelier-cta .eyebrow>span { background:#e2a173; }.atelier-cta h2 { margin-bottom:14px;font-size:clamp(38px,5vw,57px);line-height:1.04;letter-spacing:-.07em; }.atelier-cta h2 em { color:#e7bd7c;font-family:Georgia,serif;font-weight:400; }.atelier-cta-copy>p:not(.eyebrow) { max-width:480px;margin-bottom:20px;color:#d4dccd;font-size:11px;line-height:1.8; }.atelier-cta-actions { display:flex;flex-wrap:wrap;gap:10px; }.button-light,.button-ghost { min-height:43px;padding-inline:16px;font-size:9px; }.button-light { border:1px solid #f8f4e9;background:#f8f4e9;color:#344837; }.button-light span { color:#bb7856; }.button-ghost { border:1px solid #ffffff61;color:#fffdf1; }.button-ghost span { color:#e7bd7c; }.atelier-cta-badge { position:relative;z-index:1;display:flex;width:145px;height:145px;flex:none;flex-direction:column;align-items:center;justify-content:center;margin-right:4%;border:1px solid #ffffff54;border-radius:50%;background:#ffffff0c;text-align:center;transform:rotate(7deg); }.atelier-cta-badge img { width:69px;height:69px; }.atelier-cta-badge span { margin-top:-6px;color:#e9ebde;font:7px/1.4 var(--mono);letter-spacing:.12em; }.atelier-cta-badge b { color:#e7bd7c;font-weight:400; }.atelier-cta-orbit { position:absolute;z-index:-1;width:330px;height:330px;border:1px solid #ffffff13;border-radius:50%; }.orbit-one { right:55px;top:-160px; }.orbit-two { right:-84px;bottom:-220px;width:470px;height:470px;border-color:#e8bd761a; }
.coming-soon { display:grid; grid-template-columns:150px 1fr auto; align-items:center; gap:34px; padding-top:95px; padding-bottom:95px; }
.coming-icon { display:grid; width:130px; height:130px; place-items:center; border-radius:50%; background:#e7ebdd; }
.coming-icon img { width:95px; height:95px; }
.coming-soon .eyebrow { margin-bottom:12px; }
.coming-soon h2 { font-size:clamp(31px,3.7vw,46px); }
.coming-soon > div:nth-child(2) > p:last-child { max-width:400px; margin:14px 0 0; color:#7b8477; font-size:11px; line-height:1.8; }
.button-outline { border:1px solid #71816b6b; color:var(--forest); }
.button-outline:hover { background:var(--sage-pale); }
.button-outline span { color:var(--clay); font-size:17px; }
.site-footer { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px max(calc((100vw - 1280px)/2), 5vw); border-top:1px solid var(--line); background:#f0ede4; }
.footer-brand img { width:40px; height:40px; }
.footer-brand .brand-copy { font-size:10px; }
.footer-brand .brand-copy small { font-size:7px; }
.site-footer p { margin:0; color:#828a7c; font-size:9px; }
.site-footer p span { margin-left:12px; color:#a0a497; }
.footer-domain { color:#64765d; font:8px var(--mono); letter-spacing:.08em; text-decoration:none; }
.footer-domain:hover { color:#a96843; }
.toast { position:fixed; z-index:50; right:24px; bottom:24px; max-width:min(360px,calc(100vw - 40px)); padding:14px 17px; border:1px solid #ffffff22; border-radius:12px; background:var(--forest); color:white; box-shadow:0 12px 35px #1d2d2050; font-size:11px; opacity:0; pointer-events:none; transform:translateY(12px); transition:opacity .22s,transform .22s; }
.toast.is-visible { opacity:1; transform:translateY(0); }
.drawer-scrim { position:fixed; z-index:29; inset:0; background:#27352b45; opacity:0; transition:opacity .25s; }
.drawer-scrim.is-visible { opacity:1; }
.cart-drawer { position:fixed; z-index:30; top:0; right:0; display:flex; width:min(430px,100%); height:100dvh; flex-direction:column; padding:28px; background:var(--paper); box-shadow:-12px 0 45px #23322420; transform:translateX(105%); transition:transform .3s cubic-bezier(.2,.75,.2,1); }
.cart-drawer.is-open { transform:translateX(0); }
.drawer-head { display:flex; align-items:flex-start; justify-content:space-between; padding-bottom:22px; border-bottom:1px solid var(--line); }
.drawer-head .eyebrow { margin-bottom:8px; font-size:8px; }.drawer-head h2 { font-size:29px; }.drawer-head h2 span { color:#86917f; font:12px var(--mono); letter-spacing:0; }
.cart-items { flex:1; overflow:auto; padding:12px 0; }
.empty-cart { display:flex; height:100%; min-height:200px; flex-direction:column; align-items:center; justify-content:center; color:#778273; text-align:center; }
.empty-cart > span { color:var(--clay); font-size:42px; line-height:1; }.empty-cart p { margin:15px 0 6px; color:var(--ink); font-size:14px; font-weight:700; }.empty-cart small { font-size:10px; }
.cart-row { display:grid; grid-template-columns:60px 1fr auto; align-items:center; gap:12px; padding:13px 0; border-bottom:1px solid var(--line); }
.cart-thumb { width:60px;height:60px;overflow:hidden;border-radius:5px 5px 16px 5px;background:var(--sage-pale); }.cart-thumb img { width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply; }
.cart-row h3 { margin:0 0 5px; font-size:11px; }.cart-row p { margin:0;color:#7c8779;font:10px var(--mono); }
.qty-control { display:flex;align-items:center;gap:7px; }.qty-control button { display:grid;width:24px;height:24px;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer; }.qty-control button:hover { background:var(--sage-pale); }.qty-control span { min-width:12px;text-align:center;font:10px var(--mono); }
.drawer-foot { padding-top:18px; border-top:1px solid var(--line); }.subtotal { display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px; }.subtotal strong { font:15px var(--mono); }.drawer-foot p { margin:0 0 14px;color:#848c7e;font-size:9px;line-height:1.6; }.checkout-button { width:100%; }
body.drawer-open { overflow:hidden; }
:focus-visible { outline:2px solid #d78962; outline-offset:3px; }
@media (max-width: 1000px) {
  .site-header { padding-inline:5%; }
  .main-nav { margin-right:5vw; gap:22px; }
  .hero { min-height:570px; gap:2vw; }
  .hero-art { min-height:430px; }
  .workbench-scene { min-height:380px; }
  .shape-back,.shape-front { height:375px; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:27px 20px; }
  .product-image { height:clamp(230px,34vw,340px); }
  .atelier-copy { padding-inline:7vw; }
  .coming-soon { grid-template-columns:110px 1fr auto; gap:25px; }
  .coming-icon { width:100px;height:100px; }.coming-icon img { width:77px;height:77px; }
}
@media (max-width: 720px) {
  .demo-banner { height:27px;font-size:8px;letter-spacing:.09em; }
  .site-header { height:70px;padding-inline:20px; }
  .brand img { width:41px;height:41px; }.brand-copy { font-size:10px; }.brand-copy small { font-size:7px; }
  .main-nav { position:absolute;top:69px;right:0;left:0;display:none;flex-direction:column;gap:0;margin:0;padding:7px 23px 16px;border-bottom:1px solid var(--line);background:var(--paper); }
  .main-nav.is-open { display:flex; }.main-nav a { padding:12px 0; }.main-nav a::after { display:none; }
  .header-actions { gap:4px; }.search-toggle { display:none; }.cart-button { gap:7px;padding:7px 8px;border:0;font-size:10px; }
  .cart-count { width:19px;height:19px; }
  .menu-toggle { display:flex;width:35px;height:35px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:50%;background:transparent;cursor:pointer; }.menu-toggle span { width:16px;height:1.5px;background:var(--forest);transition:transform .2s; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(3.25px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3.25px) rotate(-45deg); }
  .section-wrap { width:calc(100% - 42px); }
  .hero { min-height:unset;grid-template-columns:1fr;gap:0;padding-top:55px;padding-bottom:35px; }
  .hero-copy { padding-top:0; }.eyebrow { margin-bottom:17px;font-size:8px; }
  h1 { margin-bottom:18px;font-size:clamp(53px,13.2vw,78px); }
  .hero-text { max-width:450px;font-size:13px;line-height:1.8; }.hero-actions { gap:12px; }.button { min-height:45px;padding-inline:16px;font-size:10px; }.hero-note { font-size:9px; }
  .hero-footnote { margin-top:39px; }
  .hero-art { min-height:355px;margin-top:9px; }
  .shape-back { width:min(87%,390px);height:300px; }.shape-front { width:min(79%,350px);height:298px; }
  .workbench-scene { width:94%;min-height:310px;margin-left:0;padding:17px 15px 12px;border-width:5px;border-radius:18px 18px 48px 18px; }
  .scene-topline { font-size:6px; }.scene-title { margin:19px 0 -22px 4px;font-size:27px; }.circuit-board { height:203px; }.scene-bottom { font-size:5px; }.spark-a { top:79px;right:37px;font-size:18px; }.spark-b { bottom:66px;left:16px; }
  .sticker { top:21px;right:3%;width:94px;height:94px; }.sticker img { width:36px;height:36px; }.sticker span { font-size:6px; }
  .art-caption { right:2%;bottom:5px;font-size:12px; }.dot-one { top:42px;left:7%; }.dot-two { bottom:43px; }
  .ticker-track { padding:14px 0;font-size:8px; }.ticker-group { gap:10px;padding-inline:12px; }
  .products-section { padding-top:77px;padding-bottom:70px; }
  .section-heading { display:block;margin-bottom:25px; }.section-heading h2 { font-size:37px; }.section-intro { margin-top:14px;max-width:460px;font-size:10px; }
  .product-toolbar { align-items:flex-start;flex-direction:column;margin-bottom:19px;gap:12px; }.filter-list { gap:4px; }.filter-chip { min-height:31px;padding-inline:10px;font-size:9px; }
  .search-box { width:100%;height:38px; }.search-box:focus-within { width:100%; }
  .product-grid { gap:22px 12px; }.product-image { height:clamp(160px,48vw,280px);border-radius:4px 4px 25px 4px; }.product-tag { top:8px;left:8px;padding:6px 7px;font-size:6px; }.quick-add { right:8px;bottom:8px;width:34px;height:34px; }
  .product-info { display:block;padding-top:10px; }.product-type { margin-bottom:5px;font-size:6px; }.product-info h3 { font-size:10px;line-height:1.45; }.price { display:block;margin-top:6px;font-size:10px; }.product-desc { margin-top:6px;font-size:8px;line-height:1.6; }
  .demo-disclaimer { margin-top:20px;font-size:8px;line-height:1.6; }
  .atelier-section { grid-template-columns:1fr; }.atelier-photo { min-height:300px; }.photo-note { bottom:17px;left:22px; }.atelier-copy { padding:43px 25px 38px; }.atelier-copy h2 { font-size:43px; }.atelier-copy > p:not(.eyebrow) { font-size:11px; }.atelier-sign { margin-top:13px; }
  .coming-soon { grid-template-columns:72px 1fr;gap:18px;padding-top:65px;padding-bottom:65px; }.coming-icon { width:70px;height:70px; }.coming-icon img { width:56px;height:56px; }.coming-soon .eyebrow { font-size:7px;gap:6px; }.coming-soon .eyebrow > span { width:12px; }.coming-soon h2 { font-size:31px; }.coming-soon > div:nth-child(2) > p:last-child { font-size:9px; }.coming-soon > .button { grid-column:2;justify-self:start;min-height:39px; }
  .site-footer { min-height:unset;flex-wrap:wrap;gap:13px;padding:20px 21px; }.footer-brand { flex:1; }.footer-brand img { width:36px;height:36px; }.site-footer p { order:3;width:100%;font-size:8px; }.site-footer p span { margin-left:5px; }.footer-domain { font-size:7px; }
  .cart-drawer { padding:22px; }.drawer-head h2 { font-size:26px; }
}
@media (max-width: 370px) {
  .section-wrap { width:calc(100% - 32px); }.site-header { padding-inline:14px; }.brand { gap:6px; }.brand img { width:36px;height:36px; }.brand-copy { font-size:9px; }
  .hero-actions { align-items:flex-start;flex-direction:column; }.hero-footnote { margin-top:27px;font-size:7px; }.hero-art { min-height:315px; }.workbench-scene { min-height:295px;padding-inline:12px; }.circuit-board { height:188px; }
  .product-grid { gap:19px 9px; }.product-image { height:155px; }.product-info h3 { font-size:9px; }.product-desc { font-size:7px; }
  .ticker-group { gap:6px;padding-inline:5px;font-size:7px;letter-spacing:.07em; }.ticker-track i { font-size:11px; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}
@media (max-width: 1000px) {
  .catalog-layout { grid-template-columns:155px minmax(0,1fr);gap:28px; }
  .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .category-products .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .category-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .category-card-image { height:145px; }
  .category-banner-content { width:min(700px,82%);padding-left:34px; }
  .category-banner-stamp { width:80px;height:80px; }.category-banner-stamp img { width:35px;height:35px; }
  .product-detail { gap:34px; }
  .cart-page-grid { grid-template-columns:minmax(0,1fr) 260px;gap:20px; }
  .cart-list-head,.cart-page-row { grid-template-columns:minmax(185px,1fr) 65px 86px 68px;gap:7px; }
  .cart-page-thumb { width:62px;height:62px; }
}
@media (max-width: 720px) {
  .hero-product-note { bottom:38px;left:1%;min-width:162px;padding:9px 11px; }.hero-note-icon { width:29px;height:29px;font-size:16px; }.hero-product-note small { font-size:6px; }.hero-product-note b { font-size:9px; }.note-arrow { font-size:14px; }
  .hero-secondary { min-height:41px; }
  .all-products-link { margin-top:25px; }
  .catalog-hero,.category-hero { padding-top:25px;padding-bottom:28px; }.catalog-breadcrumb { margin-bottom:25px;font-size:8px; }.catalog-hero h1,.category-hero h1 { font-size:47px; }.catalog-meta { gap:16px;font-size:7px; }.catalog-meta span+span::before { left:-9px; }
  .catalog-layout { display:block;padding-top:18px;padding-bottom:65px; }.catalog-sidebar { padding:0 0 22px; }.sidebar-title { margin-bottom:9px; }.category-nav { flex-direction:row;overflow:auto;gap:5px;padding-bottom:3px; }.category-nav-link { flex:none;gap:8px;padding:8px 10px;border:1px solid #dfe2d6;border-radius:99px;font-size:8px; }.category-nav-link.is-active { border-color:#71836a; }.sidebar-note { display:none; }
  .catalog-topline h2 { font-size:27px; }.catalog-topline .search-box { width:145px; }.catalog-topline .search-box:focus-within { width:160px; }.catalog-controls { margin:14px 0;padding:10px 0;font-size:7px; }.catalog-controls select { max-width:140px;font-size:7px; }.catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px; }.catalog-card .product-image { height:clamp(160px,48vw,270px); }.catalog-card .product-info { display:block; }.catalog-card .product-info h3 { font-size:10px; }.catalog-card .price { display:block;margin-top:6px;font-size:10px; }.catalog-card .product-desc { font-size:8px; }.catalog-card .add-line { font-size:8px; }
  .category-cards { grid-template-columns:1fr;gap:11px;padding-bottom:35px; }.category-card { display:grid;grid-template-columns:35% 1fr; }.category-card-image { height:auto;min-height:140px; }.category-card-copy { min-height:140px;padding:13px; }.category-card-copy h2 { font-size:20px; }.category-card-copy p { margin:6px 0;font-size:8px; }.category-card-count { font-size:7px; }.category-products { padding-top:29px; }.category-products .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .category-banner { min-height:410px;margin-top:19px;border-radius:12px; }.category-banner-image { object-position:58% center; }.category-banner-shade { background:linear-gradient(90deg,#2c4335f5,#2c4335bd 78%,#2c433580),linear-gradient(0deg,#253b2f9c,transparent 70%); }
  .category-banner-content { width:100%;padding:25px 23px 24px; }.category-banner .catalog-breadcrumb { max-width:calc(100% - 50px);gap:7px;margin-bottom:42px;font-size:8px;white-space:nowrap; }.category-banner .eyebrow { font-size:7px; }.category-banner h1 { max-width:480px;font-size:clamp(39px,10vw,58px); }.category-banner-intro { max-width:390px;font-size:10px; }.category-banner-bottom { gap:13px;font-size:7px; }.category-banner-bottom a { padding:9px 11px;font-size:8px; }.category-banner-stamp { top:19px;right:15px;width:61px;height:61px; }.category-banner-stamp img { width:28px;height:28px; }.category-banner-stamp span { font-size:5px; }.category-detail-products { padding-top:30px; }
  .product-breadcrumb { padding-top:21px;margin-bottom:0; }.product-detail { grid-template-columns:1fr;gap:23px;padding-top:17px;padding-bottom:55px; }.detail-main-image { height:clamp(280px,78vw,460px);border-radius:6px 6px 42px 6px; }.detail-main-image .product-tag { top:13px;left:13px; }.detail-copy { padding-top:0; }.detail-copy .eyebrow { margin-bottom:12px; }.detail-copy h1 { font-size:43px; }.detail-lede { font-size:11px; }.detail-price { margin:18px 0 16px;padding-bottom:15px;font-size:20px; }.detail-description { font-size:10px; }.spec-list { gap:8px;margin:17px 0 22px; }.spec-list li { font-size:9px; }.related-section,.cart-recommendations { padding-bottom:60px; }.related-section .section-heading h2,.cart-recommendations .section-heading h2 { font-size:27px; }
  .cart-page { padding-top:21px;padding-bottom:24px; }.cart-page-heading { align-items:flex-start;flex-direction:column;gap:17px;margin:24px 0 26px; }.cart-page-heading h1 { font-size:45px; }.cart-step { gap:6px; }.cart-page-grid { grid-template-columns:1fr;gap:25px; }.cart-list-head { display:none; }.cart-page-row { position:relative;grid-template-columns:1fr auto;gap:7px 12px;padding:12px 0; }.cart-page-product { grid-column:1/-1; }.cart-page-thumb { width:66px;height:66px; }.cart-page-price { display:none; }.cart-quantity { grid-column:1;grid-row:2;justify-self:start;margin-left:79px; }.cart-row-total { grid-column:2;grid-row:2;justify-self:end; }.cart-list-actions { padding-top:13px; }.order-summary { padding:20px 17px; }.cart-recommendations { padding-top:31px; }
}
@media (max-width: 370px) {
  .category-banner { min-height:430px; }.category-banner-content { padding-inline:17px; }.category-banner .catalog-breadcrumb { max-width:100%;margin-bottom:35px;font-size:7px; }.category-banner-stamp { top:13px;right:10px;width:54px;height:54px; }.category-banner-stamp img { width:23px;height:23px; }
}
@media (max-width: 1000px) {
  .atelier-page-hero { min-height:590px;gap:3vw; }.atelier-hero-visual { min-height:470px; }.atelier-page-meta { margin-top:47px;font-size:6px; }
  .atelier-story { gap:45px; }.atelier-story-visual { min-height:390px; }.atelier-cta-badge { width:120px;height:120px;margin-right:0; }.atelier-cta-badge img { width:58px;height:58px; }
}
@media (max-width: 720px) {
  .atelier-page-hero { grid-template-columns:1fr;gap:30px;padding-top:24px;padding-bottom:45px; }.atelier-page-copy .catalog-breadcrumb { margin-bottom:31px; }.atelier-page-copy .eyebrow { margin-bottom:14px; }.atelier-page-copy h1 { font-size:clamp(53px,13vw,74px); }.atelier-page-copy>p:not(.eyebrow) { font-size:11px; }.atelier-page-actions { align-items:flex-start;flex-direction:column;gap:13px;margin-top:19px; }.atelier-page-meta { margin-top:31px;font-size:6px; }
  .atelier-hero-visual { min-height:405px;margin-right:2px;border-width:6px;border-radius:150px 150px 18px 18px; }.atelier-photo-label { top:17px;left:16px;right:16px;font-size:6px; }.atelier-hero-stamp { top:56px;right:13px;width:78px;height:78px; }.atelier-hero-stamp img { width:37px;height:37px; }.atelier-hero-stamp span { font-size:5px; }.atelier-photo-note { bottom:61px;left:13px;min-width:176px;padding:10px 12px; }.atelier-photo-note>span { width:30px;height:30px;font-size:17px; }.atelier-photo-note small { font-size:6px; }.atelier-photo-note b { font-size:9px; }.atelier-visual-caption { right:12px;bottom:18px;font-size:10px; }
  .atelier-manifesto { padding:42px 0; }.manifesto-inner p { font-size:21px; }.atelier-story { grid-template-columns:1fr;gap:29px;padding-top:63px;padding-bottom:67px; }.atelier-story-visual { min-height:310px;border-radius:7px 7px 48px 7px; }.atelier-story-copy { padding:0 3px; }.atelier-story-copy h2 { font-size:43px; }.atelier-story-copy>p:not(.eyebrow) { font-size:10px; }
  .atelier-process { padding:64px 0 68px; }.atelier-process-heading { display:block;margin-bottom:25px; }.atelier-process-heading h2 { font-size:42px; }.atelier-process-heading>p { margin-top:12px;font-size:10px; }.process-cards { grid-template-columns:1fr;gap:10px; }.process-card { min-height:unset;padding:17px 18px 15px; }.process-icon { width:39px;height:39px;margin-bottom:14px;font-size:18px; }.process-number { top:20px;right:18px; }.process-card h3 { font-size:16px; }.process-card p { font-size:9px; }.process-tag { margin-top:13px;font-size:6px; }
  .atelier-picks { padding-top:66px;padding-bottom:67px; }.atelier-picks .section-heading { display:flex;flex-direction:column;align-items:flex-start;gap:10px; }.atelier-picks .section-heading h2 { font-size:32px; }.atelier-picks .section-heading>.text-link { margin:0;font-size:9px; }
  .atelier-cta { min-height:unset;align-items:flex-start;margin-bottom:49px;padding:31px 22px 29px;border-radius:12px; }.atelier-cta-copy { max-width:100%; }.atelier-cta .eyebrow { font-size:7px; }.atelier-cta h2 { font-size:39px; }.atelier-cta-copy>p:not(.eyebrow) { max-width:320px;font-size:9px; }.atelier-cta-actions { align-items:flex-start;flex-direction:column; }.button-light,.button-ghost { min-height:40px; }.atelier-cta-badge { position:absolute;top:19px;right:16px;width:60px;height:60px;margin:0; }.atelier-cta-badge img { width:32px;height:32px; }.atelier-cta-badge span { font-size:4px; }.orbit-one { right:-145px;top:-208px; }.orbit-two { right:-245px;bottom:-230px; }
}
@media (max-width: 370px) {
  .atelier-hero-visual { min-height:360px; }.atelier-page-actions .button { font-size:9px; }.atelier-page-meta { gap:6px;font-size:5px; }.atelier-cta h2 { font-size:34px; }
}

/* Contact page */
.contact-hero { display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:clamp(35px,7vw,92px);padding-top:44px;padding-bottom:65px; }
.contact-hero-copy { padding:13px 0 0; }.contact-hero-copy .catalog-breadcrumb { margin-bottom:34px; }.contact-hero-copy .eyebrow { margin-bottom:20px; }
.contact-hero-copy h1 { margin-bottom:21px;font-size:clamp(49px,6vw,75px); }.contact-hero-copy h1 em { color:#829874;font-family:Georgia,serif;font-weight:400; }
.contact-hero-copy>p:not(.eyebrow) { max-width:485px;margin-bottom:23px;color:#6d786c;font-size:12px;line-height:1.9; }.contact-hero-copy>.button { min-height:43px;padding-inline:17px;font-size:10px; }.contact-hero-copy>.button span { color:#e7bd7c;font-size:16px; }
.contact-hero-meta { display:flex;max-width:455px;justify-content:space-between;gap:12px;margin-top:53px;padding-top:13px;border-top:1px solid var(--line);color:#879081;font:7px var(--mono);letter-spacing:.09em; }.contact-hero-meta span:first-child { color:#af795a; }
.contact-hero-art { position:relative;min-height:407px;display:grid;place-items:center;isolation:isolate; }
.contact-orbit { position:absolute;z-index:-1;border:1px solid #9aaa8a55;border-radius:50%; }.contact-orbit-one { width:340px;height:340px;transform:rotate(-24deg) scaleX(1.25); }.contact-orbit-two { width:270px;height:270px;border-color:#d8997450;transform:rotate(28deg) scaleX(1.3); }
.contact-art-card { position:relative;width:min(94%,430px);min-height:294px;padding:23px 25px 18px;overflow:hidden;border:6px solid var(--white);border-radius:20px 20px 65px 20px;background:radial-gradient(ellipse at 78% 80%,#647c5b 0,transparent 38%),linear-gradient(145deg,#3c5944,#293d32 72%);box-shadow:0 24px 55px #354b3722;transform:rotate(-2deg); }
.contact-art-card::after { position:absolute;inset:0;background-image:radial-gradient(#f7f4ec18 1px,transparent 1px);background-size:14px 14px;content:"";mask-image:linear-gradient(135deg,#000,transparent 70%);pointer-events:none; }
.contact-art-top,.contact-art-bottom { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#d5dfc9;font:7px var(--mono);letter-spacing:.1em; }.contact-art-top i { width:6px;height:6px;border-radius:50%;background:#e5b35d;box-shadow:0 0 0 4px #e5b35d24; }
.contact-signal { display:flex;height:73px;align-items:center;gap:7px;margin:22px 0 4px;padding:0 10px;border-top:1px solid #ffffff1e;border-bottom:1px solid #ffffff1e; }.contact-signal span { width:calc(100% / 7);height:var(--signal-height,28px);border:1px solid #d7c88d90;border-radius:50% 50% 4px 4px;background:linear-gradient(0deg,#d7c88d32,transparent); }.contact-signal span:nth-child(2n) { --signal-height:42px; }.contact-signal span:nth-child(3n) { --signal-height:20px; }.contact-signal span:nth-child(4) { --signal-height:54px;border-color:#e6a47c; }
.contact-art-message { position:relative;z-index:1;margin:0 0 22px 5px;color:#fffdf2;font-size:clamp(25px,3.2vw,36px);font-weight:600;line-height:1.03;letter-spacing:-.065em; }.contact-art-message em { color:#e7bd7c;font-family:Georgia,serif;font-weight:400; }
.contact-art-bottom { padding-top:12px;border-top:1px solid #ffffff30;color:#d8ddc9;font-size:6px; }.contact-art-bottom b { color:#efb27f;font:18px var(--sans); }
.contact-art-sticker { position:absolute;top:21px;right:0;display:flex;width:96px;height:96px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #354b3721;border-radius:50%;background:#fff9ed;box-shadow:0 8px 22px #354b3716;transform:rotate(8deg); }.contact-art-sticker img { width:50px;height:50px; }.contact-art-sticker span { margin-top:-3px;color:var(--forest);font:6px/1.35 var(--mono);letter-spacing:.1em;text-align:center; }.contact-art-spark { position:absolute;bottom:20px;left:7%;color:#d99067;font-size:23px; }
.contact-workspace { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.8fr);align-items:start;gap:22px;padding-top:20px;padding-bottom:105px;scroll-margin-top:105px; }
.contact-form-card { padding:clamp(24px,4vw,43px);border:1px solid #e1dfd3;border-radius:14px;background:#fffdf8;box-shadow:0 15px 40px #354b3708; }
.contact-form-heading .eyebrow { margin-bottom:13px;font-size:8px; }.contact-form-heading h2 { margin-bottom:8px;font-size:clamp(25px,3vw,34px);letter-spacing:-.06em; }.contact-form-heading>p:last-child { margin-bottom:22px;color:#7b8478;font-size:10px;line-height:1.7; }
.contact-topic-picker { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:25px; }
.contact-topic { position:relative;display:flex;min-width:0;align-items:center;gap:9px;padding:12px 10px;border:1px solid #e0e1d6;border-radius:9px;background:#faf9f3;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s; }.contact-topic:hover { transform:translateY(-2px);border-color:#aab69c; }.contact-topic.is-active { border-color:#829675;background:#edf1e8;box-shadow:inset 0 0 0 1px #82967520; }
.topic-icon { display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:50%;background:#e5ecdf;color:#5f7759;font-size:17px; }.topic-icon-warm { background:#f4e5da;color:#b87958; }.topic-icon-gold { background:#f2ebd8;color:#9c7b3e; }
.contact-topic b,.contact-topic small { display:block; }.contact-topic b { margin-bottom:3px;font-size:9px; }.contact-topic small { color:#858c80;font-size:7px; }.contact-topic i { position:absolute;top:7px;right:7px;color:#9a9e90;font:6px var(--mono);font-style:normal; }
.contact-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 13px; }.contact-field { display:flex;min-width:0;flex-direction:column;gap:7px;color:#53624f;font-size:9px;font-weight:700; }.contact-field small { color:#93998e;font-size:7px;font-weight:500; }
.contact-field input,.contact-field textarea { width:100%;min-width:0;border:1px solid #dfe1d7;border-radius:7px;background:#fbfaf5;color:var(--ink);font-family:var(--sans);font-size:10px;font-weight:500;outline:none;transition:border-color .18s,box-shadow .18s; }.contact-field input { height:42px;padding:0 12px; }.contact-field textarea { min-height:125px;padding:12px;resize:vertical;line-height:1.7; }.contact-field input::placeholder,.contact-field textarea::placeholder { color:#a1a69b; }.contact-field input:focus,.contact-field textarea:focus { border-color:#899d7c;box-shadow:0 0 0 3px #82967519; }.contact-subject-field,.contact-message-field { grid-column:1/-1; }.contact-field[hidden] { display:none; }
.contact-form-bottom { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px; }.contact-demo-note { display:flex;max-width:340px;align-items:flex-start;gap:9px;margin:0;color:#7d8678;font-size:8px;line-height:1.7; }.contact-demo-note>span:first-child { display:grid;width:19px;height:19px;flex:none;place-items:center;border:1px solid #bdc7ae;border-radius:50%;color:#738767;font:10px Georgia,serif; }.contact-demo-note b { color:#5b6e55;font-weight:700; }.contact-submit { min-height:43px;flex:none;padding-inline:17px;font-size:9px; }.contact-submit span { color:#e7bd7c;font-size:15px; }
.contact-form-status { margin:16px 0 0;padding:13px 15px;border:1px solid #becbb2;border-radius:8px;background:#edf1e8;color:#4f684c;font-size:9px;line-height:1.7; }.contact-form-status[hidden] { display:none; }
.contact-aside { display:flex;flex-direction:column;gap:14px; }.contact-help-card { position:relative;isolation:isolate;min-height:461px;padding:30px 25px 24px;overflow:hidden;border-radius:13px;background:#354b3a;color:#fffdf2; }.contact-help-card>.eyebrow { margin-bottom:17px;color:#e4c18c;font-size:7px; }.contact-help-card>.eyebrow>span { background:#e2a173; }.contact-help-card h2 { position:relative;z-index:1;margin-bottom:25px;font-size:32px;line-height:1.05;letter-spacing:-.06em; }.contact-help-list { position:relative;z-index:1; }.contact-help-list>div { display:flex;gap:12px;padding:13px 0;border-top:1px solid #ffffff25; }.contact-help-list>div>span { color:#e3a477;font:8px var(--mono); }.contact-help-list p { margin:0; }.contact-help-list b,.contact-help-list small { display:block; }.contact-help-list b { margin-bottom:4px;font-size:9px; }.contact-help-list small { color:#cbd3c5;font-size:8px;line-height:1.5; }
.contact-help-foot { position:absolute;z-index:1;right:23px;bottom:22px;left:23px;display:flex;align-items:center;gap:11px;padding-top:15px;border-top:1px solid #ffffff2c;color:#dce2d4;font:italic 10px/1.5 Georgia,serif; }.contact-help-foot img { width:44px;height:44px; }.contact-help-orbit { position:absolute;z-index:-1;right:-86px;bottom:-132px;width:260px;height:260px;border:1px solid #e7bd7c28;border-radius:50%; }.contact-help-orbit::before,.contact-help-orbit::after { position:absolute;inset:18px;border:1px solid #ffffff13;border-radius:50%;content:""; }.contact-help-orbit::after { inset:39px; }
.contact-aside-links { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;border:1px solid var(--line);border-radius:9px;background:#f2f0e8; }.contact-aside-links>span { color:#9a9d90;font:6px var(--mono);letter-spacing:.08em; }.contact-aside-links a { color:#52684d;font-size:8px;font-weight:700;text-decoration:none; }.contact-aside-links a b { margin-left:5px;color:var(--clay);font-size:13px; }
@media (max-width: 1000px) { .contact-hero { gap:25px; }.contact-hero-art { min-height:360px; }.contact-art-card { min-height:275px;padding-inline:18px; }.contact-workspace { grid-template-columns:minmax(0,1.35fr) minmax(240px,.8fr);gap:15px; }.contact-topic { gap:6px;padding:11px 7px; }.topic-icon { width:30px;height:30px; }.contact-topic small { font-size:6px; }.contact-form-bottom { align-items:flex-start;flex-direction:column; }.contact-submit { align-self:flex-end; } }
@media (max-width: 720px) { .contact-hero { grid-template-columns:1fr;gap:18px;padding-top:24px;padding-bottom:34px; }.contact-hero-copy .catalog-breadcrumb { margin-bottom:28px; }.contact-hero-copy .eyebrow { margin-bottom:14px; }.contact-hero-copy h1 { font-size:clamp(49px,12vw,68px); }.contact-hero-copy>p:not(.eyebrow) { max-width:470px;font-size:10px; }.contact-hero-meta { margin-top:31px;font-size:6px; }.contact-hero-art { min-height:315px;margin:0 7px; }.contact-orbit-one { width:260px;height:260px; }.contact-orbit-two { width:218px;height:218px; }.contact-art-card { width:min(92%,390px);min-height:255px;padding:18px 18px 14px;border-width:5px;border-radius:17px 17px 48px 17px; }.contact-signal { height:58px;margin:17px 0 4px; }.contact-art-message { margin-bottom:17px;font-size:29px; }.contact-art-sticker { top:5px;right:0;width:72px;height:72px; }.contact-art-sticker img { width:38px;height:38px; }.contact-art-sticker span { font-size:5px; }.contact-art-spark { bottom:6px;left:5%;font-size:18px; }
  .contact-workspace { display:flex;flex-direction:column;padding-top:19px;padding-bottom:70px; }.contact-form-card { width:100%;padding:23px 19px; }.contact-form-heading h2 { font-size:26px; }.contact-form-heading>p:last-child { font-size:9px; }.contact-topic-picker { gap:6px;margin-bottom:21px; }.contact-topic { min-height:74px;align-items:flex-start;flex-direction:column;gap:5px;padding:9px 8px; }.contact-topic b { font-size:8px; }.contact-topic small { font-size:6px; }.topic-icon { width:25px;height:25px;font-size:13px; }.contact-topic i { top:7px;right:6px; }.contact-fields { gap:13px 9px; }.contact-field { gap:6px;font-size:8px; }.contact-field input { height:40px;padding-inline:10px;font-size:9px; }.contact-field textarea { min-height:118px;font-size:9px; }.contact-form-bottom { gap:13px;margin-top:16px; }.contact-demo-note { font-size:7px; }.contact-submit { align-self:stretch;min-height:42px; }.contact-aside { width:100%; }.contact-help-card { min-height:390px;padding:25px 22px 20px; }.contact-help-card h2 { font-size:29px; }.contact-help-foot { right:20px;bottom:19px;left:20px; }.contact-aside-links { padding:13px 14px; } }
@media (max-width: 370px) { .contact-hero-meta { gap:5px;font-size:5px; }.contact-art-card { width:95%;padding-inline:13px; }.contact-art-sticker { right:-3px;width:64px;height:64px; }.contact-art-sticker img { width:33px;height:33px; }.contact-topic { padding-inline:6px; }.contact-topic small { font-size:5px; }.contact-form-card { padding-inline:15px; }.contact-aside-links { align-items:flex-start;flex-direction:column; } }

@media (max-width: 900px) {
  .main-nav { position:absolute;top:81px;right:0;left:0;display:none;flex-direction:column;gap:0;margin:0;padding:7px 5% 16px;border-bottom:1px solid var(--line);background:var(--paper); }
  .main-nav.is-open { display:flex; }
  .main-nav a { padding:12px 0;white-space:nowrap; }
  .main-nav a::after { display:none; }
  .header-actions { gap:8px; }
  .menu-toggle { display:flex;width:35px;height:35px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:50%;background:transparent;cursor:pointer; }
  .menu-toggle span { width:16px;height:1.5px;background:var(--forest);transition:transform .2s; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(3.25px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3.25px) rotate(-45deg); }
}
@media (max-width: 720px) { .main-nav { top:69px;padding:7px 23px 16px; } }

.whatsapp-widget { position:fixed;z-index:28;bottom:22px;left:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px; }
.whatsapp-launch { display:flex;min-height:58px;align-items:center;gap:11px;padding:5px 16px 5px 6px;border:1px solid #dce4d8;border-radius:999px;background:#fffdf8;color:var(--forest);box-shadow:0 9px 27px #26392c26;cursor:pointer;transition:transform .2s,box-shadow .2s; }.whatsapp-launch:hover { transform:translateY(-2px);box-shadow:0 13px 31px #26392c30; }.whatsapp-launch:active { transform:translateY(0); }
.whatsapp-launch-icon,.whatsapp-panel-icon { display:grid;width:45px;height:45px;flex:none;place-items:center;border-radius:50%;background:#1fae61; }.whatsapp-launch-icon svg,.whatsapp-panel-icon svg { display:block;width:27px;height:27px;fill:#fff; }
.whatsapp-launch-copy b,.whatsapp-launch-copy small { display:block;text-align:left; }.whatsapp-launch-copy b { margin-bottom:3px;font-size:10px; }.whatsapp-launch-copy small { color:#7e887a;font-size:8px; }.whatsapp-launch-arrow { margin-left:4px;color:#70916c;font-size:17px; }
.whatsapp-panel { width:min(340px,calc(100vw - 36px));overflow:hidden;border:1px solid #dbe1d5;border-radius:15px;background:#fffdf8;box-shadow:0 18px 50px #1e31234a;animation:whatsapp-pop .2s ease-out; }.whatsapp-panel[hidden] { display:none; }
@keyframes whatsapp-pop { from { opacity:0;transform:translateY(7px) scale(.98); } to { opacity:1;transform:translateY(0) scale(1); } }
.whatsapp-panel-head { display:flex;align-items:center;gap:11px;padding:17px 16px;background:var(--forest);color:#fffdf2; }.whatsapp-panel-icon { width:38px;height:38px;background:#1fae61; }.whatsapp-panel-icon svg { width:23px;height:23px; }.whatsapp-panel-head small { display:block;margin-bottom:5px;color:#cbd8c6;font:6px var(--mono);letter-spacing:.12em; }.whatsapp-panel-head h2 { margin:0;font-size:13px;font-weight:700;letter-spacing:-.02em; }.whatsapp-close { display:grid;width:29px;height:29px;flex:none;place-items:center;margin-left:auto;border:1px solid #ffffff40;border-radius:50%;background:transparent;color:#fff;font-size:19px;line-height:1;cursor:pointer; }.whatsapp-close:hover { background:#ffffff1a; }
.whatsapp-panel-body { padding:17px 18px 8px; }.whatsapp-panel-body p { margin:0 0 9px;color:#667264;font-size:10px;line-height:1.7; }.whatsapp-coming { display:inline-flex;align-items:center;gap:7px;margin-top:4px;padding:7px 9px;border-radius:99px;background:#edf2e9;color:#62795b;font:6px var(--mono);letter-spacing:.1em; }.whatsapp-coming i { width:6px;height:6px;border-radius:50%;background:#d99b68;box-shadow:0 0 0 3px #d99b6826; }
.whatsapp-dismiss { display:block;width:calc(100% - 36px);min-height:38px;margin:8px 18px 17px;border:1px solid #d4ddce;border-radius:999px;background:#f3f5ee;color:#52694d;font-size:9px;font-weight:700;cursor:pointer;transition:background .2s; }.whatsapp-dismiss:hover { background:#e8eee2; }
@media (max-width: 720px) { .whatsapp-widget { bottom:16px;left:16px;gap:9px; }.whatsapp-launch { width:54px;height:54px;min-height:54px;justify-content:center;padding:4px;border-color:#ffffff;border-radius:50%;box-shadow:0 8px 24px #26392c38; }.whatsapp-launch-icon { width:44px;height:44px; }.whatsapp-launch-copy,.whatsapp-launch-arrow { display:none; }.whatsapp-panel { width:min(340px,calc(100vw - 32px)); } }

.detail-thumbnails { display:flex;gap:9px;margin-top:11px; }
.detail-thumb { width:70px;height:64px;padding:0;overflow:hidden;border:1px solid #dfe2d6;border-radius:5px 5px 17px 5px;background:#e5e9dc;cursor:pointer;opacity:.72;transition:border-color .2s,opacity .2s; }
.detail-thumb:hover,.detail-thumb.is-active { border-color:#71836a;opacity:1; }
.detail-thumb img { display:block;width:100%;height:100%;object-fit:cover; }