@font-face{font-family:'Inter';src:url('fonts/inter-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('fonts/inter-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('fonts/inter-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:dark;--color-background:#09090b;--color-surface:#141417;--color-text:#f4f4f2;--color-muted:#a5a5ab;--color-accent:#d32f38;--color-border:rgba(100,100,112,.15);--container-width:1440px;--gutter:clamp(24px,5vw,88px);--space-section:clamp(100px,15svh,180px);--radius-sm:4px;--radius-pill:100px;--ease-standard:cubic-bezier(.2,.7,.2,1);--ease-expressive:cubic-bezier(.16,1,.3,1);--ease-motion:cubic-bezier(.22,.78,.22,1);--duration-fast:220ms;--duration-medium:600ms;--duration-slow:1000ms;font-family:Inter,system-ui,-apple-system,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:100px}html,body{overflow-x:clip}body{margin:0;background:var(--color-background);color:var(--color-text)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:7px}button:disabled{cursor:default}::selection{background:var(--color-accent);color:#060606}.container{width:min(100% - var(--gutter)*2,var(--container-width));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:12px;left:24px;padding:14px;background:var(--color-accent);color:#060606;transform:translateY(-180%)}.skip-link:focus{transform:none}
.header{position:fixed;inset:0 0 auto;z-index:30;transition:background var(--duration-fast),border-color var(--duration-fast);border-bottom:1px solid transparent}.header.is-scrolled{background:rgba(6,6,6,.93);border-color:var(--color-border)}.header-inner{min-height:104px;display:flex;align-items:center;gap:48px}.wordmark{font-size:29px;font-weight:800;letter-spacing:-1.8px;position:relative}.wordmark>span{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:4px;position:relative;top:4px}.desktop-nav{display:flex;gap:34px;margin-left:auto}.desktop-nav a{font-size:14px;color:#c5c5bf;transition:color var(--duration-fast)}a[aria-disabled=true]{cursor:default}.desktop-nav a[href]:hover{color:var(--color-accent)}.header-cta{border:1px solid #555643;background:transparent;color:var(--color-text);border-radius:var(--radius-pill);padding:15px 21px;font-size:11px;letter-spacing:.045em;display:flex;gap:23px;align-items:center;transition:border-color var(--duration-fast),background var(--duration-fast)}.header-cta:hover{border-color:var(--color-accent);background:#d32f380a}.header-cta span{font-size:19px;font-weight:400;line-height:.6;color:var(--color-accent)}.menu-toggle,.mobile-menu{display:none}
.hero{position:relative;min-height:100svh}.hero-scene{position:relative;min-height:max(800px,100svh);overflow:hidden;isolation:isolate}.hero-background{position:absolute;inset:0;z-index:-5;background:radial-gradient(ellipse at 29% 24%,#15160e 0,rgba(15,16,11,.6) 24%,transparent 55%),radial-gradient(ellipse at 65% 45%,#0c0c0b,transparent 58%),#060606}.hero-background:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,#0005 100%)}.technical-grid{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(to right,#dbdec013 1px,transparent 1px),linear-gradient(to bottom,#dbdec00b 1px,transparent 1px);background-size:calc((100vw - 2*var(--gutter))/12) 100%,100% 144px;mask-image:radial-gradient(ellipse at 66% 36%,#0008,transparent 68%);pointer-events:none}.ambient-position{position:absolute;width:1100px;height:825px;left:-270px;top:-225px;z-index:-2;pointer-events:none}.field{position:absolute;width:100%;height:100%;overflow:visible}.hero-content{position:relative;padding-top:clamp(265px,34svh,410px);padding-bottom:180px}.content-depth{margin-left:8.333%;transform-origin:25% 45%}.eyebrow{display:flex;align-items:center;gap:12px;font:11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.17em;margin:0 0 29px;color:#b5b6aa}.signal{height:5px;width:5px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 12px #d32f3840}h1{font-size:clamp(54px,6.35vw,98px);font-weight:600;line-height:1.045;letter-spacing:-.057em;margin:0}.text-mask{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.title-line{display:block}.second-line{color:#c3c4ba}.accent{color:var(--color-accent)}.hero-bottom-content{margin-top:34px;display:flex;align-items:center;gap:clamp(45px,6vw,105px)}.supporting-copy{font-size:16px;line-height:1.75;color:var(--color-muted);max-width:355px;margin:0;text-wrap:pretty}.primary-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:36px;min-height:60px;padding:0 25px 0 29px;background:var(--color-accent);color:#101107;border:1px solid #d5d83360;border-radius:var(--radius-pill);font-size:12px;letter-spacing:.04em;font-weight:700;box-shadow:inset 0 1px 0 #f9ffc333;transition:transform var(--duration-fast) var(--ease-standard),background var(--duration-fast),box-shadow var(--duration-fast)}.primary-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff4 48%,transparent 70%);transform:translateX(-150%);transition:transform var(--duration-medium) var(--ease-standard);pointer-events:none}.primary-cta svg{width:21px;height:21px;transition:transform var(--duration-fast) var(--ease-standard)}@media(hover:hover){.primary-cta:hover{transform:translateY(-2px);background:#d0d32a;box-shadow:0 6px 26px #d32f3814,inset 0 1px 0 #f9ffc333}.primary-cta:hover:before{transform:translateX(150%)}.primary-cta:hover svg{transform:translate(2px,-2px)}}.primary-cta:active{transform:translateY(0)}.side-metadata{position:absolute;right:var(--gutter);top:34%;display:flex;flex-direction:column;align-items:center;gap:23px;color:#74766c;font:10px Inter,system-ui,sans-serif;letter-spacing:.1em}.metadata-line{height:70px;width:1px;background:linear-gradient(#a4a77f88,#a4a77f11)}.vertical-label{writing-mode:vertical-rl;font-size:10px;letter-spacing:.3em}.cross{margin-top:80px;font-size:22px;font-weight:100;color:#848670}.hero-baseline{position:absolute;bottom:39px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#696c60}.baseline-mark{font:10px Inter,system-ui,sans-serif;letter-spacing:.12em}.scroll-cue{display:flex;gap:16px;align-items:center;font:10px Inter,system-ui,sans-serif;margin-left:-55px}.scroll-cue svg{width:10px;height:22px;color:#a0a38c}.transition-line{position:absolute;left:50%;bottom:0;width:1px;height:85px;background:linear-gradient(transparent,#d32f38);opacity:.13}.contact-status{position:fixed;right:24px;bottom:24px;z-index:50;max-width:min(360px,calc(100vw - 48px));padding:0;color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-sm);font-size:14px;line-height:1.6}.contact-status:not(:empty){padding:18px 22px;border:1px solid var(--color-border)}
@media(min-width:1700px){.ambient-position{left:-140px;width:1250px;height:937px}}
@media(max-width:1100px){.header-inner{gap:30px}.desktop-nav{gap:23px}.header-cta{padding:14px 17px;gap:14px}.content-depth{margin-left:3%}.hero-bottom-content{gap:45px}.side-metadata{right:calc(var(--gutter)/2)}h1{font-size:clamp(53px,6.9vw,78px)}}
@media(max-width:760px){:root{--gutter:26px}.header-inner{min-height:84px;justify-content:space-between}.wordmark{font-size:26px}.desktop-nav,.header-inner>.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;align-items:center;width:44px;height:44px;border:1px solid #ffffff20;border-radius:50%;background:transparent;color:var(--color-text)}.menu-toggle span{height:1px;width:17px;background:currentColor;transition:transform var(--duration-fast)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu:not([hidden]){display:flex;flex-direction:column;padding:26px var(--gutter) 34px;background:#09090d;border-bottom:1px solid var(--color-border)}.mobile-menu>a{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:26px;letter-spacing:-.035em;color:#aaa}.mobile-menu>a span{font:11px Inter,system-ui,sans-serif;color:#686b59}.mobile-menu .header-cta{margin-top:20px;align-self:flex-start;min-height:48px}.hero-scene{min-height:max(760px,100svh)}.hero-content{padding-top:clamp(245px,33svh,345px);padding-bottom:160px}.content-depth{margin-left:0}h1{font-size:clamp(35px,8.25vw,61px);line-height:1.09;letter-spacing:-.055em}.eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:25px}.hero-bottom-content{display:block;margin-top:29px}.supporting-copy{font-size:16px;line-height:1.7;max-width:320px}.cta-reveal{margin-top:30px}.primary-cta{min-height:59px;padding-inline:25px;gap:31px}.ambient-position{width:840px;height:630px;left:-335px;top:-125px}.technical-grid{background-size:25% 100%,100% 160px;opacity:.5}.side-metadata{display:none}.hero-baseline{bottom:29px}.baseline-mark{font-size:9px}.scroll-cue{margin-left:0}.transition-line{height:64px}.header.is-open{background:#09090d}}
@media(max-width:359px){:root{--gutter:20px}h1{font-size:9vw}.eyebrow{font-size:9px}.primary-cta{gap:22px;font-size:11px}.baseline-mark{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.title-line,.content-depth,.ambient-position,.ambient-pointer,.technical-grid{transform:none!important;opacity:1!important}}
/* Motion: entrance on inner elements; scroll on parents to avoid transform conflicts. */
.hero.has-depth .hero-scene{position:sticky}
.content-depth{transform:translateY(var(--content-y,0px)) scale(var(--content-scale,1));opacity:var(--content-opacity,1)}
.ambient-position{transform:translateY(var(--field-y,0px)) scale(var(--field-scale,1));transform-origin:40% 45%}

.technical-grid{transform:translateY(var(--grid-y,0px))}
.transition-line{opacity:var(--transition-opacity,.13)}
.hero-baseline{opacity:var(--cue-opacity,1)}
@keyframes reveal-line{from{transform:translateY(112%) skewY(2deg);opacity:.25}to{transform:translateY(0) skewY(0);opacity:1}}
@keyframes enter{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes enter-copy{from{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes enter-cta{from{transform:translateY(14px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
@keyframes fade{from{opacity:0}to{opacity:1}}

@media(prefers-reduced-motion:no-preference){
.wordmark{animation:enter var(--duration-medium) var(--ease-expressive) 80ms backwards}
.desktop-nav a{animation:enter var(--duration-medium) var(--ease-expressive) 160ms backwards}
.desktop-nav a:nth-child(2){animation-delay:200ms}.desktop-nav a:nth-child(3){animation-delay:240ms}.desktop-nav a:nth-child(4){animation-delay:280ms}
.header-inner>.header-cta,.menu-toggle{animation:enter var(--duration-medium) var(--ease-expressive) 320ms backwards}
.field{animation:fade 1200ms var(--ease-standard) 60ms backwards}
.technical-grid{animation:fade var(--duration-slow) var(--ease-standard) 130ms backwards}
.eyebrow{animation:enter 700ms var(--ease-expressive) 200ms backwards}
.title-line{animation:reveal-line 950ms var(--ease-expressive) 290ms backwards}
.second-line{animation-delay:390ms}
.supporting-copy{animation:enter-copy 750ms var(--ease-expressive) 520ms backwards}
.cta-reveal{animation:enter-cta 750ms var(--ease-expressive) 620ms backwards}
.side-metadata,.baseline-mark,.scroll-cue{animation:enter 700ms var(--ease-expressive) 760ms backwards}

.mobile-menu:not([hidden]){animation:enter 220ms var(--ease-standard)}
}
@media(prefers-reduced-motion:reduce){.hero.has-depth .hero-scene{position:relative;top:0!important}.content-depth{opacity:1!important;transform:none!important}.hero-baseline{opacity:1}.transition-line{opacity:.25}}

/* Interactive membrane: geometry deforms locally; text and UI never follow the pointer. */
.ambient-position.wave-position{inset:0;width:100%;height:100%;transform-origin:42% 40%;opacity:var(--wave-opacity,1);mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%)}
.wave-field{inset:0;overflow:hidden;stroke:url(#wave-graphite)}
.wave-field [data-depth="back"]{opacity:calc(.29 + var(--energy,0)*.14);stroke-width:.65;transform:scale(var(--wave-back-scale,1));transform-origin:center}
.wave-field [data-depth="mid"]{opacity:calc(.52 + var(--energy,0)*.2);stroke-width:.9;transform:scale(var(--wave-mid-scale,1));transform-origin:center}
.wave-field [data-depth="front"]{opacity:calc(.78 + var(--energy,0)*.22);stroke-width:1.18;transform:scale(var(--wave-front-scale,1));transform-origin:center}
.wave-light-pass{stroke:url(#wave-light);stroke-width:1.35;opacity:.92}
.wave-pointer-pass{stroke:url(#wave-pointer-light);stroke-width:calc(1.45 + var(--wave-energy,0)*.9)}
.wave-veil{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 55% 38% at 44% 51%,#060606f5 0%,#060606d9 31%,#06060680 54%,transparent 78%),radial-gradient(ellipse 24% 24% at 38% 66%,#060606e8 0%,#06060670 61%,transparent 100%),linear-gradient(0deg,#060606 0%,transparent 15%)}
.technical-grid{z-index:-1;opacity:.5}
@media(max-width:1100px){.wave-field [data-wave="0:1"],.wave-field [data-wave="0:4"],.wave-field [data-wave="0:7"],.wave-field [data-wave="0:10"],.wave-field [data-wave="0:13"],.wave-field [data-wave="0:16"],.wave-field [data-wave="1:2"],.wave-field [data-wave="1:5"],.wave-field [data-wave="1:8"]{display:none}}
@media(max-width:760px){.wave-field [data-wave="0:3"],.wave-field [data-wave="0:9"],.wave-field [data-wave="0:15"],.wave-field [data-wave="1:1"],.wave-field [data-wave="1:7"]{display:none}.wave-veil{background:radial-gradient(ellipse 76% 43% at 44% 52%,#060606f4 0%,#060606dc 38%,#06060668 66%,transparent 100%),linear-gradient(0deg,#060606 0%,transparent 15%)}.wave-light-pass{opacity:.82}.wave-field [data-depth="front"]{opacity:.72;stroke-width:1.08}}
@media(prefers-reduced-motion:reduce){.ambient-position.wave-position{transform:none!important;opacity:1!important}.wave-pointer-pass{display:none}}

/* Stage 02: Manifesto / perception break. */
.manifesto{position:relative;z-index:4;height:205svh;margin-top:-70svh;background:transparent;isolation:isolate}
.manifesto-stage{--manifesto-approach:0;--manifesto-entry-scale:1.025;--manifesto-a:0;--manifesto-b:0;--manifesto-c:0;--manifesto-exit:0;--manifesto-text-scale:1;--manifesto-line-progress:0;position:sticky;top:0;height:100svh;min-height:720px;overflow:hidden;background:radial-gradient(ellipse 72% 88% at 92% 18%,#171808 0%,#0d0e09 23%,transparent 60%),linear-gradient(138deg,#080908 0%,#060706 58%,#0a0a08 100%);opacity:var(--manifesto-approach);transform:scale(var(--manifesto-entry-scale));transform-origin:50% 18%}
.manifesto-stage:before{content:"";position:absolute;z-index:-2;width:74vw;height:74vw;min-width:850px;min-height:850px;right:-39vw;top:-48vw;background:radial-gradient(ellipse,#d32f381f 0%,#a6a9130c 34%,transparent 69%);transform:translate(var(--manifesto-glow-x,0),var(--manifesto-glow-y,0)) scale(calc(1 + var(--manifesto-exit)*.16));opacity:calc(.62 + var(--manifesto-complete)*.25);pointer-events:none}
.manifesto-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 64% 54% at 30% 53%,transparent 0%,#0607062e 65%,#050505a8 100%);pointer-events:none}
.manifesto-grid{position:absolute;inset:0;pointer-events:none;color:#777a69;font:10px Inter,system-ui,sans-serif;letter-spacing:.13em;opacity:calc(.28 + var(--manifesto-approach)*.48)}
.manifesto-grid-vertical{position:absolute;top:0;bottom:0;left:8.333%;width:1px;background:linear-gradient(transparent,#e2e5c61b 18%,#e2e5c60d 76%,transparent)}
.manifesto-grid-horizontal{position:absolute;left:0;right:0;top:76%;height:1px;background:linear-gradient(90deg,transparent 2%,#e2e5c610 8%,#e2e5c608 72%,transparent)}
.manifesto-coordinate{position:absolute;right:var(--gutter);top:21%;writing-mode:vertical-rl}
.manifesto-cross{position:absolute;right:calc(var(--gutter) + 2px);top:74.5%;font-size:19px;color:#9da078}
.manifesto-connector{position:absolute;inset:0;z-index:1;pointer-events:none}
.connector-vertical{position:absolute;left:50%;top:0;width:1px;height:31svh;background:linear-gradient(#d32f38,#d32f3855 57%,#d32f380a);transform:scaleY(var(--manifesto-line-progress));transform-origin:top;box-shadow:0 0 12px #d32f381c}
.connector-turn{position:absolute;left:50%;top:31svh;width:min(24vw,330px);height:1px;background:linear-gradient(90deg,#d32f3855,#d32f3814);transform:scaleX(var(--manifesto-line-progress));transform-origin:left}
.connector-point{position:absolute;left:calc(50% + min(24vw,330px));top:calc(31svh - 2px);width:5px;height:5px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 16px #d32f3859;opacity:var(--manifesto-line-progress);transform:translateX(-2px)}
.manifesto-content{position:relative;z-index:2;height:100%;padding-top:clamp(138px,17svh,190px);transform:translateY(var(--manifesto-text-y,0)) scale(var(--manifesto-text-scale));transform-origin:22% 54%;opacity:calc(1 - var(--manifesto-exit)*.98)}
.manifesto-marker{display:flex;align-items:center;gap:12px;margin:0 0 clamp(30px,4svh,48px);margin-left:8.333%;font:11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.17em;color:#9d9f93;opacity:var(--manifesto-approach);transform:translateY(calc((1 - var(--manifesto-approach))*18px))}
.manifesto-marker>span{width:5px;height:5px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 12px #d32f3842}
.manifesto-statement{width:min(91.667%,1270px);margin:0 0 0 8.333%;font-size:clamp(44px,5.35vw,82px);font-weight:530;line-height:1.01;letter-spacing:-.052em;color:var(--color-text)}
.manifesto-thought{display:block;overflow:hidden;padding:.04em 0 .1em;margin-bottom:clamp(8px,1.3svh,16px)}
.manifesto-thought>span{display:block;transform:translateY(108%)}
.thought-a>span{transform:translateY(calc((1 - var(--manifesto-a))*108%));opacity:calc(.08 + var(--manifesto-a)*.92);color:color-mix(in srgb,var(--color-text) calc(30% + var(--manifesto-a)*70%),transparent)}
.thought-b>span{transform:translateY(calc((1 - var(--manifesto-b))*108%));opacity:calc(.08 + var(--manifesto-b)*.92);color:color-mix(in srgb,var(--color-text) calc(25% + var(--manifesto-b)*75%),transparent)}
.thought-c>span{transform:translateY(calc((1 - var(--manifesto-c))*108%));opacity:calc(.08 + var(--manifesto-c)*.92);color:color-mix(in srgb,var(--color-text) calc(28% + var(--manifesto-c)*72%),transparent)}
.manifesto-statement b,.manifesto-statement strong{font-weight:600}.manifesto-statement em,.manifesto-statement i{font-style:normal;color:var(--color-accent);text-shadow:0 0 28px #d32f3812}.thought-c strong{color:#fbfbf4}.thought-c i{font-weight:650}
.manifesto-aperture{position:absolute;z-index:3;right:-4%;bottom:-8%;width:58%;height:54%;background:radial-gradient(ellipse at 100% 100%,#020202 0%,#030303 38%,transparent 71%);opacity:var(--manifesto-aperture);transform:scale(calc(.72 + var(--manifesto-aperture)*.38));transform-origin:right bottom;pointer-events:none}

@media(max-width:1100px){.manifesto{height:210svh}.manifesto-stage{min-height:680px}.manifesto-content{padding-top:clamp(135px,18svh,175px)}.manifesto-statement{font-size:clamp(43px,5.9vw,68px);width:88%}.manifesto-grid-vertical,.manifesto-marker,.manifesto-statement{margin-left:3%}.manifesto-grid-vertical{left:var(--gutter)}}
@media(max-width:760px){.manifesto{height:185svh;margin-top:-55svh}.manifesto-stage{min-height:700px;transform-origin:50% 8%}.manifesto-stage:before{width:950px;height:950px;right:-690px;top:-590px;opacity:.56}.manifesto-content{padding-top:clamp(130px,17svh,158px)}.manifesto-marker{margin-left:0;margin-bottom:27px;font-size:10px;letter-spacing:.13em}.manifesto-statement{width:100%;margin-left:0;font-size:clamp(34px,9.2vw,48px);line-height:1.055;letter-spacing:-.047em}.manifesto-thought{margin-bottom:15px}.manifesto-grid-vertical{left:var(--gutter)}.manifesto-grid-horizontal{top:82%}.manifesto-coordinate,.manifesto-cross{display:none}.connector-vertical{height:22svh}.connector-turn{top:22svh;width:19vw}.connector-point{left:calc(50% + 19vw);top:calc(22svh - 2px)}.manifesto-aperture{width:78%;height:45%}}
@media(max-width:359px){.manifesto-statement{font-size:9vw}.manifesto-content{padding-top:125px}}
@media(prefers-reduced-motion:reduce){.manifesto{height:auto;min-height:100svh;margin-top:0}.manifesto-stage{position:relative;min-height:100svh;height:auto;opacity:1!important;transform:none!important}.manifesto-content{min-height:100svh;transform:none!important;opacity:1!important}.manifesto-marker,.manifesto-thought>span{opacity:1!important;transform:none!important}.manifesto-connector{opacity:.35}.manifesto-aperture{display:none}}

/* Stage 04: Creative System / editorial service showcase. */
.capabilities{position:relative;z-index:5;height:550svh;margin-top:-70svh;background:transparent;isolation:isolate}
.capabilities-stage{--cap-approach:0;--cap-marker:0;--cap-system:0;--cap-exit:0;--cap-progress:0;position:sticky;top:0;height:100svh;min-height:720px;overflow:hidden;background:radial-gradient(ellipse 74% 65% at 78% 43%,#15170c 0%,#0b0c08 37%,transparent 72%),linear-gradient(145deg,#050605 0%,#090a07 53%,#050505 100%);opacity:var(--cap-approach);transform:scale(var(--cap-stage-scale,1.025));transform-origin:78% 24%}
.capabilities-stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#040504d9 0%,transparent 42%),radial-gradient(ellipse at center,transparent 45%,#02030278 100%)}
.capabilities-atmosphere{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none;transform:translate3d(var(--cap-bg-x,0px),var(--cap-bg-y,0px),0)}
.capabilities-atmosphere span{position:absolute;border:1px solid #dfe19e0b;border-radius:50%;background:radial-gradient(circle,#d32f380d 0%,transparent 68%)}
.capabilities-atmosphere span:nth-child(1){width:72vw;height:72vw;right:-30vw;top:-42vw}.capabilities-atmosphere span:nth-child(2){width:38vw;height:38vw;left:-24vw;bottom:-19vw}.capabilities-atmosphere span:nth-child(3){width:8px;height:8px;right:13%;top:27%;background:var(--color-accent);border:0;box-shadow:0 0 34px 13px #d32f3817}
.capabilities-grid{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:var(--cap-grid-opacity,.18);background-image:linear-gradient(90deg,#e7e9c70b 1px,transparent 1px),linear-gradient(#e7e9c708 1px,transparent 1px);background-size:calc((100vw - var(--gutter)*2)/12) 100%,100% 12.5svh;mask-image:linear-gradient(90deg,transparent 3%,#000 16%,#000 91%,transparent)}
.capabilities-intro{position:relative;z-index:2;height:100%;padding-top:clamp(136px,17svh,188px);transform:translateY(var(--cap-intro-y,0px)) scale(var(--cap-intro-scale,1));transform-origin:12% 42%;opacity:var(--cap-intro-opacity,1)}
.capabilities-marker{display:flex;align-items:center;gap:12px;margin:0 0 clamp(30px,4svh,46px) 8.333%;font:11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.17em;color:#a4a69b;opacity:var(--cap-marker);transform:translateY(var(--cap-marker-y,20px))}
.capabilities-marker>span{width:5px;height:5px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 13px #d32f3851}
.capabilities-title{width:min(82%,1190px);margin:0 0 0 8.333%;font-size:clamp(48px,6.05vw,92px);font-weight:560;line-height:.995;letter-spacing:-.058em;text-wrap:balance}
.capability-title-line{display:block;overflow:hidden;padding:.035em 0 .105em;margin-bottom:-.07em}.capability-title-line>span{display:block;transform:translateY(var(--line-y,112%));opacity:var(--line-opacity,.08)}.capability-title-line:nth-child(2){margin-left:8.333%;color:#c7c8c0}.capability-title-line:nth-child(3){margin-left:16.666%}.capabilities-title em{font-style:normal;color:var(--color-accent);font-weight:630;text-shadow:0 0 34px #d32f3813}
.creative-system{position:absolute;z-index:3;inset:0;display:grid;grid-template-columns:minmax(390px,42%) minmax(0,58%);gap:clamp(22px,3vw,54px);padding-top:clamp(108px,12svh,138px);padding-bottom:clamp(32px,5svh,58px);opacity:var(--cap-system);transform:translateY(var(--cap-system-y,60px)) scale(var(--cap-system-scale,1.08));transform-origin:65% 52%}
.services-column{position:relative;align-self:center;padding-left:8.333%;transform:translateX(var(--cap-list-x,0px));opacity:var(--cap-list-opacity,1)}
.system-heading{display:flex;justify-content:space-between;gap:24px;margin:0 0 15px 27px;color:#777a6e;font:9px/1.4 Inter,system-ui,sans-serif;letter-spacing:.13em}.system-heading span:last-child{white-space:nowrap}
.service-progress{position:absolute;left:8.333%;top:32px;bottom:2px;width:1px;background:#eceec814;overflow:hidden}.service-progress>span{position:absolute;inset:0;background:linear-gradient(var(--color-accent),#d32f3830);transform:scaleY(var(--cap-progress));transform-origin:top;box-shadow:0 0 8px #d32f3833}
.service-list{list-style:none;margin:0;padding:0}.service-list li{border-top:1px solid #eff0d00d}.service-list li:last-child{border-bottom:1px solid #eff0d00d}.service-item{position:relative;width:100%;min-height:clamp(54px,7svh,72px);display:grid;grid-template-columns:35px 1fr 28px;align-items:center;gap:9px;padding:0;border:0;background:transparent;color:var(--service-color,#6f716a);text-align:left;font-size:clamp(15px,1.28vw,20px);letter-spacing:-.025em;opacity:calc(.58 + var(--service-focus,0)*.42)}.service-number{font:10px Inter,system-ui,sans-serif;letter-spacing:.09em;color:var(--service-number-color,#5d6054);transform:translateX(calc(var(--service-focus,0)*2px))}.service-item i{justify-self:end;width:13px;height:1px;background:color-mix(in srgb,var(--color-accent) calc(var(--service-focus,0)*100%),#77795e);transform:scaleX(calc(.25 + var(--service-focus,0)*.75));transform-origin:right}.service-item.is-active i{box-shadow:0 0 calc(var(--service-focus,0)*9px) #d32f3833}
@media(hover:hover){.service-item:hover,.service-item:focus-visible{color:#d9dad2}.service-item:hover i,.service-item:focus-visible i{transform:scaleX(.72);background:var(--color-accent)}}
.visual-column{position:relative;min-width:0;align-self:stretch;transform:translate3d(var(--cap-column-x,0px),var(--cap-column-y,0px),0)}
.service-counter{position:absolute;z-index:5;right:0;top:-31px;display:flex;align-items:center;gap:7px;color:#858879;font:10px Inter,system-ui,sans-serif;letter-spacing:.12em}.counter-window{height:13px;overflow:hidden}.counter-track{display:flex;flex-direction:column;transform:translateY(var(--counter-y,0px))}.counter-track b{height:13px;color:var(--color-accent);font-weight:400}
.system-stage{position:absolute;inset:0;overflow:hidden;border:1px solid #e9ebc415;background:linear-gradient(145deg,#11130c 0%,#090a08 55%,#11120d 100%);perspective:1200px;box-shadow:0 28px 75px #0007;transform:rotateX(var(--cap-rotate-x,0deg)) rotateY(var(--cap-rotate-y,0deg));transform-style:preserve-3d}
.system-stage:before{content:"";position:absolute;inset:-30%;z-index:10;pointer-events:none;background:radial-gradient(circle at var(--cap-light-x,50%) var(--cap-light-y,44%),#e5e87a13 0%,transparent 27%);mix-blend-mode:screen}
.system-stage:after{content:"";position:absolute;inset:0;z-index:11;pointer-events:none;box-shadow:inset 0 0 80px #0008}
.service-visual{--panel-opacity:0;--panel-scale:1.04;--panel-y:36px;position:absolute;inset:0;overflow:hidden;padding:clamp(23px,2.5vw,42px);opacity:var(--panel-opacity);transform:translate3d(0,var(--panel-y),0) scale(var(--panel-scale));pointer-events:none;background:radial-gradient(circle at 72% 30%,#d32f380e,transparent 37%),#0d0f0a}
.service-visual.is-active{z-index:2}.visual-index,.visual-caption{position:absolute;z-index:8;font:9px/1.4 Inter,system-ui,sans-serif;letter-spacing:.15em;color:#8d9080}.visual-index{top:clamp(23px,2.5vw,42px);left:clamp(23px,2.5vw,42px)}.visual-caption{bottom:clamp(23px,2.5vw,42px);left:clamp(23px,2.5vw,42px)}.visual-layer-back{transform:translate3d(var(--layer-back-x,0px),calc(var(--layer-back-y,0px) + var(--cap-float-back,0px)),0)}.visual-layer-content{transform:translate3d(var(--layer-content-x,0px),calc(var(--layer-content-y,0px) + var(--cap-float-content,0px)),24px)}.visual-layer-front{transform:translate3d(var(--layer-front-x,0px),calc(var(--layer-front-y,0px) + var(--cap-float-front,0px)),55px)}
/* Neutral, replaceable visual systems. */
.identity-grid{position:absolute;inset:18% 9% 17%;background-image:linear-gradient(90deg,#dfe2bf12 1px,transparent 1px),linear-gradient(#dfe2bf12 1px,transparent 1px);background-size:12.5% 100%,100% 20%}.identity-symbol{position:absolute;width:min(30vw,370px);aspect-ratio:1;right:8%;top:16%;border:1px solid #dfe2bf28;border-radius:50%}.identity-symbol span{position:absolute;inset:18%;border:1px solid #d32f387a;transform:rotate(45deg)}.identity-symbol span:last-child{inset:32%;border-radius:50%;background:#d32f380d}.identity-type{position:absolute;left:11%;top:30%;font-size:clamp(110px,15vw,245px);line-height:.8;letter-spacing:-.11em;color:#e9eade;font-weight:650;text-shadow:0 20px 45px #0009}
.browser-shell{position:absolute;inset:17% 8% 14%;border:1px solid #dfe2bf2b;background:#090a08;box-shadow:16px 20px 0 #05060580}.browser-shell>i{position:absolute;top:15px;width:5px;height:5px;border-radius:50%;background:#7a7c6d}.browser-shell>i:nth-child(1){left:17px}.browser-shell>i:nth-child(2){left:29px}.browser-shell>i:nth-child(3){left:41px}.browser-shell:after{content:"";position:absolute;left:0;right:0;top:35px;height:1px;background:#dfe2bf1b}.browser-grid{position:absolute;inset:18% 8% 9%;background:linear-gradient(90deg,#d32f38 0 30%,transparent 30%) 0 0/100% 8% no-repeat,linear-gradient(#dfe2bf14 1px,transparent 1px) 0 0/100% 20%,linear-gradient(90deg,#dfe2bf10 1px,transparent 1px) 0 0/25% 100%}.browser-float{position:absolute;right:4%;bottom:18%;width:34%;height:25%;display:flex;align-items:end;justify-content:space-between;padding:20px;border:1px solid #d32f384a;background:#15170ee8;color:#c7c9bb;font:10px Inter,system-ui,sans-serif;box-shadow:0 24px 50px #0008}.browser-float b{font-size:29px;color:var(--color-accent);font-weight:400}
.traffic-frame{position:absolute;width:34%;aspect-ratio:.78;padding:22px;border:1px solid #e5e7c726;background:linear-gradient(155deg,#171910,#080908);box-shadow:0 25px 55px #0009}.traffic-frame b{font:11px Inter,system-ui,sans-serif;color:var(--color-accent)}.traffic-frame span{position:absolute;left:20px;bottom:20px;font-size:clamp(18px,2vw,31px);font-weight:650;letter-spacing:-.05em}.frame-a{left:9%;top:24%;rotate:-6deg}.frame-b{left:35%;top:14%;z-index:2;rotate:2deg}.frame-c{right:7%;top:28%;z-index:3;rotate:7deg}
.portrait-field{position:absolute;inset:0;background:radial-gradient(ellipse at 57% 42%,#777b4e55 0%,#202318 21%,transparent 49%),linear-gradient(122deg,transparent 35%,#dde0900a 35% 36%,transparent 36%)}.portrait-frame{position:absolute;left:22%;top:13%;width:55%;height:72%;display:grid;place-items:center;border:1px solid #dfe2bf27;background:linear-gradient(145deg,#151710b5,#08090880);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.portrait-frame span{font:10px/1.6 Inter,system-ui,sans-serif;letter-spacing:.18em;color:#979a86;text-align:center}.ai-orbit{position:absolute;width:34%;aspect-ratio:1;right:7%;bottom:8%;border:1px solid #d32f3862;border-radius:50%;box-shadow:inset 0 0 40px #d32f380b}.ai-orbit:after{content:"";position:absolute;width:7px;height:7px;left:8%;top:25%;border-radius:50%;background:var(--color-accent);box-shadow:0 0 20px #d32f3888}
.slide{position:absolute;width:62%;height:43%;padding:18px;border:1px solid #e6e8c627;background:#0d0f0b;box-shadow:0 22px 52px #0009}.slide b{font:10px Inter,system-ui,sans-serif;color:#858879}.slide i{position:absolute;left:10%;right:10%;bottom:16%;height:42%;background:linear-gradient(90deg,#d32f38 0 36%,transparent 36%),repeating-linear-gradient(#e8eac51d 0 1px,transparent 1px 12px)}.slide-one{left:7%;top:13%;rotate:-4deg}.slide-two{right:6%;top:27%;z-index:2;rotate:3deg}.slide-three{left:18%;bottom:8%;z-index:3;rotate:-1deg}
.copy-lines{position:absolute;inset:16% 10%;display:flex;flex-direction:column;gap:15%}.copy-lines i{height:1px;background:linear-gradient(90deg,#e2e4c62b 0 70%,transparent 70%)}.copy-lines i:nth-child(2){width:84%}.copy-lines i:nth-child(3){width:92%}.copy-lines i:nth-child(4){width:64%}.visual-copy blockquote{position:absolute;left:11%;top:27%;margin:0;font-size:clamp(38px,5vw,74px);font-weight:570;line-height:1.02;letter-spacing:-.055em}.visual-copy blockquote em{font-style:normal;color:var(--color-accent)}.copy-cursor{position:absolute;width:1px;height:13%;right:13%;bottom:20%;background:var(--color-accent);box-shadow:0 0 13px #d32f3866}
.social-frame{position:absolute;width:27%;height:61%;top:19%;border:1px solid #e5e7c626;background:linear-gradient(155deg,#16180f,#070807);box-shadow:0 24px 55px #0009}.social-frame span{position:absolute;top:16px;left:16px;font:10px Inter,system-ui,sans-serif;color:var(--color-accent)}.social-frame:after{content:"";position:absolute;inset:22% 12% 11%;background:radial-gradient(circle at 55% 35%,#d32f3844 0 8%,transparent 9%),linear-gradient(140deg,transparent 0 45%,#cfd18118 45% 46%,transparent 46%),repeating-linear-gradient(#dfe2bf17 0 1px,transparent 1px 18px)}.social-a{left:8%;rotate:-5deg}.social-b{left:37%;top:13%;z-index:2}.social-c{right:7%;rotate:5deg}
.mobile-services{display:none}.process-axis{position:absolute;z-index:6;left:8.333%;bottom:0;width:1px;height:18svh;background:#e6e8c719;transform:translateX(var(--cap-axis-x,0px));opacity:var(--cap-axis-opacity,.3)}.process-axis>span{position:absolute;left:-1px;top:0;width:3px;height:clamp(22px,4svh,42px);background:var(--color-accent);box-shadow:0 0 12px #d32f3842;transform:translateY(var(--cap-axis-marker-y,0px))}

@media(max-width:1100px) and (min-width:761px){.creative-system{grid-template-columns:minmax(330px,44%) minmax(0,56%);gap:24px}.services-column{padding-left:0}.service-progress{left:0}.capabilities-title{font-size:clamp(48px,6.4vw,69px)}.service-item{font-size:15px}.system-heading{margin-left:26px}.identity-type{font-size:15vw}}
@media(max-width:900px){.capabilities{height:auto;min-height:100svh;margin-top:-20svh;background:#060706}.capabilities-stage{position:relative;height:auto;min-height:0;overflow:hidden;opacity:1;transform:none;background:radial-gradient(ellipse 110% 28% at 90% 3%,#15170c 0%,#090a07 42%,transparent 70%),#060706}.capabilities-stage:after{background:radial-gradient(ellipse at center,transparent 45%,#0304035c 100%)}.capabilities-grid{opacity:.36;background-size:25% 100%,100% 140px}.capabilities-intro{height:auto;min-height:105svh;padding-top:clamp(130px,17svh,160px);padding-bottom:18svh;transform:translateY(var(--cap-intro-y,0px)) scale(var(--cap-intro-scale,1));opacity:var(--cap-intro-opacity,1)}.capabilities-marker{margin-left:0;margin-bottom:28px;font-size:10px;letter-spacing:.13em}.capabilities-title{width:100%;margin-left:0;font-size:clamp(37px,10.2vw,57px);line-height:1.025}.capability-title-line:nth-child(2),.capability-title-line:nth-child(3){margin-left:0}.creative-system{display:none}.mobile-services{display:block;padding-bottom:14svh}.mobile-service{position:relative;min-height:115svh;padding:14svh 0 12svh;border-top:1px solid #e7e9c70e;opacity:var(--mobile-opacity,.16);transform:translateY(var(--mobile-y,38px)) scale(var(--mobile-scale,.975))}.mobile-service header{display:grid;grid-template-columns:37px 1fr;align-items:start;gap:9px;margin-bottom:31px}.mobile-service header>span{padding-top:5px;color:var(--color-accent);font:10px Inter,system-ui,sans-serif}.mobile-service h3{margin:0;font-size:clamp(24px,7.1vw,38px);font-weight:560;line-height:1.05;letter-spacing:-.045em}.mobile-visual{position:relative;height:min(53svh,480px);min-height:350px;overflow:hidden;border:1px solid #e5e7c619;background:radial-gradient(circle at 72% 30%,#d32f3811,transparent 38%),#0d0f0a;box-shadow:0 25px 55px #0008}.mobile-visual>span{position:absolute;left:20px;bottom:18px;font:8px Inter,system-ui,sans-serif;letter-spacing:.12em;color:#8c8f7e}.mobile-identity b{position:absolute;left:9%;top:24%;font-size:43vw;line-height:.8;letter-spacing:-.12em}.mobile-identity i{position:absolute;width:52vw;height:52vw;right:-5%;top:16%;border:1px solid #d32f3865;border-radius:50%}.mobile-identity i:after{content:"";position:absolute;inset:24%;border:1px solid #e5e7c62c;transform:rotate(45deg)}.mobile-web:before{content:"";position:absolute;inset:12% 7% 13%;border:1px solid #e5e7c62b;background:repeating-linear-gradient(#e5e7c615 0 1px,transparent 1px 58px)}.mobile-web i{position:absolute;z-index:2;right:3%;bottom:18%;width:42%;height:30%;border:1px solid #d32f385b;background:#15170f}.mobile-web i:nth-child(2){right:12%;bottom:27%;opacity:.35}.mobile-web b{position:absolute;z-index:3;right:9%;bottom:22%;font-size:32px;color:var(--color-accent)}.mobile-traffic i,.mobile-presentation i,.mobile-social i{position:absolute;display:flex;align-items:flex-end;padding:16px;border:1px solid #e5e7c626;background:#12140d;color:var(--color-accent);font:10px Inter,system-ui,sans-serif;box-shadow:0 18px 42px #0008}.mobile-traffic i{width:34%;height:58%;top:21%}.mobile-traffic i:nth-child(1){left:6%;rotate:-6deg}.mobile-traffic i:nth-child(2){left:33%;top:14%;z-index:2}.mobile-traffic i:nth-child(3){right:5%;rotate:6deg}.mobile-ai:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 54% 42%,#777b4e62,transparent 48%)}.mobile-ai b{position:absolute;inset:17% 18%;display:grid;place-items:center;border:1px solid #e5e7c62b;font:10px/1.5 Inter,system-ui,sans-serif;letter-spacing:.13em;text-align:center}.mobile-ai i{position:absolute;width:34vw;height:34vw;right:4%;bottom:8%;border:1px solid #d32f3861;border-radius:50%}.mobile-presentation i{width:65%;height:43%}.mobile-presentation i:nth-child(1){left:5%;top:9%;rotate:-4deg}.mobile-presentation i:nth-child(2){right:4%;top:29%;z-index:2;rotate:3deg}.mobile-presentation i:nth-child(3){left:17%;bottom:8%;z-index:3}.mobile-copy b{position:absolute;left:8%;top:28%;font-size:10vw;line-height:1;letter-spacing:-.055em}.mobile-copy em{font-style:normal;color:var(--color-accent)}.mobile-copy i{position:absolute;right:8%;bottom:17%;width:1px;height:17%;background:var(--color-accent)}.mobile-social i{width:30%;height:62%;top:18%}.mobile-social i:nth-child(1){left:4%;rotate:-5deg}.mobile-social i:nth-child(2){left:35%;top:12%;z-index:2}.mobile-social i:nth-child(3){right:4%;rotate:5deg}.process-axis{left:50%;height:20svh;transform:none}.process-axis>span{transform:translateY(var(--cap-axis-marker-y,0px))}.capabilities-atmosphere span:nth-child(1){width:120vw;height:120vw;right:-70vw;top:-40vw}}
@media(max-width:900px){.mobile-services{--slide-focus:1;display:block;overflow:hidden;padding:9svh 0 14svh}.mobile-system-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px;color:#85887a;font:9px/1.4 Inter,system-ui,sans-serif;letter-spacing:.12em}.mobile-system-heading span:last-child{text-align:right}.mobile-carousel{position:relative;display:flex;gap:14px;width:100%;max-width:100vw;overflow-x:auto;overflow-y:hidden;padding:0 max(var(--gutter),10vw) 18px var(--gutter);scroll-padding-left:var(--gutter);scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-service{--slide-focus:0;--slide-shift-signed:0;flex:0 0 calc(100vw - var(--gutter) - clamp(42px,11vw,86px));height:clamp(560px,72svh,700px);min-height:0;padding:0;border:0;scroll-snap-align:start;scroll-snap-stop:normal;opacity:calc(.48 + var(--slide-focus)*.52);transform:scale(calc(.975 + var(--slide-focus)*.025));transform-origin:center}.mobile-service header{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"count label" "title title";gap:8px 18px;min-height:116px;margin:0 0 22px;padding:0;align-content:start;transform:translateX(calc(var(--slide-shift-signed)*-7px))}.mobile-slide-count{grid-area:count;color:var(--color-accent);font:10px/1.4 Inter,system-ui,sans-serif;letter-spacing:.1em;white-space:nowrap}.mobile-slide-label{grid-area:label;color:#777a6d;font:9px/1.4 Inter,system-ui,sans-serif;letter-spacing:.11em;text-align:right}.mobile-service h3{grid-area:title;margin-top:10px;font-size:clamp(27px,7.4vw,46px);line-height:1.02;text-wrap:balance}.mobile-visual{height:calc(100% - 138px);min-height:0;transform:translateX(calc(var(--slide-shift-signed)*-4px))}.mobile-carousel-footer{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:18px;margin-top:10px}.mobile-carousel-status{color:#b8baae;font:10px Inter,system-ui,sans-serif;letter-spacing:.12em}.mobile-carousel-progress{position:relative;height:1px;overflow:hidden;background:#e7e9c719}.mobile-carousel-progress i{position:absolute;inset:0;background:var(--color-accent);box-shadow:0 0 8px #d32f3842;transform:scaleX(var(--mobile-carousel-progress,0));transform-origin:left}.mobile-carousel-controls{display:flex;gap:7px}.mobile-carousel-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #e5e7c61c;border-radius:50%;background:transparent;color:#d7d8ce;font-size:18px;transition:border-color var(--duration-fast),color var(--duration-fast),opacity var(--duration-fast)}.mobile-carousel-controls button:disabled{opacity:.25}.mobile-carousel-controls button:not(:disabled):active{border-color:var(--color-accent);color:var(--color-accent)}}
@media(max-width:359px){.capabilities-title{font-size:10vw}.mobile-service h3{font-size:7vw}.mobile-visual{min-height:310px}}
@media(prefers-reduced-motion:reduce){.capabilities{height:auto;margin-top:0}.capabilities-stage{position:relative;height:auto;min-height:0;overflow:visible;opacity:1!important;transform:none!important}.capabilities-intro{height:auto;min-height:80svh;opacity:1!important;transform:none!important}.capabilities-marker,.capability-title-line>span{opacity:1!important;transform:none!important}.creative-system{position:relative;inset:auto;min-height:760px;opacity:1!important;transform:none!important}.service-visual{filter:none!important}.service-visual:first-child{--panel-opacity:1!important;--panel-scale:1!important;--panel-y:0px!important;--panel-blur:0px!important}.system-stage{transform:none!important}.mobile-service{opacity:1!important;transform:none!important}.mobile-service header,.mobile-visual{transform:none!important;transition:none!important}.mobile-carousel{scroll-behavior:auto}.capabilities-atmosphere{transform:none!important}}

/* Stage 06: Portfolio path / continuous process trajectory. */
.process{position:relative;z-index:6;height:285svh;margin-top:-65svh;scroll-margin-top:82px;background:transparent;isolation:isolate}
.process-stage{--process-approach:0;--process-line:0;--process-exit:0;position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;background:radial-gradient(ellipse 76% 68% at 32% 42%,#13150d 0%,#090a07 41%,transparent 73%),linear-gradient(150deg,#050605 0%,#080907 54%,#040504 100%);opacity:var(--process-approach);transform:scale(var(--process-stage-scale,1.025));transform-origin:24% 35%}
.process-stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 43%,#0203028a 100%)}
.process-atmosphere{position:absolute;inset:-9%;z-index:-3;pointer-events:none;transform:translate3d(var(--process-atmosphere-x,0),var(--process-atmosphere-y,0),0) scale(var(--process-atmosphere-scale,1))}
.process-atmosphere span{position:absolute;border:1px solid #dfe19e0b;border-radius:50%;background:radial-gradient(circle,#d32f380d 0%,transparent 69%)}
.process-atmosphere span:first-child{width:58vw;height:58vw;left:-23vw;top:-28vw}.process-atmosphere span:last-child{width:43vw;height:43vw;right:-21vw;bottom:-27vw}
.process-grid{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:var(--process-grid-opacity,.24);background-image:linear-gradient(90deg,#e7e9c708 1px,transparent 1px),linear-gradient(#e7e9c707 1px,transparent 1px);background-size:calc((100vw - var(--gutter)*2)/12) 100%,100% 12.5svh;mask-image:linear-gradient(90deg,transparent 2%,#000 17%,#000 88%,transparent)}
.process-intro{position:absolute;z-index:3;inset:0;height:100%;padding-top:clamp(120px,16svh,174px);opacity:var(--process-intro-opacity,1);transform:translate3d(0,var(--process-intro-y,0),0) scale(var(--process-intro-scale,1));transform-origin:14% 42%}
.process-marker{display:flex;align-items:center;gap:12px;margin:0 0 clamp(30px,4svh,45px) 8.333%;font:11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.17em;color:#a4a69b;opacity:var(--process-marker-opacity,0);transform:translateY(var(--process-marker-y,20px))}
.process-marker>span{width:5px;height:5px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 13px #d32f3851}
.process-title{width:min(81%,1160px);margin:0 0 0 8.333%;font-size:clamp(49px,6.4vw,98px);font-weight:560;line-height:.96;letter-spacing:-.061em;text-wrap:balance}
.process-title-line{display:block;overflow:hidden;padding:.045em 0 .11em;margin-bottom:-.08em}.process-title-line>span{display:block;opacity:var(--process-title-opacity,.06);transform:translateY(var(--process-title-y,112%))}
.process-title-line:nth-child(2){margin-left:8.333%}.process-title-line:nth-child(3){margin-left:16.666%}.process-title em{font-style:normal;color:var(--color-accent);font-weight:630;text-shadow:0 0 36px #d32f3813}
.process-mechanism{position:absolute;z-index:4;inset:0;height:100%;opacity:var(--process-mechanism-opacity,0);transform:translate3d(var(--process-mechanism-x,0),var(--process-mechanism-y,48px),0) scale(var(--process-mechanism-scale,1.02));transform-origin:52% 50%}
.process-path{position:absolute;inset:9% var(--gutter) 4%;width:calc(100% - var(--gutter)*2);height:87%;overflow:visible;fill:none;transform:translate3d(var(--process-path-x,0),var(--process-path-y,0),0) rotate(var(--process-path-rotate,0deg));transform-origin:70% 62%}
.process-path path{vector-effect:non-scaling-stroke}.process-path-base{stroke:#dfe1bd20;stroke-width:1}.process-path-done{stroke:url(#process-stroke);stroke:var(--color-accent);stroke-opacity:.48;stroke-width:1.35;stroke-dasharray:1 1;stroke-dashoffset:var(--process-line-offset,1)}.process-path-energy{stroke:#eff26f;stroke-width:2.7;stroke-linecap:round;stroke-dasharray:.058 .942;stroke-dashoffset:var(--process-energy-offset,1);opacity:var(--process-energy-opacity,0)}
.process-path-mobile{display:none}
.process-steps{position:absolute;inset:0;z-index:3;margin:0;padding:0;list-style:none}
.process-step{--step-presence:.05;position:absolute;width:min(27vw,390px);opacity:calc(.08 + var(--step-presence)*.92);transform:translate3d(var(--step-x,0),calc(var(--step-y,0px) + var(--step-rise,28px)),0) scale(calc(.96 + var(--step-presence)*.04));transform-origin:left center}
.process-step-one{left:12.8%;top:24%}.process-step-two{left:42.5%;top:51%;width:min(33vw,470px)}.process-step-three{right:6.5%;top:31%;width:min(25vw,360px)}
.process-number{display:block;margin:0 0 -0.08em -0.06em;color:#eff0d5;opacity:calc(.08 + var(--step-presence)*.18);font-size:clamp(78px,10.5vw,168px);font-weight:620;line-height:.72;letter-spacing:-.09em}
.process-step h3{width:min(100%,390px);margin:20px 0 0;font-size:clamp(23px,2.6vw,41px);font-weight:560;line-height:1.01;letter-spacing:-.05em;color:#f2f2ec}
.process-node{position:absolute;left:-23px;top:-24px;width:17px;height:17px;border:1px solid rgb(198 201 30 / calc(.16 + var(--step-presence)*.68));border-radius:50%;transform:scale(calc(.78 + var(--step-presence)*.22));box-shadow:0 0 calc(var(--step-presence)*22px) #d32f3880}
.process-node:before,.process-node:after{content:"";position:absolute;background:#d32f3899}.process-node:before{left:7px;top:-6px;width:1px;height:27px}.process-node:after{left:-6px;top:7px;width:27px;height:1px}.process-node i{position:absolute;left:6px;top:6px;width:3px;height:3px;border-radius:50%;background:var(--color-accent);opacity:var(--step-presence)}
.process-construction{position:absolute;z-index:2;left:37%;top:32%;width:38%;height:43%;opacity:var(--process-construction-opacity,0);transform:translate3d(var(--process-construction-x,0),var(--process-construction-y,0),0) scale(var(--process-construction-scale,.96));border:1px solid #e6e8c60f;background:linear-gradient(90deg,#e6e8c60d 1px,transparent 1px),linear-gradient(#e6e8c60c 1px,transparent 1px);background-size:25% 100%,100% 25%}
.process-construction:before,.process-construction:after{content:"";position:absolute;width:22px;height:22px;border-color:#d32f385c}.process-construction:before{left:-7px;top:-7px;border-left:1px solid;border-top:1px solid}.process-construction:after{right:-7px;bottom:-7px;border-right:1px solid;border-bottom:1px solid}.process-construction i{position:absolute;background:#dfe1bd1d}.process-construction i:nth-child(1){left:31%;top:-7%;width:1px;height:114%}.process-construction i:nth-child(2){left:-6%;top:58%;width:112%;height:1px}.process-construction i:nth-child(3){right:14%;top:14%;width:18%;height:1px}.process-construction i:nth-child(4){right:23%;top:6%;width:1px;height:24%}.process-construction span{position:absolute;right:21.5%;top:26%;color:#d32f386e;font:13px Inter,system-ui,sans-serif}
.process-foreground{position:absolute;z-index:5;inset:0;pointer-events:none;transform:translate3d(var(--process-foreground-x,0),var(--process-foreground-y,0),0);opacity:var(--process-foreground-opacity,.45)}.process-foreground i{position:absolute;background:#e7e9c717}.process-foreground i:first-child{left:7%;top:20%;width:92px;height:1px}.process-foreground i:nth-child(2){right:9%;bottom:16%;width:1px;height:74px}.process-foreground span{position:absolute;color:#d32f3866;font:12px Inter,system-ui,sans-serif}.process-foreground span:nth-child(3){left:30%;bottom:17%}.process-foreground span:last-child{right:27%;top:18%}
.process-future-aperture{position:absolute;z-index:2;right:-10vw;bottom:-27svh;width:56vw;height:67svh;border:1px solid #dfe1bd0d;border-radius:50%;background:radial-gradient(ellipse at center,#cfd16d0c 0%,#10120b54 35%,transparent 70%);opacity:var(--process-future-opacity,0);transform:translate3d(var(--process-future-x,54px),0,0) scale(var(--process-future-scale,1.025));pointer-events:none}

@media(max-width:1100px) and (min-width:761px){.process-step-one{left:11%;top:25%}.process-step-two{left:40%;top:52%}.process-step-three{right:4%;top:32%}.process-title{font-size:clamp(50px,7vw,76px)}}
@media(max-width:900px){.process{height:auto;min-height:0;margin-top:0;background:#06060a}.process-stage{position:relative;height:auto;min-height:0;overflow:hidden;opacity:1;transform:none;background:radial-gradient(ellipse 110% 32% at 18% 7%,#15170d 0%,#090a07 45%,transparent 74%),#050605}.process-grid{opacity:.24;background-size:25% 100%,100% 150px}.process-intro{position:relative;inset:auto;height:auto;min-height:92svh;padding-top:clamp(112px,14svh,138px);padding-bottom:8svh;opacity:var(--process-intro-opacity,1);transform:translateY(var(--process-intro-y,0)) scale(var(--process-intro-scale,1))}.process-marker{margin-left:0;margin-bottom:30px;font-size:10px;letter-spacing:.13em}.process-title{width:100%;margin-left:0;font-size:clamp(39px,10.7vw,68px);line-height:1}.process-title-line:nth-child(2),.process-title-line:nth-child(3){margin-left:0}.process-mechanism{position:relative;inset:auto;height:1850px;padding:0 var(--gutter) 10svh;opacity:1;transform:none}.process-path-desktop{display:none}.process-path-mobile{display:block;inset:-30px var(--gutter) 0;width:calc(100% - var(--gutter)*2);height:1750px}.process-steps{inset:0 var(--gutter)}.process-step{width:min(74vw,310px)}.process-step-one{left:13%;top:9%}.process-step-two{left:3%;top:42%;width:min(82vw,350px)}.process-step-three{left:22%;right:auto;top:75%;width:min(72vw,300px)}.process-number{font-size:clamp(88px,28vw,132px)}.process-step h3{margin-top:15px;font-size:clamp(25px,7.3vw,38px)}.process-node{left:-18px;top:-18px}.process-construction{left:4%;top:34%;width:84%;height:31%;opacity:calc(var(--process-construction-opacity,0)*.5)}.process-foreground{opacity:calc(var(--process-foreground-opacity,.35)*.55)}.process-future-aperture{right:-39vw;bottom:-16svh;width:105vw;height:55svh}.process-atmosphere span:first-child{width:120vw;height:120vw;left:-65vw;top:-41vw}.process-atmosphere span:last-child{width:100vw;height:100vw;right:-67vw;bottom:-35vw}}
@media(max-width:359px){.process-title{font-size:10.4vw}.process-mechanism{height:1600px}.process-path-mobile{height:1500px}}
@media(prefers-reduced-motion:reduce){.process{height:auto;min-height:100svh;margin-top:0}.process-stage{position:relative;height:auto;min-height:100svh;overflow:hidden;opacity:1!important;transform:none!important}.process-intro{position:relative;min-height:82svh;opacity:1!important;transform:none!important;filter:none!important}.process-marker,.process-title-line>span{opacity:1!important;transform:none!important}.process-mechanism{position:relative;inset:auto;min-height:900px;opacity:1!important;transform:none!important;filter:none!important}.process-path-done{stroke-dashoffset:0!important}.process-path-energy{display:none}.process-step{--step-presence:1!important;filter:none!important;transform:none!important}.process-construction{opacity:.35!important;transform:none!important}.process-future-aperture{opacity:.18!important;filter:none!important;transform:none!important}}

/* Stage 10: conversion bridge / editorial breathing space. */
.conversion{position:relative;z-index:7;height:190svh;margin-top:-55svh;scroll-margin-top:82px;background:transparent;isolation:isolate}
.conversion-stage{--conversion-approach:0;--conversion-exit:0;position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;background:radial-gradient(ellipse 62% 70% at 78% 48%,#11130b 0%,#080907 42%,transparent 74%),linear-gradient(145deg,#040504 0%,#070807 57%,#030403 100%);opacity:calc(var(--conversion-approach) - var(--conversion-exit)*.72);transform:scale(var(--conversion-stage-scale,1.025));transform-origin:69% 51%}
.conversion-stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 42%,#01020199 100%)}
.conversion-atmosphere{position:absolute;inset:-9%;z-index:-3;pointer-events:none;background:radial-gradient(ellipse 38% 31% at 73% 51%,#d32f380b 0%,transparent 72%);transform:translate3d(0,var(--conversion-atmosphere-y,0),0)}
.conversion-grid{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:calc(.05 + var(--conversion-approach)*.11);background-image:linear-gradient(90deg,#e7e9c709 1px,transparent 1px),linear-gradient(#e7e9c706 1px,transparent 1px);background-size:calc((100vw - var(--gutter)*2)/12) 100%,100% 18svh;mask-image:radial-gradient(ellipse 74% 64% at 75% 53%,#000 0%,transparent 78%)}
.conversion-line{position:absolute;z-index:1;inset:22% -3% auto;width:106%;height:52%;overflow:visible;fill:none;pointer-events:none;transform:translate3d(var(--conversion-line-x,0),var(--conversion-line-y,0),0)}
.conversion-line path{stroke:var(--color-accent);stroke-width:1.45;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--conversion-line-progress,0));opacity:calc(.14 + var(--conversion-line-progress,0)*.72 - var(--conversion-exit)*.82)}
.conversion-content{position:relative;z-index:3;height:100%;padding-top:clamp(116px,14svh,156px)}
.conversion-marker{display:flex;align-items:center;gap:12px;margin:0 0 clamp(30px,4svh,44px) 8.333%;font:11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.17em;color:#a4a69b;opacity:var(--conversion-marker,0);transform:translateY(calc((1 - var(--conversion-marker,0))*20px))}
.conversion-marker>span{width:5px;height:5px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 13px #d32f3851}
.conversion-title{position:relative;z-index:2;width:min(69%,1010px);margin:0 0 0 8.333%;font-size:clamp(58px,7.4vw,116px);font-weight:590;line-height:.88;letter-spacing:-.064em;text-wrap:balance}
.conversion-title-line{display:block;overflow:hidden;padding:.055em 0 .13em;margin-bottom:-.105em}.conversion-title-line>span{display:block;opacity:var(--conversion-title-opacity,.05);transform:translateY(var(--conversion-title-y,112%))}
.conversion-title-line:nth-child(2){margin-left:7.5%;color:#d5d6ce}.conversion-title-line:nth-child(3){margin-left:15%}.conversion-title em{font-style:normal;color:var(--color-accent);font-weight:650;text-shadow:0 0 34px #d32f3812}
.conversion-action{position:absolute;z-index:4;left:16.666%;bottom:clamp(74px,10svh,112px);display:flex;align-items:center;gap:clamp(38px,5vw,82px);opacity:calc(var(--conversion-copy,0) - var(--conversion-exit)*.9);transform:translateY(calc((1 - var(--conversion-copy,0))*24px + var(--conversion-exit)*-10px))}
.conversion-action>p{width:min(29vw,380px);margin:0;color:#aaaca3;font-size:15px;line-height:1.7;text-wrap:pretty}
.conversion-cta{flex:none;min-width:250px;transition:transform 220ms var(--ease-motion),background 220ms var(--ease-motion),box-shadow 220ms var(--ease-motion)}
.conversion-meta{position:absolute;right:0;bottom:38px;left:0;display:flex;justify-content:space-between;color:#62655a;font:9px/1.4 Inter,system-ui,sans-serif;letter-spacing:.13em;opacity:calc(var(--conversion-copy,0)*.75)}
@media(hover:hover){.conversion-cta:hover{transform:translateY(-2px) scale(1.012);box-shadow:0 9px 28px #d32f3812,inset 0 1px 0 #f9ffc342}.conversion-cta:hover svg{transform:translate(3px,-3px)}}

@media(max-width:1100px) and (min-width:901px){.conversion-title{width:76%;font-size:clamp(58px,8.2vw,88px)}.conversion-action{left:12.5%;gap:42px}.conversion-action>p{width:34vw}.conversion-line{top:25%}}
@media(max-width:900px){.conversion{height:auto;min-height:122svh;margin-top:-11svh;background:#05050a}.conversion-stage{position:relative;top:auto;height:auto;min-height:122svh;overflow:hidden;opacity:1;transform:none;background:radial-gradient(ellipse 100% 35% at 88% 52%,#11130b 0%,#070807 48%,transparent 76%),#040504}.conversion-grid{opacity:.11;background-size:25% 100%,100% 150px}.conversion-content{height:auto;min-height:122svh;padding-top:clamp(112px,15svh,144px);padding-bottom:86px}.conversion-marker{margin-left:0;margin-bottom:32px;font-size:10px;letter-spacing:.13em}.conversion-title{width:100%;margin-left:0;font-size:clamp(43px,12.3vw,77px);line-height:.92;letter-spacing:-.061em}.conversion-title-line:nth-child(2),.conversion-title-line:nth-child(3){margin-left:0}.conversion-line{inset:39% -34% auto;width:145%;height:34%;opacity:.8}.conversion-action{position:relative;left:auto;bottom:auto;display:block;margin-top:clamp(72px,12svh,112px)}.conversion-action>p{width:min(100%,390px);font-size:15px;line-height:1.65}.conversion-cta{width:auto;min-width:min(100%,260px);margin-top:31px}.conversion-meta{right:var(--gutter);bottom:28px;left:var(--gutter);gap:20px}.conversion-meta span:first-child{display:none}}
@media(max-width:520px){.conversion{min-height:116svh}.conversion-stage,.conversion-content{min-height:116svh}.conversion-content{padding-top:112px}.conversion-title{font-size:clamp(41px,12.8vw,62px)}.conversion-line{inset:42% -47% auto;width:165%;height:29%}.conversion-action{margin-top:68px}.conversion-action>p{max-width:330px}.conversion-cta{width:100%;justify-content:space-between}.conversion-meta{font-size:8px}}
@media(prefers-reduced-motion:reduce){.conversion{height:auto;min-height:100svh;margin-top:0}.conversion-stage{position:relative;height:auto;min-height:100svh;opacity:1!important;transform:none!important}.conversion-content{min-height:100svh}.conversion-marker,.conversion-title-line>span,.conversion-action{opacity:1!important;transform:none!important}.conversion-line path{stroke-dashoffset:0!important;opacity:.66!important}.conversion-atmosphere,.conversion-line{transform:none!important}}

/* Stage 08: selective fit / compatibility signal. */
.fit{position:relative;z-index:8;height:205svh;margin-top:-38svh;scroll-margin-top:82px;background:#04040a;isolation:isolate}
.fit-stage{--fit-entry:0;--fit-exit:0;--fit-focus-position:0;position:sticky;top:0;height:100svh;min-height:720px;overflow:hidden;background:radial-gradient(ellipse 48% 62% at 18% 46%,#17180d 0%,#090a07 43%,transparent 73%),linear-gradient(128deg,#050605 0%,#030403 54%,#070807 100%);opacity:calc(var(--fit-entry) - var(--fit-exit)*.62);transform:scale(var(--fit-scale,1.025));transform-origin:44% 52%}
.fit-stage:before{content:"";position:absolute;z-index:-1;left:-15%;top:19%;width:86%;height:79%;border:1px solid #d32f380d;border-radius:50%;transform:translate3d(calc(var(--fit-focus-position)*5px),calc(var(--fit-focus-position)*-3px),0) rotate(-13deg);pointer-events:none}
.fit-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,transparent 44%,#010201a8 100%);pointer-events:none}
.fit-atmosphere{position:absolute;z-index:-3;inset:-14%;background:radial-gradient(ellipse 30% 38% at 24% 49%,#d32f380b 0%,transparent 73%);transform:translate3d(0,calc(var(--fit-exit)*-10px),0);pointer-events:none}
.fit-grid{position:absolute;z-index:-2;inset:0;opacity:calc(.04 + var(--fit-entry)*.075);background-image:linear-gradient(90deg,#e7e9c708 1px,transparent 1px),linear-gradient(#e7e9c705 1px,transparent 1px);background-size:calc((100vw - var(--gutter)*2)/12) 100%,100% 19svh;mask-image:linear-gradient(90deg,#000 0%,#0008 64%,transparent 100%);pointer-events:none}
.fit-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(52px,6vw,104px);align-items:center;height:100%;padding-top:clamp(100px,12svh,132px);padding-bottom:clamp(68px,8svh,92px)}
.fit-intro{align-self:center;padding-left:8.333%;transform:translate3d(calc(var(--fit-exit)*-18px),0,0)}
.fit-marker{display:flex;align-items:center;gap:12px;margin:0 0 clamp(32px,4svh,46px);color:#999c91;font:11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.17em;opacity:var(--fit-marker,0);transform:translateY(calc((1 - var(--fit-marker,0))*18px))}
.fit-marker>span{width:5px;height:5px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 12px #d32f3842}
.fit-title{margin:0;font-size:clamp(54px,5.4vw,86px);font-weight:590;line-height:.91;letter-spacing:-.061em;text-wrap:balance}
.fit-title-line{display:block;overflow:hidden;padding:.045em 0 .13em;margin-bottom:-.1em}.fit-title-line>span{display:block;opacity:var(--fit-title-opacity,.05);transform:translateY(var(--fit-title-y,112%))}.fit-title-line:nth-child(2)>span{color:#dedfd7}.fit-title em{font-style:normal;color:var(--color-accent);font-weight:650}
.fit-support{width:min(82%,360px);margin:clamp(30px,4svh,46px) 0 0;color:#8e9188;font-size:14px;line-height:1.65;opacity:var(--fit-support,0);transform:translateY(calc((1 - var(--fit-support,0))*18px))}
.fit-signal{--signal-gap:31px;position:relative;display:grid;grid-template-columns:28px repeat(3,34px);align-items:center;gap:12px;width:max-content;margin-top:clamp(34px,5svh,58px);color:#5e6159;font:9px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;opacity:calc(.3 + var(--fit-support,0)*.7)}
.fit-signal-rail{position:relative;width:28px;height:2px;background:#dfe1bd1f}.fit-signal-rail:before{content:"";position:absolute;left:0;top:-3px;width:8px;height:8px;border:1px solid #d32f388f;border-radius:50%;transform:translateX(calc(var(--fit-focus-position)*12px))}.fit-signal-rail i{position:absolute;left:1px;top:0;width:7px;height:2px;background:var(--color-accent);transform:translateX(calc(var(--fit-focus-position)*12px));box-shadow:0 0 10px #d32f3869}
.fit-criteria{position:relative;align-self:center;display:flex;flex-direction:column;min-width:0;opacity:calc(.28 + var(--fit-criteria-entry,0)*.72);transform:translate3d(calc((1 - var(--fit-criteria-entry,0))*26px + var(--fit-exit)*18px),0,0)}
.fit-criteria:before{content:"";position:absolute;z-index:2;left:0;top:calc((var(--fit-focus-position) + 1)*33.333% - 1px);width:clamp(42px,5vw,76px);height:1px;background:var(--color-accent);box-shadow:0 0 12px #d32f3842;pointer-events:none}
.fit-criterion{--criterion-entry:0;position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 34px;gap:clamp(18px,2vw,34px);align-items:start;width:100%;padding:clamp(24px,3.1svh,36px) 0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;opacity:var(--criterion-opacity,.2);transform:translateY(calc((1 - var(--criterion-entry))*20px)) scale(var(--criterion-scale,.985));transform-origin:left center}
.fit-criterion-number{padding-top:5px;color:var(--criterion-number-color,#42453f);font:11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.13em;transform:translateX(calc(var(--criterion-focus,0)*3px))}
.fit-criterion-copy{display:block}.fit-criterion-copy strong{display:block;color:var(--criterion-title-color,#848780);font-size:clamp(25px,2.35vw,39px);font-weight:540;line-height:1.04;letter-spacing:-.045em;transform:translateX(calc(var(--criterion-focus,0)*3px))}.fit-criterion-copy small{display:block;width:min(94%,590px);margin-top:12px;color:var(--criterion-body-color,#5b5e57);font-size:13px;line-height:1.6}
.fit-criterion-arrow{padding-top:1px;color:var(--criterion-arrow-color,#4f524b);font-size:18px;transform:translate(var(--criterion-arrow-x,-4px),var(--criterion-arrow-y,4px));opacity:var(--criterion-arrow-opacity,.18)}
.fit-criterion-line{position:absolute;right:0;bottom:0;left:0;height:1px;background:#dfe1bd14;overflow:hidden}.fit-criterion-line i{display:block;width:clamp(42px,5vw,76px);height:1px;background:var(--color-accent);transform:scaleX(var(--criterion-focus,0));transform-origin:left;opacity:.9}
.fit-criterion:focus-visible{outline:1px solid #d32f3866;outline-offset:8px}
.fit-mobile-footer{display:none}.fit-meta{position:absolute;right:var(--gutter);bottom:30px;left:var(--gutter);display:flex;justify-content:space-between;color:#5f6259;font:9px/1.4 Inter,system-ui,sans-serif;letter-spacing:.13em;opacity:calc(var(--fit-entry)*.75 - var(--fit-exit)*.75)}

@media(max-width:1100px) and (min-width:901px){.fit-layout{grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr);gap:42px}.fit-intro{padding-left:0}.fit-title{font-size:clamp(52px,6.2vw,68px)}.fit-criterion{grid-template-columns:45px minmax(0,1fr) 28px}.fit-criterion-copy strong{font-size:clamp(25px,3vw,34px)}}
@media(max-width:900px){.fit{height:auto;min-height:0;margin-top:-7svh;background:#04040a}.fit-stage{position:relative;height:auto;min-height:0;overflow:hidden;opacity:1;transform:none;background:radial-gradient(ellipse 105% 34% at 16% 18%,#15170d 0%,#070807 47%,transparent 76%),#030403}.fit-stage:before{left:-67%;top:8%;width:150%;height:47%;transform:rotate(-13deg)}.fit-grid{opacity:.09;background-size:25% 100%,100% 150px}.fit-layout{display:block;height:auto;min-height:0;padding-top:clamp(116px,15svh,152px);padding-bottom:108px}.fit-intro{padding-left:0;transform:none}.fit-marker{margin-bottom:31px;font-size:10px;letter-spacing:.13em}.fit-title{font-size:clamp(44px,12.2vw,72px);line-height:.93}.fit-support{width:min(92%,360px);margin-top:30px}.fit-signal{display:none}.fit-criteria{display:flex;flex-direction:row;gap:16px;width:auto;margin-top:clamp(58px,8svh,82px);margin-right:calc(var(--gutter)*-1);padding-right:var(--gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:0;scrollbar-width:none;opacity:1;transform:none;touch-action:pan-x pan-y}.fit-criteria:before{display:none}.fit-criteria::-webkit-scrollbar{display:none}.fit-criterion{flex:0 0 min(82vw,520px);display:grid;grid-template-columns:42px minmax(0,1fr) 25px;min-height:310px;padding:28px 24px 30px 0;scroll-snap-align:start;opacity:.54;transform:none;transition:opacity 180ms var(--ease-motion)}.fit-criterion-copy{filter:none}.fit-criterion-number{color:#6d7066;transform:none}.fit-criterion-copy strong{color:#a7a9a2;font-size:clamp(29px,7.6vw,40px);transform:none}.fit-criterion-copy small{width:100%;margin-top:19px;color:#74776f;font-size:14px;line-height:1.62}.fit-criterion-arrow{color:#5d6057;opacity:.42;transform:translate(-5px,5px)}.fit-criterion-line{right:24px}.fit-criterion-line i{transform:translateX(-105%)}.fit-criterion.is-active{opacity:1}.fit-criterion.is-active .fit-criterion-number{color:var(--color-accent);transform:translateX(3px)}.fit-criterion.is-active .fit-criterion-copy strong{color:#f0f1eb;transform:translateX(3px)}.fit-criterion.is-active .fit-criterion-copy small{color:#a1a49b}.fit-criterion.is-active .fit-criterion-arrow{color:var(--color-accent);opacity:1;transform:translate(0,0)}.fit-criterion.is-active .fit-criterion-line i{transform:translateX(0)}.fit-criteria:has(.fit-criterion:hover) .fit-criterion:not(:hover){opacity:.54}.fit-mobile-footer{display:flex;align-items:center;gap:18px;margin-top:23px}.fit-mobile-status{flex:none;color:#c7c9bf;font:10px/1 Inter,system-ui,sans-serif;letter-spacing:.12em}.fit-mobile-progress{position:relative;flex:1;height:1px;background:#dfe1bd1a;overflow:hidden}.fit-mobile-progress i{display:block;width:33.333%;height:1px;background:var(--color-accent);transform:translateX(calc(var(--fit-mobile-progress,0)*200%))}.fit-mobile-controls{display:flex;gap:8px}.fit-mobile-controls button{width:38px;height:38px;border:1px solid #dfe1bd22;border-radius:50%;background:transparent;color:#d8d9d2;font-size:17px}.fit-mobile-controls button:disabled{color:#555850;opacity:.46}.fit-meta{bottom:27px;font-size:8px}.fit-meta span:first-child{display:none}}
@media(max-width:520px){.fit-layout{padding-top:112px}.fit-title{font-size:clamp(42px,12.6vw,60px)}.fit-criterion{flex-basis:84vw;min-height:296px;grid-template-columns:36px minmax(0,1fr) 22px;gap:13px}.fit-criterion-copy strong{font-size:clamp(27px,7.8vw,36px)}}
@media(prefers-reduced-motion:reduce){.fit{height:auto;min-height:100svh;margin-top:0}.fit-stage{position:relative;height:auto;min-height:100svh;opacity:1!important;transform:none!important}.fit-layout{min-height:100svh}.fit-marker,.fit-title-line>span,.fit-support,.fit-criteria,.fit-criterion{opacity:1!important;transform:none!important}.fit-criterion-copy{filter:none!important}.fit-criteria:before{display:none}.fit-criterion-line i,.fit-signal-rail:before,.fit-signal-rail i{transition:none!important}.fit-atmosphere{transform:none!important}}

/* Personal portfolio: editorial sections added around the preserved motion system. */
.portfolio-section{position:relative;z-index:9;overflow:hidden;scroll-margin-top:82px;padding:clamp(110px,16svh,190px) 0;background:#0a0a0d;isolation:isolate}
.portfolio-section:nth-of-type(even){background:#06060a}.portfolio-grid{position:absolute;inset:0;z-index:-1;opacity:.08;pointer-events:none;background-image:linear-gradient(90deg,#e7e9c70a 1px,transparent 1px),linear-gradient(#e7e9c707 1px,transparent 1px);background-size:calc((100vw - var(--gutter)*2)/12) 100%,100% 170px;mask-image:linear-gradient(#0009,transparent 92%)}
.portfolio-enhanced .portfolio-reveal{opacity:.01;transform:translateY(34px);transition:opacity 700ms var(--ease-motion),transform 820ms var(--ease-motion)}.portfolio-enhanced .portfolio-reveal.is-visible{opacity:1;transform:none}
.section-marker{display:flex;align-items:center;gap:12px;margin:0 0 clamp(38px,5svh,62px);color:#999c91;font:10px/1.4 Inter,system-ui,sans-serif;letter-spacing:.17em}.section-marker>span{width:5px;height:5px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 12px #d32f3842}
.section-heading-row{display:grid;grid-template-columns:minmax(0,8fr) minmax(260px,3fr);gap:8.333%;align-items:end}.section-heading-row h2,.about-copy h2,.faq-intro h2{margin:0;font-size:clamp(52px,6.2vw,96px);font-weight:590;line-height:.92;letter-spacing:-.062em}.section-heading-row h2 em,.about-copy h2 em,.faq-intro h2 em{font-style:normal;color:var(--color-accent)}.section-heading-row>p,.faq-intro>p{margin:0;color:#92958c;font-size:15px;line-height:1.72;text-wrap:pretty}
.selected-work{z-index:5;background:radial-gradient(ellipse 60% 32% at 84% 10%,#15170d 0%,transparent 72%),#070807}.work-list{display:grid;gap:clamp(88px,14svh,160px);margin-top:clamp(86px,12svh,140px)}.work-item{display:grid;grid-template-columns:minmax(0,8fr) minmax(260px,3fr);gap:8.333%;align-items:center}.work-item:nth-child(even){grid-template-columns:minmax(260px,3fr) minmax(0,8fr)}.work-item:nth-child(even) .work-media{order:2}.work-media{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;border:1px solid #dfe1bd18;background:linear-gradient(135deg,#16180e 0%,#0a0b09 48%,#1d2010 100%);color:#85897c;font:10px/1.4 Inter,system-ui,sans-serif;letter-spacing:.16em}.work-media:before,.work-media:after{content:"";position:absolute;inset:9%;border:1px solid #dfe1bd12;transform:rotate(-3deg)}.work-media:after{inset:24% 15%;border-color:#d32f382e;transform:rotate(8deg)}.work-media b{position:absolute;right:3%;bottom:-.08em;color:#d32f3812;font-size:clamp(120px,20vw,310px);line-height:.8;letter-spacing:-.1em}.work-media span{position:relative;z-index:2;padding:12px;background:#0a0a0daa}.work-info>span,.work-status{color:#8c8f83;font:10px/1.4 Inter,system-ui,sans-serif;letter-spacing:.14em}.work-info h3{margin:18px 0 24px;font-size:clamp(35px,4.3vw,68px);font-weight:570;line-height:.96;letter-spacing:-.055em}.work-info p{margin:0 0 34px;color:#969990;font-size:14px;line-height:1.7}.work-status{display:inline-block;padding-top:14px;border-top:1px solid #d32f3842;color:var(--color-accent)}
.capabilities{z-index:6;margin-top:0}.experience{z-index:7;background:radial-gradient(ellipse 45% 35% at 14% 30%,#14160c 0%,transparent 74%),#050605}.experience-layout{display:grid;grid-template-columns:minmax(0,8fr) minmax(240px,3fr);gap:8.333%;margin-top:clamp(82px,12svh,132px)}.experience-list{list-style:none;margin:0;padding:0}.experience-list li{display:grid;grid-template-columns:65px 1fr;gap:24px;padding:34px 0 42px;border-top:1px solid #dfe1bd1a}.experience-list li:last-child{border-bottom:1px solid #dfe1bd1a}.experience-list>li>span{color:var(--color-accent);font:11px Inter,system-ui,sans-serif}.experience-list small,.cv-sidebar span{color:#7e8178;font:9px/1.4 Inter,system-ui,sans-serif;letter-spacing:.15em}.experience-list h3{margin:12px 0 8px;font-size:clamp(27px,3vw,43px);font-weight:560;letter-spacing:-.045em}.experience-list p{margin:7px 0;color:#9a9d94;font-size:14px;line-height:1.65}.cv-sidebar{align-self:start;position:sticky;top:130px;display:grid;gap:34px;padding:32px;border:1px solid #dfe1bd17;background:#0d0e0c}.cv-sidebar p{margin:11px 0 0;color:#b0b2aa;font-size:13px;line-height:1.6}.secondary-action{min-height:50px;padding:0 18px;border:1px solid #dfe1bd20;background:transparent;color:#686b63;font-size:10px;letter-spacing:.11em;text-align:left}
.process{z-index:8;margin-top:0}.about{z-index:9;background:radial-gradient(ellipse 45% 50% at 83% 54%,#15170d 0%,transparent 74%),#060706}.about-layout{display:grid;grid-template-columns:minmax(280px,5fr) minmax(0,6fr);gap:8.333%;align-items:center}.about-portrait{position:relative;display:grid;place-items:center;aspect-ratio:4/5;overflow:hidden;border:1px solid #dfe1bd18;background:linear-gradient(150deg,#17190f,#080908 58%,#11130b);color:#898c81;font:10px Inter,system-ui,sans-serif;letter-spacing:.14em}.about-portrait:before{content:"";position:absolute;width:72%;aspect-ratio:1;border:1px solid #d32f3831;border-radius:50%}.about-portrait b{position:absolute;right:-.02em;bottom:-.13em;color:#d32f3814;font-size:clamp(190px,31vw,470px);line-height:1}.about-portrait span{position:relative;z-index:2;padding:12px;background:#09090dbd}.about-copy .section-marker{margin-bottom:36px}.about-copy h2{font-size:clamp(56px,7.2vw,108px)}.about-copy>p{max-width:620px;color:#a2a59c;font-size:15px;line-height:1.75}.about-role{margin:27px 0!important;color:var(--color-accent)!important;font:11px/1.5 Inter,system-ui,sans-serif!important;letter-spacing:.14em}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:48px 0}.about-facts div{padding-top:15px;border-top:1px solid #dfe1bd1c}.about-facts dt{color:#74776e;font:9px Inter,system-ui,sans-serif;letter-spacing:.14em}.about-facts dd{margin:11px 0 0;color:#c6c8bf;font-size:12px;line-height:1.5}.dual-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.dual-actions .primary-cta{min-height:56px}.text-action,.contact-paths button,.footer-actions button{padding:0;border:0;border-bottom:1px solid #d32f3855;background:transparent;color:#d5d7cf;font-size:11px;line-height:2.4;letter-spacing:.08em}
.fit{z-index:10;margin-top:0}.faq-contact{z-index:11;background:#09090d}.faq-layout{display:grid;grid-template-columns:minmax(260px,4fr) minmax(0,7fr);gap:8.333%}.faq-intro{position:sticky;top:130px;align-self:start}.faq-intro h2{font-size:clamp(48px,5.7vw,88px)}.faq-intro>p{max-width:390px;margin-top:32px}.contact-paths{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:45px}.faq-list{border-top:1px solid #dfe1bd1d}.faq-list details{border-bottom:1px solid #dfe1bd1d}.faq-list summary{display:grid;grid-template-columns:1fr 24px;gap:20px;padding:30px 0;color:#d9dad3;font-size:clamp(20px,2.1vw,31px);line-height:1.25;letter-spacing:-.025em;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--color-accent);font-weight:300;transition:transform 220ms var(--ease-motion)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:660px;margin:0;padding:0 50px 32px 0;color:#92958c;font-size:14px;line-height:1.72}
.conversion{z-index:12;margin-top:0}.portfolio-footer{position:relative;z-index:13;padding:clamp(72px,10svh,120px) 0 30px;border-top:1px solid #dfe1bd18;background:#04040a}.footer-grid{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr;gap:5vw;align-items:start}.footer-name{font-size:clamp(27px,3vw,44px);font-weight:750;letter-spacing:-.055em}.footer-name span{display:block;color:var(--color-accent)}.footer-grid>p,.footer-grid>div>p{margin:0 0 8px;color:#85887f;font-size:12px;line-height:1.55}.footer-grid>div>span{display:block;margin-bottom:17px;color:#62655d;font:9px Inter,system-ui,sans-serif;letter-spacing:.14em}.footer-actions{display:flex;flex-direction:column;align-items:flex-start}.footer-bottom{display:flex;justify-content:space-between;margin-top:72px;padding-top:22px;border-top:1px solid #dfe1bd16;color:#5f625a;font:9px Inter,system-ui,sans-serif;letter-spacing:.13em}
@media(max-width:900px){.portfolio-section{padding:112px 0}.portfolio-enhanced .portfolio-reveal{transform:translateY(20px)}.section-heading-row,.work-item,.work-item:nth-child(even),.experience-layout,.about-layout,.faq-layout{grid-template-columns:1fr;gap:38px}.section-heading-row h2,.about-copy h2,.faq-intro h2{font-size:clamp(43px,12vw,66px)}.section-heading-row>p{max-width:410px}.work-list{gap:88px;margin-top:76px}.work-item:nth-child(even) .work-media{order:0}.work-info h3{font-size:clamp(34px,10vw,52px)}.cv-sidebar,.faq-intro{position:relative;top:auto}.experience-layout{margin-top:70px}.about-portrait{width:min(100%,520px)}.about-facts{grid-template-columns:1fr}.fit,.conversion,.capabilities,.process{margin-top:0}.faq-layout{gap:72px}.footer-grid{grid-template-columns:1fr 1fr;gap:50px 28px}.footer-name{grid-column:1/-1}}
@media(max-width:520px){.portfolio-section{padding:96px 0}.section-marker{margin-bottom:30px;font-size:9px;letter-spacing:.12em}.work-media{aspect-ratio:4/3}.experience-list li{grid-template-columns:36px 1fr;gap:14px}.cv-sidebar{padding:24px}.about-layout{gap:56px}.dual-actions{align-items:stretch}.dual-actions .primary-cta{width:100%}.footer-grid{grid-template-columns:1fr}.footer-name{grid-column:auto}.footer-bottom{gap:25px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.portfolio-enhanced .portfolio-reveal{opacity:1!important;transform:none!important;transition:none!important}.faq-list summary span{transition:none!important}}