@font-face{font-family: 'Schibsted Grotesk';src: url('../assets/fonts/schibsted-grotesk-latin.woff2') format('woff2');font-weight: 400 800;font-style: normal;font-display: swap;unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Schibsted Grotesk';src: url('../assets/fonts/schibsted-grotesk-latin-ext.woff2') format('woff2');font-weight: 400 800;font-style: normal;font-display: swap;unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*,*::before,*::after{box-sizing: border-box}body,h1,h2,p,figure{margin: 0} @media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}} main[id],main section[id]{scroll-margin-top: max(96px,16vh)}:root{--bg: #07070A;--soil: #1A1410;--ink: #F4F2EC;--muted: #A9A499;--accent: #72bd02;--line: rgba(255,255,255,.12);--sans: 'Schibsted Grotesk',system-ui,sans-serif; --logo-h: 22px}body{background: var(--bg);color: var(--ink);font-family: var(--sans);-webkit-font-smoothing: antialiased;overflow-x: hidden}.site-header{position: fixed;inset: 0 0 auto 0;z-index: 60;display: flex;align-items: center;justify-content: space-between;padding: 18px clamp(18px,4vw,44px)}.brand{display: block;color: var(--ink);text-decoration: none}.brand img{display: block;height: var(--logo-h);width: auto} .nav-toggle{display: none;appearance: none;background: none;border: 0;padding: 6px 0;cursor: pointer;font: 400 12px var(--sans);letter-spacing: .18em;text-transform: uppercase;color: var(--ink);opacity: .75}.nav-toggle:hover,.nav-toggle:focus-visible{opacity: 1}.site-nav{display: flex;gap: 22px}.site-nav a{color: var(--ink);text-decoration: none;font-size: 13px;font-weight: 500;opacity: .75}.site-nav a:hover,.site-nav a:focus-visible{opacity: 1} .enhanced .brand,.enhanced .site-nav{transition: opacity .4s ease,visibility 0s}.enhanced .site-header.faded .brand,.enhanced .site-header.faded .site-nav{opacity: 0;visibility: hidden;transition: opacity .4s ease,visibility 0s linear .4s} .timetravel{display: none}.enhanced .timetravel{position: absolute;left: 50%;transform: translateX(-50%);display: grid;justify-items: center;gap: 10px;transition: opacity .4s ease,visibility 0s} .enhanced .timetravel.faded{opacity: 0;visibility: hidden;transition: opacity .4s ease,visibility 0s linear .4s}.timetravel-row{display: flex;align-items: baseline;gap: 20px} .timetravel-readout{font: 400 16px var(--sans);letter-spacing: .12em;color: var(--ink);font-variant-numeric: tabular-nums}.timetravel-now,.timetravel-play,.timetravel-speed{appearance: none;background: none;border: 0;padding: 0;cursor: pointer;font: 400 12px var(--sans);letter-spacing: .18em;text-transform: uppercase;color: var(--accent)} .timetravel-now[disabled]{color: rgba(255,255,255,.28);cursor: default} .timetravel-play{font-size: 14px;letter-spacing: 0;line-height: 1}.timetravel-speed{min-width: 2.2em;text-align: left}.timetravel-slider{appearance: none;-webkit-appearance: none;width: clamp(140px,18vw,230px);height: 14px;background: none;cursor: pointer}.timetravel-slider::-webkit-slider-runnable-track{height: 2px;background: var(--line);border-radius: 2px}.timetravel-slider::-moz-range-track{height: 2px;background: var(--line);border-radius: 2px}.timetravel-slider::-webkit-slider-thumb{-webkit-appearance: none;width: 11px;height: 11px;border-radius: 50%;background: var(--ink);margin-top: -4.5px}.timetravel-slider::-moz-range-thumb{width: 11px;height: 11px;border: 0;border-radius: 50%;background: var(--ink)}.visually-hidden{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.surface{position: relative;padding: 26vh clamp(20px,5vw,80px) 12vh}.surface-scene{display: none} .surface-copy h1{font: inherit}.surface-copy .h1-line{display: block;font-size: clamp(34px,6vw,76px);font-weight: 700; line-height: 1.02;letter-spacing: -.03em;max-width: 20ch;text-wrap: balance}.surface-copy .h1-sub{display: block;font-size: clamp(16px,2vw,20px);font-weight: 400;line-height: 1.45;letter-spacing: 0;color: var(--muted)} .surface-copy .h1-line + .h1-sub{margin-top: 22px}.scroll-hint{margin-top: 40px;font: 400 11px var(--sans);letter-spacing: .2em;text-transform: uppercase;color: rgba(255,255,255,.5)}.underground{position: relative;background: var(--soil);padding: 8vh clamp(20px,5vw,80px)}.overlay{display: none}.pocket{max-width: 46ch;padding: 8vh 0}.pocket-label{font: 700 11px var(--sans);letter-spacing: .18em;text-transform: uppercase;color: var(--accent);margin-bottom: 14px}.pocket h2{font-size: clamp(24px,3.2vw,40px);font-weight: 700;line-height: 1.06;letter-spacing: -.025em}.pocket-body{margin-top: 14px;font-size: 16px;line-height: 1.6;color: var(--muted)} .pocket--wide{max-width: 60ch}.logo-grid{list-style: none;margin: 30px 0 0;padding: 0; display: grid;grid-template-columns: repeat(auto-fill,minmax(120px,1fr));gap: 22px 28px;align-items: center} .logo-grid li{grid-column: span var(--span,1);display: flex;align-items: center;justify-content: center;height: 52px;padding: 0 8px} .logo-marquee{display: none} .wall--marquee .logo-grid{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.wall--marquee .logo-marquee{display: grid;gap: 12px;margin-top: 26px} .logo-row{overflow: hidden}.logo-track{list-style: none;margin: 0;padding: 0;display: flex;width: max-content;will-change: transform}.logo-track li{flex: 0 0 auto;padding: 0;display: flex;align-items: center;justify-content: center} .logo-track img{display: block;width: 100%;object-fit: contain;object-position: center;transform: translateY(var(--y,0));filter: brightness(0) invert(1);opacity: .55}.logo-grid img{ display: block;width: 100%;height: 100%;object-fit: contain;object-position: center; transform: translateY(var(--y,0)) scale(var(--s,1)); filter: brightness(0) invert(1);opacity: .55}.work-slider{margin-top: 30px}.work-track{list-style: none;margin: 0;padding: 0;position: relative} .work-slide{margin-bottom: 26px}.work-slider.is-live .work-slide{display: none;margin-bottom: 0}.work-slider.is-live .work-slide.is-current{display: block}.work-shot{display: block;width: 100%;aspect-ratio: 16 / 10;object-fit: cover;object-position: top center;border-radius: 10px;border: 1px solid rgba(255,255,255,.12);background: #191512}.work-link{display: block;text-decoration: none;color: inherit}.work-link:hover .work-shot{border-color: var(--accent)}.work-link:hover .work-caption{color: var(--ink)}.work-caption{margin-top: 14px;font-size: 16px;color: var(--muted)}.work-ext{color: var(--accent)}.work-controls{display: none;align-items: center;gap: 16px;margin-top: 18px}.work-slider.is-live .work-controls{display: flex}.work-arrow{width: 40px;height: 40px;border-radius: 50%;cursor: pointer;border: 1px solid rgba(255,255,255,.22);background: transparent;color: inherit;font-size: 16px;line-height: 1}.work-arrow:hover{border-color: var(--accent);color: var(--accent)}.work-count{font: 400 11px var(--sans);letter-spacing: .18em;color: var(--muted)} .burrow{--burrow-foot: 14vh;text-align: center;padding: 5vh clamp(20px,5vw,80px) var(--burrow-foot);background: var(--soil)}.burrow h2{font-size: clamp(28px,5vw,56px);font-weight: 700;letter-spacing: -.03em}.burrow p{margin-top: 16px;color: var(--muted);max-width: 46ch;margin-inline: auto}.burrow-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 14px;margin-top: 30px}.button{display: inline-flex;align-items: center;gap: 10px;padding: 15px 26px;border-radius: 8px;border: 1px solid var(--accent);background: var(--accent);color: #0B0B0A;font-weight: 700;font-size: 15px;text-decoration: none}.button svg{width: 18px;height: 18px;flex: none}.button:hover{filter: brightness(1.08)} .button--ghost{background: transparent;border-color: rgba(255,255,255,.28);color: var(--ink)}.button--ghost:hover{filter: none;border-color: var(--accent);color: var(--accent)} .colophon{margin-top: 40px;margin-bottom: calc(32px - var(--burrow-foot));padding-top: 22px;border-top: 1px solid rgba(255,255,255,.08);width: min(420px,100%);margin-inline: auto}.colophon p{margin-top: 0;font-size: 12px;letter-spacing: .06em;color: var(--muted);opacity: .8}.depth-readout{display: none}:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px} .skip-link{position: absolute;left: -9999px;top: 0;z-index: 100;background: var(--accent);color: #0B0B0A;font-weight: 700;padding: 12px 18px;text-decoration: none}.skip-link:focus{left: 8px;top: 8px} @media (max-width: 899px){.site-header{flex-wrap: wrap;row-gap: 12px;padding: 14px clamp(16px,4vw,28px)}.nav-toggle{display: block} .site-nav{display: none;position: absolute;top: 100%;right: clamp(16px,4vw,28px);flex-direction: column;gap: 2px;text-align: right;padding: 10px 16px;border: 1px solid var(--line);border-radius: 10px;background: rgba(7,7,10,.92);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px)}.site-nav.open{display: flex} .site-nav a{font-size: 15px;opacity: .9;padding: 11px 0} .enhanced .timetravel{position: static;left: auto;transform: none;order: 3;width: 100%;justify-items: stretch;gap: 12px} .timetravel-row{align-items: center;gap: 18px}.timetravel-now,.timetravel-play,.timetravel-speed{display: inline-flex;align-items: center;min-height: 44px} .timetravel-slider{width: 100%}.timetravel-slider::-webkit-slider-thumb{width: 16px;height: 16px;margin-top: -7px}.timetravel-slider::-moz-range-thumb{width: 16px;height: 16px}} @media (max-width: 767px){ .enhanced #clients{max-width: none}.logo-grid{grid-template-columns: repeat(auto-fill,minmax(84px,1fr));gap: 14px 16px;margin-top: 24px}.logo-grid li{height: 42px;padding: 0 4px}} @media (max-width: 420px){:root{--logo-h: 18px}}.enhanced .surface{--copy-top: clamp(112px,19vh,240px); min-height: var(--ground-y,100vh);padding: var(--copy-top) 0 0;display: grid;align-content: start;position: relative}.enhanced .surface-scene{display: block;position: absolute;inset: 0;overflow: hidden;z-index: 0} .enhanced:not(.scene-placed) .surface-scene{visibility: hidden} .enhanced .sky{position: absolute;inset: 0;background-image: radial-gradient(120% 78% at 50% 100%,#2A3348 0%,#161B2B 38%,#0B0E18 70%,#06070D 100%)} .enhanced .sky-layer{position: absolute;inset: 0;will-change: opacity}.enhanced .sky-fade{opacity: 0}.enhanced .stars{position: absolute;inset: 0} .enhanced .star--twinkle{animation: star-twinkle var(--tw-ms,4s) ease-in-out var(--tw-d,0ms) infinite alternate} @keyframes star-twinkle{from{opacity: var(--star-o,.4);scale: 1}to{opacity: calc(var(--star-o,.4) * var(--tw-lo,.5));scale: var(--tw-s,.6)}} .enhanced .wish{position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;translate: var(--wish-x,0) var(--wish-y,0);rotate: var(--wish-a,160deg);--wish-len: 180px; --wish-travel: 300px; --wish-ms: 1100ms; --wish-w: 2px;--wish-head: 3px} .enhanced .wish-tail,.enhanced .wish-head{position: absolute;opacity: 0;will-change: translate,opacity} .enhanced .wish-tail{left: calc(var(--wish-len) * -1);top: calc(var(--wish-w) / -2);width: var(--wish-len);height: var(--wish-w);transform-origin: 100% 50%;border-radius: 999px;filter: blur(.4px);background: linear-gradient(to right,transparent 0%,rgba(150,185,255,.25) 30%,rgba(214,230,255,.75) 78%,#FFFFFF 100%);will-change: translate,scale,opacity} .enhanced .wish-head{left: calc(var(--wish-head) / -2);top: calc(var(--wish-head) / -2);width: var(--wish-head);height: var(--wish-head);border-radius: 50%;background: #FFFFFF;box-shadow: 0 0 5px 1.5px rgba(255,255,255,.95),0 0 16px 5px rgba(176,206,255,.50),0 0 34px 12px rgba(140,175,255,.22)} @keyframes wish-fly{to{translate: var(--wish-travel) 0}}@keyframes wish-grow{from{scale: 0 1}to{scale: 1 1}}@keyframes wish-fade{0%{opacity: 0}12%{opacity: 1}70%{opacity: 1}100%{opacity: 0}}.enhanced .wish--fire .wish-tail{animation: wish-fly var(--wish-ms) cubic-bezier(.15,.55,.35,1) forwards,wish-grow calc(var(--wish-ms) * .55) cubic-bezier(.2,.8,.4,1) forwards,wish-fade var(--wish-ms) linear forwards}.enhanced .wish--fire .wish-head{animation: wish-fly var(--wish-ms) cubic-bezier(.15,.55,.35,1) forwards,wish-fade var(--wish-ms) linear forwards} .enhanced .birds{position: absolute;inset: 0;opacity: 0; --bird-w: 14px; --bird-t: 2.2px; --bird-ink: rgba(30,36,48,.85); --flap-up: -14deg; --flap-down: 24deg; --bird-bob: 4px} .enhanced .birds--debug{--bird-w: 44px;--bird-t: 7px;--bird-ink: #FF0000;--bird-bob: 10px} .enhanced .flock{position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;scale: var(--flock-flip,1) 1}.enhanced .birds--fly .flock{opacity: 1;animation: birds-cross var(--birds-ms,30s) linear forwards} @keyframes birds-cross{from{translate: var(--birds-from,0) 0}to{translate: var(--birds-to,0) 0}} .enhanced .bird{position: absolute;width: var(--bird-w);height: var(--bird-t);opacity: var(--bird-o,.7);scale: var(--bird-s,1);animation: bird-bob var(--bob-ms,3.4s) ease-in-out infinite alternate} .enhanced .bird::before{content: '';position: absolute;top: 0;left: 0;width: 50%;height: 100%;background: var(--bird-ink);border-radius: 999px;transform-origin: 100% 50%;animation: flap-left var(--flap-ms,.5s) var(--flap-delay,0ms) ease-in-out infinite alternate}.enhanced .bird::after{content: '';position: absolute;top: 0;right: 0;width: 50%;height: 100%;background: var(--bird-ink);border-radius: 999px;transform-origin: 0 50%;animation: flap-right var(--flap-ms,.5s) var(--flap-delay,0ms) ease-in-out infinite alternate} @keyframes flap-left{from{rotate: var(--flap-up)}to{rotate: var(--flap-down)}}@keyframes flap-right{from{rotate: calc(var(--flap-up) * -1)}to{rotate: calc(var(--flap-down) * -1)}}@keyframes bird-bob{from{translate: 0 calc(var(--bird-bob) / -2)}to{translate: 0 calc(var(--bird-bob) / 2)}}.enhanced .moon,.enhanced .sun{position: absolute;border-radius: 50%} .enhanced .moon{background: #F2EFE2;box-shadow: 0 0 70px 26px rgba(238,234,214,.20),0 0 180px 70px rgba(180,196,225,.12); --moon-texture: url("../assets/sky/moon-photo.webp");--moon-detail: .45} .enhanced .moon::after{content: '';position: absolute;inset: 0;border-radius: inherit;background: var(--moon-texture,none) center / 100% 100% no-repeat;opacity: var(--moon-detail,0)} .enhanced .sun{background: #FFF6DF;box-shadow: 0 0 90px 34px rgba(255,226,160,.35),0 0 260px 120px rgba(255,186,110,.22)}.enhanced .fog{position: absolute;left: -10%;width: 120%;height: 190px;background: linear-gradient(to top,rgba(150,168,200,.20),transparent);filter: blur(22px)} .enhanced .terrain{position: absolute;left: 0;bottom: 0;width: 100%}.enhanced .band{position: absolute;inset: 0;will-change: transform} .enhanced .band-layer{position: absolute;inset: 0;background-repeat: no-repeat;background-size: cover; background-position-x: var(--band-anchor,50%);background-position-y: bottom;will-change: opacity} .enhanced .band-layer + .band-layer{opacity: 0} .smoke{display: none}.enhanced .smoke{display: block;position: absolute;pointer-events: none; width: 0;height: 0} .enhanced .stars,.enhanced .wish,.enhanced .birds,.enhanced .fog,.enhanced .terrain,.enhanced .sky,.enhanced .sky-layer{pointer-events: none} .enhanced .body--grabbable{pointer-events: auto;touch-action: none;cursor: grab}.enhanced .body--held{cursor: grabbing} .enhanced.batsig-on .body--grabbable{cursor: default} .window-glow{display: none}.enhanced .window-glow{display: block;position: absolute;pointer-events: none; width: 0;height: 0; background: url("../assets/terrain/window-glow.webp?v=5") 0 0 / 100% 100% no-repeat;mix-blend-mode: screen; opacity: calc(var(--fire-night,0) * var(--fire-k,1));animation: fire-flicker var(--fire-ms,8.7s) linear infinite} @property --fire-k{syntax: '<number>';inherits: false;initial-value: 1} @keyframes fire-flicker{0%{--fire-k: 1}4%{--fire-k: .88}9%{--fire-k: .96}15%{--fire-k: .79}19%{--fire-k: .93}26%{--fire-k: .85}31%{--fire-k: .99}38%{--fire-k: .90}44%{--fire-k: .72}49%{--fire-k: .87}56%{--fire-k: .97}62%{--fire-k: .83}67%{--fire-k: .94}73%{--fire-k: .77}79%{--fire-k: .91}86%{--fire-k: 1}92%{--fire-k: .86}100%{--fire-k: 1}} .wood,.wood-block{display: none}.enhanced .wood,.enhanced .wood-block{display: block;position: absolute;pointer-events: none; width: 0;height: 0}.enhanced .wood{ overflow: visible; transform-origin: 42.857% 86.667%}.enhanced .wood-block{background: var(--soil-top,#23262f); border-radius: 30% 30% 0 0}.wood-head{fill: var(--soil-top,#23262f)}.wood-bit{fill: var(--soil-top,#23262f);stroke-linejoin: round}.wood-limb{fill: none;stroke: var(--soil-top,#23262f); stroke-linecap: round;stroke-width: 4.2} .wood-torso{stroke-width: 6.0}.wood-sleeve{stroke-width: 3.6}.wood-haft{stroke-width: 2.4}.wood-arm{transform-box: view-box;transform-origin: 24px 22px} .wood-leg{transform-box: view-box;transform-origin: 24px 37px} .wood-body{transform-box: view-box;transform-origin: 24px 52px} .wood{--wood-chop-ms: 1500ms;--wood-walk-ms: 560ms} .wood--chop .wood-arm{animation: wood-chop var(--wood-chop-ms) infinite}.wood--chop .wood-body{animation: wood-heave var(--wood-chop-ms) infinite}@keyframes wood-chop{0%,4%{transform: rotate(0deg);animation-timing-function: cubic-bezier(.25,0,.4,1)}42%{transform: rotate(-146deg);animation-timing-function: ease-in-out}72%{transform: rotate(-156deg);animation-timing-function: cubic-bezier(.65,0,1,.45)}82%,100%{transform: rotate(0deg)}} @keyframes wood-heave{0%,4%{transform: translateY(.9px)}42%,72%{transform: translateY(-.5px)}82%,100%{transform: translateY(.9px)}} .wood--walk .wood-arm{transform: rotate(-138deg)}.wood--walk .wood-body{animation: wood-bob calc(var(--wood-walk-ms) / 2) infinite}.wood--walk .wood-leg--front{animation: wood-stride var(--wood-walk-ms) infinite}.wood--walk .wood-leg--back{animation: wood-stride var(--wood-walk-ms) infinite reverse}@keyframes wood-stride{0%,100%{transform: rotate(26deg)}50%{transform: rotate(-26deg)}}@keyframes wood-bob{0%,100%{transform: translateY(0)}50%{transform: translateY(-1.1px)}} .wood-sprite.wood--in{animation: none;-webkit-mask-image: url(../assets/terrain/wood-walk.webp?v=1);mask-image: url(../assets/terrain/wood-walk.webp?v=1);-webkit-mask-size: var(--wood-walk-sheet) 100%;mask-size: var(--wood-walk-sheet) 100%;-webkit-mask-position: calc(var(--wood-walk-sheet) / -16 * 4) 0;mask-position: calc(var(--wood-walk-sheet) / -16 * 4) 0} .wood.wood--in .wood-leg,.wood.wood--in .wood-body{animation: none;transform: none}.wood.wood--in .wood-arm{animation: none;transform: rotate(-138deg)} .wood-sprite{display: none}.enhanced .wood-sprite{display: block;position: absolute;pointer-events: none;width: 0;height: 0;background: var(--soil-top,#23262f); background-size: 0 0;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat} .wood-sprite.wood--walk{animation: wood-walk-sheet var(--wood-walk-ms) steps(16) infinite;-webkit-mask-size: var(--wood-walk-sheet) 100%;mask-size: var(--wood-walk-sheet) 100%}@keyframes wood-walk-sheet{from{-webkit-mask-position: 0 0;mask-position: 0 0}to{-webkit-mask-position: calc(-1 * var(--wood-walk-sheet)) 0;mask-position: calc(-1 * var(--wood-walk-sheet)) 0}} .wood-sprite{--wood-chop-ms: 8130ms;--wood-walk-ms: 1250ms}.wood-sprite.wood--chop{animation: wood-chop-sheet var(--wood-chop-ms) steps(72) infinite;-webkit-mask-size: var(--wood-chop-sheet) 100%;mask-size: var(--wood-chop-sheet) 100%}@keyframes wood-chop-sheet{from{-webkit-mask-position: 0 0;mask-position: 0 0}to{-webkit-mask-position: calc(-1 * var(--wood-chop-sheet)) 0;mask-position: calc(-1 * var(--wood-chop-sheet)) 0}} .wood-sprite.wood--chop{-webkit-mask-image: url(../assets/terrain/wood-chop.webp?v=1);mask-image: url(../assets/terrain/wood-chop.webp?v=1)}.wood-sprite.wood--walk{-webkit-mask-image: url(../assets/terrain/wood-walk.webp?v=1);mask-image: url(../assets/terrain/wood-walk.webp?v=1)} .wood-sprite.wood--chop{background-image: url(../assets/terrain/wood-walk.webp?v=1)}.wood-sprite.wood--walk,.wood-sprite.wood--in{background-image: url(../assets/terrain/wood-chop.webp?v=1)} .wood-block--off{visibility: hidden}.wood-block--sprite{background: none;border-radius: 0;-webkit-mask: url(../assets/terrain/wood-block.webp?v=1) no-repeat 0 0 / 100% 100%;mask: url(../assets/terrain/wood-block.webp?v=1) no-repeat 0 0 / 100% 100%;background-color: var(--soil-top,#23262f)} .enhanced .surface-copy{position: relative;z-index: 3;padding: 0 clamp(20px,5vw,80px);max-width: min(820px,62vw);will-change: transform}.enhanced .scroll-hint{position: absolute;left: 50%;bottom: 30px;transform: translateX(-50%);z-index: 3;margin: 0;transition: opacity .4s ease} .enhanced .scroll-hint.faded{opacity: 0} .enhanced{ --bat-fade: 900ms; --bat-help: #F2C60E; --bat-help-hi: #FFE066}.batsig{display: none}.enhanced .batsig{ --bat-lamp: 0;--lamp-w: 26px;--lamp-h: 48px; position: absolute;right: clamp(20px,5vw,80px); bottom: 30px; z-index: 3;display: grid;justify-items: center;gap: 8px}.enhanced .batsig-help{appearance: none;background: none;border: 0;padding: 2px 4px;cursor: pointer;font: 700 11px var(--sans);letter-spacing: .22em;text-transform: uppercase;color: var(--bat-help); transition: color .18s ease,text-shadow var(--bat-fade) ease} .enhanced.batsig-on .batsig-help{text-shadow: 0 0 14px rgba(242,198,14,.6)} .enhanced .batsig-help:hover,.enhanced .batsig-help:focus-visible{color: var(--bat-help-hi);text-shadow: 0 0 16px rgba(255,224,102,.75),0 0 40px rgba(242,198,14,.35)} .enhanced .batsig-lamp{position: relative;width: calc(var(--lamp-w) * var(--bat-lamp));height: calc(var(--lamp-h) * var(--bat-lamp));background: var(--lamp-plate,none) bottom center / 100% 100% no-repeat;transform-origin: 50% 100%;transform: rotate(var(--lamp-deg,0deg));opacity: 0;transition: opacity var(--bat-fade) ease}.enhanced.batsig-on .batsig-lamp{opacity: 1} .enhanced .batsig-lamp::after{content: '';position: absolute;left: 50%;bottom: 100%;width: 54px;height: 54px;margin: 0 0 -27px -27px;border-radius: 50%;background: radial-gradient(circle,rgba(234,241,255,.85),rgba(234,241,255,.20) 40%,transparent 70%);opacity: 0;transition: opacity var(--bat-fade) ease;pointer-events: none}.enhanced.batsig-on .batsig-lamp::after{opacity: 1} .cone{display: none}.enhanced .cone{--cone-apex: 4px; --cone-alpha: .34;--cone-tint: 234,241,255; --cone-stop: 82%; display: block;position: absolute;left: 0;top: 0;transform-origin: 0 50%;will-change: transform;pointer-events: none;clip-path: polygon( 0 calc(50% - var(--cone-apex)),100% 0,100% 100%,0 calc(50% + var(--cone-apex)));background: linear-gradient(to bottom,rgba(var(--cone-tint),0) 0%,rgba(var(--cone-tint),var(--cone-alpha)) 30%,rgba(var(--cone-tint),var(--cone-alpha)) 70%,rgba(var(--cone-tint),0) 100%);-webkit-mask-image: linear-gradient(to right,#000 0%,#000 26%,transparent var(--cone-stop));mask-image: linear-gradient(to right,#000 0%,#000 26%,transparent var(--cone-stop));opacity: 0;transition: opacity var(--bat-fade) ease}.enhanced.batsig-on .cone{opacity: 1} .batsign{display: none}.enhanced .batsign{--bat-w: .78;--bat-ink: #14161C; --bat-sign-op: .82;display: block;position: absolute;left: 50%;top: 50%;z-index: 1;width: calc(100% * var(--bat-w));aspect-ratio: 4000 / 1887; transform: translate(-50%,-50%);background-color: var(--bat-ink);-webkit-mask: url("../assets/sky/batsign.svg") center / 100% 100% no-repeat;mask: url("../assets/sky/batsign.svg") center / 100% 100% no-repeat;opacity: 0;transition: opacity var(--bat-fade) ease}.enhanced.batsig-on .batsign{opacity: var(--bat-sign-op)} .batpanel{border: 0;padding: 0;max-width: min(430px,calc(100vw - 36px));color: var(--ink);background: rgba(11,13,19,.94);border-radius: 3px;box-shadow: 0 0 0 1px var(--line),0 30px 90px rgba(0,0,0,.62)}.batpanel::backdrop{background: rgba(4,6,12,.58)}.batpanel-inner{padding: 26px 28px 22px}.batpanel h2{font-size: 21px;font-weight: 700;letter-spacing: -.02em;line-height: 1.1}.batpanel-lede{margin-top: 8px;font-size: 13px;line-height: 1.5;color: var(--muted)} .batpanel dl{margin: 20px 0 0;display: grid;grid-template-columns: auto 1fr;gap: 11px 16px;align-items: baseline}.batpanel dt{font: 400 11px var(--sans);letter-spacing: .1em;color: var(--bat-help);white-space: nowrap}.batpanel dd{margin: 0;font-size: 14px;line-height: 1.45;color: var(--muted)}.batpanel-close{appearance: none;margin-top: 24px;width: 100%;padding: 11px 14px;border: 1px solid var(--line);border-radius: 2px;background: none;cursor: pointer;font: 400 11px var(--sans);letter-spacing: .16em;text-transform: uppercase;color: var(--ink);transition: border-color .2s ease,color .2s ease}.batpanel-close:hover{border-color: var(--bat-help);color: var(--bat-help)}.enhanced{--soil-floor: #0A0808} .enhanced .underground{position: relative;padding: 0;background: radial-gradient(32% 340px at 50% 0%,color-mix(in srgb,var(--sky-ground,#2A3348) 22%,transparent),transparent), linear-gradient(180deg,color-mix(in srgb,var(--sky-ground,#2A3348) 10%,transparent) 0%,transparent 180px),linear-gradient(180deg,var(--soil-top,#241C13) 0%,color-mix(in srgb,var(--soil-top,#241C13) 62%,var(--soil-floor)) 26%,color-mix(in srgb,var(--soil-top,#241C13) 31%,var(--soil-floor)) 60%,var(--soil-floor) 100%); --crust-tile: url("../assets/terrain/crust-earth.svg?v=1");--crust-aspect: 11.2431;--crust-rise: 0.3376; --crust-h: clamp(30px,3.4vw,52px);--crust-light: 26%;--crust-show: 1} .enhanced .underground::before{content: "";position: absolute;left: 0;right: 0;top: calc(-1 * var(--crust-rise) * var(--crust-h));height: var(--crust-h);z-index: 1;pointer-events: none;opacity: var(--crust-show);background-color: color-mix(in srgb,var(--soil-top,#241C13),var(--sky-ground,#2A3348) var(--crust-light));-webkit-mask-image: var(--crust-tile);mask-image: var(--crust-tile);-webkit-mask-repeat: repeat-x;mask-repeat: repeat-x;-webkit-mask-size: calc(var(--crust-h) * var(--crust-aspect)) var(--crust-h);mask-size: calc(var(--crust-h) * var(--crust-aspect)) var(--crust-h)} .enhanced .burrow{background: linear-gradient(180deg,var(--soil-floor) 0%,#100C0A 46%,#17110D 100%)} .enhanced .burrow > *{position: relative;z-index: 5} .enhanced .prize-buried{--prize-buried: .3;opacity: var(--prize-buried);filter: saturate(.4) brightness(.6)} .enhanced main{position: relative}.enhanced .overlay{display: block;position: absolute;inset: 0 0 auto 0;width: 100%;z-index: 2;pointer-events: none}.enhanced .stage{display: block;position: absolute;inset: 0 0 auto 0;width: 100%;overflow: visible} .enhanced .fore{ --fore-x: 40%;--fore-tint: 22%; --fore-show: 1; display: block;position: absolute;inset: 0 0 auto 0;width: 100%;pointer-events: none;opacity: var(--fore-show)} .enhanced .fore > *{display: block;position: absolute;left: var(--fore-x);transform: translateX(-50%);background-repeat: no-repeat;background-size: 100% 100%;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: 100% 100%;mask-size: 100% 100%}.enhanced .fore-above{top: calc(var(--ground-y,100vh) - var(--above-h));width: var(--above-w);height: var(--above-h); background-color: color-mix(in srgb,var(--sky-ground,#2A3348) var(--fore-tint),#0A0808);-webkit-mask-image: var(--above-tile);mask-image: var(--above-tile)}.enhanced .fore-below{top: var(--ground-y,100vh);width: var(--below-w);height: calc(var(--below-w) / var(--below-aspect))} .enhanced .fore--carrot{ --above-tile: url("../assets/terrain/carrot-tops-e.webp?v=4"); --above-aspect: 0.7084; --below-aspect: 0.1280; --carrot-scale: 1;--carrot-w: calc(85px * var(--carrot-scale,1));--tops-h: calc(205px * var(--carrot-scale,1));--below-w: var(--carrot-w);--above-h: var(--tops-h);--above-w: calc(var(--above-h) * var(--above-aspect))} .enhanced .fore--carrot .fore-above{ background-color: transparent;background-image: var(--above-tile)} .enhanced .fore--carrot .fore-above::after{--tops-night: 0.82; content: "";position: absolute;inset: 0;background-color: color-mix(in srgb,var(--sky-ground,#2A3348) var(--fore-tint),#0A0808);opacity: calc((1 - var(--daylight,0)) * var(--tops-night))} .enhanced .fore--carrot .fore-below{--carrot-sat: 1;background-image: url("../assets/terrain/carrot-body.webp?v=1");filter: saturate(var(--carrot-sat))} .enhanced .fore--trunk{--above-tile: url("../assets/terrain/trunk.webp?v=1");--below-tile: url("../assets/terrain/tree-roots.webp?v=1"); --above-aspect: 0.3810; --below-aspect: 1.7391; --root-scale: 7.0990; --above-h: 34vh;--above-w: calc(var(--above-h) * var(--above-aspect));--below-w: calc(var(--above-w) * var(--root-scale));--root-light: 18%} .enhanced .fore--trunk .fore-below{background-image: linear-gradient(180deg,color-mix(in srgb,var(--sky-ground,#2A3348) var(--fore-tint),#0A0808) 0%,color-mix(in srgb,var(--soil-top,#241C13),var(--sky-ground,#2A3348) var(--root-light)) 38%);-webkit-mask-image: var(--below-tile);mask-image: var(--below-tile)} .enhanced .tunnel{--wall-grain: 1; --air-dark: 0.42; --tunnel-filter: none; isolation: isolate;filter: var(--tunnel-filter)} .tunnel-bore{stroke: url(#tunnelGradient)} .tunnel-material{stroke: url(#soilWall);mix-blend-mode: multiply;opacity: var(--wall-grain)} .tunnel-air{stroke: var(--soil-floor,#0A0808);stroke-opacity: var(--air-dark)} .tunnel-throat{stroke: url(#tunnelThroat)}.enhanced .rabbit-layer{display: block;position: absolute;inset: 0 0 auto 0;width: 100%;height: 100%;pointer-events: none}.rabbit{position: absolute;top: 0;left: 0;background-repeat: no-repeat;will-change: transform;transform-origin: 50% 50%}.enhanced .depth-readout{display: block;position: fixed;left: clamp(18px,4vw,44px);bottom: 26px;z-index: 60;margin: 0;font: 700 11px var(--sans);letter-spacing: .14em; font-variant-numeric: tabular-nums;color: var(--accent);opacity: 0;transition: opacity .4s ease;pointer-events: none}.enhanced .depth-readout.visible{opacity: 1} @media (max-width: 767px){.enhanced .fore--carrot{--carrot-scale: .68}}.enhanced .pocket{position: absolute;z-index: 4;max-width: min(38vw,430px);padding: 0} .enhanced .pocket--wide{max-width: min(52vw,620px)} .enhanced .pocket--roomy{max-width: min(48vw,580px)} .enhanced .pocket--roomy .pocket-body{max-width: 44ch}.enhanced .pocket--roomy[data-side="right"] .pocket-body{margin-left: auto} .enhanced .pocket--low{transform: translateY(var(--pocket-drop,150px))}.enhanced .pocket[data-side="right"]{text-align: right} @media (max-width: 767px){.enhanced #clients,.enhanced #work{transform: translateY(var(--pocket-drop-tall,150px))}}