.cinematic-opening{background:#030506;height:360svh;min-height:1800px}.cinematic-opening .opening-stage{contain:paint;background:#030506}.cinematic-opening[data-scene-active=false] .opening-stage>*{visibility:hidden!important}.space-canvas-host{pointer-events:none;position:absolute;inset:0}.cinematic-opening .cosmos{z-index:0}.hero-layers{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cinematic-opening .hero-brand{z-index:2}.cinematic-opening .hero-logo{width:var(--hero-logo-width,min(95vw,1550px));left:50%;top:var(--hero-logo-top,48%);line-height:0;position:absolute;transform:translate(-50%,-50%)}.cinematic-opening .hero-brand .logo-camera{opacity:var(--mark-alpha)}.cinematic-opening.layers-ready .logo-camera,.cinematic-opening[data-logo-done=true] .logo-camera,.cinematic-opening[data-scene-active=false] .logo-camera{will-change:auto;display:none;transform:none}.cinematic-opening .hero-eyebrow{text-align:center;color:#e1dfd5;letter-spacing:.11em;justify-content:center;font-size:13px;top:21%}.hero-actions{opacity:var(--copy-alpha);pointer-events:auto;justify-content:center;gap:15px;display:flex;position:absolute;inset:68% 20px auto}.hero-cta{color:#f7f0de;-webkit-backdrop-filter:none;backdrop-filter:none;background:#05080cb0;border:1px solid #e8e1d179;border-radius:7px;flex:0 180px;justify-content:space-between;align-items:center;gap:38px;min-width:0;padding:14px 23px;font-size:14px;transition:background .28s,color .28s,border-color .28s;display:flex}.hero-cta.primary{color:#0b1418;background:#f0e8d9;border-color:#f0e8d9}.hero-cta>svg{flex:none;width:23px;height:23px}:is(.hero-cta:hover,.hero-cta:focus-visible){color:#071417;background:#9ed8dc;border-color:#9ed8dc}:is(.hero-cta.primary:hover,.hero-cta.primary:focus-visible){color:#d2f2ef;background:#16383e;border-color:#8dccd2}.cinematic-opening .hero-bottom{direction:inherit;justify-content:center;align-items:center;bottom:6%;left:5vw;right:5vw}.cinematic-opening .discovery{color:#d4d8d8;gap:18px;font-size:12px}.cinematic-opening .motion-toggle{opacity:var(--copy-alpha);top:auto;bottom:6%}.cinematic-opening[data-travelling=true] .hero-actions,.cinematic-opening[data-travelling=true] .motion-toggle{visibility:hidden}.cinematic-opening+section.portfolio-work{z-index:3;background-color:#0000;margin-top:-100svh;scroll-margin-top:0;position:relative}@media (max-width:600px){.cinematic-opening{height:340svh;min-height:1650px}.cinematic-opening .opening-stage{height:100svh;min-height:0}.cinematic-opening .hero-logo{width:var(--hero-logo-width,min(90vw,calc(100vw - 40px)));top:var(--hero-logo-top,46%)}.cinematic-opening .hero-eyebrow{letter-spacing:.025em;color:#f5f2ea;text-shadow:0 2px 12px #000;font-size:12px;line-height:1.5;top:28%}.hero-actions{top:61%;left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));gap:10px}.hero-cta{white-space:nowrap;background:#070c10bf;border-color:#e8e1d1a6;gap:10px;min-width:0;min-height:48px;padding:12px 15px;font-size:14px;line-height:1.4}.hero-cta>svg{width:22px;height:22px}.hero-cta.primary{background:#f0e8d9}.cinematic-opening .hero-bottom{bottom:max(9%,calc(env(safe-area-inset-bottom) + 68px));flex-direction:row}.cinematic-opening .motion-toggle{width:44px;height:44px;bottom:max(18px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right))}}@media (max-height:600px) and (min-width:601px){.cinematic-opening .hero-eyebrow{top:19%}.hero-actions{top:75%}.cinematic-opening .hero-bottom{bottom:4%}.cinematic-opening .opening-stage{min-height:100svh}}@media (max-height:500px) and (max-width:1000px) and (orientation:landscape){.cinematic-opening .opening-stage{height:100svh;min-height:0}.cinematic-opening .hero-logo{width:var(--hero-logo-width,min(72vw,105svh));top:var(--hero-logo-top,52%)}.cinematic-opening .hero-eyebrow{display:none}.hero-actions{top:auto;bottom:max(20px,env(safe-area-inset-bottom));left:max(64px,env(safe-area-inset-left));right:max(64px,env(safe-area-inset-right))}.hero-cta{min-height:44px;padding-block:10px}.cinematic-opening .hero-bottom{display:none}.cinematic-opening .motion-toggle{width:44px;height:44px;bottom:max(20px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){.cinematic-opening{height:100svh;min-height:580px}.cinematic-opening+section.portfolio-work{margin-top:0}.hero-actions,.hero-layers{opacity:1}.cinematic-opening .hero-bottom{display:none}}.work-section.portfolio-work,.about-section.portfolio-about,.contact-section.portfolio-contact{--quiet-stars:radial-gradient(circle at 17px 43px,#e6f8ffb8 0 .55px,transparent .95px),radial-gradient(circle at 193px 149px,#fff5e299 0 .45px,transparent .85px),radial-gradient(circle at 89px 267px,#d7f5ff8c 0 .45px,transparent .8px);background-color:#040506;background-image:var(--quiet-stars);color:var(--ivory);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-size:307px 331px,479px 463px,613px 577px}.contact-section.portfolio-contact.contact-centered{text-align:center;flex-direction:column;align-items:center;gap:0;padding:85px 24px 65px;display:flex}.contact-centered .contact-center-heading{z-index:2;width:100%;position:relative}.contact-centered .contact-center-heading>.eyebrow{color:#d7bda8;letter-spacing:.14em;font-size:12px;line-height:1.6;display:block}.contact-centered .contact-center-heading h2{letter-spacing:-.035em;text-wrap:balance;margin:22px auto 0;font-size:clamp(35px,4vw,58px);font-weight:500;line-height:1.25}.contact-section.portfolio-contact.contact-centered .contact-brand{--contact-logo-width:min(740px,85vw,calc(100vw - 48px));--contact-logo-trim:calc(var(--contact-logo-width) * .063792);width:var(--contact-logo-width);max-width:100%;margin:calc(22px - var(--contact-logo-trim)) auto calc(18px - var(--contact-logo-trim))}.contact-section.portfolio-contact.contact-centered .contact-brand img{opacity:1;width:100%;height:auto;position:relative;top:auto;left:auto;transform:none}.contact-section.portfolio-contact.contact-centered .contact-brand:before{opacity:.9;filter:none;background:radial-gradient(26% 30% at 27% 68%,#42cbd560 0%,#178c9430 40%,#178c9412 72%,#178c9400 100%),radial-gradient(31% 26% at 67% 28%,#e5915770 0%,#cb613d28 42%,#cb613d10 74%,#cb613d00 100%);height:88%;top:6%}.contact-section.portfolio-contact.contact-centered .contact-details{z-index:2;flex-direction:column;align-items:center;gap:18px;width:100%;margin:0;padding:0;display:flex;position:relative}.contact-section.portfolio-contact.contact-centered .socials{border-top:1px solid #f7f0de1c;justify-content:center;gap:28px;width:min(480px,100%);margin:0;padding-top:16px;font-size:13px;line-height:1.4}.contact-section.portfolio-contact.contact-centered .socials a{gap:8px;min-height:44px}.contact-section.portfolio-contact.contact-centered .socials svg{width:17px;height:17px}.contact-section.portfolio-contact.contact-centered .email-link{border-color:#f7f0de40;gap:10px;padding-bottom:4px;font-size:clamp(17px,1.5vw,21px);line-height:1.5}.contact-section.portfolio-contact.contact-centered .email-link svg{width:18px;height:18px}.contact-section.portfolio-contact.contact-centered .contact-details>p{color:#aeb7b9;max-width:550px;margin:0;font-size:13px;line-height:1.75}.contact-centered .contact-email-action{color:#f7f0de;text-align:start;background:linear-gradient(110deg,#18343899,#1324265c);border:1px solid #a5ded752;border-radius:16px;align-items:center;gap:19px;width:min(430px,100%);min-height:88px;padding:18px 24px;transition:background .22s,border-color .22s,color .22s;display:flex}.contact-centered .contact-email-icon{color:#b2e8e2;border:1px solid #a5ded747;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;transition:color .22s,border-color .22s;display:grid}.contact-centered .contact-email-icon svg{width:23px;height:23px}.contact-centered .contact-email-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.contact-centered .contact-email-copy strong{font-size:20px;font-weight:500;line-height:1.4}.contact-centered .contact-email-copy>span{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;letter-spacing:.005em;opacity:.88;font-family:Arial,sans-serif;font-size:15px;line-height:1.5;display:block}:is(.contact-centered .contact-email-action:hover,.contact-centered .contact-email-action:focus-visible){color:#111b1d;background:#f7f0de;border-color:#f7f0de}:is(.contact-centered .contact-email-action:hover .contact-email-icon,.contact-centered .contact-email-action:focus-visible .contact-email-icon){color:#24464a;border-color:#24464a40}.contact-centered .contact-copy-area{max-width:100%;margin-top:-9px}.contact-centered .contact-copy-button{color:#bdc9cb;justify-content:center;align-items:center;gap:8px;max-width:100%;min-height:44px;padding:8px 12px;font-size:12px;line-height:1.6;transition:color .2s;display:inline-flex}.contact-centered .contact-copy-button svg{flex:none}.contact-centered .contact-copy-button:hover{color:#b2e8e2}.contact-centered .contact-copy-status{color:#b2e8e2;text-wrap:balance;max-width:430px;min-height:20px;margin:0;font-size:12px;line-height:1.6}@media (max-width:750px){.contact-section.portfolio-contact.contact-centered{padding:58px 23px 45px}.contact-centered .contact-center-heading>.eyebrow{letter-spacing:.12em;font-size:10px}.contact-centered .contact-center-heading h2{margin-top:19px}.contact-section.portfolio-contact.contact-centered .contact-brand{--contact-logo-width:min(550px,96vw,calc(100vw - 46px));margin:calc(20px - var(--contact-logo-trim)) auto calc(18px - var(--contact-logo-trim))}.contact-section.portfolio-contact.contact-centered .contact-brand:before{filter:none}.contact-section.portfolio-contact.contact-centered .socials{gap:19px;font-size:12px}.contact-section.portfolio-contact.contact-centered .contact-details{gap:18px}.contact-centered .contact-email-action{gap:14px;min-height:84px;padding:16px 18px}.contact-centered .contact-email-copy strong{font-size:19px}.contact-centered .contact-email-copy>span{font-size:14px}}.work-section.portfolio-work{padding-block:100px 120px;position:relative}.work-section.portfolio-work .section-top .eyebrow{color:#bcc6c9}.work-section.portfolio-work .work-heading{margin-block:42px 36px}.work-section.portfolio-work .section-caption{color:#9ca8ad}.work-section.portfolio-work .filters{border-color:#ffffff24}.work-section.portfolio-work .filters button{color:#929da4}.work-section.portfolio-work .filters button:hover,.work-section.portfolio-work .filters button[aria-pressed=true]{color:#b4e5e6}.work-section.portfolio-work .filters button[aria-pressed=true]:after{background:#b4e5e6}.work-section.portfolio-work .work-grid,.work-section.portfolio-work .work-grid.filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.work-section.portfolio-work .work-grid .work-card,.work-section.portfolio-work .work-grid.filtered .work-card{isolation:isolate;grid-column:auto;min-width:0;margin:0;padding:0;position:relative}.work-section.portfolio-work .work-grid .work-card .work-visual{aspect-ratio:16/10;border-radius:var(--media-radius);box-shadow:0 0 0 1px #ffffff0b}.work-section.portfolio-work .work-visual .image-wash{background:linear-gradient(#03060712 0%,#0000 39%,#02050640 58%,#020506cc 100%)}.work-section.portfolio-work .work-visual .duration{z-index:2;text-shadow:0 1px 8px #000;top:22px;bottom:auto;right:24px}.work-section.portfolio-work .work-visual .visual-index{display:none}.work-card-copy{inset-inline:28px;z-index:2;pointer-events:none;text-shadow:0 2px 14px #0008;position:absolute;bottom:25px}.work-card-copy .work-card-kind{color:#bfe4e4;letter-spacing:.06em;font-size:11px;line-height:1.6;display:block}.work-card-copy h3{color:#f7f0de;letter-spacing:-.025em;text-wrap:balance;margin-top:6px;font-size:clamp(25px,2.5vw,39px);font-weight:500;line-height:1.2}.work-card-copy p{color:#e7e2d6;max-width:94%;margin-top:8px;font-size:13px;line-height:1.65}.work-section.portfolio-work .work-visual .card-play{-webkit-backdrop-filter:none;backdrop-filter:none;opacity:.85;background:#03060880;border-color:#ffffff80;width:62px;height:62px}.work-section.portfolio-work .work-visual .card-play>svg{width:21px;height:21px}:is(.work-section.portfolio-work .work-visual:hover .card-play,.work-section.portfolio-work .work-visual:focus-visible .card-play){opacity:1;background:var(--ivory)}.about-section.portfolio-about{border-top:1px solid #ffffff0c}.portfolio-about .portrait-photo{isolation:isolate;position:relative}.portfolio-about .portrait-photo:not(.unmasked):before{content:"";z-index:-1;pointer-events:none;filter:none;background:radial-gradient(at 48% 37%,#f4f3ec38 0%,#e8e9e422 22%,#d8dedb0d 43%,#0000 69%);position:absolute;inset:0 -9% 9%}.contact-section.portfolio-contact{border-top:1px solid #ffffff18;padding-bottom:35px}.contact-section.portfolio-contact:before,.contact-section.portfolio-contact:after{display:none}.contact-section.portfolio-contact .contact-layout{gap:50px;margin-top:75px}.contact-section.portfolio-contact .contact-layout h2{font-size:clamp(56px,7vw,98px)}.contact-section.portfolio-contact .contact-details:before{display:none}.contact-section.portfolio-contact .email-link{border-bottom:1px solid #f7f0de5c;align-items:center;gap:13px;max-width:100%;padding-bottom:4px;font-size:clamp(19px,2.1vw,29px);display:inline-flex}.contact-section.portfolio-contact .email-link span{overflow-wrap:anywhere;min-width:0}.contact-section.portfolio-contact .email-link svg{flex:none}.contact-section.portfolio-contact .socials{gap:22px;margin-top:25px}.contact-section.portfolio-contact .socials a{align-items:center;gap:9px;min-height:40px;transition:color .2s;display:inline-flex}.contact-section.portfolio-contact .socials svg{flex:none;width:19px;height:19px}.contact-brand{isolation:isolate;pointer-events:none;direction:ltr;width:clamp(230px,25vw,370px);max-width:100%;margin:36px auto 8px 0;position:relative}.contact-brand img{z-index:1;opacity:.96;width:100%;height:auto;display:block;position:relative}.contact-brand:before{content:"";z-index:0;filter:none;background:radial-gradient(at 27% 68%,#42cbd560 0%,#178c9430 23%,#0000 58%),radial-gradient(at 67% 28%,#e5915770 0%,#cb613d28 24%,#0000 57%);width:62%;height:100%;position:absolute;top:0;left:38%}@media (max-width:900px){.work-section.portfolio-work .work-grid,.work-section.portfolio-work .work-grid.filtered{gap:24px}.work-card-copy{inset-inline:21px;bottom:21px}.work-card-copy h3{font-size:28px}.work-card-copy p{margin-top:6px;font-size:12px}.work-section.portfolio-work .work-visual .card-play{width:54px;height:54px;top:39%}.contact-section.portfolio-contact .contact-layout{display:block}.contact-section.portfolio-contact .contact-details{margin-top:34px}}@media (max-width:750px){.work-section.portfolio-work{padding-block:60px 75px}.work-section.portfolio-work .work-heading{margin-block:30px 23px}.work-section.portfolio-work .work-grid,.work-section.portfolio-work .work-grid.filtered{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.work-section.portfolio-work .work-grid .work-card .work-visual{aspect-ratio:1.5}.work-card-copy{inset-inline:22px;bottom:21px}.work-card-copy h3{font-size:31px}.work-card-copy p{font-size:12px}.work-section.portfolio-work .work-visual .duration{top:17px;right:20px}.contact-section.portfolio-contact{padding-bottom:25px}.contact-section.portfolio-contact .contact-layout{margin-top:43px}.contact-section.portfolio-contact .contact-layout h2{font-size:61px}.contact-section.portfolio-contact .socials{gap:14px;font-size:12px}.contact-section.portfolio-contact .socials a{gap:7px}.contact-brand{width:min(240px,72%);margin:30px auto 3px 0}.contact-brand:before{filter:none}}.about-section.portrait-about.portfolio-about .portrait-photo{box-shadow:none;-webkit-mask-composite:source-in;background:0 0;border:0;border-radius:0;outline:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 16% 84%,#0000 100%),linear-gradient(#0000 0%,#000 10% 76%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 16% 84%,#0000 100%),linear-gradient(#0000 0%,#000 10% 76%,#0000 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.about-section.portrait-about.portfolio-about .portrait-photo:before{content:"";z-index:-1;pointer-events:none;filter:none;background:radial-gradient(48% 45% at 50% 36%,#f4f3ec38 0%,#e8e9e422 30%,#d8dedb0d 58%,#0000 88%);position:absolute;inset:0}.about-section.portrait-about.portfolio-about .portrait-photo img{box-shadow:none;border:0;border-radius:0}
