:root{--ink:#11110f;--soft-ink:#1a1a17;--paper:#e9e3d8;--cream:#f4f0e8;--gold:#b89a62;--gold-light:#d9c59d;--taupe:#8b8172;--line:rgba(17,17,15,.22);--dark-line:rgba(255,255,255,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:#fff;mix-blend-mode:difference}.brand{display:inline-flex;gap:12px;align-items:center;font-size:.83rem;letter-spacing:.18em;font-weight:600}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;font-family:"Playfair Display",serif;font-size:1.1rem;letter-spacing:0}.main-nav{display:flex;gap:30px;font-size:.76rem;text-transform:uppercase;letter-spacing:.13em}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:.3s}.main-nav a:hover:after{transform:scaleX(1);transform-origin:left}.menu-button{display:none;border:0;background:none;color:inherit;letter-spacing:.12em}.hero{min-height:100svh;background:var(--ink);color:var(--cream);display:grid;grid-template-columns:55% 45%;position:relative;overflow:hidden}.hero-copy{align-self:center;padding:125px 4vw 80px;position:relative;z-index:2}.eyebrow{font-size:.69rem;font-weight:600;letter-spacing:.22em;margin:0 0 28px;color:inherit}.hero .eyebrow,.contact .eyebrow,.statement .eyebrow{color:var(--gold-light)}h1,h2{font-family:"Playfair Display",serif;font-weight:600;line-height:.92;margin:0;letter-spacing:-.045em}h1{font-size:clamp(4.2rem,8.1vw,9rem)}h2{font-size:clamp(3rem,6vw,6.8rem)}em{font-weight:600;color:var(--gold-light)}.hero-text{max-width:510px;font-size:1.08rem;line-height:1.7;margin:38px 0;color:rgba(244,240,232,.75)}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 25px;text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;font-weight:600;border:1px solid currentColor;transition:.25s}.button-light{color:var(--cream)}.button-light:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}.text-link{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.text-link span{margin-left:8px}.hero-art{position:relative;display:grid;place-items:center;background:var(--ink);overflow:hidden}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,rgba(184,154,98,.12))}.hero-bass-render{position:relative;z-index:1;width:min(88%,720px);height:88vh;object-fit:contain;object-position:center;filter:drop-shadow(24px 30px 28px rgba(0,0,0,.38));transform:translateY(2%);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.hero-art:hover .hero-bass-render{transform:translateY(1%) scale(1.015)}.model-stamp{position:absolute;z-index:2;right:5%;bottom:8%;border:1px solid var(--gold-light);border-radius:50%;width:98px;aspect-ratio:1;display:grid;place-items:center;text-align:center;font-family:"Playfair Display",serif;font-size:1.12rem;color:var(--gold-light);transform:rotate(10deg)}.art-caption{position:absolute;z-index:2;left:5%;bottom:5%;font-size:.62rem;letter-spacing:.18em;color:rgba(244,240,232,.55)}.scroll-note{position:absolute;left:4vw;bottom:25px;font-size:.62rem;letter-spacing:.17em;color:rgba(244,240,232,.55)}.section-pad{padding:120px 6vw}.statement{background:var(--soft-ink);color:var(--cream);text-align:center;min-height:70vh;display:grid;align-content:center}.statement h2{max-width:1200px;margin:auto}.featured{display:grid;grid-template-columns:1fr 1fr;min-height:860px;background:var(--cream)}.featured-visual{position:relative;background:var(--gold);overflow:hidden;display:grid;place-items:center}.coordinate-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(17,17,15,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,15,.12) 1px,transparent 1px);background-size:55px 55px}.giant-code{font-family:"Playfair Display",serif;font-size:clamp(5rem,11vw,12rem);transform:rotate(-90deg);color:rgba(17,17,15,.82);letter-spacing:-.07em}.origin-pin{position:absolute;bottom:8%;left:8%;font-size:.65rem;letter-spacing:.18em;display:flex;align-items:center;gap:10px}.origin-pin span{width:9px;height:9px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 7px rgba(17,17,15,.12)}.featured-copy{display:flex;flex-direction:column;justify-content:center}.featured-copy .subtitle{font-family:"Playfair Display",serif;font-style:italic;font-size:1.6rem;color:var(--gold);margin:14px 0 36px}.featured-copy>p:not(.eyebrow):not(.subtitle){max-width:620px;line-height:1.8}.spec-preview{margin:45px 0;border-top:1px solid var(--line)}.spec-preview div{display:grid;grid-template-columns:130px 1fr;padding:18px 0;border-bottom:1px solid var(--line)}.spec-preview dt{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em}.spec-preview dd{margin:0}.dark-link{font-weight:600}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:60px}.section-heading>p,.heading-copy{max-width:560px;line-height:1.75}.heading-copy p{margin-top:0}.origin{background:var(--paper)}.postcode-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:50px}.postcode-line span{font-family:"Playfair Display",serif;font-size:clamp(5rem,14vw,15rem);line-height:.75;color:var(--gold)}.postcode-line i{height:1px;background:var(--line)}.postcode-line p{grid-column:1/-1;text-align:center;font-size:.66rem;letter-spacing:.19em;text-transform:uppercase}.collection{background:var(--cream)}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.model-card{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column}.model-card .model-image{flex:1 1 auto}.model-image{aspect-ratio:2/3;width:100%;min-height:0;position:relative;display:grid;place-items:center;overflow:hidden}.card-index{position:absolute;z-index:1;top:18px;left:18px;font-size:.62rem;letter-spacing:.15em}.model-bass-render{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.model-image svg{height:84%;width:auto;max-width:92%;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.model-card:hover .model-bass-render{transform:scale(1.03)}.model-card:hover svg{transform:scale(1.04) rotate(-2deg)}.model-image-one{background:#25231e;color:rgba(244,240,232,.75)}.model-image-two{background:#292823;color:#a99d87}.model-image-three{background:#bdb5a8;color:#4d4942}.model-image strong{position:absolute;bottom:24px;font-size:.64rem;letter-spacing:.2em}.muted-card svg{opacity:.5}.model-meta{display:flex;justify-content:space-between;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line)}.model-meta h3{margin:0 0 7px;font-family:"Playfair Display",serif;font-size:1.65rem}.model-meta p{margin:0;color:rgba(17,17,15,.58);font-size:.78rem;font-style:italic}.model-meta>a{font-size:1.4rem}.craft{display:grid;grid-template-columns:1fr 1fr;min-height:860px;background:var(--paper)}.craft-image{position:relative;overflow:hidden;background:#3b3328;min-height:680px;display:grid;place-items:center;color:var(--gold-light)}.wood-grain{position:absolute;inset:-30%;background:repeating-radial-gradient(ellipse at center,transparent 0 28px,rgba(217,197,157,.12) 30px 32px);transform:rotate(-20deg) scale(1.2)}.craft-image span{position:relative;z-index:2;font-family:"Playfair Display",serif;font-size:clamp(4rem,9vw,9rem);line-height:.82;text-align:center}.craft-copy{display:flex;flex-direction:column;justify-content:center}.craft-copy>p:not(.eyebrow){margin:40px 0;line-height:1.8;max-width:600px}.craft-copy ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.craft-copy li{display:flex;gap:30px;padding:22px 0;border-bottom:1px solid var(--line);font-size:1rem}.craft-copy li>span{font-size:.66rem;letter-spacing:.13em;margin-top:4px;color:var(--gold)}.craft-copy li strong{display:block;font-weight:500}.craft-copy li small{display:block;margin-top:6px;color:rgba(17,17,15,.58);line-height:1.5}.about{display:grid;grid-template-columns:.6fr 1.4fr;gap:70px;background:var(--gold);color:var(--ink)}.about-number{font-family:"Playfair Display",serif;font-size:clamp(4rem,9vw,10rem);opacity:.42}.about-copy h2{max-width:1000px}.about-copy>p:last-child{max-width:620px;margin:50px 0 0 auto;line-height:1.8}.contact{background:var(--ink);color:var(--cream);padding:150px 6vw;text-align:center}.contact-inner{max-width:1050px;margin:auto}.contact p:not(.eyebrow){max-width:540px;margin:40px auto;line-height:1.7;color:rgba(244,240,232,.7)}.button-dark:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}footer{background:var(--ink);color:var(--cream);border-top:1px solid var(--dark-line);padding:35px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:30px;align-items:center;font-size:.7rem;letter-spacing:.08em}footer div{display:flex;gap:20px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.hero-bass-render{width:88%;height:64svh}.site-header{height:70px}.main-nav{position:fixed;inset:0;background:var(--ink);color:#fff;flex-direction:column;align-items:center;justify-content:center;font-size:1.2rem;opacity:0;pointer-events:none;transition:.3s;mix-blend-mode:normal}.main-nav.open{opacity:1;pointer-events:auto}.menu-button{display:block;position:relative;z-index:3}.brand{position:relative;z-index:3}.hero,.featured,.section-heading,.craft,.about{grid-template-columns:1fr}.hero-copy{min-height:72svh;display:flex;flex-direction:column;justify-content:center;padding-top:110px}.hero-art{min-height:70svh}.scroll-note{display:none}.section-pad{padding:90px 6vw}.featured-visual{min-height:650px}.model-grid{grid-template-columns:1fr}.craft-copy{min-height:700px}.about-copy>p:last-child{margin-left:0}footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){h1{font-size:3.65rem}h2{font-size:3.05rem}.hero-actions{align-items:flex-start;flex-direction:column}.postcode-line{gap:12px}.postcode-line span{font-size:4.5rem}.spec-preview div{grid-template-columns:105px 1fr}footer{grid-template-columns:1fr}}
