
:root{
  --paper:#FAF8F3;
  --cream:#F2EDE3;
  --sand:#E1D5C3;
  --stone:#C9BBA5;
  --walnut:#6B4A34;
  --walnut-dark:#4A3222;
  --charcoal:#17181A;
  --charcoal-soft:#3A3B37;
  --forest:#1B3B2C;
  --forest-dark:#12281D;
  --sage:#94A48D;
  --brass:#A9814F;
  --white:#fff;
  --max:1520px;
  --text:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.site-header{height:76px;background:rgba(250,248,243,.96);border-bottom:1px solid var(--sand);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:36px}
.wordmark{font-size:.92rem;letter-spacing:.19em;font-weight:800;white-space:nowrap}
.desktop-nav{display:flex;gap:30px;font-size:.84rem}
.desktop-nav a{color:var(--charcoal-soft)}
.desktop-nav a:hover{color:var(--forest)}
.header-actions{display:flex;align-items:center;gap:18px}
.icon-btn{background:none;border:0;padding:4px;display:grid;place-items:center}
.icon-btn svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.header-cta{font-size:.72rem;font-weight:700;letter-spacing:.08em;border-bottom:1px solid var(--charcoal);padding-bottom:3px}
.menu-btn{display:none;border:0;background:transparent;font-size:.72rem;font-weight:700;letter-spacing:.08em}

.eyebrow{margin:0 0 18px;font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--walnut)}
.eyebrow.light,.eyebrow.on-dark{color:#d9d1c5}
.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.03em}

.hero{position:relative;min-height:760px;color:var(--paper);overflow:hidden}
.hero-media{position:absolute;inset:0;background:linear-gradient(135deg,#5c4637 0 22%,#81644c 22% 45%,#d0bfa9 45% 58%,#435647 58% 100%)}
.hero-media:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,18,15,.76) 0,rgba(14,18,15,.52) 37%,rgba(14,18,15,.12) 72%,rgba(14,18,15,.18) 100%)}
.room-window{position:absolute;right:7%;top:12%;width:46%;height:62%;background:linear-gradient(#9fb0a2,#567262 60%,#24352d);border:10px solid rgba(30,33,29,.55);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12)}
.room-window:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:rgba(22,27,23,.45)}
.screen{position:absolute;right:16%;top:23%;width:30%;height:36%;background:linear-gradient(180deg,#ece7dc,#d4d1c7);border:16px solid #252823}
.screen:after{content:"";position:absolute;left:18%;right:18%;bottom:16%;height:4px;background:#6b8a61;box-shadow:0 -34px 0 rgba(107,138,97,.16)}
.wood-panel{position:absolute;bottom:0;background:linear-gradient(90deg,#70513d,#9b7558,#6e503d)}
.p1{right:0;width:34%;height:22%}.p2{right:34%;width:19%;height:17%}
.mat{position:absolute;right:13%;bottom:6%;width:38%;height:10%;background:#23352b;transform:skew(-20deg)}
.monitor-device{position:absolute;right:45%;bottom:19%;width:5%;height:12%;background:#17181A;border-radius:2px;box-shadow:0 14px 22px rgba(0,0,0,.25)}
.ceiling-line{position:absolute;top:0;height:2px;background:rgba(255,255,255,.2);transform-origin:left center}.c1{left:36%;width:55%;transform:rotate(18deg)}.c2{left:45%;width:48%;transform:rotate(30deg)}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 76% 18%,rgba(255,242,211,.14),transparent 28%)}
.hero-content{position:relative;z-index:2;min-height:760px;display:flex;align-items:center}
.hero-copy{max-width:820px;padding:88px 0 70px}
.hero h1{font-size:clamp(3.7rem,7.2vw,7.7rem);line-height:.88;letter-spacing:-.065em;font-weight:500;margin:0 0 28px}
.hero-dek{font-size:1.18rem;max-width:680px;color:rgba(250,248,243,.82);margin:0}
.hero-buttons{display:flex;align-items:center;gap:28px;margin-top:38px}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:4px;border:1px solid transparent;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;transition:.2s ease}
.btn-light{background:var(--paper);color:var(--charcoal)}
.btn-light:hover{background:var(--cream)}
.btn-dark{background:var(--charcoal);color:var(--paper);min-height:42px}
.btn-dark:hover{background:var(--forest)}
.btn-cream{background:var(--cream);color:var(--charcoal)}
.text-link{display:inline-flex;gap:8px;align-items:center;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px}
.light-link{color:var(--paper)}

.trust-strip{border-bottom:1px solid var(--sand);background:var(--paper)}
.trust-items{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--charcoal-soft);font-size:.76rem}
.trust-items span:not(:last-child):after{content:"·";margin-left:9vw;color:var(--stone)}

.section{padding:128px 0}
.section-kicker-row,.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:48px}
.section-heading h2{font-size:clamp(2.4rem,4.4vw,5rem);line-height:.96;letter-spacing:-.05em;font-weight:500;margin:0;max-width:860px}
.section-note{max-width:420px;color:var(--charcoal-soft);font-size:.96rem;margin:0}
.section-note.wide{max-width:500px}

.category-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:auto auto;gap:24px}
.category-tile{border:1px solid var(--sand);background:var(--cream);min-height:360px;position:relative;overflow:hidden}
.tile-large{min-height:650px;grid-row:span 2;display:grid;grid-template-rows:1fr auto}
.tile-tall{min-height:415px;display:grid;grid-template-rows:1fr auto}
.tile-wide{grid-column:2;min-height:310px;display:grid;grid-template-rows:1fr auto}
.tile-small{grid-column:1 / -1;min-height:280px;background:var(--forest);color:var(--paper)}
.tile-art{position:relative;overflow:hidden}
.launch-art{background:linear-gradient(145deg,#d8c8b6,#b8a28a 45%,#75614e 45% 100%)}
.device{position:absolute;background:#20211f;box-shadow:0 20px 30px rgba(0,0,0,.18)}
.device-a{width:130px;height:165px;left:22%;top:23%;border-radius:4px}
.device-a:after{content:"";position:absolute;left:24%;right:24%;top:18%;height:4px;background:#8fb298}
.device-b{width:205px;height:34px;left:48%;top:48%;border-radius:3px}
.device-line{position:absolute;left:18%;right:12%;bottom:18%;height:1px;background:rgba(23,24,26,.22)}
.sim-art{background:linear-gradient(135deg,#1e2d27,#324b3e 50%,#8a6d54)}
.sim-screen{position:absolute;left:16%;top:15%;width:68%;height:52%;background:#e8e3da;border:10px solid #17181A}
.sim-floor{position:absolute;left:10%;right:8%;bottom:4%;height:24%;background:linear-gradient(90deg,#8c694f,#b18a6b)}
.sim-frame{position:absolute;left:26%;top:15%;bottom:4%;width:2px;background:rgba(255,255,255,.22);box-shadow:300px 0 0 rgba(255,255,255,.14)}
.component-art{display:grid;grid-template-columns:repeat(3,1fr)}
.texture{min-height:150px}.t1{background:linear-gradient(90deg,#7d5b45,#a77d5d,#6b4a34)}.t2{background:repeating-linear-gradient(90deg,#1f3b2d 0 3px,#274836 3px 6px)}.t3{background:linear-gradient(135deg,#d8d2c7,#b8b0a4)}
.tile-copy{padding:26px 30px 28px;display:grid;grid-template-columns:60px 1fr auto;gap:18px;align-items:end;background:rgba(250,248,243,.96)}
.tile-copy.compact{grid-template-columns:40px 1fr auto;padding:22px 24px}
.tile-copy.horizontal{grid-template-columns:40px 1fr auto;padding:18px 24px}
.tile-copy.guide-card{height:100%;background:transparent;grid-template-columns:60px 1fr auto;align-items:center}
.tile-num{font-size:.72rem;color:var(--walnut);letter-spacing:.12em}
.guide-card .tile-num{color:var(--sage)}
.tile-copy h2{font-size:clamp(1.8rem,3vw,3.6rem);line-height:.95;letter-spacing:-.04em;font-weight:500;margin:0 0 8px}
.tile-copy p{margin:0;color:var(--charcoal-soft);font-size:.92rem;max-width:500px}
.guide-card p{color:#d6ddd7}
.tile-link{font-size:.7rem;font-weight:800;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:3px;white-space:nowrap}

.picks-section{background:var(--cream)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.product-card{border:1px solid var(--stone);background:var(--paper)}
.product-image{height:330px;position:relative;display:grid;place-items:center;overflow:hidden}
.product-one{background:linear-gradient(145deg,#e3d7c8,#c4af97)}
.product-two{background:linear-gradient(145deg,#d8d9d2,#a8b0a4)}
.product-three{background:linear-gradient(145deg,#b7a28d,#665143)}
.product-shape{background:#1b1c1a;box-shadow:0 24px 26px rgba(0,0,0,.16)}
.s1{width:135px;height:170px;border-radius:4px}.s2{width:180px;height:70px;border-radius:4px}.s3{width:220px;height:48px;border-radius:2px}
.badge{position:absolute;top:16px;left:16px;padding:7px 10px;font-size:.63rem;font-weight:800;letter-spacing:.09em;border-radius:2px}
.badge-brass{background:var(--brass);color:#17181A}
.badge-outline{border:1px solid var(--sage);color:var(--charcoal);background:rgba(250,248,243,.7)}
.badge-dark{background:var(--charcoal);color:var(--paper)}
.product-body{padding:24px}
.product-meta{display:flex;justify-content:space-between;align-items:flex-end;color:var(--walnut);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}
.product-meta strong{font-family:Georgia,serif;font-style:italic;font-size:2rem;font-weight:400;color:var(--charcoal)}
.product-card h3{font-size:1.55rem;margin:10px 0 8px;font-weight:600;letter-spacing:-.02em}
.best-for{font-size:.9rem;color:var(--charcoal-soft);min-height:50px}
.rating-mini{height:5px;background:var(--sand);margin:18px 0 24px}.rating-mini span{display:block;height:100%;background:var(--walnut)}
.product-footer{display:flex;justify-content:space-between;align-items:end;gap:18px}
.product-footer small{display:block;font-size:.68rem;color:var(--charcoal-soft);text-transform:uppercase;letter-spacing:.06em}
.product-footer b{font-size:.92rem}

.builder-section{background:var(--charcoal);color:var(--paper);padding:140px 0}
.builder-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.builder-copy h2{font-size:clamp(3rem,5.5vw,6.4rem);line-height:.9;letter-spacing:-.055em;font-weight:500;margin:0 0 28px}
.builder-copy>p:not(.eyebrow){max-width:610px;color:#cac6be;font-size:1.05rem}
.builder-steps{display:flex;flex-wrap:wrap;gap:14px 24px;margin:30px 0;color:#a9a69f;font-size:.68rem;letter-spacing:.08em}
.builder-form{display:flex;gap:10px;margin-top:28px}
.builder-form input{min-width:280px;background:transparent;border:1px solid #555650;color:var(--paper);border-radius:2px;padding:0 14px;outline:none}
.builder-form input:focus{border-color:var(--sage)}
.builder-visual{position:relative;min-height:600px}
.builder-card{position:absolute;border:1px solid #4a4c47;background:#20221f;padding:28px}
.card-main{left:0;top:0;width:78%;height:475px}
.card-secondary{right:0;bottom:0;width:58%;background:var(--cream);color:var(--charcoal);box-shadow:-24px 24px 60px rgba(0,0,0,.25)}
.room-values{display:flex;align-items:baseline;gap:10px;margin:16px 0 22px}.room-values strong{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:2.8rem}.room-values span{color:#aaa;font-size:.7rem}
.room-plan{position:relative;height:300px;border:1px solid #484a46;background:linear-gradient(135deg,#242723,#161815)}
.plan-screen{position:absolute;left:10%;top:12%;width:45%;height:42%;border:3px solid #73776f;background:#c8c6bd}
.plan-mat{position:absolute;right:13%;bottom:15%;width:35%;height:25%;background:#294233;transform:skew(-18deg)}
.plan-player{position:absolute;right:33%;bottom:35%;width:11px;height:78px;background:#878a83;border-radius:7px}
.rig-row{display:flex;justify-content:space-between;border-top:1px solid var(--sand);padding:13px 0;font-size:.82rem}.rig-row:first-of-type{margin-top:10px}

.guide-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px}
.guide-feature{border:1px solid var(--sand);background:var(--cream)}
.guide-image{height:430px;position:relative;overflow:hidden}
.room-guide-art{background:linear-gradient(135deg,#684d3a,#987052 33%,#d7c9b7 33% 48%,#234033 48%)}
.room-guide-art:before{content:"";position:absolute;left:14%;top:16%;width:54%;height:48%;background:#e3ddd2;border:10px solid #1a1b19}
.dimension{position:absolute;color:#fff;font-size:.65rem;letter-spacing:.08em;background:rgba(23,24,26,.72);padding:5px 7px}
.d1{right:9%;top:12%}.d2{left:9%;bottom:12%}.d3{right:11%;bottom:20%}
.guide-content{padding:28px}.guide-content h3{font-size:2.1rem;line-height:1.05;margin:0 0 14px;letter-spacing:-.03em}.guide-content>p:not(.eyebrow){color:var(--charcoal-soft)}
.guide-list{border-top:1px solid var(--stone)}
.guide-list-item{display:grid;grid-template-columns:50px 1fr 28px;gap:20px;align-items:center;padding:26px 0;border-bottom:1px solid var(--stone)}
.guide-index{font-size:.72rem;color:var(--walnut)}
.guide-list-item h3{font-size:1.35rem;line-height:1.15;margin:0;font-weight:500}
.guide-list-item .eyebrow{margin-bottom:7px}
.guide-list-item>a{font-size:1.1rem}

.method-section{padding:120px 0;background:var(--sand)}
.method-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.method-grid h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:.93;letter-spacing:-.05em;font-weight:500;margin:0}
.method-copy>p{font-size:1.08rem;max-width:680px;color:var(--charcoal-soft)}
.source-tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}
.source-tags span{border:1px solid var(--stone);padding:7px 9px;border-radius:2px;background:rgba(250,248,243,.45);font-size:.62rem;font-weight:800;letter-spacing:.06em}

.site-footer{background:#121311;color:var(--paper);padding:72px 0 24px}
.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}
.inverse{color:var(--paper)}
.footer-brand p{max-width:330px;color:#a7a69f;font-size:.9rem;margin-top:22px}
.footer-label{font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;color:#858781;margin:0 0 18px}
.footer-col a{display:block;color:#c9c8c2;font-size:.88rem;margin:9px 0}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #2b2d29;margin-top:56px;padding-top:20px;color:#777973;font-size:.72rem}

@media(max-width:1050px){
  .desktop-nav,.header-cta{display:none}.menu-btn{display:block}
  .hero{min-height:680px}.hero-content{min-height:680px}
  .trust-items span:not(:last-child):after{display:none}
  .category-grid{grid-template-columns:1fr}.tile-large,.tile-tall,.tile-wide,.tile-small{grid-column:auto;grid-row:auto}
  .product-grid{grid-template-columns:1fr}
  .builder-grid,.guide-grid,.method-grid{grid-template-columns:1fr}
  .builder-visual{min-height:560px}
  .section-heading{align-items:flex-start;flex-direction:column}
  .footer-top{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .shell{width:min(calc(100% - 28px),var(--max))}
  .site-header{height:66px}
  .hero,.hero-content{min-height:640px}
  .hero-copy{padding-top:100px}
  .hero h1{font-size:clamp(3.15rem,15vw,5rem)}
  .hero-dek{font-size:1rem}
  .hero-buttons{align-items:flex-start;flex-direction:column}
  .trust-items{padding:14px 0;display:grid;grid-template-columns:1fr 1fr;font-size:.67rem}
  .section{padding:72px 0}
  .section-kicker-row{display:block}.section-note{margin-top:18px}
  .tile-copy,.tile-copy.compact,.tile-copy.horizontal,.tile-copy.guide-card{grid-template-columns:1fr;align-items:start}
  .tile-link{justify-self:start}
  .tile-large{min-height:540px}.tile-tall{min-height:430px}.tile-wide{min-height:360px}.tile-small{min-height:300px}
  .product-image{height:260px}
  .builder-section{padding:82px 0}
  .builder-copy h2{font-size:clamp(3rem,14vw,4.7rem)}
  .builder-form{flex-direction:column}.builder-form input{min-width:0;min-height:48px}
  .builder-visual{min-height:520px}.card-main{width:90%;height:410px}.card-secondary{width:78%}
  .room-plan{height:235px}
  .method-section{padding:76px 0}
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}
}

/* Static site shared page styles */
.page-shell{width:min(calc(100% - 48px),1180px);margin-inline:auto}
.page-hero{padding:96px 0 64px;border-bottom:1px solid var(--sand)}
.page-hero h1{font-size:clamp(2.8rem,5.8vw,6rem);line-height:.93;letter-spacing:-.055em;font-weight:500;max-width:980px;margin:0 0 24px}
.page-dek{font-size:1.2rem;max-width:760px;color:var(--charcoal-soft)}
.breadcrumbs{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--walnut);margin-bottom:30px}
.content-wrap{padding:64px 0 120px}
.article-grid{display:grid;grid-template-columns:230px minmax(0,720px) 1fr;gap:48px;padding:72px 0 120px}
.toc{position:sticky;top:110px;align-self:start;border-top:1px solid var(--stone);padding-top:18px}
.toc a{display:block;font-size:.78rem;color:var(--charcoal-soft);padding:6px 0}
.prose h2{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.02;letter-spacing:-.035em;margin:60px 0 18px}
.prose h3{font-size:1.45rem;margin:34px 0 10px}
.prose p,.prose li{font-size:1.0625rem;line-height:1.7;color:var(--charcoal-soft)}
.source-tag{display:inline-block;border:1px solid var(--stone);padding:4px 7px;border-radius:2px;font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--cream)}
.compare{width:100%;border-collapse:collapse;margin:34px 0;background:var(--paper);font-size:.88rem}
.compare th,.compare td{padding:14px;border:1px solid var(--sand);text-align:left}.compare th{background:var(--cream)}
.proscons{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--sand);margin:32px 0}
.proscons>div{padding:24px}.proscons>div+div{border-left:1px solid var(--sand)}
.disclosure{border-left:3px solid var(--brass);padding:14px 18px;background:var(--cream);font-size:.85rem;color:var(--charcoal-soft)}
.pick-callout{border-top:1px solid var(--stone);border-bottom:1px solid var(--stone);padding:26px 0;margin:38px 0}
.pick-callout h3{font-size:1.7rem;margin:4px 0 12px;letter-spacing:-.02em}
.simple-links{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}
.simple-link-card{border:1px solid var(--sand);background:var(--cream);padding:22px}
.simple-link-card h3{margin:0 0 8px}
@media(max-width:1050px){.article-grid{grid-template-columns:1fr}.toc{position:static}.article-aside{display:none}}
@media(max-width:680px){.page-shell{width:min(calc(100% - 28px),1180px)}.page-hero{padding:64px 0 44px}.article-grid{padding-top:42px}.proscons,.simple-links{grid-template-columns:1fr}.proscons>div+div{border-left:0;border-top:1px solid var(--sand)}}

/* ===== THE GOLF RIG — V3 PREVIEW ONLY ===== */
body{background:#FAF8F3}
.v3-hero{min-height:760px;display:grid;grid-template-columns:46% 54%;border-bottom:1px solid var(--sand)}
.v3-copy{padding:110px 7vw 70px max(5vw,42px);display:flex;flex-direction:column;justify-content:center}
.v3-copy h1{font-size:clamp(4.3rem,7vw,8rem);font-weight:500;line-height:.86;letter-spacing:-.065em;margin:14px 0 28px;max-width:700px}
.v3-copy h1 em{font-family:Georgia,serif;font-weight:400}
.v3-copy>p:not(.eyebrow){max-width:560px;font-size:1.15rem;line-height:1.65;color:var(--charcoal-soft)}
.v3-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.v3-visual{position:relative;overflow:hidden;background:#171817}
.room{position:absolute;inset:0;background:linear-gradient(135deg,#574a3d 0 23%,#26231f 23% 100%)}
.room:before{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(110deg,#8a765e,#4e4338)}
.room-screen{position:absolute;left:27%;right:13%;top:14%;height:50%;border:12px solid #101110;background:linear-gradient(#a9b9aa 0 27%,#d6ded3 27% 36%,#5c7751 36% 100%);box-shadow:0 28px 60px rgba(0,0,0,.35)}
.room-screen:after{content:"";position:absolute;left:48%;bottom:0;width:18%;height:58%;background:linear-gradient(110deg,transparent 0 20%,rgba(230,236,216,.25) 20% 34%,transparent 34%)}
.room-mat{position:absolute;left:37%;bottom:9%;width:39%;height:19%;background:#405e3b;transform:perspective(600px) rotateX(64deg)}
.room-ball{position:absolute;left:58%;bottom:18%;width:9px;height:9px;border-radius:50%;background:white}
.room-slats{position:absolute;right:0;top:0;width:13%;height:100%;background:repeating-linear-gradient(90deg,#2d2119 0 7px,#171511 7px 12px)}
.v3-proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--stone);margin-top:48px;padding-top:18px;gap:18px}
.v3-proof strong{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.v3-proof span{font-size:.72rem;color:var(--charcoal-soft)}

.v3-opening{padding:110px 0 70px}
.v3-opening-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}
.v3-opening .big{font:italic clamp(2.4rem,4vw,4.7rem)/1 Georgia,serif;color:var(--walnut);max-width:370px}
.v3-opening h2{font-size:clamp(3rem,5vw,5.6rem);line-height:.94;letter-spacing:-.055em;font-weight:500;margin:0 0 24px}
.v3-opening p{max-width:680px;line-height:1.7;color:var(--charcoal-soft)}

.v3-path{padding:20px 0 120px}
.path-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--stone);padding-bottom:18px;margin-bottom:0}
.path-title h2{font-size:2.2rem;margin:0;letter-spacing:-.03em}
.path-row{display:grid;grid-template-columns:80px 1.15fr .85fr;min-height:245px;border-bottom:1px solid var(--stone);align-items:center}
.path-row .num{font:italic 1.5rem Georgia,serif;color:var(--walnut)}
.path-copy{padding:34px 50px 34px 0}
.path-copy h3{font-size:2.4rem;letter-spacing:-.04em;margin:0 0 10px}
.path-copy p{max-width:540px;color:var(--charcoal-soft);line-height:1.6}
.path-art{height:180px;position:relative;overflow:hidden}
.art-room{background:linear-gradient(145deg,#252521,#0e100f)}
.art-room:before{content:"";position:absolute;left:20%;right:16%;top:18%;height:55%;border:7px solid #080909;background:linear-gradient(#9eaf9e 0 30%,#607954 30% 100%)}
.art-device{background:linear-gradient(145deg,#e9e4d9,#cfc5b6)}
.art-device:before{content:"";position:absolute;width:95px;height:125px;background:linear-gradient(145deg,#292b28,#080908);left:50%;top:26px;transform:translateX(-50%);box-shadow:12px 18px 30px rgba(0,0,0,.22)}
.art-components{background:linear-gradient(135deg,#566f4f,#263c28);clip-path:polygon(3% 19%,97% 8%,91% 83%,10% 91%)}

.v3-feature{background:#17181A;color:white;padding:100px 0}
.v3-feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:110px}
.v3-feature h2{font-size:clamp(3.4rem,5.5vw,6.2rem);line-height:.91;letter-spacing:-.06em;font-weight:500;margin:12px 0 25px}
.v3-feature p{max-width:600px;color:#d0d0ca;line-height:1.7}
.method-list{border-top:1px solid #4d4d48}
.method-list div{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #4d4d48}
.method-list span{font:italic 1.1rem Georgia,serif;color:#b9a177}
.method-list strong{font-size:.9rem;letter-spacing:.04em;text-transform:uppercase}

.v3-guide{padding:110px 0}
.v3-guide-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}
.guide-image{height:600px;background:linear-gradient(135deg,#cfc5b6 0 24%,#2c2925 24% 100%);position:relative;overflow:hidden}
.guide-image:before{content:"";position:absolute;left:26%;right:10%;top:13%;height:52%;border:10px solid #101110;background:linear-gradient(#9cae9c 0 29%,#607a54 29% 100%)}
.guide-image:after{content:"14' × 18' × 10'";position:absolute;left:35px;bottom:30px;font:italic 2.2rem Georgia,serif;color:#eee9df}
.guide-copy{padding-top:50px}
.guide-copy h2{font-size:clamp(3rem,4.8vw,5.2rem);line-height:.94;letter-spacing:-.055em;font-weight:500;margin:12px 0 22px}
.guide-copy p{line-height:1.7;color:var(--charcoal-soft)}
.guide-links{margin-top:36px;border-top:1px solid var(--stone)}
.guide-links a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--stone);font-size:.85rem;font-weight:700}

.v3-builder{background:var(--forest-dark);color:#fff;padding:90px 0}
.v3-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.v3-builder h2{font-size:clamp(3.2rem,5vw,5.4rem);line-height:.92;letter-spacing:-.055em;font-weight:500;margin:12px 0 20px}
.v3-builder p{color:#d5ddd6;max-width:560px;line-height:1.7}
.builder-table{border:1px solid rgba(255,255,255,.22)}
.builder-table div{display:flex;justify-content:space-between;padding:19px 21px;border-bottom:1px solid rgba(255,255,255,.16)}
.builder-table div:last-child{border-bottom:0;background:rgba(255,255,255,.08)}
.builder-table span{font-size:.65rem;letter-spacing:.12em;color:#b6c1b8}
.builder-table strong{font-size:.8rem}



@media(max-width:900px){
 .v3-hero,.v3-opening-grid,.v3-feature-grid,.v3-guide-grid,.v3-builder-grid{grid-template-columns:1fr}
 .v3-visual{height:520px}
 .path-row{grid-template-columns:55px 1fr}.path-art{grid-column:2;height:170px;margin-bottom:25px}
 .v3-copy{padding:80px 28px 50px}
}
@media(max-width:620px){
 .v3-copy h1{font-size:3.7rem}
 .v3-proof{grid-template-columns:1fr}
 .v3-visual{height:390px}
 .path-copy h3{font-size:2rem}
 .guide-image{height:420px}
}
