.om-page{position:relative}.om-page main{position:relative}.om-hero{position:relative;min-height:100svh;padding-top:132px;padding-bottom:52px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:18px;isolation:isolate}.om-hero-grid{position:absolute;z-index:-1;inset:0 calc(-1 * var(--gutter));pointer-events:none;opacity:var(--grid-opacity, 0);background-image:linear-gradient(rgba(244,242,236,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(244,242,236,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(260px circle at var(--grid-x, 52%) var(--grid-y, 48%),#000 0,transparent 85%);mask-image:radial-gradient(260px circle at var(--grid-x, 52%) var(--grid-y, 48%),#000 0,transparent 85%)}.om-hero-copy{position:relative;z-index:2;padding-block:28px}.om-breadcrumb{margin:0 0 clamp(48px,8vh,92px);color:var(--muted-text);font-size:12px;text-transform:none;letter-spacing:.02em}.om-breadcrumb span{color:var(--yellow);margin-inline:10px}.om-hero h1{margin:0;max-width:800px;font-size:clamp(3rem,8.5vw,9rem);line-height:.88;letter-spacing:-.055em;font-weight:650}.om-title-line{display:block}.om-title-word{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.09em}.om-title-word>span{display:inline-block;animation:om-title-reveal 1.1s var(--ease-out) var(--word-delay, 0ms) both}.om-hero h1 i{color:var(--yellow);font-style:normal}@keyframes om-title-reveal{0%{opacity:.35;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}.om-lead{max-width:48ch;margin:28px 0 0;color:var(--muted-text);font-size:clamp(17px,1.45vw,20px);line-height:1.55}.om-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}.om-hero-actions .button{font-size:13px;min-height:54px}.om-magnetic{transition:background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out,translate .35s var(--ease-out)}.om-hero-actions .button-outline{border-color:#f4f2ec61}.om-hero-coordinate{position:absolute;bottom:28px;left:0;color:#f4f2ec6b;font-size:10px}.om-scene{--scene-rotate-x: 0deg;--scene-rotate-y: 0deg;--scene-parallax-x: 0px;--scene-light-x: 50%;--scene-light-y: 50%;position:relative;z-index:1;width:100%;max-width:560px;justify-self:end;perspective:1600px;transform-style:preserve-3d}.om-scene-depth{position:relative;width:100%;aspect-ratio:1 / 1.12;transform-style:preserve-3d;transform:rotateX(var(--scene-rotate-x)) rotateY(var(--scene-rotate-y))}.scene-visible .om-scene-depth{animation:om-scene-float 6s ease-in-out infinite}@keyframes om-scene-float{0%,to{translate:0 0;rotate:0 0 1 .6deg}50%{translate:0 -8px;rotate:0 0 1 -.6deg}}.om-teo-outline{position:absolute;z-index:0;left:50%;top:43%;color:transparent;font-size:clamp(10rem,24vw,28rem);font-weight:800;letter-spacing:-.09em;line-height:.8;-webkit-text-stroke:1px rgba(244,242,236,.24);transform:translate3d(calc(-50% + var(--scene-parallax-x)),-50%,-160px);opacity:0;transition:opacity .9s ease .5s;white-space:nowrap}.scene-visible .om-teo-outline{opacity:1}.om-frame{position:absolute;z-index:1;inset:7% 2% 3%;width:96%;height:90%;overflow:visible;transform:translate3d(24px,-24px,-80px) rotate(-3deg)}.om-frame rect{fill:none;stroke:var(--yellow);stroke-width:1.5;opacity:.6;stroke-dasharray:1960;stroke-dashoffset:1960}.scene-visible .om-frame rect{animation:om-draw-frame 1.4s ease-in-out .3s forwards}@keyframes om-draw-frame{to{stroke-dashoffset:0}}.om-portrait-card{position:absolute;z-index:2;top:7%;left:50%;width:min(39%,210px);aspect-ratio:4 / 5;border:1px solid rgba(244,242,236,.14);border-radius:24px;box-shadow:0 50px 120px -40px #000c;transform:translate3d(-50%,0,0) rotateY(25deg) translateZ(-400px);opacity:0;transition:transform 1.4s var(--ease-out),opacity 1.2s ease}.scene-visible .om-portrait-card{transform:translate3d(-50%,0,0) rotateY(0) translateZ(0);opacity:1}.om-portrait-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;border-radius:23px;clip-path:inset(100% 0 0 0);transform:scale(1.15);transition:clip-path 1.2s var(--ease-in-out),transform 1.6s var(--ease-out)}.scene-visible .om-portrait-card img{clip-path:inset(0);transform:scale(1)}.om-photo-light{position:absolute;inset:0;pointer-events:none;border-radius:23px;background:radial-gradient(circle at var(--scene-light-x) var(--scene-light-y),rgba(244,242,236,.1),transparent 48%)}.om-pills{position:absolute;z-index:3;inset:0;transform-style:preserve-3d;pointer-events:none}.om-pill{position:absolute;height:40px;display:flex;align-items:center;padding-inline:17px;border:1px solid rgba(244,242,236,.2);border-radius:999px;background:#0b0b0b;color:var(--paper);font-size:12px;white-space:nowrap;opacity:0;transform:translateZ(60px) scale(.8);transition:opacity .6s ease,transform .6s var(--ease-out),border-color .3s ease;pointer-events:auto}.om-pill-1{left:-1%;top:27%}.om-pill-2{right:-4%;top:49%}.om-pill-3{right:6%;bottom:11%}.scene-visible .om-pill{opacity:1;transform:translateZ(60px) scale(1)}.scene-visible .om-pill-1{transition-delay:.9s;animation:om-pill-float 4s ease-in-out 1.5s infinite}.scene-visible .om-pill-2{transition-delay:1.02s;animation:om-pill-float 5s ease-in-out 1.62s infinite}.scene-visible .om-pill-3{transition-delay:1.14s;animation:om-pill-float 6s ease-in-out 1.74s infinite}.om-pill:hover{border-color:var(--yellow);transform:translateZ(72px) scale(1)}@keyframes om-pill-float{0%,to{translate:0 0}50%{translate:0 -6px}}.om-sticker{position:absolute;z-index:4;left:calc(50% - 145px);top:44%;width:96px;height:96px;border-radius:50%;background:var(--yellow);color:var(--ink);opacity:0;transform:translateZ(110px) scale(0) rotate(-90deg);transition:opacity .5s ease,transform .7s var(--ease-out)}.scene-visible .om-sticker{opacity:1;transform:translateZ(110px) scale(1) rotate(0);transition-delay:1.4s}.om-sticker svg{display:block;width:100%;height:100%;overflow:visible}.scene-visible .om-sticker svg{animation:om-sticker-spin 20s linear infinite}.om-sticker:hover svg{animation-duration:6s}.om-sticker circle{fill:var(--yellow)}.om-sticker-mark{fill:none;stroke:var(--ink);stroke-width:2.7;stroke-linecap:round}@keyframes om-sticker-spin{to{transform:rotate(360deg)}}.om-marquee{width:100%;border-block:1px solid var(--line);overflow:hidden;padding-block:19px;white-space:nowrap}.om-marquee-track{display:flex;width:max-content}.om-marquee-track span{flex:none;padding-right:.25em;color:transparent;-webkit-text-stroke:1px rgba(244,242,236,.42);font-size:clamp(32px,5.5vw,72px);font-weight:550;line-height:1;letter-spacing:-.05em}.om-section{padding-block:clamp(100px,13vw,184px)}.om-label{display:flex;align-items:center;gap:16px;margin-bottom:48px;color:var(--muted-text);font-size:11px}.om-label span:first-child{color:var(--yellow)}.om-label i{height:1px;flex:1;background:var(--line)}.om-scroll-copy{max-width:1240px;margin:0;font-size:clamp(2rem,4.2vw,4.5rem);font-weight:500;line-height:1.1;letter-spacing:-.045em}.om-quote-wrap{margin-top:clamp(70px,11vw,145px)}.om-quote-wrap blockquote{position:relative;max-width:950px;margin:0;padding-left:clamp(28px,5vw,76px);font-size:clamp(2rem,5.2vw,5rem);line-height:.98;letter-spacing:-.05em}.om-quote-wrap blockquote>.om-quote-mark{position:absolute;left:0;top:-.18em;color:var(--yellow);font-size:1.45em}.om-quote-line{display:block;overflow:hidden}.om-quote-line>span{display:block}.om-section-title{margin:0 0 64px;font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.06em}.om-word-clip{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.05em}.om-word-clip>span{display:inline-block}.om-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;perspective:1200px}.om-reasons>div{display:flex}.om-reason{position:relative;isolation:isolate;width:100%;min-height:340px;padding:clamp(26px,3.2vw,48px);border:1px solid rgba(244,242,236,.12);border-radius:24px;background:#0b0b0b;transform-origin:top;transition:border-color .3s ease,transform .5s var(--ease-out)}.om-reason:hover{border-color:#f7c90080;transform:translateY(-4px) rotateX(calc(var(--reason-tilt-x, 0deg) + 1deg)) rotateY(var(--reason-tilt-y, 0deg)) translateZ(24px)}.om-reason-number{position:absolute;z-index:-1;top:10px;right:20px;color:transparent;-webkit-text-stroke:1px rgba(244,242,236,.11);font-size:clamp(6rem,13vw,12rem);line-height:.9;font-weight:700;letter-spacing:-.08em;transition:color .3s ease,-webkit-text-stroke-color .3s ease}.om-reason:hover .om-reason-number{color:#f7c90029;-webkit-text-stroke-color:rgba(247,201,0,.5)}.om-reason-index{display:block;color:var(--yellow);font-size:10px}.om-reason h3{position:relative;max-width:14ch;margin:104px 0 16px;font-size:clamp(1.5rem,2.2vw,2.25rem);line-height:1;letter-spacing:-.045em}.om-reason p{position:relative;max-width:35ch;margin:0;color:var(--muted-text);font-size:clamp(16px,1.25vw,18px);line-height:1.55}.om-interest-stage{position:relative;display:grid;place-items:center;min-height:360px;margin-top:-40px;perspective:1200px}.om-interest-ring{position:relative;width:100%;height:360px;transform-style:preserve-3d;transform:rotateY(0);animation:om-ring-turn 40s linear infinite;outline-offset:8px}.om-interest-stage:not(.is-visible) .om-interest-ring{animation-play-state:paused}.om-interest-stage.is-still .om-interest-ring{animation:none;transform:none}@keyframes om-ring-turn{to{transform:rotateY(-360deg)}}.om-interest-pill{position:absolute;top:50%;left:50%;min-width:250px;height:72px;padding-inline:30px;display:grid;place-items:center;border:1px solid rgba(244,242,236,.26);border-radius:999px;background:#0b0b0b;color:var(--paper);opacity:.8;font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:600;white-space:nowrap;transform:translate(-50%,-50%) rotateY(calc(var(--ring-index) * 360deg / var(--ring-count))) translateZ(340px);backface-visibility:visible;transition:border-color .3s ease,scale .3s ease,opacity .3s ease}.om-interest-pill.is-front{border-color:var(--yellow);opacity:1;scale:1.08}.om-interest-list{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.om-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.om-work-card{display:block;min-width:0;transform:perspective(1000px) rotateX(var(--work-tilt-x, 0deg)) rotateY(var(--work-tilt-y, 0deg));transition:transform .45s var(--ease-out)}.om-browser{border:1px solid rgba(244,242,236,.16);border-radius:14px;background:#10100e;overflow:hidden;transition:transform .5s var(--ease-out),border-color .3s ease}.om-work-card:hover .om-browser,.om-work-card:focus-visible .om-browser{transform:translateY(-6px);border-color:#f7c9008c}.om-browser-bar{height:36px;display:flex;align-items:center;gap:18px;padding-inline:12px;border-bottom:1px solid rgba(244,242,236,.1)}.om-browser-bar>span{display:flex;gap:5px}.om-browser-bar i{width:6px;height:6px;border-radius:50%;background:#f4f2ec4d}.om-browser-bar small{flex:1;color:#f4f2ec73;text-align:center;font:9px var(--app-font-mono)}.om-browser-screen{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#111}.om-browser-screen img{display:block;width:100%;object-position:top}.om-browser-screen .om-thumb{position:absolute;inset:0;height:100%;object-fit:cover;transition:opacity .3s ease}.om-browser-screen .om-full{position:absolute;top:0;left:0;height:auto;object-fit:cover;transform:translateY(0);transition:transform 10s ease-in-out}.om-browser-screen.is-scrolling .om-full{transform:translateY(calc(-1 * var(--work-distance)))}.om-browser-screen.is-scrolling .om-thumb{opacity:0}.om-browser-screen.is-returning .om-full{transition-duration:.55s}.om-work-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 2px}.om-work-meta h3{margin:0 0 6px;font-size:clamp(18px,2vw,24px);line-height:1;letter-spacing:-.04em}.om-work-meta span{color:var(--muted-text);font-size:13px}.om-work-meta b{color:var(--yellow);font-size:20px;font-weight:400;transition:transform .3s ease}.om-work-card:hover .om-work-meta b{transform:translate(3px,-3px)}.om-all-work{margin-top:24px;border-color:#f4f2ec52}.om-closing{padding-block:clamp(90px,12vw,170px) 74px;border-top:1px solid var(--line)}.om-closing h2{margin:0;font-size:clamp(3.5rem,9vw,9rem);line-height:.87;letter-spacing:-.065em}.om-closing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:42px}.om-closing-actions .button-outline{border-color:#f4f2ec59}.om-location{display:flex;justify-content:space-between;gap:16px;padding-top:76px;color:var(--muted-text);font-size:11px}.om-location i{color:var(--yellow);font-style:normal;animation:om-colon 1s steps(2,jump-none) infinite}@keyframes om-colon{50%{opacity:.2}}@media(max-width:1023px){.om-hero{grid-template-columns:1fr;align-content:start;min-height:auto;padding-top:132px;padding-bottom:20px}.om-hero-copy{max-width:780px;padding-block:0}.om-breadcrumb{margin-bottom:44px}.om-hero h1{font-size:clamp(3.2rem,10vw,7rem)}.om-lead{max-width:48ch}.om-scene{width:min(100%,480px);max-width:480px;justify-self:center;margin:12px auto 32px}.om-scene-depth{animation:om-mobile-sway 8s ease-in-out infinite}.om-scene:not(.scene-visible) .om-scene-depth{animation-play-state:paused}@keyframes om-mobile-sway{0%,to{transform:rotateY(-8deg)}50%{transform:rotateY(8deg)}}.om-portrait-card{width:min(39%,160px)}.om-pills{inset:auto 0 -5px;display:flex;justify-content:center;gap:8px;transform:none}.om-pill,.scene-visible .om-pill{position:static;height:34px;padding-inline:10px;font-size:9px;opacity:1;transform:none;animation:none}.om-pill-1,.om-pill-2,.om-pill-3{inset:auto}.om-sticker{width:72px;height:72px;left:3%;top:auto;bottom:12%}.om-frame{inset:4% 2% 8%;height:90%}.om-hero-coordinate{display:none}}@media(hover:none),(pointer:coarse){.om-hero-grid{display:none}}@media(min-width:768px)and (max-width:1199px){.om-interest-pill{transform:translate(-50%,-50%) rotateY(calc(var(--ring-index) * 360deg / var(--ring-count))) translateZ(250px)}.om-interest-stage{min-height:360px}}@media(max-width:767px){.om-hero{width:min(100% - 2 * var(--gutter),1440px);padding-top:116px;gap:0}.om-breadcrumb{margin-bottom:36px;font-size:11px}.om-hero h1{font-size:clamp(3rem,12.5vw,5.2rem)}.om-lead{margin-top:20px;font-size:17px}.om-hero-actions{align-items:stretch;gap:9px;margin-top:24px}.om-hero-actions .button{min-height:48px;padding-inline:13px;font-size:11px;gap:8px}.om-scene{width:min(100%,380px);margin-block:12px 30px}.om-scene-depth{aspect-ratio:1 / 1.16}.om-portrait-card{width:min(39%,160px);border-radius:20px}.om-portrait-card img,.om-photo-light{border-radius:19px}.om-frame{transform:translate3d(12px,-12px,-80px) rotate(-3deg)}.om-pill{font-size:8px;padding-inline:8px;height:30px}.om-sticker{width:66px;height:66px}.om-marquee{padding-block:15px}.om-section{padding-block:96px}.om-label{margin-bottom:34px}.om-scroll-copy{font-size:clamp(2rem,8vw,3rem);line-height:1.12}.om-quote-wrap{margin-top:72px}.om-quote-wrap blockquote{font-size:clamp(2rem,8.5vw,3.6rem)}.om-section-title{margin-bottom:42px;font-size:clamp(3rem,12vw,5.4rem)}.om-reasons{grid-template-columns:1fr;gap:12px}.om-reason{min-height:260px;padding:28px}.om-reason h3{margin-top:72px}.om-reason-number{font-size:8rem}.om-interest-stage{display:none}.om-interest-list{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip-path:none;white-space:normal;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.om-interest-list li{min-height:56px;display:grid;place-items:center;padding:8px 12px;border:1px solid rgba(244,242,236,.22);border-radius:999px;background:#0b0b0b;text-align:center;font-size:14px}.om-interest-list li:last-child{grid-column:1/-1}.om-work-grid{grid-template-columns:1fr;gap:10px}.om-work-card{margin-bottom:8px}.om-browser-bar{height:32px}.om-work-meta{padding-block:14px}.om-closing{padding-top:92px}.om-closing h2{font-size:clamp(3.2rem,12vw,5.5rem)}.om-closing-actions{margin-top:30px}.om-location{padding-top:58px;font-size:9px}}@media(prefers-reduced-motion:reduce){.om-page *,.om-page *:before,.om-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.om-reason:hover{transform:none}.om-title-word>span{animation:none;opacity:1;transform:none}.om-scene-depth{animation:none;transform:none}.om-portrait-card{opacity:1;transform:translate3d(-50%,0,0)}.om-portrait-card img{clip-path:inset(0);transform:none}.om-teo-outline,.om-sticker{opacity:.5}.om-interest-stage{display:none}.om-interest-list{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip-path:none;white-space:normal;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.om-interest-list li{min-height:56px;display:grid;place-items:center;padding:8px 12px;border:1px solid rgba(244,242,236,.22);border-radius:999px;background:#0b0b0b;text-align:center}}