@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0d0d12;--panel:#16161f;--line:#2d2c37;--text:#f5f3f9;--muted:#b4b1c0;--accent:#258fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand span{font-weight:400}.brand i{font-size:12px;vertical-align:top;margin-left:3px;font-style:normal;color:var(--accent)}nav{display:flex;gap:32px;font-size:14px}nav a:hover,.text-link:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 25px;border-radius:5px;background:#d9b65f;color:#151020;font-weight:700;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#f0d58c;transform:translateY(-2px)}.button.small{padding:11px 20px;font-size:14px;background:transparent;border:1px solid #75628e;color:var(--text)}.hero{min-height:660px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 56%;opacity:.7}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,16,.96),rgba(9,9,16,.64) 48%,rgba(9,9,16,.06)),linear-gradient(0deg,#0d0d12,transparent 40%)}.hero-content{position:relative;padding:65px 7% 120px;max-width:1050px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--accent);margin:0 0 23px}.eyebrow span{display:inline-block;width:20px;height:1px;background:var(--accent);vertical-align:middle;margin-right:9px}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.12;margin:0;font-weight:600}h1{font-size:clamp(46px,5.7vw,82px);letter-spacing:-3.5px}em{font-style:normal;color:var(--accent)}.intro{font-size:18px;max-width:540px;color:#d0cbd9;line-height:1.75;margin:25px 0 31px}.actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.text-link{font-size:14px;border-bottom:1px solid #817b90;padding-bottom:4px}.hero-bottom{position:absolute;bottom:28px;left:7%;right:7%;display:flex;justify-content:space-between;gap:20px;color:#b0a9bd;font-size:10px;letter-spacing:1.7px}.proof{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 7%;border-block:1px solid var(--line)}.proof div{padding-left:28px;border-left:1px solid var(--line)}.proof div:first-child{padding-left:0;border:0}.proof strong{display:block;font-size:20px;font-family:Manrope}.proof span{font-size:13px;color:var(--muted)}.section{padding:100px 7%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:42px}h2{font-size:clamp(34px,3.5vw,49px);letter-spacing:-1.8px}.section-heading>p{max-width:370px;color:var(--muted);margin:0}.tabs{display:flex;border-bottom:1px solid var(--line);gap:36px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:17px 0;cursor:pointer;font-size:15px;text-align:left}.tabs button[aria-selected=true]{color:var(--text);border-color:var(--accent)}.service-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding-top:40px}.number{font-size:14px;color:var(--accent)}.service-lead h3{font-size:32px;margin:20px 0}.service-lead p{color:var(--muted);max-width:440px;margin-bottom:28px}.service-items article{padding:20px 0;border-bottom:1px solid var(--line)}.service-items article:first-child{padding-top:0}.service-items h4{font-size:17px;margin:0 0 5px;font-weight:500}.service-items p{font-size:14px;color:var(--muted);margin:0}.production{display:grid;grid-template-columns:1fr 1fr;gap:95px;background:radial-gradient(ellipse at 0% 100%,#29203d,transparent 65%),#15141d;border-block:1px solid var(--line)}.production-intro>p:not(.eyebrow){color:var(--muted);margin:26px 0 30px;max-width:440px}.production-list article{display:flex;gap:25px;padding:23px 0;border-bottom:1px solid #37333f}.production-list article:first-child{padding-top:0}.production-list article>span{color:var(--accent);font-size:12px;padding-top:3px}.production-list h3{font-size:19px}.production-list p{color:var(--muted);font-size:14px;margin:10px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid #595164;padding-top:24px}.steps span{font-size:12px;letter-spacing:1.5px;color:var(--accent)}.steps h3{font-size:22px;margin:20px 0 15px}.steps p{color:var(--muted);font-size:15px;margin:0}.project{margin:0 5%;padding:65px 5%;border:1px solid #534065;border-radius:10px;background:linear-gradient(120deg,#252031,#16161f);display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.project>div>p:not(.eyebrow){max-width:430px;color:var(--muted);margin:22px 0}.project .micro{font-size:12px!important}.project aside{border-left:1px solid #504457;padding-left:45px;align-self:center}.project aside h3{font-size:22px;line-height:1.4}.project ul{padding-left:20px;color:#d1cbdb;font-size:15px;line-height:2}.project aside>p{font-size:13px;color:var(--muted)}.faq{max-width:1000px;margin:auto;padding-block:85px}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:25px}summary::after{content:'+';color:var(--accent);font-size:23px;line-height:1}details[open] summary::after{content:'−'}details p{color:var(--muted);font-size:15px;max-width:720px}footer{padding:40px 7%;border-top:1px solid var(--line);display:flex;gap:35px;align-items:flex-start;justify-content:space-between}footer>p{color:var(--muted);font-size:14px;margin:5px 0}footer>div{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;gap:4px}footer>div>span,.credit{color:var(--muted);font-size:12px}@media(min-width:1600px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:800px){header{height:76px}.brand{font-size:21px}nav{display:none}.hero{min-height:650px}.hero-content{padding-inline:6%}h1{letter-spacing:-2px}.hero-shade{background:linear-gradient(90deg,#0d0d12e8,#0d0d1290),linear-gradient(0deg,#0d0d12,transparent)}.hero-bottom span:last-child{display:none}.hero-bottom{font-size:9px;flex-direction:column;gap:8px}.proof{grid-template-columns:1fr 1fr;gap:25px}.proof div:nth-child(3){padding-left:0;border:0}.proof strong{font-size:17px}.section{padding:65px 6%}.section-heading{display:block}.section-heading>p{margin-top:25px}.tabs{gap:20px}.tabs button{font-size:13px}.service-panel,.production,.project{grid-template-columns:1fr;gap:40px}.service-lead h3{font-size:29px}.steps{grid-template-columns:1fr;gap:30px}.project{padding:40px 7%}.project aside{padding:25px 0 0;border-left:0;border-top:1px solid #504457}footer{flex-wrap:wrap}footer>div{align-items:flex-start}.intro{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Silver perimeter lights on the hero and production panels. */
@property --silver-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
.hero,.production{position:relative;isolation:isolate}
.hero::after,.production::after{
  content:'';position:absolute;inset:0;z-index:3;pointer-events:none;
  padding:3px;border-radius:inherit;
  background:conic-gradient(from var(--silver-angle),#74798455 0deg,#b8c0cc80 200deg,#e1e6ed 258deg,#fff 278deg,#c6cdd8 289deg,#74798455 316deg);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
  animation:silver-orbit 7s linear infinite,silver-glint 5s ease-in-out infinite;
}
.production::after{animation-duration:9s,6s;animation-delay:-3s,-2s}
@keyframes silver-orbit{to{--silver-angle:360deg}}
@keyframes silver-glint{0%,65%,100%{filter:brightness(1)}75%{filter:brightness(1.7)}85%{filter:brightness(1.1)}}
@media(prefers-reduced-motion:reduce){.hero::after,.production::after{animation:none;--silver-angle:45deg;filter:none}}

.hero-slide{opacity:0;visibility:hidden;transition:none}
.hero-slide.is-active{opacity:.7;visibility:visible}
.hero-logo{object-fit:contain;object-position:85% center;padding:36px 4% 65px 52%;background:#09090f}
.hero-logo.is-active{opacity:1}
.slideshow-toggle{position:absolute;right:7%;bottom:70px;z-index:4;border:1px solid #a9a2b8;border-radius:4px;padding:8px 13px;background:#13121dde;color:#fff;font:inherit;font-size:13px;cursor:pointer}
.hero-content{z-index:2}.hero-bottom{z-index:2}
@media(max-width:800px){.hero-logo{padding:20px;object-position:center;opacity:.3}.hero-logo.is-active{opacity:.35}.slideshow-toggle{bottom:88px}}

/* Original logo with a silver edge tracer and soft optical highlights. */
header{height:128px}
.header-logo{position:relative;display:block;flex:0 0 110px;width:110px;height:110px;isolation:isolate;border-radius:50%}
.header-logo img{display:block;width:100%;height:100%;object-fit:contain}
.logo-trace{position:absolute;inset:3%;border-radius:50%;padding:2px;pointer-events:none;background:conic-gradient(from var(--silver-angle),transparent 0deg,transparent 225deg,#9ba5b680 255deg,#edf2fa 286deg,#fff 300deg,transparent 326deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;filter:drop-shadow(0 0 4px #e3eaff);animation:silver-orbit 4s linear infinite}
.logo-glare{position:absolute;inset:5%;border-radius:50%;pointer-events:none;background:linear-gradient(115deg,transparent 40%,#eaf0ff25 46%,#ffffffb0 50%,#eaf0ff25 54%,transparent 60%);background-size:300% 100%;background-position:150% 0;mix-blend-mode:screen;opacity:0;animation:logo-sheen 6s ease-in-out infinite}
.logo-sparkle{position:absolute;width:26px;height:26px;top:15%;right:9%;pointer-events:none;background:radial-gradient(ellipse 8% 50% at center,#fff 0%,#f4f7ffcc 45%,transparent 100%),radial-gradient(ellipse 50% 8% at center,#fff 0%,#f4f7ffcc 45%,transparent 100%),radial-gradient(circle at center,#fff 0%,#eaf0ff88 12%,transparent 55%);filter:drop-shadow(0 0 4px #cdd9f9);animation:logo-spark 4s ease-in-out infinite}
@keyframes logo-sheen{0%,30%{opacity:0;background-position:150% 0}40%{opacity:.7}62%{opacity:0;background-position:-50% 0}100%{opacity:0;background-position:-50% 0}}
@keyframes logo-spark{0%,45%,100%{opacity:.15;transform:scale(.5)}65%{opacity:1;transform:scale(1.15)}80%{opacity:.3;transform:scale(.7)}}
@media(max-width:800px){header{height:108px;gap:16px}.header-logo{width:90px;height:90px;flex-basis:90px}}
@media(prefers-reduced-motion:reduce){.logo-trace,.logo-glare,.logo-sparkle{animation:none}.logo-trace{--silver-angle:45deg}.logo-glare{opacity:0}.logo-sparkle{opacity:.55}}

.header-contact{display:flex;align-items:center;gap:22px}
.header-phone{color:#fff;font-size:18px;font-weight:700;white-space:nowrap}
.header-phone:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1000px){.header-contact{flex-direction:column;align-items:flex-end;gap:8px}.header-phone{font-size:16px}}
@media(max-width:380px){header{padding-inline:5%;gap:12px}.header-contact .button.small{padding:8px 16px}}

button.button{border:0;cursor:pointer}
#booking-dialog{width:min(580px,calc(100% - 32px));max-height:85vh;overflow:auto;background:#18151f;color:#fff;border:1px solid #877498;border-radius:12px;padding:38px;font:inherit}
#booking-dialog::backdrop{background:#05040ccc;backdrop-filter:blur(5px)}
#booking-dialog h2{font-size:30px;letter-spacing:-1px}
#booking-dialog p{color:#cbc4d4}
.booking-close{position:absolute;right:12px;top:8px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer;padding:4px 10px}
.booking-email{font-weight:700;overflow-wrap:anywhere}
.booking-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.booking-options .email-app{background:#34303e;color:#fff}
#copy-inquiry{border:1px solid #82758e;border-radius:5px;background:transparent;color:#fff;padding:12px 18px;cursor:pointer}
.booking-note,#booking-status{font-size:14px}#booking-copy{width:100%;min-height:230px;background:#0d0d12;color:#fff;padding:12px;font:inherit}
@media(max-width:480px){#booking-dialog{padding:32px 22px}}
#contact-form{display:grid;gap:14px;margin:22px 0}#contact-form label{display:grid;gap:5px;font-size:14px;color:#eee8f5}#contact-form input,#contact-form textarea{width:100%;background:#0d0d12;border:1px solid #685d75;border-radius:5px;color:#fff;padding:11px;font:inherit;font-size:16px}#contact-form .booking-note{margin:0}#contact-form textarea{resize:vertical}
.header-contact-link{border:0;background:transparent;color:#fff;font:inherit;font-size:14px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
@media(max-width:1000px){header{height:140px}.header-contact{gap:5px}}
@media(min-width:1001px) and (max-width:1200px){header{padding-inline:3%;gap:15px}nav{gap:18px}.header-contact{gap:12px}}

.hero-bottom{flex-wrap:wrap}.hero-bottom>span{max-width:100%}

/* Electric-blue tracing lights with a soft, blended bloom. */
.hero::after,.production::after,.project::after{
 content:'';position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
 background:conic-gradient(from var(--silver-angle),#1454b977 0deg,#176beaaa 195deg,#258fff 245deg,#72d7ff 275deg,#e1faff 286deg,#2998ff 301deg,#1454b977 330deg);
 padding:3px;filter:drop-shadow(0 0 5px #168dff);
 animation:silver-orbit 7s linear infinite;
}
.hero::before,.production::before,.project::before{
 content:'';position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;padding:9px;
 background:conic-gradient(from var(--silver-angle),#0759dc33 0deg,#096cf066 195deg,#168affdd 245deg,#3cbdff 280deg,#087cff99 310deg,#0759dc33 340deg);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
 filter:blur(12px);animation:silver-orbit 7s linear infinite;
 box-shadow:inset 0 0 25px #087cff88,0 0 24px #087cff55;
}
.production::before,.production::after{animation-duration:9s;animation-delay:-3s}
.project{position:relative;isolation:isolate}
.project::before,.project::after{animation-duration:8s;animation-delay:-1s}
.logo-trace{background:conic-gradient(from var(--silver-angle),#1266da22 0deg,#1266da22 215deg,#1284ffbb 255deg,#64d1ff 286deg,#e1faff 300deg,#1266da22 330deg);filter:drop-shadow(0 0 5px #168dff) drop-shadow(0 0 10px #087cff)}
.header-logo::before{content:'';position:absolute;inset:3%;border-radius:50%;pointer-events:none;box-shadow:0 0 12px #168aff88,inset 0 0 10px #168aff55}
@media(prefers-reduced-motion:reduce){.hero::before,.hero::after,.production::before,.production::after,.project::before,.project::after,.logo-trace{animation:none;--silver-angle:45deg}}

/* Gold action buttons and a header wordmark beside the original logo. */
.button.small{background:#d9b65f;border-color:#d9b65f;color:#151020}
.button.small:hover{background:#f0d58c;border-color:#f0d58c}
.header-brand{display:flex;align-items:center;gap:16px;flex-shrink:0}
.header-wordmark{color:var(--text);font-size:24px}
@media(max-width:1200px){header nav{display:none}}
@media(max-width:600px){.header-brand{flex-direction:column;gap:0}.header-brand .header-logo{width:80px;height:80px;flex-basis:80px}.header-wordmark{font-size:18px;letter-spacing:-.7px}}

.highlight-section{padding:55px 7% 45px}.highlight-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.highlight-heading .eyebrow{margin-bottom:12px}.highlight-heading h2{font-size:clamp(28px,3.5vw,44px)}.highlight-heading>p,.highlight-note{color:var(--muted);font-size:14px}.highlight-frame{overflow:hidden;border:1px solid #258fff;border-radius:12px;box-shadow:0 0 25px #258fff35;background:#000}.highlight-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.highlight-note{margin:12px 0 0}@media(max-width:650px){.highlight-heading{display:block}.highlight-section{padding:38px 5%}.highlight-heading>p{margin-bottom:0}}
/* Service directory and individual service pages */
.work-menu{position:relative;z-index:30}.work-menu summary{cursor:pointer;list-style:none;color:var(--text)}.work-menu summary::-webkit-details-marker{display:none}.work-menu summary:after{content:'⌄';margin-left:8px;color:var(--accent)}.work-menu[open] summary{color:var(--accent)}.work-dropdown{position:absolute;top:36px;left:-20px;width:min(360px,85vw);padding:12px;background:#14151e;border:1px solid #258fff66;border-radius:10px;box-shadow:0 18px 55px #0009;max-height:70vh;overflow:auto}.work-dropdown a{display:block;padding:10px 12px;font-size:14px;white-space:normal;border-radius:5px}.work-dropdown a:hover,.work-dropdown a:focus-visible{background:#258fff18;color:#7cbaff}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.work-card{display:flex;flex-direction:column;min-height:320px;padding:27px;border:1px solid #343645;border-radius:12px;background:radial-gradient(ellipse at 100% 0%,#258fff19,transparent 65%),#15161e;transition:transform .2s,border-color .2s,box-shadow .2s}.work-card:hover{transform:translateY(-5px);border-color:#258fff;box-shadow:0 8px 30px #258fff18}.work-card-top{display:flex;justify-content:space-between;color:#73b5ff;font-size:11px;letter-spacing:1.5px;margin-bottom:34px}.work-card-top>span:last-child{font-size:24px;line-height:1}.work-card h3{font-size:23px;letter-spacing:-.5px;line-height:1.25}.work-card p{font-size:14px;color:var(--muted);line-height:1.65}.work-card-link{font-size:12px;color:#e4c77d;margin-top:auto;padding-top:20px}.work-card-link span{float:right}.work-page header{position:relative;z-index:35}.work-hero{background:radial-gradient(ellipse at 85% 15%,#14539855,transparent 60%),linear-gradient(130deg,#10111a,#080b13);border-bottom:1px solid #258fff55;padding-top:38px;padding-bottom:70px}.work-back{display:inline-block;color:#bac1d0;font-size:14px;margin-bottom:55px}.work-type{font-size:18px;color:#e4c77d;margin:0 0 18px}.work-hero h1{max-width:1000px;font-size:clamp(40px,5.5vw,76px);letter-spacing:-2px;line-height:1.08}.work-intro{font-size:20px;max-width:720px;color:#c3c7d2;line-height:1.7;margin:26px 0 32px}.work-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:45px}.work-tags span{padding:8px 14px;border:1px solid #3a4b60;border-radius:30px;font-size:12px;color:#d1dded}.work-section-intro{max-width:700px;color:var(--muted);margin:24px 0 0}.work-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:45px}.work-three article{padding-top:25px;border-top:1px solid #258fff77}.work-three h3{font-size:23px;line-height:1.25}.work-three p{color:var(--muted);font-size:16px}.work-benefits{background:#131722}.work-benefits article{border-color:#d9b65f88}.work-steps{display:grid;grid-template-columns:1fr 1fr;gap:80px}.work-steps ol{margin:0;padding-left:25px}.work-steps li{padding-left:15px;margin-bottom:26px}.work-steps li::marker{color:#258fff}.work-steps strong{font-size:20px}.work-steps p{color:var(--muted);margin:8px 0}.work-faq{padding-top:30px}.work-faq h2{margin-bottom:35px}.work-cta{background:radial-gradient(ellipse at 80% 0%,#14539844,transparent 65%),#13151d;border-block:1px solid #258fff77}.work-cta>p:not(.eyebrow){max-width:650px;color:var(--muted);margin:25px 0 32px}.work-related h2{font-size:32px}.work-related>div{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:30px}.work-related a{padding:18px 0;border-bottom:1px solid var(--line);font-size:15px}.work-related a span{float:right;color:#258fff}.work-related a:hover{color:#73b5ff}.work-menu summary:focus-visible{outline:2px solid #258fff;outline-offset:5px}@media(max-width:1100px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{min-height:280px}.work-three{gap:25px}}@media(max-width:700px){.work-grid,.work-three,.work-steps,.work-related>div{grid-template-columns:1fr}.work-card{min-height:245px}.work-card-top{margin-bottom:20px}.work-three{gap:22px}.work-steps{gap:35px}.work-hero h1{letter-spacing:-1.5px}.work-intro{font-size:18px}.work-back{margin-bottom:35px}.work-dropdown{left:50%;transform:translateX(-50%);width:min(340px,90vw)}.work-page header{height:auto;flex-wrap:wrap;padding-block:15px}.work-page nav{display:flex;order:3;width:100%;justify-content:center}.work-page .header-contact{margin-left:auto}.work-page .section{padding-left:6%;padding-right:6%}}
.work-menu{padding:0;border:0}.work-menu summary{font-size:14px;gap:0;align-items:center}.work-menu[open] summary::after{content:'⌃'}@media(max-width:1100px){body>header{height:auto;flex-wrap:wrap;padding-block:14px}body>header nav{display:flex;order:3;width:100%;justify-content:center;gap:28px}.work-dropdown{left:50%;transform:translateX(-50%)}}
/* Service hero image galleries */
.service-hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}.service-hero-copy .work-back{margin-bottom:32px}.service-hero-copy h1{font-size:clamp(38px,4.1vw,62px);letter-spacing:-1.8px}.service-hero-copy .work-intro{font-size:18px}.service-hero-copy .work-tags{margin-top:30px}.service-gallery{margin:0;min-width:0;align-self:center}.service-slide-window{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid #258fff88;border-radius:18px;background:#101722;box-shadow:0 0 36px #258fff22,0 22px 55px #0006}.service-slide{position:absolute;inset:0;background-size:300% 100%;background-repeat:no-repeat;opacity:0;transition:opacity .9s ease}.service-slide.active{opacity:1}.service-image-shade{position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#080e1ae6);pointer-events:none}.service-image-label{position:absolute;bottom:26px;left:26px;right:26px;pointer-events:none}.service-slide-count{font-size:11px;letter-spacing:2px;color:#f0d58c}.service-slide-caption{font-family:Manrope,sans-serif;font-size:23px;line-height:1.3;margin:9px 0 0;color:white}.service-gallery-controls{display:flex;align-items:center;gap:12px;margin-top:16px}.service-gallery-controls button{cursor:pointer;border:1px solid #42516a;background:#151d2a;color:#ecf2fa;border-radius:6px;min-height:40px;padding:6px 12px}.service-gallery-controls button:hover{border-color:#258fff;background:#1a2b43}.slide-dots{display:flex;gap:8px;align-items:center}.service-gallery-controls .slide-dot{padding:0;min-height:12px;width:12px;height:12px;border-radius:50%;background:#314055;border:0}.service-gallery-controls .slide-dot[aria-pressed=true]{background:#d9b65f}.service-gallery-controls .slide-pause{margin-left:auto;font-size:12px}.service-gallery figcaption{font-size:11px;letter-spacing:.3px;color:#929eaf;margin-top:10px}@media(max-width:850px){.service-hero-layout{grid-template-columns:1fr;gap:30px}.service-gallery{order:-1;width:100%;max-width:600px;margin:0 auto}.service-slide-window{aspect-ratio:1}.service-hero-copy h1{font-size:clamp(38px,7vw,56px)}.service-hero-copy .work-back{margin-bottom:22px}}@media(prefers-reduced-motion:reduce){.service-slide{transition:none}}
.category-slideshow{display:block;position:relative;aspect-ratio:1;overflow:hidden;margin:-27px -27px 24px;border-radius:11px 11px 0 0;background:#101722}.category-slide{position:absolute;inset:0;background-size:300% 100%;background-repeat:no-repeat;opacity:0;transition:opacity .6s ease}.category-slide.active{opacity:1}.category-slide-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:7px}.category-slide-dots i{width:6px;height:6px;border-radius:50%;background:#ffffff66;box-shadow:0 1px 4px #000}.category-slide-dots i.active{background:#e4c77d}.category-gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;color:#929eaf;font-size:11px}.category-gallery-toolbar button{cursor:pointer;border:1px solid #42516a;background:#151d2a;color:#ecf2fa;border-radius:6px;padding:10px 14px}.category-gallery-toolbar button:focus-visible{outline:2px solid #258fff;outline-offset:3px}.work-card .work-card-top{margin-bottom:20px}@media(prefers-reduced-motion:reduce){.category-slide{transition:none}}