@view-transition { navigation: auto; }
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
::view-transition-old(root){animation:page-out .22s ease both}::view-transition-new(root){animation:page-in .5s cubic-bezier(.22,1,.36,1) both}@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes page-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.project-card{perspective:1400px}.project-art{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d}.round-arrow{translate:var(--arrow-x,0px) var(--arrow-y,0px)}
:root{--paper:#f5f6f8;--ink:#101113;--muted:#565b65;--blue:#244cff;--line:#d2d5db;--gutter:3.6vw;--ease:cubic-bezier(.22,1,.36,1);--scroll-progress:0%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}body::before{content:"";height:3px;width:var(--scroll-progress);background:var(--blue);position:fixed;top:0;left:0;z-index:20;pointer-events:none}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}img{max-width:100%;display:block}svg{width:30px;height:30px;flex:none}p{font-size:1.125rem;line-height:1.5;margin:0}h1,h2,h3{margin:0;line-height:1.02;letter-spacing:-.055em}h2{font-size:clamp(2rem,3.4vw,3.25rem)}h3{font-size:1.5rem}::selection{background:var(--blue);color:white}.site-header,main,.site-footer{max-width:1600px;margin-inline:auto;width:calc(100% - var(--gutter)*2)}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:var(--ink);color:white;padding:15px}.skip:focus{top:10px}.site-header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.wordmark{font-size:1.7rem;font-weight:750;letter-spacing:-.07em;white-space:nowrap}.brand-dot{color:var(--blue)}.site-header nav{display:flex;align-items:center;gap:52px;font-size:1rem}.site-header nav>a{position:relative}.site-header nav>a::after{content:"";height:1px;background:currentColor;position:absolute;inset-inline:0;bottom:-5px;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.site-header nav>a:hover::after{transform:scaleX(1)}.language-menu{position:relative}.language-menu summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;min-height:44px;font-size:.95rem}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary svg{width:16px;height:16px;transition:transform .2s}.language-menu[open] summary svg{transform:rotate(180deg)}.language-options{position:absolute;inset-inline-end:0;top:48px;width:320px;display:grid;grid-template-columns:1fr 1fr;padding:15px;background:var(--paper);border:1px solid var(--line);box-shadow:0 16px 45px #10111315}.language-options a{font-size:.95rem;padding:12px}.language-options a:hover,.language-options a[aria-current]{background:var(--blue);color:white}.hero-copy{padding-block:40px}.hero-copy h1{font-size:clamp(3.1rem,6.25vw,6.65rem);letter-spacing:-.065em;line-height:.97}.title-line{display:block}.title-line>span{display:block;animation:title-in 1.2s var(--ease) both;animation-delay:calc(var(--line)*.11s)}.hero-copy>p{max-width:410px;margin-top:30px;font-size:clamp(1.1rem,1.5vw,1.45rem);line-height:1.35;letter-spacing:-.028em}.text-link{display:inline-flex;align-items:center;gap:24px;color:var(--blue);font-size:1.125rem;line-height:1.4;min-height:44px}.text-link span{border-bottom:1px solid var(--blue);padding-bottom:4px}.text-link svg{transition:transform .5s var(--ease)}.text-link:hover svg{transform:translateX(9px)}.hero-link{margin-top:40px}.section-heading{display:flex;align-items:center;gap:25px;margin-bottom:27px}.section-heading h2{white-space:normal}.heading-line{height:1px;background:var(--line);flex:1;min-width:25px}.project-count{font-size:.95rem;font-variant-numeric:tabular-nums;color:var(--muted)}.projects{padding-bottom:50px;scroll-margin-top:35px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 28px}.project-card{display:block;min-width:0}.project-art{width:100%;min-width:0;position:relative;background:var(--project-color);min-height:400px;aspect-ratio:1.55;overflow:hidden;isolation:isolate}.art-copy{position:relative;padding:38px 34px;z-index:3;width:54%}.app-icon{width:52px;height:52px;border-radius:12px;margin-bottom:32px;box-shadow:0 4px 10px #1011130a}.art-copy h3{font-size:clamp(2rem,3.2vw,3.3rem);letter-spacing:-.06em;line-height:1.02}.art-copy>p{font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.35;letter-spacing:-.02em;margin-top:16px}.project-picture{position:absolute;right:6%;top:9%;width:40%;transform:rotate(7deg) translateY(16px);transition:transform .8s var(--ease);box-shadow:8px 20px 24px #10111322;border:4px solid #292b31;border-radius:29px;overflow:hidden;background:#101113}.project-picture img{width:100%;height:auto}.hola-cards .project-picture,.english-cards .project-picture{border:0;border-radius:10px;width:43%;right:3%}.round-arrow{position:absolute;bottom:24px;left:34px;width:48px;height:48px;background:var(--ink);color:var(--paper);border-radius:50%;display:grid;place-items:center;transition:transform .5s var(--ease),background .3s}.round-arrow svg{width:26px;height:26px}.project-card:hover .project-picture{transform:rotate(0) translateY(-4px)}.project-card:hover .round-arrow{transform:rotate(-35deg);background:var(--blue)}.project-caption{display:flex;gap:24px;justify-content:space-between;padding-top:19px}.project-caption p{font-size:1rem;line-height:1.5;max-width:550px;color:var(--muted);margin-top:6px}.project-category{font-size:.875rem;font-weight:600;letter-spacing:.01em;line-height:1.4}.project-number{color:var(--muted);font-size:.875rem;font-variant-numeric:tabular-nums;padding-top:2px}.project-grid>.aura-auth{grid-column:1/-1}.project-grid>.aura-auth .project-art{min-height:460px;aspect-ratio:3}.project-grid>.aura-auth .art-copy{width:50%;padding:44px}.project-grid>.aura-auth .art-copy h3{font-size:clamp(3rem,6vw,6rem)}.project-grid>.aura-auth .art-copy p{max-width:340px;font-size:1.4rem}.project-grid>.aura-auth .project-picture{width:25%;right:13%;top:-30%;transform:rotate(15deg)}.project-grid>.aura-auth:hover .project-picture{transform:rotate(9deg) translateY(-12px)}.project-grid>.aura-auth .round-arrow{left:44px;bottom:35px}.site-footer{border-top:1px solid var(--line);padding-block:35px 24px;margin-top:40px}.footer-main{display:flex;align-items:center;gap:40px;justify-content:space-between}.footer-main p{font-size:1rem;color:var(--muted)}.top-link{display:flex;align-items:center;gap:12px;font-size:.95rem;min-height:44px}.top-link svg{width:23px;height:23px;transform:rotate(-90deg)}.footer-languages{display:flex;gap:12px 24px;flex-wrap:wrap;padding-block:34px;font-size:.875rem}.footer-languages a{padding-block:8px;color:var(--muted)}.footer-languages a:hover,.footer-languages a[aria-current]{color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:.75rem;line-height:1.6}.footer-bottom>span:last-child{display:flex;flex-wrap:wrap;gap:10px 24px}.detail-page{padding-top:30px}.back-link{gap:10px;margin-bottom:28px;font-size:1rem}.back-link>svg{transform:rotate(180deg);width:25px}.back-link:hover>svg{transform:rotate(180deg) translateX(6px)}.project-title{font-size:clamp(4.2rem,11.8vw,12rem);line-height:.96;letter-spacing:-.07em;margin-bottom:34px;overflow-wrap:anywhere}.title-dot{color:var(--blue)}.detail-hero{display:grid;grid-template-columns:40% 1fr;gap:5%;align-items:center;margin-block:15px 70px}.detail-intro h2{font-size:clamp(2.2rem,3.8vw,4rem);line-height:1.03;max-width:530px;margin-block:17px 24px}.detail-intro>p:not(.project-category):not(.platforms){font-size:1.2rem;max-width:470px;line-height:1.5}.store-links{display:flex;gap:14px 26px;flex-wrap:wrap;margin-top:30px}.store-link{display:flex;align-items:center;gap:14px;color:var(--blue);font-size:1.15rem;min-height:46px;border-bottom:1px solid var(--blue)}.store-link svg{width:21px;height:21px;transition:transform .4s var(--ease)}.store-link:hover svg{transform:translate(3px,-3px)}.platforms{font-size:.8rem;color:var(--muted);margin-top:16px}.detail-art{background:var(--project-color);height:480px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-phone{width:225px;flex:none;border-radius:30px;border:4px solid #25272d;box-shadow:15px 20px 30px #10111328;transform:rotate(8deg) translateY(28px);overflow:hidden;z-index:1}.detail-art .app-screen{width:100%;height:auto}.detail-art-name{position:absolute;left:-2%;top:5%;font-size:clamp(70px,8vw,145px);font-weight:800;white-space:nowrap;letter-spacing:-.06em;color:var(--ink);opacity:.09;transform:rotate(-9deg)}.project-story{display:grid;grid-template-columns:27% 1fr;gap:7%;padding-block:10px 45px}.project-story h2{font-size:1.7rem;max-width:250px;line-height:1.1}.project-story p{font-size:clamp(1.2rem,1.8vw,1.6rem);letter-spacing:-.02em;line-height:1.45;max-width:850px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:80px}.feature{border-top:1px solid var(--line);padding-top:24px}.feature-num{display:block;font-size:.8rem;color:var(--muted);margin-bottom:22px;font-variant-numeric:tabular-nums}.feature h3{font-size:1.35rem;line-height:1.15;margin-bottom:15px}.feature p{font-size:1rem;line-height:1.6;color:var(--muted)}.screen-section{margin-bottom:70px}.screen-section .section-heading h2{font-size:2rem}.screen-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;padding:48px 9%;background:var(--project-color)}.screen-gallery figure{margin:0;align-self:start;border-radius:20px;overflow:hidden;box-shadow:0 12px 25px #10111315}.screen-gallery img{width:100%;height:auto}.screen-note{font-size:.85rem;color:var(--muted);padding-top:16px;line-height:1.5}.project-info{display:grid;grid-template-columns:34% 1fr;gap:7%;margin-bottom:75px}.project-info h2{font-size:2rem}.language-note{font-size:.9rem;color:var(--muted);line-height:1.7;margin-top:25px;max-width:310px}.language-note strong{font-weight:600;color:var(--ink)}.faq{border-top:1px solid var(--line);padding-block:20px}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:1.1rem;font-weight:600;cursor:pointer;list-style:none;line-height:1.35;min-height:38px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:1.75rem;font-weight:400;transition:transform .25s}.faq[open] summary span{transform:rotate(45deg)}.faq>p{font-size:1rem;color:var(--muted);line-height:1.6;padding-top:18px;padding-inline-end:30px}.availability{font-size:.85rem;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.next-card{margin-block:15px 50px}.next-card .project-art{height:240px;min-height:240px;aspect-ratio:auto}.next-card .art-copy{width:60%;padding:30px 38px}.next-card .app-icon{display:none}.next-label{display:block;font-size:.9rem;margin-bottom:20px}.next-card h2{font-size:clamp(2.6rem,5.5vw,5.5rem);padding-bottom:8px}.next-card .art-copy>p{display:none}.next-card .project-picture{width:23%;right:13%;top:-45%;transform:rotate(14deg)}.next-card .round-arrow{left:auto;right:35px;bottom:calc(50% - 24px)}.not-found{padding-block:100px}.not-found h1{font-size:clamp(3rem,7vw,6rem);max-width:900px;margin-block:30px}.not-found>p{color:var(--blue)}
@keyframes title-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.revealed{animation:content-in .85s var(--ease) both}.feature:nth-child(2).revealed{animation-delay:.08s}.feature:nth-child(3).revealed{animation-delay:.16s}@keyframes content-in{from{translate:0 30px}to{translate:0 0}}
[data-locale=ru] .hero-copy h1,[data-locale=de] .hero-copy h1,[data-locale=pt] .hero-copy h1,[data-locale=it] .hero-copy h1,[data-locale=fr] .hero-copy h1{font-size:clamp(2.9rem,5.1vw,5.4rem)}[lang=ja] h1,[lang=ja] h2,[lang=ja] h3,[lang=zh] h1,[lang=zh] h2,[lang=zh] h3,[lang=ko] h1,[lang=ko] h2,[lang=ko] h3{letter-spacing:-.055em;line-height:1.2;word-break:keep-all;overflow-wrap:break-word}[lang=hi] h1,[lang=hi] h2,[lang=hi] h3,[lang=ar] h1,[lang=ar] h2,[lang=ar] h3{letter-spacing:normal;line-height:1.3}[dir=rtl] .wordmark,[dir=rtl] .project-title,[dir=rtl] .art-copy h3{direction:ltr}[dir=rtl] .hero-copy h1{font-size:clamp(3rem,5.2vw,5.5rem)}[dir=rtl] .hero-stage,[dir=rtl] .project-picture,[dir=rtl] .detail-art{direction:ltr}[dir=rtl] .text-link svg{rotate:180deg}[dir=rtl] .art-copy{margin-inline-start:auto;direction:rtl}[dir=rtl] .project-picture{left:6%;right:auto}[dir=rtl] .round-arrow{left:auto;right:34px}[dir=rtl] .next-card .round-arrow{left:30px;right:auto}
@media(min-width:1750px){:root{--gutter:64px}.hero-copy h1{font-size:106px}}
@media(max-width:1100px){.hero-copy h1{font-size:6vw}.project-art{min-height:340px}.art-copy{padding:26px;width:55%}.app-icon{width:44px;height:44px;margin-bottom:24px}.project-picture{width:41%;right:4%}.round-arrow{left:26px;bottom:24px}.art-copy h3{font-size:2.3rem}.project-grid>.aura-auth .project-art{min-height:370px}.detail-art{height:430px}.detail-phone{width:195px}.detail-intro>p:not(.project-category):not(.platforms){font-size:1.05rem}.features{gap:25px}.footer-main{gap:25px}.footer-main p{max-width:260px}}
@media(max-width:900px){:root{--gutter:22px}.site-header{height:75px}.wordmark{font-size:1.4rem}.site-header nav{gap:25px;font-size:.9rem}.hero-copy{padding:10px 0 6px}.hero-copy h1{font-size:clamp(3.4rem,10vw,5.5rem);line-height:.98;letter-spacing:-.055em}[data-locale] .hero-copy h1{font-size:clamp(3rem,9.3vw,5.4rem)}.hero-copy>p{font-size:1.125rem;max-width:400px;margin-top:24px}.hero-link{margin-top:22px;font-size:1rem;gap:25px}.section-heading{gap:16px;margin-bottom:23px}.section-heading h2{font-size:2.05rem}.project-grid{grid-template-columns:1fr;gap:33px}.project-grid>.aura-auth{grid-column:auto}.project-art{aspect-ratio:1.5;min-height:340px}.art-copy{width:53%;padding:28px}.art-copy h3{font-size:2.8rem}.art-copy>p{font-size:1.1rem}.project-picture{width:39%;top:10%;right:5%;border-radius:25px}.hola-cards .project-picture,.english-cards .project-picture{width:42%;right:3%}.round-arrow{left:28px;bottom:24px}.project-caption{padding-top:15px}.project-caption p{font-size:1rem}.project-grid>.aura-auth .project-art{aspect-ratio:1.5;min-height:340px}.project-grid>.aura-auth .art-copy{padding:28px;width:54%}.project-grid>.aura-auth .art-copy h3{font-size:2.8rem}.project-grid>.aura-auth .art-copy p{font-size:1.1rem}.project-grid>.aura-auth .project-picture{width:39%;right:5%;top:10%;transform:rotate(7deg)}.project-grid>.aura-auth .round-arrow{left:28px;bottom:24px}.project-title{font-size:clamp(3.6rem,13.5vw,6rem);margin-bottom:28px}.back-link{margin-bottom:24px}.detail-page{padding-top:22px}.detail-hero{grid-template-columns:1fr;gap:32px;margin-bottom:45px}.detail-intro h2{font-size:2.8rem;max-width:530px;line-height:1.05;margin-top:15px}.detail-intro>p:not(.project-category):not(.platforms){font-size:1.125rem}.store-links{margin-top:22px}.detail-art{height:420px}.detail-phone{width:215px;transform:rotate(7deg) translateY(40px)}.detail-art-name{font-size:90px;top:4%}.project-story{grid-template-columns:1fr;gap:20px;padding-bottom:35px}.project-story h2{max-width:320px;font-size:1.8rem}.project-story p{font-size:1.2rem}.features{grid-template-columns:1fr;gap:26px;padding-bottom:45px}.feature{padding-top:20px}.feature-num{margin-bottom:14px}.feature h3{font-size:1.4rem}.feature p{font-size:1.05rem;max-width:600px}.screen-section{margin-bottom:45px}.screen-gallery{padding:25px 5%;gap:5%;overflow-x:auto;scroll-snap-type:x mandatory;grid-auto-flow:column;grid-auto-columns:65%;grid-template-columns:none}.screen-gallery figure{scroll-snap-align:center;border-radius:18px}.screen-note{font-size:.85rem}.project-info{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.language-note{max-width:100%;font-size:.95rem}.faq summary{font-size:1.1rem}.next-card .project-art{height:205px;min-height:205px}.next-card .art-copy{width:68%;padding:25px}.next-card h2{font-size:2.4rem}.next-card .project-picture{width:28%;right:5%;top:10%}.next-card .round-arrow{right:20px;bottom:20px;width:40px;height:40px}.next-card .project-picture{opacity:.8}.next-label{font-size:.85rem;margin-bottom:15px}.site-footer{margin-top:10px;padding-top:27px}.footer-main{align-items:flex-start;flex-wrap:wrap;gap:15px}.footer-main p{font-size:.9rem;max-width:none;flex-basis:100%;order:3}.top-link{font-size:.85rem;min-height:30px;margin-inline-start:auto}.footer-languages{gap:5px 21px;padding-block:24px}.footer-bottom{flex-direction:column;gap:15px}.footer-bottom>span:last-child{gap:12px 20px}.language-options{width:290px}.language-options a{min-height:44px}[dir=rtl] .project-grid>.aura-auth .project-picture{left:5%;right:auto}}
@media(max-width:440px){:root{--gutter:19px}.site-header nav{gap:18px}.project-art,.project-grid>.aura-auth .project-art{min-height:315px}.art-copy,.project-grid>.aura-auth .art-copy{padding:23px}.art-copy h3,.project-grid>.aura-auth .art-copy h3{font-size:2.1rem}.art-copy>p,.project-grid>.aura-auth .art-copy p{font-size:1rem}.round-arrow,.project-grid>.aura-auth .round-arrow{left:23px;bottom:22px;width:43px;height:43px}.app-icon{width:40px;height:40px;margin-bottom:22px;border-radius:10px}.project-picture{width:42%;right:3%;border-width:3px;border-radius:20px;top:12%}.project-grid>.aura-auth .project-picture{width:42%;right:3%;top:12%}.detail-intro h2{font-size:2.4rem}.detail-art{height:385px}.detail-phone{width:190px}.screen-gallery{grid-auto-columns:78%;padding:24px 8%}.next-card h2{font-size:2rem}.next-card .project-art{height:190px;min-height:190px}.project-story p{font-size:1.15rem}.project-title{font-size:13vw}.title-dot{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

@media(max-width:440px){.art-copy>p,.project-grid>.aura-auth .art-copy p{font-size:.95rem}.art-copy h3,.project-grid>.aura-auth .art-copy h3{font-size:2rem}.project-art,.project-grid>.aura-auth .project-art{min-height:345px}}

.home-hero>*,.detail-hero>*,.project-story>*,.project-info>*,.feature{min-width:0}

/* A photographic full-screen opening; enhanced scroll reveals the portfolio
   through a transparent powder canvas. Without JS this is a normal hero. */
body[data-home=true] .site-header{position:absolute;inset-block-start:0;inset-inline:0;height:88px;width:calc(100% - var(--gutter)*2);max-width:none;margin-inline:var(--gutter);color:#fff;border-color:#ffffff35;z-index:12}
body[data-home=true] .site-header .brand-dot{color:currentColor}
body[data-home=true] .site-header .language-options{color:var(--ink)}
body[data-home=true] .site-header a:focus-visible,body[data-home=true] .site-header summary:focus-visible{outline-color:#fff}
main.home-page{width:100%;max-width:none;margin:0}
.immersive-hero{display:block;position:relative;z-index:2;height:100svh;padding:0;pointer-events:none}
.immersive-hero:has(.experience-ready){height:300svh}
.immersive-hero .hero-stage{--scene-exit:0;--copy-exit:0;--camera-x:0px;--camera-y:0px;--camera-scale:1.03;--scene-night:0;position:sticky;top:0;width:100%;height:100svh;min-width:0;min-height:0;max-height:none;overflow:hidden;isolation:isolate;perspective:none;background:transparent;color:#fff;pointer-events:none}
.scene-fallback,.scene-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate3d(var(--camera-x),var(--camera-y),0) scale(var(--camera-scale));transform-origin:center;opacity:calc(1 - var(--scene-exit));pointer-events:none;z-index:0}
.alpine-fallback{background-image:url('/portfolio-assets/alpine-opening.webp');background-size:cover;background-position:center;filter:brightness(calc(1 - var(--scene-night)*.52)) saturate(calc(1 - var(--scene-night)*.15))}
.scene-film{z-index:1;filter:brightness(calc(1 - var(--scene-night)*.52)) saturate(calc(1 - var(--scene-night)*.15));transform:translate3d(calc(var(--camera-x)*.25),calc(var(--camera-y)*.15),0) scale(1.035)}
.scene-film:not(.is-ready){visibility:hidden}
.scene-film video{width:100%;height:100%;object-fit:cover}
.scene-scrim{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:calc((1 - var(--scene-exit))*(1 - var(--copy-exit)*.85));background:linear-gradient(90deg,#03111edb 0%,#03111e78 24%,#03111e12 54%,transparent 76%),linear-gradient(0deg,#07132270,transparent 30%,transparent 72%,#07132255)}

.immersive-hero .webgl-scene{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;opacity:1}
.immersive-hero .hero-copy{position:absolute;inset-block-start:clamp(145px,22svh,260px);inset-inline-start:var(--gutter);z-index:3;width:min(49%,710px);padding:0;opacity:calc(1 - var(--copy-exit));transform:translateY(calc(var(--copy-exit)*-32px));pointer-events:none}
.immersive-hero .hero-copy h1{font-size:clamp(3.8rem,6.8vw,7.7rem);line-height:.98;letter-spacing:-.065em;color:#fff;text-wrap:balance}
.immersive-hero .hero-copy>p{color:#eef2f4;max-width:390px;font-size:clamp(1rem,1.25vw,1.25rem);margin-top:28px;line-height:1.48;letter-spacing:-.025em;text-shadow:0 1px 12px #06142225}
.immersive-hero .hero-link{pointer-events:auto;color:#fff;background:transparent;border-radius:0;padding:0;min-height:48px;margin-top:26px;gap:24px;font-size:1rem}
.immersive-hero .hero-link span{border-color:#ffffff85;padding-bottom:6px}
.immersive-hero .hero-link svg{width:25px;height:25px}
.immersive-hero .hero-link:focus-visible{outline:2px solid white;outline-offset:6px}
.scene-caption{position:absolute;z-index:3;inset-block-end:max(32px,env(safe-area-inset-bottom));inset-inline-start:var(--gutter);max-width:38ch;margin:0;font-size:.74rem;line-height:1.55;color:#e9eef0c7;opacity:calc(1 - var(--copy-exit));transform:translateY(calc(var(--copy-exit)*-16px));pointer-events:none}
.scene-motion{position:absolute;z-index:7;inset-block-end:max(30px,env(safe-area-inset-bottom));inset-inline-end:var(--gutter);display:none;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff75;border-radius:50%;background:#10203122;backdrop-filter:blur(5px);color:#fff;cursor:pointer;pointer-events:auto;opacity:calc(1 - var(--scene-exit));transition:background .2s ease,transform .2s ease}
.experience-ready .scene-motion{display:grid}
.scene-motion:hover{background:#ffffff25}
.scene-motion:active{transform:scale(.94)}
.scene-motion:focus-visible{outline:2px solid #fff;outline-offset:5px}
.scene-motion svg{display:block;width:18px;height:18px}
.scene-motion [hidden]{display:none}
.home-page>.projects{position:relative;z-index:1;width:calc(100% - var(--gutter)*2);max-width:1600px;margin-inline:auto;margin-top:0;padding-top:clamp(35px,7svh,80px);background:var(--paper);scroll-margin-top:0}
.immersive-hero:has(.experience-ready)+.projects{margin-top:-100svh}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[data-locale=ru] .immersive-hero .hero-copy h1,[data-locale=de] .immersive-hero .hero-copy h1{font-size:clamp(3.4rem,5.8vw,6.7rem)}
[dir=rtl] .immersive-hero .hero-copy{direction:rtl;text-align:right}
[lang=ja] .immersive-hero .hero-copy h1,[lang=zh] .immersive-hero .hero-copy h1,[lang=ko] .immersive-hero .hero-copy h1{line-height:1.12}
[lang=hi] .immersive-hero .hero-copy h1,[lang=ar] .immersive-hero .hero-copy h1{line-height:1.18;letter-spacing:normal}
@media(max-width:1100px) and (min-width:761px){.immersive-hero .hero-copy{width:56%}.immersive-hero .hero-copy h1{font-size:6.5vw}.immersive-hero .hero-copy>p{max-width:335px}}
@media(max-width:760px){body[data-home=true] .site-header{height:76px}.immersive-hero .hero-copy{inset-block-start:clamp(120px,19svh,175px);inset-inline:var(--gutter);width:auto;max-width:560px}.immersive-hero .hero-copy h1,[data-locale] .immersive-hero .hero-copy h1{font-size:clamp(2.8rem,9.4vw,4.5rem);line-height:1.04;letter-spacing:-.06em}.immersive-hero .hero-copy>p{max-width:360px;font-size:1rem;margin-top:23px}.immersive-hero .hero-link{margin-top:20px;font-size:.95rem}.scene-caption{max-width:31ch;font-size:.67rem;inset-block-end:26px}.scene-motion{inset-block-end:25px}.scene-scrim{background:linear-gradient(180deg,#04101bcc 0%,#04101b6b 27%,#04101b10 63%,#04101b55 100%)}.home-page>.projects{padding-top:35px}[lang=ja] .immersive-hero .hero-copy h1,[lang=zh] .immersive-hero .hero-copy h1,[lang=ko] .immersive-hero .hero-copy h1{line-height:1.13}[lang=hi] .immersive-hero .hero-copy h1,[lang=ar] .immersive-hero .hero-copy h1{line-height:1.18;letter-spacing:normal}}
@media(max-width:440px){.immersive-hero .hero-copy{inset-block-start:clamp(110px,19svh,155px)}.immersive-hero .hero-copy h1,[data-locale] .immersive-hero .hero-copy h1{font-size:clamp(2.45rem,9.6vw,3.7rem)}.immersive-hero .hero-copy>p{font-size:.95rem;max-width:315px}.scene-caption{max-width:28ch;font-size:.64rem}.home-page>.projects{padding-top:30px}}
@media(max-height:600px) and (min-width:761px){body[data-home=true] .site-header{height:68px}.immersive-hero .hero-copy{inset-block-start:95px;width:60%}.immersive-hero .hero-copy h1,[data-locale] .immersive-hero .hero-copy h1{font-size:clamp(2.7rem,8svh,4rem)}.immersive-hero .hero-copy>p{font-size:.95rem;margin-top:17px;max-width:400px}.immersive-hero .hero-link{margin-top:13px}.scene-caption{inset-block-end:20px}}
@media(max-height:470px){.immersive-hero .hero-copy{inset-block-start:90px}.immersive-hero .hero-copy h1,[data-locale] .immersive-hero .hero-copy h1{font-size:clamp(2rem,8.5svh,2.6rem)}.immersive-hero .hero-copy>p{display:none}.immersive-hero .hero-link{margin-top:16px}.scene-caption{display:none}}
@media(prefers-reduced-motion:reduce){.immersive-hero:has(.experience-ready){height:100svh}.immersive-hero .hero-stage{position:relative}.immersive-hero:has(.experience-ready)+.projects{margin-top:0}.immersive-hero .hero-copy,.scene-caption,.scene-motion{opacity:1;transform:none}.scene-fallback,.scene-film{opacity:1;transform:none}.scene-scrim{opacity:1}.immersive-hero .title-line>span{animation:none!important}.scene-motion:active{transform:none}}

@media(max-width:760px),(max-aspect-ratio:1/1){.scene-film{object-position:var(--film-focus,75%) center}.alpine-fallback{background-position:75% center}}
