/* Khaoz: physical layers, sporting light and restrained motion throughout. */
.page-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:#d1e7ed;transform:scaleX(0);transform-origin:left;z-index:40;box-shadow:0 0 12px #74c2dc88;pointer-events:none}
.nav-links{display:flex;gap:30px;text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:1.5px;text-shadow:0 1px 2px #000,0 0 6px #000,0 2px 12px #000f}.nav-links a{position:relative;padding:10px 0}.nav-links a:after{content:'';position:absolute;bottom:0;left:0;height:1px;width:100%;background:white;transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav-links a:hover:after{transform:scaleX(1)}
main>section,.site-footer{position:relative;isolation:isolate;overflow:clip;--scroll-drift:0px}.section-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.light-field{position:absolute;width:70%;height:85%;border-radius:50%;background:radial-gradient(ellipse,#38617c26,transparent 65%);left:20%;top:10%;transform:translateY(var(--scroll-drift));animation:light-travel 16s ease-in-out infinite alternate;animation-play-state:paused}.is-active .light-field{animation-play-state:running}.projects{background:linear-gradient(180deg,#080c10,#0d131a 60%,#0a0f14)}.projects-atmosphere:after{content:'';position:absolute;inset:25% 0 0;background:radial-gradient(ellipse at 15% 60%,#883d2921,transparent 45%),radial-gradient(ellipse at 90% 25%,#13496530,transparent 55%)}.chapter-outline{position:absolute;right:2%;top:-70px;font:700 clamp(230px,34vw,550px)/1 Condensed;color:transparent;-webkit-text-stroke:1px #c1d5df12;transform:translateY(var(--scroll-drift));opacity:.6}.project-depth{perspective:2000px;position:relative}.project-depth:before{content:'';position:absolute;inset:10% 3% -2%;background:#0009;filter:blur(40px);z-index:-1}.live-browser{transform:rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transform-origin:center;transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s;box-shadow:0 35px 85px #0009,0 1px 0 #e0eaf01a,inset 0 0 0 1px #ffffff0a;position:relative}.live-browser:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,50%),#e9f4ff0b,transparent 60%)}.portrait-depth{position:relative;perspective:900px;transform:rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transition:transform .7s;box-shadow:0 22px 55px #0008}.portrait-depth:before{content:'';position:absolute;inset:-12px 15px 16px -12px;border:1px solid #b267514d;z-index:-1;transform:translateY(calc(var(--scroll-drift)*-.3))}.athlete-identity h3{text-shadow:0 12px 35px #0007}.official-link span:last-child,.footer-links span,.contact-channels span,.primary span:last-child{transition:transform .3s}.official-link:hover span:last-child,.footer-links a:hover span,.contact-channels a:hover span,.primary:hover span:last-child{transform:translate(3px,-3px)}
.service{background:radial-gradient(ellipse at 16% 58%,#18344788,transparent 50%),linear-gradient(125deg,#101922,#0a1017 70%);border-top:1px solid #ffffff12}.service-grid{position:absolute;inset:-20% -10%;background-image:linear-gradient(#8fc0d40b 1px,transparent 1px),linear-gradient(90deg,#8fc0d40b 1px,transparent 1px);background-size:90px 90px;transform:perspective(850px) rotateX(52deg) rotateZ(-14deg) translateY(var(--scroll-drift));mask-image:linear-gradient(transparent,#0008 50%,transparent)}.service-composition{display:grid;grid-template-columns:1.13fr 1fr;gap:8%;align-items:center}.identity-sculpture{perspective:1300px;min-width:0;height:490px;position:relative}.sculpture-stage{position:relative;transform-style:preserve-3d;height:100%;transform:rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transition:transform .8s}.identity-plane{position:absolute;width:86%;height:66%;top:17%;left:3%;border:1px solid #b9d6e840;border-radius:3px;transform-style:preserve-3d}.plane-front{overflow:hidden;background:#0a151c;transform:rotateY(-16deg) rotateX(9deg) rotateZ(-5deg) translateZ(30px);box-shadow:12px 32px 75px #0009,inset 0 1px 0 #ffffff44;animation:plane-float 9s ease-in-out infinite alternate;animation-play-state:paused}.plane-middle{background:linear-gradient(130deg,#56758618,#11273990);transform:rotateY(-16deg) rotateX(9deg) rotateZ(-5deg) translate3d(28px,-24px,-25px);box-shadow:12px 25px 60px #0006}.plane-back{background:linear-gradient(130deg,#87a5b01a,#071017a0);transform:rotateY(-16deg) rotateX(9deg) rotateZ(-5deg) translate3d(55px,-48px,-80px)}.is-active .plane-front{animation-play-state:running}.plane-bar{position:absolute;inset:0 0 auto;height:34px;background:#111d25;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px;font-size:8px;letter-spacing:1px;color:#c3d4dd}.plane-dot{width:4px;height:4px;background:#c2e0e7;border-radius:50%}.plane-scenes{display:grid;grid-template-columns:repeat(3,1fr);height:100%}.plane-scenes img{width:100%;height:100%;object-fit:cover;min-width:0}.plane-shade{position:absolute;inset:0;background:linear-gradient(transparent 25%,#081218d9)}.plane-content{position:absolute;left:7%;right:7%;bottom:12%;color:white}.plane-content>.mark{width:90%;filter:drop-shadow(0 2px 8px #000)}.plane-content>span:last-child{font-size:11px;display:block;margin-top:20px;text-shadow:0 2px 9px #000}.sculpture-orbit{position:absolute;border:1px solid #afd4e522;border-radius:50%;width:90%;height:90%;top:5%;left:3%;transform:rotateX(65deg) rotateY(-15deg);box-shadow:0 0 80px #6090ad0b;animation:orbit-turn 24s linear infinite;animation-play-state:paused}.orbit-two{width:72%;height:72%;top:12%;left:13%;border-color:#c6a28a22;animation-direction:reverse;animation-duration:31s}.is-active .sculpture-orbit{animation-play-state:running}.sculpture-tag{position:absolute;left:7%;right:7%;bottom:2%;font-size:10px;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:15px;color:#c7d5df}.tag-line{width:30px;height:1px;background:#abc8d7}.service-item{display:flex;gap:24px;padding:28px 0;border-top:1px solid #ffffff24;transition:padding .35s,background .35s}.service-item:hover{padding-left:12px;background:linear-gradient(90deg,#96bbd708,transparent)}.item-index{font-size:10px;letter-spacing:1px;color:#b0c5d3;padding-top:6px}.service-item h3{font-size:29px;line-height:1.1;text-transform:uppercase}.service-item p{font-size:16px;line-height:1.65;color:#bdc7cf;margin:14px 0 0;max-width:450px}.service-details>.official-link{margin-top:18px}
.process{background:#0e1218;min-height:850px;border-top:1px solid #ffffff12}.process-atmosphere>img{position:absolute;width:55%;height:140%;right:0;top:-20%;object-fit:cover;object-position:50% 67%;opacity:.65;transform:translateY(var(--scroll-drift)) scale(1.04)}.process-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c1118 23%,#0c1118dd 53%,#0c11184d),linear-gradient(0deg,#0c1118,transparent 60%,#0c1118bb)}.track-lines{position:absolute;inset:0;border-top:1px solid #ead5b916;transform:perspective(900px) rotateX(68deg) rotateZ(-10deg) scale(1.6);background:repeating-linear-gradient(90deg,transparent 0 18%,#d7bba610 18.1% 18.3%,transparent 18.4% 22%);mask-image:linear-gradient(transparent,#000,transparent)}.process h2{text-shadow:0 5px 30px #0007}.process .section-description{color:#d4d4d0}.process-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;padding:0;margin:95px 0 0;position:relative}.process-steps:before{content:'';position:absolute;top:97px;left:0;right:0;height:1px;background:linear-gradient(90deg,#cbb6a27d,#e7b68a5e,#9fcbd54d);transform:scaleX(1);transform-origin:left}.motion-ready .process-steps:before{transform:scaleX(0);transition:transform 1.5s cubic-bezier(.2,.65,.3,1)}.motion-ready .is-active .process-steps:before{transform:scaleX(1)}.step-number{font:700 80px/.9 Condensed,sans-serif;display:block;color:transparent;-webkit-text-stroke:1px #d7d9d38c;margin-bottom:35px;transition:color .6s,text-shadow .6s}.is-revealed .step-number{color:#d9ddde;-webkit-text-stroke-color:transparent;text-shadow:0 15px 45px #0009}.step-node{width:7px;height:7px;border:1px solid #dbba99;border-radius:50%;background:#0d1319;display:block;position:relative;margin-bottom:30px;box-shadow:0 0 0 6px #d8bb9e0c}.process-step h3{font-size:27px;line-height:1.15;margin-bottom:15px}.process-step p{font-size:16px;line-height:1.7;color:#c6ccd0;margin:0}.process-bottom{border-top:1px solid #ffffff24;margin-top:75px;padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:12px;line-height:1.6;color:#aebbc4}.process-bottom a{color:#f5f5f3;display:flex;align-items:center;gap:25px;white-space:nowrap}
.faq{color:#14212b;background:radial-gradient(ellipse at 0 100%,#c5d5d9 0,transparent 60%),#e4e9e8;border-top:1px solid #f4f5ee;min-height:760px}.faq-composition{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;align-items:start}.faq h2{font-size:clamp(50px,4.6vw,74px);line-height:1.03}.faq .muted{color:#66777f}.faq .section-label{color:#4d636d}.faq .line{background:#567583}.faq .section-description{color:#4c626c;margin-top:30px;max-width:340px}.faq .official-link{border-color:#324f626e;font-size:11px}.faq-atmosphere{opacity:.45}.faq-architecture{position:absolute;width:65%;height:130%;left:-23%;top:8%;transform:perspective(900px) rotateY(40deg) rotateZ(-15deg) translateY(var(--scroll-drift));animation:architecture-drift 20s ease-in-out infinite alternate;animation-play-state:paused}.faq-architecture span{position:absolute;inset:0;border:1px solid #5f889526;box-shadow:inset 15px 5px 60px #ffffff36,15px 20px 90px #597f871a}.faq-architecture span:nth-child(2){inset:12%;transform:translateZ(40px)}.faq-architecture span:nth-child(3){inset:24%;transform:translateZ(80px)}.is-active .faq-architecture{animation-play-state:running}.faq-list details{border-top:1px solid #25414e40;padding:0;transition:background .4s}.faq-list details:last-child{border-bottom:1px solid #25414e40}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0;font-size:18px;line-height:1.45;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-symbol{position:relative;display:block;flex-shrink:0;width:22px;height:22px;border:1px solid #32505e45;border-radius:50%;transition:transform .4s,background .4s}.faq-symbol:before,.faq-symbol:after{content:'';position:absolute;background:#314f5f;left:6px;top:9px;width:8px;height:1px}.faq-symbol:after{transform:rotate(90deg);transition:transform .35s}.faq details[open] .faq-symbol:after{transform:rotate(0)}.faq details[open]{background:#ffffff25}.faq-answer{padding:0 35px 27px 0}.faq-answer p{margin:0;line-height:1.75;font-size:16px;color:#425b67}.faq details[open] .faq-answer{animation:answer-enter .45s ease-out}.faq a:focus-visible,.faq summary:focus-visible{outline:2px solid #183f56;outline-offset:5px}
.contact-section{background:#071017;min-height:890px;border-top:1px solid #12212a}.contact-atmosphere>img{position:absolute;width:58%;height:125%;left:0;top:-10%;object-fit:cover;opacity:.57;transform:translateY(var(--scroll-drift)) scale(1.05)}.contact-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07101755,#071017cc 42%,#071017 75%),linear-gradient(0deg,#071017,transparent 55%,#071017cc)}.contact-orbit{position:absolute;width:55vw;height:55vw;border:1px solid #a2d4e222;border-radius:50%;left:-8%;top:20%;transform:rotateX(68deg) rotateY(-25deg);box-shadow:0 0 70px #3385a416;animation:contact-breathe 16s ease-in-out infinite alternate;animation-play-state:paused}.is-active .contact-orbit{animation-play-state:running}.contact-composition{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.contact-copy h2{font-size:clamp(58px,6.5vw,104px);text-shadow:0 6px 28px #000a}.contact-copy .section-label{text-shadow:0 2px 10px #000}.contact-lead{font-size:20px;line-height:1.6;max-width:380px;margin:35px 0;color:#d2dce0;text-shadow:0 2px 12px #000}.contact-channels{display:flex;flex-direction:column;gap:22px;font-size:14px}.contact-channels a{display:flex;align-items:center;gap:30px;width:fit-content}.project-form{padding:36px;background:linear-gradient(135deg,#172731dd,#0b1822ed);border:1px solid #b9d7e02b;box-shadow:0 40px 100px #0008,inset 0 1px 0 #ffffff16;backdrop-filter:blur(14px)}.form-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:36px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.project-form label{display:block;margin:0 0 27px}.project-form label>span{display:block;font-size:12px;color:#d1dee5;margin-bottom:12px}.project-form input,.project-form textarea{display:block;width:100%;min-width:0;padding:12px 0;font:400 16px/1.5 Barlow,sans-serif;color:white;background:transparent;border:0;border-radius:0;border-bottom:1px solid #a6c6d447;transition:border-color .3s,box-shadow .3s;resize:vertical}.project-form input:focus,.project-form textarea:focus{border-color:#c4e7f1;box-shadow:0 5px 10px -8px #c2e9ff;outline:0}.project-form label:focus-within>span{color:white}.form-note{font-size:12px;line-height:1.6;color:#c1cbd3;margin:0 0 25px}.form-submit{border:0;width:100%;justify-content:space-between;font-size:11px;padding:19px 20px;white-space:normal;text-align:left}.form-status{font-size:13px;color:#d8e9ef;line-height:1.65;margin:18px 0 0}.form-status:empty{display:none}.site-footer{background:radial-gradient(ellipse at 40% 100%,#19323b66,transparent 60%),#080c10}.site-footer .small-logo{transition:filter .4s,transform .4s}.site-footer .small-logo:hover{filter:drop-shadow(0 0 14px #a6d0e74d);transform:translateY(-3px)}
.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,30px,0);transition:opacity .9s ease,transform 1.1s cubic-bezier(.18,.65,.25,1)}.motion-ready [data-reveal].is-revealed{opacity:1;transform:translate3d(0,0,0)}.service-item:nth-child(2),.process-step:nth-child(2),.faq-list details:nth-child(2){transition-delay:.08s}.service-item:nth-child(3),.process-step:nth-child(3),.faq-list details:nth-child(3){transition-delay:.16s}.process-step:nth-child(4),.faq-list details:nth-child(4){transition-delay:.24s}.faq-list details:nth-child(5){transition-delay:.32s}
@media(prefers-reduced-motion:no-preference){.hero-content{animation:hero-copy-enter 1s cubic-bezier(.2,.65,.25,1) both}.scene img{animation:environment-breathe 22s ease-in-out infinite alternate;animation-play-state:paused}.scene picture:nth-child(2) img{animation-duration:26s;animation-direction:alternate-reverse}.scene picture:nth-child(3) img{animation-duration:30s}.hero.is-active .scene img{animation-play-state:running}}
@keyframes hero-copy-enter{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@keyframes environment-breathe{from{transform:scale(1.005)}to{transform:scale(1.028)}}
@keyframes light-travel{from{translate:-3% -2%;opacity:.65}to{translate:6% 5%;opacity:1}}
@keyframes plane-float{from{translate:0 0}to{translate:0 -12px}}
@keyframes orbit-turn{from{rotate:0deg}to{rotate:360deg}}
@keyframes architecture-drift{from{translate:0 -8px}to{translate:15px 10px}}
@keyframes contact-breathe{from{scale:.97;opacity:.55}to{scale:1.05;opacity:1}}
@keyframes answer-enter{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
.page-hidden *, .page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}
.process-steps:before{top:110px}
.site-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 100%,#8ec8dc12,transparent 55%);animation:footer-light 12s ease-in-out infinite alternate;animation-play-state:paused}.site-footer.is-active:before{animation-play-state:running}.step-node:after{content:'';position:absolute;inset:-7px;border:1px solid #dbba9933;border-radius:50%;animation:node-breathe 5s ease-in-out infinite;animation-play-state:paused}.is-active .step-node:after{animation-play-state:running}.process-step:nth-child(2) .step-node:after{animation-delay:1s}.process-step:nth-child(3) .step-node:after{animation-delay:2s}.process-step:nth-child(4) .step-node:after{animation-delay:3s}
@keyframes footer-light{from{translate:-5% 0;opacity:.5}to{translate:10% 0;opacity:1}}
@keyframes node-breathe{0%,100%{scale:.85;opacity:.35}50%{scale:1.2;opacity:1}}
@media(max-width:1100px){.nav-links{gap:18px;font-size:10px;letter-spacing:1px}.nav{gap:20px}.service-composition{gap:5%}.identity-sculpture{height:410px}.service-item h3{font-size:25px}.process-steps{gap:24px}.process-step h3{font-size:24px}.faq-composition{gap:7%;grid-template-columns:1fr 1fr}.faq h2{font-size:52px}.contact-composition{gap:6%}.project-form{padding:28px}.contact-copy h2{font-size:70px}.form-row{display:block}}
@media(max-width:800px){.nav-links a:nth-child(n+2){display:none}.service-composition{grid-template-columns:1fr}.identity-sculpture{height:430px;max-width:600px;width:100%;margin:0 auto 35px}.service-details{max-width:600px;width:100%;margin:auto}.process-steps{grid-template-columns:1fr 1fr;gap:50px 40px;margin-top:60px}.process-steps:before{display:none}.step-number{font-size:70px;margin-bottom:25px}.step-node{margin-bottom:22px}.process-bottom{margin-top:50px}.faq-composition{display:block}.faq-intro{margin-bottom:50px}.faq h2{font-size:clamp(45px,8vw,68px)}.faq-intro .section-description{max-width:420px}.contact-composition{grid-template-columns:1fr;gap:55px}.contact-copy h2{font-size:clamp(58px,10vw,85px)}.contact-atmosphere>img{width:100%;height:100%;opacity:.38}.contact-shade{background:linear-gradient(0deg,#071017 30%,#071017bb 70%,#07101766)}.contact-orbit{width:110vw;height:110vw;top:10%}.project-form{max-width:600px;width:100%}.form-row{display:grid}.contact-section{min-height:0}}
@media(max-width:700px){.nav-links{display:none}.project-depth{perspective:none}.live-browser{transform:none!important;box-shadow:0 20px 50px #0008}.chapter-outline{font-size:260px;top:10px;right:-25px}.service{padding-top:75px;padding-bottom:75px}.identity-sculpture{height:330px;margin-bottom:30px}.identity-plane{height:67%;top:15%;width:85%;left:3%}.plane-bar{height:25px;font-size:6px;padding:0 10px}.plane-content>span:last-child{font-size:8px;margin-top:12px}.plane-middle{translate:-8px 10px}.plane-back{translate:-16px 20px}.sculpture-tag{font-size:8px;letter-spacing:1.5px;bottom:0}.sculpture-orbit{height:85%}.service-item{gap:20px;padding:25px 0}.service-item h3{font-size:27px}.service-item p{font-size:16px}.process{min-height:0}.process-atmosphere>img{width:100%;height:100%;top:0;opacity:.3}.process-shade{background:linear-gradient(0deg,#0c1118,#0c1118bb 60%,#0c1118aa)}.process-steps{display:block;margin-top:50px;padding-left:27px}.process-steps:before{display:block;top:0;bottom:0;left:3px;right:auto;height:100%;width:1px;transform:scaleX(1)!important}.process-step{margin-bottom:35px;padding-left:0;position:relative}.process-step:last-child{margin-bottom:0}.step-number{font-size:58px;margin-bottom:20px}.step-node{position:absolute;left:-27px;top:19px;margin:0}.process-step h3{font-size:28px}.process-step p{font-size:16px}.process-bottom{align-items:start;flex-direction:column;gap:20px;font-size:12px}.faq-intro{margin-bottom:35px}.faq h2{font-size:clamp(42px,10.7vw,62px)}.faq-list summary{padding:23px 0;font-size:17px;gap:20px}.faq-answer{padding:0 15px 23px 0}.faq-answer p{font-size:16px}.faq-architecture{width:120%;left:-60%;opacity:.7}.contact-copy h2{font-size:clamp(48px,12.5vw,72px)}.contact-lead{font-size:19px;margin:28px 0}.contact-channels{font-size:13px}.project-form{padding:25px 22px}.form-row{display:block}.form-top{font-size:11px;letter-spacing:1px;margin-bottom:30px}.form-submit{font-size:10px;letter-spacing:1px;padding:18px 16px}.portrait-depth{transform:none!important}.motion-ready [data-reveal]{transform:translate3d(0,20px,0)}.service-grid{background-size:70px 70px}.contact-orbit{top:5%}}
@media(max-width:350px){.identity-sculpture{height:280px}.plane-content>span:last-child{font-size:7px}.sculpture-tag{font-size:7px;letter-spacing:1px}.contact-copy h2{font-size:45px}.project-form{padding:23px 17px}}
@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal],[data-reveal]{opacity:1;transform:none;transition:none}.live-browser,.portrait-depth,.sculpture-stage{transform:none!important}.section-atmosphere img{transform:none!important}*,*:before,*:after{animation:none!important;transition:none!important}.page-progress{display:none}}