:root{--forest:#123f32;--coral:#ed746b;--cream:#f9f7f0;--paper:#fffdf8;--lime:#d9fa76}
body{background:var(--cream)}.topbar{display:none}header{background:#fffdf8;box-shadow:0 1px 16px #173e2910}.brand-mark{background:var(--forest);color:#ffe4a3}.nav-cta{background:var(--forest)}.nav nav a:hover{color:var(--coral)}.hero{background:linear-gradient(90deg,#fffdf8 0%,#fffdf8 47%,#e9ece4 100%);color:var(--forest)}.hero-grid{min-height:650px;grid-template-columns:.92fr 1.08fr;gap:0}.hero .eyebrow{color:var(--coral)}.hero .eyebrow:before{background:var(--coral)}.hero h1{font-size:clamp(48px,5.3vw,78px);letter-spacing:-.065em;max-width:590px}.hero h1 em{color:var(--coral)}.hero p{color:#31443b;font-size:19px}.hero-note{color:#4e6257;font-weight:700;line-height:1.7}.hero .btn-primary,.section-btn,.quality .btn-primary,.final-cta .btn-primary{background:var(--forest);border-color:var(--forest);color:white}.hero .btn-outline{color:var(--forest);border-color:#b8c4b9}.hero-art{height:650px;background:radial-gradient(circle at 62% 47%,#f6e7d2 0,#e8e9df 57%,#d8e0d9 100%);overflow:hidden}.orb{background:radial-gradient(circle,#f4d2c9 0,#eee2d3 38%,transparent 70%);opacity:.8}.ring{border-color:#123f3222}.hero-tags{display:flex;gap:10px;position:absolute;bottom:35px;left:22px;right:22px;z-index:5}.hero-tags div{flex:1;background:#fffdf8e8;backdrop-filter:blur(6px);border:1px solid white;border-radius:10px;padding:12px 10px;text-align:center;box-shadow:0 8px 20px #183b3020}.hero-tags small{font-size:10px;color:#6a796f;font-weight:900;display:block;letter-spacing:.06em}.hero-tags strong{display:block;font-size:15px;color:var(--forest);margin-top:4px}.art-caption{bottom:6px;left:auto;right:15px;color:#50665a;font-size:9px}.ticker{background:var(--forest);color:#fffdf8}.ticker i{color:#ffba8c}.section{padding:85px 0}.kicker{color:var(--coral)}.section h2,.specs h2,.final-cta h2{color:var(--forest)}.categories{grid-template-columns:repeat(5,1fr)}.cat{background:#fffdf8;border-color:#e8e4da;min-height:355px;box-shadow:0 5px 20px #253c2608}.cat:hover{border-color:#83a490}.section-btn{margin-top:16px}.small-note{font-style:italic}.specs{padding:48px 0 65px;background:#f2eee4;border-top:1px solid #e8e2d7;border-bottom:1px solid #e8e2d7}.specs h2{font-size:clamp(32px,3.7vw,48px);letter-spacing:-.05em;margin-bottom:27px}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.spec-grid div{border:1px solid #dfd8cb;background:#fffdf8;border-radius:14px;min-height:112px;padding:18px}.spec-grid strong{display:block;color:var(--forest);font-size:19px;margin-bottom:11px}.spec-grid span{color:#617065;font-size:13px;line-height:1.5}.specs p{font-size:13px;color:#68746a;margin:22px 0 0}.story{background:#fffdf8}.story h2,.process h2{color:var(--forest)}.story-visual{background:#234738}.story-visual:before{background:#efaf9c}.story-points span{background:var(--forest);color:white}.process{background:#f2eee4}.step{border-color:var(--forest)}.step-num{color:var(--coral)}.quality{background:#fffdf8}.quality-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}.quality p{max-width:500px;color:#596b60;line-height:1.7;font-size:16px;margin:22px 0 27px}.quality-diagram{min-height:380px;border-radius:26px;background:radial-gradient(circle at 50% 44%,#f8ecd7,#cfdfd3);display:grid;grid-template-columns:repeat(2,1fr);align-content:center;gap:18px;padding:50px}.quality-diagram div{background:#fffdf8;border:1px solid #d8e0d7;border-radius:17px;box-shadow:0 10px 30px #123f3218;padding:27px 10px;text-align:center;color:var(--forest);font-weight:900;font-size:18px}.quality-diagram div:nth-child(2){transform:translateY(-13px)}.quality-diagram div:nth-child(3){transform:translateY(13px)}.gallery{background:#f2eee4}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-grid>div{background:#fffdf8;border:1px solid #e1ddd4;border-radius:18px;overflow:hidden;padding-bottom:20px}.gallery-grid h3{font-size:20px;margin:19px 19px 6px;color:var(--forest)}.gallery-grid p{font-size:13px;color:#627067;line-height:1.5;margin:0 19px}.concept{height:225px;display:grid;place-items:center;font-size:70px;font-weight:900;color:#57518a;letter-spacing:-.08em;text-shadow:5px 8px 0 #443f7155;background:radial-gradient(circle at center,#dad0ff,#f1eafa)}.concept-two{color:#a85f5a;text-shadow:5px 8px 0 #864a4755;background:radial-gradient(circle,#ffd1c9,#fff0e7)}.concept-three{color:#4e8e5f;text-shadow:5px 8px 0 #39704a55;background:radial-gradient(circle,#d2f1c7,#ecf2d8)}.final-cta{background:var(--forest);padding:65px 0;color:#fffdf8}.final-cta-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.final-cta .kicker{color:#ffc29a}.final-cta h2{color:#fffdf8;font-size:clamp(36px,4vw,56px);letter-spacing:-.055em;margin-bottom:15px}.final-cta p{color:#dae7de;font-size:15px}.final-actions{display:flex;gap:11px;flex-wrap:wrap}.final-cta .btn-primary{background:#fffdf8;border-color:#fffdf8;color:var(--forest)}.final-cta .btn-outline{border-color:#fffdf8;color:white}.faq-list{border-color:#d8d5cb}.faq-grid h2{color:var(--forest)}footer{background:#e8e7dc}.footer-brand{color:var(--forest)}
.order-page{padding:75px 0;background:#f9f7f0;min-height:calc(100vh - 260px)}.order-shell{max-width:1000px;margin:auto;padding:24px 28px 60px;background:#fff;border:1px solid #e5e0d7;border-radius:18px;box-shadow:0 15px 45px #123f3210}.order-title{text-align:center;padding:22px 0 24px}.order-title h1{font-size:42px;color:var(--forest);margin:7px 0}.order-title p{color:#677569;font-size:14px;line-height:1.5}.wizard-steps{display:flex;justify-content:center;gap:35px;background:#f8f7f1;border:1px solid #e4dfd5;border-radius:9px;padding:20px;margin-bottom:28px}.wizard-steps span{font-weight:800;color:#919b92;font-size:14px}.wizard-steps .active{color:var(--forest)}.wizard-steps b{display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid currentColor;border-radius:50%;margin-right:7px}.wizard-steps .active b{background:var(--forest);color:white;border-color:var(--forest)}.wizard-panel{max-width:760px;margin:auto}.wizard-panel[hidden]{display:none}.wizard-panel h2{font-size:25px;color:var(--forest);letter-spacing:-.03em;margin-bottom:12px}.wizard-panel p{font-size:14px;color:#5d6a60;line-height:1.6}.choice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}.choice-grid label{cursor:pointer}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:grid;place-items:center;text-align:center;min-height:85px;border:1px solid #d9e0d8;border-radius:12px;padding:12px;font-weight:800;color:var(--forest)}.choice-grid input:checked+span{border:2px solid var(--forest);background:#eaf2e9}.wizard-field{display:grid;gap:8px;margin:17px 0}.wizard-field label{font-weight:800;font-size:13px}.wizard-field input,.wizard-field textarea{width:100%;border:1px solid #d8d9d2;border-radius:10px;padding:14px;min-height:48px;outline:none;background:#fff}.wizard-field textarea{min-height:118px;resize:vertical}.upload-box{display:block;cursor:pointer;text-align:center;background:#fffcf6;border:2px dashed #c8d4c8;border-radius:14px;padding:27px;margin:20px 0}.upload-box strong{display:block;font-size:17px;color:var(--forest)}.upload-box small{display:block;color:#7b887b;margin-top:6px}.upload-box input{margin-top:16px;max-width:100%}.wizard-actions{display:flex;justify-content:center;gap:12px;padding-top:22px}.wizard-actions .btn{border:0;background:var(--forest);color:white}.wizard-actions .back{background:#e8e4dc;color:var(--forest)}.brief-preview{white-space:pre-wrap;font:14px/1.6 Arial,Helvetica,sans-serif;background:#f7f5ef;border:1px solid #e3dfd3;border-radius:12px;padding:18px}.order-disclaimer{text-align:center;color:#879087;font-size:12px;margin-top:18px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;padding-top:50px}.hero-art{height:480px;margin:25px -28px 0}.hero h1{max-width:700px}.categories{grid-template-columns:repeat(3,1fr)}.spec-grid{grid-template-columns:repeat(2,1fr)}.quality-grid{grid-template-columns:1fr}.final-cta-grid{display:block}.gallery-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero-grid{padding-top:42px}.hero h1{font-size:52px}.hero p{font-size:16px}.hero-art{height:410px;margin:20px -20px 0}.hero-tags{gap:5px;bottom:21px}.hero-tags div{padding:7px 5px}.hero-tags small{font-size:7px}.hero-tags strong{font-size:10px}.art-caption{display:none}.categories{grid-template-columns:1fr 1fr}.spec-grid,.gallery-grid{grid-template-columns:1fr}.quality-diagram{min-height:300px;padding:25px}.final-actions{margin-top:25px}.wizard-steps{gap:8px;padding:15px 5px}.wizard-steps span{font-size:11px}.wizard-steps b{width:18px;height:18px}.choice-grid{grid-template-columns:repeat(2,1fr)}.order-shell{padding:18px}.order-title h1{font-size:34px}}
/* Product render cover */
.hero{background:#fffaf2 url("assets/hero-4-keycaps.png") center center/cover no-repeat}
.hero-grid{position:relative}
.hero-art{background:transparent}
.hero-art .orb,.hero-art .ring,.hero-art .key{display:none}
.hero-mobile-gallery{display:none}
.art-caption{right:26px;bottom:8px;background:#fffdf8d9;padding:4px 7px;border-radius:4px;color:#42594b}
@media(max-width:900px){
  .hero{background:#fffaf2}
  .hero-art{height:auto;min-height:0;margin:26px 0 0;padding:0 0 104px}
  .hero-mobile-gallery{display:block;width:100%}
  .hero-mobile-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:right center}
  .hero-tags{bottom:33px;left:0;right:0}
}
@media(max-width:600px){
  .hero-art{margin:24px 0 0;padding-bottom:78px}
  .hero-tags{bottom:10px}
}
.hero-tags{display:none}
@media(max-width:900px){
  .hero-art{padding-bottom:35px}
  .art-caption{display:block;left:0;right:auto;bottom:2px;background:transparent;padding:0;font-size:9px}
}
@media(max-width:600px){.hero-art{padding-bottom:30px}.art-caption{display:block}}
.privacy-consent{display:flex;align-items:flex-start;gap:10px;margin:20px 0;color:#506256;font-size:13px;line-height:1.5}.privacy-consent input{margin-top:2px;flex:none}.privacy-consent a{color:#123f32;text-decoration:underline}.order-success{border:1px solid #7fae8e;background:#eaf4eb;border-radius:12px;padding:18px;color:#123f32;margin-top:18px}.order-success strong{display:block;font-size:20px;margin-bottom:7px}
@media(min-width:901px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}
.gallery-grid img{display:block;width:100%;height:225px;object-fit:cover;background:#e9e9e7}
.cat-price{margin-top:14px;padding-top:12px;border-top:1px solid #d8ddd5;display:flex;flex-direction:column;gap:2px}.cat-price small{font-size:11px;color:#617369;font-weight:700}.cat-price strong{font-size:21px;letter-spacing:-.04em;color:var(--forest)}.cat:nth-child(3) .mini-art:before{width:78%;max-width:160px;height:55px;border-radius:13px;transform:rotate(-6deg);box-shadow:7px 10px 0 #746ca9,11px 15px 12px #332c6650}.cat:nth-child(3) .mini-art:after{font-size:18px;transform:rotate(-6deg)}.price-note{padding:12px 14px;background:#eff5ec;border-left:3px solid var(--forest);border-radius:7px}

/* Render showroom and verified-product gallery */
.nav nav{gap:16px;font-size:12px}
.showroom-intro{background:#163d32;color:#fffdf8;padding:76px 0 58px}.showroom-intro .kicker{color:#f4b9a0}.showroom-intro h2{font-size:clamp(38px,4.5vw,66px);line-height:1.04;letter-spacing:-.055em;max-width:780px;margin:14px 0 18px}.showroom-intro p{max-width:720px;line-height:1.7;color:#dbe9e0;font-size:16px}.showroom-jumps{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.showroom-jumps a{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:16px 20px;min-width:235px;border:1px solid #ffffff5c;border-radius:12px;color:#fffdf8;text-decoration:none;font-weight:800}.showroom-jumps a:hover{background:#ffffff17}.showroom-jumps span{color:#ffbc9e}.render-gallery{background:#f4f0e8}.showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.showcase-card{font:inherit;text-align:left;appearance:none;display:block;width:100%;padding:0;background:#fffdf8;border:1px solid #e4dcd0;border-radius:17px;overflow:hidden;cursor:pointer;color:var(--forest);transition:transform .2s,box-shadow .2s}.showcase-card:hover{transform:translateY(-4px);box-shadow:0 18px 28px #173d301c}.showcase-card:focus-visible{outline:3px solid #e87967;outline-offset:3px}.showcase-image{display:block;position:relative;background:#e8e2dd}.showcase-image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.image-badge{position:absolute;left:12px;top:12px;background:#173d32;color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em;padding:7px 9px;border-radius:5px}.showcase-copy{display:grid;gap:6px;padding:18px}.showcase-copy b{font-size:19px}.showcase-copy small{color:#65746a;font-size:12px;line-height:1.5}.showcase-copy>span{color:#b95e51;font-size:12px;font-weight:900;margin-top:8px}.showcase-end{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#e5e9df;border-radius:16px;padding:24px;margin-top:25px}.showcase-end p{max-width:520px;margin:0;color:#42584b;line-height:1.6}.showcase-end .btn{flex:none;background:var(--forest);border-color:var(--forest);color:white}.real-gallery{background:#fffdf8}.real-empty{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;align-items:center;padding:32px;border:1px solid #dfdfd4;border-radius:23px;background:#f6f4ed}.real-empty-art{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.real-empty-art span{aspect-ratio:3/4;display:grid;place-items:center;border:2px dashed #a7b6a9;border-radius:13px;color:#9eafa2;background:#e8ede6;font-weight:900;font-size:27px}.real-empty-art span:nth-child(2){transform:translateY(17px)}.real-empty strong{color:var(--forest);font-size:25px;letter-spacing:-.035em}.real-empty p{color:#637166;line-height:1.7;font-size:14px}.real-empty a{color:#aa5b4e;font-weight:900;text-decoration:none}.real-gallery-note{font-size:12px;color:#78867b;margin-top:18px}.gallery-dialog{border:0;border-radius:19px;padding:0;max-width:min(92vw,840px);max-height:90vh;background:#fffdf8;color:var(--forest);box-shadow:0 25px 90px #0006}.gallery-dialog::backdrop{background:#071d16d9}.gallery-dialog img{display:block;max-width:100%;max-height:70vh;margin:auto;object-fit:contain;background:#eee}.gallery-dialog>div{padding:18px 24px}.gallery-dialog strong{font-size:22px}.gallery-dialog p{color:#617168;margin:6px 0 0;font-size:13px;line-height:1.5}.gallery-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:var(--forest);font-size:28px;cursor:pointer;box-shadow:0 3px 14px #0003}
@media(max-width:900px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.real-empty{grid-template-columns:1fr}.real-empty-art{max-width:520px}.showcase-end{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.showroom-intro{padding:58px 0 44px}.showcase-grid{gap:10px}.showcase-copy{padding:13px}.showcase-copy b{font-size:16px}.showcase-copy small{font-size:11px}.showcase-end{padding:19px}.real-empty{padding:18px;gap:25px}.real-empty strong{font-size:22px}.real-empty-art span{font-size:20px}}

/* Sculpted wordmark: cream face, coral depth, soft cast shadow. */
.hero h1.custom-headline{font-size:clamp(34px,4.2vw,62px);line-height:1.22;letter-spacing:-.045em;margin:24px 0 27px;max-width:650px}
.headline-lead{display:block;padding-bottom:10px}
.brand-quote{color:var(--coral);font-size:.65em;vertical-align:top;line-height:1.4}
.brand-relief{display:inline-block;color:#fff4db;font-weight:950;font-family:Arial,Helvetica,sans-serif;font-size:1.12em;letter-spacing:-.055em;transform:rotate(-3deg);-webkit-text-stroke:1.2px #b83f46;text-shadow:1px 1px 0 #dc6569,2px 2px 0 #dc6569,3px 3px 0 #d15a61,4px 4px 0 #c34c55,5px 5px 0 #aa3945,6px 7px 0 #903344,8px 11px 12px #542b3426;padding:0 .07em .08em}
.headline-service{display:block;color:var(--coral);font-size:.7em;font-weight:750;line-height:1.3;letter-spacing:-.035em}
@media(max-width:600px){.hero h1.custom-headline{font-size:clamp(29px,8.2vw,48px)}.brand-relief{-webkit-text-stroke:1px #b83f46}.headline-service{font-size:.72em}}

/* Inline promise with miniature sculpted keycaps. */
.personal-keycap{font-weight:800;color:var(--forest);padding:0 .06em .08em;background:linear-gradient(transparent 75%,#f8c8b8 75%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.mini-keycaps{display:inline-flex;gap:5px;white-space:nowrap;vertical-align:middle;margin:0 .2em .35em;line-height:1}
.mini-keycaps>span{position:relative;display:inline-grid;place-items:center;width:1.5em;height:1.55em;border:1px solid #d58a7e;border-radius:6px 6px 7px 7px;background:linear-gradient(145deg,#fffdf4,#ffe8d2);color:#b64451;font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:1.03em;text-shadow:0 1px 0 #fff;box-shadow:0 3px 0 #dc8b82,0 5px 0 #b75c60,1px 7px 5px #4e302321,inset 0 0 0 3px #fff8e8;transform:rotate(-7deg)}
.mini-keycaps>span+span{transform:rotate(7deg) translateY(-2px);background:linear-gradient(145deg,#fff5e8,#ffd5cc)}

/* Keep the full brand and header action readable on narrow screens. */
.brand-copy{display:contents}
@media(max-width:600px){
  .nav{gap:12px}
  .nav .brand{gap:8px;flex-shrink:0;font-size:15px}
  .brand-copy{display:block}
  .brand-copy .light{display:block;font-size:11px;letter-spacing:0;margin-top:2px}
  .nav .nav-cta{max-width:130px;min-height:44px;padding:10px 12px;line-height:1.35;text-align:center}
}

/* Quote actions are real links with a clear raised button surface. */
.cat .cat-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:48px;margin-top:18px;padding:12px 13px;border:1px solid #123f32;border-radius:12px;background:#123f32;color:#fffdf8;font-size:12px;font-weight:800;line-height:1.4;text-decoration:none;box-shadow:0 4px 0 #082b21,0 7px 13px #123f3226;transition:background .18s,transform .18s,box-shadow .18s;cursor:pointer}
.cat-cta>svg{flex:none}
.cat .cat-cta:hover{background:#205c49;transform:translateY(-2px);box-shadow:0 6px 0 #082b21,0 10px 18px #123f3230}
.cat .cat-cta:focus-visible{outline:3px solid #cf6355;outline-offset:4px}
.cat .cat-cta:active{transform:translateY(3px);box-shadow:0 1px 0 #082b21}
@media(prefers-reduced-motion:reduce){.cat .cat-cta{transition:none}}

.brand-mark img{display:block;width:100%;height:100%;border-radius:inherit}

.product-check{margin:20px 0 24px;padding:18px 20px;background:#f8f7f1;border:1px solid #e4dfd5;border-radius:12px}.product-check h3{margin:0 0 10px;color:var(--forest);font-size:17px}.product-check ul{margin:0;padding-left:20px;color:#5d6a60;font-size:14px;line-height:1.7}.product-check li+li{margin-top:8px}.product-check strong{color:var(--forest)}

/* Gentle showroom motion keeps the card, labels and click targets stationary. */
.render-gallery .showcase-image{overflow:hidden}
.render-gallery .showcase-image img{transform-origin:50% 80%}
.render-gallery .showcase-card:hover{transform:none}
.gallery-motion-control{display:block;margin:0 0 16px auto;padding:8px 12px;border:1px solid #cbd3c8;border-radius:20px;background:transparent;color:var(--forest);font:inherit;font-size:12px;cursor:pointer}
.gallery-motion-control[hidden]{display:none}
.gallery-motion-control:focus-visible{outline:3px solid #e87967;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.render-gallery .showcase-card{transition:none}}