@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/assets/fonts/geist-mono-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{
  --paper:#f5f3ee;--white:#fffefa;--ink:#22231f;--muted:#616258;--line:#deded4;--accent:#a94029;--accent-light:#efdfd4;--dark:#181818;--sand:#ebe8df;
  --space-25:2px;--space-50:4px;--space-75:8px;--space-100:12px;--space-200:16px;--space-300:24px;--space-400:32px;--space-500:40px;--space-600:48px;--space-700:64px;--space-800:80px;--space-900:96px;
  --curve:cubic-bezier(.22,1,.36,1);
  color-scheme:light;font-family:Manrope,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased}
body.menu-is-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer;color:inherit}
button:disabled{cursor:default}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
main:focus{outline:none}
img{display:block;max-width:100%;height:auto}
svg{display:block;flex-shrink:0}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
ul,ol{padding:0;margin:0;list-style:none}
[hidden]{display:none!important}
::selection{background:var(--accent-light);color:var(--ink)}
.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}
.section{padding-block:var(--space-900)}
.heading-1{font-size:60px;line-height:60px;font-weight:600;letter-spacing:-.055em}
.heading-2{font-size:48px;line-height:48px;font-weight:600;letter-spacing:-.045em}
.heading-3{font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.04em}
.heading-4{font-size:30px;line-height:36px;font-weight:600;letter-spacing:-.035em}
.heading-5{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.025em}
.title-1{font-size:20px;line-height:28px;font-weight:500;letter-spacing:-.02em}
.title-2{font-size:18px;line-height:28px;font-weight:500;letter-spacing:-.02em}
.title-3{font-size:16px;line-height:24px;font-weight:500}
.body-3{font-size:16px;line-height:24px;font-weight:400}
.body-6{font-size:14px;line-height:20px;font-weight:400}
.caption-1{font-size:14px;line-height:20px;font-weight:500}
.caption-2{font-size:14px;line-height:20px;font-weight:400}
.caption-3{font-size:12px;line-height:16px;font-weight:600}
.caption-4{font-size:12px;line-height:16px;font-weight:500}
.caption-5{font-size:12px;line-height:16px;font-weight:400}
.icon{width:24px;height:24px;fill:currentColor}
.accent{color:var(--accent)}
.muted{color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:1000;top:8px;left:16px;transform:translateY(-160%);padding:12px 24px;background:var(--ink);color:white;border-radius:8px}
.skip-link:focus{transform:translateY(0)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-400);min-height:48px;border-radius:8px;padding:var(--space-75) var(--space-100);font-size:16px;line-height:24px;font-weight:600;transition:transform 500ms var(--curve),background-color 300ms var(--curve);border:1px solid transparent}
.button-dark{background:var(--ink);color:var(--white)}
.button:hover{background:#3f4039;transform:translateY(-2px)}
.button:active{transform:scale(.98)}
.button .icon{width:20px;height:20px}
.text-link{display:inline-flex;align-items:center;gap:var(--space-75);font-size:14px;line-height:20px;font-weight:600;min-height:44px}
.text-link .icon{width:18px;height:18px;transition:transform 500ms var(--curve)}
.text-link:hover .icon{transform:translate(3px,-3px)}
.text-link:hover{color:var(--accent)}
.site-header{position:fixed;z-index:50;top:var(--space-300);left:50%;transform:translateX(-50%);width:min(1280px,calc(100% - 64px));min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-300);padding:var(--space-100) var(--space-300);background:#faf9f5ed;backdrop-filter:blur(16px);border:1px solid #e1e0d6;border-radius:12px;box-shadow:0 4px 16px #22231f04}
.wordmark{display:inline-flex;align-items:center;gap:var(--space-100);font-weight:600;letter-spacing:-.04em;font-size:18px;line-height:28px;white-space:nowrap}
.brand-mark{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);font-size:20px;border-radius:8px;letter-spacing:-.075em}
.brand-mark span{color:#efb494}
.desktop-nav{display:flex;gap:var(--space-300);align-items:center}
.desktop-nav a{font-size:12px;line-height:16px;font-weight:500;display:flex;align-items:center;min-height:44px;color:var(--muted);transition:color 300ms var(--curve);position:relative}
.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--accent)}
.desktop-nav a[aria-current]::after{content:'';width:4px;height:4px;background:var(--accent);border-radius:50%;position:absolute;bottom:4px;left:calc(50% - 2px)}
.header-actions{display:flex;gap:var(--space-300);align-items:center}
.language-switch{display:flex;gap:var(--space-75);align-items:center;font-size:12px;line-height:16px;min-height:44px;color:#68695f}
.selected-language{font-weight:700;color:var(--ink)}
.language-divider{color:#b6b6a9}
.header-contact{display:flex;align-items:center;gap:var(--space-75);font-size:12px;line-height:16px;font-weight:600;min-height:44px}
.header-contact .icon{width:16px;height:16px}
.header-contact:hover{color:var(--accent)}
.menu-toggle{display:none;width:44px;height:44px;background:none;border:none;position:relative}
.menu-toggle span{position:absolute;left:12px;top:17px;width:20px;height:1.5px;background:var(--ink);transition:transform 500ms var(--curve)}
.menu-toggle span+span{top:25px}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span+span{transform:translateY(-4px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100dvh;padding:var(--space-300);margin:0;background:#f5f3eef7;color:var(--ink);backdrop-filter:blur(24px);border:0}
.mobile-menu::backdrop{background:#f5f3eef0}
.mobile-menu-top{display:flex;justify-content:space-between;align-items:center}
.menu-close{background:none;border:none;font-size:36px;width:48px;height:48px}
.mobile-menu nav{display:flex;flex-direction:column;margin-top:var(--space-800)}
.mobile-menu nav>a{display:flex;align-items:center;gap:var(--space-200);font-size:30px;line-height:36px;letter-spacing:-.04em;padding-block:var(--space-200)}
.mobile-menu nav>a>.icon{margin-left:auto}
.mobile-menu nav>a>.caption-3{color:var(--accent)}
.mobile-email{display:inline-block;margin-top:var(--space-600);font-size:14px}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--space-800);align-items:center;padding-top:calc(var(--space-900) + var(--space-700));padding-bottom:var(--space-700)}
.intro-person{display:flex;align-items:center;gap:var(--space-100);margin-bottom:var(--space-400)}
.intro-person img{width:40px;height:40px;object-fit:cover;border-radius:50%;filter:grayscale(1)}
.intro-person p{color:var(--muted);font-size:12px;line-height:16px}
.intro-person .intro-name{color:var(--ink);font-size:14px;line-height:20px;margin-bottom:4px}
.hero h1{position:relative;max-width:680px;margin-bottom:var(--space-300)}
.hero h1>span:not(.hero-period){background:linear-gradient(90deg,#000,#666);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero h1 .hero-period{color:var(--accent)}
.hero-tagline{font-size:30px;line-height:36px;font-weight:500;letter-spacing:-.035em;margin-bottom:var(--space-200)}
.hero-description{max-width:400px;color:var(--muted)}
.current-role{margin-top:var(--space-200);color:var(--muted)}
.current-role a{color:var(--ink);font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.current-role .icon{width:12px;height:12px}
.hero-copy>.button{margin-top:var(--space-400)}
.hero-art{position:relative;padding:var(--space-300) var(--space-300) var(--space-400);isolation:isolate}
.topography{position:absolute;z-index:-1;width:115%;height:125%;left:-10%;top:-12%;color:#d6d3c6;opacity:.7}
.field-card{position:relative;width:100%;height:440px;overflow:hidden;border:8px solid var(--white);border-radius:8px;background:#48504e;transform:rotate(4deg);box-shadow:0 16px 40px #26251d15}
.mountain-photo{width:100%;height:100%;object-fit:cover;object-position:60% center;filter:grayscale(1) sepia(.15)}
.photo-shade{position:absolute;inset:0;background:#111b1a33}
.field-card-top{position:absolute;top:24px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;color:#fffefa;text-transform:uppercase;letter-spacing:.1em}
.field-card-top .icon{width:32px;height:32px}
.field-card figcaption{position:absolute;bottom:24px;left:24px;right:24px;display:grid;gap:8px;color:white;text-shadow:0 1px 8px #000a}
.field-caption{max-width:260px;letter-spacing:-.035em}
.flight-route{position:absolute;inset:0;width:100%;height:100%;color:#edac85;pointer-events:none}
.coordinate-note{position:absolute;bottom:0;left:0;display:flex;align-items:center;gap:var(--space-100);padding:var(--space-200) var(--space-300);background:var(--white);border:1px solid var(--line);border-radius:4px;transform:rotate(-4deg);box-shadow:0 4px 16px #22231f09}
.coordinate-note .icon{width:20px;height:20px;color:var(--accent)}
.coordinate-cross{color:var(--muted);margin-left:var(--space-200)}
.heritage{display:flex;align-items:center;gap:var(--space-500);padding:var(--space-400) 0;position:relative}
.heritage::before,.heritage::after{content:'';position:absolute;left:0;right:0;height:1px;background:var(--line)}
.heritage::before{top:0}.heritage::after{bottom:0}
.heritage-label{display:grid;gap:4px;min-width:180px}
.heritage-label>.caption-3{text-transform:uppercase;letter-spacing:.09em;color:var(--accent)}
.heritage-label>.caption-2{color:var(--muted);font-size:12px}
.brand-lockup{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-weight:600;letter-spacing:-.045em}
.brand-lockup img,.brand-image{object-fit:contain;flex-shrink:0}
.brand-luge img{width:32px;height:40px}
.brand-roomkit img{width:32px;height:32px}
.heritage-brands{display:flex;align-items:center;justify-content:space-around;gap:var(--space-400);flex:1}
.heritage-brands a{display:flex;align-items:center;justify-content:center;min-height:72px}
.heritage-brands .brand-lockup{font-size:24px;line-height:32px}
.heritage-brands .brand-xivo{width:40px;height:64px}
.heritage-brands .brand-wazo{width:148px;height:44px}
.scroll-cue{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);width:44px;height:44px;border-radius:50%;margin-left:auto}
.scroll-cue .icon{width:16px;height:16px}
.section-index{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-300)}
.section-heading{margin-bottom:var(--space-500)}
.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:var(--space-500)}
.section-heading-row h2{max-width:680px}
.section-heading-row>p{max-width:340px;flex-shrink:0;color:var(--muted)}
.featured-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--space-300)}
.featured{border-radius:12px;overflow:hidden;padding:var(--space-400);display:flex;flex-direction:column;position:relative}
.featured-luge{color:var(--paper);background:var(--dark)}
.featured-roomkit{background:#eae7dd;border:1px solid #e1ded2}
.project-topline{display:flex;justify-content:space-between;align-items:center}
.project-topline>span:first-child{display:flex;align-items:center;gap:var(--space-75)}
.featured-luge .project-topline{color:#c3c3b8}
.status-dot{width:6px;height:6px;background:#d9ad8d;border-radius:50%;display:inline-block;flex-shrink:0}
.luge-orbit{height:260px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-200);isolation:isolate}
.orbit-ring{position:absolute;border:1px solid #3c3c34;border-radius:50%;width:240px;height:180px;transform:rotate(-20deg);z-index:-1}
.orbit-ring-outer{width:360px;height:228px;transform:rotate(20deg)}
.orbit-center{display:grid;justify-items:center;gap:var(--space-100);color:#f1e5d9}
.luge-orbit-mark{width:58px;height:72px;object-fit:contain}
.orbit-node{position:absolute;display:flex;align-items:center;gap:var(--space-75);padding:var(--space-75) var(--space-100);border:1px solid #444238;border-radius:8px;font-size:12px;line-height:16px;background:#272727;box-shadow:0 4px 16px #0002}
.orbit-node .icon{width:16px;height:16px;color:#d8b596}
.orbit-node-0{top:48px;left:8px;transform:rotate(-5deg)}
.orbit-node-1{top:80px;right:8px;transform:rotate(7deg)}
.orbit-node-2{bottom:8px;left:calc(50% - 48px);transform:rotate(-3deg)}
.project-copy{margin-top:auto}
.project-name{font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.045em;margin-bottom:var(--space-100)}
.project-name .brand-luge img{width:36px;height:44px}
.project-name .brand-roomkit img{width:36px;height:36px}
.project-copy>.body-3{margin-top:var(--space-100);color:var(--muted);max-width:440px;min-height:72px}
.featured-luge .project-copy>.body-3{color:#bcbdb4}
.tags{display:flex;gap:var(--space-75);flex-wrap:wrap;margin-top:var(--space-300)}
.tags li{font-size:12px;line-height:16px;border:1px solid #d1cec2;border-radius:4px;padding:var(--space-50) var(--space-75);color:#64665c}
.featured-luge .tags li{color:#c7c5bb;border-color:#44443b}
.project-copy>.text-link{margin-top:var(--space-300)}
.featured-luge .text-link:hover{color:#edac85}
.room-diagram{margin:var(--space-400) 0 var(--space-300);border:1px solid #d5d1c3;border-radius:8px;box-shadow:0 12px 24px #38372c09;background:#f8f6ef;transform:rotate(-2deg)}
.room-diagram-top{display:flex;align-items:center;gap:4px;padding:var(--space-100) var(--space-200);position:relative}
.room-diagram-top::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#dfdbce}
.room-diagram-top>span:not(:last-child){width:6px;height:6px;border-radius:50%;background:#c4c0b3}
.room-diagram-top>span:last-child{margin-left:auto;color:#737267}
.room-code{padding:var(--space-300);font:12px/20px 'Geist Mono',monospace;letter-spacing:-.02em;color:#44483e;white-space:nowrap}
.code-comment{color:#6e6e60}.code-keyword{color:#a8422c}.code-function{color:#4c675d}
.room-channels{display:flex;justify-content:center;gap:var(--space-75);padding:0 var(--space-200) var(--space-200)}
.room-channels span{display:flex;align-items:center;gap:var(--space-50);font-size:12px;line-height:16px;padding:var(--space-75);border:1px solid #ddd9cd;border-radius:4px;background:#eeece2}
.room-channels .icon{width:14px;height:14px}
.current-company{display:flex;align-items:center;gap:var(--space-300);margin-top:var(--space-300);border:1px solid var(--line);border-radius:8px;padding:var(--space-300);transition:background-color 300ms var(--curve)}
.current-company:hover{background:var(--white)}
.company-logo{display:flex;align-items:center;justify-content:center;flex:0 0 128px;height:80px;padding:12px;background:var(--dark);border-radius:6px}
.company-logo img{width:104px;height:49px}
.current-company>div{min-width:220px}
.current-company>p{margin-left:auto;max-width:300px;color:var(--muted)}
.company-arrow{margin-left:var(--space-200)}
.open-source{padding-top:var(--space-300)}
.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-200);margin-bottom:var(--space-300)}
.filters{display:flex;align-items:center;gap:var(--space-75);flex-wrap:wrap}
.filter-button{border:1px solid transparent;background:transparent;border-radius:6px;min-height:44px;padding:var(--space-75) var(--space-100);font-size:12px;line-height:16px;color:var(--muted);transition:background-color 300ms var(--curve),color 300ms var(--curve)}
.filter-button:hover{color:var(--ink);background:#eae8df}
.filter-button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.repository-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-200)}
.repository{background:var(--white);border:1px solid var(--line);border-radius:8px;min-width:0;transition:transform 500ms var(--curve),background-color 300ms var(--curve)}
.repository:hover{transform:translateY(-4px);background:#fff}
.repository-link{display:flex;flex-direction:column;height:100%;padding:var(--space-300)}
.repository-top{display:flex;align-items:center;gap:var(--space-100);margin-bottom:var(--space-300)}
.repository-top>.icon{margin-left:auto;width:18px;height:18px;color:var(--muted)}
.repository-top>.caption-4{color:var(--muted)}
.repo-symbol{display:flex;align-items:center;justify-content:center;background:var(--paper);border:1px solid #eae7dd;width:36px;height:36px;border-radius:8px;font-size:18px;font-weight:600;letter-spacing:-.06em}
.repository p{color:var(--muted);margin-top:var(--space-75);margin-bottom:var(--space-300);min-height:60px}
.repository-owner{display:block;margin-top:auto;color:#6d6e62;overflow-wrap:anywhere}
.journey-band{background:#eeece5}
.journey-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-900)}
.journey-intro>.body-3{max-width:350px;margin-top:var(--space-300);color:var(--muted)}
.dos-computer{width:220px;margin:var(--space-600) auto 0;transform:rotate(-5deg);filter:drop-shadow(0 8px 10px #24231b0a)}
.computer-case{border:1px solid #bdb9a9;border-radius:8px;background:#d9d5c6;padding:var(--space-200)}
.computer-screen{height:120px;background:#272727;border:8px solid #bcb8aa;border-radius:8px;padding:var(--space-200);color:#dfcaa7;font-family:'Geist Mono',monospace;font-size:14px;position:relative}
.computer-screen>span:first-child{position:absolute;top:16px;left:12px}
.screen-year{position:absolute;bottom:12px;right:12px;font-size:12px;color:#a3a28b}
.computer-drive{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-100);font-size:8px;color:#6c7760}
.computer-drive i{width:48px;height:3px;background:#8f8a7c;display:block}
.computer-base{width:72px;height:24px;background:#c6c1b1;margin:auto;transform:perspective(40px) rotateX(20deg)}
.computer-keyboard{width:240px;height:24px;border:1px solid #bcb8a9;border-radius:4px;background:repeating-linear-gradient(90deg,#d4d0c2 0 12px,#c2beaf 12px 13px);margin-left:-10px;transform:skewX(-14deg)}
.timeline{position:relative}
.timeline::before{content:'';position:absolute;left:87px;top:8px;bottom:24px;width:1px;background:#d4d2c7}
.timeline>li{display:grid;grid-template-columns:88px 1fr;gap:var(--space-300);position:relative;padding-bottom:var(--space-400)}
.timeline>li::before{content:'';position:absolute;left:84px;top:6px;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px #eeece5}
.timeline-date{padding-top:4px;color:var(--accent)}
.timeline h3{margin-bottom:var(--space-75)}
.timeline p{max-width:350px;color:var(--muted)}
.ventures{margin-top:var(--space-100)}
.ventures>h3{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-200)}
.venture{display:grid;grid-template-columns:100px 1fr 24px;gap:var(--space-200);padding:var(--space-200) 0;align-items:center;position:relative}
.venture::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#d9d7cc}
.venture>div{display:grid;gap:8px}.venture-name{display:flex;align-items:center;min-height:56px}
.venture-name .brand-xivo{width:35px;height:56px}
.venture-name .brand-wazo{width:100%;max-width:100px;height:44px}
.venture .caption-4{color:var(--muted)}.venture>p{color:var(--muted)}.venture>.icon{width:20px;height:20px}
.timeline-today{display:flex;align-items:center;gap:var(--space-100);flex-wrap:wrap;margin-top:var(--space-300)}
.timeline-today .status-dot{background:var(--accent)}.timeline-today>p{width:100%;color:var(--muted)}
.manifesto{padding-block:var(--space-900);display:flex;align-items:flex-start;gap:var(--space-500);position:relative}
.manifesto::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--line)}
.manifesto>.icon{color:var(--accent);width:40px;height:40px;margin-top:4px}
.manifesto p{max-width:680px;font-size:36px;line-height:40px;letter-spacing:-.04em}
.manifesto-line{display:block}.reveal-word{transition:opacity 600ms var(--curve)}
.notes-list{position:relative}
.note{position:relative}.note::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--line)}
.note>a{display:flex;align-items:center;gap:var(--space-300);padding:var(--space-300) var(--space-100);transition:background-color 300ms var(--curve)}
.note>a:hover{background:#edeae1}
.note-index{width:40px;flex-shrink:0;color:var(--muted)}
.note-meta{display:flex;gap:var(--space-200);align-items:center;color:var(--muted);margin-bottom:var(--space-75)}
.note-meta>span:first-child{color:var(--accent)}.note-meta>span:last-child{border:1px solid var(--line);padding:0 4px;border-radius:4px}
.note-body>p{color:var(--muted);margin-top:var(--space-75)}
.note-year{margin-left:auto;color:var(--muted)}
.note-arrow{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;flex-shrink:0;transition:transform 500ms var(--curve)}
.note-arrow .icon{width:20px;height:20px}.note>a:hover .note-arrow{transform:rotate(45deg)}
.notes-more{margin-top:var(--space-200);display:flex;justify-content:flex-end}
.offscreen-band{background:#eae7dd}
.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-300)}
.game-card{border:1px solid #d6d1c2;border-radius:12px;overflow:hidden;background:#f5f1e7}
.game-visual{height:220px;position:relative;display:flex;align-items:center;justify-content:center;background:#dfdbcc;overflow:hidden}
.game-dice .game-visual{background:#443d36;color:#ddba8b}
.game-copy{padding:var(--space-400)}
.game-copy>.caption-3{color:var(--muted);margin-bottom:var(--space-200)}
.game-copy>h3{margin-bottom:var(--space-100)}.game-copy>.title-3{margin-bottom:var(--space-100)}
.game-copy>.body-6{color:var(--muted);max-width:400px;min-height:60px}.game-copy>.text-link{margin-top:var(--space-200)}
.playing-card{position:absolute;width:112px;height:152px;background:#fffaf0;border:1px solid #ccc2ae;border-radius:8px;box-shadow:0 8px 16px #27231912;display:flex;flex-direction:column;padding:12px;justify-content:space-between;font-weight:600;color:#a54730;transition:transform 500ms var(--curve)}
.playing-card>span:last-child{align-self:flex-end;transform:rotate(180deg)}.card-glyph{font-size:48px;line-height:48px;align-self:center}
.card-one{transform:translate(-64px,8px) rotate(-18deg);color:#6d7255}.card-two{transform:translateY(-8px) rotate(-3deg);z-index:1}.card-three{transform:translate(64px,8px) rotate(15deg);color:#ad8543}
.game-cards:hover .card-one{transform:translate(-80px,8px) rotate(-24deg)}.game-cards:hover .card-three{transform:translate(80px,8px) rotate(22deg)}
.d20{height:172px;width:156px;transform:rotate(-9deg);transition:transform 500ms var(--curve)}.game-dice:hover .d20{transform:rotate(6deg)}
.dnd-credit{color:var(--muted);margin-top:var(--space-200);max-width:500px;margin-left:auto}
.personal{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-700);align-items:center;margin-top:var(--space-700);position:relative;padding-top:var(--space-500)}
.personal::before{content:'';height:1px;position:absolute;top:0;left:0;right:0;background:#d4d0c3}
.personal p{color:var(--muted);margin-top:var(--space-200);max-width:440px}
.interests{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-300)}
.interests li{display:flex;align-items:center;gap:var(--space-100)}.interests .icon{color:var(--accent)}
.contact-section{text-align:center;display:flex;flex-direction:column;align-items:center;padding-block:var(--space-900)}
.contact-section .section-index{margin-bottom:var(--space-300)}
.contact-section>p.body-3{max-width:460px;margin:var(--space-300) 0 var(--space-400);color:var(--muted)}
.email-line{display:flex;align-items:center;gap:var(--space-75);margin-top:var(--space-300);font-size:14px}
.copy-email{display:flex;justify-content:center;align-items:center;background:none;border:1px solid transparent;border-radius:4px;min-width:44px;min-height:44px}
.copy-email:hover{border-color:var(--line);background:var(--white)}
.copy-status{min-height:20px;color:var(--accent);margin-top:4px}
.contact-socials{display:flex;gap:var(--space-300);margin-top:var(--space-200)}
.social-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;line-height:20px;font-weight:500}
.social-link .icon{width:20px;height:20px}
.social-link:hover>span{text-decoration:underline;text-underline-offset:4px}
.site-footer{position:relative;padding-block:var(--space-400)}
.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;background:var(--line);height:1px}
.footer-main{display:flex;align-items:center;gap:var(--space-300)}
.footer-main>p{color:var(--muted)}
.back-to-top{display:flex;align-items:center;gap:var(--space-75);margin-left:auto;min-height:44px}
.back-to-top .icon{width:16px;height:16px;transform:rotate(-45deg)}
.footer-bottom{display:flex;align-items:center;gap:var(--space-300);color:var(--muted);margin-top:var(--space-300)}
.footer-bottom a{min-height:32px;display:flex;align-items:center}.footer-bottom a:hover{color:var(--accent)}.photo-credit{margin-left:auto}
.simple-page{padding-block:calc(var(--space-900) + var(--space-700)) var(--space-900);min-height:75vh}
.simple-page>h1{max-width:800px;margin-bottom:var(--space-500)}
.simple-page>p.body-3{max-width:680px;color:var(--muted);margin-bottom:var(--space-300)}
.simple-page>.button{margin-top:var(--space-300)}
[data-reveal]{transition:opacity 700ms var(--curve),transform 700ms var(--curve)}
.will-reveal{opacity:0;transform:translateY(24px)}
.will-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(min-width:1500px){.hero{padding-top:calc(var(--space-900) + var(--space-900));padding-bottom:var(--space-900)}.field-card{height:480px}}
@media(max-width:1100px){
  .container{width:calc(100% - 64px)}.site-header{gap:16px;padding-inline:16px}.desktop-nav{gap:16px}.header-actions{gap:16px}.header-contact{display:none}
  .hero{gap:32px}.hero-art{padding-inline:16px}.field-card{height:420px}.section-heading-row>p{max-width:280px}.section-heading-row{gap:32px}
  .journey-layout{gap:48px}.featured{padding:24px}.orbit-ring-outer{width:300px}.room-code{padding:16px;font-size:12px}.room-channels{gap:4px}.room-channels span{padding:8px 4px}
  .personal{gap:32px}.current-company>div{min-width:200px}.footer-bottom{gap:16px}.photo-credit{max-width:210px;text-align:right}
  .heritage{gap:24px}.heritage-brands{gap:24px}.heritage .scroll-cue{display:none}
}
@media(max-width:850px){
  .site-header{top:16px;width:calc(100% - 32px);min-height:64px;padding:8px 16px}.site-header>.wordmark{font-size:16px}.desktop-nav{display:none}.menu-toggle:not([hidden]){display:block}.header-actions{gap:12px}
  .container{width:calc(100% - 48px)}.hero{gap:24px;padding-top:144px;padding-bottom:64px}.hero h1{font-size:48px;line-height:48px}.hero-art{padding:16px 0 32px}.field-card{height:360px;border-width:4px}.intro-person p{max-width:160px}.hero-description{max-width:340px}.field-card-top{left:16px;right:16px;top:16px}.field-card-top>span{font-size:10px}.field-card figcaption{left:16px;right:16px;bottom:16px}.field-caption{font-size:20px;line-height:28px}.coordinate-note{padding:12px 16px;left:-16px}.coordinate-cross{display:none}
  .heritage{display:block}.heritage-label{display:flex;align-items:center;gap:12px;margin-bottom:24px}.heritage-brands{gap:24px}
  .section{padding-block:64px}.heading-2{font-size:36px;line-height:40px}.section-heading-row>p{max-width:260px}.featured-grid{gap:16px}.featured{padding:24px}.luge-orbit{height:228px}.orbit-ring-outer{width:250px;height:180px}.orbit-ring-inner{width:180px;height:130px}.orbit-node-0{left:0;top:24px}.orbit-node-1{right:-8px;top:64px}.orbit-node-2{bottom:0}.orbit-node{gap:4px;padding:8px}.orbit-node .icon{width:12px;height:12px}.room-diagram{margin-top:32px;margin-bottom:32px}.room-code{padding:16px 12px;font-size:10px;line-height:20px}.room-channels{padding:0 8px 12px}.room-channels .icon{display:none}.project-copy>.body-3{min-height:120px}.project-copy .title-1{font-size:18px;line-height:28px}.project-name{font-size:30px;line-height:36px}
  .current-company{padding:16px;gap:16px}.current-company>p{max-width:220px}.company-arrow{margin-left:0}.repository-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journey-layout{grid-template-columns:1fr;gap:48px}.journey-intro{position:relative;padding-right:240px;min-height:260px}.journey-intro>.body-3{max-width:440px}.dos-computer{position:absolute;right:0;top:8px;width:190px;margin-top:0}.computer-keyboard{width:210px}.journey-events{max-width:600px;margin-left:auto;width:100%}.timeline p{max-width:none}.manifesto{padding-block:64px;gap:24px}.manifesto p{font-size:30px;line-height:36px}
  .note-index{width:24px}.note>a{gap:16px}.note h3{font-size:20px;line-height:28px}.note-meta{gap:12px}.games-grid{gap:16px}.game-copy{padding:24px}.game-copy>.body-6{min-height:100px}.personal{grid-template-columns:1fr;gap:32px}.personal p{max-width:600px}.interests{grid-template-columns:repeat(4,1fr);gap:16px}.interests li{align-items:flex-start;flex-direction:column}.footer-main{gap:16px}.footer-main>p{font-size:12px}.footer-bottom{flex-wrap:wrap;gap:8px 16px}.photo-credit{margin-left:0;max-width:none}.contact-section{padding-block:80px}.contact-section .heading-1{font-size:48px;line-height:48px}
  html:not(.enhanced) .desktop-nav{display:flex;flex-wrap:wrap;gap:8px 16px}html:not(.enhanced) .site-header{position:relative;flex-wrap:wrap;margin-bottom:24px}html:not(.enhanced) .hero{padding-top:48px}
}
@media(max-width:600px){
  .container{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-top:128px;gap:40px;padding-bottom:48px}.intro-person{margin-bottom:24px}.intro-person p{max-width:none}.hero h1{font-size:48px;line-height:48px;margin-bottom:24px}.hero-description{max-width:400px}.hero-copy>.button{margin-top:24px}.hero-art{max-width:400px;width:calc(100% - 32px);margin-inline:auto;padding:0 12px 24px}.field-card{height:330px}.field-card-top>span{font-size:12px}.field-caption{font-size:24px;line-height:32px}.topography{width:115%;height:125%;left:-8%;top:-10%}.coordinate-note{left:-12px;bottom:0}.coordinate-cross{display:block}
  .heritage{padding-block:24px}.heritage-label>.caption-2{font-size:12px;line-height:16px}.heritage-brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.heritage-brands .brand-wazo{width:132px;height:40px}.heritage-brands .brand-lockup{font-size:22px;line-height:32px;gap:8px}
  .section-heading{margin-bottom:32px}.section-heading-row{display:block}.section-heading-row>p{max-width:400px;margin-top:16px}.section-index{margin-bottom:16px}.heading-2{font-size:36px;line-height:40px}.featured-grid{grid-template-columns:1fr;gap:24px}.featured{padding:24px}.luge-orbit{height:240px;max-width:400px;width:100%;margin-inline:auto}.orbit-ring-outer{width:300px;height:208px}.orbit-ring-inner{width:210px;height:150px}.orbit-node-0{top:40px}.orbit-node-1{right:0;top:72px}.orbit-node-2{bottom:8px}.project-copy>.body-3{min-height:0}.project-copy .title-1{font-size:20px;line-height:28px}.project-copy>.text-link{margin-top:16px}.room-diagram{margin:32px 0}.room-code{padding:24px;font-size:12px;line-height:20px}.room-channels{padding:0 16px 16px;gap:8px}.room-channels span{padding:8px}.room-channels .icon{display:block}.current-company{display:grid;grid-template-columns:96px 1fr 24px;gap:16px 12px}.company-logo{height:64px;padding:10px}.company-logo img{width:76px;height:36px}.current-company>div{min-width:0}.current-company>div h3{font-size:16px;line-height:24px}.current-company>p{grid-column:1 / 3;grid-row:2;max-width:none;margin-left:0}.company-arrow{grid-column:3;grid-row:1}
  .open-source{padding-top:16px}.project-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.filters{gap:4px}.filter-button{padding:8px 12px}.repository-grid{grid-template-columns:1fr}.repository-link{padding:24px}.repository-top{margin-bottom:16px}.repository p{min-height:0;margin-bottom:24px}.repository-owner{font-size:12px;line-height:16px}
  .journey-intro{padding-right:0;min-height:0}.journey-intro>.body-3{max-width:350px}.dos-computer{position:relative;top:auto;right:auto;margin:40px auto 0;width:190px}.journey-layout{gap:48px}.timeline>li{grid-template-columns:64px 1fr;gap:24px;padding-bottom:32px}.timeline::before{left:63px}.timeline>li::before{left:60px}.timeline-date{font-size:12px}.timeline h3{font-size:18px;line-height:28px}.ventures{margin-top:8px}.venture{grid-template-columns:80px 1fr 20px;gap:12px}.venture .caption-4{font-size:10px;line-height:16px}.venture>p{font-size:12px;line-height:20px}.timeline-today>p{padding-left:0}
  .manifesto{gap:16px;padding-block:64px}.manifesto>.icon{width:24px;height:24px}.manifesto p{font-size:24px;line-height:32px;letter-spacing:-.03em}.manifesto-line{margin-bottom:8px}
  .notes-section{padding-top:64px}.note>a{padding:24px 0;gap:12px;align-items:flex-start}.note-index{display:none}.note-body{min-width:0}.note-meta{flex-wrap:wrap;gap:8px;font-size:10px;line-height:16px}.note h3{font-size:20px;line-height:28px}.note-year{display:none}.note-arrow{width:36px;height:36px;align-self:center}.notes-more{justify-content:flex-start}
  .games-grid{grid-template-columns:1fr;gap:24px}.game-copy{padding:24px}.game-copy>.body-6{min-height:0}.game-visual{height:220px}.dnd-credit{font-size:12px;line-height:16px;margin-top:16px}.personal{margin-top:48px;padding-top:32px}.interests{grid-template-columns:1fr 1fr;gap:24px}.interests li{flex-direction:row;align-items:center;gap:12px}.interests .caption-1{font-size:12px;line-height:16px}
  .contact-section{padding-block:64px}.contact-section .heading-1{font-size:36px;line-height:40px}.contact-section>p.body-3{margin:24px 0 32px}.email-line{font-size:12px;gap:4px}.contact-socials{gap:24px}.footer-main{flex-wrap:wrap;gap:8px}.footer-main>p{width:100%;order:3}.footer-main .wordmark{font-size:16px}.back-to-top{font-size:12px}.footer-bottom{gap:8px 16px;margin-top:24px}.footer-bottom>span{width:100%}.footer-bottom .photo-credit{width:100%}.site-footer{padding-block:24px 32px}.simple-page{padding-top:144px;padding-bottom:64px}.simple-page>h1{font-size:36px;line-height:40px}.simple-page .body-3{overflow-wrap:anywhere}
}
@media(max-width:370px){.hero h1{font-size:36px;line-height:40px}.site-header>.wordmark>span:last-child{font-size:14px}.brand-mark{width:32px;height:32px}.header-actions{gap:4px}.language-switch{gap:4px}.room-code{font-size:10px;padding:16px}.heritage-brands{gap:12px}.heritage-label{gap:8px}.orbit-ring-outer{width:260px}.interests{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}.reveal-word{opacity:1!important}.repository:hover,.button:hover{transform:none}.note>a:hover .note-arrow{transform:none}}