:root {
  --blue:#2d49f2;
  --blue-deep:#0d1b79;
  --green:#6af5b6;
  --cyan:#19cfe2;
  --ink:#080808;
  --paper:#f6f6f2;
  --white:#ffffff;
  --muted:#666761;
  --line:rgba(8,8,8,.17);
  --line-light:rgba(255,255,255,.22);
  --pad:clamp(22px,4.3vw,74px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Manrope",Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
::selection{background:var(--green);color:var(--ink)}

.page-noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:999;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.cursor-dot{width:10px;height:10px;background:var(--green);border-radius:999px;position:fixed;left:0;top:0;pointer-events:none;z-index:1000;transform:translate(-50%,-50%);mix-blend-mode:difference;opacity:0}

.site-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;padding:0 var(--pad);border-bottom:1px solid rgba(255,255,255,.18);background:rgba(45,73,242,.88);backdrop-filter:blur(18px);color:white}
.brand{justify-self:start;display:flex;align-items:center;width:86px;height:34px;overflow:hidden}
.brand img{display:block;width:100%;height:auto}
.desktop-nav{display:flex;gap:29px;font-size:.79rem}
.desktop-nav a,.header-cta{position:relative}
.desktop-nav a::after,.header-cta::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:right .25s ease}
.desktop-nav a:hover::after,.header-cta:hover::after{right:0}
.header-cta{justify-self:end;font-size:.79rem;font-weight:600}
.header-cta span{margin-left:8px}
.menu-toggle{display:none;background:none;border:0;width:36px;height:36px;padding:8px 0;color:white}
.menu-toggle span{display:block;height:1px;background:currentColor;margin:7px 0}
.mobile-menu{display:none}

.section-pad{padding:112px var(--pad)}
.section-black{background:#080808;color:white}
.section-kicker{font-family:"DM Mono",monospace;font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:50px}
.section-kicker.light{color:rgba(255,255,255,.56)}
.display-title,.hero-heading{margin:0;font-weight:500;line-height:.91;letter-spacing:-.075em}
.display-title{font-size:clamp(3rem,6vw,7rem)}
.display-title em,.hero-heading em{font-family:Georgia,"Times New Roman",serif;font-weight:400}

.hero{position:relative;background:var(--blue);color:white;padding-top:54px;overflow:hidden}
.hero::before{content:"";position:absolute;width:48vw;height:48vw;right:-18vw;top:-12vw;background:radial-gradient(circle,rgba(106,245,182,.22),rgba(25,207,226,.08) 40%,transparent 68%);filter:blur(20px);pointer-events:none}
.hero-mark{position:absolute;right:-3vw;top:82px;width:min(37vw,530px);opacity:.055;transform:rotate(7deg);pointer-events:none}
.hero-eyebrow{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;font-family:"DM Mono",monospace;font-size:.67rem;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.24);padding-bottom:12px}
.hero-heading-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.62fr);gap:56px;align-items:end;padding:56px 0 62px}
.hero-heading{font-size:clamp(3.6rem,7.9vw,9.4rem)}
.hero-aside{max-width:520px;justify-self:end}
.hero-aside>p:first-child{font-size:clamp(1.04rem,1.35vw,1.3rem);line-height:1.54;margin-top:0}
.hero-small{color:rgba(255,255,255,.65);font-size:.84rem;line-height:1.55;max-width:430px}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:29px}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid currentColor;padding:13px 16px;font-size:.79rem;transition:.25s ease}
.btn-light{background:white;color:var(--blue);border-color:white}
.btn-light:hover{background:var(--green);border-color:var(--green);color:#05150e}
.text-link{font-size:.8rem;border-bottom:1px solid currentColor;padding-bottom:3px}
.text-link.light{color:white}

.hero-visual{position:relative;z-index:1;min-height:570px;overflow:hidden;border:1px solid rgba(255,255,255,.24);background:#051b79}
.hero-gradient{position:absolute;inset:-8%;background-image:url('assets/brand-wallpaper.png');background-size:cover;background-position:center;filter:saturate(1.08) contrast(1.02);transform:scale(1.08)}
.hero-gradient::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 35%,rgba(0,0,0,.08))}
.hero-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;background:#07152b;filter:saturate(.92) contrast(1.06)}
.hero-video-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(4,9,25,.62) 0%,rgba(7,18,48,.28) 42%,rgba(45,73,242,.16) 100%),linear-gradient(0deg,rgba(3,7,20,.38) 0%,transparent 42%,rgba(3,7,20,.14) 100%)}
.hero-visual-ui{position:absolute;z-index:3;left:22px;right:22px;top:20px;display:flex;justify-content:space-between;font-family:"DM Mono",monospace;font-size:.6rem;letter-spacing:.04em}
.hero-visual-copy{position:absolute;z-index:3;left:24px;bottom:22px;max-width:430px}
.hero-visual-copy .micro{font-family:"DM Mono",monospace;font-size:.59rem;opacity:.65}
.hero-visual-copy p{font-size:clamp(1.4rem,2.3vw,2.7rem);line-height:1.04;letter-spacing:-.05em;margin:10px 0 0}
.hero-visual>img{position:absolute;z-index:3;width:min(15vw,180px);height:auto;right:7.5%;top:50%;transform:translateY(-50%);filter:drop-shadow(0 12px 35px rgba(0,0,0,.18))}

.marquee{overflow:hidden;background:var(--green);color:#06150e;border-top:1px solid rgba(0,0,0,.14);border-bottom:1px solid rgba(0,0,0,.14);padding:15px 0}
.marquee-track{width:max-content;display:flex;gap:22px;align-items:center;animation:marquee 34s linear infinite;font-family:"DM Mono",monospace;font-size:.68rem;letter-spacing:.05em}
.marquee-track i{font-style:normal;opacity:.6}
@keyframes marquee{to{transform:translateX(-50%)}}

.manifesto-grid,.about-grid,.contact-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:90px}
.manifesto-copy{align-self:end;font-size:1rem;line-height:1.65}
.manifesto-copy p{color:#44453f}.manifesto-copy strong{display:block;margin-top:28px;font-size:1.02rem}

.numbers{padding-top:88px;padding-bottom:88px}
.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-light)}
.number-card{min-height:270px;padding:28px 28px 24px 0;border-right:1px solid var(--line-light);position:relative}
.number-card:not(:first-child){padding-left:28px}.number-card:last-child{border-right:0}
.num,.num-suffix{font-size:clamp(3.5rem,6vw,7rem);letter-spacing:-.07em;line-height:1}
.number-card p{position:absolute;bottom:22px;left:0;max-width:195px;color:#999;font-size:.8rem;line-height:1.5}.number-card:not(:first-child) p{left:28px}

.system-head,.services-head,.work-head{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:end}
.system-intro,.services-intro,.work-intro{max-width:460px;justify-self:end;color:var(--muted);line-height:1.6}
.system-map{margin-top:90px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);position:relative;overflow:hidden}
.system-map::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(45,73,242,.06),transparent 45%,rgba(106,245,182,.08));pointer-events:none}
.map-center{grid-column:1/-1;min-height:330px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}
.map-center::before{content:"";position:absolute;inset:0;background-image:url('assets/brand-gradient.jpg');background-size:cover;background-position:center 45%;opacity:.43;mix-blend-mode:screen;filter:saturate(1.2)}
.map-center img{position:relative;width:92px;z-index:1}.map-center small{position:relative;z-index:1;margin-top:14px;color:white;font-family:"DM Mono",monospace;font-size:.58rem;letter-spacing:.12em}
.map-card{padding:24px;min-height:230px;border-right:1px solid var(--line);position:relative;background:rgba(246,246,242,.93)}
.map-card:last-child{border-right:0}.map-card span{font-family:"DM Mono",monospace;font-size:.63rem;color:var(--blue)}.map-card h3{font-size:1.35rem;margin:58px 0 12px;letter-spacing:-.04em}.map-card p{font-size:.82rem;line-height:1.55;color:var(--muted);max-width:210px}

.services{position:relative;overflow:hidden}.services>*:not(.services-bg){position:relative;z-index:1}.services-bg{position:absolute;width:760px;height:760px;right:-310px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(45,73,242,.34),rgba(25,207,226,.14) 38%,transparent 70%);filter:blur(18px)}
.services .display-title{color:white}.services .services-intro{color:#969696}.services-list{margin-top:90px;border-top:1px solid var(--line-light)}
.service-row{display:grid;grid-template-columns:60px minmax(250px,.8fr) 1.2fr 40px;gap:22px;align-items:center;min-height:145px;border-bottom:1px solid var(--line-light);transition:background .25s ease,padding .25s ease}
.service-row:hover{background:linear-gradient(90deg,rgba(45,73,242,.2),rgba(106,245,182,.06));padding-left:14px}
.service-index{font-family:"DM Mono",monospace;font-size:.68rem;color:#6f6f6f}.service-row h3{font-size:clamp(1.35rem,2vw,2rem);font-weight:500;margin:0;letter-spacing:-.04em}.service-row p{margin:0;color:#979797;font-size:.84rem;line-height:1.58;max-width:680px}.service-arrow{justify-self:end;font-size:1.1rem}

.principles-head{max-width:1100px}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid var(--line)}
.principle{padding:22px 24px 0 0;min-height:300px;border-right:1px solid var(--line);position:relative}.principle:not(:first-child){padding-left:24px}.principle:last-child{border-right:0}.principle span{font-family:"DM Mono",monospace;font-size:.66rem;color:var(--blue)}.principle h3{font-size:1.25rem;font-weight:500;letter-spacing:-.035em;margin-top:70px}.principle p{font-size:.82rem;line-height:1.55;color:var(--muted);position:absolute;bottom:10px;max-width:240px}

.brand-break{height:min(70vw,760px);min-height:520px;position:relative;overflow:hidden;background-image:url('assets/brand-wallpaper.png');background-size:cover;background-position:center;color:white;padding:28px var(--pad)}
.brand-break::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.12))}
.brand-break>img{position:absolute;z-index:1;width:min(19vw,230px);right:9%;top:50%;transform:translateY(-50%)}
.brand-break-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between;max-width:750px}.brand-break-copy span{font-family:"DM Mono",monospace;font-size:.63rem}.brand-break-copy p{font-size:clamp(2rem,4.6vw,5.6rem);line-height:.98;letter-spacing:-.065em;margin:0 0 18px}

.work{background:#efefeb}.work-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;margin-top:90px}.case-large{grid-row:span 2}.case-visual{min-height:340px;position:relative;overflow:hidden;background:#171717;display:flex;align-items:center;justify-content:center;color:white}.case-large .case-visual{min-height:700px}.case-visual>span{font-size:clamp(3.5rem,8vw,10rem);font-weight:600;letter-spacing:-.08em;opacity:.14;transform:rotate(-7deg)}.case-label{position:absolute;top:18px;left:18px;font-family:"DM Mono",monospace;font-size:.58rem;color:white;z-index:2}.visual-one{background-image:linear-gradient(145deg,rgba(0,0,0,.12),rgba(0,0,0,.35)),url('assets/brand-gradient.jpg');background-size:cover;background-position:center}.visual-two{background:var(--blue)}.visual-two::before{content:"";position:absolute;inset:0;background-image:url('assets/stoot-mark-white.png');background-repeat:no-repeat;background-size:46%;background-position:75% 55%;opacity:.12}.visual-three{background:#060606}.visual-three::before{content:"";position:absolute;inset:0;background-image:url('assets/stoot-mark-gradient.png');background-repeat:no-repeat;background-size:50%;background-position:center;opacity:.85}.case-meta{display:flex;justify-content:space-between;gap:20px;padding:14px 0 8px;border-bottom:1px solid rgba(8,8,8,.22)}.case-meta h3{margin:0;font-size:1rem;font-weight:500}.case-meta span{font-family:"DM Mono",monospace;font-size:.66rem;color:#666}.work-note{margin:22px 0 0 auto;max-width:560px;font-size:.72rem;line-height:1.5;color:#666}

.about{position:relative;overflow:hidden;background:#07152b;color:white}.about>*:not(.about-gradient):not(.about-mark){position:relative;z-index:2}.about-gradient{position:absolute;inset:0;background-image:url('assets/brand-gradient.jpg');background-size:cover;background-position:center;opacity:.64;filter:saturate(1.18) contrast(1.06)}.about::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.24),rgba(0,0,0,.42))}.about-mark{position:absolute;z-index:1;right:-4vw;bottom:-11vw;width:min(42vw,600px);opacity:.08}.about-copy{align-self:end;max-width:540px}.about-copy p{font-size:1rem;line-height:1.65;color:rgba(255,255,255,.8)}.about-list{display:flex;flex-direction:column;gap:0;margin:38px 0;border-top:1px solid rgba(255,255,255,.34)}.about-list span{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.34);font-family:"DM Mono",monospace;font-size:.72rem}.about-copy strong{font-size:1.05rem}

.contact{padding-bottom:130px}.contact-copy>p{max-width:560px;line-height:1.65;color:var(--muted);margin-top:38px}.contact-form{align-self:end;border-top:1px solid var(--line)}.contact-form label{display:grid;grid-template-columns:42px 1fr;align-items:center;border-bottom:1px solid var(--line);min-height:76px}.contact-form label span{font-family:"DM Mono",monospace;font-size:.62rem;color:var(--blue)}.contact-form input,.contact-form textarea{width:100%;border:0;outline:0;background:transparent;resize:none;padding:20px 0;color:var(--ink)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#777}.submit-btn{width:100%;border:0;margin-top:24px;padding:18px 0;background:var(--blue);color:white;display:flex;justify-content:space-between;cursor:pointer;transition:.25s ease}.submit-btn:hover{background:var(--green);color:#06150e;padding-left:16px;padding-right:16px}.form-feedback{font-size:.74rem;margin-top:12px;color:var(--muted);min-height:18px}

.footer{background:var(--blue);color:white;padding:78px var(--pad) 30px;position:relative;overflow:hidden}.footer::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-220px;bottom:-260px;background:radial-gradient(circle,rgba(106,245,182,.24),transparent 68%)}.footer>*{position:relative;z-index:1}.footer-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:44px}.footer-logo{width:min(46vw,520px);height:auto;display:block}.footer-top p{color:rgba(255,255,255,.7);font-size:.82rem}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .8fr;gap:50px;padding:60px 0 80px}.footer-label{font-family:"DM Mono",monospace;color:rgba(255,255,255,.45);font-size:.6rem;display:block;margin-bottom:18px}.footer-grid p,.footer-grid a{font-size:.78rem;line-height:1.75;color:rgba(255,255,255,.72);display:block}.footer-grid a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:22px;display:flex;justify-content:space-between;color:rgba(255,255,255,.58);font-size:.66rem;font-family:"DM Mono",monospace}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.75,.2,1),transform .75s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}

@media(max-width:1000px){
  .desktop-nav,.header-cta{display:none}.site-header{grid-template-columns:1fr auto}.menu-toggle{display:block;justify-self:end}.mobile-menu{position:fixed;top:78px;inset-inline:0;z-index:99;background:var(--blue);color:white;border-bottom:1px solid rgba(255,255,255,.2);padding:24px var(--pad) 34px;flex-direction:column;gap:20px;font-size:1.35rem}.mobile-menu.open{display:flex}
  .hero-heading-wrap,.manifesto-grid,.about-grid,.contact-grid,.system-head,.services-head,.work-head{grid-template-columns:1fr}.hero-aside,.system-intro,.services-intro,.work-intro{justify-self:start;max-width:650px}.numbers-grid{grid-template-columns:repeat(2,1fr)}.number-card:nth-child(2){border-right:0}.number-card:nth-child(-n+2){border-bottom:1px solid var(--line-light)}.principles-grid{grid-template-columns:repeat(2,1fr)}.principle:nth-child(2){border-right:0}.principle:nth-child(-n+2){border-bottom:1px solid var(--line)}.service-row{grid-template-columns:50px minmax(200px,.8fr) 1.2fr 30px}.system-map{grid-template-columns:repeat(2,1fr)}.map-card:nth-of-type(2){border-right:0}.map-card:nth-of-type(-n+2){border-bottom:1px solid var(--line)}
}

@media(max-width:720px){
  :root{--pad:20px}.section-pad{padding-top:80px;padding-bottom:80px}.site-header{min-height:66px}.mobile-menu{top:66px}.hero{padding-top:34px}.brand{width:74px}.hero-eyebrow span:nth-child(2){display:none}.hero-heading-wrap{padding:42px 0 42px;gap:34px}.hero-heading{font-size:clamp(3.2rem,15vw,5.7rem)}.hero-aside>p:first-child{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-visual{min-height:490px}.hero-visual>img{width:105px;right:8%;top:38%}.hero-visual-copy{max-width:290px}.hero-visual-ui span:last-child{display:none}
  .manifesto-grid,.about-grid,.contact-grid{gap:42px}.numbers-grid{grid-template-columns:1fr}.number-card,.number-card:not(:first-child){border-right:0;border-bottom:1px solid var(--line-light);padding:24px 0;min-height:210px}.number-card:last-child{border-bottom:0}.number-card p,.number-card:not(:first-child) p{left:0}
  .system-map{grid-template-columns:1fr}.map-center{min-height:260px}.map-card,.map-card:nth-of-type(2){border-right:0;border-bottom:1px solid var(--line);min-height:200px}.service-row{grid-template-columns:36px 1fr 24px;gap:12px;padding:23px 0;min-height:0}.service-row p{grid-column:2/4}.services-list{margin-top:58px}.principles-grid{grid-template-columns:1fr;margin-top:58px}.principle,.principle:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:22px 0;min-height:230px}.principle p{position:static;margin-top:48px}.work-grid{grid-template-columns:1fr}.case-large{grid-row:auto}.case-large .case-visual,.case-visual{min-height:420px}.brand-break{height:620px}.brand-break>img{width:115px;right:9%;top:26%}.brand-break-copy p{font-size:2.9rem}.footer-top{align-items:flex-start;flex-direction:column;gap:28px}.footer-logo{width:78vw}.footer-grid{grid-template-columns:1fr;gap:28px;padding:48px 0}.footer-bottom{gap:18px;flex-direction:column}.contact{padding-bottom:90px}
}

@media(pointer:coarse){.cursor-dot{display:none}}

@media (prefers-reduced-motion: reduce){.hero-video{display:none}}

/* V4 — editorial media wall / user portfolio assets */
.brand-media{
  position:relative;
  min-height:1180px;
  overflow:hidden;
  isolation:isolate;
  background:#05070b;
  color:#fff;
  padding:clamp(72px,7vw,118px) var(--pad) 46px;
}
.brand-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    radial-gradient(circle at 88% 9%,rgba(106,245,182,.20),transparent 27%),
    radial-gradient(circle at 14% 78%,rgba(45,73,242,.40),transparent 32%),
    linear-gradient(145deg,#03050a 0%,#07152b 48%,#05070b 100%);
}
.brand-media-glow{
  position:absolute;
  z-index:-2;
  width:62vw;
  height:62vw;
  border-radius:50%;
  right:-24vw;
  top:25%;
  background:radial-gradient(circle,rgba(29,207,226,.12),rgba(45,73,242,.08) 38%,transparent 67%);
  filter:blur(28px);
  pointer-events:none;
}
.brand-media-mark{
  position:absolute;
  z-index:-1;
  width:min(47vw,650px);
  right:-8vw;
  bottom:-9vw;
  opacity:.035;
  transform:rotate(-8deg);
  pointer-events:none;
}
.brand-media-copy{
  position:relative;
  z-index:12;
  max-width:940px;
}
.brand-media-copy>span{
  display:block;
  margin-bottom:30px;
  font-family:"DM Mono",monospace;
  font-size:.64rem;
  letter-spacing:.06em;
  color:rgba(255,255,255,.62);
}
.brand-media-copy h2{
  max-width:930px;
  margin:0;
  font-size:clamp(3.15rem,6.2vw,7.2rem);
  font-weight:500;
  line-height:.91;
  letter-spacing:-.075em;
}
.brand-media-copy h2 em{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
}
.brand-media-copy p{
  max-width:540px;
  margin:34px 0 0;
  font-size:.92rem;
  line-height:1.65;
  color:rgba(255,255,255,.64);
}
.brand-media-canvas{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
}
.media-float{
  position:absolute;
  margin:0;
  overflow:hidden;
  background:#111;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  box-shadow:0 35px 90px rgba(0,0,0,.38);
  pointer-events:auto;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .45s ease;
}
.media-float::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(180deg,transparent 57%,rgba(0,0,0,.58) 100%);
  pointer-events:none;
}
.media-float:hover{
  z-index:20;
  border-color:rgba(106,245,182,.65);
  box-shadow:0 44px 110px rgba(0,0,0,.48),0 0 0 1px rgba(106,245,182,.12);
}
.media-float video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1.015);
  transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .35s ease;
  filter:saturate(.96) contrast(1.03);
}
.media-float:hover video{transform:scale(1.055);filter:saturate(1.08) contrast(1.04)}
.media-float figcaption{
  position:absolute;
  z-index:3;
  left:16px;
  right:16px;
  bottom:14px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:14px;
  color:#fff;
}
.media-float figcaption span{
  font-family:"DM Mono",monospace;
  font-size:.55rem;
  color:rgba(255,255,255,.65);
}
.media-float figcaption strong{
  max-width:74%;
  text-align:right;
  font-size:.66rem;
  line-height:1.25;
  font-weight:500;
}
.media-design{width:min(23vw,335px);aspect-ratio:4/5;left:5%;top:43%;transform:rotate(-3.8deg)}
.media-design:hover{transform:rotate(-1.2deg) translateY(-10px)}
.media-congresso{width:min(28vw,430px);aspect-ratio:4/5;right:7%;top:12%;transform:rotate(2.4deg)}
.media-congresso:hover{transform:rotate(.7deg) translateY(-12px)}
.media-health{width:min(19vw,285px);aspect-ratio:9/16;left:42%;top:38%;transform:rotate(-1.1deg)}
.media-health:hover{transform:rotate(.2deg) translateY(-11px)}
.media-evento{width:min(25vw,375px);aspect-ratio:4/5;left:13%;top:70%;transform:rotate(2.8deg)}
.media-evento:hover{transform:rotate(.8deg) translateY(-10px)}
.media-exterior{width:min(19vw,286px);aspect-ratio:9/16;right:14%;top:61%;transform:rotate(4deg)}
.media-exterior:hover{transform:rotate(1.4deg) translateY(-12px)}
.brand-media-footer{
  position:absolute;
  z-index:12;
  left:var(--pad);
  right:var(--pad);
  bottom:28px;
  display:flex;
  align-items:center;
  gap:15px;
  font-family:"DM Mono",monospace;
  font-size:.56rem;
  letter-spacing:.05em;
  color:rgba(255,255,255,.48);
}
.brand-media-footer i{display:block;width:32px;height:1px;background:rgba(255,255,255,.26)}

@media(max-width:1000px){
  .brand-media{min-height:1050px}
  .brand-media-copy{max-width:760px}
  .media-design{width:29vw;left:4%;top:46%}
  .media-congresso{width:32vw;right:4%;top:20%}
  .media-health{width:23vw;left:39%;top:48%}
  .media-evento{width:29vw;left:9%;top:73%}
  .media-exterior{width:23vw;right:10%;top:66%}
}

@media(max-width:720px){
  .brand-media{min-height:auto;padding:78px var(--pad) 30px}
  .brand-media-copy h2{font-size:clamp(3rem,14vw,5rem)}
  .brand-media-copy p{font-size:.84rem;margin-top:26px}
  .brand-media-canvas{
    position:relative;
    inset:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:54px;
    pointer-events:auto;
  }
  .media-float,.media-design,.media-congresso,.media-health,.media-evento,.media-exterior{
    position:relative;
    inset:auto;
    width:100%;
    transform:none;
    border-radius:12px;
  }
  .media-float:hover,.media-design:hover,.media-congresso:hover,.media-health:hover,.media-evento:hover,.media-exterior:hover{transform:none}
  .media-design,.media-congresso,.media-evento{aspect-ratio:4/5}
  .media-health,.media-exterior{aspect-ratio:9/16}
  .media-congresso{grid-row:span 1}
  .media-health{margin-top:46px}
  .media-evento{margin-top:-22px}
  .media-exterior{margin-top:22px}
  .brand-media-footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:38px;flex-wrap:wrap;gap:10px}
  .brand-media-footer i{width:18px}
  .brand-media-mark{width:86vw;right:-34vw;bottom:4%;opacity:.025}
}

@media (prefers-reduced-motion: reduce){
  .brand-media video{display:none}
  .media-float{background-size:cover;background-position:center}
  .media-design{background-image:url('assets/media-wall/card-design.jpg')}
  .media-congresso{background-image:url('assets/media-wall/card-congresso.jpg')}
  .media-health{background-image:url('assets/media-wall/card-health.jpg')}
  .media-evento{background-image:url('assets/media-wall/card-evento.jpg')}
  .media-exterior{background-image:url('assets/media-wall/card-exterior.jpg')}
}

/* V5 — editorial portfolio built from the 13 real Stoot cover artworks */
.work-portfolio{
  position:relative;
  overflow:hidden;
  background:#efefeb;
  color:#080808;
}
.work-portfolio::before{
  content:"";
  position:absolute;
  width:52vw;
  height:52vw;
  border-radius:50%;
  right:-25vw;
  top:4%;
  background:radial-gradient(circle,rgba(45,73,242,.12),rgba(45,73,242,.035) 44%,transparent 70%);
  filter:blur(30px);
  pointer-events:none;
}
.work-shell{position:relative;z-index:2;padding-bottom:42px}
.work-intro-wrap{justify-self:end;max-width:520px;width:100%}
.work-intro-wrap .work-intro{justify-self:auto;margin:0;max-width:500px}
.work-count{
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid rgba(8,8,8,.2);
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.work-count>span{
  font-size:clamp(2.7rem,4vw,5.2rem);
  line-height:.78;
  font-weight:500;
  letter-spacing:-.07em;
}
.work-count small{
  font-family:"DM Mono",monospace;
  font-size:.58rem;
  line-height:1.35;
  text-transform:uppercase;
  color:#6e6e6e;
}
.portfolio-stage{
  position:relative;
  z-index:2;
  padding:40px var(--pad) 20px;
}
.portfolio-row{
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:clamp(14px,1.6vw,28px);
  margin:0 auto clamp(40px,7vw,118px);
}
.portfolio-row-a{padding-right:1.5vw}
.portfolio-row-b{padding-left:2.5vw;padding-right:3.5vw}
.portfolio-row-c{padding-left:1vw}
.portfolio-card{
  flex:0 0 auto;
  margin:0;
  min-width:0;
  transition:transform .55s cubic-bezier(.2,.8,.2,1);
}
.portfolio-card.card-xl{width:28.5%}
.portfolio-card.card-lg{width:24.5%}
.portfolio-card.card-md{width:20.5%}
.portfolio-card.card-sm{width:15.5%}
.portfolio-card.card-xs{width:13.5%}
.portfolio-card.offset-1{margin-top:42px}
.portfolio-card.offset-2{margin-top:105px}
.portfolio-card.offset-3{margin-top:180px}
.portfolio-image{
  position:relative;
  overflow:hidden;
  aspect-ratio:9/16;
  background:#111;
  border-radius:clamp(10px,1vw,18px);
  box-shadow:0 24px 70px rgba(0,0,0,.13);
}
.portfolio-image::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:inherit;
  pointer-events:none;
}
.portfolio-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transform:scale(1.002);
  transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s ease;
}
.portfolio-meta{
  padding-top:12px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:start;
  gap:12px;
  border-top:1px solid transparent;
}
.portfolio-meta span{
  font-family:"DM Mono",monospace;
  font-size:.54rem;
  line-height:1.4;
  color:#767676;
  white-space:nowrap;
}
.portfolio-meta strong{
  justify-self:end;
  max-width:170px;
  font-size:.69rem;
  line-height:1.35;
  text-align:right;
  font-weight:600;
}
@media (pointer:fine){
  .portfolio-card:hover{transform:translateY(-10px)}
  .portfolio-card:hover .portfolio-image img{transform:scale(1.035);filter:saturate(1.06) contrast(1.015)}
}
.portfolio-foot{
  position:relative;
  z-index:2;
  padding-top:18px;
  padding-bottom:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  font-family:"DM Mono",monospace;
  font-size:.58rem;
  color:#6d6d6d;
  letter-spacing:.04em;
}
.portfolio-foot i{display:block;width:28px;height:1px;background:rgba(8,8,8,.22)}

@media(max-width:1000px){
  .portfolio-stage{padding-top:12px}
  .portfolio-row{gap:16px;margin-bottom:72px}
  .portfolio-card.card-xl{width:29%}
  .portfolio-card.card-lg{width:25%}
  .portfolio-card.card-md{width:21%}
  .portfolio-card.card-sm{width:16%}
  .portfolio-card.card-xs{width:14%}
  .portfolio-card.offset-1{margin-top:28px}
  .portfolio-card.offset-2{margin-top:70px}
  .portfolio-card.offset-3{margin-top:115px}
  .portfolio-meta{grid-template-columns:1fr;gap:4px}
  .portfolio-meta strong{justify-self:start;text-align:left;max-width:none}
}

@media(max-width:720px){
  .work-shell{padding-bottom:28px}
  .work-intro-wrap{justify-self:start;max-width:650px}
  .work-count{max-width:360px}
  .portfolio-stage{
    padding:14px var(--pad) 8px;
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:12px;
    align-items:start;
  }
  .portfolio-row,
  .portfolio-row-a,
  .portfolio-row-b,
  .portfolio-row-c{
    display:contents;
    padding:0;
    margin:0;
  }
  .portfolio-card,
  .portfolio-card.card-xl,
  .portfolio-card.card-lg,
  .portfolio-card.card-md,
  .portfolio-card.card-sm,
  .portfolio-card.card-xs{
    width:100%;
    margin:0 0 24px;
  }
  .portfolio-card:nth-child(even){margin-top:52px}
  .portfolio-card:hover{transform:none}
  .portfolio-image{border-radius:10px;box-shadow:0 14px 35px rgba(0,0,0,.12)}
  .portfolio-meta{padding-top:8px}
  .portfolio-meta span{font-size:.48rem}
  .portfolio-meta strong{font-size:.61rem}
  .portfolio-foot{padding-top:26px;padding-bottom:58px;justify-content:flex-start}
}

@media(max-width:430px){
  .portfolio-stage{column-gap:10px}
  .portfolio-card:nth-child(even){margin-top:38px}
  .portfolio-meta strong{font-size:.56rem}
  .portfolio-meta span{font-size:.44rem}
}

/* V6 — playful mixed portfolio: real covers + existing motion pieces */
.work-portfolio .work-intro-wrap{max-width:560px}
.portfolio-playground{padding-top:12px;padding-bottom:14px}
.portfolio-playground .portfolio-row{
  justify-content:flex-start;
  align-items:flex-start;
  gap:clamp(18px,2vw,34px);
  margin-bottom:clamp(54px,8vw,138px);
}
.portfolio-playground .portfolio-row-a{padding-left:1vw;padding-right:0}
.portfolio-playground .portfolio-row-b{padding-left:6.5vw;padding-right:0}
.portfolio-playground .portfolio-row-c{padding-left:1.5vw;padding-right:1vw}
.portfolio-playground .portfolio-row-d{padding-left:4vw;padding-right:0;margin-bottom:72px}
.portfolio-playground .portfolio-card{position:relative;z-index:2}
.portfolio-playground .portfolio-card.card-xl{width:25.5%}
.portfolio-playground .portfolio-card.card-lg{width:21.5%}
.portfolio-playground .portfolio-card.card-md{width:17.5%}
.portfolio-playground .portfolio-card.card-sm{width:13.8%}
.portfolio-playground .portfolio-card.card-xs{width:11.8%}
.portfolio-playground .portfolio-card.offset-1{margin-top:54px}
.portfolio-playground .portfolio-card.offset-2{margin-top:112px}
.portfolio-playground .portfolio-card.offset-3{margin-top:165px}
.portfolio-playground .tilt-left{transform:rotate(-1.7deg)}
.portfolio-playground .tilt-right{transform:rotate(1.5deg)}
.portfolio-playground .portfolio-image{box-shadow:0 28px 75px rgba(0,0,0,.15)}
.portfolio-playground .portfolio-meta{padding-top:10px}
.portfolio-playground .portfolio-meta strong{font-size:.64rem}
.portfolio-playground .portfolio-meta span{font-size:.49rem}

.portfolio-motion{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  margin:0;
  overflow:visible;
  transform:rotate(-2.3deg);
}
.portfolio-motion.motion-sm{width:11.5%;margin-top:145px}
.portfolio-motion.motion-md{width:13.8%;margin-top:78px}
.portfolio-motion.motion-tall{width:12.6%;margin-top:26px;transform:rotate(2.2deg)}
.portfolio-motion.motion-rise{transform:translateY(-20px) rotate(2.4deg)}
.portfolio-motion.motion-drop{transform:translateY(50px) rotate(-2.7deg)}
.portfolio-motion video{
  display:block;
  width:100%;
  aspect-ratio:9/16;
  object-fit:cover;
  border-radius:14px;
  background:#0b0b0b;
  box-shadow:0 24px 65px rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.18);
}
.portfolio-motion figcaption{
  margin-top:9px;
  font-family:"DM Mono",monospace;
  font-size:.46rem;
  line-height:1.2;
  letter-spacing:.05em;
  color:#727272;
  white-space:nowrap;
}

@media (pointer:fine){
  .portfolio-playground .portfolio-card.tilt-left:hover{transform:translateY(-14px) rotate(-.5deg)}
  .portfolio-playground .portfolio-card.tilt-right:hover{transform:translateY(-14px) rotate(.5deg)}
  .portfolio-motion{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease}
  .portfolio-motion:hover{transform:translateY(-10px) rotate(0deg);filter:saturate(1.08)}
  .portfolio-motion.motion-rise:hover,.portfolio-motion.motion-drop:hover,.portfolio-motion.motion-tall:hover{transform:translateY(-10px) rotate(0deg)}
}

@media(max-width:1000px){
  .portfolio-playground .portfolio-row{gap:14px;margin-bottom:82px}
  .portfolio-playground .portfolio-row-b{padding-left:3vw}
  .portfolio-playground .portfolio-row-d{padding-left:2vw}
  .portfolio-playground .portfolio-card.card-xl{width:26%}
  .portfolio-playground .portfolio-card.card-lg{width:22%}
  .portfolio-playground .portfolio-card.card-md{width:18%}
  .portfolio-playground .portfolio-card.card-sm{width:14%}
  .portfolio-playground .portfolio-card.card-xs{width:12%}
  .portfolio-motion.motion-sm{width:11%;margin-top:95px}
  .portfolio-motion.motion-md{width:13%;margin-top:58px}
  .portfolio-motion.motion-tall{width:12%;margin-top:22px}
  .portfolio-playground .portfolio-card.offset-1{margin-top:34px}
  .portfolio-playground .portfolio-card.offset-2{margin-top:72px}
  .portfolio-playground .portfolio-card.offset-3{margin-top:106px}
}

@media(max-width:720px){
  .portfolio-playground{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:12px;
    row-gap:0;
  }
  .portfolio-playground .portfolio-row,
  .portfolio-playground .portfolio-row-a,
  .portfolio-playground .portfolio-row-b,
  .portfolio-playground .portfolio-row-c,
  .portfolio-playground .portfolio-row-d{display:contents;padding:0;margin:0}
  .portfolio-playground .portfolio-card,
  .portfolio-playground .portfolio-card.card-xl,
  .portfolio-playground .portfolio-card.card-lg,
  .portfolio-playground .portfolio-card.card-md,
  .portfolio-playground .portfolio-card.card-sm,
  .portfolio-playground .portfolio-card.card-xs,
  .portfolio-motion,
  .portfolio-motion.motion-sm,
  .portfolio-motion.motion-md,
  .portfolio-motion.motion-tall{
    width:100%;
    margin:0 0 26px;
    transform:none;
  }
  .portfolio-playground .portfolio-card:nth-of-type(even),
  .portfolio-playground .portfolio-motion:nth-of-type(even){margin-top:42px}
  .portfolio-motion figcaption{font-size:.42rem}
  .portfolio-motion video{border-radius:10px;box-shadow:0 14px 35px rgba(0,0,0,.14)}
}

/* V7 — tighter portfolio collage. Large covers behave like the floating media wall above. */
.work-portfolio{
  background:#efefeb;
}
.work-hint{
  margin:18px 0 0;
  font-family:"DM Mono",monospace;
  font-size:.56rem;
  line-height:1.45;
  letter-spacing:.035em;
  text-transform:uppercase;
  color:#747474;
}
.portfolio-collage{
  position:relative;
  z-index:2;
  width:100%;
  height:clamp(1380px,122vw,1750px);
  margin-top:4px;
  overflow:hidden;
}
.portfolio-collage::before{
  content:"";
  position:absolute;
  width:58vw;
  height:58vw;
  left:-25vw;
  top:30%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(45,73,242,.10),rgba(45,73,242,.025) 46%,transparent 70%);
  filter:blur(34px);
  pointer-events:none;
}
.portfolio-piece{
  position:absolute;
  z-index:3;
  margin:0;
  outline:none;
}
.portfolio-media{
  position:relative;
  width:100%;
  aspect-ratio:9/16;
  overflow:hidden;
  border-radius:clamp(12px,1.15vw,20px);
  background:#090909;
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 34px 92px rgba(0,0,0,.18);
  transition:transform .58s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease,border-color .35s ease;
  will-change:transform;
}
.portfolio-media::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
  pointer-events:none;
}
.portfolio-media img,
.portfolio-media video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.portfolio-media img{
  z-index:1;
  transform:scale(1.002);
  transition:opacity .34s ease,transform .9s cubic-bezier(.2,.8,.2,1),filter .45s ease;
}
.portfolio-media video{
  z-index:2;
  opacity:0;
  transform:scale(1.015);
  transition:opacity .3s ease,transform .9s cubic-bezier(.2,.8,.2,1),filter .4s ease;
  filter:saturate(1.02) contrast(1.02);
  background:#080808;
}
.portfolio-piece.has-video{cursor:pointer}
.portfolio-piece.has-video:hover .portfolio-media,
.portfolio-piece.has-video:focus-visible .portfolio-media,
.portfolio-piece.has-video.playing .portfolio-media{
  border-color:rgba(45,73,242,.72);
  box-shadow:0 42px 112px rgba(0,0,0,.24),0 0 0 1px rgba(45,73,242,.08);
}
.portfolio-piece.has-video:hover video,
.portfolio-piece.has-video:focus-visible video,
.portfolio-piece.has-video.playing video{opacity:1}
.portfolio-piece.has-video:hover img,
.portfolio-piece.has-video:focus-visible img,
.portfolio-piece.has-video.playing img{opacity:0}
.portfolio-piece.has-video:hover video,
.portfolio-piece.has-video.playing video{transform:scale(1.045)}
.portfolio-piece:not(.has-video):hover .portfolio-media{box-shadow:0 42px 112px rgba(0,0,0,.22)}
.portfolio-piece:not(.has-video):hover img{transform:scale(1.025);filter:saturate(1.05)}
.portfolio-play{
  position:absolute;
  z-index:6;
  top:14px;
  right:14px;
  min-width:48px;
  height:25px;
  padding:0 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(7,7,8,.66);
  border:1px solid rgba(255,255,255,.32);
  backdrop-filter:blur(10px);
  color:#fff;
  font-family:"DM Mono",monospace;
  font-size:.47rem;
  letter-spacing:.06em;
  transition:opacity .25s ease,transform .3s ease;
  pointer-events:none;
}
.portfolio-piece.has-video:hover .portfolio-play,
.portfolio-piece.has-video:focus-visible .portfolio-play,
.portfolio-piece.has-video.playing .portfolio-play{opacity:0;transform:translateY(-4px)}

/* Dense tabletop collage: all projects sit closer together, like cards spread on one table. */
.piece-alur{width:21%;left:4%;top:2.5%;z-index:10}.piece-alur .portfolio-media{transform:rotate(-3.2deg)}
.piece-anitta{width:13.5%;left:23%;top:7.5%;z-index:12}.piece-anitta .portfolio-media{transform:rotate(3.4deg)}
.piece-congrehof{width:17%;left:36.5%;top:3.8%;z-index:9}.piece-congrehof .portfolio-media{transform:rotate(-2.1deg)}
.piece-faes{width:15.5%;left:52.5%;top:8.8%;z-index:11}.piece-faes .portfolio-media{transform:rotate(2.8deg)}
.piece-reveillon{width:14%;left:69.5%;top:4.8%;z-index:10}.piece-reveillon .portfolio-media{transform:rotate(-3.1deg)}

.piece-grupo{width:15%;left:8%;top:31%;z-index:8}.piece-grupo .portfolio-media{transform:rotate(1.7deg)}
.piece-inova{width:13%;left:24.5%;top:36.8%;z-index:13}.piece-inova .portfolio-media{transform:rotate(-3.7deg)}
.piece-jimi{width:15%;left:38.5%;top:30.8%;z-index:8}.piece-jimi .portfolio-media{transform:rotate(2.6deg)}
.piece-juliana{width:16%;left:53.8%;top:35.2%;z-index:10}.piece-juliana .portfolio-media{transform:rotate(-2.6deg)}

.piece-leandro{width:14.5%;left:71.5%;top:31.8%;z-index:9}.piece-leandro .portfolio-media{transform:rotate(2.7deg)}
.piece-luana{width:15%;left:14%;top:59.2%;z-index:9}.piece-luana .portfolio-media{transform:rotate(-2deg)}
.piece-luis{width:16%;left:30.2%;top:65%;z-index:12}.piece-luis .portfolio-media{transform:rotate(3deg)}
.piece-uroflow{width:20.5%;left:47.2%;top:58.2%;z-index:11}.piece-uroflow .portfolio-media{transform:rotate(2.2deg)}


@media (pointer:fine){
  .portfolio-piece:hover{z-index:30}
  .portfolio-piece:hover .portfolio-media,
  .portfolio-piece:focus-visible .portfolio-media{transform:translateY(-12px) rotate(0deg) scale(1.015)}
}

@media(max-width:1000px){
  .portfolio-collage{height:clamp(1260px,145vw,1680px)}
  .piece-alur{width:23%;left:2%;top:2.5%}
  .piece-anitta{width:15%;left:22%;top:8%}
  .piece-congrehof{width:18.5%;left:37%;top:4.2%}
  .piece-faes{width:17%;left:54%;top:10%}
  .piece-reveillon{width:15%;left:72%;top:5.5%}
  .piece-grupo{width:16.5%;left:6%;top:31%}
  .piece-inova{width:13.8%;left:23.5%;top:37.5%}
  .piece-jimi{width:16.5%;left:39%;top:31.5%}
  .piece-juliana{width:17%;left:56%;top:36%}
  .piece-leandro{width:15.5%;left:74%;top:32.5%}
  .piece-luana{width:16%;left:12%;top:59.5%}
  .piece-luis{width:17%;left:29%;top:65.5%}
  .piece-uroflow{width:22%;left:47.5%;top:58.5%}
}

@media(max-width:720px){
  .work-shell.section-pad{padding-bottom:20px}
  .work-hint{margin-top:12px;font-size:.5rem}
  .portfolio-collage{
    height:auto;
    padding:8px var(--pad) 18px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    overflow:visible;
    align-items:start;
  }
  .portfolio-collage::before{display:none}
  .portfolio-piece,
  .piece-alur,.piece-anitta,.piece-congrehof,.piece-faes,.piece-grupo,.piece-inova,.piece-jimi,.piece-juliana,.piece-leandro,.piece-luana,.piece-luis,.piece-reveillon,.piece-uroflow{
    position:relative;
    width:100%;
    inset:auto;
    top:auto;right:auto;bottom:auto;left:auto;
    z-index:auto;
  }
  .piece-alur,.piece-congrehof,.piece-uroflow{grid-column:auto}
  .portfolio-piece:nth-child(odd){margin-top:0}
  .portfolio-piece:nth-child(even){margin-top:22px}
  .portfolio-piece:nth-child(4n){margin-top:8px}
  .portfolio-piece:nth-child(5n){margin-top:-8px}
  .portfolio-media,
  .piece-alur .portfolio-media,.piece-anitta .portfolio-media,.piece-congrehof .portfolio-media,.piece-faes .portfolio-media,.piece-grupo .portfolio-media,.piece-inova .portfolio-media,.piece-jimi .portfolio-media,.piece-juliana .portfolio-media,.piece-leandro .portfolio-media,.piece-luana .portfolio-media,.piece-luis .portfolio-media,.piece-reveillon .portfolio-media,.piece-uroflow .portfolio-media{
    border-radius:12px;
    box-shadow:0 16px 34px rgba(0,0,0,.13);
  }
  .piece-alur .portfolio-media{transform:rotate(-1.8deg)}
  .piece-anitta .portfolio-media{transform:rotate(1.6deg)}
  .piece-congrehof .portfolio-media{transform:rotate(-1.3deg)}
  .piece-faes .portfolio-media{transform:rotate(1.9deg)}
  .piece-reveillon .portfolio-media{transform:rotate(-1.7deg)}
  .piece-grupo .portfolio-media{transform:rotate(1.1deg)}
  .piece-inova .portfolio-media{transform:rotate(-2deg)}
  .piece-jimi .portfolio-media{transform:rotate(1.5deg)}
  .piece-juliana .portfolio-media{transform:rotate(-1.5deg)}
  .piece-leandro .portfolio-media{transform:rotate(1.7deg)}
  .piece-luana .portfolio-media{transform:rotate(-1.2deg)}
  .piece-luis .portfolio-media{transform:rotate(1.8deg)}
  .piece-uroflow .portfolio-media{transform:rotate(1.1deg)}
  .portfolio-play{top:8px;right:8px;height:22px;min-width:42px;font-size:.42rem}
  .portfolio-foot{padding-top:18px;justify-content:flex-start}
}

/* V10 — portfolio in two compact rows + multistep strategic form */
.work-portfolio .portfolio-collage{
  height:auto;
  margin:8px 0 0;
  padding:18px var(--pad) 46px;
  overflow:visible;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  column-gap:clamp(2px,.25vw,6px);
  row-gap:clamp(6px,.5vw,10px);
  align-items:start;
}
.work-portfolio .portfolio-collage::before{display:none}
.work-portfolio .portfolio-piece,
.work-portfolio .piece-alur,.work-portfolio .piece-anitta,.work-portfolio .piece-congrehof,.work-portfolio .piece-faes,.work-portfolio .piece-grupo,.work-portfolio .piece-inova,.work-portfolio .piece-jimi,.work-portfolio .piece-juliana,.work-portfolio .piece-leandro,.work-portfolio .piece-luis,.work-portfolio .piece-reveillon,.work-portfolio .piece-uroflow{
  position:relative;
  width:112%;
  inset:auto;
  top:auto;right:auto;bottom:auto;left:auto;
  margin:0 -6%;
  z-index:3;
  justify-self:center;
}
.work-portfolio .portfolio-piece:nth-child(1){z-index:8;transform:translateY(8px)}
.work-portfolio .portfolio-piece:nth-child(2){z-index:5;transform:translateY(28px)}
.work-portfolio .portfolio-piece:nth-child(3){z-index:9;transform:translateY(2px)}
.work-portfolio .portfolio-piece:nth-child(4){z-index:6;transform:translateY(24px)}
.work-portfolio .portfolio-piece:nth-child(5){z-index:10;transform:translateY(5px)}
.work-portfolio .portfolio-piece:nth-child(6){z-index:7;transform:translateY(20px)}
.work-portfolio .portfolio-piece:nth-child(7){z-index:10;transform:translateY(-12px)}
.work-portfolio .portfolio-piece:nth-child(8){z-index:6;transform:translateY(8px)}
.work-portfolio .portfolio-piece:nth-child(9){z-index:9;transform:translateY(-18px)}
.work-portfolio .portfolio-piece:nth-child(10){z-index:7;transform:translateY(10px)}
.work-portfolio .portfolio-piece:nth-child(11){z-index:11;transform:translateY(-10px)}
.work-portfolio .portfolio-piece:nth-child(12){z-index:8;transform:translateY(6px)}
.work-portfolio .piece-alur .portfolio-media{transform:rotate(-2.4deg)}
.work-portfolio .piece-anitta .portfolio-media{transform:rotate(2.8deg)}
.work-portfolio .piece-congrehof .portfolio-media{transform:rotate(-1.6deg)}
.work-portfolio .piece-faes .portfolio-media{transform:rotate(2.1deg)}
.work-portfolio .piece-grupo .portfolio-media{transform:rotate(-1deg)}
.work-portfolio .piece-inova .portfolio-media{transform:rotate(2.5deg)}
.work-portfolio .piece-jimi .portfolio-media{transform:rotate(2deg)}
.work-portfolio .piece-juliana .portfolio-media{transform:rotate(-2.3deg)}
.work-portfolio .piece-leandro .portfolio-media{transform:rotate(2.7deg)}
.work-portfolio .piece-luis .portfolio-media{transform:rotate(-1.8deg)}
.work-portfolio .piece-reveillon .portfolio-media{transform:rotate(2.1deg)}
.work-portfolio .piece-uroflow .portfolio-media{transform:rotate(-2.5deg)}

@media(pointer:fine){
  .work-portfolio .portfolio-piece:hover{z-index:40;transform:translateY(-8px)}
  .work-portfolio .portfolio-piece:hover .portfolio-media,
  .work-portfolio .portfolio-piece:focus-visible .portfolio-media{transform:rotate(0deg) scale(1.025)}
}

/* Strategic form */
.strategy-form{border-top:0;align-self:start}
.form-progress{margin-bottom:30px}
.form-progress-copy{display:flex;gap:5px;align-items:center;font-family:"DM Mono",monospace;font-size:.62rem;color:#777}
.form-progress-copy [data-step-current]{color:var(--blue);font-weight:700}
.form-progress-track{height:2px;margin-top:10px;background:rgba(8,8,8,.12);overflow:hidden}
.form-progress-track i{display:block;width:33.333%;height:100%;background:var(--blue);transition:width .35s cubic-bezier(.2,.8,.2,1)}
.form-step{animation:formStepIn .38s ease both}
.form-step[hidden]{display:none!important}
@keyframes formStepIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.form-step-head{padding:0 0 24px;border-bottom:1px solid var(--line)}
.form-step-head>span{font-family:"DM Mono",monospace;font-size:.58rem;letter-spacing:.06em;color:var(--blue)}
.form-step-head h3{margin:12px 0 0;font-size:clamp(1.35rem,1.8vw,2rem);line-height:1.12;letter-spacing:-.045em;font-weight:500}
.strategy-form .form-field{display:block;min-height:0;padding:18px 0;border-bottom:1px solid var(--line)}
.strategy-form .form-field>span{display:block;margin-bottom:6px;font-family:"DM Mono",monospace;font-size:.55rem;letter-spacing:.04em;text-transform:uppercase;color:#777}
.strategy-form .form-field input,.strategy-form .form-field textarea,.strategy-form .form-field select{width:100%;border:0;outline:0;background:transparent;color:var(--ink);padding:4px 0;font-size:.98rem}
.strategy-form .form-field textarea{resize:vertical;min-height:110px;line-height:1.5}
.strategy-form .form-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#777 50%),linear-gradient(135deg,#777 50%,transparent 50%);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:28px}
.strategy-form .form-field input::placeholder,.strategy-form .form-field textarea::placeholder{color:#979797}
.strategy-form .field-error{border-bottom-color:#c43737!important}
.strategy-form .field-error input,.strategy-form .field-error textarea,.strategy-form .field-error select{color:#9f1f1f}
.form-options{border:0;margin:0;padding:24px 0 10px;border-bottom:1px solid var(--line)}
.form-options legend{padding:0;margin:0 0 14px;font-size:.9rem;font-weight:600;letter-spacing:-.02em}
.form-options legend small{display:block;margin-top:4px;font-size:.69rem;font-weight:400;color:#777}
.form-options label{display:block!important;min-height:0!important;border:0!important;margin:0 0 8px;padding:0!important}
.form-options label input{position:absolute;opacity:0;pointer-events:none}
.form-options label span{display:block!important;padding:12px 14px!important;border:1px solid rgba(8,8,8,.16);border-radius:999px;font-family:"Manrope",Arial,sans-serif!important;font-size:.78rem!important;color:#383838!important;cursor:pointer;transition:.2s ease;text-align:center}
.form-options label input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff!important}
.form-options label:hover span{border-color:var(--blue)}
.form-options-multi{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.form-options-multi legend{grid-column:1/-1}
.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.form-actions-end{justify-content:flex-end}
.form-next,.form-back,.strategy-form .submit-btn{border:0;cursor:pointer;font:inherit}
.form-next,.strategy-form .submit-btn{min-width:190px;margin:0;padding:15px 17px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;transition:.25s ease}
.form-next:hover,.strategy-form .submit-btn:hover{background:var(--green);color:#06150e;padding-left:21px;padding-right:21px}
.form-back{padding:14px 0;background:transparent;color:#666;border-bottom:1px solid #aaa}
.form-save-note{display:flex;gap:9px;align-items:center;margin-top:14px;color:#767676;font-size:.66rem;line-height:1.4}
.form-save-note i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(106,245,182,.18);flex:0 0 auto}
.strategy-form .form-feedback{margin:14px 0 0;font-size:.72rem;line-height:1.45;min-height:18px}
.strategy-form .form-feedback.is-error{color:#a92626}
.strategy-form .form-feedback.is-success{color:#176c4a}

@media(max-width:1000px){
  .work-portfolio .portfolio-collage{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:14px;row-gap:8px}
  .work-portfolio .portfolio-piece,.work-portfolio .piece-alur,.work-portfolio .piece-anitta,.work-portfolio .piece-congrehof,.work-portfolio .piece-faes,.work-portfolio .piece-grupo,.work-portfolio .piece-inova,.work-portfolio .piece-jimi,.work-portfolio .piece-juliana,.work-portfolio .piece-leandro,.work-portfolio .piece-luis,.work-portfolio .piece-reveillon,.work-portfolio .piece-uroflow{width:108%;margin:0 -4%}
  .work-portfolio .portfolio-piece:nth-child(n){transform:translateY(0)}
  .work-portfolio .portfolio-piece:nth-child(4n+2){transform:translateY(18px)}
  .work-portfolio .portfolio-piece:nth-child(4n+4){transform:translateY(10px)}
  .strategy-form{max-width:720px}
}

@media(max-width:720px){
  .work-portfolio .work-head{gap:28px}
  .work-portfolio .work-shell{padding-bottom:10px}
  .work-portfolio .portfolio-collage{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:12px 14px 30px}
  .work-portfolio .portfolio-piece,.work-portfolio .piece-alur,.work-portfolio .piece-anitta,.work-portfolio .piece-congrehof,.work-portfolio .piece-faes,.work-portfolio .piece-grupo,.work-portfolio .piece-inova,.work-portfolio .piece-jimi,.work-portfolio .piece-juliana,.work-portfolio .piece-leandro,.work-portfolio .piece-luis,.work-portfolio .piece-reveillon,.work-portfolio .piece-uroflow{width:105%;margin:0 -2.5%}
  .work-portfolio .portfolio-piece:nth-child(n){transform:translateY(0)}
  .work-portfolio .portfolio-piece:nth-child(even){transform:translateY(18px)}
  .work-portfolio .portfolio-piece:nth-child(4n){transform:translateY(6px)}
  .work-portfolio .portfolio-media{border-radius:10px;box-shadow:0 13px 28px rgba(0,0,0,.14)}
  .work-hint{font-size:.48rem}
  .strategy-form{width:100%}
  .form-progress{margin-bottom:24px}
  .form-step-head{padding-bottom:20px}
  .form-options-multi{grid-template-columns:1fr}
  .form-options label span{font-size:.75rem!important;text-align:left;border-radius:10px;padding:13px 14px!important}
  .form-actions{position:sticky;bottom:0;z-index:4;margin:22px -4px 0;padding:10px 4px 4px;background:linear-gradient(180deg,rgba(246,246,242,0),var(--paper) 24%)}
  .form-next,.strategy-form .submit-btn{min-width:0;flex:1}
  .form-back{min-width:72px}
}

/* V11 — balanced EM CAMPO composition + mobile-first stacking */
.brand-media{
  min-height:auto;
  padding-bottom:44px;
}
.brand-media-canvas{
  position:relative;
  inset:auto;
  width:100%;
  height:clamp(680px,56vw,820px);
  margin-top:clamp(58px,6vw,90px);
  pointer-events:none;
}
.media-float{pointer-events:auto}

/* 3 cards above + 2 centered below: compact, balanced, no orphan card */
.media-design{
  width:min(21vw,320px);
  left:3%;
  top:7%;
  transform:rotate(-3.4deg);
}
.media-congresso{
  width:min(25vw,385px);
  left:26%;
  right:auto;
  top:0;
  transform:rotate(2.1deg);
}
.media-health{
  width:min(18vw,270px);
  left:55%;
  top:8%;
  transform:rotate(-1.5deg);
}
.media-evento{
  width:min(23vw,355px);
  left:19%;
  top:49%;
  transform:rotate(2.5deg);
}
.media-exterior{
  width:min(18vw,275px);
  left:46%;
  right:auto;
  top:48%;
  transform:rotate(-3deg);
}
.brand-media-footer{
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  margin-top:32px;
}

@media(max-width:1000px) and (min-width:721px){
  .brand-media{min-height:auto}
  .brand-media-canvas{height:clamp(620px,70vw,740px);margin-top:58px}
  .media-design{width:24vw;left:2%;top:8%}
  .media-congresso{width:28vw;left:27%;top:1%}
  .media-health{width:20vw;left:58%;top:10%}
  .media-evento{width:26vw;left:16%;top:50%}
  .media-exterior{width:20vw;left:48%;top:50%}
}

@media(max-width:720px){
  .brand-media{padding:72px var(--pad) 34px}
  .brand-media-canvas{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    margin-top:42px;
    display:flex;
    flex-direction:column;
    gap:16px;
    pointer-events:auto;
  }
  .media-float,
  .media-design,
  .media-congresso,
  .media-health,
  .media-evento,
  .media-exterior{
    position:relative;
    inset:auto;
    left:auto;
    right:auto;
    top:auto;
    width:100%;
    margin:0;
    transform:none;
    border-radius:14px;
  }
  .media-design,.media-congresso,.media-evento{aspect-ratio:4/5}
  .media-health,.media-exterior{aspect-ratio:9/16}
  .media-float:hover,
  .media-design:hover,
  .media-congresso:hover,
  .media-health:hover,
  .media-evento:hover,
  .media-exterior:hover{transform:none}
  .brand-media-footer{margin-top:28px}
}