:root { --ink:#06101d; --paper:#f1ede4; --muted:#b9b5ad; --gold:#c6a46b; --line:rgba(241,237,228,.2); }
* { box-sizing:border-box; }
html { background:var(--ink); scroll-behavior:smooth; }
body { margin:0; background:radial-gradient(circle at 50% 4%,#172a40 0,var(--ink) 38rem); color:var(--paper); font-family:"Helvetica Neue","Apple SD Gothic Neo","Noto Sans KR",Arial,sans-serif; font-size:16px; line-height:1.7; word-break:keep-all; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.rental-header { position:sticky; z-index:10; top:0; display:flex; align-items:center; justify-content:space-between; min-height:4.75rem; padding:0 4vw; border-bottom:1px solid var(--line); background:rgba(6,16,29,.9); backdrop-filter:blur(16px); }
.wordmark { display:flex; flex-direction:column; font-size:.82rem; font-weight:700; letter-spacing:.15em; line-height:1; }
.home-link { min-height:44px; display:inline-flex; align-items:center; color:var(--muted); font-size:.875rem; }
main { width:min(1180px,92vw); margin:0 auto; }
.rental-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(20rem,.82fr); gap:clamp(2rem,6vw,6rem); align-items:center; padding:clamp(3rem,7vw,7rem) 0; }
.rental-hero>img,.rental-rates>img { width:100%; border:1px solid var(--line); }
.eyebrow { margin:0 0 1rem; color:var(--gold); font-size:.75rem; letter-spacing:.18em; }
h1,h2 { margin:0; font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.04em; }
h1 { font-size:clamp(3rem,6.8vw,6rem); line-height:1.08; }
h2 { font-size:clamp(2rem,4vw,3.6rem); line-height:1.2; }
.rental-intro>p:last-of-type,.section-heading>p:last-child { color:var(--muted); }
.rental-intro>p:last-of-type { max-width:30rem; margin:1.5rem 0 2rem; font-size:1.05rem; }
.primary-button { display:inline-flex; align-items:center; justify-content:space-between; gap:2rem; min-width:14rem; min-height:3.4rem; padding:.8rem 1rem; border:1px solid var(--paper); background:var(--paper); color:var(--ink); }
.primary-button:hover,.primary-button:focus-visible { background:var(--gold); border-color:var(--gold); }
.rental-rates { padding:clamp(3rem,6vw,6rem) 0; border-top:1px solid var(--line); }
.section-heading { display:grid; grid-template-columns:.6fr 1.25fr 1fr; gap:2rem; align-items:end; margin-bottom:2.5rem; }
.section-heading p { margin:0; }
.rental-details { padding:clamp(4rem,8vw,8rem) 0; }
.rental-details>div { display:grid; grid-template-columns:.6fr 2.25fr; gap:2rem; align-items:end; margin-bottom:2.5rem; }
.rental-details>div p { margin:0; }
.rental-details ol { margin:0 0 2rem; padding:0; list-style:none; border-top:1px solid var(--line); }
.rental-details li { display:grid; grid-template-columns:5rem 1fr 2fr; gap:1.5rem; align-items:center; padding:1.4rem 0; border-bottom:1px solid var(--line); }
.rental-details li span { color:var(--gold); font-size:.8rem; letter-spacing:.1em; }
.rental-details li strong { font-size:1.05rem; font-weight:500; }
.rental-details li p,.rental-note { margin:0; color:var(--muted); }
.rental-note { margin-bottom:2rem; }
footer { padding:3rem 4vw; border-top:1px solid var(--line); color:var(--muted); }
.footer-wordmark { display:block; color:var(--paper); font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.5rem,7vw,6rem); line-height:1; }
footer p { margin:.5rem 0 0; font-size:.75rem; letter-spacing:.14em; }
@media (max-width:760px) { main{width:min(100% - 2rem,38rem)} .rental-hero{grid-template-columns:1fr;padding:1rem 0 4rem}.rental-hero>img{order:-1} h1{font-size:clamp(2.8rem,14vw,4.4rem)} .section-heading,.rental-details>div{grid-template-columns:1fr;gap:.5rem}.rental-details li{grid-template-columns:3rem 1fr;gap:.4rem 1rem}.rental-details li p{grid-column:2}.primary-button{width:100%} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} }
