:root{--bg:#0A1116;--graphite:#18232B;--white:#F3F6F5;--cyan:#13DDE3;--acid:#E5F431;--mist:#849196;--line:rgba(243,246,245,.16);--page:clamp(22px,5vw,96px);--serif:'DM Sans',Arial,sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--serif);font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--cyan);color:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.065em}h2{font-weight:500}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.skip-link{position:fixed;z-index:999;left:15px;top:-100px;padding:12px;background:white;color:black}.skip-link:focus{top:15px}.grain{position:fixed;inset:0;pointer-events:none;opacity:.15;z-index:48;mix-blend-mode:soft-light;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.progress{position:fixed;z-index:95;top:0;left:0;right:0;height:2px;pointer-events:none}.progress span{width:0;height:100%;background:var(--cyan);display:block}.cursor-halo{position:fixed;z-index:80;pointer-events:none;width:32px;height:32px;border:1px solid rgba(19,221,227,.6);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s,width .2s,height .2s}.cursor-halo.active{width:64px;height:64px;border-color:var(--cyan)}.meta,.eyebrow,.section-topline,.header-cta,.nav,.hero-foot,.small-cta{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.08em;line-height:1.5}.cyan{color:var(--cyan)}.muted{color:var(--mist)}.site-header{height:82px;position:fixed;left:0;right:0;top:0;z-index:90;display:flex;align-items:center;padding:0 var(--page);gap:30px;border-bottom:1px solid transparent;transition:background .45s,border-color .45s,height .35s}.site-header.scrolled{height:70px;background:rgba(10,17,22,.93);backdrop-filter:blur(20px);border-color:var(--line)}.brand{flex-shrink:0;width:200px;position:relative;z-index:2}.brand img{width:100%;height:auto}.nav{margin-left:auto;display:flex;align-items:center;gap:clamp(18px,2.8vw,45px)}.nav a{color:rgba(243,246,245,.68);transition:color .25s}.nav a:hover{color:var(--cyan)}.header-cta{border:1px solid rgba(243,246,245,.5);border-radius:100px;padding:13px 20px;white-space:nowrap;transition:background .3s,color .3s,border-color .3s}.header-cta span{margin-left:15px}.header-cta:hover{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}.menu-toggle{display:none}.hero{position:relative;min-height:790px;height:min(960px,100svh);max-height:1080px;isolation:isolate;background:radial-gradient(ellipse at 80% 38%,#12323b 0,#0f2029 20%,#081015 58%,#060b0d 100%);overflow:hidden}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,14,19,.88) 0%,rgba(7,14,19,.45) 55%,rgba(7,14,19,.12) 100%),linear-gradient(0deg,rgba(7,14,19,.95),transparent 22%,transparent 70%,rgba(7,14,19,.6))}.hero-picture{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(6,12,18,.8),rgba(6,12,18,.05)),url('https://images.unsplash.com/photo-1516035069371-29a1b244cc32?auto=format&fit=crop&w=2200&q=85');background-size:cover;background-position:center 40%;opacity:.50;filter:grayscale(75%) contrast(1.16) saturate(.65);transform:scale(1.07);animation:heroZoom 18s ease-out both}.hero-orb{position:absolute;right:-10vw;top:10%;width:min(63vw,890px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 38%,rgba(19,221,227,.08),transparent 30%),radial-gradient(circle at 58% 59%,#050809 0 12%,#112733 13% 22%,#030608 23% 25%,#284955 26% 27%,#040809 28% 32%,#132b36 34% 36%,#000 40% 60%,rgba(19,221,227,.16) 61% 62%,transparent 63%),conic-gradient(from 40deg,transparent,rgba(19,221,227,.09),transparent,rgba(243,246,245,.14),transparent);border:1px solid rgba(19,221,227,.18);box-shadow:inset 0 0 90px #020507,0 0 100px rgba(19,221,227,.04);opacity:.76;z-index:-1;pointer-events:none}.orb-inner{position:absolute;inset:15%;border-radius:50%;border:1px solid rgba(243,246,245,.17);box-shadow:0 0 45px rgba(19,221,227,.12),inset 0 0 80px rgba(0,0,0,.9)}.orb-reflection{position:absolute;inset:15%;border-radius:50%;background:linear-gradient(138deg,transparent 20%,rgba(243,246,245,.06) 30%,transparent 34% 66%,rgba(19,221,227,.08) 72%,transparent 76%);animation:spin 20s linear infinite}.hero-scan{position:absolute;left:0;top:0;width:1px;height:100%;background:var(--cyan);box-shadow:0 0 18px var(--cyan);opacity:.25;animation:scan 11s ease-in-out infinite alternate;z-index:1}.hero-top{position:absolute;left:var(--page);right:var(--page);top:123px;display:flex;justify-content:space-between;color:rgba(243,246,245,.65);z-index:2}.signal{display:flex;gap:9px;align-items:center}.signal i{display:block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 1.8s ease-in-out infinite}.hero-content{position:absolute;left:var(--page);right:var(--page);top:50%;transform:translateY(-36%);z-index:2}.eyebrow{color:var(--cyan)}.hero-eyebrow{margin-bottom:20px}.hero-title{font-size:clamp(70px,10.4vw,193px);line-height:.88;font-weight:500;letter-spacing:-.09em}.hero-title .line{display:block;overflow:hidden;padding-bottom:.10em;margin-bottom:-.09em}.hero-title .line>span{display:block;animation:slideIn 1.35s cubic-bezier(.16,1,.3,1) both}.hero-title .line:nth-child(2)>span{animation-delay:.12s}.hero-title em{font-style:normal;color:var(--cyan)}.hero-bottom{display:flex;align-items:end;gap:clamp(30px,7vw,130px);margin-top:45px}.hero-lede{font-size:clamp(17px,1.6vw,24px);max-width:480px;line-height:1.4;font-weight:400;color:rgba(243,246,245,.77);letter-spacing:-.025em}.hero-lede strong{color:var(--white);font-weight:500}.pill-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:50px;padding:20px 24px;font-family:var(--mono);font-size:11px;letter-spacing:.025em;font-weight:600;transition:background .3s,transform .3s}.pill-light{background:var(--white);color:var(--bg)}.pill-light:hover{background:var(--cyan)}.pill-btn span{font-size:17px}.hero-foot{position:absolute;bottom:41px;left:var(--page);right:var(--page);display:flex;justify-content:space-between;z-index:2;color:rgba(243,246,245,.62)}.hero-foot a{display:flex;align-items:center;gap:20px}.down-arrow{font-size:19px;color:var(--cyan);animation:bounce 2s infinite}.frame-corner{position:absolute;width:48px;height:48px;pointer-events:none;border-color:var(--cyan);opacity:.85;z-index:2}.corner-tl{left:16px;top:99px;border-left:3px solid var(--cyan);border-top:3px solid var(--cyan)}.corner-br{right:16px;bottom:18px;border-right:3px solid var(--cyan);border-bottom:3px solid var(--cyan)}.section-pad{padding:clamp(95px,12vw,190px) var(--page)}.section-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(55px,6vw,110px)}.manifesto{padding-bottom:0}.manifesto-grid{display:grid;grid-template-columns:1.5fr .6fr;gap:8vw;align-items:end}.manifesto-heading,.display-heading{font-size:clamp(57px,8.3vw,160px);font-weight:500;line-height:.96}.manifesto-heading span,.display-heading span{color:var(--mist)}.manifesto-heading .period{color:var(--cyan)}.manifesto-aside{max-width:350px;padding-bottom:18px}.asterisk{color:var(--cyan);font-size:80px;line-height:1}.manifesto-aside p{font-size:clamp(19px,2vw,26px);line-height:1.5;margin:30px 0 50px;letter-spacing:-.035em}.text-arrow{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;border-bottom:1px solid var(--cyan);padding-bottom:14px;font:500 11px var(--mono);letter-spacing:.04em}.text-arrow span{font-size:20px;color:var(--cyan);transition:transform .2s}.text-arrow:hover span{transform:translate(4px,-4px)}.marquee-band{overflow:hidden;margin:135px calc(-1*var(--page)) 0;border-block:1px solid var(--line);padding:27px 0}.marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.marquee-track span{font-weight:500;font-size:clamp(34px,4vw,80px);white-space:nowrap;letter-spacing:-.06em;padding-right:22px;color:var(--white)}.marquee-track b{color:var(--cyan);font-size:.5em;vertical-align:middle;font-weight:400;padding:0 24px}.visual-section{height:350vh;position:relative;background:#090f13}.visual-sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;padding:96px var(--page) 32px;display:flex;flex-direction:column}.visual-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:28px}.visual-head h2{font-size:clamp(55px,7.5vw,125px);line-height:.91;font-weight:500;margin-top:18px}.visual-head h2 span{color:var(--cyan)}.visual-head-right{width:280px;flex-shrink:0;padding-bottom:8px}.visual-head-right p{font-size:15px;color:#a7b5b9;line-height:1.5;margin-bottom:28px}.track-control{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font:10px var(--mono)}.track-control span:last-child{font-size:22px;color:var(--cyan)}.visual-track{display:flex;gap:22px;width:max-content;will-change:transform;flex:1;min-height:0}.visual-card{width:min(59vw,870px);min-width:530px;position:relative;overflow:hidden;border-radius:2px;background:#17232b;isolation:isolate}.card-photo{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.72) brightness(.70);transform:scale(1.03);transition:transform 1.1s cubic-bezier(.2,.7,.1,1),filter .8s}.visual-card:hover .card-photo{transform:scale(1.08);filter:saturate(.9) brightness(.82)}.image-a .card-photo{background-image:linear-gradient(125deg,#16293155,#0003),url('https://images.unsplash.com/photo-1516035069371-29a1b244cc32?auto=format&fit=crop&w=1500&q=85');background-position:center}.image-b .card-photo{background-image:linear-gradient(125deg,#16293155,#0003),url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1500&q=85')}.image-c .card-photo{background-image:linear-gradient(125deg,#16293155,#0003),url('https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1500&q=85')}.image-d .card-photo{background-image:linear-gradient(125deg,#16293155,#0003),url('https://images.unsplash.com/photo-1492619375914-88005aa9e8fb?auto=format&fit=crop&w=1500&q=85')}.card-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent 60%),linear-gradient(to bottom,rgba(0,0,0,.3),transparent 30%)}.visual-card-copy{position:absolute;z-index:2;left:clamp(30px,3vw,60px);right:clamp(30px,3vw,60px);top:40px;bottom:36px;display:flex;flex-direction:column;align-items:start}.visual-card-copy .meta{border:1px solid #ffffff99;border-radius:30px;padding:9px 14px}.visual-card-copy h3{font-size:clamp(43px,4vw,82px);font-weight:500;line-height:.94;margin-top:auto}.small-cta{margin-top:22px;color:var(--cyan)}.visual-foot{display:flex;justify-content:space-between;gap:20px;margin-top:21px;color:#89989d}.services{background:#101a20}.services-intro{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:clamp(70px,8vw,130px)}.services-intro .display-heading{font-size:clamp(55px,7vw,130px)}.services-intro p{font-size:18px;max-width:330px;color:#b1bec1;line-height:1.55}.services-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:65px minmax(0,1fr) 175px 45px;align-items:center;gap:30px;padding:36px 0;border-bottom:1px solid var(--line);position:relative;transition:padding .3s,color .3s}.service-row::before{content:"";position:absolute;inset:0 -16px;background:rgba(19,221,227,.045);opacity:0;transition:opacity .3s}.service-row:hover::before{opacity:1}.service-row:hover{padding-left:10px}.service-row h3{font-size:clamp(26px,3vw,51px);font-weight:500;line-height:1.1}.service-row p{color:var(--mist);font-size:14px;margin-top:7px}.service-no{color:var(--cyan)}.service-tags{font:10px var(--mono);color:var(--mist);text-align:right}.service-arrow{font-size:30px;color:var(--cyan);text-align:right;transition:transform .3s}.service-row:hover .service-arrow{transform:translate(5px,-5px)}.statement{height:min(900px,95svh);min-height:640px;position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse at 45% 75%,#163f49,#04080b 60%)}.statement-bg{position:absolute;inset:-6%;z-index:-1;background:radial-gradient(ellipse at 45% 65%,rgba(19,221,227,.18),transparent 23%),radial-gradient(ellipse at 85% 15%,rgba(243,246,245,.11),transparent 20%),linear-gradient(130deg,#090e12b8,#090f13b8),url('https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=2200&q=85');background-size:cover;background-position:center;filter:grayscale(1);transform:scale(1.05)}.statement-content{text-align:center;padding:0 var(--page)}.statement-content .meta{color:var(--cyan)}.statement-content p{font-size:clamp(56px,8.4vw,155px);line-height:.91;letter-spacing:-.08em;font-weight:500;margin:35px 0}.statement-content em{font-style:normal;color:var(--cyan)}.statement-small{font:12px var(--mono);letter-spacing:.18em}.process{color:var(--bg);background:var(--white)}.process .section-topline{color:#4f5d62;border-bottom:1px solid #c9d1d0;padding-bottom:20px}.process-main{display:grid;grid-template-columns:1fr .8fr;gap:clamp(50px,9vw,150px)}.process-left{position:relative}.process-left .display-heading{font-size:clamp(56px,6.7vw,112px)}.process-left .display-heading span{color:#7e8d91}.process-left>p{max-width:530px;font-size:20px;line-height:1.5;margin-top:38px;color:#36474d}.process-visual{position:relative;width:min(380px,80%);aspect-ratio:1;border-radius:50%;border:1px solid #c3cfd0;margin-top:65px;display:grid;place-items:center}.process-visual::before,.process-visual::after{content:"";position:absolute;inset:12%;border:1px solid #c9d1d0;border-radius:50%}.process-visual::after{inset:27%;background:#e3ebeb}.process-visual img{position:relative;width:88px;z-index:2;filter:brightness(0) saturate(100%) invert(10%);opacity:.9}.rotating-ring{position:absolute;inset:-10px;border:1px dashed #a0b1b6;border-radius:50%;animation:spin 24s linear infinite;font:9px var(--mono);color:#91a0a3}.process-steps{padding-top:15px}.process-step{padding:29px 0 45px;border-top:1px solid #b9c5c6}.process-step>span{font:11px var(--mono);color:#607278}.process-step h3{font-weight:500;font-size:clamp(30px,3vw,51px);line-height:1.05;margin:27px 0 18px}.process-step p{max-width:390px;line-height:1.6;color:#516166}.about{background:var(--graphite)}.about-grid{display:grid;grid-template-columns:.9fr 1fr;gap:clamp(50px,9vw,150px);align-items:center}.about-image{min-height:560px;background:radial-gradient(ellipse at 60% 45%,rgba(19,221,227,.16),transparent 35%),linear-gradient(135deg,#243941,#0a141a 75%);border:1px solid rgba(19,221,227,.19);position:relative;display:grid;place-items:center;overflow:hidden}.about-image::before,.about-image::after{content:"";position:absolute;width:65px;height:65px;border-color:var(--cyan);z-index:2}.about-image::before{top:23px;left:23px;border-top:3px solid;border-left:3px solid}.about-image::after{bottom:23px;right:23px;border-bottom:3px solid;border-right:3px solid}.about-lens{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 40deg,#071218,#1b3f46,#071015,#15303a,#091016);box-shadow:inset 0 0 60px #000,0 0 100px #07171d;animation:spin 45s linear infinite}.about-lens::after{content:"";position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle at 45% 40%,#215869,#030809 50%,#050e12 65%);border:2px solid #31505d}.about-lens-center{position:absolute;inset:44%;border-radius:50%;background:var(--cyan);filter:blur(40px);opacity:.3;z-index:1}.about-image>img{position:relative;width:48%;z-index:2;filter:drop-shadow(0 10px 20px #0009)}.about-image-label{position:absolute;left:30px;bottom:30px;color:#b8c9cc;z-index:3}.about-copy .display-heading{font-size:clamp(50px,6vw,100px);margin-bottom:50px}.about-copy .display-heading span{color:var(--cyan)}.about-copy>p{font-size:20px;color:#c5d0d1;line-height:1.6;max-width:600px;margin-bottom:30px}.about-copy .text-arrow{margin-top:28px}.contact{background:#0a1116}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,7vw,125px);align-items:start}.contact-heading{font-size:clamp(62px,8vw,145px);line-height:.88;font-weight:500}.contact-heading em{font-style:normal;color:var(--cyan)}.contact-star{color:var(--cyan);font-size:65px;display:block;margin-bottom:25px}.contact-copy>p{font-size:20px;line-height:1.5;color:#bac7c9;max-width:470px;margin:45px 0 70px}.contact-links{border-top:1px solid var(--line);max-width:580px}.contact-links a,.contact-email{padding:24px 0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font:10px var(--mono);color:var(--mist)}.contact-links a span,.contact-email span{font-size:13px;color:var(--white)}.contact-links a:hover span{color:var(--cyan)}.contact-email small{display:block;text-align:right;color:var(--cyan);font:9px var(--mono);margin-top:8px}.form-wrap{margin-top:45px;background:var(--graphite);padding:clamp(26px,3.1vw,55px)}.form-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:28px;color:var(--mist)}.form-wrap form{padding-top:35px}.form-wrap label{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;font:10px var(--mono);letter-spacing:.06em;color:#b4c2c5}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-wrap input,.form-wrap select,.form-wrap textarea{width:100%;background:none;border:0;border-bottom:1px solid rgba(243,246,245,.28);border-radius:0;padding:14px 0;color:var(--white);outline:none;font:16px var(--serif);resize:vertical;letter-spacing:normal}.form-wrap input::placeholder,.form-wrap textarea::placeholder{color:#718086}.form-wrap select{color:#d8e1e1;cursor:pointer}.form-wrap select option{color:#0a1116;background:#fff}.form-wrap input:focus,.form-wrap select:focus,.form-wrap textarea:focus{border-color:var(--cyan)}.form-foot{display:flex;flex-direction:column;gap:28px}.form-foot>span{font:9px/1.6 var(--mono);color:#809197;max-width:430px}.form-foot button{background:var(--cyan);border:0;padding:20px 25px;display:flex;justify-content:space-between;color:#061117;font:600 12px var(--mono);transition:background .25s,transform .25s}.form-foot button:hover{background:var(--white);transform:translateY(-2px)}.form-foot button span{font-size:19px}.form-feedback{font:12px/1.4 var(--mono);color:var(--cyan);margin-top:15px}.footer{padding:65px var(--page) 42px;background:#070c10;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:80px}.footer-top img{width:min(70%,530px)}.footer-top a{font:11px var(--mono);white-space:nowrap;border-bottom:1px solid var(--cyan);padding-bottom:12px}.footer-bottom{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;color:#829196;border-top:1px solid var(--line);padding-top:28px}.floating-wa{position:fixed;z-index:85;bottom:24px;right:24px;border:1px solid rgba(19,221,227,.5);background:#102329e8;backdrop-filter:blur(15px);border-radius:50px;padding:16px 20px;font:10px var(--mono);display:flex;align-items:center;gap:12px;box-shadow:0 12px 40px #0005;transition:background .2s,transform .2s}.floating-wa:hover{background:#183f46;transform:translateY(-3px)}.wa-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.reveal{opacity:0;transform:translateY(40px);filter:blur(7px);transition:opacity .85s cubic-bezier(.2,.7,.1,1),transform .9s cubic-bezier(.2,.7,.1,1),filter .9s cubic-bezier(.2,.7,.1,1)}.reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}@keyframes slideIn{from{transform:translateY(110%);opacity:.1}to{transform:translateY(0);opacity:1}}@keyframes heroZoom{from{transform:scale(1.16)}to{transform:scale(1.04)}}@keyframes pulse{50%{opacity:.3;box-shadow:0 0 0 var(--cyan)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{from{transform:translateX(4vw)}to{transform:translateX(95vw)}}@keyframes bounce{50%{transform:translateY(8px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1700px){.hero{height:900px}.hero-title{font-size:180px}}@media(max-width:1100px){.brand{width:160px}.nav{gap:18px}.header-cta{font-size:9px;padding:12px}.hero-title{font-size:10vw}.visual-card{width:70vw}.contact-grid{gap:45px}}@media(max-width:800px){.site-header{height:72px}.brand{width:175px}.menu-toggle{display:flex;position:relative;z-index:3;flex-direction:column;justify-content:center;gap:6px;margin-left:auto;width:38px;height:38px;background:transparent;border:0}.menu-toggle span{width:24px;height:2px;background:var(--white);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.header-cta{display:none}.nav{position:fixed;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100svh;background:#0a1116;padding:100px var(--page);gap:28px;transform:translateY(-110%);transition:transform .5s cubic-bezier(.2,.75,.2,1);margin:0;z-index:1;font:500 31px var(--serif)}.nav.is-open{transform:translateY(0)}.hero{min-height:720px;max-height:none;height:100svh}.hero-top{top:102px}.hero-top span:last-child{display:none}.hero-orb{top:26%;right:-45vw;width:120vw;opacity:.45}.hero-content{transform:translateY(-28%)}.hero-title{font-size:clamp(63px,11vw,100px)}.hero-bottom{flex-direction:column;align-items:flex-start;gap:29px;margin-top:35px}.hero-lede{max-width:430px}.hero-foot span:first-child{font-size:8px}.manifesto-grid,.process-main,.about-grid,.contact-grid{grid-template-columns:1fr}.manifesto-heading{font-size:clamp(59px,10vw,100px)}.manifesto-aside{max-width:570px;margin-top:55px}.marquee-band{margin-top:80px}.visual-section{height:auto}.visual-sticky{position:relative;height:auto;min-height:0;padding:100px var(--page) 30px}.visual-head{align-items:start}.visual-head-right{width:190px}.visual-track{width:calc(100% + 2*var(--page));margin:0 calc(-1*var(--page));padding:0 var(--page);overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:none;height:480px;touch-action:pan-x}.visual-track::-webkit-scrollbar{display:none}.visual-card{min-width:350px;width:70vw;scroll-snap-align:center}.visual-head h2{font-size:65px}.visual-foot{font-size:8px}.services-intro{align-items:start;flex-direction:column}.services-intro p{max-width:600px}.service-row{grid-template-columns:35px minmax(0,1fr) 40px;gap:14px}.service-tags{display:none}.process-visual{display:none}.process-steps{margin-top:50px}.about-image{min-height:470px;order:2}.about-copy{order:1}.contact-grid{gap:40px}.form-wrap{margin-top:0}.contact-copy>p{margin-bottom:40px}}@media(max-width:560px){.hero-top{font-size:8px}.hero-title{font-size:clamp(55px,12.5vw,76px);letter-spacing:-.09em}.hero-title .line:nth-child(2)>span{font-size:.93em}.hero-content{top:49%}.hero-lede{font-size:17px}.pill-btn{width:100%;font-size:10px}.frame-corner{width:28px;height:28px}.corner-tl{top:84px;left:10px}.corner-br{right:10px;bottom:10px}.section-pad{padding:85px var(--page)}.section-topline{margin-bottom:55px;font-size:8px;gap:12px}.manifesto-heading,.services-intro .display-heading,.process-left .display-heading,.about-copy .display-heading{font-size:clamp(52px,11vw,76px)}.manifesto-aside p{font-size:19px}.marquee-track span{font-size:40px}.visual-head{flex-direction:column;gap:20px}.visual-head h2{font-size:63px}.visual-head-right{width:100%}.visual-head-right p{font-size:14px;margin-bottom:12px}.visual-track{height:430px;gap:12px}.visual-card{min-width:calc(100vw - 65px);width:calc(100vw - 65px)}.visual-card-copy{left:25px;right:25px;bottom:25px}.visual-card-copy h3{font-size:44px}.visual-foot{line-height:1.6}.services-intro{margin-bottom:65px}.service-row h3{font-size:27px}.service-row p{font-size:12px}.statement{min-height:590px;height:80svh}.statement-content p{font-size:clamp(48px,10vw,70px)}.about-image{min-height:360px}.about-copy p{font-size:17px}.contact-heading{font-size:clamp(63px,13.5vw,95px)}.contact-copy>p{font-size:17px}.field-row{grid-template-columns:1fr;gap:0}.form-wrap{padding:23px 19px}.form-top{font-size:8px}.form-wrap label{margin-bottom:23px}.footer-top{flex-direction:column;align-items:start;padding-bottom:60px}.footer-top img{width:100%}.footer-bottom{font-size:8px}.floating-wa{right:14px;bottom:14px;font-size:9px;padding:13px 15px}}@media(pointer:coarse){.cursor-halo{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;filter:none}}

/* === 2026-11 / Hero reel — Framefilms === */
.hero{background:#081016}
.hero::after{background:linear-gradient(90deg,rgba(6,12,17,.80) 0%,rgba(6,12,17,.61) 37%,rgba(6,12,17,.28) 100%),linear-gradient(0deg,rgba(6,12,17,.94) 0%,transparent 25%,transparent 72%,rgba(6,12,17,.50) 100%)}
.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#101e25 url('framefilms-hero-poster.jpg') center center / cover no-repeat}
.hero-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center center;opacity:0;transform:scale(1.035);filter:saturate(.86) contrast(1.06) brightness(.91);transition:opacity 1.3s ease,transform 9s ease}
.hero-video.is-ready{opacity:1;transform:scale(1)}
.hero-media-note{position:absolute;right:var(--page);bottom:94px;color:rgba(243,246,245,.48);z-index:2;font-size:9px;letter-spacing:.095em;text-shadow:0 1px 8px #000}
@media(max-width:800px){.hero-video{object-position:53% center}.hero::after{background:linear-gradient(90deg,rgba(6,12,17,.79),rgba(6,12,17,.4)),linear-gradient(0deg,rgba(6,12,17,.92),transparent 36%,rgba(6,12,17,.3))}.hero-media-note{bottom:100px;font-size:8px;left:var(--page);right:auto}}
/* WhatsApp — botão flutuante, oculto automaticamente na seção Contato */
.floating-wa{position:fixed;z-index:85;right:clamp(16px,2.5vw,42px);bottom:clamp(16px,2.5vw,42px);width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);padding:0;border-radius:50%;color:#fff;background:#25D366;box-shadow:0 12px 32px rgba(0,0,0,.37),0 0 0 5px rgba(37,211,102,.13);opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;transition:opacity .38s ease,transform .38s cubic-bezier(.2,.7,.1,1),visibility .38s ease,background .2s ease,box-shadow .2s ease;backdrop-filter:none}
.floating-wa svg{display:block;width:34px;height:34px}
.floating-wa:hover{background:#20bd5b;transform:translateY(-5px) scale(1.03);box-shadow:0 17px 38px rgba(0,0,0,.42),0 0 0 7px rgba(37,211,102,.11)}
.floating-wa.is-hidden{opacity:0;visibility:hidden;transform:translateY(25px) scale(.78);pointer-events:none}
.floating-wa:focus-visible{outline:3px solid #F3F6F5;outline-offset:5px}
@media(max-width:560px){.floating-wa{right:18px;bottom:18px;width:56px;height:56px;padding:0}.floating-wa svg{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none!important;transform:none!important}}

.portfolio-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 56px);
}
.portfolio-card {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--line);
  padding-top: 14px;
}
.portfolio-card h3 {
  color: var(--white);
  font: 500 clamp(14px, 1.6vw, 19px)/1.3 var(--mono);
  margin: 0 0 14px;
}
.portfolio-card video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  background: #0b0d0f;
  margin-top: auto;
}
@media (max-width: 720px) {
  .portfolio-grid { grid-template-columns: minmax(0, 1fr); }
}

#sobre { scroll-margin-top: 20px; }
.about-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 38px);
  margin-top: clamp(32px, 6vw, 80px);
}
.about-principle {
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
.about-principle h3 {
  margin: 10px 0 12px;
  color: var(--white);
  font-size: clamp(22px, 3vw, 34px);
  line-height: 1.05;
}
.about-principle p, .about-principle ul {
  margin: 0;
  color: var(--mist);
  font-size: 16px;
  line-height: 1.55;
}
.about-principle ul { padding-left: 1.1em; }
.about-principle li + li { margin-top: 6px; }
.about-principle strong { color: var(--white); }
@media (max-width: 760px) {
  .about-principles { grid-template-columns: minmax(0, 1fr); }
}

.founder-profile {
  width: min(100%, 420px);
  margin: 0 auto;
  border: 1px solid var(--line);
  background: var(--bg);
}
.founder-profile > img {
  display: block;
  width: 100%;
  height: auto;
}
.founder-profile figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: clamp(12px, 2vw, 22px);
}
.founder-profile figcaption strong {
  display: block;
  font-size: clamp(17px, 2vw, 24px);
  line-height: 1.15;
}
.founder-profile figcaption span {
  display: block;
  margin-top: 5px;
  color: var(--mist);
  font-size: 13px;
  line-height: 1.35;
}
.founder-instagram {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--cyan);
}
.founder-instagram:hover { border-color: var(--cyan); }
.founder-instagram:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.founder-quote {
  margin: 22px 0;
  padding-left: 16px;
  border-left: 2px solid var(--cyan);
  color: var(--white);
  font-size: clamp(20px, 3vw, 30px);
  line-height: 1.3;
}
@media (max-width: 800px) {
  #sobre .about-grid { gap: 30px; }
  #sobre .about-copy { min-width: 0; }
  #sobre #aboutTitle { font-size: clamp(30px, 8vw, 54px); }
}

.footer-credit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 4px 10px;
  margin-top: 18px;
  color: var(--mist);
  font: 12px var(--mono);
}
.footer-credit img {
  display: block;
  width: 132px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 560px) {
  .footer-credit { justify-content: flex-start; }
}
