:root{--bg:#0a1211;--raised:#0e1817;--card:#121e1d;--line:rgba(237,230,216,.12);--ink:#ede6d8;--soft:#bfc6c1;--muted:#7f8e8a;--teal:#4ecdc4;--brass:#d4af6a}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
nav{display:flex;align-items:center;gap:12px;padding:22px 0}
nav img{width:36px;height:36px;border-radius:10px}
nav b{font:500 20px "Fraunces",Georgia,serif;letter-spacing:-.01em}
nav .sp{flex:1}
nav a.l{color:var(--soft);font-size:14px;margin-left:18px}
h1,h2,h3{font-family:"Fraunces",Georgia,serif;font-weight:500;letter-spacing:-.02em;line-height:1.05}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:56px 0 40px}
.hero h1{font-size:clamp(44px,7vw,78px);margin:0 0 18px}
.hero p{color:var(--soft);font-size:18px;max-width:34em}
.eb{font:700 12px "Manrope",sans-serif;letter-spacing:.14em;color:var(--teal);text-transform:uppercase;display:flex;align-items:center;gap:10px}
.eb:before{content:"";width:28px;height:2px;background:var(--teal)}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--teal);color:#0a1211;font-weight:700;padding:15px 24px;border-radius:14px;margin-top:22px}
.btn:hover{text-decoration:none;filter:brightness(1.05)}
.shot{border:1px solid var(--line);border-radius:28px;background:var(--card);padding:10px}
.shot img{width:100%;display:block;border-radius:20px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:30px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.card i{font:500 15px "Fraunces",serif;color:var(--muted);font-style:normal}
.card h3{font-size:22px;margin:14px 0 6px}
.card p{color:var(--soft);margin:0;font-size:15px}
.strip{display:flex;gap:12px;overflow-x:auto;padding:10px 0 30px}
.strip img{height:520px;border-radius:18px;border:1px solid var(--line)}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px;padding:26px 0 40px;margin-top:40px}
footer a{color:var(--soft);margin-right:18px}
.doc{max-width:760px;padding:30px 0 20px}
.doc h1{font-size:44px;margin:10px 0 6px}
.doc h2{font-size:24px;margin:34px 0 8px}
.doc p,.doc li{color:var(--soft)}
.doc .meta{color:var(--muted);font-size:14px}
table{border-collapse:collapse;width:100%;font-size:15px;margin:10px 0}
td,th{border-bottom:1px solid var(--line);text-align:left;padding:10px 8px;vertical-align:top;color:var(--soft)}
th{color:var(--ink);font-weight:600}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:24px}.grid{grid-template-columns:1fr}.strip img{height:420px}nav a.l{display:none}}