:root{--studio-display:'Manrope','Avenir Next','Segoe UI',sans-serif;--studio-body:'DM Sans','Segoe UI',sans-serif;--studio-ink:#eaf2ff;--studio-muted:#a7b8d4;--studio-line:#9bbffc26}
html{scroll-padding-top:160px}.studio-body{position:relative;isolation:isolate;background:#040b1c;color:var(--studio-ink);font-family:var(--studio-body);background-image:radial-gradient(ellipse at 94% 6%,#193b7550,transparent 28%),radial-gradient(ellipse at 5% 40%,#174b8040,transparent 32%),radial-gradient(ellipse at 90% 80%,#49357125,transparent 25%)}.studio-body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#84b2ff05 1px,transparent 1px),linear-gradient(90deg,#84b2ff05 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.studio-body p{font-size:16px;line-height:1.85}.studio-body h1,.studio-body h2,.studio-body h3,.entrance-copy h1{font-family:var(--studio-display);font-weight:600;letter-spacing:-.055em;text-wrap:balance}.studio-body h1{font-size:clamp(62px,7.8vw,104px);line-height:1.01;margin:0 0 30px}.studio-body h2{font-size:clamp(36px,4.6vw,62px);line-height:1.1;margin:0 0 26px}.studio-body h3{font-size:clamp(29px,3vw,40px);line-height:1.13;margin:0 0 21px}.studio-body em{font-style:normal;color:#b6d1ff;background:linear-gradient(110deg,#f3f7ff 0%,#b0cdff 48%,#6e97e6 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.small-label{display:block;font-size:12px!important;line-height:1.5!important;letter-spacing:.15em;text-transform:uppercase;color:#9aafd0;font-weight:600;margin:0 0 23px}.studio-body .site-header{background:#040d1ee8;border-color:var(--studio-line)}.studio-body .header-cta{border-radius:40px}.studio-body .desktop-nav [aria-current]{color:#fff}.studio-hero{padding:70px 0 64px;overflow:hidden}.studio-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}.hero-editorial>p:not(.small-label){color:var(--studio-muted);max-width:510px}.hero-editorial .studio-lead{font-size:23px;color:#dce8ff;line-height:1.52}.brand-window{position:relative;margin:0;aspect-ratio:1;overflow:hidden;border-radius:180px 180px 30px 30px;box-shadow:0 30px 130px #2862c029;border:1px solid #b2d1ff27}.brand-window img{width:100%;height:100%;object-fit:cover;object-position:center top}.brand-window:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#061127)}.brand-window figcaption{position:absolute;bottom:30px;left:32px;z-index:1;color:#adc6ed;line-height:1.8;font-size:12px;letter-spacing:.12em}.brand-window strong{font-size:18px;letter-spacing:.01em;color:#e7f1ff}.lens-button{display:inline-flex;position:relative;align-items:center;justify-content:space-between;gap:27px;min-height:60px;padding:7px 8px 7px 25px;border:1px solid #a6cfff66;border-radius:50px;background:linear-gradient(110deg,#21487e66,#10264e99);color:#ecf6ff;font:600 15px/1.4 var(--studio-body);text-decoration:none;box-shadow:inset 0 1px 0 #ffffff20,0 8px 35px #0e3d7a35;transition:box-shadow .25s,background .25s,transform .25s}.lens-button b{display:grid;place-items:center;width:43px;height:43px;flex:none;border-radius:50%;background:linear-gradient(145deg,#f7fcff,#82aff2);box-shadow:0 0 22px #7cabf44d;color:#092852;font-size:29px;line-height:1;font-weight:400;transition:transform .3s}.lens-button:hover{background:#24559a80;box-shadow:0 0 36px #477fe745;transform:translateY(-2px)}.lens-button:hover b{transform:rotate(90deg)}.studio-note{position:relative;padding:66px 0;border-block:1px solid var(--studio-line);background:linear-gradient(112deg,#07255e88,#0a1b3350);overflow:hidden}.studio-note .container{display:grid;grid-template-columns:.55fr 1.3fr 1fr;gap:36px;align-items:center}.studio-note h2{font-size:32px;margin:0}.studio-note p:not(.small-label){margin:0;color:#acbdd6;font-size:15px}.studio-note .small-label{margin:0}.portal-section{padding:94px 0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:55px;margin-bottom:40px}.section-title h2{margin:0}.section-title>p{max-width:320px;color:var(--studio-muted);margin:0 0 5px}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.tone-silver{--tone:#d4e3ff;--glow:#739ccb}.tone-ice{--tone:#8cdcef;--glow:#207b95}.tone-blue{--tone:#8caaff;--glow:#224dbc}.tone-violet{--tone:#c1b9ff;--glow:#6052ab}.tone-mint{--tone:#8ce3d2;--glow:#207d76}.work-portal{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:25px;background:linear-gradient(145deg,#14233bbb,#071326e8);border:1px solid #97b9ec2b;box-shadow:0 15px 45px #0003;transform:perspective(1500px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s,border-color .3s,box-shadow .3s;color:inherit}.work-portal:hover,.work-portal:focus-visible{border-color:var(--tone);box-shadow:0 20px 65px #0007,0 0 35px color-mix(in srgb,var(--glow),transparent 77%)}.portal-art{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.6;background:#061325}.portal-art img{width:100%;height:100%;object-fit:cover;transition:transform .55s;mask-image:linear-gradient(#000 75%,transparent)}.work-portal:hover .portal-art img{transform:scale(1.035)}.portal-type{position:absolute;top:20px;left:20px;max-width:calc(100% - 40px);border:1px solid #c5ddff30;backdrop-filter:blur(16px);background:#09162ac9;border-radius:40px;padding:7px 13px;font-size:13px;color:#e4eeff}.portal-copy{padding:22px 32px 28px;display:flex;flex-direction:column;flex:1}.portal-copy .small-label{color:var(--tone);font-size:12px!important}.portal-copy p{margin:0 0 28px;color:#aebed6}.portal-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #93b1dc25;margin-top:auto;font-size:14px;color:#c9ddff}.portal-chip{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b1d0ff55;width:68px;height:42px;border-radius:30px;background:linear-gradient(140deg,#a9ccff26,#152d5055);color:var(--tone);flex:none}.portal-chip>span{font-size:12px;letter-spacing:.05em}.portal-chip b{font-size:24px;font-weight:400;transition:transform .3s}.work-portal:hover .portal-chip b{transform:rotate(90deg)}.work-portal:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-height:430px}.work-portal:nth-child(3) .portal-art{height:100%;aspect-ratio:auto;grid-column:2;grid-row:1}.work-portal:nth-child(3) .portal-copy{grid-column:1;grid-row:1;padding:42px}.work-portal:nth-child(3) .portal-art img{mask-image:linear-gradient(90deg,transparent,#000 14%)}.studio-trust{padding:80px 0;background:linear-gradient(130deg,#10275288,#070f22);border-block:1px solid var(--studio-line)}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:38px}.trust-strip article{border-top:1px solid #8db1e855;padding-top:24px}.trust-strip span{font-size:12px;letter-spacing:.1em;color:#a7c0e8}.trust-strip h3{font-size:25px;margin:25px 0 15px}.trust-strip p{margin:0;color:var(--studio-muted)}.studio-contact{padding:95px 0;text-align:center;background:radial-gradient(ellipse at 50% 110%,#1b54ad75,transparent 65%)}.studio-contact h2{font-size:clamp(44px,5.8vw,77px)}.studio-contact p:not(.small-label){max-width:570px;margin:0 auto 30px;color:var(--studio-muted)}.contact-orbits{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.phone-pill{padding:16px 23px;min-height:58px;border:1px solid #9ab9e33d;border-radius:45px;color:#bcd1f1;font-size:17px}.email-line{display:inline-block;font-size:14px;color:#a2b9dc;margin-top:27px}.studio-body .company-footer{border-top:1px solid var(--studio-line)}.services-opening{padding:73px 0 58px;background:radial-gradient(ellipse at 80% -50%,#2956ae80,transparent 70%)}.services-opening h1{font-size:clamp(59px,7vw,90px)}.services-opening p:not(.small-label){max-width:650px;color:var(--studio-muted)}.service-dock{position:sticky;top:78px;z-index:18;border-block:1px solid #89aff333;background:#06122deb;backdrop-filter:blur(20px)}.service-dock .container{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-block:12px}.service-dock a{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:14px;color:#c2d2ee;border:1px solid transparent;border-radius:30px;padding:10px 13px;transition:background .2s,border-color .2s}.service-dock a span{font-size:12px;color:#7d99c8}.service-dock a:hover,.service-dock a[aria-current]{background:#294e886b;border-color:#81acef6b}.service-dock a[aria-current] span{color:white}.service-scene{position:relative;padding:84px 0;border-bottom:1px solid var(--studio-line);overflow:hidden}.service-scene:before{content:'';position:absolute;z-index:-1;inset:12% 44% 10% -15%;background:radial-gradient(ellipse,color-mix(in srgb,var(--glow),transparent 70%),transparent 66%);pointer-events:none}.service-scene-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:62px}.service-art{position:relative;margin:0!important;transform:perspective(1500px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s;overflow:hidden;border-radius:28px;border:1px solid #8aaef431;box-shadow:0 30px 75px #0005;background:linear-gradient(150deg,#132540,#050c18)}.service-art img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;mask-image:linear-gradient(#000 75%,transparent)}.service-art figcaption{color:var(--tone);padding:18px 23px 24px;font-size:12px;letter-spacing:.08em;line-height:1.7}.service-editorial .small-label{color:var(--tone)}.service-editorial h2{font-size:clamp(36px,4.15vw,56px)}.service-editorial p{color:var(--studio-muted)}.service-editorial .scene-lead{font-size:19px;color:#d8e5fa;line-height:1.65}.service-editorial .lens-button{margin-top:25px}.service-scene:nth-of-type(even) .service-art{grid-column:2;grid-row:1}.service-scene:nth-of-type(even) .service-editorial{grid-column:1;grid-row:1}.service-scene:nth-of-type(even):before{inset:5% -15% 10% 40%}.service-scope{margin-top:25px;border-block:1px solid #7899c64d}.service-scope summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;padding:18px 0;color:#cee0fc;font-size:15px}.service-scope summary::-webkit-details-marker,.method-accordion summary::-webkit-details-marker{display:none}.service-scope summary span{font-size:22px;line-height:1;transition:transform .25s}.service-scope[open] summary span{transform:rotate(45deg)}.service-scope ul{margin:0 0 20px;padding-left:20px;color:#aabfdc;font-size:15px;line-height:1.8}.service-scope li+li{margin-top:10px}.studio-method{padding:84px 0;background:#06132a88}.method-editorial{display:grid;grid-template-columns:1fr 1fr;gap:65px}.method-editorial>div>p:not(.small-label){max-width:420px;color:var(--studio-muted)}.method-accordion{border-top:1px solid #94b7ea3b}.method-accordion details{border-bottom:1px solid #94b7ea3b}.method-accordion summary{display:flex;align-items:center;gap:18px;list-style:none;cursor:pointer;padding:23px 0;font-size:18px;color:#d9e7ff}.method-accordion summary>span{font-size:12px;color:#91b6f0}.method-accordion summary>b{margin-left:auto;display:grid;place-items:center;border-radius:50%;border:1px solid #83aaff55;width:33px;height:33px;font-size:22px;font-weight:400;flex:none;transition:transform .2s}.method-accordion details[open] summary>b{transform:rotate(45deg)}.method-accordion details>p{padding:0 30px 23px;margin:0;color:var(--studio-muted)}.anchor-target{display:block;scroll-margin-top:155px}.entrance-copy .lens-button{min-width:245px}.entrance-copy h1{font-weight:550;letter-spacing:-.055em}.entrance-body .lens-button{backdrop-filter:blur(20px)}
@view-transition{navigation:auto}::view-transition-old(root){animation:portal-out .35s ease both}::view-transition-new(root){animation:portal-in .5s cubic-bezier(.2,.65,.2,1) both}@keyframes portal-in{from{clip-path:circle(5% at 80% 78%);filter:brightness(1.3)}to{clip-path:circle(150% at 80% 78%);filter:brightness(1)}}@keyframes portal-out{to{opacity:.2;transform:scale(.985)}}
@media(max-width:1050px){.studio-hero-grid{gap:35px}.studio-hero h1{font-size:79px}.studio-note .container{grid-template-columns:1fr 1fr}.studio-note .small-label{grid-column:1/-1}.portal-copy{padding:22px 25px 25px}.work-portal:nth-child(3) .portal-copy{padding:30px}.service-scene-grid{gap:30px}.service-dock a{padding-inline:10px;font-size:13px}.method-editorial{gap:35px}}
@media(max-width:700px){html{scroll-padding-top:152px}.studio-hero{padding:42px 0}.studio-hero-grid{grid-template-columns:1fr;gap:37px}.studio-body h1,.studio-hero h1{font-size:clamp(55px,13vw,82px)}.studio-body h2{font-size:clamp(35px,8.5vw,48px)}.hero-editorial .studio-lead{font-size:21px}.brand-window{aspect-ratio:1.25;border-radius:115px 115px 20px 20px;max-height:390px}.brand-window figcaption{left:25px;bottom:22px}.studio-note{padding:44px 0}.studio-note .container{grid-template-columns:1fr;gap:22px}.studio-note h2{font-size:30px}.portal-section{padding:59px 0}.section-title{display:block;margin-bottom:28px}.section-title>p{max-width:100%;margin-top:20px}.portal-grid{grid-template-columns:1fr;gap:23px}.portal-copy{padding:18px 23px 25px}.studio-body .portal-copy h3{font-size:34px}.portal-art{aspect-ratio:1.5}.portal-type{font-size:12px;top:15px;left:15px}.work-portal,.service-art{transform:none!important}.work-portal:nth-child(3){display:flex;min-height:0;grid-column:auto}.work-portal:nth-child(3) .portal-art{aspect-ratio:1.5;height:auto}.work-portal:nth-child(3) .portal-copy{padding:18px 23px 25px}.work-portal:nth-child(3) .portal-art img{mask-image:linear-gradient(#000 75%,transparent)}.studio-trust{padding:56px 0}.trust-strip{grid-template-columns:1fr;gap:28px;margin-top:29px}.trust-strip h3{font-size:24px;margin-top:18px}.studio-contact{padding:62px 0}.studio-contact h2{font-size:43px}.contact-orbits{gap:15px}.services-opening{padding:48px 0 34px}.services-opening h1{font-size:60px}.service-dock{top:68px}.service-dock .container{width:100%;padding-inline:18px;padding-block:8px}.service-dock a{font-size:13px;min-height:44px}.service-scene{padding:48px 0}.service-scene-grid{grid-template-columns:1fr;gap:28px}.service-scene:nth-of-type(even) .service-art,.service-scene:nth-of-type(even) .service-editorial{grid-column:auto;grid-row:auto}.service-editorial h2{font-size:40px}.service-editorial .scene-lead{font-size:18px}.service-art figcaption{padding:14px 20px 19px;font-size:11px;letter-spacing:.04em}.studio-method{padding:57px 0}.method-editorial{grid-template-columns:1fr;gap:28px}.method-accordion summary{font-size:16px;gap:12px}.lens-button{font-size:14px;gap:16px;padding-left:21px;max-width:100%}.lens-button b{width:40px;height:40px}.company-footer .container{gap:15px}}
@media(max-width:370px){.studio-body h1,.studio-hero h1{font-size:54px}.studio-body .portal-copy h3{font-size:30px}.portal-copy{padding-inline:19px}.portal-bottom{font-size:13px}.service-editorial h2{font-size:35px}.lens-button{font-size:13px;gap:12px}.studio-contact h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.work-portal,.service-art,.lens-button{transform:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
/* Preserve each commissioned illustration in full. */
.portal-art{aspect-ratio:1.5}.portal-art img{object-fit:contain}.work-portal:hover .portal-art img{transform:none;filter:brightness(1.07)}.work-portal:nth-child(3) .portal-art img{object-fit:contain;mask-image:none}