:root{color-scheme:dark;--bg:#08090c;--white:#f0f0f3;--muted:#9799a6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #b7f1ff;outline-offset:7px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:#fff;color:#08090c;padding:16px}.skip:focus{top:15px}header{height:94px;position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-1px;font-weight:600}.brand span{font-size:13px;align-self:flex-start;margin-top:3px;letter-spacing:0;color:#a8a9b7}.brand img{margin-right:3px}nav{display:flex;gap:42px;font-size:14px}nav a:last-child{border-bottom:1px solid #61616a;padding-bottom:6px}nav span{margin-left:12px}.journey{height:190svh;position:relative}.hero{height:100svh;min-height:770px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#11132255,transparent 48%)}#stage{position:absolute;inset:0;pointer-events:none}#stage canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1s}.loaded canvas{opacity:1!important}.fallback{position:absolute;width:min(32vw,410px);height:auto;left:50%;top:19%;transform:translateX(-50%);opacity:.7;filter:drop-shadow(0 0 35px #50629433)}.loaded .fallback{opacity:0;transition:opacity .8s}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:500;color:#a5a8b5}.hero>.eyebrow{position:absolute;top:105px;left:0;right:0;text-align:center}.hero-copy{position:absolute;bottom:108px;left:5%;right:5%;text-align:center;will-change:transform,opacity}h1{font-size:clamp(46px,5.2vw,80px);font-weight:500;letter-spacing:-.055em;line-height:1.01;margin:0 0 23px}h1 span{color:#c0c1ca}.hero-copy p{font-size:16px;line-height:1.6;color:#a5a6b2;margin:0 0 28px}.actions{display:flex;gap:13px;justify-content:center}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:0 22px;border:1px solid #484952;border-radius:3px;font-size:13px;transition:background .2s,border-color .2s}.primary{background:#f0f0f3;color:#101116;border-color:#f0f0f3}.primary:hover{background:#cfdef0}.secondary:hover{background:#ffffff0a;border-color:#a7b9ca}.play{font-size:20px}.hero-bottom{position:absolute;bottom:32px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;color:#6e707e;font-size:10px;letter-spacing:.12em}.hero-bottom a{font-size:12px;color:#bbbcc7;letter-spacing:0}.hero-bottom a span{margin-left:15px}.atmosphere{position:absolute;inset:0;opacity:.45;overflow:hidden}.atmosphere i{position:absolute;width:85vw;height:2px;left:48%;top:38%;background:linear-gradient(90deg,#bedbff50,transparent);transform-origin:left;filter:blur(3px)}.atmosphere i:nth-child(1){transform:rotate(-27deg);box-shadow:0 7px 24px 5px #59aeff17}.atmosphere i:nth-child(2){transform:rotate(159deg);background:linear-gradient(90deg,#809aff50,transparent);box-shadow:0 0 30px 4px #509dff22}.atmosphere i:nth-child(3){transform:rotate(35deg);background:linear-gradient(90deg,#cfa3d555,transparent);box-shadow:0 0 20px 5px #a961b21c}.reel{position:relative;min-height:100svh;margin:0 2%;padding:36px 3%;background:radial-gradient(ellipse at 50% 50%,#191724 0%,#0c0e14 48%,#090a0e 80%);border:1px solid #24252e;overflow:hidden}.reel-top,.reel-bottom{display:flex;justify-content:space-between;align-items:center;letter-spacing:.12em;font-size:11px;color:#828591}.prototype{border:1px solid #49434f;border-radius:2px;padding:7px 10px;color:#bbb2c2;font-size:10px}.reel-center{text-align:center;padding:12vh 10px}.reel-mark{font-size:35px;display:grid;place-items:center;margin:0 auto 26px;width:76px;height:76px;border:1px solid #41434c;border-radius:50%;color:#9398aa}.reel h2{font-size:clamp(38px,5vw,70px);line-height:1.05;font-weight:400;letter-spacing:-.045em;margin:20px 0 27px}.reel-center>p:not(.eyebrow){color:#a9a8b7;font-size:17px}.reel-center .reel-note{font-size:14px!important;line-height:1.7;color:#777987!important;margin-bottom:30px}.reel-bottom{position:absolute;bottom:30px;left:3%;right:3%}.contact{display:flex;justify-content:space-between;gap:30px;padding:85px 5%;align-items:center}.contact h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.04em;font-weight:400;margin:12px 0}.contact p:not(.eyebrow){font-size:14px;color:#9697a6;line-height:1.7}.contact a{font-size:13px;border-bottom:1px solid #494a55;padding-bottom:7px}
@media(min-width:1600px){.hero-copy{bottom:12vh}h1{font-size:86px}}@media(max-width:700px){header{height:78px;padding:0 6%}.brand{font-size:19px}.brand img{width:26px}nav{gap:22px;font-size:13px}nav span{display:none}.journey{height:125svh}.hero{min-height:730px}.hero>.eyebrow{top:108px;font-size:9px}.hero-copy{bottom:91px;left:5%;right:5%}h1{font-size:clamp(40px,10.4vw,63px);line-height:1.06}.hero-copy p{font-size:14px;margin-bottom:24px}.actions{gap:10px}.button{font-size:12px;padding:0 14px;gap:12px;min-height:46px}.hero-bottom{bottom:29px;justify-content:center}.hero-bottom>span{display:none}.fallback{width:65vw;top:24%}.reel{margin:0 3%;padding:25px 5%;min-height:760px}.reel-center{padding:110px 0 90px}.reel-top,.reel-bottom{font-size:9px}.contact{flex-direction:column;align-items:flex-start;padding:60px 7%;gap:10px}.contact p:not(.eyebrow){font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:auto}.hero{position:relative}.button,#stage canvas{transition:none}}

/* Optical-light art direction: restrained electric lime from the supplied brand board. */
:root{--lime:#e6ff00}
.hero{background:#08090c url('optical-light.webp') 64% 35%/cover no-repeat}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 38%,#08090c88 57%,#08090c 94%)}
.hero-copy,.hero>.eyebrow,.hero-bottom{z-index:2}
h1 em{font-style:normal;color:var(--lime)}h1 span{color:#e0e2e9}
.primary{background:var(--lime);border-color:var(--lime);color:#171b03}.primary:hover{background:#f0ff7c;border-color:#f0ff7c}
.brand span{color:var(--lime)}header::after{content:"";position:absolute;left:5%;right:5%;bottom:0;height:1px;background:linear-gradient(90deg,#c4d1ed20,transparent 42%,#c4d1ed20)}
.hero>.eyebrow{top:120px;color:#b8c3d6}.hero>.eyebrow::before{content:"";display:inline-block;width:22px;height:1px;background:var(--lime);vertical-align:middle;margin-right:12px}
.hero-bottom a span{color:var(--lime)}.prototype{color:#d7e980;border-color:#cce72744}
@media(max-width:700px){.hero>.eyebrow{top:108px}.hero::after{background:linear-gradient(180deg,transparent 30%,#08090c70 48%,#08090c 80%)}header::after{left:6%;right:6%}}

header{background:linear-gradient(180deg,#08090cf0,#08090c00)}

.about{border-bottom:1px solid #24252e}.about .eyebrow{color:var(--lime)}@media(max-width:420px){nav{gap:15px}.brand{gap:7px;font-size:18px}.brand img{width:24px;margin-right:0}}

.services{padding:85px 5%;border-bottom:1px solid #24252e}.services .eyebrow{color:var(--lime)}.services h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.04em;font-weight:400;margin:12px 0 35px}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}.service-list h3{font-size:clamp(20px,2.3vw,32px);font-weight:400;letter-spacing:-.03em;border-top:1px solid #373943;padding-top:24px;margin:0 0 15px}
@media(max-width:700px){header{height:auto;min-height:94px;flex-wrap:wrap;justify-content:space-between;padding-top:18px;padding-bottom:16px;gap:16px}header nav{gap:18px}.hero>.eyebrow{top:133px;font-size:9px;letter-spacing:.12em}.services{padding:60px 7%}.service-list{grid-template-columns:1fr;gap:8px}.service-list h3{padding-top:18px}}
@media(max-width:480px){header nav{width:100%;justify-content:space-between;gap:10px}.hero>.eyebrow{top:139px}}

.reel-live{display:flex;flex-direction:column;justify-content:center;gap:24px;background:#08090c;min-height:100svh;padding:36px 3%}.reel-top h2{font:inherit;letter-spacing:inherit;margin:0}.reel-player{width:100%;background:#020203;aspect-ratio:120/67;overflow:hidden;border:1px solid #282933}.reel-player video{display:block;width:100%;height:100%;object-fit:contain}.reel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#c4c6d1}.reel-toolbar>a{font-size:14px}.reel-toolbar button{font-family:inherit;background:transparent;color:inherit;cursor:pointer}.reel-toolbar button[aria-pressed="true"]{color:var(--lime);border-color:#78822d}.reel-toolbar button:focus-visible{outline:2px solid #b7f1ff;outline-offset:5px}.reel-error{font-size:14px;color:#e1d1d1}.reel-error a{text-decoration:underline}
@media(max-width:700px){.reel-live{min-height:65svh;padding:30px 5%;gap:20px}.reel-toolbar{gap:12px}.reel-toolbar>a{font-size:12px}.reel-toolbar button{font-size:12px}.reel-top h2{font-size:11px;letter-spacing:.1em}}

.with-reel #stage{z-index:2}.with-reel .hero>.reel-live{position:absolute;inset:0;min-height:0;height:100%;margin:0;padding:36px 5%;border:0;opacity:0;pointer-events:none;z-index:1;gap:20px;justify-content:center;background:#08090c}.with-reel .reel-player{flex:0 1 auto;max-height:calc(100svh - 180px);min-height:0}.with-reel .hero>.eyebrow,.with-reel .hero-copy,.with-reel .hero-bottom{z-index:3}.reel-live:focus{outline:none}.reel-live:focus-visible{outline:2px solid #b7f1ff;outline-offset:-3px}
@media(max-width:700px){.with-reel .hero>.reel-live{padding:28px 5%;gap:18px}.with-reel .reel-player{max-height:calc(100svh - 170px)}.reel-live .reel-top{flex-shrink:0}}

/* Editorial content below the reel. */
.content-section{padding:110px 7%;border-bottom:1px solid #292b32}
.section-intro{display:grid;grid-template-columns:1fr 3fr;gap:40px;margin-bottom:64px}
.content-section .eyebrow{color:var(--lime);line-height:1.7}
.content-section h2{font-size:clamp(42px,5.4vw,78px);font-weight:400;line-height:1.04;letter-spacing:-.055em;margin:0 0 26px}
.content-section h2 span{color:#858996}
.section-lead{max-width:600px;font-size:18px;line-height:1.65;color:#b8bbc6;margin:0}
.service-list{gap:38px;margin:0}
.service-card{border-top:1px solid #42454e;padding-top:24px;display:flex;flex-direction:column;align-items:flex-start}
.service-number{font-size:11px;color:var(--lime);letter-spacing:.1em;margin-bottom:38px}
.service-list .service-card h3{border:0;padding:0;margin:0 0 23px;font-size:clamp(25px,2.6vw,38px)}
.service-card p{font-size:15px;line-height:1.8;color:#a4a8b5;margin:0 0 26px}
.service-card .service-statement{font-size:17px;line-height:1.45;color:#e6e8ee;margin-bottom:15px}
.service-card a{margin-top:auto;font-size:13px;padding:10px 0;border-bottom:1px solid #454852}
.service-card a span{color:var(--lime);margin-left:18px}
.services-note{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:64px;padding-top:30px;border-top:1px solid #292c34}
.services-note p{font-size:16px;line-height:1.7;margin:0}.services-note p span{color:#989dab}
.about{display:block;background:radial-gradient(ellipse at 8% 50%,#1c20324a,transparent 50%)}
.about-body{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.about-emblem{min-height:340px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:45px;border:1px solid #ffffff12;background:linear-gradient(140deg,#c8d5ef08,transparent 60%)}
.about-emblem img{width:50%;max-width:230px;height:auto;opacity:.7;filter:drop-shadow(0 0 28px #7597d22b)}
.about-emblem span{font-size:9px;letter-spacing:.18em;color:#838b9b}
.about-copy p{font-size:16px;line-height:1.85;color:#a4a8b5;margin:0 0 24px}
.about-copy .about-lead{font-size:clamp(22px,2.2vw,31px);line-height:1.4;color:#e1e4ed;letter-spacing:-.02em}
.text-link{display:inline-block;font-size:14px;border-bottom:1px solid #454852;padding:12px 0}.text-link span{margin-left:20px;color:var(--lime)}
.about-outro{margin-top:95px;padding-top:35px;border-top:1px solid #292c34;display:grid;grid-template-columns:1fr 2fr auto;gap:30px;align-items:center}
.about-outro p{font-size:clamp(26px,3vw,43px);line-height:1.15;letter-spacing:-.04em;margin:0}.about-outro em{font-style:normal;color:var(--lime)}
@media(max-width:800px){.content-section{padding:75px 7%}.section-intro{grid-template-columns:1fr;gap:20px;margin-bottom:45px}.section-intro>.eyebrow{margin:0}.section-lead{font-size:16px}.service-list{grid-template-columns:1fr;gap:40px}.service-number{margin-bottom:20px}.service-card p{max-width:600px}.services-note{align-items:flex-start;flex-direction:column;margin-top:45px}.about-body{grid-template-columns:1fr;gap:35px}.about-emblem{min-height:230px}.about-emblem img{width:135px}.about-copy p{font-size:15px}.about-outro{grid-template-columns:1fr;gap:25px;margin-top:60px}.about-outro .button{justify-self:start}}

.team-profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:9%;align-items:center;margin-top:100px;padding-top:70px;border-top:1px solid #292c34}
.team-portrait{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;object-position:left center}
.team-bio h3{font-size:clamp(35px,4.4vw,64px);font-weight:400;letter-spacing:-.05em;line-height:1.08;margin:18px 0 30px}
.team-bio>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#b1b5c1;margin:0 0 24px}
@media(max-width:800px){.team-profile{grid-template-columns:1fr;gap:30px;margin-top:65px;padding-top:45px}.team-portrait{max-height:560px;object-position:center}.team-bio>p:not(.eyebrow){font-size:15px}.team-bio h3{margin-bottom:24px}}

/* Consistent portrait crop, retaining the original image file. */
.team-portrait{aspect-ratio:4/5;height:auto;max-height:none;object-fit:cover;object-position:center 25%}
@media(max-width:800px){.team-portrait{max-height:none;object-position:center 25%}}


/* Five readable service rows: every description is visible without interaction. */
.service-row{display:grid;grid-template-columns:45px minmax(0,1.25fr) minmax(0,1fr) 48px;align-items:center;gap:28px;padding:38px 0;border-top:1px solid #383b44}
.service-row:last-child{border-bottom:1px solid #383b44}.service-row .service-number{margin:0;align-self:start;padding-top:10px}
.service-row h3{font-size:clamp(25px,3vw,43px);line-height:1.13;font-weight:400;letter-spacing:-.035em;margin:0}.service-row p{color:#aeb3c0;font-size:16px;line-height:1.65;margin:0;max-width:360px}
.service-row a{display:grid;place-items:center;width:48px;height:48px;border:1px solid #3e424c;border-radius:50%;color:var(--lime);font-size:24px}.service-row a:hover,.service-row a:focus-visible{background:var(--lime);color:#10120a;border-color:var(--lime)}
.process-media{position:relative;aspect-ratio:4/5;min-width:0;overflow:hidden;border:1px solid #353945;background:#10121a}
.process-fallback{height:100%;min-height:420px;position:relative;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(155deg,#13172088,#08090ce8),url('optical-light.webp') center/cover}
.process-label,.process-caption{font-size:9px;letter-spacing:.15em;color:#b8c2d4;z-index:1}.process-caption{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:20px}.process-caption span{color:var(--lime)}
.process-steps{position:relative;z-index:1;display:flex;flex-direction:column;gap:26px}.process-steps>span{display:flex;gap:18px;font-size:clamp(24px,2.8vw,39px);line-height:1.12;letter-spacing:-.04em;max-width:340px}.process-steps small{color:var(--lime);font-size:10px;letter-spacing:0;padding-top:7px}
.process-lines{position:absolute;inset:0;overflow:hidden;pointer-events:none}.process-lines i{position:absolute;width:150%;height:1px;background:linear-gradient(90deg,transparent,#99b9ea66,transparent);transform:rotate(-35deg);left:-25%;top:30%}.process-lines i:nth-child(2){top:43%}.process-lines i:nth-child(3){top:56%}
.process-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#08090c}.process-media video[hidden]{display:none}
@media(max-width:800px){.service-row{grid-template-columns:25px minmax(0,1fr) 44px;gap:14px;padding:28px 0}.service-row h3{font-size:28px}.service-row p{grid-column:2;grid-row:2;font-size:15px}.service-row a{grid-column:3;grid-row:1 / span 2;width:44px;height:44px}.process-media{aspect-ratio:4/5;max-width:520px;width:100%}.process-fallback{min-height:0;padding:24px}.process-steps>span{font-size:31px}.process-label{font-size:8px}}
.process-fallback[hidden]{display:none}

/* Services: cohesive electric liquid, with a protected reading area. */
.services.content-section{padding-top:8px}
.vision-playground{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;min-height:510px;padding:54px 48px;gap:24px;background:#040506;color:var(--white);border:1px solid #24282b;touch-action:pan-y}
.vision-playground:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 87% 35%,#e6ff00 0 16%,transparent 17%),radial-gradient(ellipse at 70% 80%,#e6ff00 0 24%,transparent 25%),#040506}
.liquid-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.vision-playground:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#040506 0%,#040506f5 28%,#040506c9 43%,#04050600 69%)}
.vision-playground>.eyebrow{margin:0;color:var(--lime)}
.vision-playground>div{position:relative;max-width:490px}
.vision-playground h2{font-size:clamp(42px,5.4vw,70px);margin:0 0 24px}
.vision-playground h2 span{color:#e0e2e9}
.vision-playground .section-lead{color:#bcc0c8;max-width:400px;font-size:17px}
@media(max-width:800px){.services.content-section{padding-top:6px}.vision-playground{min-height:550px;padding:34px 24px 230px;justify-content:flex-start;gap:22px}.vision-playground h2{font-size:42px}.vision-playground .section-lead{font-size:16px}.vision-playground:after{background:linear-gradient(180deg,#040506 0%,#040506f5 36%,#040506c9 53%,transparent 76%)}}

/* The live glyph mask uses the same surface as the fluid, never approximate blend colors. */
.vision-playground:after{display:none}
.vision-playground.liquid-ready .eyebrow,.vision-playground.liquid-ready h2,.vision-playground.liquid-ready h2 span,.vision-playground.liquid-ready .section-lead{color:transparent}
.vision-playground ::selection{background:#e6ff00;color:#040506}
.vision-playground:not(.liquid-ready)>div,.vision-playground:not(.liquid-ready)>.eyebrow{background:#040506;padding:12px}

.vision-playground{transform-origin:center center;will-change:transform}
@media(prefers-reduced-motion:reduce){.vision-playground{transform:none!important;will-change:auto}}

/* Bring Services into the end of the reel and unify contact actions. */
.services.content-section{padding-top:0;margin-top:-40px;position:relative}
.contact .contact-email{font-size:clamp(20px,2.6vw,34px);color:var(--lime);letter-spacing:-.025em;overflow-wrap:anywhere}
@media(max-width:800px){.services.content-section{padding-top:0;margin-top:-20px}}

/* Let the liquid panel dissolve into the surrounding page. */
.vision-playground{border:0;--edge-feather:32px;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--edge-feather),#000 calc(100% - var(--edge-feather)),transparent),linear-gradient(to bottom,transparent,#000 var(--edge-feather),#000 calc(100% - var(--edge-feather)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--edge-feather),#000 calc(100% - var(--edge-feather)),transparent),linear-gradient(to bottom,transparent,#000 var(--edge-feather),#000 calc(100% - var(--edge-feather)),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
@media(max-width:800px){.vision-playground{--edge-feather:18px}}

/* About: a studio introduction, followed by craft and people. */
.about{background:radial-gradient(ellipse at 95% 10%,#e6ff0007,transparent 40%)}
.studio-introduction{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:32px 0 72px;align-items:start}
.studio-statement{font-size:clamp(28px,3.5vw,49px);line-height:1.16;letter-spacing:-.045em;margin:0;font-weight:400}
.studio-statement em{font-style:normal;color:var(--lime)}
.studio-summary p{font-size:17px;line-height:1.8;color:#aeb3c0;margin:0 0 20px}.studio-summary p:first-child{color:#e0e2e9}
.studio-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;padding:36px 0 46px;border-top:1px solid #3c403b;border-bottom:1px solid #292c32}
.studio-process .eyebrow{font-size:10px;letter-spacing:.12em}.studio-process h3{font-size:clamp(24px,2.3vw,33px);line-height:1.15;letter-spacing:-.035em;font-weight:400;margin:32px 0 18px}.studio-process p{font-size:15px;line-height:1.8;color:#a4a8b5;margin:0;max-width:340px}
.team-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-top:90px}.team-heading p{font-size:clamp(26px,3vw,42px);line-height:1.2;letter-spacing:-.035em;margin:0}.team-heading+.team-profile{margin-top:40px;padding-top:40px}
@media(max-width:800px){.studio-introduction{grid-template-columns:1fr;gap:30px;padding:0 0 40px}.studio-statement{font-size:34px}.studio-summary p{font-size:16px}.studio-process{grid-template-columns:1fr;gap:30px;padding:30px 0}.studio-process article+article{border-top:1px solid #292c32;padding-top:28px}.studio-process h3{margin:18px 0 14px;font-size:28px}.studio-process p{max-width:none}.team-heading{flex-direction:column;margin-top:55px;gap:16px}}

.about>.section-intro{grid-template-columns:.7fr 2fr 1.15fr;align-items:center;gap:28px}
.about-eye{display:block;width:100%;max-width:320px;overflow:visible;stroke:var(--lime);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;justify-self:end}
.eye-iris{transform-origin:160px 80px;transform:scaleY(0)}
@media(max-width:800px){.about>.section-intro{grid-template-columns:minmax(0,1fr) 100px;gap:22px 14px}.about>.section-intro>.eyebrow{grid-column:1 / -1}.about>.section-intro h2{font-size:clamp(29px,7vw,42px)}.about-eye{stroke-width:3}}

.eye-detail{stroke-width:.8;opacity:.65}.eye-highlight{stroke-width:1.2}.eye-crease{stroke-width:1;opacity:0}

.eye-highlight{stroke:#fff;fill:#fff}

/* Service-specific line icons retain the existing accessible contact links. */
.service-row a{border-color:transparent;border-radius:4px}
.service-icon{display:block;width:36px;height:36px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.service-row a:hover,.service-row a:focus-visible{background:#e6ff0010;color:var(--lime);border-color:#e6ff0066}

.about-symbol-intro{align-items:center!important}
.about-symbol-intro h2{margin:0;display:flex;flex-direction:column;gap:24px}
.about-symbol-intro .about-title-line:first-child{color:var(--white)}
.about-symbols{display:grid;grid-template-rows:1fr 1fr;gap:16px;align-items:center;width:100%}
.about-symbols svg{width:100%;height:100px;stroke:var(--lime);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.brain-drawing{transform-origin:center;transition:opacity .15s;animation:brain-breathe 5s ease-in-out infinite}
@keyframes brain-breathe{0%,100%{stroke-opacity:.8}50%{stroke-opacity:1;filter:drop-shadow(0 0 2px #e6ff0055)}}
@media(max-width:800px){.about-symbols svg{height:66px}.about-symbols{gap:12px}.about-symbol-intro h2{gap:24px}.about-symbol-intro{grid-template-columns:minmax(0,1fr) 85px!important}}
@media(prefers-reduced-motion:reduce){.brain-drawing{animation:none;transition:none}}

.brain-drawing path{stroke-dasharray:1;stroke-dashoffset:inherit}

.brain-drawing{opacity:0;stroke-dashoffset:1}

/* Align both symbols to a common text-column edge with equal spacing. */
.about-symbol-intro h2{justify-self:stretch}
.about-symbol-intro .about-title-line{text-align:right;white-space:nowrap}
.about-symbol-intro{grid-template-columns:.7fr max-content minmax(100px,1.15fr)!important;column-gap:32px!important}
.about-symbols{justify-self:start;max-width:250px}
@media(max-width:800px){.about-symbol-intro{grid-template-columns:minmax(0,1fr) 85px!important;column-gap:18px!important}.about-symbol-intro h2{font-size:clamp(23px,6.2vw,42px)}}

.brain-sparks{opacity:0;transition:opacity .4s;stroke-width:1.6;pointer-events:none}
.brain-sparks.is-visible{opacity:1}
.brain-sparks path{transform-box:fill-box;transform-origin:center;animation:idea-spark 3.6s ease-in-out infinite;animation-delay:var(--spark-delay);animation-play-state:paused}
.brain-sparks.is-visible path{animation-play-state:running}
@keyframes idea-spark{0%,65%,100%{opacity:.12;transform:scale(.7)}25%,40%{opacity:.95;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.brain-sparks,.brain-sparks path{transition:none;animation:none}.brain-sparks path{opacity:.6}}

.crown-sparkle{position:absolute;width:180px;height:180px;transform:translate(-50%,-50%);opacity:0;pointer-events:none;mix-blend-mode:screen;filter:drop-shadow(0 0 5px #fff8)}.crown-sparkle svg{display:block;width:100%;height:100%}

.crown-sparkle{width:125px;height:125px;filter:blur(.85px) drop-shadow(0 0 7px #ffffff40)}

.crown-sparkle-clip{position:absolute;inset:0;pointer-events:none;overflow:hidden}

.crown-sparkle-clip{mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}

.process-step-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.process-step-icon{width:36px;height:36px;stroke:var(--lime);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

.process-step-heading{display:flex;align-items:center;justify-content:flex-start;gap:14px}.process-step-heading .process-step-icon{width:30px;height:30px}

.crown-footer{display:flex;justify-content:center;padding:0 0 48px}.crown-footer a{display:block}#footer-crown{display:block;position:relative;width:190px;height:160px}#footer-crown img{position:absolute;left:35px;top:35px;opacity:.7}#footer-crown canvas{display:block;width:100%;height:100%}#footer-crown.ready img{display:none}

.contact{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);align-items:center;gap:24px}.contact>div:last-child{justify-self:end}.contact .crown-footer{padding:0;justify-self:center}.contact .crown-footer a{border:0;padding:0}
@media(max-width:800px){.contact{grid-template-columns:1fr;text-align:center;justify-items:center}.contact>div:last-child{justify-self:center}.contact .crown-footer{margin:-12px 0}}

.about-symbols{transform:translateX(18px)}

.selected-work{padding-top:40px;padding-bottom:80px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.work-placeholder{aspect-ratio:4/3;background:linear-gradient(145deg,#1a1e23,#0b0d10);border:1px solid #2b3037;display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:#777f8a}.work-placeholder>span:first-child{font-size:40px;font-weight:400;letter-spacing:-.06em;color:#e6ff0070}.work-placeholder>span:last-child{font-size:9px;letter-spacing:.18em}.work-card h3{font-size:22px;font-weight:400;letter-spacing:-.025em;margin:22px 0 10px}.work-card p{font-size:14px;color:#979daa;line-height:1.7;margin:0}.selected-work+.services.content-section{margin-top:0;padding-top:64px}
@media(max-width:800px){.work-grid{grid-template-columns:1fr;gap:38px}.selected-work{padding-top:24px;padding-bottom:50px}.selected-work+.services.content-section{margin-top:0;padding-top:40px}.work-placeholder{aspect-ratio:16/10}}

/* Portrait project previews with a restrained hover lift. */
.work-placeholder{aspect-ratio:9/16}
.work-card{position:relative;transform-origin:center center;transition:transform .35s cubic-bezier(.2,.65,.3,1)}
@media(hover:hover) and (pointer:fine){.work-card:hover{transform:translateY(-6px) scale(1.045);z-index:1}}
@media(prefers-reduced-motion:reduce){.work-card{transition:none}.work-card:hover{transform:none}}

/* Smaller portrait cards, distributed with more breathing room. */
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;justify-items:center}
.work-card{width:60%;min-width:0}
.work-card h3{overflow-wrap:anywhere}
@media(max-width:800px){.work-grid{grid-template-columns:1fr;gap:64px}.work-card{width:60%}}

/* Layered portrait composition, with the middle project leading. */
.work-grid{display:flex;justify-content:center;align-items:flex-start;gap:0;padding:20px 0 34px}
.work-card{width:calc((100% - 56px)*.24);flex:0 0 auto;transition:transform .35s cubic-bezier(.2,.65,.3,1)}
.work-card:nth-child(1){transform:translate(16px,22px) rotate(-4deg);z-index:1}
.work-card:nth-child(2){z-index:2;margin:0 -12px}
.work-card:nth-child(3){transform:translate(-16px,22px) rotate(4deg);z-index:1}
.work-placeholder{box-shadow:0 18px 35px #0006}
@media(hover:hover) and (pointer:fine){.work-card:nth-child(1):hover{transform:translate(8px,8px) rotate(-2deg) scale(1.045);z-index:3}.work-card:nth-child(2):hover{transform:translateY(-8px) scale(1.045);z-index:3}.work-card:nth-child(3):hover{transform:translate(-8px,8px) rotate(2deg) scale(1.045);z-index:3}}
@media(max-width:800px){.work-grid{display:grid;grid-template-columns:1fr;gap:48px;padding:0}.work-card{width:72%}.work-card:nth-child(n){transform:none;margin:0}}
@media(prefers-reduced-motion:reduce){.work-card:nth-child(n):hover{transform:none}}

@media(min-width:801px){
.work-grid.deck-ready{position:relative;display:block;perspective:1100px;height:650px;padding:25px 0}
.deck-ready .work-card:nth-child(n){position:absolute;left:50%;top:25px;width:26%;margin:0;transform:translateX(calc(-50% + var(--slot)*82%)) translateZ(calc(var(--rear)*-120px)) rotateY(calc(var(--slot)*-18deg)) scale(var(--card-scale));z-index:var(--layer);transition:transform .65s cubic-bezier(.22,.7,.2,1),opacity .5s;opacity:1;outline-offset:8px}
.deck-ready .work-card:focus-visible{outline:2px solid var(--lime)}
}
@media(prefers-reduced-motion:reduce){.deck-ready .work-card:nth-child(n){transition:none}}

@media(min-width:801px){.deck-ready .work-card:nth-child(n){transform:translateX(calc(-50% + var(--slot)*68%)) translateZ(calc(var(--rear)*-90px)) rotateY(calc(var(--slot)*-24deg)) rotateZ(calc(var(--slot)*9deg)) scale(var(--card-scale));cursor:pointer}}

@media(min-width:801px){.deck-ready .work-card:nth-child(n){transform-origin:50% 90%;transform:translateX(calc(-50% + var(--slot)*74%)) translateY(calc(var(--rear)*26px - 12px)) rotateZ(calc(var(--fan-angle)*1deg)) scale(var(--card-scale));}}

@media(min-width:801px){.deck-ready .work-card:nth-child(n){transform-origin:center;transform:translateX(calc(-50% + var(--orbit-x))) translateY(var(--orbit-y)) scale(var(--orbit-scale));transition:opacity .2s;z-index:var(--layer)}}

@media(min-width:801px){.work-grid.deck-ready,.deck-ready .work-card:nth-child(n){cursor:grab;user-select:none}.work-grid.is-dragging,.is-dragging .work-card:nth-child(n){cursor:grabbing}}

@media(min-width:801px){.deck-ready .work-placeholder{clip-path:inset(var(--crop-inset,0%) 0 0 0);}.deck-ready .work-placeholder>span{position:relative}.deck-ready .work-placeholder>span:first-child{top:18px}.deck-ready .work-placeholder>span:last-child{bottom:18px}}

/* Collectible project cards: framed artwork and a dedicated caption panel. */
.work-card .work-placeholder{padding:10px;display:flex;flex-direction:column;gap:10px;border:1px solid #737b3c;border-radius:9px;background:linear-gradient(140deg,#272c24,#111519 45%,#20251c);overflow:hidden}
.project-card-header{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;color:var(--lime);padding:4px 3px}
.project-card-image{flex:1;min-height:0;border:1px solid #5b6351;background:radial-gradient(ellipse at 30% 20%,#333d40,#0c1015 85%);display:grid;place-items:center;overflow:hidden}
.project-card-image>span{font-size:8px;letter-spacing:.15em;color:#959c9b}.project-card-image img{width:100%;height:100%;object-fit:cover}
.project-card-copy{padding:11px 10px;background:#090c10b8;border:1px solid #42493c}.project-card-label{font-size:8px;letter-spacing:.12em;color:var(--lime)}
.work-card .project-card-copy h3{font-size:17px;margin:8px 0;line-height:1.15}.work-card .project-card-copy p{font-size:10px;line-height:1.5;margin:0;color:#aeb5ba}
.project-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.12em;color:#a6ad95;padding:0 3px}.project-card-footer span:last-child{color:var(--lime);font-size:15px}
@media(min-width:801px){.deck-ready .work-placeholder{clip-path:none;padding-top:calc(10px + var(--crop-inset,0%));}}

.project-crown-badge{width:32px;height:32px;border-radius:50%;border:1px solid #e6ff0099;background:#e6ff0012;display:grid;place-items:center;box-shadow:inset 0 0 9px #e6ff0010;flex-shrink:0}.project-crown-badge img{display:block;width:22px;height:18px;object-fit:contain}

/* Compact header, smaller artwork window, generous project description area. */
.work-card .work-placeholder{padding:10px;gap:8px}
.project-card-header{padding:0 3px;flex:0 0 32px}
.project-card-image{flex:0 0 40%;min-height:0}
.project-card-copy{flex:1;min-height:0;padding:12px 10px}
.project-card-footer{flex:0 0 18px}

/* Printed collectible-card hierarchy, in CrownLab's own palette. */
.work-card .work-placeholder{border:3px solid #69723a;padding:8px 10px 7px;gap:0;border-radius:12px;background:linear-gradient(125deg,#303629 0%,#171d18 35%,#252c20 70%,#161b18);box-shadow:inset 0 0 0 1px #b8c58440,0 18px 35px #0006}
.project-card-header{flex:0 0 34px;padding:0 1px 5px;font-weight:600;font-size:11px;letter-spacing:.07em}
.project-crown-badge{width:27px;height:27px;background:#e6ff001a;border-color:#bbc875}
.project-crown-badge img{width:19px;height:16px}
.project-card-image{flex:0 0 40%;border:3px solid #818a70;box-shadow:inset 0 0 0 1px #080b09,1px 2px 0 #070a09}
.project-card-caption{flex:0 0 16px;display:flex;align-items:center;justify-content:center;margin:-1px -2px 0;padding:2px 3px;background:linear-gradient(180deg,#7a8469,#3f493b);border:1px solid #879275;border-radius:2px 2px 7px 2px;color:#dbe0cf;font-size:6px;letter-spacing:.06em;z-index:1}
.project-card-copy{border:0;background:transparent;padding:15px 4px 8px;flex:1}
.project-card-label{font-size:7px;color:#c7d78b;letter-spacing:.12em}
.work-card .project-card-copy h3{font-size:18px;font-weight:600;letter-spacing:-.03em;margin:7px 0 10px;color:#f0f2e8}
.work-card .project-card-copy p{font-size:10px;line-height:1.55;color:#bdc6b7}
.project-card-footer{flex:0 0 22px;padding:3px 2px 0;border-top:2px solid #778165;color:#b4bea7;font-size:6px}

@media(min-width:801px){.deck-ready .work-card:nth-child(n){transform:translateX(calc(-50% + var(--orbit-x))) translateY(var(--orbit-y)) rotate(var(--orbit-tilt,0deg)) scale(var(--orbit-scale));}}

.project-card-header .project-card-brand{font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.75px;color:var(--white);line-height:1}

.work-card .work-placeholder{position:relative;isolation:isolate}
.work-placeholder::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;background:radial-gradient(ellipse at var(--foil-x,50%) var(--foil-y,40%),#ffffff45,transparent 55%),linear-gradient(var(--foil-angle,115deg),transparent 8%,#45e8ed55 25%,#9b74fa66 40%,#f39cd866 54%,#81e8cf44 68%,transparent 85%);mix-blend-mode:screen;opacity:.22;transition:opacity .3s}
.work-card:hover .work-placeholder::after,.work-card:focus-visible .work-placeholder::after{opacity:.5}
@media(prefers-reduced-motion:reduce){.work-placeholder::after{transition:none;background:linear-gradient(115deg,transparent,#6de4ec30,#c894e830,transparent);opacity:.2}.work-card:hover .work-placeholder::after{opacity:.2}}

/* Brighter foil edges and a more saturated reflective finish. */
.work-card .work-placeholder{border-color:#dae967;box-shadow:inset 0 0 0 1px #f3ffb080,0 18px 35px #0006,0 0 14px #e6ff0010}
.project-card-image{border-color:#d5df89}.project-card-caption{border-color:#dce798;background:linear-gradient(180deg,#99a65d,#4a5635);color:#f0f4d9}.project-card-footer{border-top-color:#d0dd79}
.project-crown-badge{border-color:#e6ff00;box-shadow:0 0 8px #e6ff0022}
.work-placeholder::after{background:radial-gradient(ellipse at var(--foil-x,50%) var(--foil-y,40%),#ffffff70,transparent 48%),linear-gradient(var(--foil-angle,115deg),transparent 5%,#00eaff88 23%,#8250ff99 37%,#ff40c999 51%,#34ffd877 65%,transparent 86%),linear-gradient(var(--foil-angle,115deg),transparent 43%,#ffffff90 48%,transparent 53%);opacity:.34}
.work-card:hover .work-placeholder::after,.work-card:focus-visible .work-placeholder::after{opacity:.68}
@media(prefers-reduced-motion:reduce){.work-placeholder::after,.work-card:hover .work-placeholder::after{opacity:.3}}

/* Soft white specular star, matching the crown's hover glint. */
.work-placeholder::before{content:"";position:absolute;left:var(--foil-x,50%);top:var(--foil-y,40%);width:85px;height:85px;transform:translate(-50%,-50%) rotate(24deg);pointer-events:none;z-index:3;opacity:0;transition:opacity .25s;filter:blur(.8px) drop-shadow(0 0 5px #fff7);background:radial-gradient(circle,#fff 0 3%,#ffffff80 7%,transparent 44%),linear-gradient(90deg,transparent 8%,#ffffffbb 49%,white 50%,#ffffffbb 51%,transparent 92%),linear-gradient(0deg,transparent 8%,#ffffffbb 49%,white 50%,#ffffffbb 51%,transparent 92%);clip-path:polygon(50% 0,54% 40%,62% 46%,100% 50%,62% 54%,54% 62%,50% 100%,46% 62%,38% 54%,0 50%,38% 46%,46% 40%);mix-blend-mode:screen}
@media(hover:hover) and (pointer:fine){.work-card:hover .work-placeholder::before{opacity:.62}}
@media(prefers-reduced-motion:reduce){.work-placeholder::before{display:none}}

/* A diffuse reflection instead of a sharply cut star. */
.work-placeholder::before{width:76px;height:76px;clip-path:none;filter:blur(2.5px);background:radial-gradient(ellipse 8% 44% at center,#ffffffa0 0%,#ffffff30 32%,transparent 85%),radial-gradient(ellipse 44% 8% at center,#ffffffa0 0%,#ffffff30 32%,transparent 85%),radial-gradient(circle at center,#ffffffb0 0%,#ffffff40 12%,#ffffff12 30%,transparent 67%)}
@media(hover:hover) and (pointer:fine){.work-card:hover .work-placeholder::before{opacity:.4}}

.work-placeholder::before{width:60px;height:60px;filter:blur(1.2px)}

/* Holographic foil: narrow spectral ribbons and fine etched surface detail. */
.work-placeholder::after{background:radial-gradient(ellipse at var(--foil-x,50%) var(--foil-y,40%),#ffffff60,transparent 48%),repeating-linear-gradient(var(--foil-angle,115deg),transparent 0 12%,#00dfff08 14%,#00eaffb0 16%,#c5ffffc0 17%,#6556ff80 18%,transparent 21% 32%,#ff49bf75 35%,#ffe98d99 37%,#ffffffa0 38%,#40ffd570 39%,transparent 43% 52%),repeating-linear-gradient(35deg,#ffffff16 0 .6px,transparent .6px 3px);background-size:100% 100%,210% 210%,100% 100%;background-position:center,var(--foil-x,50%) var(--foil-y,40%),center;opacity:.32;mix-blend-mode:screen}
@media(hover:hover) and (pointer:fine){.work-card:hover .work-placeholder::after{opacity:.67}}
@media(prefers-reduced-motion:reduce){.work-placeholder::after{background-position:center;opacity:.25}.work-card:hover .work-placeholder::after{opacity:.25}}

/* Brighter, more vivid foil reflections without brightening the underlying copy. */
.work-placeholder::after{filter:saturate(1.65) brightness(1.3);opacity:.46}
@media(hover:hover) and (pointer:fine){.work-card:hover .work-placeholder::after{opacity:.83}}
@media(prefers-reduced-motion:reduce){.work-placeholder::after,.work-card:hover .work-placeholder::after{opacity:.36}}

/* Use the site's electric yellow consistently on the card outlines. */
.work-card .work-placeholder{border-color:var(--lime);box-shadow:inset 0 0 0 1px #e6ff0066,0 18px 35px #0006,0 0 14px #e6ff0020}
.project-card-image,.project-card-caption,.project-crown-badge{border-color:var(--lime)}
.project-card-footer{border-top-color:var(--lime)}

/* Deep black card stock lets the holographic reflections carry the color. */
.work-card .work-placeholder{background:linear-gradient(125deg,#0b0c0e,#030405 48%,#08090b)}
.project-card-image{background:radial-gradient(ellipse at 30% 20%,#11151b,#030405 85%)}
.project-card-caption{background:linear-gradient(180deg,#181c14,#080a08)}
.project-card-copy{background:transparent}

/* Dark silver stock beneath the existing holographic foil. */
.work-card .work-placeholder{background:linear-gradient(125deg,#35383e 0%,#1a1d22 28%,#292d33 49%,#16191e 73%,#30343b 100%)}
.project-card-image{background:radial-gradient(ellipse at 30% 20%,#30353d,#13161c 85%)}
.project-card-caption{background:linear-gradient(180deg,#41464f,#20242b)}

@media(hover:hover) and (pointer:fine){.work-card:hover .work-placeholder::before{opacity:.4}}
@media(prefers-reduced-motion:reduce){.work-placeholder::before{display:none}}

/* Soft studio lighting behind the project deck. */
@media(min-width:801px){
 .work-grid.deck-ready{isolation:isolate;}
 .work-grid.deck-ready::before,.work-grid.deck-ready::after{
  content:"";position:absolute;pointer-events:none;z-index:-1;opacity:.85;
 }
 .work-grid.deck-ready::before{
  left:0;right:0;top:-180px;bottom:35px;
  background:linear-gradient(180deg,rgba(225,234,255,0) 0%,rgba(225,234,255,.025) 20%,rgba(225,234,255,.075) 92%,rgba(225,234,255,0) 100%);
  filter:blur(12px);
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='soft' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='42'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M440 0H560L940 960H60Z' fill='white' filter='url(%23soft)'/%3E%3C/svg%3E");
  mask-size:100% 100%;mask-repeat:no-repeat;
 }
 .work-grid.deck-ready::after{
  left:-5%;right:-5%;bottom:-35px;height:140px;
  background:radial-gradient(ellipse at center,rgba(234,240,255,.16) 0%,rgba(215,225,245,.065) 35%,rgba(215,225,245,.018) 56%,transparent 73%);
  filter:blur(12px);transform:scaleY(.65);
 }
}

.work-ground-shadow{display:none}
@media(min-width:801px){
 .work-ground-shadow{
  display:block;position:absolute;left:50%;bottom:7px;width:29%;height:52px;
  z-index:0;pointer-events:none;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 28%,transparent 72%);
 }
}

.credits-strip{max-width:1200px;margin:0 auto 36px;padding:24px 0 28px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;overflow:hidden}
.credits-strip>p{margin:0 0 25px;text-align:center;color:#fff;font-size:12px;letter-spacing:.07em;font-weight:400}
.credits-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.credits-track{display:flex;width:max-content;animation:credits-belt 36s linear infinite}
.credits-group{display:flex;align-items:center;flex-shrink:0;gap:64px;padding-right:64px}
.credit-logo{display:flex;align-items:center;justify-content:center;width:120px;height:60px;flex-shrink:0}
.credit-logo img{display:block;width:120px;height:48px;object-fit:contain;filter:brightness(0) invert(.58)}
@keyframes credits-belt{to{transform:translateX(-50%)}}
@media(max-width:800px){.credits-strip{margin-bottom:16px}.credits-group{gap:38px;padding-right:38px}.credit-logo,.credit-logo img{width:100px}.credits-track{animation-duration:30s}}
@media(prefers-reduced-motion:reduce){.credits-track{animation:none;width:100%}.credits-group{flex-wrap:wrap;justify-content:center;gap:25px;width:100%;padding:0}.credits-group[aria-hidden="true"]{display:none}.credits-window{mask-image:none}}

.credit-logo img[src*="cocacola"]{transform:scale(1.5)}

/* Bring the logo band closer to the project deck. */
.credits-strip{margin-top:-54px;padding-top:18px;padding-bottom:18px;position:relative}
@media(max-width:800px){.credits-strip{margin-top:-20px}}

.credits-strip{border:0;margin-bottom:56px}
@media(max-width:800px){.credits-strip{margin-bottom:32px}}

.selected-work.content-section{border-bottom:0}

.credits-strip{margin-top:-78px}
.credits-strip>p{margin-bottom:18px}
@media(max-width:800px){.credits-strip{margin-top:-32px}}

.project-card-image--portrait{background:#101319}
.project-card-image--portrait img{object-fit:contain;display:block;min-height:0}

.project-card-image img[src="project-images/pixel-10-extended.webp"]{transform:scale(1.32);transform-origin:center}

.project-collaboration{display:inline-flex;align-items:flex-start;gap:7px}.collaboration-icon{width:22px;height:22px;flex:0 0 22px;color:var(--lime);margin-top:1px}

.project-collaboration{display:flex;align-items:center;overflow:visible}.project-collaboration>span{min-width:0}.collaboration-icon{display:block;width:26px;height:26px;flex:0 0 26px;min-width:26px;max-width:none;border-radius:50%;background:var(--lime);color:#08090c;overflow:visible;margin:0}

.collaboration-icon{width:20.8px;height:20.8px;flex-basis:20.8px;min-width:20.8px}

.project-post-link{position:relative;cursor:pointer}
.project-post-link .project-post-hint{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 9px;border-radius:3px;background:#08090ce8;color:white;font-size:9px;letter-spacing:0;opacity:0;transition:opacity .2s;z-index:4}
.project-post-link:hover .project-post-hint,.project-post-link:focus-visible .project-post-hint{opacity:1}
@media(hover:none){.project-post-link .project-post-hint{opacity:1}}

.project-client-logo{display:block;width:72px;height:24px;object-fit:contain;object-position:left center;filter:brightness(0) invert(.92);margin:0 0 7px}

.project-card-image img[src="project-images/dyson-spec-ad.webp"]{transform:scale(1.2);transform-origin:center}

.project-collaboration{align-items:flex-start}

.project-card-image .project-image-wordmark{position:absolute;top:12px;left:12px;width:64px;height:26px;object-fit:contain;filter:brightness(0) invert(1);z-index:1;pointer-events:none}

/* Space Services away from the credits strip. */
.credits-strip + .services.content-section{margin-top:0;padding-top:24px}
@media(max-width:800px){.credits-strip + .services.content-section{padding-top:16px}}

.project-card-image--zayed{background:#fff}.project-card-image--zayed img{object-fit:contain}

.project-card-image img[src="project-images/zayed-students.webp"]{object-fit:cover;object-position:57% 45%;transform:scale(1.08);transform-origin:57% 45%}

/* Shared typography and spacing for each project card. */
.work-card .project-card-copy{padding:12px 4px 8px}
.work-card .project-card-copy h3{font-size:18px;line-height:1.15;font-weight:600;letter-spacing:-.03em;margin:0 0 12px;min-height:2.3em}
.work-card .project-card-copy p{font-size:10px;line-height:1.55;font-weight:400;letter-spacing:0;color:#bdc6b7;margin:0}
.work-card .project-description{min-height:6.2em}
.work-card .project-card-copy .project-meta{margin-top:10px;padding-left:27.8px}
.project-meta-label{font-weight:600;color:#f0f2e8}
.project-card-caption{font-size:7px;line-height:1.3;font-weight:500;letter-spacing:.06em}
.project-collaboration{gap:7px;align-items:flex-start}

.work-card--google .project-description{min-height:0}

/* Let supporting copy follow its actual text length on every card. */
.work-card .project-description{min-height:0}
.work-card .project-card-copy .project-meta{margin-top:10px}

/* Clean email links with a tighter gap between addresses. */
.contact a.contact-email{border-bottom:0;padding-bottom:0}
.contact p:has(> .contact-email[href="mailto:info@crownlabai.com"]){position:relative;top:6px}

.service-row p{max-width:38ch}
.contact-enquiry{grid-column:1/-1;width:100%;max-width:760px;margin:28px auto 0}
.contact-enquiry h3{font-size:26px;font-weight:400;letter-spacing:-.025em;margin:0 0 24px}
.enquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-enquiry label{display:block;font-size:13px;color:#dadde0;margin-bottom:20px}
.contact-enquiry input,.contact-enquiry textarea{display:block;width:100%;margin-top:9px;background:#14171c;border:1px solid #464950;border-radius:4px;color:#fff;padding:13px;font:inherit;line-height:1.5}
.contact-enquiry textarea{resize:vertical;min-height:130px}
.contact-enquiry input:focus-visible,.contact-enquiry textarea:focus-visible,.copy-email:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.copy-email{color:#dbe2bf;background:transparent;border:0;font:inherit;font-size:11px;cursor:pointer;padding:8px}
.enquiry-actions{display:flex;flex-direction:column;align-items:center;gap:20px}.enquiry-actions .button{flex-shrink:0;cursor:pointer;align-self:center}.enquiry-actions #enquiry-note{align-self:center;text-align:center}
.contact .enquiry-actions p{font-size:12px;margin:0;max-width:42ch}
#contact-status{min-height:24px;color:var(--lime)}
@media(max-width:800px){
 .work-grid.deck-ready{display:grid;grid-template-columns:1fr;gap:38px;height:auto!important;padding:0;perspective:none}
 .deck-ready .work-card:nth-child(n){position:relative;left:auto;top:auto;width:min(100%,360px);transform:none;opacity:1;margin:0 auto}
 .work-card .work-placeholder{aspect-ratio:auto;min-height:570px;padding:12px;overflow:hidden}
 .project-card-image{flex:none;height:230px}.project-card-copy{flex:1}
 .work-card .project-card-copy p{font-size:12px}.project-card-caption{font-size:9px}
 .project-card-footer{margin-top:18px;font-size:8px}.project-post-link .project-post-hint{opacity:1}
 header{height:auto;min-height:90px;flex-wrap:wrap;gap:16px;padding:20px 5%}nav{gap:18px;flex-wrap:wrap;font-size:12px}
 .enquiry-fields{grid-template-columns:1fr;gap:0}.enquiry-actions{align-items:flex-start;flex-direction:column}
 .contact-enquiry{margin-top:16px}.contact{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-post-hint{transition:none}}

/* Explicit contact alignment, independent of the form's position. */
.contact .contact-details{justify-self:end;min-width:0;text-align:right}
.contact-details>p{margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.contact .contact-email{font-size:clamp(18px,2vw,28px);white-space:nowrap;overflow-wrap:normal}
.contact-details .copy-email{padding:4px 0}
.contact .contact-enquiry{justify-self:center;text-align:left}
.contact .contact-back{grid-column:1/-1;justify-self:center;margin-top:20px;border:0;padding:8px;color:#9799a6}
@media(max-width:800px){.contact .contact-details{justify-self:center;text-align:center}.contact-details>p{align-items:center}.contact .contact-email{font-size:22px}.contact .contact-back{margin-top:8px}}

/* Mobile uses the same orbital deck, with touch-driven rotation. */
@media(max-width:800px){
 .work-grid.deck-ready{display:block;position:relative;height:auto!important;min-height:620px;perspective:1100px;touch-action:pan-y;isolation:isolate}
 .deck-ready .work-card:nth-child(n){position:absolute;left:50%;top:30px;width:76%;max-width:340px;margin:0;transform-origin:center;transform:translateX(calc(-50% + var(--orbit-x))) translateY(var(--orbit-y)) rotate(var(--orbit-tilt,0deg)) scale(var(--orbit-scale));z-index:var(--layer);transition:none;user-select:none}
 .deck-ready .work-card .work-placeholder{min-height:480px;height:auto;aspect-ratio:auto;padding:10px}
 .deck-ready .project-card-image{height:180px;flex:0 0 180px}
 .deck-ready .work-card .project-card-copy h3{font-size:16px;min-height:2.3em}
 .deck-ready .work-card .project-card-copy p{font-size:11px;line-height:1.5}
 .deck-ready .project-card-caption{font-size:8px}
 .deck-ready .project-card-footer{margin-top:14px}
 .selected-work{overflow:hidden}
}

.selected-work.content-section{padding-top:20px}
.reel-toolbar>.discuss-project{position:relative;top:16px}
.studio-summary .button{display:flex;width:fit-content;margin:32px auto 0}
.about-outro .button{grid-column:1 / -1;justify-self:center;margin-top:16px}
.about-outro .button>span[aria-hidden="true"]{display:none}
.about-outro .button{gap:0}
@media(min-width:801px){
 .about-outro{grid-template-columns:1fr;text-align:center;gap:24px}
 .about-outro .button{margin-top:56px}
 .about>.about-symbol-intro{grid-template-columns:minmax(0,1fr) 220px!important;justify-content:center;max-width:850px;margin-inline:auto;gap:28px 32px!important}
 .about-symbol-intro>.eyebrow{grid-column:1 / -1;text-align:center;margin:0 0 12px}
 .about-symbols{transform:none}
 .studio-introduction{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px}
 .studio-introduction{row-gap:0}
 .studio-summary{display:contents}
 .studio-summary p{grid-column:2}
 .studio-summary .button{grid-column:1 / -1;justify-self:center;margin:64px auto 0}
 .services-note .discuss-project{margin-right:40px}
 .reel-toolbar{display:grid;grid-template-columns:1fr auto 1fr}
 .reel-toolbar>button{justify-self:start}
 .reel-toolbar>.discuss-project{grid-column:2;justify-self:center}
}
@media(max-width:800px){
 .selected-work.content-section{padding-top:0;margin-top:-24px}
 .discuss-project>span[aria-hidden="true"],.studio-summary .button>span[aria-hidden="true"]{display:none}
 .discuss-project,.studio-summary .button{gap:0;white-space:nowrap}
 .reel-toolbar{flex-direction:column;align-items:center}
 .services-note .discuss-project{align-self:center}
 .studio-summary .button{display:flex;width:fit-content;margin-inline:auto}
 .about-outro .button{justify-self:center}
}

@media(min-width:801px){.deck-ready .work-card:nth-child(n){top:80px}}

@media(min-width:801px){.selected-work>.section-intro{grid-template-columns:1fr;gap:20px}.selected-work>.section-intro>div{text-align:center}.selected-work #work-title{margin-inline:auto}}


@media(min-width:801px){.credit-logo{width:150px;height:75px}.credit-logo img{width:150px;height:60px}}


@media(min-width:801px){.studio-introduction{padding-left:6%;padding-right:4%;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:48px}}
@media(min-width:801px){.team-portrait{width:75%;justify-self:center}}


@media(min-width:801px){.team-bio{position:relative;left:-32px}}