@font-face{font-family:'Apercu';src:url('./fonts/Apercu-Light.otf') format('opentype');font-weight:300;font-display:swap;}
@font-face{font-family:'Apercu';src:url('./fonts/Apercu.ttf') format('truetype');font-weight:400;font-display:swap;}
@font-face{font-family:'Apercu';src:url('./fonts/Apercu-Medium.otf') format('opentype');font-weight:500;font-display:swap;}
@font-face{font-family:'Apercu';src:url('./fonts/Apercu-Bold.otf') format('opentype');font-weight:700;font-display:swap;}
@font-face{font-family:'Apercu Mono';src:url('./fonts/Apercu-Mono.otf') format('opentype');font-weight:400;font-display:swap;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#F8F7F2;--bg2:#F2F0EA;--bg3:#E8E5DC;
  --ink:#0B0D18;--ink2:#1E2235;--ink3:#4A4F6A;--muted:#9A9587;
  --amber:#C4883A;--al:#E8A94C;--ad:#A67030;
  --teal:#5EC4B8;
  --bd:rgba(11,13,24,0.07);
  --ease:cubic-bezier(0.16,1,0.3,1);
  --line-dur:620ms;
  --w:1100px;--px:40px;--w-frame:calc(var(--w) + 2 * var(--px));
}
html{scroll-behavior:smooth;background:var(--bg);overscroll-behavior:none;}
body{font-family:'Apercu',system-ui,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden;}
@keyframes pageIn{from{opacity:0}to{opacity:1}}
body.page-out{animation:pageOut 200ms ease-in both;}
@keyframes pageOut{from{opacity:1}to{opacity:0}}
.ni{max-width:var(--w);margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;}
.ls{font-family:'Cormorant Garamond',serif;font-size:19px;font-style:italic;color:var(--ink);letter-spacing:-.01em;}
.lf{font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--amber);margin-left:1px;}
.nl{display:flex;gap:24px;position:absolute;left:50%;transform:translateX(-50%);}
.nl a:hover,.nl a.act{color:var(--ink);}
@keyframes markBreath{0%,100%{transform:scaleX(.78);opacity:.7;}50%{transform:scaleX(1);opacity:1;}}
footer{background:#181612;padding:36px 40px 32px;position:relative;}
.footer-divider{position:absolute;top:0;left:0;right:0;height:1px;background:#2A2723;}
.footer-inner{max-width:var(--w);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:14px;}
.footer-copy{font-size:10.5px;font-weight:400;color:rgba(248,247,242,.32);letter-spacing:.04em;text-align:center;margin:0;}
.footer-mark{display:inline-flex;align-items:baseline;color:rgba(248,247,242,.32);transition:color 320ms var(--ease);text-decoration:none;}
.footer-mark:hover{color:rgba(248,247,242,.55);}
.footer-ls{font-family:'Cormorant Garamond',serif;font-size:16px;font-style:italic;letter-spacing:-.01em;}
.footer-lf{font-size:9px;font-weight:700;letter-spacing:.2em;margin-left:2px;}
.r.visible{opacity:1;transform:none;}

.dark-tail{background:#181612;}

.mob-btn{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:4px;align-items:center;justify-content:center;width:32px;height:32px;padding:4px;}
.mob-btn span{display:block;width:20px;height:2px;background:var(--ink);border-radius:1px;transition:transform 320ms var(--ease),opacity 200ms var(--ease),background 220ms var(--ease);transform-origin:center;}
.mob-btn.active span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.mob-btn.active span:nth-child(2){opacity:0;transform:scaleX(.4);}
.mob-btn.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.mob-menu{display:flex;position:fixed;top:56px;left:0;right:0;z-index:199;background:rgba(242,240,234,.94);backdrop-filter:blur(20px);border-bottom:1px solid var(--bd);padding:14px 20px 24px;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity 320ms var(--ease),transform 320ms var(--ease),visibility 0s 320ms;box-shadow:0 14px 32px rgba(11,13,24,.09);}
.mob-menu.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity 320ms var(--ease),transform 320ms var(--ease),visibility 0s 0s;}
.mob-menu a{font-size:15px;color:var(--ink3);text-decoration:none;padding:14px 0;border-bottom:1px solid var(--bd);display:block;transition:color 220ms var(--ease),padding-left 280ms var(--ease);opacity:0;transform:translateX(-6px);}
.mob-menu a:not(.mob-cta):hover{color:var(--amber);padding-left:6px;}
.mob-menu.open a{opacity:1;transform:translateX(0);transition:opacity 360ms var(--ease),transform 360ms var(--ease),color 220ms var(--ease),padding-left 280ms var(--ease);}
.mob-menu.open a:nth-child(1){transition-delay:80ms,80ms,0ms,0ms;}
.mob-menu.open a:nth-child(2){transition-delay:130ms,130ms,0ms,0ms;}
.mob-menu.open a:nth-child(3){transition-delay:180ms,180ms,0ms,0ms;}
.mob-menu.open a:nth-child(4){transition-delay:240ms,240ms,0ms,0ms;}
.mob-menu.open a:nth-child(5){transition-delay:290ms,290ms,0ms,0ms;}
.mob-menu a:last-of-type{border-bottom:none;}
.mob-menu a.mob-cta{margin-top:16px;background:var(--amber);color:#fff;padding:11px 16px;border-radius:6px;font-family:'Apercu',sans-serif;font-size:13px;font-weight:500;border:none;cursor:pointer;width:100%;text-decoration:none;text-align:center;display:block;border-bottom:none;box-shadow:0 2px 10px rgba(196,136,58,.18);}
.mob-menu a.mob-cta:hover{background:var(--al);box-shadow:0 4px 14px rgba(196,136,58,.28);}