/* A&V Properties: shared brand layer for new pages (index.html keeps its own inline copy) */
@font-face{font-family:'Instrument Serif';src:url('fonts/InstrumentSerif-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('fonts/InstrumentSerif-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/Manrope-Variable.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'DM Mono';src:url('fonts/DMMono-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Mono';src:url('fonts/DMMono-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
:root{
  --canvas:#F4EFE6; --panel:#FBF8F2; --sand:#E6D9C3; --line:#D8CCB8; --line-strong:#9C8F7B;
  --accent:#974B25; --accent-hover:#7E3E1E; --accent-muted:rgba(208,138,98,.35); --copper-light:#D08A62;
  --sea:#1C3F52; --ink:#13242F; --text-secondary:#56636C; --on-dark-muted:#AEB6B8;
  --serif:'Instrument Serif',Georgia,'Times New Roman',serif;
  --sans:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'DM Mono',ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --r-lg:22px; --r-md:16px; --r-sm:10px;
  --tshadow:0 1px 2px rgba(10,14,20,.9),0 3px 12px rgba(10,14,20,.6),0 10px 44px rgba(10,14,20,.55);
  --wrap:min(1240px, 100% - clamp(32px,6vw,96px));
}
*{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;overflow-x:hidden;overflow-x:clip;background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;animation:pagein .9s var(--ease) both}
@keyframes pagein{from{opacity:0}to{opacity:1}}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--canvas);padding:10px 16px;border-radius:999px;text-decoration:none;transition:top .3s var(--ease)}
.skip:focus{top:12px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:var(--wrap);margin-inline:auto}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:12px;margin:0}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.8}
.h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-.01em;margin:0}
.h2 em,.h1 em{font-style:italic}
.lede{font-size:18px;line-height:1.65;color:var(--text-secondary);margin:0;max-width:46ch}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;font:600 15px/1 var(--sans);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}
.btn svg{transition:transform .35s var(--ease)}
.btn:hover svg{transform:translate(3px,-3px)}
.btn-primary{background:var(--ink);color:var(--canvas)}
.btn-primary:hover{background:var(--accent)}
.btn-copper{background:var(--accent);color:#FBF8F2}
.btn-copper:hover{background:var(--accent-hover)}
.btn-ghost{background:rgba(251,248,242,.7);border-color:var(--line-strong);color:var(--ink);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn-ghost:hover{background:var(--panel);border-color:var(--ink)}
.btn-light{background:var(--canvas);color:var(--ink)}
.btn-light:hover{background:#fff8ee}
@media (pointer:coarse){.btn{min-height:48px}}

/* fixed environment layer */
.env{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--canvas)}
.env::before{content:"";position:absolute;inset:-20%;background:radial-gradient(40% 35% at 70% 30%,rgba(208,138,98,.12),transparent 70%),radial-gradient(35% 30% at 20% 80%,rgba(28,63,82,.06),transparent 70%);animation:envdrift 90s ease-in-out -30s infinite alternate}
.env::after{content:"";position:absolute;inset:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .07 0 0 0 0 .14 0 0 0 0 .18 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@keyframes envdrift{from{transform:translate3d(-4%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.08)}}