:root { --ink:#0b0a0b; --cream:#f1ede8; --muted:#a59e99; --red:#d71932; --line:rgba(241,237,232,.17); }
* { box-sizing:border-box; }
html,body { min-height:100%; }
body { margin:0; background:var(--ink); color:var(--cream); font-family:Arial,Helvetica,sans-serif; }
.site-shell { min-height:100vh; display:grid; grid-template-columns:minmax(420px,56%) 1fr; background:var(--ink); }
.image-panel { position:relative; min-height:100vh; overflow:hidden; background:#1b1112; }
.image-panel img { width:100%; height:100%; min-height:100vh; object-fit:cover; object-position:center; display:block; filter:saturate(.88) contrast(1.05); }
.image-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,7,8,.05) 42%,rgba(8,7,8,.82) 100%),linear-gradient(0deg,rgba(8,7,8,.52),transparent 35%); }
.image-caption { position:absolute; bottom:34px; left:42px; color:rgba(241,237,232,.75); font-size:10px; letter-spacing:.38em; }
.content-panel { min-height:100vh; display:flex; flex-direction:column; justify-content:space-between; padding:38px clamp(34px,5vw,86px) 36px; background:radial-gradient(circle at 100% 0%,rgba(111,19,29,.2),transparent 39%),var(--ink); }
.topline,.bottomline { display:flex; align-items:center; justify-content:space-between; }
.topline { gap:16px; justify-content:flex-start; }
.mark { width:28px; height:28px; border:1px solid var(--red); display:grid; place-items:center; color:var(--red); font-family:Georgia,serif; font-size:17px; font-style:italic; }
.label,.hint,.bottomline,.coordinates { color:var(--muted); font-size:10px; letter-spacing:.19em; text-transform:uppercase; }
.copy { max-width:500px; margin:8vh 0 10vh; }
.eyebrow { color:var(--red); font-size:11px; font-weight:700; letter-spacing:.3em; text-transform:uppercase; margin:0 0 30px; }
h1 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(64px,7vw,112px); font-weight:400; letter-spacing:-.065em; line-height:.88; }
h1 em { color:var(--red); font-style:italic; }
.intro { color:#c7c0ba; font-size:16px; line-height:1.75; max-width:390px; margin:34px 0 38px; }
.cta { width:fit-content; min-width:285px; display:flex; align-items:center; justify-content:space-between; gap:38px; padding:17px 19px; background:var(--red); color:white; text-decoration:none; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; transition:background .2s ease,transform .2s ease; }
.cta:hover,.cta:focus-visible { background:#f02841; transform:translateY(-2px); outline:none; }
.arrow { font-size:22px; font-weight:400; line-height:1; }
.hint { margin:17px 0 0; letter-spacing:.13em; }
.hint span { color:var(--red); margin:0 8px; }
.bottomline { border-top:1px solid var(--line); padding-top:18px; }
.coordinates { letter-spacing:.1em; }
@media (max-width:760px) { .site-shell{display:block}.image-panel{min-height:58vh;max-height:650px}.image-panel img{min-height:58vh;max-height:650px;object-position:center 25%}.image-shade{background:linear-gradient(0deg,rgba(8,7,8,.68),transparent 55%)}.image-caption{left:24px;bottom:22px}.content-panel{min-height:42vh;padding:28px 24px 25px}.copy{margin:9vh 0 12vh}h1{font-size:clamp(62px,18vw,100px)}.intro{font-size:15px}.bottomline{gap:12px;align-items:flex-start}.coordinates{text-align:right;font-size:8px;line-height:1.5} }