/* AIOFMSTUDIO / Signature Midnight Amethyst theme
   Visual styling only. All existing sections, content, images, and controls remain intact. */
:root {
  --bg:#0b0c14;
  --bg2:#111320;
  --panel:#201d2b;
  --panel2:#282434;
  --line:rgba(229,214,247,.16);
  --muted:#b5adbd;
  --ivory:#f6f0f2;
  --peach:#dbc4ee;
  --gold:#d4b9a9;
  --signature-ink:#0b0d16;
  --signature-violet:#b4a4df;
  --signature-champagne:#efd2bd;
}
html {background:#0b0c14;}
body {background:#0b0c14; color:var(--ivory);}
::selection {background:#d6beea;color:#101020}
.page-glow {opacity:.55; filter:hue-rotate(29deg) saturate(.7);}
.page-mesh {opacity:.22;}
.page-lines {opacity:.23;}
.cursor-orb {background:radial-gradient(circle,rgba(192,166,241,.13) 0%,rgba(222,183,219,.075) 34%,transparent 70%);mix-blend-mode:screen;}

/* Controlled, nearly monochrome atmosphere avoids covering models and text. */
section#home, section#works, section#process, section#custom, section#benefits, section#contact {isolation:isolate;overflow:hidden}
section#home {background:radial-gradient(ellipse at 81% 31%,#322b42 0%,#1b1928 39%,#0b0c14 83%)}
section#works {background:linear-gradient(140deg,#11121e 0%,#171522 54%,#10111b 100%)}
section#process {background:radial-gradient(ellipse at 82% 15%,#242032 0%,#121420 55%,#0c0d15 100%)}
section#custom {background:linear-gradient(155deg,#11121d 0%,#1c1926 57%,#10111a 100%)}
section#benefits {background:radial-gradient(ellipse at 20% 50%,#272338 0%,#121321 52%,#0e101a 100%)}
section#contact {background:radial-gradient(ellipse at 80% 40%,#2b243a 0%,#191725 49%,#0d0e17 100%)}
section#home:before {opacity:.48;}
section#home .hero-inner, section#home .hero-strip {position:relative;z-index:2;}
section#works>.container,section#process>.container,section#custom>.container,section#benefits>.container,section#contact>.container{position:relative;z-index:2}
.brand-atmosphere {position:absolute;z-index:0;inset:0;pointer-events:none;overflow:hidden;contain:paint;opacity:1;--field-x:65%;--field-y:42%;}
.brand-atmosphere__glow {position:absolute;width: min(900px,75vw);height:min(900px,75vw);border-radius:50%;filter:blur(62px);will-change:transform,opacity;animation:signaturePulse 11s ease-in-out infinite alternate;}
.brand-atmosphere__glow--primary {top:4%;right:-17%;background:radial-gradient(circle,rgba(150,126,211,.20) 0%,rgba(102,97,166,.09) 33%,transparent 65%);transform:translate3d(var(--fx-near-x,0px),var(--fx-near-y,0px),0);}
.brand-atmosphere__glow--secondary {bottom:-34%;left:-24%;background:radial-gradient(circle,rgba(223,170,161,.13),rgba(192,153,182,.05) 35%,transparent 66%);transform:translate3d(var(--fx-far-x,0px),var(--fx-far-y,0px),0);animation-delay:-4s;}
.brand-atmosphere__grid {position:absolute;inset:-10%;opacity:.13;background-image:linear-gradient(rgba(230,216,243,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(230,216,243,.12) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 75% 47%,#000 4%,transparent 68%);transform:perspective(700px) rotateX(44deg) rotateZ(-11deg) translate3d(var(--fx-far-x,0px),var(--fx-far-y,0px),0);transform-origin:65% 50%;}
.brand-atmosphere__orbit {position:absolute;pointer-events:none;z-index:1;border:1px solid rgba(223,203,251,.15);border-radius:50%;box-shadow:inset 0 0 30px rgba(147,111,205,.025),0 0 50px rgba(145,121,199,.045);will-change:transform;}
.brand-atmosphere__orbit--outer{width:min(900px,86vw);height:min(355px,42vw);top:13%;right:-22%;transform:translate3d(var(--fx-near-x,0px),var(--fx-near-y,0px),0) rotate(-30deg);}
.brand-atmosphere__orbit--inner{width:min(730px,69vw);height:min(240px,32vw);bottom:4%;left:-23%;border-color:rgba(228,186,176,.13);transform:translate3d(var(--fx-far-x,0px),var(--fx-far-y,0px),0) rotate(26deg);}
.brand-atmosphere__streak {position:absolute;left:36%;top:-17%;height:128%;width:1px;background:linear-gradient(to bottom,transparent,rgba(219,195,249,.17) 29%,rgba(243,210,194,.10) 45%,transparent 70%);transform:translate3d(var(--fx-far-x,0px),var(--fx-far-y,0px),0) rotate(23deg);filter:drop-shadow(0 0 15px rgba(211,190,241,.1));}
.brand-atmosphere__stars {position:absolute;inset:0;opacity:.42;background:radial-gradient(circle at 12% 17%,rgba(247,221,246,.7) 0 1px,transparent 2px),radial-gradient(circle at 83% 33%,rgba(247,221,246,.7) 0 1px,transparent 2px),radial-gradient(circle at 78% 74%,rgba(239,207,206,.5) 0 1px,transparent 2px),radial-gradient(circle at 42% 90%,rgba(242,230,254,.7) 0 1px,transparent 2px);transform:translate3d(var(--fx-near-x,0px),var(--fx-near-y,0px),0);animation:signatureTwinkle 8s ease-in-out infinite alternate;}
/* Subtle cursor-following light, using viewport coordinates for fluidity. */
.brand-atmosphere:after{content:'';position:absolute;inset:0;opacity:.8;pointer-events:none;background:radial-gradient(ellipse 560px 400px at var(--fx-cursor-x,65%) var(--fx-cursor-y,42%),rgba(176,150,228,.085),transparent 72%);}
#home .brand-atmosphere__orbit{opacity:.7}
#works .brand-atmosphere__orbit{opacity:.48}
#process .brand-atmosphere__grid{opacity:.11}
#custom .brand-atmosphere__orbit{opacity:.65}
#benefits .brand-atmosphere__orbit{opacity:.7}
#contact .brand-atmosphere__orbit{opacity:.55}
@keyframes signaturePulse{0%,100%{opacity:.57}50%{opacity:.95}}
@keyframes signatureTwinkle{0%{opacity:.15}50%{opacity:.4}100%{opacity:.24}}

/* Brand color refresh, no layout alterations. */
.site-header{background:rgba(13,13,23,.80);border-color:rgba(232,219,250,.12);backdrop-filter:blur(26px);}
.site-header.scrolled{background:rgba(12,12,20,.95);}
.brand, .footer-logo{color:#f6eef5}
.main-nav a{color:#d1c9d5}
.main-nav a:hover{color:#f9dbe5}
.header-cta,.btn-primary,.form-submit {background:linear-gradient(116deg,#efd5c7 0%,#d7c3e7 60%,#bca9df 100%);color:#16131f;box-shadow:0 12px 35px rgba(151,119,197,.17);}
.header-cta:hover,.btn-primary:hover{background:linear-gradient(115deg,#fff1e6,#e3d3f8)}
.btn-outline {border-color:rgba(212,187,244,.34);background:rgba(178,151,216,.045)}
.btn-outline:hover {border-color:#ddc8f5;background:rgba(177,149,215,.09)}
.eyebrow,.section-kicker,.street-eyebrow,.form-top{color:#d9c1e8}
.section h2 i,.hero h1 em,.street-lookbook-header h3 em{color:#dec3e8}
.hero-halo{border-color:rgba(202,178,238,.13);box-shadow:0 0 90px rgba(145,105,217,.07)}
.hero-arc{border-color:rgba(218,199,246,.35)}
.arc-two{border-color:rgba(221,180,210,.20)}
.hero-art-frame{border:1px solid rgba(237,219,254,.13)!important;background:radial-gradient(ellipse at 50% 39%,#514656 0%,#2d2c3a 55%,#171622 100%)!important;box-shadow:0 50px 100px rgba(4,4,12,.32),inset 0 0 100px rgba(15,13,27,.20)}
.hero-photo{filter:saturate(1.02) contrast(1.035)!important}
.hero-floating{background:rgba(30,26,46,.62);border-color:rgba(218,199,245,.18)}
.work-card,.street-card,.model-card{background:linear-gradient(180deg,#24202e,#1a1824);border-color:rgba(219,203,241,.18)}
.work-card:hover,.street-card:hover,.model-card:hover{border-color:rgba(216,188,238,.56);box-shadow:0 22px 70px rgba(91,61,129,.18)}
.work-visual,.model-visual,.street-frame{background:linear-gradient(145deg,#493f54,#252230)}
.work-arrow,.model-foot>span:last-child,.street-card-footer>span:last-child{color:#dcc0ef}
.street-control{border-color:rgba(220,198,244,.35);background:#262233}
.street-control:not(:disabled):hover{background:#cbb4e7}
.street-card-footer b{color:#f4ecf8}
.street-eyebrow-line,.tiny-line{background:#cbb0df}
.step-card,.steps-premium .step-card{background:linear-gradient(155deg,rgba(34,30,46,.96),rgba(23,22,35,.97));border-color:rgba(222,206,242,.16)}
.product-panel,.result-photo-premium{background:linear-gradient(150deg,#44394b,#211e2c)}
.brief-card{background:linear-gradient(180deg,rgba(64,53,74,.50),rgba(29,27,44,.45));border-color:rgba(220,203,241,.15)}
.brief-lines span{background:rgba(196,171,224,.07);border-color:rgba(226,209,246,.12)}
.chat-head,.chat-message{border-color:rgba(228,204,241,.12)}
.section-custom{--line:rgba(228,202,244,.12)}
.custom-benefits i{color:#dbc1ef}
/* Keep realism photo and magnifier functionality intact. Only surrounding colors change. */
.section-realism{background:#171421}
.realism-shade{background:linear-gradient(90deg,rgba(14,12,24,.91),rgba(14,12,24,.70) 30%,transparent 75%),linear-gradient(0deg,rgba(15,13,25,.83) 0%,transparent 24%)}
.zoom-controls button.selected{background:#decaf0;color:#1a1520;border-color:#decaf0}
.magnifier{border-color:rgba(243,226,255,.96);box-shadow:0 10px 32px rgba(0,0,0,.45),0 0 0 9px rgba(213,177,241,.09),inset 0 0 18px rgba(255,255,255,.24)}
.highlight-box,.benefit-window,.dashboard-card,.mini-metric,.creative-audience,.contact-points>div,.contact-info-card,.contact-form-holder,.contact-wrap{background:linear-gradient(155deg,rgba(47,40,61,.78),rgba(28,25,39,.90));border-color:rgba(223,206,247,.17)}
.highlight-box b,.benefit-icon,.mini-metric b,.contact-points b{color:#dac3ef}
.audience-tags span{background:rgba(177,146,220,.07);border-color:rgba(229,208,246,.17);color:#e0d4e7}
.benefits-orbit .orbit-line{border-color:rgba(211,183,240,.56)}
.benefits-orbit .orbit-l2{border-color:rgba(242,204,211,.35)}
.benefits-orbit .orbit-core{background-image:linear-gradient(120deg,#f9e8ee 5%,#b4a1d8 48%,#f2d4c5 75%,#7a6a9f 100%)}
.dash-list span,.form-service-box{background:rgba(176,147,216,.075);border-color:rgba(226,201,247,.13)}
.contact-wrap{background:linear-gradient(135deg,rgba(45,36,60,.62),rgba(20,19,32,.64))}
.contact-pills span,.accent-chip{border-color:rgba(226,203,245,.20);background:rgba(168,137,213,.09);color:#e7d7f1}
.form-field input,.form-field textarea{background:#292434;border-color:rgba(217,197,240,.15);color:#f8f0f8}
.form-field input:focus,.form-field textarea:focus{border-color:#c9aee6;background:#302a40;box-shadow:0 0 0 3px rgba(196,162,234,.09)}
.consent input{accent-color:#c6a9e1}
.section-contact .form-small{color:#b3a6bf!important}
.contact-decor svg{filter:drop-shadow(0 0 20px rgba(185,156,223,.16))}

/* Accessibility and mobile */
@media(max-width:740px){
 .brand-atmosphere__grid{opacity:.05}
 .brand-atmosphere__glow{width:98vw;height:98vw;filter:blur(44px)}
 .brand-atmosphere__orbit--outer{width:125vw;height:56vw;right:-35%;top:15%}
 .brand-atmosphere__orbit--inner{width:90vw;height:40vw;left:-30%}
 .brand-atmosphere:after{opacity:.38}
 .header-cta{color:#15121e}
}
@media(hover:none){.brand-atmosphere:after{display:none}}
@media(prefers-reduced-motion:reduce){
 .brand-atmosphere__glow,.brand-atmosphere__stars{animation:none!important}
 .brand-atmosphere__glow,.brand-atmosphere__orbit,.brand-atmosphere__grid,.brand-atmosphere__streak,.brand-atmosphere__stars{transform:none!important;will-change:auto!important}
}