:root{--ink:#10100e;--paper:#f6f0e6;--cream:#fffaf1;--gold:#b9853d;--line:rgba(16,16,14,.16);--serif:'Playfair Display',Georgia,serif;--sans:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}header{position:fixed;z-index:10;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(16,16,14,.45);backdrop-filter:blur(18px);color:white}a{color:inherit}.logo{text-decoration:none;font-family:var(--serif);font-size:1.45rem}nav{display:flex;gap:22px;align-items:center;font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900}nav a{text-decoration:none}.book{background:white;color:var(--ink);border-radius:999px;padding:12px 16px}.hero{position:relative;min-height:100vh;padding:130px max(24px,7vw) 70px;display:grid;align-content:end;overflow:hidden;color:white}.hero-img{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.2)),url('assets/hero-porch.jpg') center/cover;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 45%);z-index:-1}.issue{writing-mode:vertical-rl;position:absolute;right:32px;top:130px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;font-size:.76rem;color:#f4d7b3}.hero h1{font-family:var(--serif);font-size:clamp(4.6rem,12vw,12.5rem);line-height:.78;letter-spacing:-.07em;max-width:1050px;margin:0}.hero p{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.55;max-width:660px;color:rgba(255,255,255,.82)}.ticker{display:flex;gap:10px;overflow:auto;padding:18px max(18px,calc((100vw - 1180px)/2));background:var(--ink);color:white}.ticker span{white-space:nowrap;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:10px 14px}.split{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:900;color:var(--gold)}h2{font-family:var(--serif);font-size:clamp(3rem,6vw,6.6rem);line-height:.88;letter-spacing:-.055em;margin:0}.intro p:last-child,.guide p,.room-feature p,.cards p{color:#666052;line-height:1.75;font-size:1.12rem}.room-feature{width:min(1180px,calc(100% - 32px));margin:0 auto 40px;display:grid;grid-template-columns:1.15fr .85fr;background:var(--cream);border:1px solid var(--line)}.room-feature img{width:100%;height:680px;object-fit:cover}.room-feature div{padding:54px;align-self:center}.room-feature a,.cta{display:inline-flex;margin-top:20px;background:var(--ink);color:white;text-decoration:none;border-radius:999px;padding:15px 20px;font-weight:900}.cards{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:60px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:var(--cream);border:1px solid var(--line)}.cards img{width:100%;height:330px;object-fit:cover}.cards h3{font-family:var(--serif);font-size:2.2rem;line-height:1;margin:24px 24px 10px}.cards p{margin:0 24px 28px}.guide{width:min(1180px,calc(100% - 32px));margin:50px auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;padding:46px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-list{display:grid;gap:16px}.guide-list p{background:var(--cream);padding:20px;border-left:5px solid var(--gold);margin:0}.final{margin:80px 0 0;padding:90px max(24px,calc((100vw - 1180px)/2));background:var(--ink);color:white}.final h2{max-width:850px}.final div{display:flex;gap:12px;flex-wrap:wrap}.secondary{background:transparent;border:1px solid rgba(255,255,255,.3)}footer{padding:28px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;color:#6f6a5e}@media(max-width:820px){nav a:not(.book){display:none}.split,.room-feature,.cards,.guide{grid-template-columns:1fr}.room-feature img{height:420px}.room-feature div{padding:30px}.cards img{height:260px}.issue{display:none}.hero h1{font-size:clamp(4.2rem,18vw,7rem)}footer{display:grid;gap:8px}}