:root { color-scheme: light; --paper:#f5f5f2; --ink:#26382e; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; }
body { background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
.page { min-height:100vh; min-height:100svh; display:grid; grid-template-rows:1fr auto; position:relative; padding:40px 6vw 28px; isolation:isolate; }
/* Keep the original illustration intact. The upper-left caption is outside
   this clipped artwork window; multiply blends its paper into the page. */
.landscape { position:absolute; width:min(56vw,78svh); height:auto; right:4vw; top:50%; transform:translateY(-50%); clip-path:polygon(36% 0,100% 0,100% 100%,0 100%,0 15%,36% 15%); mix-blend-mode:multiply; opacity:.7; z-index:-1; }
main { display:flex; align-items:center; min-width:0; padding:70px 0; }
.identity { width:52%; }
h1 { margin:0; font:400 clamp(46px,5.5vw,104px)/1.06 Georgia,'Times New Roman',serif; letter-spacing:-.067em; white-space:nowrap; }
.second { display:block; }
.amp { font-style:italic; font-size:.85em; }
p { margin:26px 0 0; font-size:15px; line-height:1.7; letter-spacing:.015em; }
footer { display:flex; justify-content:flex-start; }
a { color:inherit; font-size:14px; line-height:1.6; padding:10px 0; text-decoration:underline; text-decoration-color:#a4afa6; text-underline-offset:7px; text-decoration-thickness:1px; }
a:hover { text-decoration-color:currentColor; }
a:focus-visible { outline:2px solid currentColor; outline-offset:6px; }
::selection { background:#26382e; color:#f5f5f2; }
@media(max-width:700px) {
 .page { padding:35px 25px 32px; min-height:0; }
 main { align-items:flex-start; justify-content:center; padding:24px 0 0; }
 .identity { width:100%; text-align:center; }
 h1 { font-size:clamp(36px,9.5vw,66px); }
 .second { display:inline; }
 p { margin-top:18px; font-size:14px; }
 .landscape { position:relative; width:min(100%,440px); right:auto; top:auto; bottom:auto; transform:none; margin:28px auto 16px; grid-row:2; }
 footer { justify-content:center; grid-row:3; }
}
@media(max-height:480px) and (min-width:701px) { main { padding:20px 0; } }
