:root{ --espresso:#1f1713; --crema:#F3E9DC; --latte:#D8C3A5; --sage:#8BC0A4; --teal:#1D6A5E; --gold:#EAC68D; }
    html{scroll-behavior:smooth}
    body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
    .h1{font-family:Fraunces,serif}
    /* Subtle grain */
    .grain:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;mix-blend:overlay;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVR4AWMYBcT/GBgYhQFGBgY2x8BgmYB4j4EwWgQ9mEwGQbEGWQkBzjQwxgQAAEw5mF7G2Tt7QAAAABJRU5ErkJggg==');}
    .link-underline{position:relative}
    .link-underline:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:linear-gradient(90deg,var(--gold),var(--sage));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
    .link-underline:hover:after{transform:scaleX(1)}
    .tilt{transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s}
    .tilt:hover{transform:translateY(-6px) rotate3d(.5,1,0,3deg);box-shadow:0 20px 50px -20px rgba(0,0,0,.35)}
    .magnet{transition:transform .15s ease}
    .parallax{transform:translateY(0);will-change:transform}
    /* Reserve space to avoid CLS */
    img[width][height]{height:auto}
    .ratio-16\/9{aspect-ratio:16/9}