:root{--bg: #242424;--fg: #d2d2d2;--fg-dim: #888888;--accent: #ddff00;--black: #000000;--white: #ffffff;--gutter: clamp(16px, 2.2vw, 32px);--rule: 1px solid rgba(210, 210, 210, .14);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:Geist,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.4;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased}.scroll{position:fixed;inset:0;will-change:transform}.scroll__inner{will-change:transform}.mono{font-family:Geist Mono,ui-monospace,SF Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}canvas{display:block}@media (hover: hover) and (pointer: fine){body,a,button,[data-hover]{cursor:none}}.loader{position:fixed;inset:0;z-index:70;background:var(--bg);display:grid;place-items:center;transition:opacity .45s var(--ease)}.loader.is-done{opacity:0;pointer-events:none}.loader__inner{display:flex;flex-direction:column;align-items:center;gap:12px}.loader__row{display:flex;align-items:center;gap:14px}.loader__glyphs{display:flex;gap:6px}.loader__glyphs svg{width:15px;height:15px;fill:none;stroke:var(--fg-dim);stroke-width:1}.loader__row canvas{image-rendering:pixelated}.loader__pct{margin:0;color:var(--fg-dim)}.book-call{position:fixed;right:calc(clamp(16px,2vw,32px) + env(safe-area-inset-right,0px));bottom:calc(clamp(16px,2.5vh,30px) + env(safe-area-inset-bottom,0px));z-index:65;padding:14px 22px;background:var(--accent);color:var(--black);font-weight:600;letter-spacing:.08em;box-shadow:0 10px 34px #ddff0047;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.book-call:hover{transform:translateY(-2px);box-shadow:0 14px 40px #df06}.book-call--angry{box-shadow:0 10px var(--halo-blur, 38px) rgba(255,62,62,var(--halo-a, .55));transition:transform .25s var(--ease)}.book-call--calm{box-shadow:0 10px 38px #7fd0ff8c}.book-note{position:fixed;right:calc(clamp(16px,2vw,32px) + env(safe-area-inset-right,0px));bottom:calc(clamp(16px,2.5vh,30px) + 56px + env(safe-area-inset-bottom,0px));z-index:65;font-weight:600;text-align:right;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease),color .3s var(--ease)}.book-note.is-on{opacity:1;transform:none}.cursor{position:fixed;top:0;left:0;width:26px;height:26px;margin:-13px 0 0 -13px;pointer-events:none;z-index:90;mix-blend-mode:difference;transform:translate3d(-100px,-100px,0);transition:opacity .3s var(--ease)}.cursor svg{width:100%;height:100%;stroke:var(--white);stroke-width:1.25;fill:none}.cursor--active svg{stroke:var(--accent)}@media (hover: none),(pointer: coarse){.cursor{display:none}}.chrome{position:fixed;z-index:60;left:0;right:0;top:calc(var(--app-h, 100vh) * .46);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--gutter);padding:0 var(--gutter);pointer-events:none}.chrome>*{pointer-events:auto}.chrome__logo{font-weight:800;font-size:clamp(15px,1.5vw,21px);letter-spacing:-.03em;font-style:italic}.chrome__logo i{font-style:normal;color:var(--accent)}body.over-light .chrome__logo i{color:var(--black)}.chrome__coords{justify-self:end;color:var(--fg-dim)}.chrome__coords i{font-style:normal;color:var(--fg);display:inline-block;min-width:3.2ch}.chrome__menu{background:var(--fg);color:var(--bg);padding:10px 22px;font-weight:500;transition:background .35s var(--ease),color .35s var(--ease)}.chrome__menu:hover{background:var(--accent)}@media (max-width: 900px){.chrome{grid-template-columns:1fr auto;top:auto;bottom:var(--gutter)}.chrome__coords{display:none}}.hero{position:relative;height:var(--app-h, 100vh);display:flex;flex-direction:column;justify-content:flex-start}.display{margin:0;padding:0 .012em;font-weight:800;letter-spacing:-.035em;line-height:.82;text-transform:uppercase;color:#d2d2d2}.display__line{display:block;overflow:hidden}.display__line>span{display:block;font-size:clamp(3rem,15.2vw,20rem);transform:translate3d(0,105%,0);will-change:transform}.hero__title{padding-top:.02em}.hero__mark{position:absolute;top:calc(var(--app-h, 100vh) * .41);left:50%;translate:-50% 0;width:26px;height:26px;opacity:0}.hero__mark svg{width:100%;height:100%;fill:none;stroke:var(--fg);stroke-width:1}.hero__spiral{position:absolute;inset:0}.hero__canvas{width:100%;height:100%}.hero__label{position:absolute;top:0;left:0;margin:14px 0 0 14px;display:block;width:calc(var(--n, 4) * 1ch + 16px);height:22px;pointer-events:none;opacity:0;transition:opacity .14s var(--ease);will-change:transform}.hero__label.is-on{opacity:1}.hero__label__rule{position:absolute;left:0;right:0;top:50%;height:2px;background:var(--accent)}.hero__label__fill{position:absolute;top:0;left:0;height:100%;padding:0 8px;display:flex;align-items:center;background:var(--accent);color:var(--black);font-weight:500;white-space:pre}.hero__crosses{position:absolute;inset:34% 6% 6%;pointer-events:none}.cross{position:absolute;width:13px;height:13px;opacity:.5}.cross:before,.cross:after{content:"";position:absolute;background:var(--fg)}.cross:before{left:50%;top:0;width:1px;height:100%}.cross:after{top:50%;left:0;height:1px;width:100%}.cross--tl{top:0;left:0}.cross--tr{top:0;right:0}.cross--bl{bottom:0;left:0}.cross--br{bottom:0;right:0}.rail{border-top:var(--rule);border-bottom:var(--rule);padding:18px 0;overflow:hidden;white-space:nowrap}.rail__track{display:inline-flex;will-change:transform}.rail__item{display:inline-flex;align-items:center;gap:.5em;padding-right:.5em;font-weight:700;font-size:clamp(1.6rem,4.4vw,4.4rem);letter-spacing:-.03em;text-transform:uppercase}.rail__item em{font-style:normal;color:var(--fg-dim);font-size:.5em}.rail--accent{background:var(--accent);color:var(--black);border-color:transparent}.rail--accent .rail__item em{color:#00000073}.statement{padding:clamp(90px,16vh,200px) var(--gutter);display:grid;grid-template-columns:1.15fr .85fr;gap:var(--gutter);align-items:end}.statement__title{margin:0;font-weight:800;font-size:clamp(2.4rem,7.4vw,8.4rem);line-height:.86;letter-spacing:-.035em;text-transform:uppercase}.statement__body{margin:0 0 .4em;max-width:46ch;font-size:clamp(14px,1.25vw,18px);line-height:1.5;color:var(--fg)}@media (max-width: 820px){.statement{grid-template-columns:1fr;align-items:start}}[data-pixel-title]{position:relative}[data-pixel-title] canvas{position:absolute;top:0;left:0;width:100%;image-rendering:pixelated;pointer-events:none}[data-pixel-title].is-ready{color:transparent}.caps{padding:0 var(--gutter) clamp(70px,12vh,150px)}.caps__label{color:var(--fg-dim);margin:0 0 18px}.caps__list{list-style:none;margin:0;padding:0;border-top:var(--rule)}.caps__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gutter);padding:clamp(14px,2.1vh,26px) 0;border-bottom:var(--rule);transition:color .4s var(--ease),padding-left .5s var(--ease)}.caps__row:hover{color:var(--accent);padding-left:14px}.caps__name{font-size:clamp(1.15rem,3vw,2.6rem);font-weight:500;letter-spacing:-.02em}.caps__num{color:var(--fg-dim);flex:none}.caps__row:hover .caps__num{color:var(--accent)}.work{padding:0 var(--gutter) clamp(70px,12vh,150px)}.work__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter);align-items:start}.work__item{margin:0}.work__item:nth-child(2n){transform:translateY(clamp(20px,6vh,70px))}.work__item canvas{image-rendering:pixelated;width:100%;height:auto;background:#1b1b1b}.work__item figcaption{display:flex;justify-content:space-between;padding-top:10px;color:var(--fg-dim)}.work__item:hover figcaption{color:var(--fg)}@media (max-width: 820px){.work__grid{grid-template-columns:1fr}.work__item:nth-child(2n){transform:none}}.studio{padding:clamp(70px,12vh,150px) var(--gutter)}.studio__label{color:var(--fg-dim);margin:0 0 18px}.studio__canvas{width:100%;height:calc(var(--app-h, 100vh) * .72);display:block}.studio__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--gutter);align-items:end;padding-top:clamp(30px,6vh,70px)}.studio__title{margin:0;font-weight:800;font-size:clamp(2.2rem,6.8vw,7.6rem);line-height:.86;letter-spacing:-.035em;text-transform:uppercase}.studio__body{margin:0 0 .4em;max-width:46ch;font-size:clamp(14px,1.25vw,18px);line-height:1.5}@media (max-width: 820px){.studio__grid{grid-template-columns:1fr;align-items:start}}.hq{position:relative;overflow:hidden;min-height:var(--app-h, 100vh);padding:clamp(50px,8vh,110px) var(--gutter) var(--gutter);background:linear-gradient(180deg,#d9d8d4 0%,#d8d7d2 40%,var(--accent) 96%);color:var(--black)}.hq__figure{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.hq__head,.hq__cols{position:relative;z-index:1}.hq__line{position:absolute;z-index:1;background:#2424244d;pointer-events:none}.hq__line--h{left:0;right:0;top:0;height:1px}.hq__line--v{top:0;bottom:0;left:0;width:1px}.hq__title{margin:0;display:inline-block;font-weight:800;font-size:clamp(2.6rem,8.5vw,10rem);line-height:.95;letter-spacing:-.03em;text-transform:uppercase;color:var(--black)}.hq__tag{margin:clamp(10px,1.6vh,20px) 0 0;font-weight:700;font-size:clamp(11px,1vw,14px);letter-spacing:.02em;text-transform:uppercase}.hq__cols{display:flex;flex-direction:column;gap:clamp(18px,3vh,30px);margin-top:clamp(96px,16vh,190px);max-width:340px}.hq__col{display:flex;gap:20px}.hq__col .hq__key{flex:0 0 84px;color:#2424248c}.hq__list{display:flex;flex-direction:column;gap:3px}.hq__list a{padding:1px 0}.hq__list a:hover{color:#24242499}.hq__chip{position:absolute;top:0;left:0;z-index:3;margin:-46px 0 0 -12px;padding:6px 10px;background:var(--accent);color:var(--black);font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s var(--ease)}.hq__chip.is-on{opacity:1}body.over-light .chrome__logo,body.over-light .chrome__coords,body.over-light .chrome__coords i{color:var(--black)}.menu{position:fixed;inset:0;z-index:80;display:grid;place-items:center}.menu[hidden]{display:none}.menu__canvas{position:absolute;inset:0;width:100%;height:100%}.menu__nav{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(2px,1vh,10px);opacity:0}.menu__nav a{font-weight:800;font-size:clamp(2.4rem,9vw,8rem);line-height:1;letter-spacing:-.04em;text-transform:uppercase;color:var(--bg);transition:color .35s var(--ease)}.menu__nav a:hover{color:var(--accent)}.menu__close{position:absolute;top:var(--gutter);right:var(--gutter);color:var(--bg);opacity:0}.rail:not(.rail--accent),.statement,.caps,.work{position:relative;background:var(--bg)}.rail--accent{position:relative}.hero+.rail{box-shadow:0 -44px 70px #00000073}body.page-legal{overflow:auto;overscroll-behavior:auto}.legal{min-height:100vh;padding:clamp(90px,14vh,160px) var(--gutter) clamp(60px,10vh,120px);background:var(--bg)}.legal__title{font-size:clamp(42px,9vw,128px);margin:0 0 clamp(28px,4vh,52px)}.legal__meta{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0 0 clamp(40px,6vh,72px);padding-bottom:clamp(24px,3vh,36px);border-bottom:var(--rule);color:var(--fg-dim)}.legal__body{max-width:68ch}.legal__body h2{margin:clamp(34px,5vh,56px) 0 12px;font-size:clamp(15px,1.5vw,18px);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.legal__body h2:first-child{margin-top:0}.legal__body p,.legal__body li{margin:0 0 14px;font-size:clamp(14px,1.15vw,16.5px);line-height:1.62;color:var(--fg)}.legal__body ul{margin:0 0 14px;padding-left:1.1em}.legal__body li{margin-bottom:8px}.legal__body a{color:var(--accent);text-decoration:none}.legal__body a:hover{text-decoration:underline}.legal__todo{padding:1px 7px;background:#ddff0024;border-bottom:1px dashed var(--accent);color:var(--accent)}.legal__back{display:inline-block;margin-top:clamp(46px,7vh,80px);padding-top:clamp(24px,3vh,36px);border-top:var(--rule);color:var(--fg-dim);text-decoration:none}.legal__back:hover{color:var(--fg)}@media (max-width: 700px){.chrome{top:var(--gutter);bottom:auto;grid-template-columns:1fr auto}.hero{padding:17.5vh 6vw 0}.display__line>span{font-size:12.2vw}.hero__mark{position:static;margin:20px auto 0;translate:none}.hero__crosses{inset:44% 5% 7%}.hq__cols{margin-top:clamp(28px,5vh,56px)}.hq__title{font-size:clamp(1.55rem,7.4vw,2.6rem);max-width:100%}.book-call{padding:12px 16px;font-size:12px}.book-note{font-size:10px;bottom:calc(clamp(16px,2.5vh,30px) + 46px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.display__line>span{transform:none!important}}
