
@font-face{font-family:'MAGMA Scaver Custom';src:url('../fonts/magma-scaver-custom-regular.woff2?v=0.101') format('woff2'),url('../fonts/magma-scaver-custom-regular.ttf?v=0.101') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Allison';src:url('allison-regular.woff2') format('woff2'),url('allison-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'MAGMA Scaver Custom';src:url('../fonts/magma-scaver-custom-semibold.woff2?v=0.101') format('woff2'),url('../fonts/magma-scaver-custom-semibold.ttf?v=0.101') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--cream:#f5e9d6;--gold:#d9b77c;--ease-out:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}body{margin:0;background:#000;color:var(--cream);font-family:Georgia,serif}main{height:820vh}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#000}video,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.experience-video{visibility:hidden}.experience-video.is-active{visibility:visible}.shade{background:linear-gradient(90deg,rgba(0,0,0,.78),transparent 70%);opacity:0;pointer-events:none}.experience-header{position:absolute;z-index:3;top:30px;left:5%;right:5%;display:flex;justify-content:space-between;font:10px Arial,sans-serif;letter-spacing:3px;color:#e9d6ae}.panel{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:center;padding:8%;opacity:0;pointer-events:none;will-change:opacity,transform}h1,h2,p{margin:0}h1,h2{font-family:'MAGMA Scaver Custom',Georgia,serif}h1{font-size:clamp(22px,2.4vw,38px);font-weight:400}h2{max-width:780px;font-size:clamp(32px,4.2vw,68px);font-weight:400;line-height:1.12}p{max-width:590px;margin-top:24px;font-size:clamp(16px,1.5vw,23px);line-height:1.55;color:#ddd2c2}.eyebrow{margin-bottom:24px;color:var(--gold);font:10px Arial,sans-serif;letter-spacing:4px}.one{align-items:center;justify-content:flex-end;padding-bottom:11vh;text-align:center}.one p{font:10px Arial,sans-serif;letter-spacing:4px}.line{width:1px;height:42px;margin-top:22px;background:#cbb184}.three h2{max-width:720px;font-size:clamp(27px,3.2vw,52px);line-height:1.17}.four{align-items:center;padding:0;background:transparent}.brand-composition{width:min(800px,94vw);display:flex;flex-direction:column;align-items:center;container-type:inline-size}.four .brand-logo{display:block;width:90%;height:auto;margin:0 0 -2%}.four .brand-private{max-width:none;margin:0;color:#fff;font-family:Georgia,serif;font-size:2.92cqw;font-weight:400;line-height:1.4;letter-spacing:.23cqw;text-align:center;white-space:nowrap}.four .brand-zen{display:block;width:59%;height:auto;margin:3% 0 1.5%}.four .brand-promise{max-width:none;margin:0;color:#fff;font-family:Georgia,serif;font-size:2.49cqw;font-weight:400;line-height:1.5;letter-spacing:.1cqw;text-align:center;white-space:nowrap}.brand-actions{display:flex;justify-content:center;gap:12px;margin-top:3.4cqw;pointer-events:auto}.brand-action{min-width:190px;padding:14px 22px;border:1px solid #c6a66e;border-radius:999px;color:#f7e9cf;background:#050505b8;font:400 12px 'MAGMA Scaver Custom',Georgia,serif;letter-spacing:1.2px;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color 220ms var(--ease-out),color 220ms var(--ease-out),transform 220ms var(--ease-out)}.brand-action:first-child{background:#d7b778;color:#17110a}.brand-action:hover,.brand-action:focus-visible{transform:translateY(-2px);background:#f0d399;color:#17110a}.brand-action:focus-visible{outline:2px solid #f0d399;outline-offset:4px}.brand-layer{opacity:0;transform:translateY(14px);will-change:opacity,transform}.checkpoints{position:absolute;z-index:3;bottom:24px;left:5%;display:flex;gap:9px;list-style:none;margin:0;padding:0}.checkpoints li{width:8px;height:8px;border:1px solid #a98c59;border-radius:50%;background:transparent;transition:background-color 200ms var(--ease-out),transform 200ms var(--ease-out)}.checkpoints li[aria-current="true"]{background:#e7c889;transform:scale(1.15)}body.fixed main{height:100vh}body.fixed .checkpoints{display:none}@media(max-width:600px){main{height:900vh}video{inset:0;width:100%;height:100%;object-position:center;object-fit:cover}.panel{padding:8%}.one{padding-bottom:14vh}.two,.three{justify-content:flex-end;padding-bottom:14vh}.two h2{font-size:30px}.two p{margin-top:14px;font-size:16px}.two .eyebrow,.three .eyebrow{margin-bottom:14px;font-size:8px;letter-spacing:2px}.three{padding-bottom:18vh}.three h2{font-size:29px}.shade{background:linear-gradient(180deg,#000b,transparent 90%)}.experience-header{font-size:8px;letter-spacing:2px}.checkpoints{bottom:22px}.brand-actions{gap:8px;margin-top:18px}.brand-action{min-width:0;padding:11px 13px;font-size:10px;letter-spacing:.8px}}@media(prefers-reduced-motion:reduce){main{height:auto}.stage{height:auto;overflow:visible}.panel{position:relative;min-height:100svh;opacity:1!important;transform:none!important}.one,.two,.three{background:#15120f}.four{min-height:100svh;background:#000}.brand-layer{opacity:1!important;transform:none!important}}
body.chapter-mode{overflow:hidden;overscroll-behavior:none}
body.chapter-mode main{height:100svh}
.controls{position:fixed;z-index:5;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;font:11px Arial,sans-serif;color:#cfbd9b;white-space:nowrap}
.controls button{padding:11px 17px;border:1px solid #776346;border-radius:30px;background:#080808c9;color:#f0ddbb;font:inherit;cursor:pointer}
.controls button:disabled{opacity:.35;cursor:default}
.controls button:focus-visible{outline:2px solid #edcd8a;outline-offset:4px}
.controls output{min-width:145px;text-align:center}
body.fixed .controls{display:none}
@media(max-width:600px){.controls{bottom:22px;gap:7px}.controls button{padding:10px}.controls output{min-width:125px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.controls{display:none}}
@media(max-width:600px){}
@media(prefers-reduced-motion:reduce){}
.two p,.three p{font-family:'Magma Script Completa',cursive;font-weight:100;font-size:clamp(25px,2.15vw,33px);line-height:1.38;letter-spacing:.012em}.loading-screen{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:#020202;color:#f5e9d6;opacity:1;visibility:visible;transition:opacity 240ms var(--ease-out),visibility 0s linear 240ms}.loading-screen.is-ready{opacity:0;visibility:hidden;pointer-events:none}.loading-screen.is-skipped{display:none}.loading-inner{width:min(280px,66vw);text-align:center}.loading-mark{color:#eee4d4;font:400 clamp(27px,4.2vw,38px) 'MAGMA Scaver Custom',Georgia,serif;letter-spacing:.14em}.loading-kicker{display:block;margin-top:12px;color:#8f7d61;font:8px Arial,sans-serif;letter-spacing:3.4px;text-transform:uppercase}.loading-track{width:112px;height:1px;margin:24px auto 0;overflow:hidden;background:#2b251d}.loading-progress{display:block;width:100%;height:100%;background:#b99a67;transform:scaleX(.02);transform-origin:left center;transition:transform 160ms linear}.loading-data{display:none}.loading-retry{display:none;margin:24px auto 0;padding:9px 15px;border:1px solid #5d4e38;border-radius:999px;background:transparent;color:#cbb995;font:9px Arial,sans-serif;letter-spacing:1.8px;cursor:pointer}.loading-screen.has-error .loading-retry{display:block}@media(max-width:600px){.two p,.three p{font-size:clamp(22px,5.2vw,26px);line-height:1.4}.two p{margin-top:14px}}@media(prefers-reduced-motion:reduce){.loading-screen{transition:opacity 200ms var(--ease-out)}.loading-progress{transition:none}}.two p,.three p{font-size:clamp(27px,calc(2.15vw - 3px),35px)}.text-heading{opacity:0;transform:translateY(16px);transition:opacity 700ms var(--ease-out),transform 700ms var(--ease-out)}.text-heading.is-revealed{opacity:1;transform:translateY(0)}.reveal-word{display:inline-block;opacity:0;transform:translateY(.35em);transition:opacity 480ms var(--ease-out),transform 480ms var(--ease-out)}.reveal-word.is-revealed{opacity:1;transform:translateY(0)}@media(max-width:600px){.stage::before{content:'';position:absolute;z-index:0;inset:-5%;background:url('magma-001-poster.jpg') center/cover no-repeat;filter:blur(4px) brightness(.78);transform:scale(1.03);transition:opacity 320ms var(--ease-out)}body[data-checkpoint="1"] .stage::before,body[data-checkpoint="2"] .stage::before,body[data-checkpoint="3"] .stage::before{opacity:0}.experience-video{z-index:1}.experience-video[data-segment="0"]{object-fit:contain}.shade{z-index:1}.one{justify-content:flex-start;padding-top:min(72svh,calc(100svh - 210px));padding-bottom:0}.one h1{max-width:94vw;font-size:clamp(18px,5.8vw,24px);line-height:1.15;white-space:nowrap}.two{justify-content:flex-start;padding-top:30svh;padding-bottom:0}.two h2,.two p{max-width:70vw}.two p,.three p{font-size:clamp(24px,calc(5.2vw - 3px),28px)}}@media(prefers-reduced-motion:reduce){.text-heading,.reveal-word{opacity:1!important;transform:none!important;transition:none!important}}
/* WordPress integration and complete static fallback. */
html,body{margin:0;min-height:100%;background:#000}body{overflow-x:hidden}
[hidden]{display:none!important}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}
.experience-header{top:24px;align-items:center;gap:12px}.experience-header>a{text-decoration:none}
.experience-header nav{display:flex;gap:18px;align-items:center;font:11px Arial,sans-serif;letter-spacing:1px}.experience-header nav a{text-underline-offset:5px;text-decoration:none}.experience-header nav a:hover{text-decoration:underline}
.experience-header .location{display:block;margin-top:6px;font:9px Arial,sans-serif;letter-spacing:2px}
.skip-link{position:fixed;top:8px;left:8px;z-index:80;transform:translateY(-200%);background:#000;color:#fff;padding:12px}.skip-link:focus{transform:none}
.panel.four .brand-actions{position:relative;z-index:2}
.brand-location{margin-top:14px;color:#d9b77c;font:10px Arial,sans-serif;letter-spacing:3px}
.experience-legal{margin:20px auto 0;max-width:540px;text-align:center;font:10px/1.55 Arial,sans-serif;color:#baae9a;pointer-events:auto}.experience-legal p{font:inherit;margin:10px 20px 0;color:inherit;max-width:none}.experience-legal nav{display:flex;justify-content:center;gap:20px}.experience-legal a{text-underline-offset:3px}
body:not(.chapter-mode):not(.fixed) main{height:auto}body:not(.chapter-mode):not(.fixed) .stage{height:auto;overflow:visible}body:not(.chapter-mode):not(.fixed) .panel{position:relative;min-height:100svh;opacity:1!important;transform:none!important;pointer-events:auto;background:#080706}body:not(.chapter-mode):not(.fixed) .one{background:linear-gradient(0deg,#0009,#0001),url('magma-001-poster.jpg') center/cover}body:not(.chapter-mode):not(.fixed) .two,body:not(.chapter-mode):not(.fixed) .three{justify-content:center;padding:100px 8%}body:not(.chapter-mode):not(.fixed) .four{padding:100px 0}
body:not(.chapter-mode):not(.fixed) .brand-layer,body:not(.chapter-mode):not(.fixed) .text-heading,body:not(.chapter-mode):not(.fixed) .reveal-word{opacity:1!important;transform:none!important}
body:not(.chapter-mode):not(.fixed) video,body:not(.chapter-mode):not(.fixed) .shade,body:not(.chapter-mode):not(.fixed) .controls,body:not(.chapter-mode):not(.fixed) .checkpoints{display:none}
.loading-screen{pointer-events:none;display:none}.is-preparing .loading-screen{display:grid}.loading-retry{pointer-events:auto}
.age-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:#000e}.age-gate__panel{max-width:520px;padding:30px;background:#080706;border:1px solid #776346;text-align:center}.age-gate__logo{width:180px;height:auto}.age-gate p{font:14px/1.6 Arial,sans-serif;margin:16px auto}.age-gate h2{font-size:30px}.age-gate__actions{display:flex;gap:12px;justify-content:center;margin-top:22px}.age-gate__actions .button{padding:12px 20px;border:1px solid #c6a66e;background:#080808;color:#f5e9d6;font:13px Arial,sans-serif;cursor:pointer;text-decoration:none}.age-gate__actions button{background:#d9b77c!important;color:#090807!important}
body.age-gate-open{overflow:hidden}
body.admin-bar .stage{height:calc(100svh - 32px)}body.admin-bar .experience-header{top:32px}
@media(max-width:600px){.experience-header{top:18px;left:6%;right:6%;font-size:9px}.experience-header nav{gap:12px;font-size:10px;letter-spacing:.3px}.experience-header .location{font-size:8px;letter-spacing:1px}.experience-header .private-label{display:none}.experience-legal{max-width:86vw;margin-top:16px;font-size:9px}.brand-location{font-size:9px;margin-top:14px}.brand-composition{max-height:calc(100svh - 170px)}.four .brand-logo{max-height:27svh;width:auto;max-width:90%;object-fit:contain}.four .brand-zen{max-height:13svh;width:auto;max-width:59%;object-fit:contain}body.admin-bar .stage{height:calc(100svh - 46px)}body:not(.chapter-mode):not(.fixed) .one{background-image:linear-gradient(0deg,#0009,#0001),url('magma-001-poster.jpg')}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* Only the visible scene receives pointer events; text remains copyable. */
.panel[aria-hidden="false"]{pointer-events:auto}
.panel h1,.panel h2,.panel p,.panel .eyebrow{-webkit-user-select:text;user-select:text;cursor:text}
@media(max-width:600px){.chapter-mode .checkpoints{bottom:76px}}

/* Soft black separation for every scene over the changing video frames. */
.panel h1,.panel h2,.panel p,.panel .eyebrow,.panel a,.controls button,.controls output{
 text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.7);
}

/* Text travels through the scene with the video, then rests for reading. */
.scene-copy{position:relative;isolation:isolate;width:min(100%,780px)}
.scene-copy .eyebrow{display:block}
.chapter-mode .scene-copy{will-change:transform}
.chapter-mode .two,.chapter-mode .three{justify-content:center;padding:8%;clip-path:inset(0 0 80px)}
.chapter-mode .three .scene-copy{max-width:720px}
@media(max-width:600px){
 .chapter-mode .two,.chapter-mode .three{justify-content:flex-start;padding:clamp(60px,17svh,145px) 8% 100px;clip-path:inset(0 0 100px)}
 .chapter-mode .two{padding-top:max(17svh,calc((100svh - 133.333vw)/2 + 24px))}
 .chapter-mode .scene-copy{width:84%;max-width:70vw}
 .chapter-mode .scene-copy h2{font-size:clamp(24px,6.7vw,30px)}
 .chapter-mode .scene-copy p{margin-top:18px}
}
@media(max-height:650px) and (max-width:600px){
 .chapter-mode .two,.chapter-mode .three{padding-top:8svh}
 .chapter-mode .two{padding-top:max(8svh,calc((100svh - 133.333vw)/2 + 24px))}
 .chapter-mode .scene-copy{width:100%;max-width:84vw}
 .chapter-mode .scene-copy h2{max-width:none;font-size:clamp(23px,6.5vw,28px)}
 .chapter-mode .scene-copy p{max-width:none}
}
body:not(.chapter-mode):not(.fixed) .scene-copy{transform:none!important;will-change:auto}
@media(prefers-reduced-motion:reduce){.scene-copy{transform:none!important;will-change:auto}}

/* Local, feathered black clouds lift the copy away from the stone wall. */
.chapter-mode .scene-copy::before,
.chapter-mode .scene-copy::after{
 content:'';position:absolute;pointer-events:none;border-radius:46% 54% 58% 42% / 55% 43% 57% 45%;
}
.chapter-mode .scene-copy::before{
 z-index:-1;inset:-22% -13% -24% -12%;
 background:
  radial-gradient(ellipse 48% 52% at 30% 40%,#000c 10%,#0009 45%,#0000 100%),
  radial-gradient(ellipse 46% 50% at 66% 54%,#000c 5%,#0009 44%,#0000 100%),
  radial-gradient(ellipse 52% 40% at 45% 70%,#000a 10%,#0006 48%,#0000 100%);
 filter:blur(14px);
 animation:magma-cloud-drift 8s ease-in-out infinite alternate;
}
.chapter-mode .scene-copy::after{
 z-index:-2;inset:-8% -18% -32% -4%;
 background:radial-gradient(ellipse at center,#0008 0%,#0004 40%,#0000 72%);
 filter:blur(22px);
}
@keyframes magma-cloud-drift{
 from{transform:translate3d(-5px,3px,0) scale(1)}
 to{transform:translate3d(5px,-5px,0) scale(1.035)}
}

/* Shared typography for all four presentation scenes. */
.stage .panel h1,.stage .panel h2{
 font-family:'MAGMA Scaver Custom',Georgia,serif;font-weight:600;color:#eab947;
}
.stage .scene-copy p{
 font-family:'Allison',cursive;font-weight:400;color:#fff;
 font-size:51px;line-height:1.12;letter-spacing:normal;
}
.stage .scene-copy p{transform:translateX(0) translateY(0)}
/* Safe central framing for the new panoramic film on portrait screens. */
@media(max-width:600px){
 .chapter-mode .experience-video{width:190%;left:-45%;right:auto;object-fit:contain;object-position:center}
 .chapter-mode .stage::before{background:#050505;filter:none;transform:none}
 .chapter-mode .one{padding-top:62svh}
}
@media(max-width:600px){
 .stage .scene-copy p{font-size:clamp(34px,9.2vw,43px)}
}
@media(max-width:600px) and (max-height:650px){
 .stage .scene-copy p{font-size:clamp(30px,8.5vw,36px);line-height:1.08}
 .stage .scene-copy p{margin-top:14px}
}
@media(min-width:601px) and (max-height:650px){
 .stage .scene-copy p{font-size:clamp(30px,6.3svh,41px);line-height:1.08}
 .stage .scene-copy h2{font-size:clamp(25px,4.2vw,44px)}
 .stage .scene-copy .eyebrow{margin-bottom:14px}
 .stage .scene-copy p{margin-top:14px}
}
@media(min-width:601px){
 .chapter-mode .four{padding:16px 0 94px}
}
@media(min-width:601px) and (max-height:850px){
 .chapter-mode .brand-composition{width:min(720px,90vw)}
 .chapter-mode .four .brand-logo{max-height:30svh;width:auto;max-width:90%;object-fit:contain}
 .chapter-mode .four .brand-zen{max-height:12svh;width:auto;max-width:59%;object-fit:contain}
}
@media(min-width:601px) and (max-height:650px){
 .chapter-mode .brand-composition{width:min(580px,90vw)}
 .chapter-mode .four .brand-logo{max-height:20svh;margin:0}
 .chapter-mode .four .brand-zen{max-height:10svh;margin:6px 0}
 .chapter-mode .brand-actions{margin-top:10px}
 .chapter-mode .brand-action{padding:8px 16px;font-size:10px}
 .chapter-mode .experience-legal{margin-top:8px;font-size:8px;line-height:1.35}
 .chapter-mode .experience-legal p{margin:6px 0 0}
}
@media(max-width:600px){
 .chapter-mode .scene-copy::before{inset:-14% -14% -16%;filter:blur(10px)}
 .chapter-mode .scene-copy::after{inset:-4% -16% -22% -6%;filter:blur(16px)}
}


/* Language pair: always visible in the header, including the first viewport. */
.magma-language-switcher{position:relative;z-index:5;align-self:center;justify-self:end;color:var(--color-gold,#eab947);font:600 .78rem/1.2 Arial,sans-serif}
.magma-language-switcher summary{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .45rem;border:0;background:rgba(9,8,7,.88);color:inherit;cursor:pointer;list-style:none}
.magma-language-switcher summary::-webkit-details-marker{display:none}
.magma-language-switcher summary::after{content:"";width:.35rem;height:.35rem;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-.1rem) rotate(45deg)}
.magma-language-switcher[open] summary::after{transform:translateY(.1rem) rotate(225deg)}
.magma-language-switcher__menu{position:absolute;top:calc(100% + .3rem);right:0;z-index:10;display:grid;min-width:10.5rem;padding:.35rem;border:1px solid rgba(234,185,71,.65);background:#0d0b08;box-shadow:0 12px 30px #000a}
.magma-language-switcher__menu a{display:flex;min-height:44px;align-items:center;padding:.5rem .7rem;color:#f5ede0;font:500 .86rem/1.25 Arial,sans-serif;text-decoration:none;white-space:nowrap}
.magma-language-switcher__menu a:hover,.magma-language-switcher__menu a:focus-visible,.magma-language-switcher__menu a[aria-current=page]{background:rgba(234,185,71,.16);color:#f9d77a}
.magma-language-switcher summary:focus-visible,.magma-language-switcher__menu a:focus-visible{outline:2px solid #f9d77a;outline-offset:3px}
.magma-language-switcher__flag{display:block;flex:none;width:28px;height:20px;border:1px solid rgba(255,255,255,.45);border-radius:2px}
.magma-language-switcher--gate{display:inline-block;margin:.1rem auto .85rem;z-index:110}
.magma-language-switcher--gate .magma-language-switcher__menu{right:50%;transform:translateX(50%)}
.profile-header{grid-template-columns:8rem minmax(0,1fr) auto auto;gap:clamp(.45rem,1.2vw,1.5rem)}
@media(max-width:1023px){.profile-header{grid-template-columns:auto minmax(0,1fr) auto auto}.profile-header>.magma-language-switcher{position:relative;z-index:3;grid-column:3;grid-row:1}.profile-menu-toggle,.js .profile-menu-toggle{grid-column:4;grid-row:1}}
@media(max-width:640px){.profile-header{gap:.3rem}.profile-brand{width:clamp(4.9rem,24vw,6.25rem)}.profile-header__cta{padding:.45rem .55rem;font-size:clamp(.66rem,2.2vw,.76rem)}}
@media(max-width:360px){.profile-header{gap:.2rem}.profile-brand{width:4.75rem}.profile-header__cta{font-size:.65rem;padding:.4rem .35rem}.magma-language-switcher summary{min-width:42px}}

/* Keep the blurred mobile poster within the layout viewport in static modes. */
@media(max-width:600px){body:not(.chapter-mode):not(.fixed) .stage{overflow-x:clip}}
@media(max-width:600px) and (prefers-reduced-motion:reduce){.stage{overflow-x:clip}}

/* MAGMA floating contact menu: glass depth with transform-only motion. */
.magma-contact-dock{--fab-size:60px;position:fixed;z-index:var(--z-floating,60);right:max(16px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom) + 16px);width:var(--fab-size);height:var(--fab-size);font-family:inherit}
.magma-contact-dock [hidden]{display:none!important}
.magma-contact-dock__toggle,.magma-contact-dock__fallback{position:relative;display:grid;place-items:center;width:var(--fab-size);height:var(--fab-size);padding:0;border:1px solid rgba(246,218,154,.58);border-radius:50%;color:#f7ead0;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.19),transparent 42%),linear-gradient(145deg,#39332d 0%,#1d1b1a 47%,#090909 100%);box-shadow:0 12px 28px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -7px 14px rgba(0,0,0,.57),0 0 0 5px rgba(21,18,15,.25);cursor:pointer;text-decoration:none;transition:transform .22s ease-out,box-shadow .22s ease-out}
.magma-contact-dock__toggle:before,.magma-contact-dock__fallback:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.11);border-radius:50%;pointer-events:none}
.magma-contact-dock__toggle svg,.magma-contact-dock__fallback svg{grid-area:1/1;width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px rgba(240,202,131,.2));transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s ease-out}
.magma-contact-dock__close{opacity:0;transform:rotate(-70deg) scale(.68)}
.magma-contact-dock[data-state="opening"] .magma-contact-dock__chat,.magma-contact-dock[data-state="open"] .magma-contact-dock__chat{opacity:0;transform:rotate(70deg) scale(.68)}
.magma-contact-dock[data-state="opening"] .magma-contact-dock__close,.magma-contact-dock[data-state="open"] .magma-contact-dock__close{opacity:1;transform:rotate(0) scale(1)}
.magma-contact-dock__actions{position:absolute;right:0;bottom:calc(var(--fab-size) + 15px);display:flex;flex-direction:column-reverse;align-items:flex-end;gap:12px;visibility:hidden;pointer-events:none}
.magma-contact-dock[data-state="opening"] .magma-contact-dock__actions,.magma-contact-dock[data-state="open"] .magma-contact-dock__actions,.magma-contact-dock[data-state="closing"] .magma-contact-dock__actions{visibility:visible;pointer-events:auto}
.magma-contact-dock__action{--orb-light:rgba(232,192,110,.35);--orb-dark:#5a421f;display:flex;align-items:center;gap:11px;min-width:188px;height:58px;padding:4px 19px 4px 5px;border:1px solid rgba(241,214,160,.22);border-radius:32px;color:#f8f1e5;background:linear-gradient(155deg,rgba(65,60,54,.98),rgba(25,24,23,.99) 54%,rgba(15,14,14,.99));box-shadow:0 14px 30px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -3px 8px rgba(0,0,0,.3);font-size:15px;font-weight:600;letter-spacing:.01em;line-height:1;text-decoration:none;white-space:nowrap;opacity:0;transform:translate3d(0,27px,0) scale(.82);transform-origin:85% 85%;will-change:transform,opacity}
.magma-contact-dock[data-state="open"] .magma-contact-dock__action{opacity:1;transform:translate3d(0,0,0) scale(1)}
.magma-contact-dock__action--telegram{--orb-light:rgba(87,180,220,.5);--orb-dark:#14465f}
.magma-contact-dock__action--whatsapp{--orb-light:rgba(110,201,126,.5);--orb-dark:#154b32}
.magma-contact-dock__orb{position:relative;flex:none;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.29);border-radius:50%;background:radial-gradient(circle at 33% 18%,rgba(255,255,255,.34),transparent 48%),linear-gradient(150deg,var(--orb-light),var(--orb-dark) 72%);box-shadow:0 3px 11px rgba(0,0,0,.45),0 0 13px var(--orb-light),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -5px 9px rgba(0,0,0,.3)}
.magma-contact-dock__orb:before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.2);border-radius:50%;pointer-events:none}
.magma-contact-dock__orb img{display:block;width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
.magma-contact-dock__label{position:relative;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.magma-contact-dock__toggle:focus-visible,.magma-contact-dock__fallback:focus-visible,.magma-contact-dock__action:focus-visible{outline:2px solid #f9d77a;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.magma-contact-dock__toggle:hover,.magma-contact-dock__fallback:hover{transform:scale(1.045);box-shadow:0 15px 32px rgba(0,0,0,.5),0 0 17px rgba(222,181,100,.22),inset 0 1px 0 rgba(255,255,255,.32)}.magma-contact-dock__action:hover{filter:brightness(1.13)}}
@media(max-width:600px){.magma-contact-dock{--fab-size:56px;right:max(14px,env(safe-area-inset-right) + 12px);bottom:max(18px,env(safe-area-inset-bottom) + 12px)}.magma-contact-dock__actions{bottom:calc(var(--fab-size) + 12px);gap:9px}.magma-contact-dock__action{min-width:174px;height:54px;font-size:14px}.magma-contact-dock__orb{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.magma-contact-dock__toggle,.magma-contact-dock__fallback,.magma-contact-dock__toggle svg{transition:none}.magma-contact-dock__action{will-change:auto}}
@media(max-width:600px){body.home .magma-contact-dock,.magma-immersive-home .magma-contact-dock{--fab-size:48px;right:max(12px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}}

.experience-legal .magma-vip-banner{position:relative;display:grid;width:min(100%,480px);min-height:62px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 auto 8px;padding:8px 13px;overflow:hidden;border:1px solid #ae873d;background:radial-gradient(circle at 10% 50%,#6d4b20aa,transparent 46%),linear-gradient(115deg,#120e0a,#251a0e 68%,#100d0a);box-shadow:0 9px 24px #0007;color:#f6e2b3;text-decoration:none;pointer-events:auto;transition:border-color .2s,transform .2s}
.experience-legal .magma-vip-banner::before{position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,transparent,#e6bd64,transparent);content:""}
.experience-legal .magma-vip-banner__icon img{display:block;width:34px;height:34px}
.experience-legal .magma-vip-banner__copy{display:grid;gap:2px;min-width:0;text-align:left}
.experience-legal .magma-vip-banner__eyebrow{color:#d9b77c;font:600 8px/1.2 Arial,sans-serif;letter-spacing:.14em}
.experience-legal .magma-vip-banner__copy strong{color:#f9dc95;font:600 12px/1.15 Georgia,serif}
.experience-legal .magma-vip-banner__caption{color:#dfd3be;font:400 9px/1.2 Arial,sans-serif}
.experience-legal .magma-vip-banner__arrow{display:grid;width:25px;height:25px;place-items:center;border:1px solid #b99550;border-radius:50%;color:#f5d485;font:600 14px/1 Arial,sans-serif}
.experience-legal .magma-vip-banner:hover{border-color:#f4d27b;transform:translateY(-2px)}
.experience-legal .magma-vip-banner:focus-visible{outline:2px solid #f9d77a;outline-offset:3px}
@media(max-width:600px){.experience-legal .magma-vip-banner{min-height:50px;gap:7px;padding:5px 9px}.experience-legal .magma-vip-banner__icon img{width:27px;height:27px}.experience-legal .magma-vip-banner__copy strong{font-size:10px}.experience-legal .magma-vip-banner__caption{display:none}.experience-legal .magma-vip-banner__arrow{width:21px;height:21px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.experience-legal .magma-vip-banner{transition:none}.experience-legal .magma-vip-banner:hover{transform:none}}

/* The final signature keeps the white serif typography of the approved presentation. */
.stage .four .brand-private,
.stage .four .brand-promise{color:#fff;font-family:Georgia,serif;font-weight:400}
.stage .four .brand-private,
.stage .four .brand-promise,
.stage .four .brand-action{text-shadow:none}
@media(max-width:600px){
 .stage .four .brand-private{font-size:clamp(11px,3.15vw,18px);letter-spacing:.02em}
 .stage .four .brand-promise{font-size:clamp(17px,4.4vw,23px);line-height:1.4;letter-spacing:0;white-space:normal;text-wrap:balance}
 .stage .four .brand-actions{width:min(260px,86vw);flex-direction:column;align-items:stretch}
 .stage .four .brand-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 10px;font-size:16px;line-height:1.2;letter-spacing:0}
}
@media(max-width:360px) and (max-height:650px){
 .stage .four .brand-composition{transform:translateY(-26px)}
 .stage .four .brand-logo{width:60%}
 .stage .four .brand-zen{width:50%}
 .stage .four .brand-actions{margin-top:10px}
}

/* One discreet scroll hint replaces the visible previous/next row. */
.controls{bottom:max(18px,env(safe-area-inset-bottom) + 12px);width:56px;justify-content:center;gap:0}
.controls .scroll-cue{display:grid;place-items:center;width:56px;height:70px;padding:0;border:0;border-radius:28px;background:transparent;box-shadow:none;color:#e9d2a4;cursor:pointer;opacity:1;transition:opacity .25s ease-out,color .25s ease-out}
.controls .scroll-cue:disabled{opacity:.55;cursor:default}
.controls .scroll-cue:focus-visible{outline:2px solid #f3d597;outline-offset:2px}
.scroll-cue svg{display:block;width:44px;height:66px;overflow:visible;filter:drop-shadow(0 2px 5px rgba(0,0,0,.75))}
.scroll-cue__shell{stroke:currentColor;stroke-width:1.15}
.scroll-cue__wheel{stroke:currentColor;stroke-width:1.8;stroke-linecap:round;animation:magma-scroll-hint 5s ease-in-out infinite}
.scroll-cue__arrow{stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;opacity:.76;animation:magma-scroll-hint 5s ease-in-out infinite}
@keyframes magma-scroll-hint{0%,72%,100%{transform:translateY(0);opacity:.76}83%{transform:translateY(4px);opacity:1}92%{transform:translateY(0);opacity:.76}}
.controls .scroll-cue__status{position:absolute;width:1px;min-width:0;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hold-hint{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);display:flex;align-items:center;gap:6px;width:max-content;color:#f0ddbb;font:600 11px/1.2 Arial,sans-serif;letter-spacing:.025em;text-shadow:0 1px 3px #000;pointer-events:none;user-select:none;visibility:hidden;opacity:0;transition:opacity .6s ease-out}
.hold-hint svg{flex:none;filter:drop-shadow(0 1px 3px #000)}
.hold-hint__press{width:25px;height:25px}
.hold-hint__rate{color:currentColor;font:600 13px/1 Arial,sans-serif;letter-spacing:.02em}
body.hold-hint-visible .hold-hint{visibility:visible;opacity:.52;animation:magma-hold-hint 7s ease-in-out infinite}
@keyframes magma-hold-hint{0%,65%,100%{opacity:.52}78%{opacity:.76}91%{opacity:.52}}
body[data-fast-hold="true"] .hold-hint{animation:none;opacity:.82}
body[data-checkpoint="3"] .hold-hint{visibility:hidden!important;animation:none}
@media(prefers-reduced-motion:reduce){.hold-hint,body.hold-hint-visible .hold-hint{animation:none;transition:none}}
@media(max-width:360px){.hold-hint{gap:4px}.hold-hint__press{width:23px;height:23px}.hold-hint__rate{font-size:12px}}
@media(hover:hover) and (pointer:fine){.controls .scroll-cue:hover{color:#fff0c8}}
@media(prefers-reduced-motion:reduce){.scroll-cue__wheel,.scroll-cue__arrow{animation:none}}
