:root{--ink:#122c25;--red:#771c24;--paper:#eee7da;--line:#cfc4b2;--muted:#62665b}body{background:radial-gradient(ellipse at 10% 30%,#f8f4eb80,transparent 60%),var(--paper)}header{background:#102b24;color:#efe6d5;border-bottom:4px solid #79202a}header .wordmark img{filter:invert(1);mix-blend-mode:screen}nav button.active{color:#fff0d8;box-shadow:inset 0 -2px #b77d5b}header button:hover{color:#e0c5a2}.demo{background:#ded5c4;color:#4c564a}.hero{gap:0;background:#142e26;color:#f6ecd9;border:1px solid #263e32;overflow:hidden;grid-template-columns:1fr 1.15fr}.hero>div:first-child{padding:40px}.hero h1{font-family:Georgia,serif;letter-spacing:-2px}.hero p{color:#d6d3be}.hero .eyebrow{color:#c6b696}.hero .terrain{min-height:440px;align-self:stretch;background:#c8beaa url('assets/heritage-landscape.png') center/cover no-repeat}.hero .terrain>*{display:none}.hero .primary{background:#7e2127;border-color:#b58464}.panel,.card{background:#faf6ec;border-color:#d1c4af}.tabs{border-bottom:1px solid #b7aa94;padding-bottom:12px}.tabs button{border-color:#b9ad98}.tabs button.active{background:#17392d;border-color:#17392d}.panel h2,h1{font-family:Georgia,serif}.primary{box-shadow:0 3px 0 #44151a}.tag{box-shadow:2px 2px 0 #46171a}.club-art{background:radial-gradient(ellipse at center,#cdc3ac,transparent 70%)}.result{background:#dce4d4;border-left:3px solid #274935}.warning{background:#eedec3;border-left-color:#9a692a}input,select,textarea{background:#fffdf7;border-color:#c9bea9}footer{background:#102b24;color:#e9dfca;border-top:5px solid #781e25}footer button{color:#e9dfca}.feature-banner{padding:30px;background:#16362b;color:#f4e8cf;position:relative;overflow:hidden}.feature-banner:after{content:'十四';position:absolute;right:20px;top:20px;font-size:60px;color:#c5ac7640}.feature-banner p{color:#d0d6bf}.field small{font-size:10px;color:#79796c}.link-row{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.link-row a{padding:12px 16px;color:#fff4df;background:#17372c;text-decoration:none}.studio{height:310px;background:repeating-radial-gradient(ellipse at bottom right,transparent 0 18px,#b9aa8b50 19px 20px,transparent 21px 30px),#e8deca;display:grid;place-items:center}.studio svg{height:280px;width:100%}.compare{overflow:auto}.compare table{min-width:500px}.scorecards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scorecards>div{background:#e6decf;padding:15px}.editorial{max-width:780px;margin:auto}.editorial p{font-size:16px;line-height:1.85}.editorial .lede{font-family:Georgia,serif;font-size:23px;color:#17392d}.inline-check{display:flex;gap:10px;align-items:center;margin:12px 0;font-size:13px;letter-spacing:0}.inline-check input{width:auto}.owned{background:#e4e7da}.slot{min-height:105px}.bag .slot p{word-break:break-word}.specs-note{font-size:11px;color:#686c5e}.brandbar{display:flex;justify-content:space-between;gap:20px;padding:20px;border-top:1px solid #b6a98d;border-bottom:1px solid #b6a98d;letter-spacing:2px;font-size:10px;margin-bottom:30px}.badge{padding:4px 7px;border:1px solid #a6ae98;font-size:10px}.heritage-sheet{width:100%;margin:20px 0}@media(max-width:700px){.hero{grid-template-columns:1fr}.hero>div:first-child{padding:26px}.hero .terrain{min-height:240px;background-size:cover}.scorecards{grid-template-columns:1fr 1fr}.brandbar{flex-wrap:wrap}.two .panel{min-width:0}.studio{height:250px}header{gap:12px}}

#splash .search-intro{position:absolute;top:12%;left:50%;transform:translateX(-50%);width:min(90%,760px);padding:16px 24px;background:#fffffff2;text-align:center}#splash .search-intro h1{font-size:30px;letter-spacing:-1px;margin:0 0 10px;color:#122c25}#splash .search-intro p{font-size:14px;line-height:1.6;margin:0;color:#414c43}@media(max-width:650px){#splash .search-intro{top:13%;padding:12px}#splash .search-intro h1{font-size:24px}#splash .search-intro p{font-size:12px}#splash>small{font-size:10px;letter-spacing:.5px;padding:0 20px}}

/* The artwork already contains the red CTA. Keep one visible button and align
   its transparent, keyboard-accessible hit area with the cover-scaled artwork. */
#splash{--landing-height:max(100svh,560px);--landing-width:max(100vw,calc(var(--landing-height)*1.776833));background-size:cover}
#splash #enter{top:calc(50% + var(--landing-width)*.12769);left:50%;width:calc(var(--landing-width)*.20873);height:calc(var(--landing-width)*.03947);transform:translateX(-50%);background:transparent;color:transparent;font-size:0;letter-spacing:0;padding:0;border:0;box-shadow:none}
#splash #enter span{font-size:0;margin:0}
#splash #enter:hover{background:#ffffff12;color:transparent}
#splash #enter:focus-visible{outline:3px solid #122c25;outline-offset:5px}