@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#f6f1e7;background:#080a10;font-synthesis:none;--blue:#3c6dff;--muted:#9297a4;--line:rgba(255,255,255,.13);color-scheme:dark;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,.portfolio:focus-visible{outline:2px solid #9abbff;outline-offset:6px}button{border:0}img{display:block;max-width:100%;height:auto}.wrap{max-width:1320px;margin-inline:auto;width:calc(100% - 112px)}.ambient{position:absolute;z-index:-1;inset:0 0 auto;height:1350px;background:radial-gradient(ellipse at 77% 45%,#0e1a393b,transparent 48%),radial-gradient(ellipse at 17% 80%,#11234a45,transparent 45%);pointer-events:none}.header{height:115px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:25px;letter-spacing:-1.2px;line-height:1.1}.brand img{object-fit:contain;width:52px;height:52px}.brand-sub{display:block;font-family:DM Sans,Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:5px;margin-top:7px}nav{display:flex;align-items:center;gap:48px;font-size:14px}nav a:first-child span{font-size:11px;margin-left:5px;vertical-align:super;color:var(--muted)}.contact-link{border:1px solid #ffffff35;border-radius:50px;padding:14px 21px}.contact-link span{margin-left:18px}nav a:hover,.text-link:hover,.email:hover{color:#91afff}.hero{padding-block:68px 46px;position:relative}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:500;color:#a8aebb;display:flex;align-items:center;gap:12px}.mini-cross{font-size:23px;color:var(--blue)}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(64px,7.6vw,112px);font-weight:500;line-height:1.03;letter-spacing:-6px;margin:28px 0 32px}em{font-family:Georgia,Times New Roman,serif;font-weight:400}h1 em{color:#6d91ff}h1 em:after{content:"";display:inline-block;background:var(--blue);height:9px;width:9px;border-radius:50%;margin-left:12px}.hero-bottom{display:flex;align-items:end;gap:80px}.hero-bottom p{font-size:16px;color:#a6abb7;line-height:1.6;margin:0}.text-link{font-size:14px;border-bottom:1px solid #ffffff45;padding-block:12px}.text-link span{margin-left:32px;font-size:18px}.hero-index{position:absolute;right:3px;top:120px;font-size:10px;letter-spacing:2px;line-height:2;color:#676e7d;text-align:right}.section-label{display:flex;justify-content:space-between;gap:20px;padding-top:32px;border-top:1px solid var(--line);font-size:11px;letter-spacing:1.7px;color:var(--muted)}.section-label h2{font:inherit;margin:0;color:#c2c5ce}.blue{color:#6d91ff;margin:0 12px}.portfolio{position:relative;padding-top:15px;isolation:isolate;touch-action:pan-y}.stage{position:relative;height:600px;perspective:1300px;perspective-origin:50% 45%;display:flex;justify-content:center;align-items:center}.project-card{position:absolute;left:50%;top:48px;width:350px;padding:20px;border-radius:22px;text-align:left;background:linear-gradient(145deg,#ffffff15,#ffffff06);border:1px solid #ffffff30;box-shadow:0 26px 55px #0008,inset 0 1px 1px #ffffff15;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .6s,border-color .3s,box-shadow .3s;transform-style:preserve-3d;will-change:transform;overflow:hidden}.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff0d,transparent 40%);pointer-events:none}.project-card.is-active{transform:translate(calc(-50% - 135px)) rotateY(8deg) rotate(-3deg);z-index:2;border-color:#779fff66;box-shadow:0 30px 80px #000a,0 0 70px #2456ef18,inset 0 1px 1px #ffffff20}.project-card.is-active:hover{border-color:#96b4ffad;box-shadow:0 30px 80px #000a,0 0 70px #2456ef35}.project-card.is-back{transform:translate(calc(-50% + 225px)) translateZ(-180px) rotateY(-18deg) rotate(5deg);z-index:1;opacity:.68}.project-card.is-back:hover{opacity:.95}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;color:#b7becd}.card-top{margin-bottom:16px}.card-arrow{font-size:24px;line-height:1}.product-cover{display:block;border-radius:12px;overflow:hidden;background:#fff;aspect-ratio:1}.product-cover img{width:100%;height:100%;object-fit:contain}.card-title{display:block;font-family:Manrope,Arial,sans-serif;font-size:29px;letter-spacing:-1px;margin:19px 0 23px}.card-title>span{display:block;font-family:DM Sans,Arial,sans-serif;font-size:13px;letter-spacing:0;color:#a8afbe;margin-top:5px}.card-bottom{border-top:1px solid #ffffff1a;padding-top:17px;font-size:10px;letter-spacing:1.2px}.play-small{color:#a3baff;margin-right:8px}.orbit{position:absolute;pointer-events:none;border:1px solid #6481bd18;border-radius:50%;width:90%;left:5%;height:190px;top:220px;transform:rotate(-17deg);z-index:-1}.orbit-two{transform:rotate(20deg);width:70%;left:15%;height:250px;top:200px;border-color:#6481bd0e}.carousel-floor{width:55%;height:80px;border-radius:50%;background:#285fff;filter:blur(70px);opacity:.12;position:absolute;left:22.5%;top:500px;z-index:-1}.carousel-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 0 26px;border-bottom:1px solid var(--line)}.project-caption{display:flex;align-items:center;gap:22px}.project-caption>span{font-family:Georgia,serif;font-style:italic;font-size:42px;color:#7194ff}.project-caption p{font-size:20px;margin:0 0 6px;letter-spacing:-.4px}.project-caption div>span{font-size:10px;letter-spacing:1.8px;color:var(--muted)}.carousel-controls{display:flex;align-items:center;gap:10px}.carousel-controls>span{font-size:14px;margin-right:20px;font-variant-numeric:tabular-nums}.carousel-controls i{font-style:normal;color:#676d7b;margin-left:8px}.carousel-controls button{border:1px solid #ffffff35;width:48px;height:48px;border-radius:50%;font-size:22px;background:transparent;transition:background .2s,transform .2s}.carousel-controls button:hover{background:#335ff7;transform:translateY(-2px)}.carousel-hint{text-align:center;margin-top:18px;font-size:10px;letter-spacing:1.8px;color:#717989}.carousel-hint span{margin:0 12px}.work-note{display:flex;justify-content:space-between;align-items:center;padding:52px 0 70px;gap:24px}.work-note>span{font-size:10px;letter-spacing:2px;color:#858d9e}.work-note p{font-size:22px;margin:0;letter-spacing:-.5px;color:#b6bdca}.cta{border-top:1px solid var(--line);padding-block:70px 80px;position:relative}.cta:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 60%,#1f43be1c,transparent 50%);z-index:-1}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(64px,7.5vw,105px);letter-spacing:-5px;line-height:1.04;font-weight:500;margin:30px 0}.cta h2 em{color:#8ea8ed}.cta-button{width:198px;height:198px;flex-shrink:0;border:1px solid #ffffff30;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(145deg,#315afa40,#1c27440c);transition:background .3s,transform .3s}.cta-button span:first-child{font-size:10px;letter-spacing:1px;line-height:1.8}.cta-button span:last-child{font-size:48px;font-weight:400}.cta-button:hover{background:#244be1;transform:rotate(-7deg)}.email{font-size:18px;border-bottom:1px solid #ffffff35;display:inline-block;padding:12px 0}.email>span{margin-left:25px}footer{border-top:1px solid var(--line);padding-block:28px;display:flex;justify-content:space-between;align-items:center;color:#828a9a;font-size:10px;letter-spacing:1px;gap:20px}.footer-brand{font-size:16px;font-weight:600;letter-spacing:-.5px;color:#dadde5}.skip{position:fixed;top:-100px;left:20px;background:#fff;color:#000;padding:12px;z-index:20}.skip:focus{top:20px}dialog{padding:0;border:0;max-width:none;max-height:none;width:100%;height:100dvh;margin:0;background:#090c13;color:#f6f1e7;overflow-y:auto;overscroll-behavior:contain}dialog::backdrop{background:#000d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}dialog[open]{animation:dialog-in .4s cubic-bezier(.2,.7,.2,1)}.dialog-header{height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin:0 5%;gap:16px}.brand.small{font-size:21px}.brand.small img{width:38px;height:38px}.dialog-label{font-size:11px;letter-spacing:2px;color:var(--muted)}.close-button{background:transparent;border:1px solid #ffffff35;border-radius:30px;padding:11px 18px;font-size:14px}.close-button span{font-size:23px;margin-left:12px;vertical-align:-2px}.close-button:hover{background:#ffffff12}.project-view{max-width:1050px;width:90%;margin:40px auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.project-info h2{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-2px;margin:20px 0}.project-info>p{font-size:16px;line-height:1.7;color:#9da7ba;max-width:360px}.original{width:min(100%,270px);margin-top:35px}.original-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#a1acbf;margin-bottom:12px}.original img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:14px;background:#fff}.original>span{display:block;font-size:13px;margin-top:12px;color:#b9c2d3}.spec-label{display:block;font-size:10px;letter-spacing:1.2px;color:#727f95;margin-top:28px}.film-column{max-width:380px;width:100%;justify-self:center}.film-label,.film-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#a1acc1;margin:0 0 13px}.film-label span:last-child{color:#7d9ffe}.film-label span:last-child>span{margin-left:10px}.film-frame{border:1px solid #ffffff30;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 0 80px #234feb18;aspect-ratio:9/16}.film-frame video{display:block;width:100%;height:100%;object-fit:contain}.film-footer{margin:17px 0 0}.film-footer button{background:transparent;padding:7px 0;font-size:13px}.film-footer button span{margin-left:15px;color:#89a8ff}.video-help{font-size:14px;line-height:1.5}.video-help a{text-decoration:underline;color:#9abbff}@keyframes dialog-in{0%{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:none}}@keyframes enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.hero{animation:enter .9s ease both}@media(min-width:1600px){.stage{height:650px}.project-card{width:380px}.hero{padding-top:85px}.carousel-floor{top:550px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}h1{letter-spacing:-4px}.hero-index{display:none}.stage{height:570px}.project-card{width:320px}.project-card.is-active{transform:translate(calc(-50% - 100px)) rotateY(7deg) rotate(-3deg)}.project-card.is-back{transform:translate(calc(-50% + 180px)) translateZ(-180px) rotateY(-18deg) rotate(5deg)}.project-view{gap:40px}.cta h2{letter-spacing:-4px}.cta-button{width:160px;height:160px}.cta-button span:last-child{font-size:35px}.dialog-label{display:none}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{height:88px}.brand{font-size:21px;gap:7px}.brand img{width:41px;height:41px}.brand-sub{font-size:9px;letter-spacing:4px}nav{gap:0}nav>a:first-child{display:none}.contact-link{padding:11px 16px;font-size:12px}.contact-link span{margin-left:12px}.hero{padding-block:48px 40px}.eyebrow{font-size:10px;letter-spacing:1.3px}.mini-cross{font-size:19px}h1{font-size:clamp(46px,11vw,68px);letter-spacing:-2.8px;margin:22px 0 26px;line-height:1.07}h1 em:after{width:5px;height:5px;margin-left:4px}.hero-bottom{gap:22px;justify-content:space-between;align-items:center}.hero-bottom p{font-size:14px;line-height:1.6}.text-link{font-size:12px;max-width:115px}.text-link span{margin-left:10px}.section-label{padding-top:22px;font-size:9px;letter-spacing:1px}.section-label>span{display:none}.portfolio{margin-inline:-20px}.stage{height:510px;overflow:hidden;perspective:1000px}.project-card{width:280px;top:34px;padding:16px;border-radius:18px}.project-card.is-active{transform:translate(calc(-50% - 22px)) rotateY(4deg) rotate(-3deg)}.project-card.is-back{transform:translate(calc(-50% + 135px)) translateZ(-260px) rotateY(-20deg) rotate(8deg);opacity:.38}.card-top{margin-bottom:13px}.card-title{font-size:25px;margin:15px 0 18px}.card-title>span{font-size:12px}.card-bottom{font-size:9px;padding-top:15px;letter-spacing:1px}.carousel-bar{margin-inline:20px;gap:12px;padding-top:0}.project-caption{gap:10px}.project-caption>span{font-size:32px}.project-caption p{font-size:15px;letter-spacing:-.2px}.project-caption div>span{font-size:8px;letter-spacing:1px}.carousel-controls{gap:6px}.carousel-controls>span{display:none}.carousel-controls button{width:38px;height:38px;font-size:20px}.carousel-floor{top:420px}.carousel-hint{font-size:9px}.orbit{top:220px;height:120px}.work-note{display:block;padding:42px 0 50px}.work-note p{font-size:21px;margin-top:15px}.work-note>span{font-size:9px}.cta{padding-block:48px 50px}.cta-row{gap:10px}.cta h2{font-size:54px;letter-spacing:-3px}.cta-button{width:84px;height:84px}.cta-button span:first-child{display:none}.cta-button span:last-child{font-size:38px}.email{font-size:14px}.email>span{margin-left:12px}footer{font-size:9px;flex-wrap:wrap;gap:16px}.footer-brand{font-size:15px}footer>span:nth-child(2){display:none}.dialog-header{height:72px;position:sticky;top:0;margin:0;padding-inline:20px;background:#090c13e8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:3}.brand.small{font-size:18px}.close-button{font-size:12px;padding:7px 12px}.project-view{display:flex;flex-direction:column;gap:30px;margin:24px auto 40px;width:calc(100% - 40px);align-items:stretch}.film-column{order:0;max-width:min(100%,330px);align-self:center}.project-info{order:1;border-top:1px solid var(--line);padding-top:28px}.project-info h2{font-size:36px;letter-spacing:-1.5px}.project-info>p{max-width:none}.original{display:grid;grid-template-columns:100px 1fr;gap:12px 18px;align-items:center;width:100%;margin-top:24px}.original-label{grid-column:1/-1;margin-bottom:0}.original img{width:100px;grid-column:1}.original>span{margin:0;line-height:1.5}.film-frame{border-radius:15px}.spec-label{line-height:1.7}.film-footer{font-size:9px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project-card{will-change:auto}}.brand-sub{font-size:12px;letter-spacing:3px}.hero-index,.section-label,.eyebrow,.card-top,.card-bottom,.project-caption div>span,.carousel-hint,.work-note>span,.cta-button span:first-child,.dialog-label,.original-label,.spec-label,.film-label,.film-footer,footer{font-size:12px}.project-card[data-project="0"] .product-cover img{transform:scale(1.32)}.film-column{max-width:min(380px,calc((100dvh - 185px)*.5625))}.project-caption div{min-width:0}.project-caption div>span{display:block;line-height:1.5}@media(max-width:640px){.brand-sub{font-size:12px;letter-spacing:2px}.eyebrow{font-size:12px;letter-spacing:.8px}.hero .eyebrow{font-size:11px}.project-caption div>span{font-size:12px;letter-spacing:.25px;max-width:170px}.carousel-controls{flex-shrink:0}.carousel-hint,.card-top,.card-bottom{font-size:11px;letter-spacing:1px}.carousel-hint span{margin:0 7px}.film-column{max-width:min(330px,calc((100dvh - 185px)*.5625))}.film-footer{font-size:11px;letter-spacing:.6px}.cta-button span:first-child{display:none}footer{font-size:12px}.work-note>span{letter-spacing:1.3px}}h1 em:after{display:none}@media(max-width:640px){.hero .eyebrow,.carousel-hint,.card-top,.card-bottom,.film-footer{font-size:12px}.card-bottom{letter-spacing:.5px}}