:root{
  --bg:#030b12;--bg2:#07131c;--card:#07111a;--line:#27323b;--cream:#f0e3d4;
  --text:#d4d6d7;--muted:#9aa2a8;--gold:#e7b968;--gold2:#ffd98b;--white:#fff;
  --serif:Georgia,"Times New Roman",serif;--sans:Inter,Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1120px,90%);margin:auto}.section{padding:72px 0}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.38em;text-transform:uppercase;margin-bottom:14px}.title{font-family:var(--serif);color:var(--cream);font-weight:400;line-height:.98;font-size:clamp(42px,6vw,74px);margin:0}.section-title{font-family:var(--serif);font-size:clamp(34px,4.3vw,54px);line-height:1.05;color:var(--cream);font-weight:400;margin:6px 0 20px}.lead{font-size:16px;color:#d7d8d9;max-width:620px}.gold-rule{width:40px;height:2px;background:var(--gold);margin:24px 0}.tagline{font-size:11px;letter-spacing:.38em;color:#b6b9bc;text-transform:uppercase;display:flex;align-items:center;gap:12px}.tagline:before,.tagline:after{content:"";width:38px;height:1px;background:var(--gold)}
header{position:relative;z-index:20;background:linear-gradient(#030b12f5,#030b12d5);border-bottom:1px solid #17222c}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:195px;height:auto}.links{display:flex;align-items:center;gap:34px;font-size:14px}.links a{padding:29px 0 25px;border-bottom:1px solid transparent}.links a:hover,.links a.active{color:var(--cream);border-color:var(--gold)}.cta{border:1px solid var(--gold);border-radius:14px;padding:12px 24px;color:var(--gold2);white-space:nowrap}.hamb{display:none;font-size:26px;color:var(--gold);cursor:pointer}
.hero{min-height:560px;position:relative;overflow:hidden;border-bottom:1px solid #1c2832}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030b12 0%,#030b12e8 34%,#030b1288 58%,#030b1210 100%)}.hero-bg{position:absolute;inset:0;background:url('../assets/images/hero-earth.jpg') center/cover no-repeat}.hero-inner{position:relative;z-index:2;padding:70px 0 60px}.hero-copy{max-width:600px}.hero .title{max-width:650px}.hero-note{position:absolute;z-index:3;right:6%;top:145px;color:var(--gold2);font-size:12px;letter-spacing:.38em;line-height:1.7;text-transform:uppercase;max-width:130px}.btns{display:flex;gap:14px;margin:30px 0 36px}.btn{padding:13px 28px;border-radius:8px;border:1px solid var(--gold);font-size:14px}.btn.primary{background:linear-gradient(90deg,#f5d28b,#e9b85e);color:#111;border:none}.btn:hover{transform:translateY(-1px)}
.services-grid,.values-grid,.contact-cards,.features-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-item,.value-item,.contact-card,.feature-item{padding:34px 28px;text-align:center;border-right:1px solid var(--line)}.service-item:last-child,.value-item:last-child,.contact-card:last-child,.feature-item:last-child{border-right:0}.icon{width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;color:var(--gold2);font-size:26px}.service-item h3,.value-item h3,.contact-card h3{font-family:var(--serif);font-weight:400;color:var(--cream);font-size:24px;margin:8px 0 9px}.service-item p,.value-item p,.contact-card p{margin:0;color:#b9bec2;font-size:14px}
.split{display:grid;grid-template-columns:1fr 1.2fr;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split-copy{padding:70px max(5%,calc((100vw - 1120px)/2)) 70px 5vw;display:flex;flex-direction:column;justify-content:center}.split-image{min-height:420px;background:center/cover no-repeat}.home-work{background-image:linear-gradient(90deg,#030b1200,#030b1210),url('../assets/images/home-office.jpg')}
footer{border-top:1px solid var(--line);padding:42px 0 20px;background:#030a10}.footer-grid{display:grid;grid-template-columns:1.7fr .8fr 1fr 1fr;gap:34px}.footer-brand img{width:170px}.footer-brand p{max-width:320px;color:#aeb4b8;font-size:13px}.footer-col{border-left:1px solid var(--line);padding-left:32px}.footer-col h4{color:var(--cream);font-weight:500;margin:0 0 12px}.footer-col a,.footer-col div{display:block;color:#aeb4b8;font-size:13px;margin:6px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;color:#7f8990;font-size:12px}.socials{display:flex;gap:16px;color:var(--gold2);font-weight:700;margin-top:18px}
.about-main{display:grid;grid-template-columns:1fr 1.05fr;min-height:470px}.about-copy{padding:62px 7vw 56px max(5vw,calc((100vw - 1120px)/2))}.about-photo{background:url('../assets/images/about-office.jpg') center/cover}.quote-band{background:url('../assets/images/about-galaxy.jpg') center/cover;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:42px 0}.quote-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.quote{font-family:var(--serif);font-size:clamp(28px,4vw,43px);font-style:italic;color:var(--cream);line-height:1.15}
.packages-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px}.packages{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.package{border:1px solid #384651;border-radius:18px;padding:24px 23px;background:linear-gradient(180deg,#07131d,#061018);min-height:610px}.package.featured{border:2px solid var(--gold);box-shadow:0 0 40px #c8903320}.package h3{font-family:var(--serif);font-size:22px;color:var(--gold2);margin:0 0 5px}.package .desc{font-size:12px;color:#aab2b7;min-height:42px}.price{font-family:var(--serif);font-size:36px;color:#fff;margin:15px 0 0}.monthly{font-size:11px;letter-spacing:.15em;color:#9fa7ad}.package ul{list-style:none;padding:0;margin:20px 0 0}.package li{font-size:12px;color:#ccd0d2;margin:10px 0;padding-left:21px;position:relative}.package li:before{content:"✓";position:absolute;left:0;color:var(--gold2)}.included{margin-top:28px;border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:1.2fr repeat(6,1fr);align-items:center;overflow:hidden}.included>*{padding:22px 15px;text-align:center;border-right:1px solid var(--line);font-size:12px}.included>*:last-child{border:0}.included-label{color:var(--gold);letter-spacing:.25em;font-size:11px!important}.services-bottom{display:grid;grid-template-columns:1.05fr 1fr;margin-top:34px}.notebook{min-height:340px;background:url('../assets/images/services-notebook.jpg') center/cover}.why{padding:35px 48px}.why h4{color:var(--cream);margin:0 0 4px}.why p{font-size:13px;color:#aeb4b8;margin:0 0 18px}.why-row{display:grid;grid-template-columns:44px 1fr;gap:12px}.why-ico{color:var(--gold);font-size:28px}
.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:28px 0}.vm-card{position:relative;border:1px solid #4b5660;border-radius:18px;overflow:hidden;min-height:455px;background-size:cover;background-position:center}.vm-card.vision{background-image:url('../assets/images/vision.jpg')}.vm-card.mission{background-image:url('../assets/images/mission.jpg')}.vm-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061019ef 0%,#061019bb 48%,#06101930 100%)}.vm-content{position:relative;z-index:2;padding:36px 34px;max-width:82%}.vm-content h2{font-family:var(--serif);font-weight:400;color:var(--cream);font-size:36px;line-height:1.05}.vm-content p{color:#d0d3d5;font-size:14px}
.contact-cards{border-top:0}.contact-form-wrap{display:grid;grid-template-columns:1.05fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.form-side{padding:36px max(4vw,calc((100vw - 1120px)/2)) 36px 5vw}.office-side{background:url('../assets/images/contact-office.jpg') center/cover;min-height:480px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:#07131c;border:1px solid #35424d;border-radius:8px;color:#dfe2e3;padding:13px 14px;outline:none}.form-grid textarea{grid-column:1/-1;min-height:120px;resize:vertical}.form-grid button{grid-column:1/-1;background:linear-gradient(90deg,#f5d18a,#e4b054);border:0;border-radius:8px;padding:14px;font-weight:600}.map-section{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:center;padding:30px 0}.map{height:240px;border:1px solid #384651;border-radius:15px;background:radial-gradient(circle at 62% 45%,#d29b4240 0 5%,transparent 6%),linear-gradient(135deg,#26313b 1px,transparent 1px),linear-gradient(45deg,#26313b 1px,transparent 1px),#101923;background-size:auto,38px 38px,38px 38px;position:relative;overflow:hidden}.map:before{content:"Sirius Social\A İstanbul, Türkiye";white-space:pre;position:absolute;right:32px;top:35px;background:#121d26e8;border:1px solid #33414c;border-radius:8px;padding:14px 18px;color:#e9ecee}.map:after{content:"İstanbul";position:absolute;left:25%;bottom:38px;font-family:var(--serif);font-size:25px;color:#cbd1d4}
@media(max-width:900px){.links{display:none;position:absolute;top:84px;left:0;right:0;background:#030b12;border-top:1px solid var(--line);padding:20px 6%;flex-direction:column;gap:0}.links.open{display:flex}.links a{padding:13px 0;width:100%}.nav>.cta{display:none}.hamb{display:block}.hero{min-height:590px}.hero:after{background:linear-gradient(180deg,#030b12e5,#030b12aa 55%,#030b1260)}.hero-note{display:none}.services-grid,.values-grid,.contact-cards,.features-grid{grid-template-columns:1fr 1fr}.service-item:nth-child(2),.value-item:nth-child(2),.contact-card:nth-child(2){border-right:0}.split,.about-main,.contact-form-wrap{grid-template-columns:1fr}.about-photo,.split-image,.office-side{min-height:360px}.packages{grid-template-columns:1fr 1fr}.included{grid-template-columns:1fr 1fr 1fr}.included>*{border-bottom:1px solid var(--line)}.services-bottom,.quote-grid,.footer-grid,.map-section{grid-template-columns:1fr}.footer-col{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.vm-grid{grid-template-columns:1fr}.vm-content{max-width:88%}}
@media(max-width:600px){.container{width:92%}.brand img{width:155px}.nav{height:72px}.links{top:72px}.section{padding:52px 0}.hero-inner{padding-top:50px}.btns{flex-direction:column;max-width:260px}.services-grid,.values-grid,.contact-cards,.features-grid,.packages{grid-template-columns:1fr}.service-item,.value-item,.contact-card,.feature-item{border-right:0;border-bottom:1px solid var(--line)}.package{min-height:auto}.included{grid-template-columns:1fr 1fr}.included-label{grid-column:1/-1}.vm-content h2{font-size:30px}.form-grid{grid-template-columns:1fr}.form-grid textarea,.form-grid button{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}.map-section{grid-template-columns:1fr}}


/* ===== V2 PREMIUM MOTION LAYER ===== */
body{overflow-x:hidden;background:
  radial-gradient(circle at 12% 8%,rgba(31,60,83,.10),transparent 28%),
  radial-gradient(circle at 88% 14%,rgba(231,185,104,.05),transparent 22%),
  var(--bg)}
body.page-boot{overflow:hidden}
::selection{background:rgba(231,185,104,.28);color:#fff}

#page-loader{position:fixed;inset:0;z-index:9999;background:#02070c;display:grid;place-items:center;opacity:1;visibility:visible;transition:opacity .55s ease,visibility .55s ease;overflow:hidden}
#page-loader:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 52%,rgba(231,185,104,.11),transparent 18%),radial-gradient(circle at 50% 50%,rgba(40,79,116,.13),transparent 40%);animation:loaderAura 2.8s ease-in-out infinite}
#page-loader:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.03) 48%,transparent 54%);transform:translateX(-100%);animation:loaderSweep 2s ease-in-out infinite}
.loader-card{position:relative;width:min(520px,82vw);display:grid;place-items:center;transform:scale(.965);animation:loaderIn .65s cubic-bezier(.2,.8,.2,1) forwards}
.loader-card img{width:100%;max-height:55vh;object-fit:contain;filter:drop-shadow(0 0 18px rgba(231,185,104,.16));border-radius:18px}
.loader-star{position:absolute;left:50%;top:49%;width:10px;height:10px;border-radius:50%;background:#fff6d7;box-shadow:0 0 10px #fff,0 0 28px #f2c56f,0 0 60px rgba(231,185,104,.75);transform:translate(-50%,-50%);animation:starPulse 1.25s ease-in-out infinite}
.loader-star:before,.loader-star:after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,#fff8d6,transparent);transform:translate(-50%,-50%)}
.loader-star:before{width:110px;height:1px}.loader-star:after{width:1px;height:110px;background:linear-gradient(180deg,transparent,#fff8d6,transparent)}
.loader-caption{margin-top:14px;color:#d8b46e;font-size:10px;letter-spacing:.42em;text-transform:uppercase;opacity:.78}
body.loaded #page-loader{opacity:0;visibility:hidden;pointer-events:none}
body.page-leaving #page-loader{opacity:1;visibility:visible;pointer-events:auto}
body.page-leaving #page-loader .loader-card{animation:loaderIn .38s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes loaderIn{from{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes loaderAura{0%,100%{transform:scale(.92);opacity:.58}50%{transform:scale(1.08);opacity:1}}
@keyframes loaderSweep{0%{transform:translateX(-115%)}60%,100%{transform:translateX(115%)}}
@keyframes starPulse{0%,100%{transform:translate(-50%,-50%) scale(.8);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.35);opacity:1}}

header{position:sticky;top:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(180deg,rgba(3,11,18,.90),rgba(3,11,18,.70));transition:background .35s ease,box-shadow .35s ease,border-color .35s ease}
header.scrolled{background:rgba(2,8,13,.91);box-shadow:0 12px 36px rgba(0,0,0,.34);border-color:rgba(231,185,104,.15)}
.brand img{transition:transform .35s ease,filter .35s ease}.brand:hover img{transform:scale(1.025);filter:drop-shadow(0 0 12px rgba(231,185,104,.22))}
.links a{position:relative;transition:color .25s ease}.links a:after{content:"";position:absolute;left:50%;right:50%;bottom:20px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transition:left .3s ease,right .3s ease}.links a:hover:after,.links a.active:after{left:0;right:0}.links a:hover,.links a.active{border-color:transparent}
.cta,.btn{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}.cta:before,.btn:before{content:"";position:absolute;top:0;bottom:0;width:55px;left:-80px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);transition:left .55s ease}.cta:hover:before,.btn:hover:before{left:120%}.cta:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(231,185,104,.12)}

.hero{isolation:isolate}.hero-bg{transform:scale(1.04);animation:heroDrift 14s ease-in-out infinite alternate;will-change:transform}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 73% 31%,rgba(231,185,104,.12),transparent 17%),linear-gradient(180deg,transparent 70%,rgba(3,11,18,.28));pointer-events:none}.hero-inner,.hero-note{z-index:3}.hero-copy>*{opacity:0;transform:translateY(18px);animation:heroReveal .75s cubic-bezier(.2,.8,.2,1) forwards}.hero-copy>*:nth-child(1){animation-delay:.18s}.hero-copy>*:nth-child(2){animation-delay:.29s}.hero-copy>*:nth-child(3){animation-delay:.40s}.hero-copy>*:nth-child(4){animation-delay:.51s}.hero-copy>*:nth-child(5){animation-delay:.62s}.hero-note{opacity:0;animation:fadeIn 1s ease .75s forwards}
@keyframes heroReveal{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes heroDrift{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.085) translate3d(-.6%,.2%,0)}}

.section,.split,.about-main,.quote-band,.contact-form-wrap,.map-section,.vm-grid,.packages-head,.packages,.included,.services-bottom,.features-grid,.values-grid,.contact-cards{position:relative}
.section:before{content:"";position:absolute;left:50%;top:0;width:min(900px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(231,185,104,.13),transparent)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}
.reveal-stagger>*{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal-stagger.in-view>*{opacity:1;transform:none}.reveal-stagger.in-view>*:nth-child(2){transition-delay:.08s}.reveal-stagger.in-view>*:nth-child(3){transition-delay:.16s}.reveal-stagger.in-view>*:nth-child(4){transition-delay:.24s}.reveal-stagger.in-view>*:nth-child(5){transition-delay:.32s}.reveal-stagger.in-view>*:nth-child(6){transition-delay:.40s}

.service-item,.value-item,.contact-card,.feature-item,.package,.included>*{transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.service-item:hover,.value-item:hover,.contact-card:hover,.feature-item:hover{background:linear-gradient(180deg,rgba(231,185,104,.035),rgba(255,255,255,.01));transform:translateY(-4px)}.service-item:hover .icon,.value-item:hover .icon,.contact-card:hover .icon{box-shadow:0 0 28px rgba(231,185,104,.16);transform:rotate(-3deg) scale(1.04)}.icon{transition:transform .3s ease,box-shadow .3s ease}
.package:hover{transform:translateY(-7px);border-color:rgba(231,185,104,.60);box-shadow:0 18px 45px rgba(0,0,0,.25)}.package.featured:hover{box-shadow:0 18px 55px rgba(200,144,51,.16)}

.split-image,.about-photo,.office-side,.notebook,.vm-card{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease;background-attachment:scroll}.split:hover .split-image,.about-main:hover .about-photo,.contact-form-wrap:hover .office-side{filter:saturate(1.05) contrast(1.03)}
.gold-rule{position:relative;overflow:visible}.gold-rule:after{content:"";position:absolute;right:-2px;top:50%;width:6px;height:6px;background:#fff4cc;border-radius:50%;transform:translate(50%,-50%);box-shadow:0 0 8px #fff,0 0 18px var(--gold);animation:ruleGlow 2.4s ease-in-out infinite}@keyframes ruleGlow{50%{opacity:.35;transform:translate(50%,-50%) scale(.7)}}

.form-grid input,.form-grid select,.form-grid textarea{transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:rgba(231,185,104,.72);box-shadow:0 0 0 3px rgba(231,185,104,.08);background:#091823}.form-grid button{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.form-grid button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(231,185,104,.14)}
footer{position:relative}footer:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.25}

@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.hero-bg{transform:none!important}.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}}
@media(max-width:900px){#page-loader .loader-card{width:min(420px,88vw)}.hero-bg{animation-duration:18s}.links a:after{bottom:8px}.reveal{transform:translateY(18px)}}


/* V3 — typography, alignment, vector icons and real map */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Cormorant+Garamond:wght@400;500;600&display=swap');
:root{--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
body{font-family:var(--sans);font-size:15px;letter-spacing:-.012em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.title,.section-title,.service-item h3,.value-item h3,.contact-card h3,.package h3,.price,.quote,.vm-content h2,.map-section .section-title{font-family:var(--serif);letter-spacing:-.025em}
.title{font-weight:500}.section-title{font-weight:500}.lead{line-height:1.75}.eyebrow{font-weight:600;letter-spacing:.31em}.links{font-weight:500}.cta{font-weight:600}
.services-grid,.values-grid,.contact-cards,.features-grid{align-items:stretch}
.service-item,.value-item,.contact-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100%;padding:34px 30px}
.service-item h3,.value-item h3,.contact-card h3{display:flex;align-items:center;justify-content:center;min-height:58px;margin:2px 0 10px;font-size:23px;line-height:1.18}
.service-item p,.value-item p,.contact-card p{max-width:265px;line-height:1.65}
.icon{flex:0 0 auto;margin-bottom:18px}.ui-icon{width:26px;height:26px}.icon .ui-icon{width:27px;height:27px}
.package{display:flex;flex-direction:column}.package .desc{min-height:44px;line-height:1.45}.package ul{flex:1}.package h3{font-weight:600;letter-spacing:-.015em}.price{font-weight:500;letter-spacing:-.015em}
.included-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:82px}.included-icon{width:23px;height:23px;color:var(--gold2)}.included-item span{white-space:nowrap}
.why-ico{display:grid;place-items:center;width:44px;height:44px;color:var(--gold)}.why-svg{width:29px;height:29px}
.feature-item{display:flex;align-items:center;justify-content:center;gap:10px}.feature-icon{width:20px;height:20px;color:var(--gold2)}
.socials,.contact-socials{display:flex;align-items:center;gap:11px}.socials a,.contact-socials a{width:34px;height:34px;border:1px solid rgba(231,185,104,.35);border-radius:50%;display:grid;place-items:center;color:var(--gold2);transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.socials a:hover,.contact-socials a:hover{transform:translateY(-2px);background:rgba(231,185,104,.09);border-color:var(--gold);box-shadow:0 8px 24px rgba(231,185,104,.12)}.social-icon{width:17px;height:17px}.footer-brand .socials{margin-top:18px}.contact-socials{justify-content:center;margin:3px 0 8px}
.contact-primary{color:#fff;font-weight:600;margin:-1px 0 6px;transition:color .2s ease}.contact-primary:hover{color:var(--gold2)}
.footer-contact{display:flex!important;align-items:center;gap:9px;color:#aeb4b8!important}.footer-contact:hover{color:var(--gold2)!important}.mini-icon{width:16px;height:16px;color:var(--gold2);flex:0 0 auto}
.map{background:#0d151d;height:260px}.map:before,.map:after{display:none}.map-frame{width:100%;height:100%;border:0;filter:grayscale(.78) saturate(.65) brightness(.62) contrast(1.14)}.map-badge{position:absolute;right:22px;top:22px;z-index:2;background:rgba(5,13,20,.9);border:1px solid rgba(231,185,104,.38);border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:2px;box-shadow:0 14px 35px rgba(0,0,0,.25);pointer-events:none}.map-badge strong{color:var(--cream);font-family:var(--serif);font-size:16px}.map-badge span{font-size:12px;color:#b9c0c5}
.form-grid select{appearance:auto}.form-grid option{background:#08151e;color:#eef0f1}
.footer-grid{align-items:start}.footer-col h4{font-weight:600}.footer-col a,.footer-col div{line-height:1.45}
@media(max-width:900px){.service-item h3,.value-item h3,.contact-card h3{min-height:auto}.socials a,.contact-socials a{width:32px;height:32px}.included-item span{white-space:normal}.map-badge{right:12px;top:12px}.map-section{grid-template-columns:1fr}.map{height:300px}}

/* V4 — refined editorial typography */
body{font-size:15px;letter-spacing:-.006em;line-height:1.62}
.title{font-weight:500;letter-spacing:-.035em;line-height:.92}
.section-title{font-weight:500;letter-spacing:-.028em;line-height:.98}
.service-item h3,.value-item h3,.contact-card h3{font-weight:500;letter-spacing:-.018em;font-size:26px;line-height:1.08}
.package h3{font-size:24px}.price{font-size:39px}.quote{font-weight:400}
.links,.lead,.service-item p,.value-item p,.contact-card p,.package li,.package .desc,.footer-col,.footer-brand p{letter-spacing:-.006em}
.map-badge{max-width:310px}.map-badge span{line-height:1.4}
.footer-contact span{line-height:1.4}
@media(max-width:600px){.title{line-height:.96}.service-item h3,.value-item h3,.contact-card h3{font-size:24px}}


/* V5 — price typography, full-color map, clickable location */
.price{
  font-family:var(--sans);
  font-size:36px;
  font-weight:600;
  letter-spacing:-.035em;
  line-height:1.08;
  white-space:nowrap;
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
}
.package.featured .price{font-size:34px}
.map-frame{filter:none!important}
.footer-contact.location-link{cursor:pointer}
.footer-contact.location-link span{text-decoration:none}
.footer-contact.location-link:hover span{color:var(--gold2)}
.contact-card .office-link{display:block;color:#fff;font-weight:600;margin:-1px 0 6px;line-height:1.45}
.contact-card .office-link:hover{color:var(--gold2)}
@media(max-width:1100px){.price{font-size:33px}.package.featured .price{font-size:31px}}
@media(max-width:900px){.price,.package.featured .price{font-size:36px}}

/* V8 Motion Layer — design-preserving premium animation system */
html{overflow-x:hidden}
body{overflow-x:hidden}
header{transition:background-color .34s ease,box-shadow .34s ease,border-color .34s ease,backdrop-filter .34s ease;-webkit-transition:background-color .34s ease,box-shadow .34s ease,border-color .34s ease,-webkit-backdrop-filter .34s ease}
header.scrolled{background:rgba(3,11,18,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.16);border-bottom-color:rgba(231,185,104,.14)}

/* Loader keeps the existing Sirius artwork; only timing/movement is refined. */
#page-loader{will-change:transform,opacity}
#page-loader .loader-card img{will-change:transform,opacity}
.page-boot #page-loader .loader-card img{animation:premiumLogoIn .72s cubic-bezier(.2,.8,.2,1) both}
.page-boot #page-loader .loader-caption{animation:premiumCaptionIn .55s ease .18s both}
@keyframes premiumLogoIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@keyframes premiumCaptionIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* Hero line masks are generated at runtime without changing copy. */
.hero-title-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.hero-title-line>span{display:block;will-change:transform,opacity}
.hero-bg{will-change:transform,opacity,background-position}

/* Editorial reveal masks. */
.motion-title-wrap{overflow:hidden}
.motion-title-mask{will-change:transform,opacity}

/* Micro interactions: no structural or visual redesign. */
.motion-button{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,background-color .32s ease,border-color .32s ease,color .32s ease!important;will-change:transform}
.motion-button:hover{transform:translateY(-2px) scale(1.015)}
.motion-button:active{transform:translateY(0) scale(.99)}
.btn,.cta{position:relative;overflow:hidden}
.btn::after,.cta::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.11) 48%,transparent 75%);transform:translateX(-125%);transition:transform .55s ease;pointer-events:none}
.btn:hover::after,.cta:hover::after{transform:translateX(125%)}

.motion-card{position:relative;transition:transform .34s cubic-bezier(.2,.8,.2,1),border-color .34s ease,box-shadow .34s ease,background-color .34s ease!important;will-change:transform}
.service-item.motion-card:hover,.value-item.motion-card:hover,.contact-card.motion-card:hover,.feature-item.motion-card:hover{transform:translateY(-6px);box-shadow:0 15px 42px rgba(0,0,0,.16),0 0 28px rgba(231,185,104,.035)}
.package.motion-card:hover{transform:translateY(-6px);border-color:rgba(231,185,104,.62);box-shadow:0 18px 50px rgba(0,0,0,.24),0 0 34px rgba(231,185,104,.055)}
.motion-card .icon,.motion-card .ui-icon,.motion-card .feature-icon{transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease,color .34s ease}
.motion-card:hover .icon{transform:scale(1.05) rotate(-2deg);box-shadow:0 0 26px rgba(231,185,104,.13)}
.motion-card:hover .ui-icon,.motion-card:hover .feature-icon{transform:scale(1.06)}

.socials a,.contact-socials a{transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}
.socials a:hover,.contact-socials a:hover{transform:translateY(-2px) scale(1.06);color:var(--gold2);box-shadow:0 7px 24px rgba(231,185,104,.14),0 0 16px rgba(231,185,104,.07)}

/* Image hover is intentionally subtle and does not alter dimensions. */
.split-image,.about-photo,.office-side,.notebook,.vm-card{will-change:transform,background-position}
.vm-card{transition:transform .6s cubic-bezier(.2,.8,.2,1),border-color .35s ease,filter .5s ease}
.vm-card:hover{transform:scale(1.008);border-color:rgba(231,185,104,.55)}

/* End-of-page CTA-like areas get a quiet ambient gold movement. */
.split-copy,.form-side{position:relative;isolation:isolate}
.split-copy::before,.form-side::before{content:"";position:absolute;width:240px;height:240px;right:2%;top:20%;border-radius:50%;background:radial-gradient(circle,rgba(231,185,104,.055),transparent 68%);filter:blur(18px);z-index:-1;animation:ambientGlow 7s ease-in-out infinite alternate;pointer-events:none}
@keyframes ambientGlow{from{transform:translate3d(-8px,4px,0) scale(.94);opacity:.48}to{transform:translate3d(10px,-5px,0) scale(1.08);opacity:.8}}

/* Desktop-only, low-cost cursor glow. */
.cursor-glow{position:fixed;left:-90px;top:-90px;width:180px;height:180px;border-radius:50%;pointer-events:none;z-index:9998;background:radial-gradient(circle,rgba(231,185,104,.075) 0%,rgba(231,185,104,.025) 38%,transparent 70%);filter:blur(5px);opacity:.72;will-change:transform;transform:translate3d(-200px,-200px,0)}

@media(max-width:900px){
  .cursor-glow{display:none}
  .motion-button:hover,.service-item.motion-card:hover,.value-item.motion-card:hover,.contact-card.motion-card:hover,.feature-item.motion-card:hover,.package.motion-card:hover,.vm-card:hover{transform:none}
  .split-copy::before,.form-side::before{animation:none;opacity:.45}
  .hero-title-line>span{will-change:auto}
}

@media(prefers-reduced-motion:reduce){
  .hero-title-line,.hero-title-line>span,.motion-title-wrap,.motion-title-mask{overflow:visible!important;opacity:1!important;transform:none!important}
  .cursor-glow{display:none!important}
  .split-copy::before,.form-side::before{animation:none!important}
  .motion-button:hover,.motion-card:hover,.vm-card:hover,.socials a:hover,.contact-socials a:hover{transform:none!important}
}

/* Disable the legacy CSS entrance animation when GSAP owns the motion timeline. */
body.gsap-ready .hero-bg{animation:none}
body.gsap-ready .hero-copy>*{opacity:1;transform:none;animation:none}
body.gsap-ready .hero-note{opacity:1;animation:none}
body.gsap-ready #page-loader .loader-card{animation:none}
body.gsap-ready.page-leaving #page-loader .loader-card{animation:none}