/* MARA ATELIER · High-end editorial design system
   Non-destructive skin — original app/state, localization, forms and handlers remain intact. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italiana&family=Manrope:wght@400;500;600;700&family=Noto+Sans+Armenian:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap');
:root{--at-paper:#f7f2ed;--at-pearl:#fcf9f5;--at-wine:#321c28;--at-ink:#392630;--at-clay:#c99e94;--at-blush:#ebd1c8;--at-gold:#bda592;--at-line:#d9c7bf;--at-cream:#fff7ee;--at-rust:#a96c64;--at-serif:'Cormorant Garamond',Georgia,serif;--at-sans:'DM Sans','Noto Sans Armenian',sans-serif}
html{scroll-behavior:smooth}
html body{background:var(--at-paper)!important;color:var(--at-ink)!important;font-family:var(--at-sans)!important;font-feature-settings:'ss01' on;overflow-x:clip}
html body .container{width:min(1540px,calc(100% - clamp(28px,6vw,112px)))!important;max-width:1540px!important}
html body .topbar{background:var(--at-wine)!important;color:#eadad4!important;min-height:29px!important;font:600 9px/1.3 var(--at-sans)!important;letter-spacing:.18em!important;text-transform:uppercase!important}
html body .topbar span{color:#cba99a!important}
/* Grounded minimal, carefully proportioned masthead */
html body header.gbm-luxe-shell{background:rgba(250,247,243,.96)!important;border-bottom:1px solid #d2c5be!important;backdrop-filter:blur(20px)!important;box-shadow:none!important;color:var(--at-wine)!important;z-index:1020!important}
html body header.gbm-luxe-shell .gbm-luxe-nav{height:90px!important;min-height:90px!important;gap:27px!important}
html body header.gbm-luxe-shell .gbm-mara-brand{display:flex!important;min-width:200px!important;align-items:center!important;text-decoration:none!important}
html body header.gbm-luxe-shell .gbm-mara-brand .gbm-brand-text strong{font-family:var(--at-serif)!important;font-weight:500!important;font-size:50px!important;letter-spacing:.19em!important;line-height:.9!important;color:var(--at-wine)!important}
html body header.gbm-luxe-shell .gbm-mara-brand .gbm-brand-text:after{color:#927970!important;letter-spacing:.23em!important;font-size:7px!important;line-height:1.6!important}
html body header.gbm-luxe-shell .container.nav #siteNav.links>a{color:#57404a!important;font:600 11px/1.3 var(--at-sans)!important;letter-spacing:.018em!important;text-transform:none!important;position:relative!important;text-decoration:none!important;padding:10px 3px!important}
html body header.gbm-luxe-shell .container.nav #siteNav.links>a:after{content:'';position:absolute;left:3px;right:3px;bottom:5px;border-bottom:1px solid var(--at-rust);transform:scaleX(0);transform-origin:left;transition:transform .26s}
html body header.gbm-luxe-shell .container.nav #siteNav.links>a:hover:after,html body header.gbm-luxe-shell .container.nav #siteNav.links>a[aria-current=page]:after{transform:scaleX(1)}
html body header.gbm-luxe-shell .container.nav #siteNav.links>button.gbm-test-nav-link{background:var(--at-wine)!important;color:#fff3ea!important;border:1px solid var(--at-wine)!important;border-radius:0!important;font:700 9px/1 var(--at-sans)!important;letter-spacing:.15em!important;min-height:43px!important;padding:0 16px!important;box-shadow:none!important}
html body header.gbm-luxe-shell .navright #lang,html body header.gbm-luxe-shell .navright #menu,html body header.gbm-luxe-shell .navright #gbm-theme-toggle{background:transparent!important;color:var(--at-wine)!important;border:1px solid #d2c0b8!important;border-radius:50%!important;height:44px!important;min-height:44px!important;width:44px!important;min-width:44px!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;position:relative!important;inset:auto!important;transform:none!important}
html body header.gbm-luxe-shell .navright #lang{border-radius:30px!important;width:60px!important;min-width:60px!important;padding:0 9px!important;font-size:10px!important;font-weight:700!important}
html body header.gbm-luxe-shell .navright #gbm-theme-toggle .gbm-theme-icon{color:var(--at-wine)!important;font-size:18px!important}
html body header.gbm-luxe-shell .navright #gbm-theme-toggle .gbm-theme-label{display:none!important}
html body header.gbm-luxe-shell .navright #menu{order:3!important}html body header.gbm-luxe-shell .navright #lang{order:1!important}html body header.gbm-luxe-shell .navright #gbm-theme-toggle{order:2!important}
/* HERO: bespoke magazine cover, not a template two-column grid */
html body #gbm-app-main #page-home .hero{background:var(--at-paper)!important;color:var(--at-wine)!important;overflow:hidden!important;min-height:0!important;isolation:isolate!important;padding:0!important;border:0!important;box-shadow:none!important}
html body #gbm-app-main #page-home .hero:before,html body #gbm-app-main #page-home .hero:after{display:none!important;content:none!important}
html body #gbm-app-main #page-home .hero .container.herogrid{width:100%!important;max-width:none!important;min-height:clamp(680px,63vw,845px)!important;display:grid!important;grid-template-columns:minmax(0,46%) minmax(0,54%)!important;gap:0!important;margin:0!important;position:relative!important;overflow:hidden!important;border:0!important;background:transparent!important}
html body #gbm-app-main #page-home .hero .herogrid .hero-copy{position:relative!important;z-index:3!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-height:650px!important;max-width:none!important;min-width:0!important;padding:clamp(55px,6vw,104px) clamp(35px,5.5vw,105px) 90px clamp(42px,8vw,128px)!important;margin:0!important;background:var(--at-wine)!important;border:0!important;color:var(--at-cream)!important;overflow:visible!important}
html body #gbm-app-main #page-home .hero .herogrid .hero-copy:before{content:'MARA / THE ART OF BEAUTY'!important;display:block!important;position:absolute!important;left:clamp(42px,8vw,128px)!important;top:45px!important;background:transparent!important;transform:none!important;letter-spacing:.35em!important;font:600 9px/1.4 var(--at-sans)!important;white-space:nowrap!important;color:#e8c7bc!important;border:0!important;opacity:1!important;text-shadow:none!important}
html body #gbm-app-main #page-home .hero .herogrid .hero-copy:after{display:none!important}
html body #gbm-app-main #page-home .hero .herogrid .hero-copy .eyebrow{font:600 10px/1.4 var(--at-sans)!important;letter-spacing:.23em!important;color:var(--at-blush)!important;margin:0 0 clamp(26px,3vw,40px)!important;padding:0 0 0 53px!important;position:relative!important;background:none!important}
html body #gbm-app-main #page-home .hero .herogrid .hero-copy .eyebrow:before{content:'';position:absolute;left:0;top:50%;width:38px;height:1px;background:#d0a49c}
html body #gbm-app-main #page-home .hero .herogrid .hero-copy h1{font-family:var(--at-serif)!important;color:#fcf7f0!important;font-weight:400!important;font-size:clamp(70px,7.1vw,117px)!important;line-height:.84!important;letter-spacing:-.062em!important;max-width:900px!important;overflow:visible!important;word-break:normal!important;text-wrap:balance!important;margin:0 0 43px!important;position:relative!important;z-index:4!important}
html body #gbm-app-main #page-home .hero .herogrid .hero-copy h1 em{font-family:var(--at-serif)!important;color:var(--at-blush)!important;font-style:italic!important;line-height:.92!important;letter-spacing:-.045em!important;font-weight:400!important}
html body #gbm-app-main #page-home .hero .herogrid .hero-copy .lead{max-width:450px!important;color:#dfcbd0!important;font:400 clamp(13px,1.1vw,16px)/1.82 var(--at-sans)!important;letter-spacing:0!important;opacity:1!important;margin:0!important}
html body #gbm-app-main #page-home .hero .herogrid .hero-copy .actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:38px 0 0!important;align-items:center!important}
html body #gbm-app-main #page-home .hero .herogrid .hero-copy .actions .pill{background:#f5eae1!important;border:1px solid #f5eae1!important;color:#3e2430!important;font:700 11px/1.4 var(--at-sans)!important;letter-spacing:.04em!important;border-radius:0!important;min-height:52px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;padding:13px 20px!important;transition:transform .25s,background .25s!important}
html body #gbm-app-main #page-home .hero .herogrid .hero-copy .actions .pill:hover{transform:translateY(-3px)!important;background:white!important}
html body #gbm-app-main #page-home .hero .herogrid .hero-copy .actions .pill.outline{background:transparent!important;color:#fbf1ec!important;border:1px solid #917481!important}
html body #gbm-app-main #page-home .hero .hero-features{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:16px!important;margin:42px 0 0!important;padding:22px 0 0!important;border-top:1px solid #755763!important;justify-content:space-between!important}
html body #gbm-app-main #page-home .hero .hero-features .feature{flex:1;min-width:90px!important;color:#e6d1cd!important;font:500 9px/1.6 var(--at-sans)!important;letter-spacing:.03em!important;gap:7px!important}
html body #gbm-app-main #page-home .hero .hero-features .feature i{color:#d6a69c!important;font-size:17px!important}
html body #gbm-app-main #page-home .hero .herogrid .hero-art{width:100%!important;height:100%!important;min-height:750px!important;max-height:none!important;max-width:none!important;overflow:hidden!important;margin:0!important;border:0!important;border-radius:0!important;background:#5c4c4d!important;isolation:isolate!important;position:relative!important;align-self:stretch!important}
html body #gbm-app-main #page-home .hero .herogrid .hero-art:before{content:''!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,#26192205 58%,#26192285 100%)!important;pointer-events:none!important}
html body #gbm-app-main #page-home .hero .herogrid .hero-art>img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center 35%!important;position:absolute!important;inset:0!important;opacity:1!important;transform:none!important;filter:saturate(.74) contrast(1.04) sepia(.1)!important}
html body #gbm-app-main #page-home .hero .herogrid .hero-art:after{content:'MARA'!important;font:400 clamp(100px,13vw,246px)/.8 var(--at-serif)!important;letter-spacing:-.05em!important;color:rgba(252,241,234,.88)!important;position:absolute!important;right:25px!important;left:auto!important;top:auto!important;bottom:25px!important;z-index:2!important;transform:none!important;rotate:none!important;border:0!important;background:none!important;box-shadow:none!important;writing-mode:horizontal-tb!important;pointer-events:none!important;text-shadow:none!important;white-space:nowrap!important}
html body #gbm-app-main #page-home .hero .hero-art .mn-hero-index{position:absolute!important;top:36px!important;left:32px!important;right:auto!important;z-index:3!important;color:#fff5ed!important;font:700 9px/1.2 var(--at-sans)!important;letter-spacing:.25em!important;padding:8px 0!important;border-bottom:1px solid #e7ccc2!important;background:none!important}
html body #gbm-app-main #page-home .hero .hero-art .sparkle,html body #gbm-app-main #page-home .hero .hero-art .floating,html body #gbm-app-main #page-home .hero .hero-art .mua-hero-badge,html body #gbm-app-main #page-home .hero .hero-art .mua-swatch-dock{display:none!important}
html body #gbm-app-main #page-home .hero .gbm-hero-film,html body #gbm-app-main #page-home .hero .gbm-hero-side-note,html body #gbm-app-main #page-home .hero .gbm-hero-hq-label,html body #gbm-app-main #page-home .hero #gbmFilmToggle{display:none!important}
/* A hand-art-directed secondary picture creates a magazine-layout composition. */
html body #gbm-app-main #page-home .hero .hero-art .at-detail{display:block!important;position:absolute!important;left:clamp(18px,3vw,52px)!important;bottom:32px!important;width:clamp(110px,13vw,186px)!important;height:clamp(142px,18vw,240px)!important;overflow:hidden!important;z-index:4!important;border:5px solid #f4eee7!important;box-shadow:0 16px 30px #21101938!important;transform:rotate(-4deg)!important}
html body #gbm-app-main #page-home .hero .hero-art .at-detail>img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block;filter:grayscale(.2) sepia(.12)}
html body #gbm-app-main #page-home .hero .hero-art .at-tall-caption{position:absolute!important;z-index:4!important;right:24px!important;top:42px!important;writing-mode:vertical-rl!important;color:#fbf6eb!important;font:600 9px/1 var(--at-sans)!important;letter-spacing:.35em!important;text-transform:uppercase!important}
html body #gbm-app-main #page-home .at-issue{display:none!important}
/* Elegant full-width ribbon between editorial cover and photography. */
html body #gbm-app-main #page-home .at-ticker{padding:18px 4vw!important;background:#e6d3c9!important;color:var(--at-wine)!important;border-top:1px solid #d2b7ad!important;border-bottom:1px solid #d2b7ad!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;font:600 10px/1.3 var(--at-sans)!important;letter-spacing:.18em!important;text-transform:uppercase!important}
html body #gbm-app-main #page-home .at-ticker b{font-family:var(--at-serif)!important;font-size:25px!important;font-weight:400!important;letter-spacing:.06em!important;white-space:nowrap!important}
html body #gbm-app-main #page-home .at-ticker .at-star{font:400 23px/1 var(--at-serif)!important;color:#a86b62!important}
/* Editorial portfolio covers, staggered and asymmetric. */
html body #gbm-app-main #page-home .mn-editorial{background:var(--at-paper)!important;padding:88px 0 104px!important;position:relative!important;overflow:hidden!important}
html body #gbm-app-main #page-home .mn-editorial:before{content:'THE MARA EDIT';position:absolute;top:27px;left:clamp(22px,6vw,95px);font:700 10px/1 var(--at-sans);letter-spacing:.28em;color:#8e6670}
html body #gbm-app-main #page-home .mn-editorial .mn-editorial-inner{max-width:1540px!important;width:calc(100% - clamp(28px,6vw,112px))!important;margin:auto!important;padding:0!important;display:grid!important;grid-template-columns:1fr .8fr 1fr!important;align-items:start!important;gap:clamp(12px,2vw,33px)!important}
html body #gbm-app-main #page-home .mn-editorial a{position:relative!important;overflow:hidden!important;display:block!important;height:clamp(380px,35vw,570px)!important;min-height:0!important;max-height:none!important;border-radius:0!important;border:0!important;box-shadow:none!important;background:#d9b9ae!important}
html body #gbm-app-main #page-home .mn-editorial a:nth-child(2){margin-top:72px!important;height:clamp(330px,31vw,506px)!important}
html body #gbm-app-main #page-home .mn-editorial a:nth-child(3){margin-top:24px!important;height:clamp(360px,34vw,548px)!important}
html body #gbm-app-main #page-home .mn-editorial a:before{content:'';position:absolute;z-index:1;inset:35% 0 0;background:linear-gradient(0deg,#2c1723d9,transparent);pointer-events:none}
html body #gbm-app-main #page-home .mn-editorial a img{width:100%;height:100%;object-fit:cover;object-position:center 24%;transform:scale(1);filter:saturate(.82) contrast(.97);transition:transform .7s cubic-bezier(.2,.65,.25,1),filter .6s!important}
html body #gbm-app-main #page-home .mn-editorial a:hover img{transform:scale(1.06)!important;filter:saturate(1.04)}
html body #gbm-app-main #page-home .mn-editorial a .mn-caption{bottom:28px!important;left:27px!important;right:27px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;z-index:2!important;position:absolute!important;gap:10px!important}
html body #gbm-app-main #page-home .mn-editorial a .mn-caption b{color:#fef8ef!important;font:400 clamp(40px,5vw,78px)/.9 var(--at-serif)!important;letter-spacing:-.045em!important}
html body #gbm-app-main #page-home .mn-editorial a .mn-caption em{font:400 23px/1 var(--at-sans)!important;color:var(--at-wine)!important;display:flex!important;width:49px!important;height:49px!important;align-items:center!important;justify-content:center!important;background:#f5ebe2!important;border:0!important;border-radius:50%!important;flex-shrink:0!important}
/* Deliberate editorial type scales across internal pages */
html body #gbm-app-main .gbm-page-masthead{min-height:clamp(470px,42vw,680px)!important;background:var(--at-wine)!important;position:relative!important;overflow:hidden!important;border:0!important;color:#f8efe7!important}
html body #gbm-app-main .gbm-page-masthead:before{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,#281522f2 0%,#281522db 44%,#2815222e 100%)!important;z-index:1!important;pointer-events:none!important}
html body #gbm-app-main .gbm-page-masthead .gbm-couture-film{position:absolute!important;inset:0!important;height:100%!important;width:100%!important;z-index:0!important;opacity:1!important}
html body #gbm-app-main .gbm-page-masthead .gbm-couture-film video{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.77) sepia(.1)!important}
html body #gbm-app-main .gbm-page-masthead .gbm-masthead-layout{position:relative!important;z-index:2!important;min-height:clamp(470px,42vw,680px)!important;display:flex!important;align-items:center!important}
html body #gbm-app-main .gbm-masthead-text{max-width:min(760px,75%)!important;padding:60px 0!important;position:relative!important;z-index:2!important}
html body #gbm-app-main .gbm-masthead-text .gbm-masthead-eyebrow{color:#e3bcb1!important;font:600 11px/1.4 var(--at-sans)!important;letter-spacing:.26em!important}
html body #gbm-app-main .gbm-masthead-text h1{font:400 clamp(62px,7vw,117px)/.88 var(--at-serif)!important;letter-spacing:-.045em!important;color:#fbf6ec!important;max-width:840px!important;text-wrap:balance!important;margin:26px 0 28px!important}
html body #gbm-app-main .gbm-masthead-text p{font:400 clamp(13px,1.15vw,16px)/1.8 var(--at-sans)!important;color:#e6d4d0!important;max-width:475px!important}
html body #gbm-app-main .gbm-masthead-mark{display:none!important}
html body #gbm-app-main .gbm-page section .section-title,html body #gbm-app-main .gbm-home-links-heading h2,html body #gbm-app-main #gbm-home-film h2{font-family:var(--at-serif)!important;font-weight:400!important;letter-spacing:-.044em!important;color:var(--at-wine)!important;line-height:.96!important}
html body #gbm-app-main .gbm-page .section-top{padding-top:42px!important}
html body #gbm-app-main .gbm-page section .eyebrow{color:#986a6f!important;letter-spacing:.2em!important}
html body #gbm-app-main .gbm-page section .pill:not(.outline){border-radius:0!important;background:var(--at-wine)!important;color:#f9eee4!important;border:1px solid var(--at-wine)!important;box-shadow:none!important}
html body #gbm-app-main .gbm-page .courses .course,html body #gbm-app-main .gbm-page .card{border-radius:0!important;box-shadow:0 12px 28px #39202b0a!important;border-color:#e3d4ce!important;background:#fffbf7!important}
html body #gbm-app-main .gbm-home-links-grid .gbm-home-link{border-radius:0!important;background:var(--at-paper)!important;border:1px solid #ded0c9!important}
html body #gbm-app-main .gbm-home-links-grid .gbm-home-link .gbm-hl-copy b{font:400 clamp(30px,3.5vw,60px)/1 var(--at-serif)!important;color:var(--at-wine)!important}
html body #gbm-app-main #gbm-home-film{background:#e9dbd1!important}
html body #gbm-app-main #gbm-home-film .gbm-film-copy h2{color:var(--at-wine)!important}
html body #gbm-app-main #gbm-home-film .gbm-film-cta{border-radius:0!important;background:var(--at-wine)!important;color:#f8efe4!important}
html body footer{background:var(--at-wine)!important;color:#eddbd5!important}
html body footer a,html body footer span{color:#ebd4cb!important}
/* Remove legacy curtain-only decorations, while preserving functional overlays. */
html body :is(.gbm-theme-atmosphere,.gbm-ambient-glow,.gbm-silk-entry,.gbm-replay){display:none!important}
html body #gbm-brush-curtain.active{display:block!important}
/* Accessibility & subtle motion */
html body .at-detail,html body .mn-editorial a{will-change:auto!important}
html body #gbm-app-main #page-home .hero .hero-art>img{animation:at-breathe 14s ease-in-out infinite alternate}
@keyframes at-breathe{from{scale:1}to{scale:1.045}}
@media(min-width:1440px){html body #gbm-app-main #page-home .hero .herogrid .hero-copy h1{font-size:clamp(91px,6.9vw,128px)!important}}
@media(max-width:1240px){
 html body header.gbm-luxe-shell .gbm-mara-brand{min-width:140px!important}
 html body #gbm-app-main #page-home .hero .container.herogrid{grid-template-columns:49% 51%!important;min-height:670px!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy{padding:76px 34px 56px 6vw!important;min-height:670px!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy:before{left:6vw!important;top:36px!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy h1{font-size:clamp(72px,7.9vw,103px)!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-art{min-height:670px!important}
}
@media(max-width:980px){
 html body header.gbm-luxe-shell .gbm-luxe-nav{height:75px!important;min-height:75px!important}
 html body header.gbm-luxe-shell .container.nav #siteNav.links.open{background:var(--at-paper)!important;border:1px solid #d8c6be!important;box-shadow:0 25px 55px #321c2833!important;border-radius:0!important;z-index:1500!important}
 html body header.gbm-luxe-shell .container.nav #siteNav.links.open>a{display:block!important;color:var(--at-wine)!important;padding:14px 17px!important;border-bottom:1px solid #eadbd3!important;font-size:14px!important}
 html body header.gbm-luxe-shell .container.nav #siteNav.links.open>button.gbm-test-nav-link{display:flex!important;width:100%!important;justify-content:center!important;margin-top:10px!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy h1{font-size:clamp(62px,8.1vw,85px)!important}
 html body #gbm-app-main #page-home .hero .hero-features{display:none!important}
}
@media(max-width:720px){
 html body .topbar{display:none!important}
 html body header.gbm-luxe-shell .gbm-luxe-nav{height:72px!important;min-height:72px!important;padding:0!important;gap:6px!important}
 html body header.gbm-luxe-shell .gbm-mara-brand .gbm-brand-text strong{font-size:37px!important;letter-spacing:.15em!important}
 html body header.gbm-luxe-shell .gbm-mara-brand .gbm-brand-text:after{font-size:6px!important;letter-spacing:.15em!important}
 html body header.gbm-luxe-shell .gbm-mara-brand{min-width:0!important}
 html body header.gbm-luxe-shell .navright #lang{height:36px!important;min-height:36px!important;width:51px!important;min-width:51px!important;padding:0 5px!important;font-size:10px!important}
 html body header.gbm-luxe-shell .navright #gbm-theme-toggle,html body header.gbm-luxe-shell .navright #menu{height:36px!important;min-height:36px!important;width:36px!important;min-width:36px!important}
 html body #gbm-app-main #page-home .hero .container.herogrid{display:flex!important;flex-direction:column!important;min-height:0!important;width:100%!important;gap:0!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-art{order:0!important;height:clamp(355px,99vw,520px)!important;min-height:0!important;max-height:none!important;max-width:none!important;width:100%!important;display:block!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-art>img{object-position:center 38%!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-art:after{font-size:clamp(91px,29vw,145px)!important;right:12px!important;bottom:23px!important}
 html body #gbm-app-main #page-home .hero .hero-art .mn-hero-index{left:23px!important;top:22px!important;font-size:9px!important}
 html body #gbm-app-main #page-home .hero .hero-art .at-tall-caption{right:12px!important;top:20px!important;font-size:8px!important}
 html body #gbm-app-main #page-home .hero .hero-art .at-detail{left:14px!important;bottom:17px!important;width:102px!important;height:139px!important;border-width:3px!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy{order:1!important;width:100%!important;min-height:0!important;max-width:none!important;padding:82px 25px 62px!important;display:flex!important;align-items:flex-start!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy:before{left:25px!important;top:28px!important;font-size:8px!important;letter-spacing:.25em!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy .eyebrow{font-size:9px!important;letter-spacing:.16em!important;margin:0 0 27px!important;padding-left:45px!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy .eyebrow:before{width:30px!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy h1{font-size:clamp(69px,14.5vw,104px)!important;line-height:.83!important;letter-spacing:-.053em!important;margin:0 0 27px!important;max-width:100%!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy .lead{font-size:13px!important;line-height:1.7!important;max-width:460px!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy .actions{margin:29px 0 0!important;width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy .actions .pill{font-size:10px!important;padding:11px 8px!important;min-height:48px!important;text-align:center!important}
 html body #gbm-app-main #page-home .at-ticker{padding:14px 16px!important;font-size:8px!important;letter-spacing:.13em!important}
 html body #gbm-app-main #page-home .at-ticker b{font-size:20px!important}
 html body #gbm-app-main #page-home .at-ticker span:nth-of-type(2),html body #gbm-app-main #page-home .at-ticker span:nth-of-type(3){display:none!important}
 html body #gbm-app-main #page-home .mn-editorial{padding:70px 0 56px!important}
 html body #gbm-app-main #page-home .mn-editorial:before{top:27px;left:20px}
 html body #gbm-app-main #page-home .mn-editorial .mn-editorial-inner{width:calc(100% - 24px)!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0!important}
 html body #gbm-app-main #page-home .mn-editorial a{height:clamp(240px,75vw,390px)!important}
 html body #gbm-app-main #page-home .mn-editorial a:nth-child(2){margin-top:40px!important;height:clamp(204px,64vw,335px)!important}
 html body #gbm-app-main #page-home .mn-editorial a:nth-child(3){margin-top:0!important;height:clamp(280px,85vw,430px)!important;grid-column:1/-1!important;width:calc(100% - 60px)!important;justify-self:center!important}
 html body #gbm-app-main #page-home .mn-editorial a .mn-caption{left:15px!important;right:12px!important;bottom:17px!important}
 html body #gbm-app-main #page-home .mn-editorial a .mn-caption b{font-size:39px!important}
 html body #gbm-app-main #page-home .mn-editorial a .mn-caption em{width:31px!important;height:31px!important;font-size:16px!important}
 html body #gbm-app-main .gbm-page-masthead{min-height:490px!important}
 html body #gbm-app-main .gbm-page-masthead .gbm-masthead-layout{min-height:490px!important}
 html body #gbm-app-main .gbm-masthead-text{max-width:95%!important;padding:65px 0!important}
 html body #gbm-app-main .gbm-masthead-text h1{font-size:clamp(58px,12vw,81px)!important;margin:21px 0 22px!important}
 html body #gbm-app-main .gbm-page-masthead:before{background:linear-gradient(90deg,#281522d9 0%,#2815228c 100%)!important}
 html body #gbm-app-main .gbm-home-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:365px){
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy h1{font-size:clamp(56px,14vw,73px)!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy .actions{grid-template-columns:1fr!important}
 html body #gbm-app-main #page-home .hero .hero-art .at-detail{width:86px!important;height:112px!important}
 html body #gbm-app-main #page-home .mn-editorial a .mn-caption b{font-size:34px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html body #gbm-app-main #page-home .hero .hero-art>img{animation:none!important}html body #gbm-app-main #page-home .mn-editorial a img{transition:none!important}}
/* ATELIER final art direction: cover photograph opens the page, text is its facing editorial page. */
@media(min-width:721px){
 html body #gbm-app-main #page-home .hero .container.herogrid{grid-template-columns:minmax(0,53%) minmax(0,47%)!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-art{grid-column:1!important;grid-row:1!important;min-height:740px!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy{grid-column:2!important;grid-row:1!important;min-height:740px!important;padding:85px clamp(35px,4.5vw,90px) 56px clamp(34px,5vw,96px)!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy:before{left:clamp(34px,5vw,96px)!important;top:32px!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy h1{font-size:clamp(66px,6.1vw,99px)!important;margin-bottom:28px!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy .lead{font-size:13px!important;line-height:1.7!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy .actions{margin-top:25px!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy .hero-features{margin-top:27px!important;padding-top:18px!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-art:after{font-size:clamp(120px,14.5vw,222px)!important;left:auto!important;right:24px!important;bottom:25px!important}
}
@media(max-width:1150px) and (min-width:721px){
 html body #gbm-app-main #page-home .hero .container.herogrid{grid-template-columns:52% 48%!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy h1{font-size:clamp(59px,6.3vw,79px)!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy{padding-left:38px!important;padding-right:26px!important}
 html body #gbm-app-main #page-home .hero .herogrid .hero-copy:before{left:38px!important}
}
/* Internal page legibility: old animation layer had reduced cover overlay opacity. */
html body #gbm-app-main .gbm-page-masthead::before{opacity:1!important;mix-blend-mode:normal!important;filter:none!important;background:linear-gradient(90deg,rgba(38,21,33,.95) 0%,rgba(38,21,33,.83) 46%,rgba(38,21,33,.18) 100%)!important}
html body #gbm-app-main .gbm-page-masthead::after{opacity:0!important;display:none!important}
@media(max-width:720px){
 html body #gbm-app-main .gbm-page-masthead::before{background:linear-gradient(90deg,rgba(38,21,33,.88) 0%,rgba(38,21,33,.6) 100%)!important;opacity:1!important}
}
/* Harmonized existing Cinema page without altering the film-player workflow. */
html body:has(main.shell.main) {background:var(--at-wine)!important;color:#f5eae5!important}
html body:has(main.shell.main) header.top{background:#261822!important;border-bottom:1px solid #66505b!important;color:#f8ece3!important}
html body:has(main.shell.main) header.top a{color:#f6e7df!important}
html body:has(main.shell.main) main.shell h1{font-family:var(--at-serif)!important;letter-spacing:-.06em!important;font-weight:400!important;color:#fbf1e8!important}
html body:has(main.shell.main) main.shell p{color:#dfc9c4!important}
html body:has(main.shell.main) main.shell button{border-radius:2px!important}
/* Private studio design: retain functional editor panels and clear controls. */
html body:has(#loginScreen){background:#f2eae3!important;color:var(--at-wine)!important}
html body:has(#loginScreen) #loginScreen{background:linear-gradient(135deg,#efe0d8,#f9f5ef)!important}
html body:has(#loginScreen) #loginScreen h1{font-family:var(--at-serif)!important;font-weight:500!important;color:var(--at-wine)!important}
html body:has(#loginScreen) #loginScreen button{background:var(--at-wine)!important;border-radius:3px!important;color:#fff6ec!important}
html body:has(#loginScreen) #dashboard .sidebar{background:var(--at-wine)!important;color:#f8e8e1!important}
html body:has(#loginScreen) #dashboard .main .panel{background:#fffbf8!important;border:1px solid #e1cfc7!important;border-radius:10px!important}
/* Wide masthead vignette must span the full photograph, not just the former card width. */
html body #gbm-app-main .gbm-page-masthead::before{inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;clip-path:none!important;border:0!important;border-radius:0!important;transform:none!important;mask:none!important;z-index:1!important;background:linear-gradient(90deg,#281722fa 0%,#281722e8 53%,#28172274 82%,#28172227 100%)!important}
@media(max-width:720px){html body #gbm-app-main .gbm-page-masthead::before{background:linear-gradient(90deg,#281722e8 0%,#281722b3 100%)!important}}