
/* GLAM BY MARA 32.0 · additive premium interactions (no alterations to v31). */
:root{--gm32-gold:#dfc28c;--gm32-soft-gold:#ffedc7;--gm32-ease:cubic-bezier(.22,1,.36,1)}
/* 01 · Glass-like highlight across photography. Decorative children never capture input. */
.gm32-reflect-host{position:relative;isolation:isolate}
.gm32-reflection{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden;border-radius:inherit;clip-path:inset(0 round 4px)}
.gm32-reflection::before{content:"";position:absolute;top:-40%;bottom:-40%;left:-80%;width:54%;transform:translate3d(-180%,0,0) rotate(17deg);
 background:linear-gradient(90deg,transparent 0%,rgba(255,249,228,.03) 16%,rgba(255,249,235,.23) 46%,rgba(255,255,255,.31) 50%,rgba(245,223,180,.10) 61%,transparent 85%);
 filter:blur(13px);opacity:0;transition:transform 1.3s var(--gm32-ease),opacity .5s ease}
.gm32-reflect-host:hover .gm32-reflection::before,.gm32-reflect-host.gm32-light-pass .gm32-reflection::before{transform:translate3d(350%,0,0) rotate(17deg);opacity:.85}
.gm32-reflect-host .gm32-reflection::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid rgba(255,236,202,.08)}
/* 02 · Low intensity local cursor spotlight. Separate element, no card transforms. */
#gm32-spotlight{position:fixed;top:0;left:0;width:340px;height:340px;pointer-events:none;z-index:28;
 background:radial-gradient(circle,rgba(248,221,173,.16) 0%,rgba(239,195,172,.085) 31%,rgba(242,210,188,.026) 51%,transparent 72%);
 border-radius:50%;transform:translate3d(-200%, -200%,0);opacity:0;transition:opacity .38s ease;mix-blend-mode:screen;will-change:transform}
#gm32-spotlight.gm32-on{opacity:.76}
html.gbm-night #gm32-spotlight{background:radial-gradient(circle,rgba(255,220,166,.18),rgba(225,156,189,.08) 31%,transparent 73%)}
/* 03 · Magnetic motion independent of the base transform properties. */
@media(hover:hover) and (pointer:fine){
 .gm32-magnetic{translate:var(--gm32-mx,0px) var(--gm32-my,0px);transition:translate .32s var(--gm32-ease),background-color .25s,border-color .25s,color .25s,box-shadow .25s;will-change:translate}
}
/* 04 · A discreet 2px scroll progress line. */
#gm32-scroll-track{position:fixed;top:0;left:0;right:0;height:2px;z-index:25000;pointer-events:none;background:transparent;opacity:.92;transition:opacity .28s ease}
#gm32-scroll-bar{position:absolute;inset:0;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#b58453 0%,#e0bf8c 48%,#fff4d8 75%,#c79767 100%);box-shadow:0 0 9px rgba(217,173,104,.45);will-change:transform}
html.gbm-lock-scroll #gm32-scroll-track{opacity:0}
/* 05 · Border glow in transparent child layer, leaving v31 ::after untouched. */
.gm32-glass-host{position:relative}
.gm32-glass-edge{position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;opacity:0;
 border:1px solid rgba(255,235,194,.0);box-shadow:inset 0 0 0 1px rgba(255,236,200,.03),0 0 0 1px rgba(218,175,128,.02);
 background:radial-gradient(270px circle at var(--gm32-cx,50%) var(--gm32-cy,50%),rgba(255,241,219,.18) 0%,transparent 68%);
 transition:opacity .35s ease,border-color .35s ease,box-shadow .35s ease}
.gm32-glass-host:hover .gm32-glass-edge,.gm32-glass-host:focus-within .gm32-glass-edge{opacity:1;border-color:rgba(226,196,151,.5);box-shadow:inset 0 0 0 1px rgba(255,250,233,.12),0 0 15px rgba(203,162,121,.13)}
html.gbm-night .gm32-glass-edge{background:radial-gradient(260px circle at var(--gm32-cx,50%) var(--gm32-cy,50%),rgba(255,217,196,.09),transparent 68%)}
/* 06 · Gold emboss reflection on existing brand lettering only. */
@supports (-webkit-background-clip:text) {
 .brand b,.lux-signature{transition:filter .35s ease,text-shadow .4s ease}
 .brand:hover b,.brand:focus-visible b,.lux-signature:hover{
  background-image:linear-gradient(108deg,#a36f58 0%,#e7bf87 24%,#fff5d7 45%,#cda76f 62%,#a4785f 100%);
  background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:gm32-signature 1.7s ease-out 1 both;filter:drop-shadow(0 0 6px rgba(235,202,149,.12))
 }
}
@keyframes gm32-signature{from{background-position:100% 50%}to{background-position:0 50%}}
/* 07 · Click ripple inserted after the click, with no original event overrides. */
.gm32-ripple-host{position:relative!important;overflow:hidden!important;isolation:isolate}
.gm32-ripple{position:absolute;z-index:3;left:var(--gm32-ripple-x,50%);top:var(--gm32-ripple-y,50%);
 width:var(--gm32-ripple-size,160px);height:var(--gm32-ripple-size,160px);border-radius:50%;pointer-events:none;
 background:radial-gradient(circle,rgba(255,249,230,.31),rgba(249,209,162,.20) 48%,rgba(238,186,150,0) 72%);
 transform:translate(-50%,-50%) scale(0);opacity:1;animation:gm32-ripple-out .68s ease-out forwards}
@keyframes gm32-ripple-out{0%{opacity:.96;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
/* 08 · Ambient sectional stage glow. Inserted before content and never interactive. */
.gm32-ambient-host{position:relative;isolation:isolate}
.gm32-ambient{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:0;
 background:radial-gradient(ellipse 68% 55% at var(--gm32-ambient-x,64%) var(--gm32-ambient-y,42%),rgba(242,202,172,.13),transparent 72%);
 transform:scale(1.04);transition:opacity 1.1s ease,transform 1.5s var(--gm32-ease)}
.gm32-ambient-host.gm32-ambient-visible>.gm32-ambient{opacity:1;transform:scale(1)}
html.gbm-night .gm32-ambient{background:radial-gradient(ellipse 67% 58% at var(--gm32-ambient-x,65%) var(--gm32-ambient-y,39%),rgba(232,164,186,.075),transparent 75%)}
@media(max-width:800px){
 #gm32-spotlight{display:none}
 .gm32-reflection::before{filter:blur(16px);opacity:.6}
 .gm32-glass-edge{display:none}
}
@media(hover:none),(pointer:coarse){
 #gm32-spotlight{display:none}
 .gm32-magnetic{translate:0 0!important}
 .gm32-glass-host:hover .gm32-glass-edge{opacity:0}
 .gm32-reflect-host:hover .gm32-reflection::before{opacity:0;transform:translate3d(-180%,0,0) rotate(17deg)}
}
@media(prefers-reduced-motion:reduce){
 #gm32-spotlight,.gm32-reflection::before,.gm32-glass-edge{display:none!important}
 .gm32-magnetic{translate:0 0!important;transition:none!important}
 .gm32-ripple{animation:none!important;opacity:0!important}
 .brand:hover b,.lux-signature:hover{animation:none!important}
 .gm32-ambient{opacity:0!important;transition:none!important}
}
