/* ═══════════ GLAM BY MARA / SILK EDITION ═══════════ */
:root{--gbm-ease:cubic-bezier(.22,1,.36,1);--gbm-fabric:#34232f;--gbm-metal:#ead0a1}
html.gbm-lock-scroll,html.gbm-lock-scroll body{overflow:hidden!important}
/* Cinematic sheer silk entrance: two independent woven panels and gold hem */
#gbm-silk-entry{position:fixed;inset:0;z-index:99990;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#251a25;isolation:isolate;perspective:1250px;transition:opacity .5s ease,visibility 0s linear .5s;pointer-events:auto}
#gbm-silk-entry:before{content:"";position:absolute;inset:0;z-index:4;background:radial-gradient(circle at center,#f8d5b31c,transparent 47%);pointer-events:none;transition:opacity 1.1s}
.gbm-silk-panel{height:100%;width:100%;position:relative;overflow:hidden;transform:translateX(0);background:repeating-linear-gradient(90deg,#fff0 0%,#fff1 3%,#fff0 8%,#0002 15%,#fff0 23%),linear-gradient(94deg,#20131e 0%,#674a5a 14%,#352331 29%,#866474 43%,#2b1c29 63%,#5e4153 82%,#1c121c 100%);box-shadow:inset -30px 0 55px #0006;will-change:transform;transition:transform 1.65s cubic-bezier(.66,0,.23,1)}
.gbm-silk-panel:before{content:"";position:absolute;inset:-2%;opacity:.37;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.17 .39' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");mix-blend-mode:soft-light;pointer-events:none}
.gbm-silk-panel:after{content:"";position:absolute;right:0;top:0;bottom:0;width:8px;background:linear-gradient(90deg,#705343,#e5c694,#f8e4bc,#9b764d);box-shadow:0 0 18px #edc48b47;z-index:2}
.gbm-silk-panel.right{transform-origin:right center;transform:none;box-shadow:inset 30px 0 55px #0006;background:repeating-linear-gradient(270deg,#fff0 0%,#fff1 3%,#fff0 8%,#0002 15%,#fff0 23%),linear-gradient(266deg,#20131e 0%,#674a5a 14%,#352331 29%,#866474 43%,#2b1c29 63%,#5e4153 82%,#1c121c 100%)}
.gbm-silk-panel.right:after{right:auto;left:0}.gbm-silk-panel.left{transform-origin:left center}
#gbm-silk-entry.is-opening .gbm-silk-panel.left{transform:translate3d(-107%,0,0) rotateY(-8deg)}
#gbm-silk-entry.is-opening .gbm-silk-panel.right{transform:translate3d(107%,0,0) rotateY(8deg)}
.gbm-silk-monogram{position:absolute;z-index:6;left:50%;top:50%;width:min(76vw,440px);transform:translate(-50%,-50%);text-align:center;color:#f7e9d7;pointer-events:none;filter:drop-shadow(0 5px 17px #000b);transition:opacity .65s,transform .9s var(--gbm-ease)}
.gbm-silk-monogram .line{height:1px;background:linear-gradient(90deg,transparent,#f9ddb0 50%,transparent);margin:23px auto;width:60%;opacity:.7}
.gbm-silk-monogram .overline{font:700 10px Manrope,Arial,sans-serif;letter-spacing:.45em;color:#f1d2ad}
.gbm-silk-monogram .name{font:500 clamp(57px,9vw,122px)/1 'Playfair Display',Georgia,serif;letter-spacing:-.08em;background:linear-gradient(160deg,#fff8ee,#d9af83 56%,#ffebce);-webkit-background-clip:text;background-clip:text;color:transparent}
.gbm-silk-monogram .subtitle{font:600 10px Manrope,Arial,sans-serif;letter-spacing:.4em;color:#f3dbca}
#gbm-silk-entry.is-opening .gbm-silk-monogram{opacity:0;transform:translate(-50%,-50%) scale(1.18)}
#gbm-silk-entry.is-complete{opacity:0;visibility:hidden;pointer-events:none}
.gbm-silk-shine{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 38%,#ffffff18 49%,transparent 59%);transform:translateX(-120%)}
#gbm-silk-entry.is-opening .gbm-silk-shine{animation:gbmSilkGleam 1.5s ease-in-out both}
@keyframes gbmSilkGleam{to{transform:translateX(125%)}}
#gbm-silk-skip{position:absolute;right:28px;top:22px;z-index:9;border:1px solid #f0d7c178;background:#160f1680;color:#f6dfce;padding:11px 15px;border-radius:3px;letter-spacing:.11em;font:600 11px Manrope,Arial,sans-serif;cursor:pointer;backdrop-filter:blur(5px)}
#gbm-silk-skip:hover{background:#674253}
#gbm-replay{position:fixed;bottom:25px;left:25px;z-index:1008;display:flex;gap:9px;align-items:center;border:1px solid #cab8b8c5;background:#f8f4efed;color:#644553;box-shadow:0 9px 24px #281c2522;padding:12px 15px;cursor:pointer;border-radius:3px;font:700 11px Manrope,Arial,sans-serif;letter-spacing:.07em;backdrop-filter:blur(15px);transition:transform .28s,background .28s}
#gbm-replay:hover{transform:translateY(-3px);background:#e9d9d9}
html.gbm-night #gbm-replay{background:#43313e;color:#f4e0e9;border-color:#765465}
/* Cinematic navigation, tiny soft microinteraction rather than intrusive FX */
header{transition:box-shadow .4s,background .4s!important}
header.gbm-scrolled{box-shadow:0 8px 36px #3e273114!important}
.hero-copy{position:relative;z-index:2}
.hero h1{animation:gbmHeadlineRise 1.15s var(--gbm-ease) both}
.hero .lead{animation:gbmHeadlineRise 1.15s .13s var(--gbm-ease) both}
.hero .eyebrow{animation:gbmHeadlineRise 1.1s .08s var(--gbm-ease) both}
@keyframes gbmHeadlineRise{from{opacity:0;transform:translateY(28px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.hero-art{--gbm-shift-x:0px;--gbm-shift-y:0px;transform:translate3d(var(--gbm-shift-x),var(--gbm-shift-y),0);transition:transform .6s var(--gbm-ease)!important;will-change:transform}
.hero-art:before{transition:transform .8s var(--gbm-ease),box-shadow .8s!important}
.hero-art:hover:before{transform:translateY(-5px) rotate(-1deg)}
.hero-art img{animation:gbmPortraitEnter 1.5s .12s var(--gbm-ease) both!important;transform-origin:50% 50%;transition:filter .5s,box-shadow .5s!important}
@keyframes gbmPortraitEnter{from{opacity:0;transform:translateY(45px) scale(1.04);filter:blur(12px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
/* A very subtle light glances across CTA surfaces on hover */
.pill{position:relative;overflow:hidden;isolation:isolate}
.pill:after{content:"";position:absolute;top:0;bottom:0;left:-85%;width:54%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,#fff4,transparent);pointer-events:none;transition:left .65s ease}
.pill:hover:after{left:145%}
/* Deferred section reveals are enabled only when JavaScript observer starts */
html.gbm-motion-on [data-gbm-reveal]{opacity:0;transform:translate3d(0,34px,0);filter:blur(7px);transition:opacity .9s var(--gbm-ease),transform .9s var(--gbm-ease),filter .9s var(--gbm-ease);transition-delay:var(--gbm-delay,0ms)}
html.gbm-motion-on [data-gbm-reveal].gbm-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
html.gbm-motion-on .hero [data-gbm-reveal]{opacity:1;transform:none;filter:none}
.bento-card,.benefit,.courses>*{transition:box-shadow .4s var(--gbm-ease),transform .4s var(--gbm-ease),border-color .4s!important}
.bento-card:hover,.benefit:hover,.courses>*:hover{border-color:#c89baa!important;box-shadow:0 28px 56px #653e4b24!important}
/* in-canvas ambient glimmer follows cursor only on desktop */
#gbm-ambient-glow{position:fixed;width:450px;height:450px;top:0;left:0;transform:translate(-50%,-50%);z-index:4;border-radius:50%;background:radial-gradient(circle,#fbdcce16 0%,#d39fb40c 27%,transparent 63%);pointer-events:none;opacity:0;transition:opacity .55s;mix-blend-mode:screen;will-change:transform}
#gbm-ambient-glow.active{opacity:1}
/* editorial serif marker and thin metallic separators */
.gbm-gold-thread{height:1px;width:min(760px,80%);margin:0 auto;background:linear-gradient(90deg,transparent,#c8a78b77,#f3d4aa 50%,#c8a78b77,transparent);position:relative}
.gbm-gold-thread:after{content:'✧';font-size:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f7f3ee;color:#bd9678;padding:0 12px}
html.gbm-night .gbm-gold-thread:after{background:#241e25}
/* night/day cosmetic brush */
#gbm-brush-curtain{position:fixed;inset:0;z-index:99996;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .44s;isolation:isolate}
#gbm-brush-curtain.active{visibility:visible;opacity:1}
#gbm-brush-paint{position:absolute;inset:0;width:100%;height:100%}
#gbm-brush-object{position:absolute;left:0;top:0;width:116px;height:246px;filter:drop-shadow(5px 9px 14px #0008);opacity:0;will-change:transform;transform-origin:50% 15%}
#gbm-brush-curtain.active #gbm-brush-object{opacity:1}
#gbm-brush-object .gbm-bristles{position:absolute;left:34px;top:0;width:49px;height:83px;clip-path:polygon(50% 0%,76% 14%,92% 44%,100% 100%,0 100%,8% 44%,24% 14%);border-radius:45% 45% 12% 12%;background:repeating-linear-gradient(90deg,#3b252c 0 2px,#cda1a0 2px 4px,#523440 4px 6px,#a57a82 6px 8px);box-shadow:inset 0 -8px 12px #0006}
#gbm-brush-object .gbm-ferrule{position:absolute;left:34px;top:77px;width:49px;height:43px;clip-path:polygon(4% 0,96% 0,86% 100%,14% 100%);background:linear-gradient(90deg,#68452b,#d0a771 24%,#ffedc6 44%,#a47647 62%,#ffe5aa 83%,#6a492b);box-shadow:inset 0 2px 3px #fff6}
#gbm-brush-object .gbm-handle{position:absolute;left:42px;top:115px;width:33px;height:123px;border-radius:4px 4px 20px 20px;background:linear-gradient(90deg,#170e16,#654150 20%,#241721 49%,#936679 69%,#291721 91%,#190e19);border:1px solid #b48b73;box-shadow:inset 3px 0 6px #fff2,0 10px 15px #0004}
#gbm-brush-object .gbm-handle:after{content:'G M';position:absolute;top:35px;left:0;right:0;text-align:center;color:#e5c390;font:700 8px Georgia,serif;writing-mode:vertical-rl;letter-spacing:.15em}
html.gbm-night .gbm-silk-panel{filter:saturate(.85)}
@media(max-width:720px){#gbm-replay{bottom:17px;left:12px;padding:10px 12px;font-size:10px}#gbm-silk-skip{top:13px;right:13px}.gbm-silk-monogram .overline{letter-spacing:.23em}.gbm-silk-monogram .subtitle{letter-spacing:.23em}#gbm-brush-object{transform-origin:50% 15%}#gbm-ambient-glow{display:none}}
@media(prefers-reduced-motion:reduce){#gbm-silk-entry{display:none!important}#gbm-brush-curtain{display:none!important}html.gbm-motion-on [data-gbm-reveal]{opacity:1!important;transform:none!important;filter:none!important}header,.hero,.pill,.bento-card,.benefit{animation:none!important;transition:none!important}.hero-art img,.hero h1,.hero .lead,.hero .eyebrow{animation:none!important}}