/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@font-face{font-family:Favorit;src:url(/assets/abc_favorit_book.p.2svqvtuar83ra.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Favorit;src:url(/assets/abc_favorit_medium.p.2r95o5prhs9hb.woff2)format("woff2");font-weight:500 800;font-display:swap}@font-face{font-family:Domaine;src:url(/assets/domaine_regular.p.2joc-huu8rdu_.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Domaine;src:url(/assets/domaine_medium.p.180pom31p-fh2.woff2)format("woff2");font-weight:500 800;font-display:swap}@font-face{font-family:Commit;src:url(/assets/commit_mono_regular.p.17ccpk27lq6an.woff2)format("woff2");font-weight:400;font-display:swap}:root,.dark{--background:#000;--foreground:#f5f5f5;--card:#0d0d0f;--card-foreground:#f5f5f5;--popover:#161618;--popover-foreground:#fff;--primary:#f5f5f5;--primary-foreground:#090909;--secondary:#19191b;--secondary-foreground:#eee;--muted:#161618;--muted-foreground:#a1a1a8;--accent:#222225;--accent-foreground:#fff;--destructive:#ee6262;--border:#262628;--input:#303033;--ring:#999;--radius:.75rem}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#000;scroll-padding-top:100px}body{color:#f5f5f5;-webkit-font-smoothing:antialiased;background:#000;margin:0;font-family:Favorit,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}:is(a:focus-visible,button:focus-visible){outline-offset:6px;border-radius:4px;outline:2px solid #dfdfdf}::selection{color:#080808;background:#d1d1d1}img,video{max-width:100%;display:block}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.portfolio{overflow:hidden}.shell{width:min(1160px,100% - 80px);margin-inline:auto}.skip-link{z-index:100;color:#000;background:#fff;padding:12px 20px;position:fixed;top:12px;left:20px;transform:translateY(-170%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;border-bottom:1px solid #ffffff06;height:86px;position:absolute;inset:0 0 auto}.navigation{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.wordmark{letter-spacing:-1.8px;font-size:30px;font-weight:600;line-height:1}.wordmark span{color:#999}.navigation nav{align-items:center;gap:34px;margin-left:80px;display:flex}.navigation nav a{color:#a6a6aa;align-items:center;gap:5px;font-size:15px;transition:color .2s;display:flex}.navigation nav a:hover{color:#fff}.button{background:linear-gradient(#ffffff0c,#ffffff02),url(/assets/texture-btn.png),#171717;border:1px solid #ffffff20;border-radius:13px;justify-content:center;align-items:center;gap:13px;min-height:50px;padding:13px 21px;font-size:15px;font-weight:500;line-height:1.4;transition:background-color .2s,transform .2s;display:inline-flex;position:relative;box-shadow:inset 0 1px 1px #ffffff14,0 2px 3px #000}.button:hover{background-color:#282828;transform:translateY(-2px)}.button-small{border-radius:12px;min-height:41px;padding:9px 15px;font-size:14px}.text-link{white-space:nowrap;color:#b5b5b9;align-items:center;gap:9px;font-size:15px;transition:color .2s;display:inline-flex}.text-link:hover{color:#fff}.text-link svg{transition:transform .2s}.text-link:hover svg{transform:translate(2px,-2px)}.hero{isolation:isolate;background:#000;min-height:760px;padding-top:86px;position:relative}.hero-floor{z-index:-2;opacity:.6;background:url(/assets/bg-hero-1.jpg) 50% 60%/cover no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 65%,#0000 99%);mask-image:linear-gradient(#000 0% 65%,#0000 99%)}.hero-light{opacity:.2;z-index:-1;pointer-events:none;background:url(/assets/bg-light.png) top/cover no-repeat;position:absolute;inset:-15% -15% 0 0}.hero-layout{grid-template-columns:1.02fr 1fr;align-items:center;gap:28px;min-height:613px;display:grid;position:relative}.hero-copy{z-index:2;padding:34px 0;position:relative}.eyebrow{letter-spacing:.045em;color:#939399;text-transform:uppercase;align-items:center;gap:10px;font-family:Commit,monospace;font-size:12px;line-height:1.7;display:flex}.hero-eyebrow{letter-spacing:.025em;color:#c5c5c9;background:#0c0c0cc9;border:1px solid #ffffff21;border-radius:99px;width:fit-content;margin-bottom:29px;padding:6px 12px;font-family:Favorit,Arial,sans-serif;font-size:13px;box-shadow:inset 0 1px #ffffff07}.live-dot{background:#aebcab;border-radius:100%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 10px #c2dec025}.eyebrow-divider{color:#626268;padding:0 2px}.hero h1{letter-spacing:-.055em;margin-left:-4px;font-family:Domaine,Georgia,serif;font-size:clamp(74px,7.8vw,110px);font-weight:400;line-height:.99}.hero h1 span{color:#0000;background:linear-gradient(110deg,#f5f5f5 20%,#999 97%);-webkit-background-clip:text;background-clip:text}.hero-description{color:#a3a3a8;max-width:430px;margin-top:30px;font-size:18px;line-height:1.65}.hero-actions{align-items:center;gap:27px;margin-top:30px;display:flex}.studio-status{color:#83838b;align-items:center;gap:6px;margin-top:33px;font-size:13px;display:inline-flex}.studio-status strong{color:#b2b2b9;font-weight:400}.studio-status:hover strong{color:#fff}.hero-object{width:calc(100% + 85px);margin-left:-30px;position:relative}.hero-object video{aspect-ratio:1;object-fit:contain;mix-blend-mode:screen;width:100%;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.object-caption{color:#81818a;letter-spacing:0;bottom:8%;justify-content:center;align-items:center;gap:15px;font:12px Commit,monospace;display:flex;position:absolute;inset-inline:6%}.motion-control{color:#a0a0a7!important;border:1px solid #ffffff20!important;border-radius:50%!important;width:30px!important;height:30px!important}.hero-bottom{color:#83838a;letter-spacing:0;border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;height:60px;font:12px Commit,monospace;display:flex}.hero-bottom a{color:#919196;padding:8px}.hero-bottom a:hover{color:#fff}.stack-band{border-bottom:1px solid #ffffff12;grid-template-columns:1.25fr 1fr 1fr 1.2fr;align-items:center;gap:40px;padding-block:42px 46px;display:grid}.stack-band>p{color:#aaa;font-size:14px;line-height:1.7}.stack-band>p span{color:#83838c}.stack-band>div{color:#b4b4b8;justify-content:center;align-items:center;gap:12px;font-size:17px;display:flex}.stack-band svg{color:#999;width:24px;height:24px}.cpp-mark{letter-spacing:-1px;color:#aaa;font-size:24px;font-weight:500}.section-space{padding-top:130px}.section-top{justify-content:space-between;align-items:end;gap:36px;margin-bottom:47px;display:flex}h2{letter-spacing:-.04em;font-family:Domaine,Georgia,serif;font-size:clamp(40px,4.2vw,57px);font-weight:400;line-height:1.13}.section-top h2{margin-top:16px}.section-top>p{color:#94949c;padding-bottom:4px;font-size:16px;line-height:1.8}.project-grid{grid-template-columns:1fr 1fr;gap:34px;display:grid}.project-visual{isolation:isolate;background:#141414;border:1px solid #ffffff18;border-radius:14px;height:350px;display:block;position:relative;overflow:hidden}.project-site-bar{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#bcbcc3;background:#080808bb;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;height:40px;padding:0 15px;font-family:Commit,monospace;font-size:12px;display:flex;position:absolute;top:0;left:0;right:0}.project-site-bar>span:first-child{gap:5px;display:flex}.project-site-bar i{background:#707075;border-radius:50%;width:5px;height:5px}.takuma-background{object-fit:cover;opacity:.65;width:100%;height:100%;transition:transform .65s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.takuma-visual:after{content:"";z-index:1;background:linear-gradient(#0000 50%,#090806f0),linear-gradient(110deg,#17080766,#0000);position:absolute;inset:0}.takuma-logo{z-index:2;object-fit:contain;filter:drop-shadow(0 10px 35px #0008);width:185px;height:185px;transition:transform .6s;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.project-visual:hover .takuma-background{transform:scale(1.045)}.project-visual:hover .takuma-logo{transform:translate(-50%,-50%)scale(1.04)}.visual-bottom{z-index:3;letter-spacing:0;color:#d1d1d6;justify-content:space-between;align-items:center;gap:8px;font:12px Commit,monospace;display:flex;position:absolute;inset:auto 24px 23px}.project-open{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0c;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;transition:background .2s,transform .2s;display:flex}.project-visual:hover .project-open{background:#ffffff25;transform:rotate(45deg)}.psg-visual{background:radial-gradient(at 80% 35%,#264d79,#102a4b 50%,#05152b)}.psg-visual:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 50%,#030b1beb 100%);position:absolute;inset:0}.psg-visual-title{z-index:3;max-width:75%;line-height:1.2;position:absolute;top:80px;left:25px}.psg-visual-title>span{color:#b3c4d9;font:12px Commit,monospace}.psg-visual-title strong{letter-spacing:-2.5px;margin-top:7px;font-family:Favorit,Arial,sans-serif;font-size:47px;line-height:1.08;display:block}.psg-visual-title strong span{letter-spacing:1.3px;color:#b3c4d9;margin-top:10px;font-size:12px;font-weight:400;display:block}.psg-players{z-index:1;position:absolute;inset:63px -45px 0 34%}.psg-players img{object-fit:contain;object-position:center bottom;filter:drop-shadow(-15px 0 25px #071a32aa);width:69%;height:100%;transition:transform .6s;position:absolute;bottom:-17%;right:0}.psg-players img:first-child{opacity:.75;width:62%;bottom:-23%;right:40%}.psg-visual:hover .psg-players img{transform:translateY(-5px)scale(1.03)}.project-info{padding:24px 4px 0}.project-index{letter-spacing:0;color:#91919b;font:12px Commit,monospace}.project-info h3{letter-spacing:-.6px;margin-top:8px;font-size:24px;font-weight:500}.project-info h3 a{justify-content:space-between;align-items:center;display:flex}.project-info h3 svg{color:#92929b}.project-info>p{color:#96969f;max-width:490px;margin-top:13px;font-size:16px;line-height:1.7}.tags{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.tags span{color:#aaaab2;background:#111113;border:1px solid #ffffff0d;border-radius:7px;padding:5px 10px;font-size:12px;line-height:1.5}.about-section{margin-top:20px;position:relative}.about-grid{grid-template-columns:1.17fr .83fr;align-items:center;gap:65px;display:grid}.about-copy h2{margin:18px 0 27px;font-size:clamp(38px,3.65vw,49px);line-height:1.2}.about-copy h2 span{color:#92929a}.about-copy>p:not(.eyebrow){color:#9999a1;max-width:520px;margin-bottom:18px;font-size:17px;line-height:1.75}.about-copy>.text-link{margin-top:12px}.about-object{min-width:0;padding-top:24px;position:relative}.about-object video{aspect-ratio:1;object-fit:cover;mix-blend-mode:screen;width:100%}.object-note{color:#898992;justify-content:center;align-items:center;gap:10px;margin-top:-15px;font:12px Commit,monospace;display:flex}.approach-grid{border-top:1px solid #ffffff17;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:72px;padding-top:31px;display:grid}.approach-grid>div>svg{color:#a4a4ac;margin-bottom:18px}.approach-grid h3{letter-spacing:-.3px;margin-bottom:8px;font-size:19px;font-weight:400}.approach-grid p{color:#92929c;max-width:330px;font-size:16px;line-height:1.75}.studio-card{background:radial-gradient(at 82% 0,#24242644,#0000 65%),linear-gradient(115deg,#121212,#090909);border:1px solid #ffffff1c;border-radius:17px;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding:57px 60px;transition:border-color .3s;display:grid;position:relative;overflow:hidden}.studio-card:before{content:"";opacity:.14;pointer-events:none;background:url(/assets/texture-btn.png);position:absolute;inset:0}.studio-card:hover{border-color:#ffffff3e}.studio-card-copy{z-index:1}.studio-card h2{margin:17px 0 22px;font-size:44px;line-height:1.12}.studio-card-copy>p:not(.eyebrow){color:#a0a0a8;font-size:16px;line-height:1.8}.studio-card-link{color:#d2d2d7;align-items:center;gap:9px;margin-top:26px;font-size:14px;display:inline-flex}.studio-brand{text-align:center;position:relative}.studio-brand>span{letter-spacing:-11px;color:#cecece;font-size:130px;font-weight:500;line-height:1}.studio-brand-dot{color:#76767c}.studio-brand>p{letter-spacing:.04em;color:#94949c;margin-top:17px;padding-left:10px;font:12px Commit,monospace}.contact-section{text-align:center;padding-block:140px 125px}.contact-section>.eyebrow{justify-content:center}.contact-section h2{margin:26px 0;font-size:clamp(56px,6.9vw,88px);line-height:1.05}.contact-section h2 span{color:#92929a}.contact-section>p:not(.eyebrow){color:#9c9ca5;font-size:16px}.contact-email{letter-spacing:-.3px;border-bottom:1px solid #ffffff4a;align-items:center;gap:14px;margin-top:30px;padding-bottom:7px;font-size:clamp(18px,2.2vw,25px);transition:color .2s,border-color .2s;display:inline-flex}.contact-email:hover{color:#bbb;border-color:#bbb}.contact-email svg{width:22px;height:22px}.site-footer{border-top:1px solid #ffffff18;align-items:center;gap:30px;min-height:110px;display:flex}.site-footer>.wordmark{font-size:26px}.site-footer>p{color:#92929b;margin-left:20px;font-size:13px}.site-footer>div{align-items:center;gap:27px;margin-left:auto;display:flex}.site-footer>div a{color:#9999a1;align-items:center;gap:5px;font-size:13px;display:flex}.site-footer>div a:hover{color:#fff}@media (prefers-reduced-motion:no-preference){.hero-copy{animation:.9s .1s both hero-appear}@keyframes hero-appear{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}.motion-paused *{transition:none!important;animation:none!important}@media (min-width:1500px){.hero-layout{min-height:670px}.hero-object{width:calc(100% + 115px);margin-left:-40px}.hero{min-height:815px}}@media (max-width:1100px){.shell{width:calc(100% - 64px)}.navigation nav{gap:26px;margin-left:25px}.hero-object{width:calc(100% + 60px);margin-left:-20px}.hero-layout{gap:0}.hero h1{font-size:90px}.hero-description{max-width:370px;font-size:17px}.hero-actions{gap:20px}.hero-actions .button{padding-inline:17px;font-size:14px}.hero-actions .text-link{font-size:14px}.stack-band{gap:22px}.stack-band>div{font-size:15px}.project-visual{height:300px}.studio-card{gap:40px;padding:43px}.studio-brand>span{font-size:110px}.about-grid{gap:35px}.psg-visual-title strong{font-size:40px}}@media (max-width:780px){.shell{width:calc(100% - 40px)}.site-header{height:77px}.navigation{gap:18px}.navigation nav{gap:20px;margin:0}.navigation nav a{font-size:14px}.navigation nav a:last-child{display:none}.header-contact{border-radius:50%;gap:0;width:39px;height:39px;min-height:39px;padding:0;font-size:0}.header-contact svg{width:17px;height:17px}.hero{min-height:initial;padding-top:77px}.hero-layout{min-height:570px}.hero-copy{width:calc(100% + 80px);padding-block:40px}.hero-eyebrow{gap:7px;margin-bottom:25px;padding:5px 9px;font-size:12px}.hero h1{font-size:77px}.hero-description{max-width:340px;font-size:16px}.hero-object{z-index:-1;opacity:.65;width:calc(100% + 170px);margin-left:-60px}.object-caption{flex-direction:row;margin-left:70px;font-size:12px;position:static}.object-caption>span{display:none}.hero-actions{flex-direction:column;align-items:start;gap:18px;margin-top:25px}.hero-actions .button{min-height:46px}.studio-status{margin-top:24px}.hero-bottom{font-size:12px}.hero-bottom span:first-child{max-width:220px;line-height:1.5}.stack-band{grid-template-columns:repeat(3,1fr);gap:22px;padding-block:30px}.stack-band>p{display:none}.stack-band>div{justify-content:start;gap:8px;font-size:14px}.stack-band>div svg{width:18px;height:18px}.cpp-mark{font-size:20px}.section-space{padding-top:88px}.section-top{gap:25px;margin-bottom:32px}.section-top>p{font-size:15px;line-height:1.6}.project-grid{gap:24px}.project-visual{height:290px}.project-info{padding-top:19px}.project-info h3{font-size:23px}.takuma-logo{width:140px;height:140px}.visual-bottom{font-size:12px;inset:auto 16px 17px}.visual-bottom>span:first-child{max-width:180px}.psg-visual-title{top:73px;left:18px}.psg-visual-title strong{font-size:34px}.psg-visual-title strong span{letter-spacing:0;font-size:12px}.psg-players{inset:85px -50px 0 20%}.about-grid{grid-template-columns:1.2fr .8fr;gap:15px}.about-copy h2{font-size:35px}.about-copy>p:not(.eyebrow){font-size:16px}.about-object video{opacity:.8;width:140%;max-width:none;margin-left:-10%}.object-note{display:none}.approach-grid{gap:25px;margin-top:45px}.approach-grid h3{font-size:17px}.approach-grid p{font-size:16px}.studio-card{grid-template-columns:1.2fr .8fr;gap:25px;padding:34px}.studio-card h2{font-size:36px}.studio-brand>span{letter-spacing:-8px;font-size:88px}.studio-brand>p{font-size:12px;line-height:1.8}.contact-section{padding-block:100px 90px}.site-footer{flex-wrap:wrap;gap:20px;padding-block:30px}.site-footer>p{margin:0}.site-footer>div{gap:20px}}@media (max-width:550px){.navigation nav{gap:18px}.hero-layout{min-height:760px;display:block}.hero-copy{width:100%;padding-top:50px}.hero-eyebrow{font-size:12px}.hero h1{font-size:83px;line-height:1.02}.hero-description{max-width:330px;margin-top:24px;font-size:16px}.hero-actions{flex-direction:row;align-items:center;gap:17px;margin-top:25px}.hero-actions .button{gap:9px;min-height:45px;padding:12px 14px;font-size:14px}.hero-actions .text-link{gap:4px;font-size:14px}.studio-status{margin-top:23px;font-size:12px}.hero-object{opacity:.94;z-index:0;width:325px;height:325px;margin:0;position:absolute;bottom:-8px;right:-25px}.hero-object video{width:100%;height:100%}.object-caption{bottom:0;margin:0;position:absolute;inset-inline:auto 32px}.hero-floor{opacity:.65;background-position:60% bottom;background-size:auto 90%}.hero-light{opacity:.16}.hero-bottom{gap:10px;height:65px;font-size:12px}.hero-bottom span:first-child{max-width:150px;line-height:1.5}.hero-bottom span:last-child{text-align:right;max-width:100px;line-height:1.5}.stack-band{gap:8px;padding-block:27px}.stack-band>div{text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:14px;line-height:1.4}.stack-band>div:last-child>span{max-width:110px}.stack-band>div svg{width:22px;height:22px}.cpp-mark{font-size:22px;line-height:1}.section-space{padding-top:78px}.eyebrow{letter-spacing:0;font-size:12px}.section-top{margin-bottom:29px;display:block}.section-top h2{margin-top:13px;font-size:42px}.section-top>p{margin-top:16px;font-size:16px}.section-top>p br{display:none}.project-grid{grid-template-columns:1fr;gap:45px}.project-visual{border-radius:12px;height:320px}.project-site-bar{height:37px}.takuma-logo{width:172px;height:172px}.psg-visual-title{top:76px;left:25px}.psg-visual-title strong{font-size:45px}.psg-players{inset:60px -35px 0 31%}.visual-bottom{font-size:12px;inset:auto 21px 20px}.project-info{padding:19px 2px 0}.project-info h3{font-size:26px}.about-section{margin-top:6px}.about-grid{display:block}.about-copy h2{font-size:38px;line-height:1.15}.about-object{width:250px;height:240px;margin:17px auto 0;padding:0}.about-object video{width:100%;max-width:100%;margin:0}.approach-grid{grid-template-columns:1fr;gap:29px;margin-top:25px;padding-top:30px}.approach-grid>div{padding-left:40px;position:relative}.approach-grid>div>svg{position:absolute;top:4px;left:0}.approach-grid h3{margin-bottom:5px;font-size:19px}.approach-grid p{max-width:none;font-size:16px}.studio-card{flex-direction:column-reverse;align-items:start;gap:28px;padding:30px;display:flex}.studio-brand{text-align:left}.studio-brand>span{letter-spacing:-6px;font-size:72px}.studio-brand>p{margin-top:10px;padding-left:0;font-size:12px}.studio-card h2{font-size:37px}.contact-section{padding-block:90px 75px}.contact-section h2{margin-block:23px;font-size:59px}.contact-section>p:not(.eyebrow){max-width:280px;margin:auto;font-size:16px}.contact-email{word-break:break-word;gap:9px;font-size:18px}.contact-email svg{width:18px;height:18px}.site-footer{justify-content:space-between;gap:16px;padding-block:28px}.site-footer>.wordmark{font-size:27px}.site-footer>p{font-size:12px}.site-footer>div{justify-content:space-between;width:100%;margin:6px 0 0}.site-footer>div a{font-size:13px}}@media (max-width:365px){.hero h1{font-size:74px}.hero-actions{flex-wrap:wrap;gap:12px}.hero-layout{min-height:805px}.hero-eyebrow{gap:5px;padding-inline:8px;font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.profile-card{isolation:isolate;background:radial-gradient(at 82% 0,#24242644,#0000 65%),linear-gradient(115deg,#121212,#090909);border:1px solid #ffffff1c;border-radius:17px;grid-template-columns:1.3fr .8fr;align-items:center;gap:50px;padding:52px 55px;display:grid;position:relative;overflow:hidden}.profile-card:before{content:"";z-index:-1;opacity:.14;pointer-events:none;background:url(/assets/texture-btn.png);position:absolute;inset:0}.profile-card h2{margin:20px 0 25px;font-size:clamp(36px,3.6vw,46px);line-height:1.16}.profile-card h2 span{color:#92929a}.profile-card-copy>p:not(.eyebrow){color:#a0a0a8;margin-bottom:18px;font-size:16px;line-height:1.85}.profile-card-copy>.text-link{margin-top:10px}.profile-card .about-object{width:100%;max-width:380px;height:auto;margin:0 auto;padding:0}.profile-card .about-object video{opacity:1;object-fit:contain;width:100%;max-width:100%;margin:0}.profile-card .object-note{text-align:center;flex-wrap:wrap;margin-top:0;line-height:1.6;display:flex}@media (max-width:1100px){.profile-card{grid-template-columns:1.3fr .8fr;gap:32px;padding:42px}.profile-card h2{font-size:39px}.profile-card .object-note{gap:8px}}@media (max-width:780px){.profile-card{grid-template-columns:1fr;gap:30px;padding:35px}.profile-card h2{font-size:41px}.profile-card .about-object{max-width:300px}}@media (max-width:550px){.profile-card{gap:27px;padding:27px}.profile-card h2{font-size:36px}.profile-card .about-object{max-width:240px}.profile-card .object-note>span{max-width:180px}}.project-vault{grid-column:1/-1;grid-template-columns:1.1fr 1fr;align-items:center;gap:42px;margin-top:16px;display:grid}.project-vault .project-info{padding:0}.vault-visual{isolation:isolate;background:linear-gradient(120deg,#11131a,#101c36)}.vault-visual:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 62%,#070d1ae8);position:absolute;inset:0}.vault-heading{z-index:3;max-width:225px;position:absolute;top:100px;left:28px}.vault-heading>img{object-fit:contain;object-position:left center;width:135px;height:auto}.vault-heading>p{letter-spacing:-1px;color:#e1e5f0;margin-top:22px;font-size:30px;line-height:1.13}.vault-booster{object-fit:contain;filter:drop-shadow(-12px 12px 24px #0009);width:182px;height:267px;transition:transform .6s;position:absolute;top:56px;right:22px;transform:rotate(9deg)}.vault-visual:hover .vault-booster{transform:translateY(-6px)rotate(5deg)}@media (max-width:1100px){.project-vault{gap:30px}.vault-heading{max-width:190px;left:22px}.vault-heading>p{font-size:27px}.vault-booster{width:162px;height:237px;top:52px;right:0}}@media (max-width:780px){.project-vault{margin-top:15px;display:block}.project-vault .project-info{padding:24px 4px 0}.project-vault .project-visual{height:350px}.vault-heading{max-width:260px;top:95px;left:32px}.vault-heading>img{width:155px}.vault-heading>p{font-size:32px}.vault-booster{width:185px;height:270px;top:54px;right:40px}}@media (max-width:550px){.project-vault{margin-top:0}.project-vault .project-visual{height:320px}.vault-heading{max-width:175px;top:86px;left:22px}.vault-heading>img{width:115px}.vault-heading>p{font-size:26px}.vault-booster{width:160px;height:235px;top:57px;right:-8px}.project-vault .project-info{padding:19px 2px 0}}.hero .hero-layout{text-align:center;grid-template-columns:1fr;display:grid}.hero .hero-copy{width:100%;max-width:920px;margin-inline:auto;padding-block:45px}.hero h1{margin-left:0}.hero .hero-description{max-width:600px;margin-inline:auto}.hero .hero-actions{flex-flow:wrap;justify-content:center;align-items:center}@media (max-width:550px){.hero .hero-layout{min-height:620px}.hero .hero-copy{padding-block:55px}.hero .hero-description{max-width:360px}}html{scroll-padding-top:32px;scroll-padding-bottom:145px}.portfolio{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}.hero{min-height:0;padding-top:0}.site-header{inset:auto auto calc(20px + env(safe-area-inset-bottom,0px)) 50%;z-index:80;-webkit-backdrop-filter:blur(28px)saturate(145%);backdrop-filter:blur(28px)saturate(145%);isolation:isolate;background:linear-gradient(115deg,#ffffff12,#ffffff03 48%,#ffffff0b),#191a208c;border:1px solid #ffffff32;border-radius:24px;width:min(1100px,100% - 48px);height:76px;position:fixed;transform:translate(-50%);box-shadow:0 16px 48px #0009,0 3px 10px #0005,inset 0 1px 1px #ffffff3b,inset 0 -1px 1px #ffffff09}.site-header:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff0e,#0000 52%);position:absolute;inset:0}.site-header .navigation{gap:22px;width:100%;padding-inline:27px}.site-header .wordmark{font-size:28px}.site-header .navigation nav{gap:30px;margin-left:0}.site-header .navigation nav a{color:#c5c6ce;border-radius:8px;align-items:center;min-height:44px;padding-inline:6px;font-size:15px;display:inline-flex}.site-header .navigation nav a:hover{color:#fff;background:#ffffff0a}.site-header .header-contact{background:linear-gradient(#ffffff13,#ffffff04),#ffffff06;border-color:#ffffff24;border-radius:12px;min-height:43px;box-shadow:inset 0 1px #ffffff1c}.contact-label-short{display:none}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{background:#202127f5}}@media (max-width:850px){.site-header{width:calc(100% - 32px)}.site-header .navigation{gap:16px;padding-inline:20px}.site-header .navigation nav{gap:14px}.site-header .navigation nav a{padding-inline:5px;font-size:14px}.site-header .header-contact{border-radius:12px;gap:8px;width:auto;height:auto;min-height:43px;padding:10px 14px;font-size:14px}.contact-label-full{display:none}.contact-label-short{display:inline}}@media (max-width:550px){html{scroll-padding-bottom:165px}.portfolio{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}.site-header{bottom:calc(12px + env(safe-area-inset-bottom,0px));border-radius:22px;width:calc(100% - 24px);height:auto}.site-header .navigation{grid-template-columns:1fr auto;gap:3px 14px;padding:10px 16px 8px;display:grid}.site-header .wordmark{grid-area:1/1;justify-self:start;font-size:27px}.site-header .header-contact{grid-area:1/2;min-height:40px;padding:8px 12px;font-size:14px}.site-header .navigation nav{border-top:1px solid #ffffff12;grid-area:2/1/auto/-1;justify-content:space-between;gap:5px;margin:0;padding-top:3px;display:flex}.site-header .navigation nav a{white-space:nowrap;flex:1;justify-content:center;min-height:42px;padding-inline:3px;font-size:14px}}.site-header{--navigation-width:min(1100px,calc(100vw - 48px));--navigation-height:76px;border-radius:50%;width:64px;height:64px;transition:width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1),border-radius .35s;overflow:hidden}.site-header[data-open=true]{width:var(--navigation-width);height:var(--navigation-height);border-radius:24px}.site-header .navigation{width:var(--navigation-width);height:var(--navigation-height);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s,visibility .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-header[data-open=true] .navigation{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s .1s,visibility}.site-header .nav-orb{color:#f2f2f4;opacity:1;cursor:pointer;background:0 0;border-radius:50%;width:62px;height:62px;padding:0;transition:opacity .15s;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.nav-orb>span{letter-spacing:-2px;margin-top:-3px;font-family:Favorit,Arial,sans-serif;font-size:31px;font-weight:500;line-height:1}.nav-orb>span>span{color:#aaaab7}.site-header .nav-orb:hover{background:#ffffff09}.site-header[data-open=true] .nav-orb{opacity:0;pointer-events:none}.site-header .nav-close{color:#bfc0c9;cursor:pointer;background:0 0;border-radius:50%;width:34px;min-width:34px;height:34px}.site-header .nav-close:hover{color:#fff;background:#ffffff15}:is(.site-header a:focus-visible,.site-header button:focus-visible){outline-offset:-4px;outline:2px solid #e1e1eb}@media (max-width:850px){.site-header{--navigation-width:calc(100vw - 32px)}.site-header .navigation{gap:12px}.site-header .navigation nav{gap:10px}}@media (max-width:550px){.site-header{--navigation-width:calc(100vw - 24px);--navigation-height:112px}.site-header[data-open=true]{border-radius:22px}.site-header .navigation{grid-template-columns:1fr auto 32px;gap:3px 12px}.site-header .nav-close{grid-area:1/3;width:32px;min-width:32px;height:32px}}.hero-bottom{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);column-gap:12px;display:grid}.hero-bottom>a{justify-self:center;place-items:center;width:44px;height:44px;padding:0;display:grid}.hero-bottom>span:first-child{justify-self:start}.hero-bottom>span:last-child{text-align:right;justify-self:end}[data-reveal]{--reveal-y:34px;--reveal-scale:1;--reveal-blur:0px;--reveal-delay:0s}[data-reveal=card]{--reveal-y:64px;--reveal-scale:.955}[data-reveal=title]{--reveal-y:40px;--reveal-blur:3px}.profile-card[data-reveal]{--reveal-y:48px;--reveal-scale:.97}.stack-band>[data-reveal]:nth-child(2){--reveal-delay:60ms}.stack-band>[data-reveal]:nth-child(3){--reveal-delay:.12s}.stack-band>[data-reveal]:nth-child(4){--reveal-delay:.18s}.project-grid>.project:nth-child(2){--reveal-delay:.11s}.approach-grid>[data-reveal]:nth-child(2){--reveal-delay:90ms}.approach-grid>[data-reveal]:nth-child(3){--reveal-delay:.18s}.contact-section>.contact-email{--reveal-delay:.12s}@media (prefers-reduced-motion:no-preference){.portfolio:not(.motion-paused) [data-reveal-state=pending]{opacity:0;transform:translate3d(0,var(--reveal-y),0) scale(var(--reveal-scale));filter:blur(var(--reveal-blur))}.portfolio:not(.motion-paused) [data-reveal-state=entering]{animation:scroll-reveal .95s cubic-bezier(.16,1,.3,1) var(--reveal-delay) both}.portfolio:not(.motion-paused) [data-parallax]{translate:0 var(--scroll-offset,0px)}.portfolio:not(.motion-paused) .hero-copy{animation:none}.portfolio:not(.motion-paused) .hero h1{animation:1.15s cubic-bezier(.16,1,.3,1) 60ms both hero-title-enter}.portfolio:not(.motion-paused) .hero-description{animation:1s cubic-bezier(.16,1,.3,1) .2s both hero-appear}.portfolio:not(.motion-paused) .hero-actions{animation:1s cubic-bezier(.16,1,.3,1) .32s both hero-appear}.hero-bottom>a:hover svg{animation:.8s ease-in-out 2 scroll-cue}}@keyframes scroll-reveal{0%{opacity:0;transform:translate3d(0,var(--reveal-y),0) scale(var(--reveal-scale));filter:blur(var(--reveal-blur))}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@keyframes hero-title-enter{0%{opacity:0;filter:blur(4px);clip-path:inset(0 0 100%);transform:translateY(34px)}to{opacity:1;filter:blur();clip-path:inset(-12% -5%);transform:translate(0)}}@keyframes scroll-cue{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (max-width:550px){[data-reveal=card]{--reveal-y:38px;--reveal-scale:.98}[data-reveal=title]{--reveal-y:28px;--reveal-blur:2px}.project-grid>.project:nth-child(2),.approach-grid>[data-reveal]{--reveal-delay:0s}.hero-bottom{column-gap:8px}}.motion-paused [data-reveal-state]{opacity:1;filter:none;transform:none}.motion-paused [data-parallax]{translate:none}@media (prefers-reduced-motion:reduce){[data-reveal-state]{opacity:1;filter:none;transform:none}[data-parallax]{translate:none}}@media print{[data-reveal-state]{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}[data-parallax]{translate:none!important}}
