/* Desktop baseline: published version 1.1.1, before mobile-only revisions. */
@media (min-width:768px) and (pointer:fine),(min-width:933px){
/* The slot preserves normal flow after the user picks up the 56px menu. */

.mtg-nav-slot{height:56px;position:relative;z-index:30}

/* This upper rail stays with the pipes; only the lower nav border is picked up. */

.mtg-nav-slot::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;z-index:1;background:linear-gradient(90deg,#72501e,#dfbc69,#8c6327);pointer-events:none}

.mtg-categories{box-sizing:border-box;position:relative;height:56px;width:100%;display:flex;align-items:center;justify-content:center;padding:0;gap:20px;background:rgba(7,7,8,.24);backdrop-filter:blur(18px);border:0;border-bottom:1px solid #b58c3b65;color:#d6b675;box-shadow:0 8px 24px #0005;font-family:Rajdhani,sans-serif}

.mtg-categories.is-picked-up{position:fixed;top:0;left:0;right:0}

.mtg-categories .mt-nav__inner{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:56px}.mtg-categories .mt-nav__left,.mtg-categories .mt-nav__right{display:block;position:absolute;top:0;height:56px}.mtg-categories .mt-nav__left{left:0}.mtg-categories .mt-nav__right{right:0}

.mtg-menu-toggle{display:none}

/* Coordinate-based layout aligns each word with its original pipe, without editing the asset. */

.mtg-nav-items{position:relative;display:block;width:min(calc(100% - 160px),1100px);height:100%;flex-shrink:0}

.mtg-nav-item{position:absolute;top:0;height:100%;display:flex;align-items:stretch;left:var(--pipe-x);transform:translateX(-50%)}

.mtg-nav-item:nth-child(1){--pipe-x:13.033537%}.mtg-nav-item:nth-child(2){--pipe-x:29.192073%}.mtg-nav-item:nth-child(3){--pipe-x:49.695122%}.mtg-nav-item:nth-child(4){--pipe-x:69.740854%}.mtg-nav-item:nth-child(5){--pipe-x:88.567073%}

.mtg-nav-trigger{display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#d6b675;font:400 16px 'Bebas Neue',sans-serif;letter-spacing:.18em;padding:0 8px;cursor:pointer;text-decoration:none}

.mtg-nav-label{position:relative;display:inline-block;white-space:nowrap}

.mtg-nav-item:is(:hover,:focus-within,.is-open) .mtg-nav-label{color:#fff0b9;text-shadow:0 0 3px #ffe8a3,0 0 10px #dfa338a0,0 0 20px #bb751b55;animation:tube-word .96s linear both}

.mtg-nav-label::before,.mtg-nav-label::after{content:"";position:absolute;pointer-events:none;opacity:0;left:64%;top:45%}

/* Flare is a small optical point on the lettering, never a button background. */

.mtg-nav-label::before{width:28px;height:1px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,#e3b85b,#fff9dc,#e3b85b,transparent);box-shadow:0 0 4px #ecc060}

.mtg-nav-label::after{width:12px;height:12px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#fff6ce 0%,#f3cb7a77 15%,#d7983133 33%,transparent 70%)}

.mtg-nav-item:is(:hover,:focus-within,.is-open) .mtg-nav-label::before,.mtg-nav-item:is(:hover,:focus-within,.is-open) .mtg-nav-label::after{animation:tube-flare .96s linear both}

@keyframes tube-word{0%,13%,39%{color:#92794e;text-shadow:none}7%,26%,51%{color:#fff8d5;text-shadow:0 0 4px #fff1b2,0 0 13px #f4bd4c,0 0 25px #cc872c88}65%,100%{color:#fff0b9;text-shadow:0 0 3px #ffe8a3,0 0 10px #dfa338a0,0 0 20px #bb751b55}}

@keyframes tube-flare{0%,13%,39%{opacity:0}7%,26%,51%{opacity:1}70%{opacity:.45}100%{opacity:.18}}

.mtg-dropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:max-content;min-width:0;padding:10px 0;background:#0d0c0a;border:1px solid #c8a14c45;box-shadow:0 18px 35px #0009;max-height:calc(100svh - 72px);overflow:auto;box-sizing:border-box}

.mtg-nav-item.is-open .mtg-dropdown{display:block}

.mtg-dropdown h4{font-size:10px;letter-spacing:.2em;color:#cfb16f;margin:6px 10px 8px}

.mtg-dropdown a,.mtg-dropdown>button{box-sizing:border-box;display:block;padding:8px 10px;width:100%;text-decoration:none;color:#c6bba5;font:500 13px Rajdhani,sans-serif;white-space:nowrap;background:none;border:0;text-align:center}

.mtg-dropdown a:hover,.mtg-dropdown a:focus-visible{color:#ffedb5;text-shadow:0 0 7px #dfa33899;background:none}.mtg-dropdown>button:disabled{opacity:.45}

.mtg-youth-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:28px;width:max-content}

/* 14px half-gap plus link padding leaves at least 24px beside the centered tube. */

.mtg-youth-grid>div:first-child h4,.mtg-youth-grid>div:first-child a{text-align:right}

.mtg-youth-grid>div:last-child h4,.mtg-youth-grid>div:last-child a{text-align:left}

.mtg-youth-grid::after{content:"";position:absolute;left:calc(50% - 1px);top:0;bottom:0;width:2px;background:#fff0b8;box-shadow:0 0 4px #ffe4a2,0 0 10px #eeb348cc,0 0 20px #c7833655;transform-origin:top;pointer-events:none}

.is-open .mtg-youth-grid::after{animation:tube-divider .88s linear both}

@keyframes tube-divider{0%{transform:scaleY(0);opacity:0}18%{transform:scaleY(.34);opacity:1}30%{transform:scaleY(.45);opacity:.15;box-shadow:none}44%{transform:scaleY(.62);opacity:1;box-shadow:0 0 6px #ffe2a5,0 0 13px #e5a844}60%{transform:scaleY(.82);opacity:.25}76%,100%{transform:scaleY(1);opacity:1;box-shadow:0 0 4px #ffe4a2,0 0 10px #eeb348cc,0 0 20px #c7833655}}

.mtg-arrival{position:absolute;opacity:0;visibility:hidden;pointer-events:none;color:#c8aa6a}

.mtg-wordmark{left:4%;width:96px;transform-origin:left center}.mtg-wordmark img{display:block;width:100%;height:38px;object-fit:contain;opacity:.65}

.mtg-bag{right:4%;width:27px;height:27px;transform-origin:right center}.mtg-bag svg{width:100%;height:100%}

.is-picked-up .mtg-arrival{visibility:visible;pointer-events:auto;animation:warp-in .48s cubic-bezier(.15,.8,.2,1) both}.is-picked-up .mtg-wordmark{pointer-events:auto}.is-picked-up .mtg-bag{animation-delay:.24s}

.mtg-arrival::after{content:"";position:absolute;left:0;right:0;top:48%;height:1px;background:linear-gradient(90deg,transparent,#ffdc88,white,transparent);opacity:0;pointer-events:none}

.is-picked-up .mtg-arrival::after{animation:warp-flash .5s ease-out both}.is-picked-up .mtg-bag::after{animation-delay:.24s}

@keyframes warp-in{0%{opacity:0;transform:translateX(-36px) scaleX(2.6);filter:blur(9px) brightness(4)}65%{opacity:1;filter:blur(.3px) brightness(1.8)}100%{opacity:1;transform:none;filter:none}}

@keyframes warp-flash{0%{opacity:0;transform:scaleX(.1)}25%{opacity:.8;transform:scaleX(1.3)}100%{opacity:0;transform:scaleX(.3)}}

.mtg-categories button:focus-visible,.mtg-categories a:focus-visible{outline:none;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#edcf88}

@media(max-width:1100px){.mtg-nav-trigger{font-size:14px;padding:0 6px}.mtg-wordmark{left:20px;width:80px}.mtg-bag{right:22px}}

@media(max-width:767px){

 .mtg-categories{padding:0;gap:0}.mtg-nav-items{width:100%}.mtg-nav-trigger{font-size:12px;letter-spacing:.05em;padding:0 3px}

 .mtg-wordmark{left:12px;width:75px}.mtg-wordmark img{height:32px}.mtg-bag{right:13px;width:22px;height:22px}

 .mtg-dropdown{max-width:95vw}.mtg-dropdown a{font-size:12px;padding:8px}.mtg-dropdown h4{margin-left:8px;margin-right:8px}

 .is-picked-up{padding:0 48px 0 100px}

 .is-picked-up .mtg-menu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;background:none;border:0;color:#d6b675;font:600 12px Rajdhani,sans-serif;letter-spacing:.12em;padding:0 12px;cursor:pointer}

 .is-picked-up .mtg-nav-items{display:none;position:absolute;top:56px;left:0;right:0;height:auto;background:#0d0c0a;border-bottom:1px solid #c8a14c45;max-height:calc(100svh - 56px);overflow:auto}

 .is-picked-up.is-menu-open .mtg-nav-items{display:flex;flex-direction:column}

 .is-picked-up .mtg-nav-item{position:relative;left:auto;transform:none;display:block;width:100%;height:auto;text-align:center}

 .is-picked-up .mtg-nav-trigger{font-size:16px;letter-spacing:.12em;padding:16px 24px;width:100%;min-height:50px;box-sizing:border-box}

 .is-picked-up .mtg-dropdown{position:relative;top:auto;left:50%;margin-bottom:12px}





}

@media(prefers-reduced-motion:reduce){html:not([data-mtg-motion="on"]){scroll-behavior:auto}:root:not([data-mtg-motion="on"]) .is-picked-up .mtg-arrival{animation:none;opacity:1}:root:not([data-mtg-motion="on"]) .is-picked-up .mtg-arrival::after{animation:none}:root:not([data-mtg-motion="on"]) .mtg-nav-item .mtg-nav-label,:root:not([data-mtg-motion="on"]) .mtg-nav-item .mtg-nav-label::before,:root:not([data-mtg-motion="on"]) .mtg-nav-item .mtg-nav-label::after,:root:not([data-mtg-motion="on"]) .is-open .mtg-youth-grid::after{animation:none!important}}



/* Existing production header shell and cart node stay in place. */

html body.mt20-gold-site #mt-global-header #mt-nav.mtg-categories{display:flex!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:var(--mtg-admin-top,0px)!important;left:0!important;right:0!important;height:56px!important;min-height:56px!important;max-width:none!important;overflow:visible!important;pointer-events:auto!important;transform:none!important;background:rgba(10,9,7,.9)!important;z-index:99999!important}

html body.mt20-gold-site #mt-global-header{display:block!important;height:0!important;visibility:visible!important}

body.mt20-gold-site>#site-header,body.mt20-gold-site #mtx-mobile-nav,body.mt20-gold-site #mtx-mobile-menu,body.mt20-gold-site .mt-mega{display:none!important}

html body.mt20-gold-site #mt-global-header #mt-nav .mt-nav__inner{display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:none!important;height:56px!important;min-height:56px!important;margin:0!important;padding:0!important;transform:none!important}

html body.mt20-gold-site #mt-global-header #mt-nav .mt-nav__left,html body.mt20-gold-site #mt-global-header #mt-nav .mt-nav__right{display:flex!important;position:absolute!important;top:0!important;height:56px!important;width:100px!important;align-items:center!important}

html body.mt20-gold-site #mt-global-header #mt-nav .mt-nav__left{left:0!important}

html body.mt20-gold-site #mt-global-header #mt-nav .mt-nav__right{right:0!important}

html body.mt20-gold-site #mt-global-header #mt-nav .mt-nav__center{flex:none!important}

html body.mt20-gold-site #mt-global-header #mt-nav .mt-nav__logo{position:absolute;left:20px;width:80px;display:block!important;opacity:.65!important}

html body.mt20-gold-site #mt-global-header #mt-nav .mt-nav__logo img{width:100%!important;height:38px!important;object-fit:contain;filter:brightness(0) invert(1)}

html body.mt20-gold-site #mt-global-header #mt-nav .mt-nav__theme-switch{position:absolute!important;right:78px!important;width:46px!important;min-width:46px!important;transform:scale(.75);transform-origin:right center}

html body.mt20-gold-site #mt-global-header #mt-nav #cart-icon-bubble{position:absolute;right:22px;color:#c8aa6a!important;width:27px;height:27px;padding:0;display:flex;align-items:center;justify-content:center}

html body.mt20-gold-site #mt-global-header #mt-nav #cart-icon-bubble>svg{width:27px;height:27px}

body.mt20-gold-site.admin-bar{--mtg-admin-top:32px}

@media(max-width:782px){body.mt20-gold-site.admin-bar{--mtg-admin-top:46px}}

@media(max-width:767px){html body.mt20-gold-site #mt-global-header #mt-nav .mt-nav__logo{left:12px;width:75px}html body.mt20-gold-site #mt-global-header #mt-nav #cart-icon-bubble{right:13px;width:22px}html body.mt20-gold-site #mt-global-header #mt-nav .mt-nav__theme-switch{right:62px!important}html body.mt20-gold-site #mt-global-header #mt-nav{padding:0!important}}



html body.mt20-gold-site #mt-global-header #mt-nav .mtg-nav-trigger{font-family:'Bebas Neue',Impact,sans-serif!important;font-size:16px!important;font-weight:400!important;letter-spacing:.18em!important;background:transparent!important;border:0!important;color:#d6b675!important;padding:0 8px!important}

html body.mt20-gold-site #mt-global-header #mt-nav .mtg-dropdown a{font:500 13px Rajdhani,Arial,sans-serif!important;padding:8px 10px!important;color:#c6bba5!important}

@media(max-width:1100px){html body.mt20-gold-site #mt-global-header #mt-nav .mtg-nav-trigger{font-size:14px!important;letter-spacing:.12em!important}}

@media(max-width:767px){html body.mt20-gold-site #mt-global-header #mt-nav .mtg-nav-trigger{padding:0 3px!important;font-size:12px!important;letter-spacing:.05em!important}html body.mt20-gold-site #mt-global-header #mt-nav.is-picked-up .mtg-nav-trigger{padding:16px 24px!important;font-size:16px!important;letter-spacing:.12em!important}}



/* Home pickup: upper rail stays in the document; the lower border belongs to the nav. */

.mtg-home-header-slot{position:relative;height:56px;background:#080807;border-top:1px solid #c19b50}

html body.mt20-gold-site #mt-global-header #mt-nav[data-mtg-home]{top:var(--mtg-home-top,100vh)!important;background:rgba(7,7,8,.4)!important}

html body.mt20-gold-site #mt-global-header #mt-nav[data-mtg-home]:not(.is-picked-up) .mtg-arrival,html body.mt20-gold-site #mt-global-header #mt-nav[data-mtg-home]:not(.is-picked-up) .mt-nav__theme-switch,html body.mt20-gold-site #mt-global-header #mt-nav[data-mtg-home]:not(.is-picked-up) .mt-nav__left *,html body.mt20-gold-site #mt-global-header #mt-nav[data-mtg-home]:not(.is-picked-up) .mt-nav__right *{visibility:hidden!important;pointer-events:none!important}

html body.mt20-gold-site #mt-global-header #mt-nav[data-mtg-home].is-picked-up .mt-nav__logo{animation:warp-in .48s cubic-bezier(.15,.8,.2,1) both}

html body.mt20-gold-site #mt-global-header #mt-nav[data-mtg-home].is-picked-up #cart-icon-bubble{animation:warp-in .48s .24s cubic-bezier(.15,.8,.2,1) both}

body.page-id-5713.mt20-gold-site .elementor-element-1d9e29f7,body.page-id-5713.mt20-gold-site .elementor-element-42cfd9e6,body.page-id-5713.mt20-gold-site .elementor-element-42cfd9e6>.elementor-widget-container{width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;gap:0!important;overflow:visible!important;transform:none!important;display:block!important}

body.page-id-5713.mt20-gold-site .elementor-5713{overflow:visible!important}

body.page-id-5713.mt20-gold-site{padding-top:0!important}

@media(prefers-reduced-motion:reduce){html body.mt20-gold-site #mt-global-header #mt-nav[data-mtg-home].is-picked-up .mt-nav__logo,html body.mt20-gold-site #mt-global-header #mt-nav[data-mtg-home].is-picked-up #cart-icon-bubble{animation:none}}



html body.mt20-gold-site:not(.page-id-5713){padding-top:56px!important}



html body.mt20-gold-site #mt-global-header #mt-nav[data-mtg-away="true"]{visibility:hidden!important;pointer-events:none!important}



html body.mt20-gold-site #mt-global-header #mt-nav .mtg-menu-toggle{font-family:Rajdhani,Arial,sans-serif!important;font-size:11px!important;letter-spacing:.08em!important;color:#d6b675!important;background:transparent!important;border:0!important;padding:0 6px!important}



@media(max-width:767px){html body.mt20-gold-site #mt-global-header #mt-nav .mtg-menu-toggle{position:absolute;left:94px;right:114px;width:auto!important;top:0;height:56px!important}html body.mt20-gold-site #mt-global-header #mt-nav.is-picked-up .mtg-nav-items{top:56px!important;left:0!important;right:0!important;margin:0!important;transform:none!important}html body.mt20-gold-site #mt-global-header #mt-nav .mt-nav__logo{width:75px!important;left:12px!important;top:9px!important}html body.mt20-gold-site #mt-global-header #mt-nav #cart-icon-bubble{top:14px!important}}



/* WordPress can hide its toolbar while leaving a root margin behind. */

html:has(body.mt20-gold-site.admin-bar){margin-top:var(--mtg-admin-space,0px)!important}


/* 1. Foundations. All production styles belong to the hero or its transition. */

.mt-motion { --metal: 222,178,94; --progress: 0; --exit: 0; position:relative; height:310svh; color:#f1f0ed; background:#080807; font-family:Rajdhani,sans-serif; }

.mt-motion *, .mt-motion-transition * { box-sizing:border-box; }

.mt-motion__stage { position:sticky; top:0; height:100svh; min-height:540px; overflow:hidden; isolation:isolate; background:radial-gradient(ellipse at 50% 40%,#30271a 0%,#19160f 32%,#0c0b08 65%,#070706 100%); }

.mt-motion__atmosphere { position:absolute; inset:-15%; pointer-events:none; opacity:.48; background:radial-gradient(ellipse at 49% 32%,rgba(var(--metal),.20),transparent 42%); transform:translateY(calc(var(--progress) * -7%)); }

.mt-motion__topline { position:absolute; z-index:4; top:100px; left:4.4%; right:4.4%; display:flex; justify-content:space-between; color:#a79678; font-size:10px; font-weight:600; letter-spacing:.24em; opacity:calc(1 - var(--exit)); }

.mt-motion__object { position:absolute; width:min(68vh,660px); height:min(68vh,660px); left:50%; top:34.5%; transform:translate(-50%,-50%); z-index:2; }

.mt-motion__canvas { display:block; width:100%; height:100%; opacity:0; }

.mt-motion[data-renderer="webgl"] .mt-motion__canvas { opacity:1; }

.mt-motion__fallback { position:absolute; width:74%; height:74%; object-fit:contain; left:13%; top:13%; }

.mt-motion[data-renderer="webgl"] .mt-motion__fallback { visibility:hidden; }

.mt-motion__wordmark { position:absolute; z-index:3; bottom:14.5%; left:3%; width:94%; text-align:center; pointer-events:none; transform:translateY(calc(var(--progress) * -12px)); opacity:calc(1 - var(--exit)); }

.mt-motion__overline { display:block; margin-bottom:15px; font-size:10px; letter-spacing:.5em; color:#c8ae7a; font-weight:500; }

.mt-motion h1 { font-family:'Bebas Neue',Impact,sans-serif; font-size:clamp(52px,10.8vw,166px); line-height:.89; letter-spacing:.008em; font-weight:400; margin:0; background:linear-gradient(175deg,#fff2c9 14%,#d8b363 50%,#a57932 87%); color:#f4f3ef; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }

.mt-motion__wordmark p { margin:20px 0 0; color:#b6a482; font-size:11px; font-weight:500; letter-spacing:.34em; }

/* 2. Restrained reflections below the emblem. */

.mt-motion__floor { position:absolute; inset:58% -15% -25%; background:radial-gradient(ellipse at 50% 52%,rgba(var(--metal),.09),transparent 38%); transform:translateY(calc(var(--progress) * 80px)); }

.mt-motion__floor span { position:absolute; left:28%; right:28%; top:51%; height:1px; background:linear-gradient(90deg,transparent,rgba(var(--metal),.34),transparent); box-shadow:0 2px 20px rgba(var(--metal),.13); }

.mt-motion__bottomline { position:absolute; z-index:4; bottom:clamp(32px,7svh,76px); left:4.4%; right:4.4%; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:end; opacity:calc(1 - var(--exit)); }

.mt-motion a { color:inherit; text-decoration:none; }

.mt-motion__skip { justify-self:start; padding:14px 0; font-size:11px; letter-spacing:.16em; border-bottom:1px solid #8b713e; }

.mt-motion__skip span { margin-left:30px; font-size:19px; }

.mt-motion__scroll { display:flex; align-items:center; flex-direction:column; gap:13px; color:#a28c63; font-size:9px; letter-spacing:.18em; }

.mt-motion__scroll-line { display:block; width:1px; height:35px; background:linear-gradient(transparent,#b09255); }

.mt-motion__material { grid-column:3; grid-row:1; justify-self:end; width:max-content; text-align:right; font-size:10px; letter-spacing:.16em; }

.mt-motion__material > span { display:block; color:#aa915f; margin-bottom:7px; font-size:9px; }

.mt-motion__material strong { font-weight:500; }

.mt-motion__progress { position:absolute; height:1px; bottom:0; width:100%; background:#23282c; }

.mt-motion__progress span { display:block; height:100%; width:calc(var(--progress) * 100%); background:rgb(var(--metal)); }

.mt-motion a:focus-visible,.mt-motion button:focus-visible { outline:2px solid #ded5b9; outline-offset:6px; }

/* 3. Parallax bridge: normal-flow foreground over the outgoing sticky scene. */

/* Single original Golden Boy crown crop; no invented or duplicated bevel layers. */

.mt-motion-transition { --bridge:0;  position:relative; z-index:5; min-height:640px; margin-top:-54svh; padding-top:30svh; overflow:clip; color:#e8e6df; background:linear-gradient(180deg,transparent 0%,#090908 22%,#050505 100%); font-family:Rajdhani,sans-serif; }

.mt-motion-transition::before { content:""; position:absolute; inset:14svh 0 0; pointer-events:none; background:radial-gradient(ellipse at 50% 58%,#b17c1919,transparent 44%),url('assets/stone-background.png') center/cover; opacity:.82; mask-image:linear-gradient(transparent,#000 18%,#000 75%,transparent); }

.mt-motion-transition__copy { position:relative; z-index:2; padding:10svh 0 0; text-align:center; }

.mt-motion-transition h2 { font:400 clamp(68px,9vw,136px)/.95 'Bebas Neue',Impact,sans-serif; letter-spacing:.01em; margin:26px 0 25px; }

.mt-motion-transition h2 em { display:inline-block; font-style:normal; color:#d2ae66; }

/* The original five-pipe asset and menu use the same width and source coordinates.

   Endpoints measured in the 1312px source: 171,383,652,915,1162. */

.mt-motion-transition__signature { position:relative; width:min(calc(100% - 160px),1100px); margin:30px auto 0; }

.mt-motion-transition__signature img { display:block; width:100%; height:auto; }



.mt-motion__stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:url('assets/stone-background.png') center/cover;opacity:.17;mask-image:radial-gradient(ellipse at 19% 29%,#000,transparent 32%),radial-gradient(ellipse at 80% 65%,#000,transparent 25%)}

.mt-motion__stage::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:url('assets/heat-stone.png') 5% 24%/34% auto no-repeat,url('assets/heat-stone.png') 95% 78%/22% auto no-repeat;mix-blend-mode:screen;opacity:.13;mask-image:radial-gradient(ellipse at 22% 31%,#000,transparent 29%),radial-gradient(ellipse at 85% 75%,#000,transparent 20%)}

/* One continuous texture prevents rectangular image-tile edges beside the logo.

   Elliptical masks localize backlight without clipping it at a tile boundary. */

.mt-motion-transition::after{content:"";position:absolute;inset:30% 0 0;pointer-events:none;background:url('assets/heat-stone.png') center/cover no-repeat;opacity:.22;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 26% 18% at 14% 24%,#000,transparent 100%),radial-gradient(ellipse 20% 25% at 89% 66%,#000,transparent 100%)}

.mt-motion-transition__gold{position:absolute;top:8svh;left:-12%;width:124%;height:auto;pointer-events:none;overflow:visible;transform:translateY(calc(var(--bridge) * -100px)) rotate(calc(-2deg + var(--bridge) * 4deg)) scale(calc(.96 + var(--bridge) * .08));transform-origin:50% 40%;filter:drop-shadow(0 20px 18px #0008)}

.mt-gold-particles{opacity:0;transition:opacity .18s linear}



/* 4. Responsive geometry, including landscape. No fixed-width canvas. */

@media(max-width:767px),(max-width:932px) and (pointer:coarse) {

 .mt-motion { height:260svh; }

 .mt-motion__stage { min-height:0; }

 .mt-motion__topline { top:92px; left:6%; right:6%; font-size:8px; letter-spacing:.15em; }

 .mt-motion__topline span:last-child { display:none; }

 .mt-motion__object { width:104vw; height:104vw; max-width:68svh; max-height:68svh; top:43.5%; }

 .mt-motion__wordmark { bottom:21%; left:5%; width:90%; }

 .mt-motion h1 { font-size:10.8vw; white-space:nowrap; }

 .mt-motion__overline { font-size:8px; letter-spacing:.28em; margin-bottom:15px; }

 .mt-motion__wordmark p { font-size:8px; letter-spacing:.15em; max-width:300px; margin:14px auto 0; }

 .mt-motion__bottomline { left:6%; right:6%; bottom:6%; grid-template-columns:1fr 1fr; }

 .mt-motion__skip { font-size:8px; letter-spacing:.06em; }

 .mt-motion__skip span { margin-left:10px; font-size:15px; }

 .mt-motion__scroll { position:absolute; width:100%; bottom:-26px; font-size:7px; }

 .mt-motion__scroll-line { display:none; }

 .mt-motion__material { grid-column:2; font-size:8px; }

 .mt-motion-transition { min-height:600px; margin-top:-40svh; padding-top:21svh; }



 .mt-motion-transition__copy { padding:10svh 0 0; }

 .mt-motion-transition h2 { font-size:20vw; }

 .mt-motion-transition__gold{width:116%;left:-8%;top:7svh;transform:translateY(calc(var(--bridge) * -76px)) rotate(calc(-4deg + var(--bridge) * 7deg)) scale(calc(.94 + var(--bridge) * .12))}

 .mt-motion-transition__signature{margin-top:24px}

}

@media(max-width:767px){.mt-motion-transition__signature{width:100%}}

@media(max-height:500px) and (orientation:landscape) {

 .mt-motion__stage { min-height:0; }

 .mt-motion__topline { top:76px; font-size:8px; }

 .mt-motion__object { width:78svh; height:78svh; top:43%; }

 .mt-motion__wordmark { bottom:14%; }

 .mt-motion h1 { font-size:12svh; }

 .mt-motion__overline { display:none; }

 .mt-motion__wordmark p { margin-top:8px; font-size:7px; }

 .mt-motion__bottomline { bottom:5%; }

 .mt-motion__scroll { display:none; }

 .mt-motion-transition h2 { font-size:80px; }

}

/* 5. Respect system reduced-motion preference; no visible motion toggle. */

.mt-motion[data-reduced="true"] { height:100svh; }

.mt-motion[data-reduced="true"] .mt-motion__scroll { display:none; }

.mt-motion[data-reduced="true"] + .mt-motion-transition { margin-top:0; }

@media(prefers-reduced-motion:reduce) {

 :root:not([data-preview-motion="on"]) .mt-motion { height:100svh; }

 :root:not([data-preview-motion="on"]) .mt-motion-transition { margin-top:0; }

 :root:not([data-preview-motion="on"]) .mt-motion__scroll { display:none; }

 :root:not([data-preview-motion="on"]) .mt-gold-particles{display:none}

 :root:not([data-preview-motion="on"]) .mt-motion__wordmark,:root:not([data-preview-motion="on"]) .mt-motion-transition__gold,:root:not([data-preview-motion="on"]) .mt-motion-transition__copy{transform:none}

}
.mtg-home-header-slot.is-picked-up{border-top-color:#c19b50}
}