@font-face{font-family:Michroma;src:url('./assets/fonts/Michroma-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/fonts/Manrope-Variable.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#020509;--panel:#070c11;--white:#eaf2fc;--silver:#a5b3c2;--dim:#a4adb8;--line:#7893ab38;--blue:#9ac6e4;--max:1300px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:400 14px/1.6 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #c3e5ff;outline-offset:5px}section[id],main[id],#experience{scroll-margin-top:24px}.container{width:calc(100% - 140px);max-width:var(--max);margin-inline:auto}.section{padding-block:48px}.eyebrow{display:block;font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.55em}.eyebrow.blue{color:#87b8d8}.arrow-icon{width:15px;height:15px;flex-shrink:0;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;top:12px;left:16px;z-index:150;background:var(--white);color:var(--bg);padding:12px 18px;transform:translateY(-160%)}.skip-link:focus{transform:none}.scroll-progress{position:fixed;inset:0 0 auto;height:1px;transform-origin:left;transform:scaleX(0);z-index:120;background:#bcdfff}
/* Scenic plate, original emblem, light and HTML typography remain independent layers. */
.site-nav{position:absolute;top:0;left:0;right:0;height:100px;z-index:30;display:flex;align-items:center;gap:60px;padding-inline:max(64px,calc((100vw - var(--max))/2));background:linear-gradient(#02050980,transparent)}.brand{display:block;flex:0 0 auto;width:80px;height:80px}.brand img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.nav-links{display:flex;align-items:center;gap:28px;flex:1}.nav-links>a{font-size:12px;white-space:nowrap;color:#dce2e9;position:relative}.nav-links>a:not(.nav-contact)::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:#9ac6e4;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav-links>a:hover::after,.nav-links>a[aria-current]::after{transform:scaleX(1)}.nav-links .nav-contact{margin-left:auto;border:1px solid #8aadc655;border-radius:28px;padding:11px 20px;display:flex;gap:20px;align-items:center;font-size:10px;letter-spacing:.12em}.nav-contact:hover{background:#a9d8ff0c;border-color:#a9cbe1}.menu-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);background:#071019b8}.menu-toggle span{display:block;width:20px;height:1px;background:#dfefff;margin:6px auto}
.hero{height:610px;position:relative;isolation:isolate;overflow:hidden;background:#03070b}.hero-scene{position:absolute;inset:0;z-index:-4;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(1.025);will-change:transform}.hero-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}.scene-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#01030552,transparent 52%),linear-gradient(0deg,#02050966,transparent 22%,transparent 82%,#0205094d)}.hero-mist{position:absolute;left:28%;right:-5%;top:57%;bottom:9%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 59% 65%,#d1e9ff1a,transparent 61%);filter:blur(14px);animation:mistDrift 22s ease-in-out infinite alternate}.water-glint{position:absolute;z-index:-1;left:46%;right:6%;top:77%;height:8%;opacity:.35;background:radial-gradient(ellipse,#cde7fb45,transparent 66%);filter:blur(8px);animation:waterGlint 8s ease-in-out infinite alternate;pointer-events:none}.hero-inner{height:100%;position:relative}.hero-copy{position:relative;z-index:5;padding-top:129px;max-width:550px}.hero-copy h1{font:400 clamp(42px,4.05vw,60px)/1.05 Michroma,'Trebuchet MS',sans-serif;letter-spacing:-.055em;margin:13px 0 18px}.hero-copy h1>span{display:block}.hero-copy h1 .silver{background:linear-gradient(180deg,#b7c7d6 5%,#718798 65%,#a4b3c4);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy p{font-size:15px;line-height:1.65;color:#c0c5cc;max-width:450px;margin:0}.hero-actions{display:flex;gap:15px;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:43px;padding:12px 22px;border:1px solid #8eafc591;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.12em;transition:background .25s,box-shadow .25s,transform .25s}.button.primary{background:linear-gradient(150deg,#fff,#e6edf5 70%,#c5d4e2);border-color:#d8e8f8;color:#19232f;box-shadow:0 0 18px #bfdfff24,inset 0 0 0 2px #ffffff80}.button.outline{background:#02050975;color:#e2eaf1;box-shadow:inset 0 0 10px #9bc9ed0c}.button:hover{transform:translateY(-2px);box-shadow:0 0 18px #b6dbff30}.button.outline:hover{background:#1a2836}
.hero-orbit{position:absolute;width:550px;height:550px;top:29px;right:8.5%;isolation:isolate;transition:transform .4s ease-out;z-index:2}.emblem-wrap{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#02060ad9 0 60%,#04090d60 70%,transparent 72%)}.emblem-wrap img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.orbit-glow{position:absolute;inset:4%;border-radius:50%;box-shadow:0 0 22px #b6d8f33a,inset 0 0 20px #b4d7f333;animation:haloBreath 7s ease-in-out infinite}.orbit-ring{position:absolute;inset:3.5%;border-radius:50%;border:1px solid #9abacf30;z-index:2;pointer-events:none}.orbit-ring::after{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 15deg,transparent 0 71%,#dcefff18 77%,#e7f6ffb3 82%,transparent 87%);mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));animation:haloSweep 24s linear infinite}.hero-index{position:absolute;right:1.2%;top:171px;font-size:10px;letter-spacing:.12em;color:#a8b7c6}.hero-index>span{color:#8d9fac}.hero-index p{border-left:1px solid #7999b4;padding-left:12px;line-height:2.1}.hero-bottom{position:absolute;left:0;right:0;bottom:43px;display:flex;align-items:end;justify-content:space-between;z-index:6}.capability-list{display:flex;gap:24px}.capability-list>span{padding-right:25px;border-right:1px solid #bdd9ee50;font-size:23px;line-height:1.2;color:#e4eaf1}.capability-list>span:last-child{border:0}.capability-list small{display:block;margin-top:7px;font-size:8px;font-weight:600;letter-spacing:.17em;color:#bcc6d0}.hero-signature{font-size:8px;letter-spacing:.28em;line-height:1.8;color:#b8c6d5}
/* Horizontal service cards use a shared, local photographic atlas. */
.services{padding-top:25px;padding-bottom:28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:24px}.section-heading h2{font-weight:400;font-size:27px;line-height:1.12;letter-spacing:-.045em;margin:12px 0 0}.section-heading h2 em{font-style:normal;color:#a7b3c0}.section-heading>p{max-width:355px;margin:0;color:#c1c8d0;font-size:12px;line-height:1.55}.section-heading>.button{flex-shrink:0;min-height:40px;padding:10px 20px;font-size:9px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-inline:-28px}.service-card{position:relative;min-height:222px;overflow:hidden;isolation:isolate;border:1px solid #7995af3b;border-radius:5px;background:#04080c;transition:border-color .4s,box-shadow .4s}.service-image{position:absolute;top:0;bottom:0;right:-3%;width:78%;background-image:url('./assets/scenery/service-studio.webp');background-size:300% 100%;background-repeat:no-repeat;z-index:-3;transition:transform .7s ease}.service-web .service-image{background-position:0% center}.service-brand .service-image{background-position:50% center}.service-ai .service-image{background-position:100% center}.service-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020609 0%,#020609eb 32%,#0206093d 65%,transparent 100%);z-index:-2;pointer-events:none}.service-card::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--pointer-x,50%) var(--pointer-y,50%),#b6dfff15,transparent 75%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:-1}.service-content{padding:20px 24px;display:flex;align-items:start;flex-direction:column;min-height:222px}.service-number{color:#a8d8f6;font-size:10px;letter-spacing:.12em}.service-content h3{font-size:23px;font-weight:400;line-height:1.13;letter-spacing:-.045em;margin:10px 0}.service-content p{font-size:11px;line-height:1.45;color:#bec8d0;max-width:190px;margin:0 0 18px;text-wrap:pretty}.service-link{margin-top:auto;border-bottom:1px solid #9ac6e477;font-size:9px;font-weight:700;letter-spacing:.1em;color:#aad5f0;display:flex;gap:10px;align-items:center;padding-bottom:1px}.service-link .arrow-icon{width:12px;height:12px}.service-card:hover,.service-card:focus-visible{border-color:#a9d5ef91;box-shadow:0 12px 30px #0008}.service-card:hover::before,.service-card:focus-visible::before{opacity:1}.service-card:hover .service-image,.service-card:focus-visible .service-image{transform:scale(1.035) translateY(-2px)}
/* Retained honest sections: no fabricated portfolio, client proof or live backend. */
.work{border-top:1px solid var(--line);padding-top:30px}.work-placeholder{border:1px solid var(--line);min-height:170px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 30px;background:linear-gradient(120deg,#090f16,#03070c)}.work-placeholder .eyebrow{font-size:8px;letter-spacing:.3em}.work-placeholder h3{font-size:28px;font-weight:400;letter-spacing:-.04em;margin:8px 0}.work-placeholder p{font-size:12px;color:var(--dim);max-width:700px;margin:0}.placeholder-orbit{width:100px;height:100px;border-radius:50%;border:1px solid #aacde15e;display:grid;place-items:center;flex-shrink:0;letter-spacing:.15em;font-size:14px;color:#b0c3d5}.process{border-block:1px solid var(--line);background:linear-gradient(#04080b,#070e15)}.process>.container{display:grid;grid-template-columns:1fr 2fr;gap:50px}.process .section-heading{display:block;margin:0}.process .section-heading h2{font-size:36px}.process .section-heading>p{margin-top:18px}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.process-item{position:relative;border-top:1px solid #a9c8dc60;padding-top:18px}.process-item::before{content:"";width:12px;height:12px;border:1px solid #add8f6;border-radius:50%;position:absolute;top:-7px;left:0;background:#03070c;box-shadow:0 0 9px #a9d8fb30}.process-item b{font-size:12px;font-weight:500;color:#c9d7e3}.process-item h3{font-size:16px;font-weight:500;margin:4px 0}.process-item p{font-size:11px;color:#a8b5c2;line-height:1.6;margin:0}.experience{border-bottom:1px solid var(--line);background:#03070c}.experience-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.experience h2,.contact h2{font-weight:400;font-size:40px;letter-spacing:-.05em;line-height:1.12;margin:18px 0}.experience h2 em,.contact h2 em{font-style:normal;color:#a3b4c4}.experience-copy p{font-size:13px;color:var(--dim);max-width:450px}.experience-copy .muted{color:#8d9ba8}.workflow{padding:22px;border:1px solid var(--line);background:#081019}.workflow-title,.workflow-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:8px;letter-spacing:.15em;color:#b2c3d3}.live-indicator{color:#cce4fd}.workflow-track{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:24px}.workflow-track button{border:1px solid var(--line);background:#080e16;color:#a5b7c8;padding:12px 5px;font-size:10px}.workflow-track button span{display:block;font-size:9px;margin-bottom:5px;color:#e0ecf5}.workflow-track button.active{color:#fff;background:#1b2b3b;border-color:#a9d1f887}.workflow-view{text-align:center;padding:26px 15px;min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column}.workflow-count{font-size:10px;color:#aac7e7;letter-spacing:.2em}.workflow-glyph{font-size:50px;color:#c1dfff;margin:5px 0}.workflow-view h3{font-size:20px;font-weight:500;letter-spacing:-.04em;margin:7px 0}.workflow-view p{font-size:12px;color:#aab7c8;max-width:370px}.workflow-bottom{border-top:1px solid var(--line);padding-top:16px}.workflow-bottom button{border:0;background:none;color:#e4f4ff;font-size:10px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:18px}.contact p{color:var(--dim);font-size:13px;max-width:440px}.contact small{color:#a5b4c2;font-size:11px}.brief{display:flex;flex-direction:column;gap:12px;background:#081019;border:1px solid var(--line);padding:28px}.brief label{font-size:10px;font-weight:600;letter-spacing:.05em;color:#c0d6ed}.brief select,.brief textarea{border:1px solid #8ca7bd68;color:#fff;background:#03070c;padding:14px;resize:vertical;min-width:0}.brief .button{margin-top:9px;cursor:pointer}.form-status{font-size:12px;color:#c8e8fc;line-height:1.7}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:20px}.footer .brand{width:64px;height:64px}.footer>div{display:flex;flex-direction:column;gap:4px}.footer>div,.footer>span{font-size:9px;color:#9bb0c4;letter-spacing:.13em}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s ease}.js .reveal.visible{opacity:1;transform:none}
@keyframes haloBreath{50%{box-shadow:0 0 31px #bbdfff55,inset 0 0 23px #b4d7f34d}}
@keyframes haloSweep{to{transform:rotate(360deg)}}
@keyframes mistDrift{to{transform:translate3d(3%,-2%,0);opacity:.55}}
@keyframes waterGlint{to{transform:translateX(3%) scaleX(.9);opacity:.15}}
@keyframes titleEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hero-copy h1>span{animation:titleEnter 1s both}.hero-copy h1>span:nth-child(2){animation-delay:.12s}.hero-copy h1>span:nth-child(3){animation-delay:.24s}
@media(min-width:1600px){.hero{height:680px}.hero-copy{padding-top:151px}.hero-orbit{width:610px;height:610px;right:4%;top:28px}}
@media(max-width:1200px) and (min-width:801px){.container{width:calc(100% - 80px)}.site-nav{padding-inline:40px;gap:30px}.nav-links{gap:18px}.hero{height:550px}.hero-copy{padding-top:132px;max-width:50%}.hero-copy h1{font-size:4.1vw}.hero-copy p{font-size:13px}.hero-orbit{width:46vw;height:46vw;right:5%;top:65px}.hero-index{right:-1%;font-size:8px}.hero-bottom{bottom:32px}.section-heading{gap:22px}.section-heading h2{font-size:24px}.section-heading>p{max-width:280px;font-size:11px}.service-grid{margin-inline:0;gap:12px}.service-content{padding:18px}.service-content h3{font-size:21px}.service-content p{max-width:160px}.service-image{width:85%;right:-12%}.process>.container{gap:25px}.process-grid{gap:15px}}
@media(max-width:800px){.container{width:calc(100% - 48px)}.site-nav{height:86px;padding-inline:24px;justify-content:space-between}.brand{width:66px;height:66px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:85px;left:0;right:0;background:#03090ff7;border-bottom:1px solid var(--line);padding:20px 24px;flex-direction:column;align-items:stretch;gap:0;backdrop-filter:blur(15px)}.nav-links.open{display:flex}.nav-links>a{padding:11px 0;font-size:14px}.nav-links>a::after{display:none}.nav-links .nav-contact{margin:12px 0 0;align-self:start;padding:12px 18px;font-size:10px}.hero{height:940px}.hero-scene{inset:220px -250px -10px;transform:none}.hero-scene img{object-position:67% bottom}.scene-shade{background:linear-gradient(#020509 0%,#020509ee 25%,#02050914 62%,#02050960)}.hero-copy{padding-top:122px;max-width:100%}.hero-copy h1{font-size:clamp(34px,7.4vw,57px);line-height:1.09;letter-spacing:-.06em;margin-top:18px}.hero-copy p{font-size:14px;max-width:480px}.hero-copy .eyebrow{font-size:9px}.hero-orbit{width:480px;height:480px;right:calc(50% - 240px);top:425px;transition:none}.hero-index{display:none}.hero-bottom{bottom:27px}.hero-signature{font-size:7px}.capability-list{gap:18px}.capability-list>span{font-size:20px;padding-right:20px}.capability-list small{font-size:7px}.hero-mist{top:63%;left:0;bottom:5%;filter:none;animation:none}.water-glint{top:87%;filter:none;animation:none}.orbit-ring::after{animation-duration:36s}.orbit-glow{animation:none}.section-heading{flex-wrap:wrap;gap:20px;align-items:start}.section-heading>p{max-width:390px}.section-heading h2{font-size:26px}.section-heading>.button{align-self:end;margin-left:auto}.service-grid{margin:0;grid-template-columns:1fr;gap:14px}.service-card,.service-content{min-height:230px}.service-content{padding:23px 26px}.service-content h3{font-size:25px}.service-content p{font-size:12px;max-width:260px}.service-image{width:60%;right:0;background-size:300% 100%}.service-card::after{background:linear-gradient(90deg,#020609,#020609eb 30%,#02060918 70%,transparent)}.services{padding-top:30px}.section{padding-block:36px}.process>.container{display:block}.process .section-heading{margin-bottom:38px}.process .section-heading>p{max-width:450px}.process-grid{gap:20px}.experience-layout{grid-template-columns:1fr;gap:28px}.contact-layout{grid-template-columns:1fr;gap:24px}.contact h2,.experience h2{font-size:36px}.hero-copy h1>span{animation:none}.hero-scene{will-change:auto}}
@media(max-width:520px){.container{width:calc(100% - 36px)}.site-nav{height:80px;padding-inline:18px}.brand{width:62px;height:62px}.nav-links{top:79px;padding-inline:18px}.hero{height:815px}.hero-copy{padding-top:111px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.42em}.hero-copy h1{font-size:clamp(27px,7.65vw,40px);line-height:1.16;letter-spacing:-.065em;margin:17px 0 19px}.hero-copy p{font-size:12px;line-height:1.7;max-width:340px}.desktop-break{display:none}.hero-actions{gap:10px;margin-top:22px}.button{padding:12px 14px;font-size:8px;min-height:42px;gap:16px}.hero-orbit{width:340px;height:340px;right:calc(50% - 170px);top:397px}.hero-scene{inset:330px -300px -5px}.scene-shade{background:linear-gradient(#020509 0%,#020509 34%,#02050924 61%,#02050940)}.hero-bottom{bottom:30px;align-items:center}.capability-list{gap:12px}.capability-list>span{font-size:14px;padding-right:12px}.capability-list small{font-size:6px;letter-spacing:.1em;margin-top:5px}.hero-signature{display:none}.hero-mist{top:73%}.water-glint{top:90%}.section-heading h2{font-size:23px}.section-heading>p{font-size:11px}.section-heading>.button{margin-left:0}.service-content{padding:21px 18px}.service-content h3{font-size:23px}.service-content p{max-width:185px;font-size:11px}.service-image{width:80%;right:-10%}.service-card::after{background:linear-gradient(90deg,#020609 0%,#020609e8 33%,#02060930 70%,transparent)}.service-link{font-size:8px}.service-card,.service-content{min-height:228px}.work-placeholder{padding:20px;gap:18px}.work-placeholder h3{font-size:25px}.work-placeholder p{font-size:11px}.placeholder-orbit{display:none}.process-grid{grid-template-columns:1fr 1fr;gap:35px 24px}.process .section-heading h2{font-size:32px}.experience .eyebrow,.contact .eyebrow{font-size:8px;letter-spacing:.35em}.workflow{padding:16px}.workflow-track button{font-size:9px}.workflow-title,.workflow-bottom{font-size:7px;letter-spacing:.08em}.workflow-view{padding-inline:0}.workflow-view h3{font-size:18px}.brief{padding:20px}.footer{flex-wrap:wrap;gap:16px}.footer>div,.footer>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.hero-scene,.hero-orbit,.service-image,.button:hover{transform:none!important}.hero-scene{will-change:auto}}
/* Visual revision: lower the lake horizon, retain the peak, protect copy contrast. */
.brand{border-radius:50%;overflow:hidden}
@media(min-width:801px){.hero-scene{inset:-40px -3% -80px}.scene-shade{background:linear-gradient(90deg,#010305b3 0%,#01030566 34%,transparent 52%),linear-gradient(0deg,#02050988,transparent 24%,transparent 82%,#0205094d)}}
.hero-orbit{isolation:auto}.emblem-wrap{background:radial-gradient(circle,#02060acc 0 48%,#02060a80 61%,transparent 66%)}

@media(min-width:1201px) and (max-width:1599px){.hero-orbit{top:12px}}
@media(min-width:521px) and (max-width:800px){.hero{height:1000px}.hero-orbit{top:475px;width:440px;height:440px;right:calc(50% - 220px)}.hero-scene{top:280px}}
/* Refined against the exact owner-supplied reference, rather than the description. */
@media(min-width:801px){
  .hero-copy p{font-size:17px;line-height:1.5}
  .hero-actions .button{font-size:11px;padding:13px 24px;gap:26px}
  .service-number{font-size:12px}
  .service-content h3{font-size:25px}
  .service-content p{font-size:12px;max-width:208px}
  .service-link{font-size:10px}
  .services .section-heading>p{font-size:13px;max-width:365px}
  .hero-foreground{position:absolute;inset:auto -1% -2%;width:102%;height:350px;object-fit:fill;z-index:3;pointer-events:none}
}
.orbit-ring{border-color:#c4e6ff88;box-shadow:0 0 8px #daefff4d,inset 0 0 7px #c9e9ff3d}
.orbit-ring::before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 205deg,transparent 0 10%,#e4f4ffb3 23%,#fff 35%,#b7dbff70 44%,transparent 57%);mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 1px));pointer-events:none}
@media(max-width:800px){.hero-foreground{display:none}}
@media(min-width:1201px) and (max-width:1599px){.hero{height:604px}.hero-copy h1{margin-top:7px;margin-bottom:14px}.hero-copy h1>span:not(:first-child){letter-spacing:-.09em}.capability-list{transform:translateY(-10px)}}

.hero-foreground img{display:block;width:100%;height:100%;object-fit:fill}.hero-bottom::before{content:"";position:absolute;inset:-12px -24px -15px;z-index:-1;pointer-events:none;background:linear-gradient(transparent,#020509a6);border-radius:8px}

/* Owner review: integrate the unchanged artwork; no second full CSS rim. */
.hero-orbit{mix-blend-mode:screen;mask-image:linear-gradient(#000 0 77%,#000e6 85%,#00066 94%,transparent 100%)}
.emblem-wrap{background:none;mask-image:radial-gradient(circle closest-side,#000 0 94%,#000e6 97%,transparent 100%)}
.emblem-wrap::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 200deg,#0009,transparent 26%,#0002 47%,#000a 68%,#0005 88%,#0009);mask-image:radial-gradient(circle closest-side,transparent 0 85%,#000 89% 97%,transparent 100%);pointer-events:none}
.orbit-ring{inset:4.1%;border:0;box-shadow:none}
.orbit-ring::before{display:none}
.orbit-ring::after{inset:-1px;background:conic-gradient(from 285deg,transparent 0 86%,#deefff12 90%,#d9efff70 93%,transparent 97%);mask:radial-gradient(closest-side,transparent calc(100% - 1.4px),#000 calc(100% - .6px));opacity:.65}
.orbit-glow{inset:4.5%;box-shadow:none;background:conic-gradient(from 195deg,transparent 0 15%,#bddfff20 28%,#e3f2ff29 33%,transparent 46% 100%);mask-image:radial-gradient(circle closest-side,transparent 0 88%,#000 94%,transparent 100%);filter:blur(3px);animation:integrationBreath 9s ease-in-out infinite}
.emblem-contact-haze{position:absolute;inset:70% -4% 0;background:radial-gradient(ellipse at 55% 60%,#a7c8df20,transparent 65%);filter:blur(10px);pointer-events:none;z-index:4}
.hero-reflection{position:absolute;top:497px;right:8%;width:38%;height:76px;overflow:hidden;pointer-events:none;opacity:.16;z-index:1;mask-image:radial-gradient(ellipse,#000 0,transparent 70%);transform:skewX(-17deg)}
.hero-reflection i{display:block;position:absolute;left:8%;right:6%;height:2px;top:23%;background:linear-gradient(90deg,transparent,#bbdcf840 27%,#d7ebf5b3 55%,transparent 80%);filter:blur(2px);animation:lakeSpecular 8s ease-in-out infinite alternate}
.hero-reflection i:nth-child(2){left:18%;right:0;top:48%;height:1px;opacity:.5;animation-delay:-3s}
.hero-reflection i:nth-child(3){left:0;right:23%;top:72%;opacity:.3;animation-delay:-5s}
@keyframes integrationBreath{50%{opacity:.45}}
@keyframes lakeSpecular{to{transform:translateX(6%) scaleX(.83);opacity:.35}}
@media(min-width:1600px){.hero-reflection{top:568px}}
@media(max-width:1200px) and (min-width:801px){.hero-reflection{top:460px}}
@media(max-width:800px){.hero-reflection{display:none}.orbit-glow{animation:none;filter:none}.emblem-contact-haze{filter:none;opacity:.5}.hero-orbit{mask-image:linear-gradient(#000 0 80%,#000e6 89%,#00066 96%,transparent 100%)}}
/* Mobile scenery crosses the lettering: shade the backdrop softly, not the artwork. */
@media(max-width:800px){.hero-inner::before{content:"";position:absolute;top:425px;left:50%;width:480px;height:480px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse closest-side,#020509f0 0 39%,#020509c7 56%,#02050955 74%,transparent 97%);pointer-events:none;z-index:1}}
@media(min-width:521px) and (max-width:800px){.hero-inner::before{top:475px;width:440px;height:440px}}
@media(max-width:520px){.hero-inner::before{top:397px;width:340px;height:340px}}