@font-face{font-family:'RASLO Grid';src:url('./assets/brand/RASLO-Grid-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--paper:#111412;--paper-2:#202620;--ink:#eeeae0;--soft:#b2b9af;--mute:#899487;--line:rgba(238,234,224,.17);--line-d:rgba(238,234,224,.17)}
:root[data-tone=light]{color-scheme:light;--paper:#eeeae0;--paper-2:#e3ddd0;--ink:#151412;--soft:#5d5952;--mute:#777369;--line:rgba(21,20,18,.17);--line-d:rgba(21,20,18,.17)}
body{transition:background-color .9s ease,color .9s ease;isolation:isolate}
body>main,body>.foot{position:relative;z-index:1}
.dark{background:transparent;color:var(--ink)}
.nav,.nav.is-dark{color:var(--ink)}.nav.is-scrolled,.nav.is-dark{background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(14px)}
.nav__logo img{width:116px;height:auto}.nav__logo{display:block}:root[data-tone=light] .nav__logo img{filter:brightness(0)}
.nav .nav__links>a,.nav .nav__drop>button{color:var(--soft)}.nav .nav__links>a:hover,.nav .nav__drop>button:hover{color:var(--ink)}
.nav__menu{background:var(--paper);border:1px solid var(--line)}.nav__menu a{color:var(--soft)}.nav__menu a:hover{background:var(--line);color:var(--ink)}
.nav .btn,.dark .btn{background:var(--ink);color:var(--paper)}.dark .btn:hover{background:var(--acc);color:#111412}
.hero__title em,.fhero__title em,.h2 em{font-family:'RASLO Grid',var(--sans);font-weight:400;font-style:normal;letter-spacing:-.04em;font-size:.84em}
.hero__title{font-size:clamp(46px,7.2vw,110px);line-height:1.12}.hero__title .ln{padding-bottom:.12em}
.hero__title em{color:var(--acc)}.foot__title em{font-family:'RASLO Grid',var(--sans);font-style:normal;font-size:.8em}
.foot__cols a{color:var(--soft)}.foot__cols a:hover{color:var(--ink)}
.morph-backdrop{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:1;color:var(--ink)}
.morph-defs{position:absolute;width:0;height:0;pointer-events:none;overflow:hidden}
@media(max-width:720px){.nav__logo img{width:92px}.hero__title{font-size:clamp(40px,8.5vw,64px)}.hero__title em{font-size:.75em}.morph-backdrop{display:none}}
@media(prefers-reduced-motion:reduce){body{transition:none}.morph-backdrop{display:none}}
/* Keep native cursors; add a small smile only beside clickable targets. */
em{font-family:'RASLO Grid',var(--sans);font-style:normal;font-synthesis:none}
.hero__title em,.fhero__title em,.h2 em{letter-spacing:-.015em}
.hover-smile{position:fixed;left:0;top:0;width:26px;height:26px;pointer-events:none;z-index:160;visibility:hidden}
.hover-smile.is-visible{visibility:visible}
.hover-smile svg{width:100%;height:100%;display:block;overflow:visible;color:#f1eee6;transform:scale(.4);opacity:0;transition:transform .35s cubic-bezier(.34,1.8,.64,1),opacity .15s}
.hover-smile.is-visible svg{transform:none;opacity:1}
html[data-tone="light"] .hover-smile svg{color:#151412}
@media(hover:none),(pointer:coarse){.hover-smile{display:none}}