:root{color-scheme:light;--paper:#f5f0e5;--ink:#302b26;--wine:#641b36;--muted:#655d52;--line:#d7cbbb}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.page{max-width:1600px;min-height:100svh;margin:auto;padding:0 5.4vw;display:flex;flex-direction:column}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:15px;color:var(--wine)}
.brand img{object-fit:contain}
.brand span{font-family:Georgia,'Times New Roman',serif;font-size:27px;letter-spacing:.095em}
.header-note{font-size:10px;letter-spacing:.2em;color:var(--muted)}
main{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;flex:1;align-items:center;padding:52px 0}
.message{padding:16px 0}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.15em;line-height:1.7;color:var(--wine);margin:0 0 28px}
.eyebrow span{width:22px;height:1px;background:var(--wine);flex-shrink:0}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(64px,7.4vw,112px);font-weight:400;letter-spacing:-.065em;line-height:.98;color:var(--wine);margin:0 0 34px}
.intro{font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,2.5vw,36px);line-height:1.25;letter-spacing:-.02em;margin:0 0 20px}
.description{max-width:360px;font-size:15px;line-height:1.85;color:var(--muted);margin:0}
.closing{display:flex;align-items:center;gap:13px;margin-top:35px;color:var(--wine)}
.closing>span{font-size:20px}
.closing p{font-size:12px;letter-spacing:.03em;margin:0}
.visual{position:relative;align-self:stretch;min-height:480px;max-height:700px;overflow:hidden;border-radius:46% 46% 0 0;background:#332a22}
.library{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;filter:sepia(.25) brightness(.7)}
.visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(34,24,16,.85))}
.visual-frame{position:absolute;inset:17px;border:1px solid #eddfbc66;border-radius:46% 46% 0 0;z-index:1}
.visual-caption{position:absolute;bottom:48px;left:30px;right:30px;text-align:center;z-index:2;color:#fff4df}
.visual-caption span{font-size:9px;letter-spacing:.19em}
.visual-caption p{font-family:Georgia,'Times New Roman',serif;font-size:42px;font-style:italic;margin:14px 0 0}
footer{display:flex;justify-content:space-between;gap:16px;padding:22px 0;border-top:1px solid var(--line);font-size:10px;line-height:1.6;color:var(--muted);letter-spacing:.04em}
@media(min-width:1600px){.page{padding:0 86px}}
@media(max-width:760px){.page{padding:0 24px}header{padding:22px 0}.brand span{font-size:23px}.brand img{width:38px;height:34px}.header-note{display:none}main{grid-template-columns:1fr;gap:38px;padding:40px 0}.message{padding:0}h1{font-size:clamp(64px,16vw,96px);margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:26px}.intro{font-size:28px}.description{font-size:14px;max-width:390px}.closing{margin-top:24px}.visual{min-height:0;min-width:0;width:100%;aspect-ratio:1.25;max-height:400px;border-radius:45% 45% 0 0}.visual-caption{bottom:34px}.visual-caption p{font-size:34px}footer{font-size:9px;align-items:flex-start}footer span:first-child{max-width:200px}}