@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;0,800;0,900;1,600;1,700&display=swap";:root{color:#000;background:#fff;font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;scroll-behavior:smooth;--divider-color: #d2edfe;--header-pad: 24px;--header-height: 68px;--dock-clearance: 0px;--section-peek: 0px;--hero-cue-prelude: 140px;--footer-header-progress: 0;--footer-reveal-progress: 0;--hero-case-progress: 0;--hero-cue-prelude-progress: 0;--hero-cue-stretch-progress: 0;--hero-cue-lift-progress: 0;--case-section-pad: clamp(0px, 1vw, 16px);--case-frame-page-pad: var(--header-pad);--case-frame-width: calc(100% - (var(--case-frame-page-pad) * 2));--case-frame-outer-pad: clamp(16px, 2vw, 36px);--case-frame-tick: calc(var(--case-frame-outer-pad) * .5);--case-frame-line: #383838;--case-frame-stroke: 1px;--case-divider-line: var(--divider-color);--theme-accent-red: #db0508;--theme-accent-blue: #0d72e6;--theme-accent: var(--theme-accent-blue);--active-tab-bg: var(--theme-accent);--active-tab-border: transparent;--footer-active-tab-bg: var(--theme-accent);--footer-active-tab-border: transparent;--footer-active-tab-ink: #ffffff;--footer-bg: #ffffff;--footer-header-bg: #ffffff;--footer-header-hover: #000000;--footer-header-ink: var(--theme-accent);--footer-hover: #000000;--footer-ink: var(--theme-accent);--header-ink: var(--theme-accent);--header-hover-ink: #000000;--hero-text-color: var(--theme-accent);--active-tab-ink: #ffffff;--grain-light: none}:root[data-theme=red]{--theme-accent: var(--theme-accent-red);--active-tab-bg: var(--theme-accent-red);--active-tab-border: transparent;--active-tab-ink: #ffffff;--divider-color: #e8e8e8;--case-divider-line: var(--divider-color);--case-frame-line: #cfcfcf;--footer-active-tab-bg: var(--theme-accent-red);--footer-active-tab-border: transparent;--footer-active-tab-ink: #000000;--footer-bg: #000000;--footer-header-bg: #000000;--footer-header-hover: #ffffff;--footer-header-ink: var(--theme-accent-red);--footer-hover: #ffffff;--footer-ink: var(--theme-accent-red);--header-hover-ink: var(--theme-accent-red);--header-ink: #000000;--hero-text-color: #000000}:root[data-theme=blue]{--theme-accent: var(--theme-accent-blue);--active-tab-bg: var(--theme-accent-blue);--active-tab-border: transparent;--active-tab-ink: #ffffff;--divider-color: #e8e8e8;--case-divider-line: var(--divider-color);--case-frame-line: #cfcfcf;--footer-active-tab-bg: var(--theme-accent-blue);--footer-active-tab-border: transparent;--footer-active-tab-ink: #ffffff;--footer-bg: #ffffff;--footer-header-bg: #ffffff;--footer-header-hover: #000000;--footer-header-ink: var(--theme-accent-blue);--footer-hover: #000000;--footer-ink: var(--theme-accent-blue);--header-hover-ink: #000000;--header-ink: var(--theme-accent-blue);--hero-text-color: var(--theme-accent-blue)}*{box-sizing:border-box}html{overscroll-behavior-x:none}body{margin:0;min-width:320px;min-height:100vh;background:#fff;overscroll-behavior-x:none}@media(hover:hover){html{scrollbar-width:none}::-webkit-scrollbar{display:none;width:0;height:0}}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.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}.page{position:relative;min-height:100vh;background-color:#fff;background-image:var(--grain-light);background-repeat:repeat;background-size:200px 200px;padding-top:var(--header-height)}.page--about{padding-top:0}.page:before{content:"";position:fixed;top:0;left:0;z-index:10;width:100%;height:var(--header-height);background-color:rgba(255,255,255,var(--first-case-dock-progress, 1));background-image:var(--grain-light);background-repeat:repeat;background-size:200px 200px;pointer-events:none}.page--about:before,.page--case-open:before,.page--case-closing:before{background-color:#fff}.intro-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:block;background-color:#fff;background-image:var(--grain-light);background-repeat:repeat;background-size:200px 200px;opacity:1;overflow:hidden;pointer-events:auto;transition:opacity .52s cubic-bezier(.22,1,.36,1),visibility .52s step-end}.intro-loader--done{visibility:hidden;opacity:0;pointer-events:none;transition-duration:0ms}.intro-loader-logo{display:block;position:absolute;left:50%;top:50%;width:64px;aspect-ratio:24 / 22;color:#000;overflow:visible;transform:translate(-50%,-50%)}.intro-loader--transition{pointer-events:none}.intro-loader--transition .intro-loader-logo{animation:intro-logo-collapse 1.5s cubic-bezier(.85,0,.15,1) both,intro-logo-accent 1.5s linear both}.intro-loader-logo__part{transform-box:fill-box;transform-origin:center;animation-duration:1.45s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.16,1,.3,1)}.intro-loader-logo__part--top{animation-name:loader-logo-top}.intro-loader-logo__part--bottom{animation-name:loader-logo-bottom}.intro-loader-logo__part--zero{animation-name:loader-logo-zero}.intro-transition-dot{position:absolute;left:50%;top:50%;z-index:3;width:40px;height:40px;border-radius:999px;background:var(--theme-accent);opacity:0;transform:translate(-50%,-50%) scale(1.6);pointer-events:none}.intro-loader--transition .intro-transition-dot{animation:intro-dot-scale 1.5s linear both,intro-dot-fade 1.5s linear both}.intro-transition-character{position:absolute;left:var(--intro-reveal-left, 0px);top:var(--intro-reveal-top, 0px);width:var(--intro-reveal-width, 100%);height:var(--intro-reveal-height, 100%);z-index:1;opacity:0;pointer-events:none}.intro-transition-character-clip{--intro-reveal-cx: calc(50vw - var(--intro-reveal-left, 50vw));--intro-reveal-cy: calc(50vh - var(--intro-reveal-top, 50vh));position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;mask:url(/characters/mock-character.png) center / 100% 100% no-repeat;-webkit-mask:url(/characters/mock-character.png) center / 100% 100% no-repeat;clip-path:circle(0px at var(--intro-reveal-cx) var(--intro-reveal-cy))}.intro-transition-character-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain}.intro-transition-character-tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--theme-accent);mix-blend-mode:multiply;opacity:1}.intro-loader--transition .intro-transition-character{animation:intro-reveal-stage 1.5s linear both}.intro-loader--transition .intro-transition-character-clip{animation:intro-reveal-circle 1.5s linear both}.intro-loader--transition .intro-transition-character-tint{animation:intro-reveal-tint 1.5s cubic-bezier(.42,0,.4,1) both}@keyframes intro-logo-collapse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}46%{opacity:1;transform:translate(-50%,-50%) scale(0)}46.01%,to{opacity:0;transform:translate(-50%,-50%) scale(0)}}@keyframes intro-logo-accent{0%{color:#000}18%,to{color:var(--theme-accent)}}@keyframes intro-dot-scale{0%{transform:translate(-50%,-50%) scale(1.6);animation-timing-function:cubic-bezier(.5,0,.9,.45)}26%{transform:translate(-50%,-50%) scale(.6);animation-timing-function:cubic-bezier(.12,.7,.25,1)}60%{transform:translate(-50%,-50%) scale(.3);animation-timing-function:linear}66%{transform:translate(-50%,-50%) scale(.3);animation-timing-function:cubic-bezier(.45,0,.85,.4)}88%,to{transform:translate(-50%,-50%) scale(9)}}@keyframes intro-dot-fade{0%,28%{opacity:0}38%,68%{opacity:1}76%,to{opacity:0}}@keyframes intro-reveal-stage{0%,63%{opacity:0}64%,to{opacity:1}}@keyframes intro-reveal-circle{0%,66%{clip-path:circle(6px at var(--intro-reveal-cx) var(--intro-reveal-cy));animation-timing-function:cubic-bezier(.45,0,.85,.4)}88%,to{clip-path:circle(150vmax at var(--intro-reveal-cx) var(--intro-reveal-cy))}}@keyframes intro-reveal-tint{0%,68%{opacity:1}94%,to{opacity:0}}@keyframes loader-logo-top{0%{opacity:0;transform:translate(-7px,7px) rotate(-10deg)}45%,to{opacity:1;transform:translate(0) rotate(0)}}@keyframes loader-logo-bottom{0%{opacity:0;transform:translate(7px,-7px) rotate(10deg)}52%,to{opacity:1;transform:translate(0) rotate(0)}}@keyframes loader-logo-zero{0%,18%{opacity:0;transform:translate(8px) scaleX(.36)}62%,to{opacity:1;transform:translate(0) scaleX(1)}}.site-header{--header-control-height: 18px;--social-icon-size: 28px;position:fixed;top:-2px;left:0;z-index:20;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;padding:var(--header-pad);min-height:calc(var(--header-height) + 2px);background-color:rgba(255,255,255,var(--first-case-dock-progress, 1));background-image:var(--grain-light);background-repeat:repeat;background-size:200px 200px;border-bottom:0;overflow:hidden;pointer-events:none;will-change:transform;transition:transform var(--case-open-duration, .64s) var(--case-open-ease, cubic-bezier(.22, 1, .36, 1)),opacity var(--case-open-duration, .4s) var(--case-open-ease, ease)}.page--case-open .site-header,.page--case-closing .site-header{background-color:#fff}.page--case-open .site-header{transform:translateY(-100%);opacity:0;pointer-events:none}.page--intro-header .site-header,.page--intro-explore .site-header{pointer-events:auto}.page--about .site-header{background-color:#fff}.site-header:before{content:"";position:absolute;top:-2px;right:0;bottom:0;left:0;z-index:0;background:var(--footer-header-bg);transform:translateY(calc((1 - var(--footer-header-progress)) * (100% + 3px)));transition:transform 80ms linear}.site-header>*{position:relative;z-index:1}.brand-area,.tabs,.header-contact{opacity:0;transform:translateY(-26px);transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1)}.page--intro-header .brand-area,.page--intro-header .tabs,.page--intro-header .header-contact,.page--intro-explore .brand-area,.page--intro-explore .tabs,.page--intro-explore .header-contact{opacity:1;transform:translateY(0)}.brand-area{display:flex;align-items:center;gap:14px;min-width:0}.logo-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;flex:0 0 auto;width:fit-content;align-items:center;padding:0;border:0;background:transparent;cursor:pointer}.logo{display:block;width:32px;aspect-ratio:24 / 22;background-color:var(--header-ink);background-image:var(--grain-light);background-repeat:repeat;background-size:200px 200px;background-blend-mode:multiply;mask:url(/logo.svg) center / contain no-repeat;-webkit-mask:url(/logo.svg) center / contain no-repeat;transition:background-color .16s ease}.logo-link:hover .logo{background-color:var(--header-hover-ink)}.header-location{display:inline-flex;align-items:center;gap:5px;color:var(--header-ink);cursor:default;font-size:.82rem;font-weight:600;line-height:1;white-space:nowrap;text-transform:uppercase;transition:color .16s ease;-webkit-user-select:none;user-select:none}.header-location:before{content:"";display:block;width:8px;height:9px;flex:0 0 auto;background:currentColor;mask:url(/icons/location.svg) center / contain no-repeat;-webkit-mask:url(/icons/location.svg) center / contain no-repeat}.header-location img{display:none;width:8px;height:9px}.header-location:hover{color:var(--header-hover-ink)}.tabs{position:relative;display:flex;align-items:center;justify-content:center;gap:28px;min-width:0}.tabs-indicator{position:absolute;top:50%;left:0;z-index:0;height:var(--header-control-height);background-color:var(--active-tab-bg);background-image:var(--grain-light);background-repeat:repeat;background-size:200px 200px;background-blend-mode:multiply;pointer-events:none;transform-origin:left center;translate:0 -50%;transition:background-color .18s ease,box-shadow .18s ease,transform .36s cubic-bezier(.22,1,.36,1),width .36s cubic-bezier(.22,1,.36,1);box-shadow:inset 0 0 0 1.5px var(--active-tab-border)}.tabs a,.tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;min-height:var(--header-control-height);padding:0 4px;border:0;background:transparent;color:inherit;cursor:pointer;font-size:.82rem;font-weight:600;line-height:1;font-family:inherit;text-decoration:none;white-space:nowrap;text-transform:uppercase}.tabs button{color:var(--header-ink);transition:color .18s ease}.tabs button:hover{color:var(--header-hover-ink)}.tabs button[aria-current=page],.tabs button[aria-current=page]:hover{color:var(--active-tab-ink)}.header-contact{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}.email-copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding:0;border:0;background:transparent;color:var(--header-ink);cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;line-height:1;white-space:nowrap;text-transform:none;transition:color .16s ease}.email-copy:hover{color:var(--header-hover-ink)}.copy-toast{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:8;padding:0;color:var(--theme-accent);background:transparent;font-size:.62rem;font-weight:600;line-height:1;text-transform:uppercase;pointer-events:none;transform:translate(-50%,9px);animation:copy-toast-float .72s cubic-bezier(.22,1,.36,1) forwards}@keyframes copy-toast-float{0%{opacity:0;transform:translate(-50%,9px)}42%{opacity:1;transform:translate(-50%,-3px)}to{opacity:0;transform:translate(-50%,-17px)}}.social-link{display:inline-grid;place-items:center;width:var(--social-icon-size);height:var(--social-icon-size);color:var(--header-ink);background:transparent;text-decoration:none;transition:color .16s ease,background-color .16s ease}.social-link:hover{color:var(--header-hover-ink)}.social-link:before{content:"";display:block;width:20px;height:20px;background:currentColor}.social-link[href*="t.me"]:before{mask:url(/icons/telegram-mark.svg) center / contain no-repeat;-webkit-mask:url(/icons/telegram-mark.svg) center / contain no-repeat}.social-link[href*=linkedin]:before{mask:url(/icons/linkedin-mark.svg) center / contain no-repeat;-webkit-mask:url(/icons/linkedin-mark.svg) center / contain no-repeat}.social-link img{display:none;width:var(--header-control-height);height:var(--header-control-height)}.work-hero{min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:sticky;top:var(--header-height);z-index:1;overflow:visible;padding:8px 0 40px;background-color:#fff;background-image:var(--grain-light);background-repeat:repeat;background-size:200px 200px;opacity:calc(1 - var(--footer-reveal-progress))}html[data-footer-reveal] .work-hero{visibility:hidden;pointer-events:none}.page--about .work-hero{min-height:100vh;justify-content:center;top:0;padding:0}.hero-intro{width:100%;height:calc(min(66vh,650px) - 68px);margin:0 auto;text-align:center}.hero-intro h1{margin:0 auto;width:100%;color:#000;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,sans-serif;font-size:clamp(3.5rem,7vw,7.35rem);font-weight:900;line-height:.78;letter-spacing:0;text-transform:uppercase}.hero-intro h1 span{display:block;white-space:nowrap}.hero-title-line{position:relative;display:flex!important;align-items:baseline;justify-content:center;gap:.12em;transform-style:preserve-3d}.hero-title-word{display:inline-block!important;position:relative;min-height:.78em;overflow:visible;text-align:right;transform:rotateY(-5deg) translateZ(10px);transform-origin:right center;transition:width .42s cubic-bezier(.22,1,.36,1)}.hero-title-static{transform:rotateY(5deg) translateZ(10px);transform-origin:left center}.hero-title-word-item{display:block!important;will-change:opacity,transform}.hero-title-word-item--in{animation:hero-title-word-in .56s cubic-bezier(.22,1,.36,1) both}.hero-title-word-item--out{position:absolute;top:0;right:0;bottom:0;left:0;animation:hero-title-word-out .56s cubic-bezier(.22,1,.36,1) both}@keyframes hero-title-word-in{0%{opacity:0;transform:translateY(.42em)}to{opacity:1;transform:translateY(0)}}@keyframes hero-title-word-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.42em)}}.hero-title-line>span{display:inline-block!important}.hero-title-measure{position:absolute;left:0;top:0;width:auto!important;visibility:hidden;pointer-events:none}.hero-meta{width:min(1100px,calc(100vw - 56px));display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);align-items:center;justify-content:center;margin:24px auto 0;color:#000;font-size:clamp(1rem,1.22vw,1.42rem);font-weight:600;line-height:1;text-transform:uppercase;transform-style:preserve-3d}.hero-meta span{white-space:nowrap}.hero-meta span:first-child{grid-column:1;justify-self:end;text-align:right;transform:rotateY(-3deg) translateZ(4px);transform-origin:right center}.hero-meta span:last-child{grid-column:3;justify-self:start;text-align:left;transform:rotateY(3deg) translateZ(4px);transform-origin:left center}.screen-wheel{position:relative;width:100%;height:min(66vh,650px);margin-top:calc((min(66vh,650px) - 68px)*-1 + 12px);overflow:visible;transform:translateY(var(--hero-composition-offset-y, 0))}.screen-wheel--inactive{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none}.wheel-lens-blur{position:absolute;top:0;bottom:0;width:clamp(120px,17vw,340px);z-index:3;pointer-events:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.wheel-lens-blur--left{left:0;-webkit-mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.88) 28%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.88) 28%,transparent 100%)}.wheel-lens-blur--right{right:0;-webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.88) 28%,transparent 100%);mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.88) 28%,transparent 100%)}.carousel-stage{--scene-top-extra: 320px;--scene-bottom-extra: 180px;position:absolute;inset:calc(68px - var(--scene-top-extra)) 0 0;z-index:0;overflow:visible;opacity:0;transition:opacity .52s cubic-bezier(.22,1,.36,1)}.carousel-canvas{display:block;width:100%;height:calc(100% + var(--scene-bottom-extra));cursor:default;touch-action:none;-webkit-user-select:none;user-select:none}.carousel-canvas--hovering{cursor:grab}.carousel-canvas--dragging{cursor:grabbing}.page--intro-media .carousel-stage,.page--intro-text .carousel-stage,.page--intro-header .carousel-stage,.page--intro-explore .carousel-stage{opacity:1}.pixel-panel{width:min(760px,calc(100% - 40px));min-height:min(54vh,520px);display:grid;place-items:center}.about-panel{--about-logo-width: clamp(180px, 14vw, 300px);display:flex;align-items:flex-start;justify-content:center;gap:clamp(26px,3vw,52px);width:min(1240px,calc(100% - 96px));margin:auto;color:#000}.about-panel__logo,.about-panel__text{opacity:0;transform:translateY(.42em);animation-duration:.72s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.22,1,.36,1)}.about-panel__logo{display:block;position:relative;width:var(--about-logo-width);height:auto;aspect-ratio:819 / 762;align-self:flex-start;flex:0 0 auto;background-image:url(/about/about-logo-photo-mask.webp);background-position:center;background-repeat:no-repeat;background-size:contain;animation-name:about-panel-rise-in}.about-panel__logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--theme-accent);mask:url(/about/about-logo-photo-mask.webp) center / contain no-repeat;-webkit-mask:url(/about/about-logo-photo-mask.webp) center / contain no-repeat;animation:about-logo-accent-fade .72s cubic-bezier(.22,1,.36,1) both}.about-panel__text{max-width:760px;min-height:calc(var(--about-logo-width) * 762 / 819);margin:0;font-family:inherit;font-size:clamp(1rem,1.03vw,1.22rem);font-weight:500;line-height:1.62;letter-spacing:0;text-align:left;color:var(--theme-accent);animation-name:about-text-rise-in}@keyframes about-panel-rise-in{0%{opacity:0;transform:translateY(.42em)}to{opacity:1;transform:translateY(0)}}@keyframes about-text-rise-in{0%{color:var(--theme-accent);opacity:0;transform:translateY(.42em)}to{color:#000;opacity:1;transform:translateY(0)}}@keyframes about-logo-accent-fade{0%{opacity:1}to{opacity:0}}.explore-cue{position:absolute;left:50%;top:calc(-1 * var(--hero-cue-prelude) - 60px);z-index:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;width:58px;height:calc(112px + 42px * var(--hero-cue-stretch-progress));margin:0;padding:18px 8px 0;border-radius:999px;background-color:var(--theme-accent);background-image:var(--grain-light);background-repeat:repeat;background-size:200px 200px;background-blend-mode:multiply;color:#fff;font-size:.56rem;font-weight:800;line-height:1;text-decoration:none;text-transform:uppercase;opacity:0;translate:0 92px;transform:translate(-50%,var(--cue-lift, 0px));transition:background .16s ease,opacity .76s cubic-bezier(.22,1,.36,1),translate .86s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1)}.explore-cue span:first-child{display:block}.page--intro-explore .explore-cue{opacity:clamp(0,calc((.65 - var(--hero-case-progress, 0)) / .15),1);translate:0 0;transform:translate(-50%,calc(80px * var(--hero-cue-prelude-progress) + var(--cue-lift, 0px)));transition:background .16s ease,opacity .32s cubic-bezier(.22,1,.36,1),translate .86s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1)}.explore-cue:hover{background:#000;--cue-lift: -8px}.explore-cue span:first-child{transform:none}.explore-arrow{position:relative;flex:0 0 auto;width:1px;height:18px;background:#fff}.explore-arrow:after{content:"";position:absolute;left:50%;bottom:0;width:7px;height:7px;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;transform:translate(-50%,1px) rotate(45deg);transform-origin:center}.case-stack{position:relative;z-index:5;margin-top:calc(-1 * var(--section-peek));padding-top:var(--hero-cue-prelude);background:transparent}.case-section{position:sticky;top:calc(var(--header-height) + var(--dock-clearance));z-index:5;scroll-margin-top:var(--header-height);min-height:calc(100vh - var(--header-height) - var(--section-peek));display:flex;align-items:center;justify-content:center;margin-top:0;margin-bottom:0;padding:0;background-color:#fff;background-image:var(--grain-light);background-repeat:repeat;background-size:200px 200px;overflow:visible}.case-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#fff;background-image:var(--grain-light);background-repeat:repeat;background-size:200px 200px;box-shadow:none;pointer-events:none}.case-section:first-child{margin-top:0}.case-section[data-case-index="2"]{overflow:visible}.case-section[data-case-index="2"]:before{box-shadow:none}.case-section[data-case-index="2"]:after{display:none}.case-divider-pin{position:sticky;top:var(--header-height);z-index:8;height:1px;background:var(--divider-color);opacity:0;pointer-events:none}html[data-last-case-docked] .case-divider-pin{opacity:1}.case-section{top:calc(var(--header-height) - var(--case-frame-page-pad) + var(--dock-clearance));scroll-margin-top:calc(var(--header-height) - var(--case-frame-page-pad))}.case-frame{position:relative;z-index:2;pointer-events:none;width:var(--case-frame-width);height:calc(100vh - var(--header-height) - (var(--case-frame-page-pad) * 2));padding:clamp(22px,3vw,52px);background-color:transparent;background-image:var(--grain-light);background-repeat:repeat;background-size:200px 200px;border:var(--case-frame-stroke) solid var(--case-frame-line);box-shadow:none;overflow:hidden}.case-frame:before{content:"";position:absolute;z-index:3;pointer-events:none}.case-frame:before{inset:var(--case-frame-outer-pad);border:var(--case-frame-stroke) solid var(--case-frame-line)}.case-ascii{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.case-frame__safe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.case-frame__safe span{position:absolute;background:var(--case-frame-line)}.case-frame__safe span:nth-child(1),.case-frame__safe span:nth-child(2){left:50%;width:var(--case-frame-stroke);height:var(--case-frame-tick);transform:translate(-50%)}.case-frame__safe span:nth-child(1){top:0}.case-frame__safe span:nth-child(2){bottom:0}.case-frame__safe span:nth-child(3),.case-frame__safe span:nth-child(4){top:50%;width:var(--case-frame-tick);height:var(--case-frame-stroke);transform:translateY(-50%)}.case-frame__safe span:nth-child(3){left:0}.case-frame__safe span:nth-child(4){right:0}.case-slot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;cursor:grab;touch-action:none}.case-slot:active{cursor:grabbing}.case-section:not(.case-section--open) .case-frame,.case-section:not(.case-section--open) .case-frame:before{border-color:transparent}.case-section:not(.case-section--open) .case-frame__safe{opacity:0}.case-section--open .case-slot{position:fixed;top:0;left:0;width:100vw;height:100vh;transform:none;pointer-events:none}.case-section--settled .case-slot{position:absolute;top:0;left:0;width:100%;height:100vh}.case-section--settled .case-page-body{margin-top:calc(var(--header-height) + var(--case-frame-page-pad))}.case-cover{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:clamp(30px,5vw,84px) clamp(30px,5vw,84px) clamp(34px,4.8vw,82px);overflow:hidden;color:#000;background:transparent;pointer-events:none}.case-cover__content{position:relative;z-index:1;pointer-events:auto;display:flex;max-width:min(1220px,100%);flex-direction:column;align-items:center;gap:clamp(14px,1.7vw,24px);text-align:center}.case-cover h2{max-width:100%;margin:0;color:var(--case-ink, #000000);font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,sans-serif;font-size:clamp(2.2rem,5.3vw,6.6rem);font-weight:900;line-height:.86;letter-spacing:0;text-transform:uppercase;text-wrap:nowrap}.case-cover h2.case-title--editorial{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2.4rem,5.6vw,7rem);font-weight:800;line-height:.94;letter-spacing:.005em;text-transform:none}.case-button{display:inline-flex;pointer-events:auto;min-height:42px;align-items:center;justify-content:center;padding:0 20px;border:1px solid var(--case-ink, #000000);border-radius:999px;color:var(--case-ink, #000000);background:#fff;font-size:.82rem;font-weight:900;line-height:1;text-decoration:none;text-transform:uppercase;transition:background-color .16s ease,color .16s ease,transform .16s ease}.case-button:hover{color:#fff;background:var(--case-ink, #000000);border-color:var(--case-ink, #000000);transform:translateY(-1px)}.case-section[data-case-index="0"] .case-cover{align-items:flex-start;justify-content:center;padding:clamp(38px,4.6vw,76px) 10% clamp(38px,4.6vw,76px) 11.2%}.case-section[data-case-index="0"] .case-cover__content{align-items:flex-start;max-width:min(650px,42%);gap:2.1rem;text-align:left}.case-section[data-case-index="0"] .case-cover h2{color:#86b279;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:clamp(4.6rem,6.9vw,7.45rem);font-weight:500;line-height:.78;letter-spacing:-.052em;text-transform:none;text-wrap:balance;white-space:normal}.case-section[data-case-index="0"] .case-button{min-width:12rem;min-height:3.45rem;padding:0 2.15rem;border:0;border-radius:999px;color:#fff;background:#86b279;font-size:1.18rem;font-weight:500;letter-spacing:0}.case-section[data-case-index="0"] .case-button:hover{color:#86b279;background:#fff;box-shadow:inset 0 0 0 1.5px #86b279}.footer-reveal{position:relative;z-index:0;min-height:100vh;background:transparent}.site-footer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,1.8vw,20px);padding:clamp(48px,6vw,96px);background:var(--footer-bg);color:var(--footer-ink)}.footer-contact{display:flex;align-items:center;justify-content:center;gap:10px}.footer-email{color:var(--footer-ink)}.footer-email:hover{color:var(--footer-hover)}.footer-email .copy-toast,.footer-social{color:var(--footer-ink)}.footer-social:hover{color:var(--footer-hover)}.footer-logo{display:block;width:clamp(104px,13vw,190px);aspect-ratio:24 / 22;color:var(--footer-ink);overflow:visible}.footer-logo__part{color:var(--footer-ink);cursor:default;transition:color .18s ease}.footer-logo__part:hover{color:var(--footer-hover)}.footer-logo__hit{fill:transparent;pointer-events:all}.footer-year{margin:0;color:var(--footer-ink);cursor:default;font-size:.82rem;font-weight:600;line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:color .18s ease}.footer-year:hover{color:var(--footer-hover)}.page:after{content:"";position:fixed;top:var(--header-height);left:0;right:0;z-index:18;height:1px;background:var(--case-divider-line);opacity:0;visibility:hidden;transform:scaleX(.18);transform-origin:center;pointer-events:none}.page--case-open{--case-open-ease: cubic-bezier(.45, 0, .18, 1);--case-open-duration: 1.12s;overflow-x:clip}.page--case-open:has(.case-section--settled){padding-top:0}.page--case-open:before{display:none}.page--case-open .site-header:before{opacity:0;transform:none}.brand-area,.tabs{transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .72s var(--case-open-ease, cubic-bezier(.22, 1, .36, 1))}.case-back{position:fixed;top:var(--header-pad);left:var(--header-pad);z-index:21;display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:var(--theme-accent);cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;line-height:1;letter-spacing:.02em;text-transform:uppercase;opacity:0;transform:translateY(-16px);pointer-events:none;transition:opacity .38s ease,transform .52s var(--case-open-ease, cubic-bezier(.22, 1, .36, 1))}.case-back:hover{color:var(--header-hover-ink)}.case-back__arrow{position:relative;display:block;width:22px;height:8px;flex:0 0 auto}.case-back__arrow:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1.6px;background:currentColor;transform:translateY(-50%)}.case-back__arrow:after{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-left:1.6px solid currentColor;border-top:1.6px solid currentColor;transform:translateY(-50%) rotate(-45deg)}.page--case-open .case-back{opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:.24s}.page--case-closing .case-back{opacity:0;transform:translateY(16px);pointer-events:none;transition-delay:0ms}.page--case-open .case-divider-pin{display:none}.page--case-open .footer-reveal{min-height:0}.page--case-open .site-footer{animation:case-hero-cover var(--case-open-duration, 1.12s) both}.page--case-closing .site-footer{animation:none;visibility:visible}.page--case-open .explore-cue{z-index:1;opacity:1;translate:0;transition:none;pointer-events:none;animation:none}.page--case-open .work-hero{position:fixed;top:var(--case-hero-top, 0);left:var(--case-hero-left, 0);width:var(--case-hero-width, 100vw);height:var(--case-hero-height, auto);margin:0;z-index:5;pointer-events:none;animation:case-hero-cover var(--case-open-duration, 1.12s) both}@keyframes case-hero-cover{0%,90%{opacity:1;visibility:visible}to{opacity:1;visibility:hidden}}html[data-hero-offscreen] .page--case-open .work-hero{display:none}.page--case-open .case-stack{margin-top:0;padding-top:0}.case-section--pre,.case-section--away{display:none}.case-section--prev{position:fixed;top:var(--case-prev-top, 0);left:var(--case-prev-left, 0);width:var(--case-prev-width, 100vw);height:var(--case-prev-height, auto);margin:0;z-index:4!important;pointer-events:none;animation:case-hero-cover var(--case-open-duration, 1.12s) both}.case-section.case-section--post{position:fixed;top:var(--case-drop-top, 0);left:var(--case-drop-left, 0);width:var(--case-drop-width, 100vw);height:var(--case-drop-height, 100vh);z-index:18!important;min-height:0;display:flex;align-items:center;justify-content:center;background:#fff;border-top:1px solid var(--divider-color);border-bottom:0;pointer-events:none;animation:case-next-drop var(--case-open-duration, .96s) var(--case-open-ease, cubic-bezier(.22, 1, .36, 1)) both}.case-section--post:before{display:none}@keyframes case-next-drop{0%{transform:translateY(0)}to{transform:translateY(120vh)}}.page--case-closing .work-hero{animation:none;opacity:1;visibility:visible}.page--case-closing-far .case-page-body{position:relative;z-index:30;animation:case-content-out calc(var(--case-open-duration, 1.12s) * .6) ease both}@keyframes case-content-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(56px)}}.page--case-closing-far .case-cover{position:fixed;top:calc(var(--header-height) + 3px);left:50%;transform:translate(-50%);width:var(--case-frame-width);height:calc(100vh - var(--header-height) - (var(--case-frame-page-pad) * 2));z-index:40;pointer-events:none}.page--case-closing-far .case-section--open .case-cover__content{animation:case-banner-content-reveal calc(var(--case-open-duration, 1.12s) * .55) var(--case-open-ease, cubic-bezier(.22, 1, .36, 1)) both;animation-delay:calc(var(--case-open-duration, 1.12s) * .35)}@keyframes case-banner-content-reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page--case-closing-far .case-section--open .case-button{opacity:1;visibility:visible}.case-section.case-section--open{position:relative;top:0;z-index:15!important;display:block;min-height:auto;padding:var(--case-frame-page-pad) 0 0;border-bottom:0;background-color:transparent;background-image:none}.case-section--open:before{display:none}.case-section--open .case-frame{width:var(--case-frame-width);height:calc(100vh - var(--header-height) - (var(--case-frame-page-pad) * 2));margin:0 auto;border-color:transparent;border-radius:0;overflow:visible}.case-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border:var(--case-frame-stroke) solid var(--case-frame-line);opacity:0;pointer-events:none}.case-section--open .case-frame:after{opacity:0}.case-section--open .case-frame:before{border-color:transparent}.case-section--open .case-frame__safe{opacity:0}.case-section--open .case-cover__content{animation:none}.case-section--open .case-button{pointer-events:none}.case-page-body{position:relative;z-index:0;width:100%;padding:clamp(48px,7vw,120px) var(--case-frame-page-pad) clamp(80px,12vw,200px);background-color:#fff;background-image:var(--grain-light);background-repeat:repeat;background-size:200px 200px}.case-page-inner{width:min(1100px,100%);margin:0 auto}.case-page-eyebrow{margin:0 0 24px;color:var(--open-case-ink, #000000);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.case-page-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:48px;border-bottom:1px solid var(--divider-color)}.case-page-meta span{display:block;margin-bottom:8px;color:#9a9a9a;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.case-page-meta p{margin:0;font-size:1rem;font-weight:600}.case-page-block{margin-top:32px;height:52vh;border:1px solid var(--divider-color);border-radius:6px;background-image:repeating-linear-gradient(-45deg,#f5f5f5 0,#f5f5f5 12px,#efefef 12px,#efefef 24px)}.case-page-block--tall{height:74vh}@media(min-width:761px)and (max-width:1680px){.work-hero{padding-top:18px}}@media(min-width:1681px){.work-hero{padding-top:34px}}@media(min-width:1900px)and (min-height:850px){.work-hero{--hero-composition-offset-y: clamp(18px, 2.4vh, 30px)}}@media(max-width:760px){:root{--case-frame-page-pad: 0px;--case-frame-outer-pad: 9px;--case-frame-tick: 5px}.site-header{position:fixed;grid-template-columns:1fr;align-items:flex-start;gap:24px;padding:20px}.brand-area{gap:10px}.header-location{font-size:.62rem}.tabs{flex-wrap:wrap;justify-content:flex-start;gap:12px 18px;overflow-x:auto;padding-bottom:2px}.logo{width:32px}.header-contact{justify-content:flex-start}.work-hero{min-height:calc(100vh - 78px);justify-content:flex-start;padding:46px 0 0}.hero-intro{width:calc(100vw - 28px);margin-bottom:12px}.text-cylinder-canvas{height:clamp(128px,32vw,180px)}.hero-intro h1{font-size:clamp(2.2rem,14vw,4.8rem);line-height:.78}.hero-meta{position:static;width:calc(100vw - 28px);display:flex;flex-direction:column;gap:8px;margin-top:16px;font-size:.78rem}.hero-meta span:first-child,.hero-meta span:last-child{grid-column:auto;justify-self:auto;text-align:center;transform:none}.screen-wheel{height:min(60vh,560px);margin-top:-16px}.about-panel{--about-logo-width: 96px;flex-direction:column;align-items:flex-start;gap:24px;width:calc(100% - 40px);padding-top:0}.about-panel__logo{width:var(--about-logo-width);height:auto;align-self:flex-start}.about-panel__text{max-width:none;font-size:clamp(1rem,4.6vw,1.28rem);line-height:1.34}.case-section{padding:0}.case-frame{height:auto;aspect-ratio:16 / 8.2;max-height:none;padding:18px}.case-frame:before{top:9px;right:9px;bottom:9px;left:9px}.case-frame__safe{top:0;right:0;bottom:0;left:0}.case-frame__safe span:nth-child(1),.case-frame__safe span:nth-child(2){height:5px}.case-frame__safe span:nth-child(3),.case-frame__safe span:nth-child(4){width:5px}.case-cover{padding:24px 14px 28px}.case-cover h2{font-size:clamp(1.4rem,7.2vw,3.4rem);text-wrap:nowrap}.case-section[data-case-index="0"] .case-cover{padding:24px 12px 24px 13%}.case-section[data-case-index="0"] .case-cover__content{max-width:70%;gap:.8rem}.case-section[data-case-index="0"] .case-cover h2{font-size:3rem;line-height:.78}.case-section[data-case-index="0"] .case-button{min-width:7.8rem;min-height:2.35rem;padding:0 1.15rem;font-size:.76rem}.site-footer{padding:48px 20px}}
