html{scroll-behavior:smooth;caret-color:#48B2C8;scrollbar-color:#2A3442 #0B1017}
html,body{height:auto;min-height:100%}
body{margin:0;background:#0B1017;font-family:'Manrope',system-ui,sans-serif;color:#E6ECF1;font-kerning:normal;-webkit-font-smoothing:antialiased}
a{color:#7FCBDB;text-decoration:none}
a:hover{color:#F4F6F8}
::selection{background:rgba(72,178,200,0.38);color:#F4F6F8}
:focus-visible{outline:2px solid #48B2C8;outline-offset:3px;border-radius:2px}
summary::-webkit-details-marker{display:none}
@keyframes lm-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
[data-grain]{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='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.38'/%3E%3C/svg%3E");background-blend-mode:overlay}
[data-ch]{transition:opacity 500ms}
@media (max-width:1000px){[data-nav-links]{display:none!important}[data-nav-menu]{display:block!important}}
@media (max-width:940px){
[data-hmask]{background:linear-gradient(180deg,rgba(11,16,23,0.1) 0%,rgba(11,16,23,0.55) 45%,rgba(11,16,23,0.85) 75%)!important}
[data-lead]{font-size:clamp(40px,10vw,54px)!important}
[data-readout]{grid-template-columns:1fr 1fr!important;gap:0 18px!important}[data-readout] > div{grid-column:auto!important}[data-readout] > div:last-child{text-align:left!important}[data-readout] [data-ch] > span + span{display:none}
[data-make-row]{grid-template-columns:1fr!important}[data-make-row] > *{grid-column:1!important}[data-make-row] lumen-figure{width:56px!important;height:56px!important;margin:0!important}
[data-work]{grid-template-columns:1fr 1fr!important}
[data-split],[data-two],[data-ledger]{grid-template-columns:1fr!important}
[data-tier]{grid-template-columns:1fr!important}
}
@media (max-width:560px){[data-work]{grid-template-columns:1fr!important}}
.lm-hover-1:hover { color:#F4F6F8 !important; }
.lm-hover-2:hover { background:#48B2C8 !important; color:#0B1017 !important; }
.lm-hover-3:hover { background:rgba(230,236,241,0.08) !important; }
.lm-hover-4:hover { background:#F4F6F8 !important; }
.lm-hover-5:hover { text-decoration-color:#48B2C8 !important; color:#F4F6F8 !important; }

/* Static-site additions. The canonical token file stays unchanged. */
section[id] { scroll-margin-top: 88px; }
main { display: block; }
lumen-hero, lumen-figure, lumen-leak { display: block; }
.work-frame { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #0B1017; }
#studio lumen-figure[label] { width: 160px !important; }
#contact a[href^="mailto:"] { overflow-wrap: anywhere; }
@media (max-width: 560px) {
  nav > div { gap: 12px !important; }
  nav > div > div:last-child { gap: 8px !important; }
  [data-tier] h3 { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  [style*="animation:"] { animation: none !important; }
  [data-ch] { transition: none; }
}