:root{--abyss: #070b12;--deep-sea: #0e2a3a;--teal: #27e0c4;--violet: #7a5cff;--enamel: #f4f6f7;--dentin: #e8c9a0;--ink: var(--enamel);--ink-dim: rgba(244, 246, 247, .58);--ink-faint: rgba(244, 246, 247, .34);--line: rgba(244, 246, 247, .12);--serif: "Instrument Serif", Georgia, serif;--sans: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--page-pad: clamp(1.25rem, 5vw, 6rem);--maxw: 1280px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--abyss);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.5;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}::selection{background:var(--teal);color:var(--abyss)}a{color:inherit}#field{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:0;pointer-events:none}.content{position:relative;z-index:1}.section{position:relative;max-width:var(--maxw);margin-inline:auto;padding:clamp(6rem,16vh,12rem) var(--page-pad)}.mono{font-family:var(--mono);font-weight:400;letter-spacing:.02em}.eyebrow{margin:0 0 1.75rem;font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--teal)}.h-display{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,7vw,5.4rem);line-height:1.02;letter-spacing:-.01em}.lede{max-width:34ch;margin:1.75rem 0 0;font-size:clamp(1.05rem,1.6vw,1.4rem);line-height:1.62;color:var(--ink-dim)}.h-display,.hero__name,.hero__thesis,.footer__cta,.depth__meter,.shade__readout,.lede{text-shadow:0 2px 30px rgba(7,11,18,.6),0 1px 4px rgba(7,11,18,.5)}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:var(--abyss)}.preloader__inner{display:flex;flex-direction:column;align-items:center;gap:.9rem}.preloader__label{font-family:var(--mono);font-size:.7rem;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-faint)}.preloader__num{font-family:var(--mono);font-size:clamp(1.6rem,4vw,2.4rem);color:var(--teal);font-variant-numeric:tabular-nums}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(105deg,#070b12b8,#070b1270 34%,#070b1200 64%)}.hero__name{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(3.4rem,15vw,12rem);line-height:.92;letter-spacing:-.02em}.hero__name .line{display:block;overflow:hidden}.hero__name .line__in{display:block;will-change:transform}.hero__thesis{margin:2.25rem 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,3.2vw,2.4rem);color:var(--ink);max-width:22ch;text-wrap:balance}.hero__foot{margin:2.5rem 0 0;font-size:.8rem;color:var(--ink-faint)}.hero__foot sub{color:var(--ink-dim)}.hero__hint{position:absolute;bottom:clamp(1.5rem,5vh,3rem);left:var(--page-pad);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.thesis .lede,.craft__head{max-width:46ch}.shade{margin-top:clamp(3rem,8vh,6rem);padding:clamp(1.5rem,4vw,2.5rem) clamp(1.5rem,4vw,2.5rem) clamp(2.6rem,5vw,3.2rem);border-radius:16px;background:#070b1257;border:1px solid var(--line);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1)}.shade__strip{display:flex;gap:4px;width:100%}.swatch{position:relative;flex:1 1 0;height:clamp(80px,16vh,150px);border:none;border-radius:2px 2px 0 0;padding:0;cursor:pointer;opacity:.82;transform-origin:bottom;transition:opacity .35s ease,transform .35s ease}.swatch:after{content:attr(data-code);position:absolute;left:0;right:0;bottom:-1.6rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;color:var(--ink-faint);text-align:center;transition:color .35s ease}.swatch.is-active{opacity:1;transform:scaleY(1.14);box-shadow:0 0 38px -6px currentColor}.swatch.is-active:after{color:var(--ink)}.shade__readout{margin:2.6rem 0 0;font-size:clamp(2.6rem,8vw,5rem);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.depth__meter{margin:clamp(2.5rem,7vh,5rem) 0 0;font-size:clamp(4rem,18vw,13rem);line-height:.9;letter-spacing:-.03em;color:var(--teal);font-variant-numeric:tabular-nums;font-weight:500}.timeline{list-style:none;margin:clamp(3rem,7vh,5rem) 0 0;padding:0;border-top:1px solid var(--line)}.timeline__row{display:grid;grid-template-columns:7rem 1fr;gap:clamp(1rem,4vw,3rem);align-items:baseline;padding:1.4rem 0;border-bottom:1px solid var(--line)}.timeline__year{font-size:.82rem;color:var(--teal)}.timeline__what{font-size:clamp(1.05rem,1.8vw,1.35rem);color:var(--ink)}.footer{min-height:80svh;display:flex;flex-direction:column;justify-content:center}.footer__cta{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(2.8rem,11vw,8rem);line-height:.98;letter-spacing:-.02em}.footer__mail{display:inline-block;width:fit-content;margin:2.5rem 0 0;font-size:clamp(.95rem,2vw,1.35rem);color:var(--teal);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.footer__mail:hover{border-color:var(--teal)}.footer__meta{margin:3.5rem 0 0;font-size:.72rem;letter-spacing:.12em;color:var(--ink-faint)}:focus-visible{outline:2px solid var(--teal);outline-offset:4px;border-radius:2px}@media (max-width: 640px){.timeline__row{grid-template-columns:4.5rem 1fr}}@media (max-width: 560px){.swatch:after{opacity:0}.swatch.is-active:after{opacity:1;font-size:.62rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}