@font-face{font-family:DM;src:url('/blob2/assets/dm-sans-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Instrument;src:url('/blob2/assets/instrument-serif-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#080c0d;--paper:#f2f1e9;--soft:#bdc8c5;--muted:#929f9f;--accent:#9fe7cf;--line:rgba(211,238,226,.14);font-family:DM,Arial,sans-serif;font-synthesis:style}
*{box-sizing:border-box}
body{margin:0;color:var(--paper);background:radial-gradient(ellipse at 82% 16%,#0d1819 0,transparent 46%),var(--bg);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;touch-action:manipulation}
a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
a:hover{color:var(--accent)}
h1,h2,p{margin:0}
main:focus{outline:none}
.site-shell{width:min(1440px,100%);margin:auto;padding:0 clamp(24px,4.8vw,76px)}
.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:14px;min-height:44px;font-size:14px;letter-spacing:-.35px}
.brand img{width:72px;height:auto}
.quiet-link{display:flex;align-items:center;gap:16px;min-height:44px;font-size:12px;color:var(--soft)}
main{max-width:960px;margin:auto}
.introduction{padding:72px 0 54px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.6;letter-spacing:2.1px;text-transform:uppercase;color:var(--soft);margin-bottom:30px}
.eyebrow:before{content:'';width:25px;height:1px;background:var(--accent);flex:none}
h1{font-family:Instrument,Georgia,serif;font-size:clamp(60px,6.9vw,96px);font-weight:400;line-height:1;letter-spacing:-2.8px}
h1 em{color:#c3d6cf;font-weight:400}
.intro-copy{max-width:650px;margin-top:30px;font-size:19px;line-height:1.65;color:var(--soft);text-wrap:pretty}
.location{margin-top:18px;font-size:12px;line-height:1.7;color:var(--muted)}
.detail-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px;padding:30px 0;border-top:1px solid var(--line)}
.detail-row h2{font-family:Instrument,Georgia,serif;font-size:29px;font-weight:400;line-height:1.2;letter-spacing:-.3px}
.detail-row p{max-width:640px;font-size:15px;line-height:1.8;color:var(--soft);text-wrap:pretty}
.contact{border-top:1px solid var(--line);padding:40px 0 62px}
.contact p{font-family:Instrument,Georgia,serif;font-size:32px;line-height:1.2}
.contact a{display:inline-flex;align-items:center;gap:20px;min-height:44px;margin-top:14px;font-size:14px;color:var(--accent)}
.contact a:hover{text-decoration:underline;text-underline-offset:5px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.skip-link{position:fixed;top:12px;left:16px;z-index:10;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skip-link:focus{width:auto;height:auto;clip-path:none;padding:12px 18px;background:var(--paper);color:var(--bg)}
@media(max-width:760px){
  .site-header{height:80px;gap:12px}
  .brand{gap:10px;font-size:12px}
  .brand img{width:58px}
  .quiet-link{font-size:12px;gap:10px}
  .introduction{padding:48px 0 34px}
  .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:26px}
  h1{font-size:clamp(52px,13.5vw,76px);letter-spacing:-1.7px;line-height:1.03}
  .intro-copy{font-size:17px;line-height:1.7;margin-top:26px}
  .location{margin-top:20px;max-width:290px}
  .detail-row{grid-template-columns:1fr;gap:13px;padding:26px 0}
  .detail-row h2{font-size:28px}
  .detail-row p{font-size:15px;line-height:1.75}
  .contact{padding:32px 0 40px}
  .contact p{font-size:29px}
  .contact a{font-size:13px;gap:10px}
  .site-footer{font-size:10px;gap:10px}
}