/*
Theme Name: Shambhala Original Character Hero
Theme URI: https://shambhalaconsultancy.netlify.app/
Author: Shambhala Consultancy
Description: Premium Shambhala Consultancy landing page with the original unedited waving-character MP4 presented prominently in the first hero section, plus scroll effects, services and projects.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: shambhala-3d
*/
:root{font-family:'Kanit',sans-serif;color:#D7E2EA;background:#0c0c0c;font-synthesis:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
html,body,#root{margin:0;min-width:320px;width:100%;background:#0c0c0c}
body{overflow-x:hidden}
a{text-decoration:none;color:inherit}
button{font:inherit}
main{overflow-x:clip}
::selection{background:#b100b6;color:white}
.hero{position:relative;min-height:760px;height:100vh;max-height:1100px;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}
.navbar{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(22px,4.3vw,64px) 0;gap:26px}
.nav-brand{display:flex;align-items:center;gap:10px;min-width:200px}
.brand-monogram{font-size:42px;font-weight:900;line-height:.9;letter-spacing:-3px;color:#eef3fc}
.brand-monogram span,.footer-logo span{color:#b74ae5}
.brand-word{font-size:15px;letter-spacing:2.3px;font-weight:700;line-height:1.15}
.brand-word small{display:block;font-size:9px;letter-spacing:5.5px;font-weight:400;opacity:.75;margin-top:3px}
.nav-links{display:flex;gap:clamp(24px,4.5vw,72px);align-items:center}
.nav-links a{font-size:13px;letter-spacing:1.5px;font-weight:500;transition:color .2s,opacity .2s}
.nav-links a:hover{color:#fff;opacity:.65}
.nav-cta{display:flex;align-items:center;gap:12px;border:1px solid #63656a;border-radius:30px;padding:12px 18px;font-size:11px;letter-spacing:1.2px;white-space:nowrap;transition:.3s}
.nav-cta:hover{background:#fff;color:#151515}
.menu-toggle{display:none;background:transparent;color:#fff;border:0}
.hero-overline{z-index:2;position:relative;display:flex;align-items:center;gap:10px;padding:40px clamp(22px,4.3vw,64px) 0;font-size:10px;letter-spacing:3px;color:#9f9fa9}
.status-light{display:inline-block;width:8px;height:8px;background:#9fffbb;border-radius:100%;box-shadow:0 0 12px #72ffaa}
.right-overline{margin-left:auto}
.hero-heading,.light-gradient{background:linear-gradient(180deg,#646973 0%,#BBCCD7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-heading{font-size:clamp(64px,12.65vw,254px);position:relative;z-index:1;line-height:.9;text-align:center;font-weight:900;white-space:nowrap;letter-spacing:-.062em;margin:25px auto 0;width:100%;user-select:none}
.hero-model{position:absolute;left:50%;top:9%;bottom:0;width:min(770px,70vw);transform:translateX(-50%);z-index:4;pointer-events:none}
.avatar-wrapper{position:relative;height:100%;width:100%;pointer-events:none}
.avatar-aura{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:85%;height:65%;border-radius:50%;background:radial-gradient(ellipse,#a167ce25 0%,#587af410 38%,transparent 69%);filter:blur(20px);z-index:0}
.avatar-canvas{position:absolute;inset:0;pointer-events:auto;cursor:grab;touch-action:pan-y}
.avatar-canvas:active{cursor:grabbing}
.avatar-controls{position:absolute;z-index:12;top:64%;right:-12%;display:flex;flex-direction:column;gap:8px;pointer-events:auto}
.avatar-controls button{background:#15151aaf;color:#d6dae4;border:1px solid #5a5968;border-radius:999px;padding:9px 15px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;letter-spacing:1px;backdrop-filter:blur(10px);cursor:pointer;transition:.2s}
.avatar-controls button:hover,.avatar-controls .selected{background:#6328a5;border-color:#b381f9}
.avatar-hint{position:absolute;top:79%;right:-12%;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;opacity:.55}
.hero-bottom{position:relative;margin-top:auto;z-index:5;display:flex;align-items:end;justify-content:space-between;gap:22px;padding:0 clamp(22px,4.3vw,64px) 45px;pointer-events:none}
.hero-bottom>*{pointer-events:auto}
.eyebrow,.section-small-label,.section-kicker{font-size:11px;letter-spacing:2.7px;font-weight:500;opacity:.65}
.hero-description p{font-size:clamp(13px,1.7vw,22px);font-weight:300;line-height:1.35;letter-spacing:1.1px;margin:17px 0 26px}
.hero-scroll{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:1.8px;opacity:.55}
.button-gradient,.button-ghost{border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:17px 28px;color:#fff;font-size:13px;font-weight:500;letter-spacing:1.6px;transition:transform .25s,filter .25s,background .25s;white-space:nowrap}
.button-gradient{background:linear-gradient(123deg,#18011F 7%,#B600A8 37%,#7621B0 72%,#BE4C00 100%);box-shadow:0 4px 4px #b501a740,inset 4px 4px 12px #7721B1;outline:2px solid #fff;outline-offset:3px}
.button-ghost{border:2px solid #d7e2ea;background:transparent}
.button-gradient:hover,.button-ghost:hover{transform:translateY(-4px);filter:brightness(1.2)}
.hero-side-label{position:absolute;right:14px;top:57%;writing-mode:vertical-rl;letter-spacing:2px;font-size:9px;color:#7d8290}
.marquee-section{padding:105px 0 80px;overflow:hidden;background:#0c0c0c}
.marquee-section .section-small-label{padding:0 5% 20px;text-align:right}
.marquee-viewport{overflow:hidden;padding:7px 0}
.marquee-track{display:flex;align-items:center;gap:12px;min-width:max-content;will-change:transform}
.marquee-tile{position:relative;display:block;width:420px;height:270px;flex-shrink:0;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 60% 30%,#49325c,#141922 55%,#292033 100%);border:1px solid #ffffff16}
.marquee-tile img{width:100%;height:100%;object-fit:cover}
.gallery-note{font-size:9px;letter-spacing:2.2px;opacity:.35;text-align:center;margin-top:30px}
.about-section{position:relative;min-height:940px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:170px 28px;overflow:hidden;gap:64px;text-align:center}
.about-section>*:not(.about-decoration){z-index:1}
.display-heading{font-weight:900;line-height:1;letter-spacing:-.06em;text-align:center;font-size:clamp(64px,12vw,170px);margin:24px auto 0}
.about-copy{max-width:610px}
.reveal-paragraph{font-size:clamp(17px,2vw,23px);font-weight:400;line-height:1.8;color:#d7e2ea;letter-spacing:.15px}
.reveal-word{display:inline}
.about-decoration{position:absolute;line-height:1;pointer-events:none;user-select:none;animation:float 5s ease-in-out infinite alternate}
.shape-moon{left:7%;top:15%;font-size:145px;background:linear-gradient(135deg,#eeeaf9,#776ab3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 70px #ffffff12}
.shape-ring{right:9%;top:12%;font-size:150px;color:#aac0dc;text-shadow:10px 15px 18px #445581}
.shape-star{bottom:19%;left:11%;font-size:142px;color:#8a75e0;filter:drop-shadow(10px 10px 16px #7d3c9b44)}
.shape-cube{bottom:17%;right:8%;font-size:155px;color:#bbcce9;filter:drop-shadow(14px 18px 5px #27224f)}
.shape-ring,.shape-cube{animation-delay:-2s}
@keyframes float{to{transform:translateY(-25px) rotate(12deg)}}
.about-footer{position:absolute!important;bottom:34px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;opacity:.45}
.services-section{position:relative;background:#fff;color:#0c0c0c;border-radius:60px 60px 0 0;padding:118px clamp(22px,6vw,94px) 145px}
.dark-heading{color:#0c0c0c}
.dark-kicker{text-align:center}
.services-list{max-width:1140px;margin:95px auto 0}
.service-item{display:grid;grid-template-columns:minmax(110px,25%) 1fr 40px;align-items:center;gap:24px;border-top:1px solid #0c0c0c25;padding:33px 0 39px;transition:padding .2s}
.services-list>div:last-child .service-item{border-bottom:1px solid #0c0c0c25}
.service-item:hover{padding-left:14px}
.service-number{font-size:clamp(60px,9vw,134px);line-height:.95;font-weight:900;letter-spacing:-.055em}
.service-body h3{font-size:clamp(19px,2.5vw,33px);font-weight:500;letter-spacing:.3px;line-height:1.15}
.service-body p{font-size:clamp(14px,1.4vw,18px);max-width:660px;margin-top:12px;line-height:1.6;font-weight:300;color:#5c6267}
.service-title-row{display:flex;align-items:center;gap:15px}
.service-icon{opacity:.42}
.service-arrow{opacity:.5}
.services-footnote{max-width:1140px;display:flex;gap:12px;margin:35px auto 0;font-size:13px;color:#7c8089}
.services-footnote svg{flex-shrink:0}
.projects-section{background:#0c0c0c;color:#d7e2ea;border-radius:60px 60px 0 0;margin-top:-55px;position:relative;z-index:3;padding:112px clamp(20px,5.2vw,80px) 140px}
.projects-section .section-kicker{text-align:center}
.projects-intro{text-align:center;color:#9da7b7;margin-top:23px;font-weight:300;letter-spacing:1px}
.projects-wrap{max-width:1350px;margin:75px auto 0}
.project-card-container{height:83vh;min-height:670px}
.project-card{position:sticky;overflow:hidden;height:620px;max-height:75vh;min-height:520px;border:2px solid #d7e2ea;border-radius:50px;background:#0c0c0c;padding:28px;transform-origin:top center;box-shadow:0 -10px 45px #05050588}
.project-card-top{height:118px;display:flex;align-items:start;gap:35px}
.project-number{font-weight:900;line-height:1;font-size:clamp(60px,8vw,114px);letter-spacing:-.07em}
.project-name{margin-top:8px}.project-name>span{font-size:12px;color:#a0a8b7;letter-spacing:1px}.project-name h3{font-size:clamp(20px,2.8vw,38px);font-weight:500;margin-top:7px;line-height:1}
.project-link{margin-left:auto;margin-top:13px;padding:14px 24px;font-size:12px}
.project-visual-grid{display:grid;grid-template-columns:40% 1fr;gap:13px;height:calc(100% - 118px)}
.project-left{display:grid;grid-template-rows:40% 1fr;gap:13px;min-height:0}
.project-art{position:relative;border-radius:32px;overflow:hidden;display:flex;align-items:end;padding:27px;isolation:isolate}
.project-art>span{position:relative;z-index:2;font-size:clamp(11px,1.6vw,24px);font-weight:500;line-height:1.1;letter-spacing:1.3px}
.project-art-a{background:radial-gradient(circle at 60% 20%,#c8d3fa,#5054ad 55%,#292854)}
.project-art-b{background:linear-gradient(135deg,#1a173f,#6548ab 55%,#b75e8d)}
.project-art-main{background:linear-gradient(145deg,#284fa7 0%,#211642 47%,#5f295b 100%);flex-direction:column;align-items:start;justify-content:space-between;gap:20px}
.business .project-art-a{background:linear-gradient(130deg,#c9dfdb,#2f7876,#18433f)}
.business .project-art-b{background:linear-gradient(130deg,#12272f,#648eac,#93cbbf)}
.business .project-art-main{background:linear-gradient(130deg,#162d38,#2b7378,#0b1d27)}
.services .project-art-a{background:linear-gradient(140deg,#f0c5c1,#d87764,#73324b)}
.services .project-art-b{background:linear-gradient(140deg,#5f2845,#ba728c,#e0ad94)}
.services .project-art-main{background:linear-gradient(145deg,#572c52,#b75579,#d9a383)}
.abstract-orb{position:absolute;z-index:0;width:190px;height:190px;border-radius:50%;left:50%;top:-35%;background:radial-gradient(circle at 32% 30%,white,#b7bddd 30%,#42518e 65%,#24234c);box-shadow:30px 40px 50px #10112855;transform:rotate(-30deg)}
.abstract-grid{position:absolute;inset:0;opacity:.3;background:repeating-linear-gradient(0deg,transparent,transparent 23px,#fff 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#fff 24px);transform:rotate(-15deg) scale(1.6)}
.visual-lines{position:absolute;inset:-20%;background:repeating-radial-gradient(circle at 70% 45%,transparent 0 29px,#ffffff24 30px,#ffffff24 31px,transparent 32px 46px);transform:scale(1.3)}
.visual-circle{position:absolute;width:55%;aspect-ratio:1;right:-7%;top:11%;border-radius:100%;border:28px solid #ffffff0e;box-shadow:0 0 0 29px #ffffff07,0 0 0 80px #ffffff05}
.project-art-main strong{position:relative;z-index:1;max-width:520px;font-size:clamp(30px,4.1vw,68px);line-height:1.08;letter-spacing:-2px;font-weight:800}
.visual-index,.visual-bottom{position:relative;z-index:1;font-size:11px;letter-spacing:2px;opacity:.8}
.visual-bottom{display:flex!important;align-items:center;gap:15px}
.contact-section{padding:110px clamp(24px,6vw,92px) 22px;min-height:690px;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.contact-subhead{display:flex;gap:13px;align-items:center;font-size:11px;letter-spacing:2px}.contact-subhead>span:last-child{margin-left:auto;opacity:.6}
.contact-section h2{font-size:clamp(62px,9.5vw,156px);font-weight:900;line-height:.91;letter-spacing:-.07em;margin:60px 0}
.contact-section h2 em{font-style:normal;background:linear-gradient(90deg,#e9d8f4 0%,#a9a2c5 55%,#69616f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:90px}
.contact-bottom p{font-size:16px;line-height:1.4;letter-spacing:1.5px;font-weight:300}
.footer{border-top:1px solid #ffffff29;padding-top:23px;display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:1.3px;color:#a3a3ae}
.footer-logo{font-size:13px;font-weight:600;color:#e5eaf1}
@media(max-width:1200px){.nav-brand{min-width:0}.hero-heading{font-size:12.4vw}.hero-model{width:79vw;top:12%}.avatar-controls,.avatar-hint{right:-2%}.hero-side-label{display:none}}
@media(max-width:800px){.hero{min-height:690px;max-height:none}.navbar{padding:20px 24px}.nav-links{position:absolute;display:none;flex-direction:column;align-items:stretch;top:74px;right:20px;padding:24px 30px;gap:25px;width:230px;background:#1a1a21;border:1px solid #ffffff38;border-radius:18px;box-shadow:0 20px 50px #0008}.nav-links.open{display:flex}.nav-cta{margin-left:auto}.menu-toggle{display:block;cursor:pointer}.hero-overline{padding:24px 24px 0}.hero-heading{font-size:12.3vw;margin-top:43px}.hero-model{width:95vw;top:14%}.avatar-controls{right:10px;top:66%}.avatar-hint{right:10px;top:80%}.hero-bottom{padding:0 24px 33px}.hero-description p{font-size:16px}.hero-bottom .button-gradient{font-size:11px;padding:13px 15px;gap:9px}.marquee-tile{width:320px;height:215px}.about-section{min-height:820px}.about-decoration{opacity:.5}.shape-moon,.shape-ring,.shape-star,.shape-cube{font-size:90px}.service-item{grid-template-columns:105px 1fr 24px}.projects-section,.services-section{border-radius:42px 42px 0 0}.project-card-container{min-height:610px}.project-card{height:555px;min-height:520px;padding:20px;border-radius:32px}.project-visual-grid{height:calc(100% - 102px)}.project-card-top{height:102px}.project-art{border-radius:22px}.contact-section h2{font-size:9vw}}
@media(max-width:520px){.nav-brand{gap:6px}.brand-monogram{font-size:37px}.brand-word{font-size:11px;letter-spacing:1px}.brand-word small{font-size:8px;letter-spacing:3.3px}.nav-cta{display:none}.hero{height:100svh;min-height:670px;max-height:850px}.hero-overline{font-size:8px;letter-spacing:1.2px;gap:6px;padding-top:22px}.right-overline{font-size:8px}.hero-heading{font-size:12.2vw;margin-top:57px}.hero-model{top:18%;width:120vw;height:78%;bottom:auto}.avatar-controls{right:13%;top:61%;gap:5px}.avatar-controls button{font-size:9px;padding:8px 10px}.avatar-hint{right:13%;top:77%;font-size:8px}.hero-bottom{align-items:flex-end;gap:10px;padding:0 18px 26px}.hero-description .eyebrow{font-size:9px;letter-spacing:1.4px}.hero-description p{font-size:12px;letter-spacing:.6px;margin:12px 0 14px}.hero-scroll{font-size:8px}.hero-bottom .button-gradient{font-size:9px;padding:11px 10px;letter-spacing:.2px;gap:6px;outline-offset:2px;outline-width:1px}.hero-bottom .button-gradient svg{width:12px}.marquee-section{padding-top:45px;padding-bottom:55px}.marquee-tile{width:260px;height:170px;border-radius:14px}.about-section{min-height:780px;padding:120px 25px;gap:47px}.display-heading{font-size:14vw;margin-top:20px}.about-copy{max-width:355px}.reveal-paragraph{font-size:16px;line-height:1.8}.about-footer{font-size:7px;letter-spacing:.4px;gap:4px}.about-decoration{opacity:.35}.shape-moon{left:2%;top:12%}.shape-ring{right:0;top:11%}.shape-star{left:1%;bottom:17%}.shape-cube{right:0;bottom:15%}.button-gradient,.button-ghost{padding:14px 18px;font-size:11px;gap:12px}.services-section{padding:80px 22px 94px;border-radius:30px 30px 0 0}.services-list{margin-top:50px}.service-item{grid-template-columns:70px 1fr 17px;gap:10px;padding:24px 0}.service-number{font-size:54px}.service-body h3{font-size:15px}.service-body p{font-size:12px;line-height:1.45;margin-top:8px}.service-icon,.service-arrow{width:15px;height:15px}.projects-section{padding:85px 13px 90px;border-radius:30px 30px 0 0;margin-top:-35px}.projects-wrap{margin-top:55px}.project-card-container{height:72vh;min-height:495px}.project-card{height:460px;min-height:0;max-height:68vh;padding:12px;border-radius:24px}.project-card-top{height:89px;gap:15px;align-items:start}.project-number{font-size:54px}.project-name{margin-top:2px}.project-name>span{font-size:9px}.project-name h3{font-size:17px}.project-link{font-size:9px;margin:2px 0 0 auto;padding:8px 9px;gap:3px}.project-link svg{width:13px}.project-visual-grid{height:calc(100% - 89px);gap:7px;grid-template-columns:38% 1fr}.project-left{gap:7px}.project-art{padding:12px;border-radius:16px}.project-art>span{font-size:9px;letter-spacing:.2px}.project-art-main strong{font-size:clamp(23px,6vw,38px);letter-spacing:-.7px}.visual-index,.visual-bottom{font-size:7px;letter-spacing:.3px}.visual-bottom svg{width:12px}.abstract-orb{width:100px;height:100px}.contact-section{padding:85px 22px 22px;min-height:580px}.contact-subhead{font-size:9px;letter-spacing:.5px}.contact-section h2{font-size:11vw;margin:70px 0}.contact-bottom{flex-direction:column;align-items:start;gap:40px;margin-bottom:60px}.contact-bottom p{font-size:12px}.footer{font-size:8px;line-height:1.5;align-items:center;flex-wrap:wrap}.footer-logo{font-size:10px;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.about-decoration{animation:none}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* WordPress + model viewer additions */
body{margin:0}
#wpadminbar{z-index:99999}
.admin-bar .navbar{padding-top:45px}
@media(max-width:782px){.admin-bar .navbar{padding-top:63px}}
.shambhala-site{background:#0c0c0c;color:#d7e2ea;overflow:hidden}
.shambhala-site h1,.shambhala-site h2,.shambhala-site h3,.shambhala-site p{margin-bottom:0}
.shambhala-site button{cursor:pointer}
.shambhala-site .avatar-canvas{overflow:visible}
.shambhala-site .avatar-canvas{touch-action:pan-y}
.shambhala-site .gallery-error{display:none}
.shambhala-site .marquee-tile img{display:block}
.shambhala-site .fade-in{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.24,.74,.26,1)}
.shambhala-site .fade-in.visible{opacity:1;transform:none}
.shambhala-site .reveal-word{opacity:.23;transition:opacity .1s linear}
.shambhala-site .menu-toggle{padding:8px}
.shambhala-site a:focus-visible,.shambhala-site button:focus-visible{outline:2px solid #d9d5fa;outline-offset:3px}
.shambhala-site .service-item h3{margin:0}
.shambhala-site .contact-section{margin:0}
@media(prefers-reduced-motion:reduce){.shambhala-site .fade-in{opacity:1;transform:none}.shambhala-site .avatar-art{transition:none}}


/* v1.2: The user's original video is displayed in its entirety, unedited.
   No transparency removal, object-fit crop, 3D deformation, or altered frames. */
.shambhala-site .hero { isolation:isolate; }
.shambhala-site .hero-heading { z-index:1; }
.shambhala-site .hero-model.original-video-hero {
  z-index:4; left:50%; transform:translateX(-50%);
  top:clamp(168px,20vh,230px); bottom:auto;
  width:clamp(290px,30vw,390px);
  height:min(63vh,690px); pointer-events:none;
}
.shambhala-site .original-video-wrap { width:100%; height:100%; position:relative; pointer-events:none; }
.shambhala-site .original-video-frame {
  display:flex; width:100%; height:100%; align-items:center; justify-content:center;
  border-radius:22px; overflow:hidden; background:#fff;
  box-shadow:0 30px 100px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.22);
  pointer-events:auto;
}
.shambhala-site video.original-character-video {
  display:block; height:100%; width:100%; background:#fff;
  object-fit:contain; /* never crop any part of the original video */
  object-position:center center; filter:none; transform:none;
  border:0; border-radius:0; outline:0;
}
.shambhala-site .original-video-controls {
  position:absolute; top:auto; right:0; bottom:-48px; z-index:10;
  display:flex; gap:8px; flex-direction:row; pointer-events:auto;
}
.shambhala-site .original-video-controls button { white-space:nowrap; }
.shambhala-site .original-video-hint {
  position:absolute; top:auto; right:auto; left:0; bottom:-33px;
  color:#bfc4d6; opacity:.82; font-size:9px; letter-spacing:1.5px;
  white-space:nowrap;
}
/* Hero's first-screen focus is the character; content below remains accessible. */
.shambhala-site .hero-bottom { z-index:3; }
@media(min-width:801px) and (max-height:820px) {
  .shambhala-site .hero-model.original-video-hero { top:155px; height:58vh; width:min(32vw,325px); }
}
@media(max-width:800px) {
  .shambhala-site .hero { min-height:730px; }
  .shambhala-site .hero-model.original-video-hero {
    top:clamp(177px,22vh,235px); width:min(53vw,350px); height:min(54vh,530px);
    left:50%; bottom:auto; z-index:4;
  }
  .shambhala-site .original-video-frame { border-radius:18px; }
  .shambhala-site .original-video-hint { font-size:7px; letter-spacing:.5px; bottom:-27px; }
  .shambhala-site .original-video-controls { bottom:-60px; right:0; }
}
@media(max-width:520px) {
  .shambhala-site .hero { min-height:680px; max-height:none; }
  .shambhala-site .hero-heading { margin-top:28px; }
  .shambhala-site .hero-model.original-video-hero {
    top:clamp(170px,22vh,215px); width:min(63vw,275px);
    height:min(48vh,460px); bottom:auto; left:50%;
  }
  .shambhala-site .original-video-frame { border-radius:14px; }
  .shambhala-site .original-video-controls { bottom:-53px; right:0; gap:4px; }
  .shambhala-site .original-video-controls button { font-size:9px; padding:7px 9px; }
  .shambhala-site .original-video-hint { bottom:-22px; font-size:6px; letter-spacing:0; }
  .shambhala-site .hero-bottom { bottom:0; }
}
@media(prefers-reduced-motion:reduce){.shambhala-site .original-video-frame{transition:none}}