:root{color-scheme:dark;--night:#101a24;--deep:#172632;--gold:#d7b66f;--pale:#f3e7c9;--muted:#b7b4a9;--line:rgba(215,182,111,.3)}
    *{box-sizing:border-box}
    html{min-width:320px;background:var(--night)}
    body{margin:0;color:var(--pale);font-family:Manrope,Arial,sans-serif;background:radial-gradient(ellipse at 50% 0,#263b45 0,transparent 48%),linear-gradient(180deg,#101a24 0%,#121e29 56%,#0d171f 100%);min-height:100vh}
    .page{width:min(100% - 32px,1080px);margin:auto;padding:30px 0 22px}
    .masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}
    .mark{display:flex;align-items:center;gap:10px;color:var(--gold)}
    .mark svg{width:23px;height:23px}
    .hero{position:relative;overflow:hidden;min-height:310px;margin:24px 0 20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(110deg,rgba(15,26,35,.95) 0%,rgba(16,27,36,.82) 48%,rgba(16,27,36,.14) 100%),#172632;display:flex;align-items:center;padding:clamp(26px,6vw,64px)}
    .hero-copy{position:relative;z-index:2;max-width:530px}
    .eyebrow{margin:0 0 12px;color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
    h1{margin:0;color:#fff1cf;font-family:"Noto Serif",Georgia,serif;font-size:clamp(2.7rem,8vw,5.6rem);font-weight:500;line-height:.98;letter-spacing:.025em}
    .subtitle{margin:17px 0 0;color:#d0c8b6;font-family:"Noto Serif",Georgia,serif;font-size:clamp(1rem,2.2vw,1.25rem);font-style:italic}
    .landscape{position:absolute;inset:0 0 0 auto;width:62%;height:100%;opacity:.9;pointer-events:none}
    .landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111c25 0%,rgba(17,28,37,.08) 48%,transparent 100%)}
    .divider{display:flex;align-items:center;gap:14px;margin:26px 0;color:var(--gold)}
    .divider:before,.divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line))}
    .divider:after{transform:scaleX(-1)}
    .divider svg{width:18px;height:18px;flex:none}
    .section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 2px 14px}
    .section-heading h2{margin:0;font-family:"Noto Serif",Georgia,serif;font-size:1.45rem;font-weight:500;color:#fff0ce}
    .section-heading span{color:var(--muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
    .verses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
    .verse{position:relative;min-height:264px;padding:22px 20px 20px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(155deg,rgba(34,51,59,.92),rgba(21,34,43,.9));box-shadow:0 12px 32px rgba(0,0,0,.12)}
    .verse:before{content:"";position:absolute;top:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.65}
    .language{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
    .language:before{content:"";width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg)}
    .verse p{margin:0;color:#f1e7d3;font-family:"Noto Serif",Georgia,serif;font-size:clamp(.94rem,1.4vw,1.06rem);line-height:1.8;white-space:pre-line}
    .verse .translation-note{margin-top:16px;padding-top:12px;border-top:1px solid rgba(215,182,111,.18);color:#aaa99f;font:500 .68rem/1.55 Manrope,Arial,sans-serif;letter-spacing:.01em}
    .colophon{display:flex;justify-content:space-between;gap:20px;margin-top:21px;color:#aaa99f;font-size:.72rem;line-height:1.6}
    .colophon a{color:#dfc57f;text-decoration-color:rgba(223,197,127,.45);text-underline-offset:3px}
    .colophon p{margin:0;max-width:700px}
    .colophon .seal{flex:none;color:var(--gold);font-family:"Noto Serif",Georgia,serif;font-size:.8rem;letter-spacing:.12em;white-space:nowrap}
    @media(max-width:760px){.page{width:min(100% - 24px,600px);padding-top:20px}.hero{min-height:270px;margin-top:18px;padding:26px}.landscape{width:86%;opacity:.68}.hero-copy{max-width:440px}.verses{grid-template-columns:1fr}.verse{min-height:0;padding:20px 19px}.verse p{font-size:1rem}.colophon{display:block}.colophon .seal{margin-top:12px}}
    @media(max-width:420px){.masthead{font-size:.59rem}.hero{min-height:245px}.eyebrow{font-size:.62rem}.section-heading{align-items:start;flex-direction:column;gap:4px}.landscape{width:100%;opacity:.52}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
    @media print{body{background:#fff;color:#18232b}.page{width:100%;padding:0}.hero,.verse{break-inside:avoid;box-shadow:none}.hero{min-height:230px}.verses{grid-template-columns:repeat(3,1fr)}.colophon a{color:#614b1e}}