:root{--navy:#082f3c;--deep:#061f29;--cream:#f5f2ec;--sand:#d7b783;--ink:#17333a;--muted:#6d7e80}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans KR',sans-serif;background:var(--cream);line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topbar{height:64px;position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:rgba(6,31,41,.88);backdrop-filter:blur(12px)}.brand img{width:145px;filter:brightness(0) invert(1)}.top-call{font-size:12px;color:#fff;font-weight:700}.top-call span{color:var(--sand);margin-left:6px}.hero{height:min(760px,100svh);min-height:640px;position:relative;color:#fff;overflow:hidden;display:flex;align-items:flex-end}.hero-image{position:absolute;inset:0;background:url('https://culeisure.github.io/oceanbeachgolfnresort/img/ob-aerial.jpg') center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,22,29,.92),rgba(3,38,47,.18) 70%),linear-gradient(90deg,rgba(3,25,32,.6),transparent 70%)}.hero-copy{position:relative;z-index:1;padding:0 7% 18%;max-width:680px}.eyebrow{letter-spacing:.2em;font-size:11px;font-weight:800;color:#b08c56;margin:0 0 18px}.eyebrow.light{color:var(--sand)}.kicker{font-size:14px;font-weight:600;margin:0 0 22px;color:#dce4e2}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.06em;line-height:1.18;margin-bottom:22px}h1{font-size:clamp(37px,8vw,68px)}h2{font-size:clamp(30px,7vw,48px)}em{color:var(--sand);font-style:normal}.hero-desc{font-size:14px;color:#dfe8e6;line-height:1.85}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:2px;padding:12px 18px;font-weight:800;font-size:13px;margin-top:15px}.button-light{border:1px solid rgba(255,255,255,.7);color:#fff}.button span{font-size:20px;margin-left:18px}.button-gold{background:var(--sand);color:var(--deep);padding:16px 25px}.scroll-cue{position:absolute;right:7%;bottom:10%;font-size:10px;letter-spacing:.18em;color:#dbe2df;writing-mode:vertical-rl}.scroll-cue span{display:block;height:40px;border-left:1px solid var(--sand);margin:12px auto 0}.section-pad{padding:88px 7%}.intro{background:var(--cream)}.body-copy{color:var(--muted);font-size:14px;line-height:1.9;max-width:620px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #d6d0c3;margin-top:42px;padding-top:24px}.stat-grid strong{display:block;font-family:'Playfair Display',serif;color:var(--navy);font-size:35px;line-height:1}.stat-grid strong span{font-family:'Noto Sans KR';font-size:15px;margin-left:2px}.stat-grid span{display:block;font-size:11px;color:var(--muted);margin-top:8px}.feature-photo{height:430px;position:relative;overflow:hidden}.feature-photo img{height:100%;width:100%;object-fit:cover}.feature-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 70%)}.photo-label{position:absolute;z-index:1;left:7%;bottom:12%;color:#fff}.photo-label span{display:block;color:var(--sand);font-size:12px;letter-spacing:.2em;margin-bottom:12px}.photo-label strong{font-size:25px;line-height:1.35}.dark-section{background:var(--navy);color:#fff}.muted{color:#b1c1c0;font-size:14px}.experience-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:35px}.experience-list figure{margin:0}.experience-list img{height:145px;width:100%;object-fit:cover}.experience-list figcaption{font-size:12px;color:#dce4e2;margin-top:7px}.tour-note{border-left:2px solid var(--sand);padding-left:12px;color:var(--sand);font-size:12px;margin:40px 0 0}.membership{background:#fff}.cards{display:flex;overflow-x:auto;gap:14px;margin:35px -7% 0;padding:0 7% 16px;scroll-snap-type:x mandatory}.plan-card{background:#f7f5f0;min-width:270px;padding:24px 21px;scroll-snap-align:start;position:relative}.plan-card.featured{background:var(--navy);color:#fff}.popular{position:absolute;top:0;right:0;background:var(--sand);color:var(--deep);font-size:9px;font-weight:800;letter-spacing:.1em;padding:5px 9px}.plan-head>span{font-size:10px;color:#9a8b76;letter-spacing:.08em}.featured .plan-head>span{color:var(--sand)}.plan-head h3{font-size:23px;margin:12px 0 2px}.plan-head strong{color:#997240;font-family:'Playfair Display',serif;font-size:28px}.featured .plan-head strong{color:var(--sand)}.plan-head small{font:600 11px 'Noto Sans KR';margin-left:3px}.plan-card ul{list-style:none;padding:16px 0 0;margin:0;border-top:1px solid #ddd7ca;font-size:11px}.featured ul{border-color:#2e5260}.plan-card li{display:flex;gap:9px;padding:6px 0;color:#6d7775}.featured li{color:#d2dcda}.plan-card li b{min-width:65px;color:var(--ink)}.featured li b{color:#fff}.premium{margin-top:30px;border:1px solid #d3cabd;padding:20px}.premium span{font-size:10px;letter-spacing:.14em;color:#a67d48}.premium h3{font-size:18px;margin:6px 0}.premium p{font-size:12px;color:var(--muted);margin:0}.eastone{background:#e7e4dc}.eastone img{margin:32px -7% 0;width:calc(100% + 14%);height:240px;object-fit:cover}.caption{font-size:10px;color:#7b827e;margin:8px 0 0}.contact{background:linear-gradient(135deg,#0a3543,#061f29);color:#fff;text-align:center}.contact-inner{max-width:560px;margin:0 auto}.contact p:not(.eyebrow){color:#c2d0ce;font-size:14px}.contact .button{display:flex;width:100%;max-width:330px;margin:26px auto 10px}.sms-link{display:block;color:#c8d3d1;font-size:12px}.contact h2{margin-bottom:24px}footer{background:#041820;color:#879795;text-align:center;padding:35px 7% 100px;font-size:10px}footer img{width:130px;margin:0 auto 18px;filter:brightness(0) invert(1);opacity:.8}footer p{margin:0 0 10px}footer small{display:block;line-height:1.7}.floating-call{position:fixed;z-index:9;bottom:18px;right:18px;background:var(--sand);color:var(--deep);height:52px;min-width:52px;padding:0 17px;border-radius:28px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 25px rgba(0,0,0,.22);font-weight:800}.floating-call span{font-size:12px}@media(min-width:700px){.topbar{padding:0 8%}.hero-copy{padding-left:12%;padding-bottom:13%}.section-pad{padding-left:12%;padding-right:12%}.cards{margin-left:-12%;margin-right:-12%;padding-left:12%;padding-right:12%}.feature-photo{height:560px}.eastone img{margin-left:-12%;width:calc(100% + 24%);height:430px}}