/* Study06 changes only decorative backgrounds. All original layout, type, spacing,
   breakpoints, nav, logo and native player rules remain in the unchanged baseline CSS. */
.site.page-wrapper{position:relative;z-index:1;background:transparent!important}
.site.page-wrapper main{background:transparent!important}
.site.page-wrapper .hero--brand,.site.page-wrapper .brand-teaser,.site.page-wrapper .manifesto,.site.page-wrapper .services,.site.page-wrapper .drone,.site.page-wrapper .flow,.site.page-wrapper .contact,.site.page-wrapper .footer{background:transparent!important}
.site.page-wrapper .hero-brand-field{background:transparent!important}
.hero-brand-field__base,.hero-brand-field__canvas{display:none!important}
.s6-world{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;isolation:isolate;background:#020407}
.s6-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 82% 30%,#293746,transparent 53%),linear-gradient(160deg,#020406 5%,#101c29 58%,#010305 85%)}
.s6-fallback:after{content:"";position:absolute;top:55%;left:-15%;width:140%;height:75%;transform:perspective(550px) rotateX(67deg) rotateZ(-8deg);transform-origin:50% 0;background:linear-gradient(105deg,transparent 10%,#b9cbdc33 53%,transparent 67%);border-top:1px solid #758da333}
.s6-distance{position:absolute;inset:-18%;transform-origin:69% 45%;will-change:transform;opacity:.93}
.s6-distance img{display:block;width:100%;height:100%;object-fit:cover;object-position:66% 50%;opacity:0;transition:opacity .7s linear}
.s6-ready .s6-distance img{opacity:1}
.s6-reflection{position:absolute;left:18%;top:58%;width:105%;height:35%;background:linear-gradient(105deg,transparent 13%,rgba(189,210,227,.10) 49%,rgba(222,236,246,.22) 53%,transparent 62%);transform-origin:60% 0;filter:blur(18px);mix-blend-mode:screen;will-change:transform,opacity}
.s6-beam{position:absolute;left:53%;top:-25%;width:52%;height:150%;transform-origin:50% 0;background:linear-gradient(90deg,transparent 20%,rgba(182,204,224,.08) 42%,rgba(231,242,250,.18) 50%,rgba(174,200,222,.04) 65%,transparent 80%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);filter:blur(8px);mix-blend-mode:screen;will-change:transform,opacity}
.s6-foreground{position:absolute;top:-20%;left:-75%;width:96%;height:150%;background:linear-gradient(90deg,#010305 70%,rgba(1,3,5,.93) 89%,transparent 100%);border-radius:42%;filter:blur(13px);will-change:transform}
.s6-right{position:absolute;right:-27%;top:-12%;width:34%;height:130%;background:linear-gradient(90deg,transparent,#010305 43%);filter:blur(13px);will-change:transform}
.s6-legibility{position:absolute;inset:0;background:radial-gradient(ellipse at 48% 45%,rgba(0,3,6,.46),rgba(0,3,6,.22) 44%,rgba(0,3,6,.12) 65%,rgba(0,3,6,.34)),linear-gradient(90deg,rgba(0,3,6,.48),rgba(0,3,6,.15) 65%,rgba(0,3,6,.15)),linear-gradient(180deg,rgba(0,3,6,.14),transparent 40%,rgba(0,3,6,.32))}
.s6-grain{position:absolute;inset:0;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}
/* Soft scrims do not alter original geometry. UI surfaces and logo treatments stay intact. */
.hero-brand-layout:before{content:"";position:absolute;z-index:-1;inset:-18% -3%;pointer-events:none;background:radial-gradient(ellipse,rgba(0,3,6,.72) 0,rgba(0,3,6,.38) 44%,transparent 73%);filter:blur(22px)}
.manifesto>.container,.services-intro,.drone-copy,.philosophy-copy,.contact-inner{isolation:isolate}
.s6-controls{position:fixed;z-index:200;left:max(12px,env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:11px;border:1px solid #8a9dad55;border-radius:28px;padding:0 13px;background:rgba(3,8,13,.94);box-shadow:0 4px 22px #0005;color:#d7e2ec;font-family:Arial,"Yu Gothic",sans-serif}
.s6-controls>span{font-size:8px;letter-spacing:.08em;color:#94a7b8}.s6-controls button{display:flex;align-items:center;gap:7px;min-height:44px;background:none;border:0;padding:0;font:10px Arial,"Yu Gothic",sans-serif;color:inherit;cursor:pointer}.s6-controls button:focus-visible{outline:2px solid #e3edf5;outline-offset:4px}.s6-controls svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.2}.menu-open .s6-controls{visibility:hidden}.s6-prototype-note{position:relative;z-index:1;min-height:80px;padding:22px 24px 22px 230px;background:#03070b;color:#96a9b9;font:9px/1.8 Arial,"Yu Gothic",sans-serif}.s6-prototype-note p{margin:0}
@media(max-width:680px){.s6-distance img{object-position:83% 50%}.s6-beam{left:38%;width:85%}.s6-foreground{left:-80%;width:96%}.s6-legibility{background:radial-gradient(ellipse at 47% 43%,rgba(0,3,6,.48),rgba(0,3,6,.26) 43%,rgba(0,3,6,.08) 68%,rgba(0,3,6,.3)),linear-gradient(90deg,rgba(0,3,6,.38),rgba(0,3,6,.12) 80%)}.s6-controls{gap:8px;padding:0 10px}.s6-controls>span{font-size:7px}.s6-controls button{font-size:9px}.s6-prototype-note{padding:18px 22px 82px;min-height:118px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.s6-world *{transition:none!important}}
/* The added control occupies unused header space, never the original hero CTAs. */
.s6-controls{bottom:auto;top:26px;left:300px}
.s6-prototype-note{padding-left:24px;min-height:70px}
@media(max-width:680px){.s6-controls{top:11px;left:auto;right:76px}.s6-prototype-note{min-height:76px;padding:20px 22px}}
@media(max-width:360px){.s6-controls{width:44px;padding:0;justify-content:center}.s6-controls>span,.s6-controls button>span{display:none}.s6-controls button{width:42px;justify-content:center}}
/* Study07: one extended panorama, no overlapping or ghosted equipment.
   Viewpoint moves to the RIGHT and FORWARD: scene travels left and enlarges.
   A near-camera dark flag covers the invisible reset at the end of each take. */
.s6-camera-stack{position:absolute;inset:0;will-change:transform;transform-origin:70% 45%}
.s7-panorama{inset:auto;left:0;top:0;width:var(--pan-w,300vw);height:var(--pan-h,100vh);opacity:1;transform-origin:0 0;animation:s7-camera 32s linear infinite;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.s7-panorama img{width:100%;height:100%;object-fit:fill;object-position:initial;transition:none}
@keyframes s7-camera{0%{transform:translate3d(var(--x-start),var(--y-start),0) scale(1)}81.25%,91.8%{transform:translate3d(var(--x-end),var(--y-end),0) scale(1.16)}91.81%,100%{transform:translate3d(var(--x-start),var(--y-start),0) scale(1)}}
.s7-transition{position:absolute;inset:-3% auto -3% -125%;width:350%;background:linear-gradient(90deg,transparent,#010305 16%,#010305 84%,transparent);will-change:transform;animation:s7-flag 32s linear infinite}
@keyframes s7-flag{0%,81.25%{transform:translate3d(100%,0,0)}89.5%,93%{transform:translate3d(0,0,0)}100%{transform:translate3d(-100%,0,0)}}
.s6-beam{opacity:.30;animation:s7-light 26s linear infinite}
@keyframes s7-light{0%{transform:translate3d(90px,0,0) rotate(-27deg);opacity:0}15%{opacity:.3}80%{opacity:.3}100%{transform:translate3d(-160px,0,0) rotate(-13deg);opacity:0}}
.s6-reflection{opacity:.28;animation:s7-reflect 22s linear -7s infinite}
@keyframes s7-reflect{0%{transform:translate3d(110px,0,0) scaleX(.85);opacity:0}20%,75%{opacity:.28}100%{transform:translate3d(-150px,32px,0) scaleX(1.3);opacity:0}}
.s6-foreground{animation:s7-near 24s linear -5s infinite}
@keyframes s7-near{0%{transform:translate3d(-80px,0,0);opacity:0}15%,72%{opacity:.7}100%{transform:translate3d(175px,-28px,0);opacity:0}}
.s6-right{animation:s7-right 28s linear -8s infinite}
@keyframes s7-right{0%{transform:translate3d(60px,0,0);opacity:0}15%,78%{opacity:.8}100%{transform:translate3d(-100px,0,0);opacity:0}}
.s6-world[data-motion="paused"] *,.s6-world[data-visibility="hidden"] *,.s6-world:not([data-asset="ready"]) .s7-panorama,.s6-world:not([data-asset="ready"]) .s7-transition{animation-play-state:paused!important}
.s6-world[data-asset="css-fallback"] .s7-panorama{display:none}
@media(prefers-reduced-motion:reduce){.s6-world:not([data-motion="running"]) .s7-panorama{animation:none;transform:translate3d(var(--x-start),var(--y-start),0) scale(1)}.s6-world:not([data-motion="running"]) .s7-transition{animation:none;transform:translate3d(100%,0,0)}.s6-world:not([data-motion="running"]) .s6-beam,.s6-world:not([data-motion="running"]) .s6-reflection,.s6-world:not([data-motion="running"]) .s6-foreground,.s6-world:not([data-motion="running"]) .s6-right{animation:none}}

/* Production pause control: fixed overlay, no original-layout changes. */
.s6-controls{padding:0;gap:0}
.s6-controls button{min-width:96px;min-height:44px;justify-content:center;padding:0 12px;box-sizing:border-box}
.s6-controls.is-compact{width:44px;padding:0;justify-content:center}
.s6-controls.is-compact button{width:44px;min-width:44px;padding:0}
.s6-controls.is-compact #s6-label{display:none}
@media(max-width:360px){.s6-controls button{width:44px;min-width:44px;padding:0}}