/* Rua 9 / glass direction. The structural layout stays in styles.css. */
:root{--glass-line:rgba(255,255,255,.24);--glass-fill:rgba(255,255,255,.075);--glass-shadow:0 24px 80px rgba(0,0,0,.3)}
html,body{overflow-x:clip}
body{background:#080a10;background-image:radial-gradient(ellipse 55vw 48vw at 86% 13%,rgba(71,91,142,.19),transparent 70%),radial-gradient(ellipse 45vw 38vw at 10% 36%,rgba(77,42,77,.13),transparent 75%),linear-gradient(145deg,#07090d,#10121a 43%,#08090d 75%)}
.header{height:76px;margin-top:14px;padding-inline:26px;position:sticky;top:14px;z-index:20;border:1px solid rgba(255,255,255,.24);border-radius:23px;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.035) 42%,rgba(255,255,255,.08));box-shadow:0 18px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(255,255,255,.04);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.header:after,.glass-surface:after{content:"";pointer-events:none;position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(127deg,rgba(255,255,255,.13),transparent 30%,transparent 68%,rgba(255,255,255,.045));mask:linear-gradient(#000,transparent 70%);-webkit-mask:linear-gradient(#000,transparent 70%)}
.nav{gap:8px}.nav a{padding:10px 17px;border-radius:100px;transition:background .25s}.nav a:hover,.nav a:focus-visible{background:rgba(255,255,255,.12)}
.nav-cta{border-color:rgba(255,255,255,.3);background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 24px rgba(0,0,0,.2)}
.nav-cta:hover{background:rgba(255,255,255,.9)}
.hero{isolation:isolate}.hero:before{content:"";position:absolute;width:min(52vw,710px);aspect-ratio:1;right:0;top:44px;z-index:-1;border-radius:50%;background:radial-gradient(circle at 31% 29%,rgba(255,255,255,.16),rgba(100,125,194,.11) 19%,rgba(33,39,65,.13) 51%,rgba(11,13,20,.025) 71%);border:1px solid rgba(255,255,255,.19);box-shadow:inset 25px 27px 55px rgba(255,255,255,.045),inset -28px -27px 55px rgba(0,0,0,.3),0 0 120px rgba(102,123,185,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.hero:after{content:"";position:absolute;width:min(48vw,660px);aspect-ratio:1;right:25px;top:68px;z-index:-1;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px rgba(255,255,255,.015),inset 0 0 30px rgba(255,255,255,.045)}
.hero-trace{-webkit-text-stroke:1px rgba(255,255,255,.075);right:-74px;top:93px}.hero h1 em{color:#aeb9d0}.hero-bottom{border-top-color:rgba(255,255,255,.2)}
.round-link{border:1px solid rgba(255,255,255,.34);background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 16px 35px rgba(0,0,0,.23);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.reel{position:relative;isolation:isolate;background:radial-gradient(circle at 87% 4%,rgba(73,100,162,.25),transparent 34%),linear-gradient(135deg,#11141d,#0c0d13 65%,#17141d)}
.reel:before,.vertical-section:before,.work-section:before,.about:before{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(8px);background:radial-gradient(circle,rgba(91,113,182,.24),transparent 67%)}
.reel:before{width:46vw;height:46vw;right:-14vw;top:-13vw;z-index:-1}.reel-frame{border:1px solid rgba(255,255,255,.28);border-radius:24px;box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.18);background-image:radial-gradient(circle at 68% 24%,rgba(120,153,217,.36),transparent 30%),radial-gradient(circle at 26% 73%,rgba(97,66,108,.28),transparent 34%),linear-gradient(125deg,#131620,#080a12 70%)}
.reel-frame:after{content:"";position:absolute;inset:2px;border-radius:22px;pointer-events:none;border:1px solid rgba(255,255,255,.055);background:linear-gradient(140deg,rgba(255,255,255,.09),transparent 25%)}
.play-button{border:1px solid rgba(255,255,255,.52);background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(215,225,243,.64));box-shadow:inset 0 2px 2px rgba(255,255,255,.9),0 16px 40px rgba(0,0,0,.38);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.vertical-section{position:relative;isolation:isolate}.vertical-section:before{width:50vw;height:50vw;left:-24vw;bottom:8vw;z-index:-1}.vertical-card{border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.2);background-image:radial-gradient(circle at 30% 25%,rgba(139,156,217,.4),transparent 38%),linear-gradient(155deg,#2b3449,#11151e 48%,#0a0c12)}
.vertical-card:nth-child(2){background-image:radial-gradient(circle at 72% 20%,rgba(175,105,123,.35),transparent 38%),linear-gradient(150deg,#35252f,#17151c 50%,#0a0b11)}
.vertical-card:nth-child(3){background-image:radial-gradient(circle at 30% 75%,rgba(131,147,117,.3),transparent 40%),linear-gradient(150deg,#242b2d,#111619 55%,#090b10)}
.vertical-card:after{content:"";position:absolute;inset:1px;border-radius:23px;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.17),transparent 27%,transparent 67%,rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.vertical-no{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.19);border-radius:100px;padding:9px 13px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.vertical-orbit{border-color:rgba(255,255,255,.48);box-shadow:0 0 0 42px rgba(255,255,255,.018),0 0 0 88px rgba(255,255,255,.013),inset 0 0 30px rgba(255,255,255,.06)}
.vertical-bottom{z-index:2}.vertical-bottom button,.work-media button{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.27),0 7px 22px rgba(0,0,0,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.work-section{position:relative;isolation:isolate;color:#f5f5f7;background:radial-gradient(circle at 16% 18%,rgba(72,83,130,.23),transparent 28%),radial-gradient(circle at 89% 69%,rgba(92,52,70,.18),transparent 30%),linear-gradient(145deg,#12141d,#101016 63%,#17131b)}
.work-section:before{width:38vw;height:38vw;right:-12vw;top:20vw;z-index:-1}.work-section .eyebrow,.work-section .section-heading p{color:#a8aebc}.work-media{border:1px solid rgba(255,255,255,.25);border-radius:22px;box-shadow:0 24px 55px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.2)}
.work-media:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(134deg,rgba(255,255,255,.16),transparent 28%,transparent 70%,rgba(255,255,255,.05))}.work-media button,.work-media-no{z-index:2}.work-caption{margin-top:-10px;padding:25px 20px 18px;position:relative;z-index:3;border:1px solid rgba(255,255,255,.14);border-radius:0 0 20px 20px;background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.work-caption small,.work-caption>span{color:#b8bbca}
.statement{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 55%,rgba(251,101,124,.55),transparent 26%),radial-gradient(circle at 20% 20%,rgba(82,27,76,.4),transparent 35%),linear-gradient(120deg,#ab0927,#d90429 55%,#9d0a26)}.statement:before{content:"";position:absolute;width:67vw;height:67vw;right:-16vw;top:-25vw;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-shadow:inset 22px 22px 50px rgba(255,255,255,.08),inset -28px -25px 50px rgba(77,0,20,.15),0 0 70px rgba(255,255,255,.09);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.15),transparent 45%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.statement-inner{position:relative;z-index:1}.statement em{color:#5c1025}
.steps{gap:18px;border:0!important}.steps article,.steps article:not(:first-child){min-height:290px;padding:31px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 70%);box-shadow:inset 0 1px 0 rgba(255,255,255,.21),0 22px 55px rgba(0,0,0,.17);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.steps article:before{content:"";display:block;width:22px;height:22px;float:right;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.65),rgba(255,255,255,.04) 55%)}.steps p{color:#b9beca}
.about{position:relative;isolation:isolate;background:radial-gradient(circle at 18% 50%,rgba(77,95,155,.3),transparent 28%),linear-gradient(120deg,#131722,#15151b 70%)}.about:before{width:45vw;height:45vw;left:-15vw;top:10vw;z-index:-1}.about-visual{border:1px solid rgba(255,255,255,.27);border-radius:28px;background:radial-gradient(circle at 35% 28%,rgba(147,160,214,.35),transparent 38%),linear-gradient(140deg,#323b51,#131722 65%,#0f111a);box-shadow:var(--glass-shadow),inset 0 2px 0 rgba(255,255,255,.2)}.about-visual:after{inset:2px;border-color:rgba(255,255,255,.11);border-radius:25px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 30%)}.about-visual img{filter:drop-shadow(0 15px 45px rgba(0,0,0,.3))}.about-copy p{color:#c3c6d0}
.text-link{border-bottom-color:rgba(255,255,255,.45)}.primary-button{border:1px solid rgba(255,255,255,.6);border-radius:100px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(206,219,245,.7));box-shadow:inset 0 2px 1px rgba(255,255,255,.9),0 17px 38px rgba(0,0,0,.27)}
.footer{background:rgba(5,7,13,.85);border-top-color:rgba(255,255,255,.15)}.video-dialog{border:1px solid rgba(255,255,255,.3);border-radius:22px;overflow:hidden;box-shadow:0 32px 90px rgba(0,0,0,.6)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header,.work-caption,.steps article,.nav-cta{background:#252936}.vertical-no,.vertical-bottom button,.work-media button{background:#434859}}
@media(max-width:800px){.header{height:67px;margin-top:10px;top:10px;padding-inline:16px;border-radius:19px}.hero:before{width:72vw;right:-12vw;top:80px}.hero:after{width:66vw;right:-9vw;top:100px}.hero-trace{top:180px}.steps article,.steps article:not(:first-child){min-height:250px;padding:26px}}
@media(max-width:600px){.header{width:calc(100% - 24px)}.hero:before{width:86vw;right:-29vw;top:110px}.hero:after{width:77vw;right:-23vw;top:132px}.hero h1 em{color:#c3cce0}.reel-frame,.vertical-card,.work-media,.about-visual{border-radius:18px}.vertical-card:after{border-radius:17px}.steps{display:grid;gap:12px}.steps article,.steps article:not(:first-child){min-height:0;padding:25px;border:1px solid rgba(255,255,255,.18)}.work-caption{border-radius:0 0 16px 16px}.statement:before{width:100vw;height:100vw;right:-45vw;top:-5vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}