@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@500;600;700&family=Plus+Jakarta+Sans:wght@500;600&display=swap');
.oak-lp{--c-ink:#21212e;--c-muted:#61617a;--c-paper:#f8f7f4;--c-paper2:#eeecE7;--c-tint:#e9e7f0;--c-acc:#3a3560;--c-acc-soft:#5b5490;--c-dark:#221f3c;--c-dark2:#2e2a4d;--c-line:#dcd9d2;--c-gold:#a8823f;color:var(--c-ink);background:var(--c-paper);font-family:"Noto Sans JP",sans-serif;line-height:1.9;overflow-x:hidden}
.oak-lp *{box-sizing:border-box}
.oak-lp h1,.oak-lp h2,.oak-lp h3{font-family:"Noto Serif JP",serif;font-weight:600;line-height:1.5;margin:0}
.oak-lp p{margin:0}
.oak-lp .eyebrow{font-family:"Plus Jakarta Sans",sans-serif;font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--c-acc);margin:0 0 18px}
.oak-wrap{width:min(1080px,88vw);margin:0 auto}
.oak-sec{padding:96px 0}
.oak-hero{background:linear-gradient(160deg,#221f3c 0%,#3a3560 100%);color:#f4f2ec;padding:100px 0 84px}
.oak-hero .eyebrow{color:#bcae86}
.oak-hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:56px;align-items:end}
.oak-hero h1{font-size:clamp(26px,4vw,42px);letter-spacing:.03em}
.oak-hero__copy{font-family:"Noto Serif JP",serif;font-size:clamp(19px,2.4vw,27px);line-height:1.75;margin:26px 0 0;color:#e6dcbf}
.oak-hero__text{margin:24px 0 0;color:#c8c5d8;font-size:15px}
.oak-hero__spec{border-left:1px solid rgba(255,255,255,.22);padding-left:32px}
.oak-hero__spec dl{margin:0}
.oak-hero__spec dl>div{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.oak-hero__spec dt{font-family:"Plus Jakarta Sans",sans-serif;font-size:10px;letter-spacing:.16em;color:#bcae86;margin:0 0 5px}
.oak-hero__spec dd{margin:0;font-size:15px;color:#f0eee7}
.oak-heading h2{font-size:clamp(22px,3vw,33px)}
.oak-lead{margin:22px 0 0;color:var(--c-muted);font-size:15px;max-width:660px}
.oak-water{background:var(--c-dark2);color:#eceaf3}
.oak-water__grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:56px;align-items:center}
.oak-water__n{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(76px,13vw,152px);font-weight:600;line-height:.86;color:var(--c-gold);margin:0;white-space:nowrap}
.oak-water__n span{font-size:.3em;letter-spacing:.06em;display:block;margin-top:14px;color:#bcae86}
.oak-water .eyebrow{color:#bcae86}
.oak-water h2{font-size:clamp(21px,2.8vw,30px)}
.oak-water p{margin-top:22px;color:#c5c2d6;font-size:15px}
.oak-traits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.oak-trait{background:#fff;border:1px solid var(--c-line);border-top:3px solid var(--c-gold);padding:32px 26px}
.oak-trait__k{font-family:"Plus Jakarta Sans",sans-serif;font-size:10px;letter-spacing:.16em;color:var(--c-gold);margin:0 0 12px}
.oak-trait h3{font-size:17px;margin-bottom:12px}
.oak-trait p{font-size:14px;color:var(--c-muted)}
.oak-stay{background:var(--c-paper2)}
.oak-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
.oak-split__body p+p{margin-top:20px}
.oak-split__body p{color:var(--c-muted);font-size:15px}
.oak-split__body .oak-first{color:var(--c-ink);font-size:17px;font-family:"Noto Serif JP",serif;line-height:1.9}
.oak-fac{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding:0}
.oak-fac li{list-style:none;background:#fff;border:1px solid var(--c-line);border-radius:999px;padding:9px 20px;font-size:13px;color:var(--c-acc)}
.oak-rows{margin-top:48px;border-top:1px solid var(--c-line)}
.oak-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:40px;padding:28px 0;border-bottom:1px solid var(--c-line)}
.oak-row h3{font-size:17px}
.oak-row p{font-size:14px;color:var(--c-muted)}
.oak-access{background:var(--c-tint)}
.oak-access__list{margin:0}
.oak-access__list>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid #d3cfe0}
.oak-access__list dt{font-size:12px;letter-spacing:.08em;color:var(--c-acc);font-weight:700;margin:0}
.oak-access__list dd{margin:0;font-size:14px;color:var(--c-muted)}
.oak-final{background:var(--c-dark);color:#f4f2ec;text-align:center}
.oak-final .eyebrow{color:#bcae86}
.oak-final h2{font-size:clamp(20px,2.6vw,29px)}
.oak-final p{margin:22px auto 34px;max-width:620px;color:#c5c2d6;font-size:15px}
.oak-lp .js-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.oak-lp .js-reveal.is-visible{opacity:1;transform:none}
@media (max-width:860px){.oak-sec{padding:64px 0}.oak-hero__grid{grid-template-columns:1fr;gap:32px}.oak-hero__spec{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.22);padding-top:8px}.oak-water__grid{grid-template-columns:1fr;gap:24px}.oak-traits{grid-template-columns:1fr}.oak-split{grid-template-columns:1fr;gap:28px}.oak-row{grid-template-columns:1fr;gap:10px}.oak-access__list>div{grid-template-columns:1fr;gap:6px}}
.tommy-global-header--golf5-oakvillage{--tommy-header-bg:#221f3c;--tommy-header-color:#f4f2ec;--tommy-header-accent:#a8823f}
.tommy-cta--golf5-oakvillage{--tommy-cta-bg:#eeece7;--tommy-cta-accent:#3a3560;--tommy-cta-color:#21212e}
.tommy-footer--golf5-oakvillage{--tommy-footer-bg:#221f3c;--tommy-footer-color:#e8e6de}
.oak-market{--tommy-market-accent:#3a3560;--tommy-market-bg:#ffffff}
.oak-lp > .tommy-cta-buttons{padding:44px max(24px,calc((100% - 1030px)/2));background:var(--c-paper2)}
@media(max-width:860px){.oak-lp > .tommy-cta-buttons{padding:32px 18px}}
