*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#15191B;--surface:#1C2123;--border:#333A3C;--text:#ECE4CD;--text-2:#9CA39A;--text-3:#6A716D;--accent:#C9B583;--font:'IBM Plex Sans',system-ui,sans-serif;--serif:'Newsreader',Georgia,serif;--mono:'IBM Plex Mono',monospace;--radius:4px}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-2);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent)}a:hover{color:var(--text)}
nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 32px;background:rgba(21,25,27,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}
.nav-logo{color:var(--text);font-family:var(--serif);font-size:17px;font-weight:300;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.nav-logo em{color:var(--text-2);font-style:italic;font-weight:400;letter-spacing:-.005em;text-transform:lowercase}.nav-links{display:flex;gap:24px;list-style:none}.nav-links a{color:var(--text-2);font-size:13px;text-decoration:none}.nav-links a:hover{color:var(--text)}
.container{width:min(820px,calc(100% - 64px));margin:0 auto}main{padding:72px 0 96px}.back-link{display:inline-block;margin-bottom:28px;color:var(--text-3);font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-decoration:none}.back-link:hover{color:var(--accent)}
.feature-hero{max-width:700px;padding-bottom:56px}.feature-hero h1{max-width:680px;color:var(--text);font-family:var(--serif);font-size:clamp(34px,6vw,56px);font-weight:400;line-height:1.12;margin-bottom:22px}.feature-hero .lede{max-width:650px;color:var(--text-2);font-family:var(--serif);font-size:clamp(19px,2.8vw,24px);line-height:1.5}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn-primary,.btn-secondary{display:inline-flex;align-items:center;border-radius:var(--radius);font-size:14px;padding:11px 22px;text-decoration:none}.btn-primary{background:var(--accent);border:1px solid var(--accent);color:#1B1A12;font-weight:600}.btn-primary:hover{background:#D6C396;border-color:#D6C396;color:#1B1A12}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-2)}.btn-secondary:hover{border-color:var(--text-3);color:var(--text)}
.hero-image{margin:48px 0 0}.hero-image img,.image-grid img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius)}.hero-image figcaption,.image-grid figcaption{margin-top:10px;color:var(--text-3);font-family:var(--mono);font-size:11px;letter-spacing:.03em}
.feature-section{border-top:1px solid var(--border);padding:56px 0}.feature-section h2{max-width:600px;color:var(--text);font-family:var(--serif);font-size:clamp(27px,4vw,36px);font-weight:400;line-height:1.2;margin-bottom:16px}.feature-section>p{max-width:680px;margin-bottom:18px}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin-top:28px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.feature-card{display:block;padding:28px;background:var(--surface);color:var(--text-2);text-decoration:none}.feature-card:hover{color:var(--text-2)}.feature-card h3{color:var(--text);font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.25;margin-bottom:8px}.feature-card p{color:var(--text-2);font-size:14px;line-height:1.6}.feature-card .label{display:block;margin-bottom:12px;color:var(--accent);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;margin:26px 0 0;padding-left:20px}.feature-list li{padding-left:4px}.callout{margin-top:28px;padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-2)}.callout strong{color:var(--text);font-weight:500}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}.image-grid figure{min-width:0}.related{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;font-size:14px}.related a{text-decoration:none}.related a:hover{text-decoration:underline}.rv-inline{letter-spacing:.04em;text-transform:uppercase}.rv-inline em{font-style:italic;letter-spacing:-.005em;text-transform:lowercase}
footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 32px;border-top:1px solid var(--border)}.footer-left{color:var(--text-2);font-family:var(--serif);font-size:15px}.footer-wm{letter-spacing:.04em;text-transform:uppercase}.footer-wm em{font-style:italic;letter-spacing:-.005em;text-transform:lowercase}.footer-right{color:var(--text-3);font-family:var(--mono);font-size:11px;letter-spacing:.03em}.footer-right a{color:var(--text-3)}
@media(max-width:640px){nav{padding:12px 20px}.nav-links{display:none}.container{width:min(100% - 40px,820px)}main{padding:52px 0 72px}.feature-grid,.feature-list,.image-grid{grid-template-columns:1fr}.feature-card{padding:24px}footer{align-items:flex-start;flex-direction:column;padding:24px 20px}}