:root{--ink:#07090d;--ink-2:#10141c;--paper:#f4f1e9;--white:#fff;--blue:#139cf2;--blue-2:#04c8ff;--yellow:#ffd20a;--pink:#ff4da1;--violet:#795cff;--green:#45e48c;--orange:#ff783d;--muted:#aeb5c2;--line:rgba(255,255,255,.13);--pad:clamp(1.25rem,4vw,5rem);--radius:1.5rem;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:6rem}
body{margin:0;background:var(--ink);color:var(--white);font-family:"DM Sans",sans-serif;overflow-x:hidden}
body.menu-open,body.modal-open{overflow:hidden}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
::selection{background:var(--yellow);color:var(--ink)}
.noise{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.038;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='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
#lightCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.7}
main,.site-header,.footer,.floating-whatsapp{position:relative;z-index:2}
.loader{position:fixed;inset:0;z-index:999;background:#050609;display:grid;place-items:center;align-content:center;gap:1.25rem;transition:opacity .8s var(--ease),visibility .8s}
.loader.is-done{opacity:0;visibility:hidden}
.loader p{margin:0;color:#8e96a5;text-transform:uppercase;letter-spacing:.22em;font-size:.65rem}
.loader-mark{width:6rem;height:4.7rem;position:relative;animation:loaderPulse 1.5s ease-in-out infinite}
.loader-half{position:absolute;inset:0 50% 0 0;background:var(--yellow);clip-path:polygon(12% 0,72% 0,100% 30%,100% 66%,62% 100%,43% 80%,31% 100%,0 100%)}
.loader-right{inset:0 0 0 50%;background:var(--blue);transform:scaleX(-1)}
@keyframes loaderPulse{50%{transform:translateY(-8px);filter:drop-shadow(0 12px 22px rgba(19,156,242,.35))}}
.site-header{height:5.5rem;position:fixed;top:0;left:0;right:0;z-index:80;padding:.8rem var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:.35s;background:linear-gradient(to bottom,rgba(7,9,13,.86),transparent);backdrop-filter:blur(0)}
.site-header.is-scrolled{height:4.7rem;background:rgba(7,9,13,.76);border-color:var(--line);backdrop-filter:blur(18px)}
.brand-trigger{width:clamp(7.4rem,12vw,10rem);height:3.2rem;display:grid;place-items:center;position:relative}
.brand-trigger img{width:100%;height:100%;object-fit:contain}
.site-header nav{display:flex;align-items:center;gap:clamp(1rem,2.3vw,2.5rem);font-size:.83rem}
.site-header nav>a:not(.nav-cta){color:#c9ced7;position:relative}
.site-header nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-.45rem;height:2px;background:var(--yellow);transition:.35s var(--ease)}
.site-header nav>a:hover::after{right:0}
.nav-cta{border:1px solid rgba(255,255,255,.26);padding:.7rem 1rem;border-radius:100px;background:rgba(255,255,255,.06)}
.sound-toggle{border:0;background:transparent;color:#8d94a0;text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;display:flex;align-items:center;gap:.45rem;cursor:pointer;padding:.5rem}
.sound-toggle span{width:.48rem;height:.48rem;border:1px solid currentColor;border-radius:50%}
.sound-toggle[aria-pressed="true"]{color:var(--green)}
.sound-toggle[aria-pressed="true"] span{background:currentColor;box-shadow:0 0 15px currentColor}
.menu-toggle{display:none;background:none;border:0;color:white;position:relative;width:3rem;height:3rem}
.menu-toggle span{position:absolute;width:1.6rem;height:1px;background:white;left:.7rem;transition:.3s}.menu-toggle span:nth-child(1){top:.9rem}.menu-toggle span:nth-child(2){top:1.35rem}.menu-toggle span:nth-child(3){top:1.8rem}.menu-toggle b{position:absolute;opacity:0}
.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr);align-items:center;padding:8.5rem var(--pad) 5rem;overflow:hidden;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;width:55vw;height:55vw;left:-28vw;top:10vh;border-radius:50%;background:radial-gradient(circle,rgba(255,210,10,.16),transparent 62%);filter:blur(12px)}
.hero-copy{position:relative;z-index:3;max-width:60rem}
.hero-kicker,.eyebrow{font:700 .67rem/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.24em;color:var(--blue-2);display:flex;align-items:center;gap:.7rem}
.hero-kicker::before,.eyebrow::before{content:"";width:2rem;height:2px;background:currentColor}
.hero-title{font:800 clamp(3.4rem,8vw,8.4rem)/.86 "Syne",sans-serif;letter-spacing:-.075em;margin:clamp(1.6rem,3vw,2.8rem) 0 2rem;max-width:11ch}
.hero-title span{display:block}
.word-reveal{clip-path:inset(0 100% 0 0);transform:translateY(35%);opacity:0;transition:clip-path 1.25s var(--ease),transform 1.25s var(--ease),opacity .5s}
body.is-ready .word-reveal{clip-path:inset(0);transform:none;opacity:1}.word-reveal:nth-child(2){transition-delay:.18s}
.accent-text{color:transparent;background:linear-gradient(100deg,var(--yellow) 0 24%,#ff9355 42%,var(--pink) 62%,var(--blue-2) 90%);background-size:180% auto;background-clip:text;-webkit-background-clip:text;animation:hueMove 7s ease-in-out infinite alternate}
@keyframes hueMove{to{background-position:100% center}}
.hero-description{font-size:clamp(1rem,1.55vw,1.28rem);line-height:1.55;color:#c8ced7;max-width:39rem;margin:0 0 2.2rem}
.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}
.button{min-height:3.35rem;display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;border-radius:999px;padding:.8rem 1.35rem;font-weight:700;font-size:.87rem;border:1px solid transparent;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s,background .35s}
.button-primary{background:var(--yellow);color:var(--ink);box-shadow:0 12px 35px rgba(255,210,10,.13)}
.button-primary:hover{box-shadow:0 15px 45px rgba(255,210,10,.3)}
.button-ghost{border-color:rgba(255,255,255,.25);color:#e7e9ed;background:rgba(255,255,255,.025)}
.button-ghost:hover{background:white;color:var(--ink)}
.hero-art{height:min(65vw,46rem);max-height:70vh;min-height:29rem;position:relative;display:grid;place-items:center;perspective:1000px}
.symbol-orbit{width:min(31vw,28rem);aspect-ratio:1;display:grid;place-items:center;position:relative;transform-style:preserve-3d;animation:artFloat 6s ease-in-out infinite}
.symbol-orbit::before,.symbol-orbit::after{content:"";position:absolute;border-radius:50%;filter:blur(35px)}
.symbol-orbit::before{inset:5%;background:radial-gradient(circle at 30% 20%,rgba(255,210,10,.5),transparent 48%),radial-gradient(circle at 70% 70%,rgba(19,156,242,.55),transparent 50%)}
.symbol-orbit::after{inset:20%;background:rgba(255,77,161,.28);filter:blur(55px)}
.symbol-orbit img{width:76%;height:76%;object-fit:contain;position:relative;z-index:4;filter:drop-shadow(0 35px 40px rgba(0,0,0,.5));transform:translateZ(70px)}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%;z-index:3}.orbit-a{inset:-2%;transform:rotateX(70deg);animation:orbitSpin 9s linear infinite}.orbit-b{inset:12%;transform:rotateY(70deg);animation:orbitSpin 7s linear infinite reverse}
.orbit::after{content:"";width:.6rem;height:.6rem;background:var(--yellow);border-radius:50%;position:absolute;left:14%;top:9%;box-shadow:0 0 20px var(--yellow)}
@keyframes orbitSpin{to{rotate:360deg}}@keyframes artFloat{50%{transform:translateY(-16px) rotate(-2deg)}}
.art-label{position:absolute;font:700 .58rem "Manrope";letter-spacing:.24em;color:#757d8b}.label-one{left:2%;top:27%;writing-mode:vertical-rl}.label-two{right:3%;bottom:20%}
.hero-lights i{position:absolute;border-radius:50%;filter:blur(1px);opacity:.85;animation:spark 5s ease-in-out infinite}.hero-lights i:nth-child(1){width:5px;height:5px;background:var(--yellow);left:47%;top:24%;box-shadow:0 0 20px var(--yellow)}.hero-lights i:nth-child(2){width:8px;height:8px;background:var(--pink);right:11%;top:31%;box-shadow:0 0 25px var(--pink);animation-delay:-2s}.hero-lights i:nth-child(3){width:4px;height:4px;background:var(--blue-2);right:43%;bottom:18%;box-shadow:0 0 22px var(--blue-2);animation-delay:-3.5s}@keyframes spark{50%{transform:translate(30px,-18px);opacity:.3}}
.scroll-cue{position:absolute;bottom:1.6rem;left:var(--pad);display:flex;align-items:center;gap:.8rem;color:#747c8a;text-transform:uppercase;letter-spacing:.18em;font-size:.56rem}.scroll-cue span{width:2.6rem;height:1px;background:#747c8a;position:relative;overflow:hidden}.scroll-cue span::after{content:"";position:absolute;inset:0;background:white;transform:translateX(-100%);animation:scrollLine 2s infinite}@keyframes scrollLine{60%,100%{transform:translateX(100%)}}
.section{position:relative;padding:clamp(5.5rem,10vw,10rem) var(--pad);border-bottom:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:minmax(16rem,.55fr) minmax(20rem,1fr);column-gap:5vw;align-items:end;margin-bottom:clamp(2.5rem,5vw,5rem)}
.section-head .eyebrow{grid-column:1/-1;margin:0 0 1.5rem}
.section-head h2{font:800 clamp(2.7rem,6.1vw,6.6rem)/.92 "Syne",sans-serif;letter-spacing:-.055em;margin:0;max-width:12ch}
.section-head>p:last-child{max-width:36rem;margin:0 0 .4rem;color:#aab1bd;line-height:1.7;font-size:clamp(.95rem,1.3vw,1.1rem)}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
.services-section{background:linear-gradient(150deg,#0b0e14,#06080c 60%)}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.service-card{min-height:23rem;padding:clamp(1.5rem,3vw,3rem);background:#0b0e14;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;position:relative;overflow:hidden;transition:background .5s,transform .5s var(--ease)}
.service-card::before{content:"";position:absolute;width:18rem;height:18rem;border-radius:50%;right:-9rem;bottom:-11rem;background:var(--service-color,var(--blue));filter:blur(75px);opacity:.15;transition:.6s}
.service-card[data-color="yellow"]{--service-color:var(--yellow)}.service-card[data-color="pink"]{--service-color:var(--pink)}.service-card[data-color="violet"]{--service-color:var(--violet)}.service-card[data-color="green"]{--service-color:var(--green)}.service-card[data-color="orange"]{--service-color:var(--orange)}
.service-card:hover{background:#10151e}.service-card:hover::before{opacity:.42;transform:scale(1.25)}
.service-number{font:600 .65rem "Manrope";color:var(--service-color,var(--blue));letter-spacing:.18em}
.service-card>div{grid-column:1/-1;align-self:center}.service-card h3{font:700 clamp(2rem,3vw,3.7rem)/1 "Syne";letter-spacing:-.04em;margin:0 0 1rem}.service-short{font-size:1.05rem;color:#c8cdd5;margin:0}.service-detail{max-width:27rem;color:#7f8794;line-height:1.6;margin:0}.service-arrow{font-size:1.4rem;align-self:end;transition:.35s}.service-card:hover .service-arrow{transform:translate(6px,-6px);color:var(--service-color,var(--blue))}
.brands-section{overflow:hidden;background:#eae6dc;color:#0a0c10}.brands-section .eyebrow{color:#097eca}.brands-section .section-head>p:last-child{color:#4e545e}
.brand-stage{position:relative}.brand-slides{position:relative;height:clamp(33rem,63vw,47rem);border-radius:clamp(1.2rem,3vw,2.8rem);overflow:hidden;background:#11151d;box-shadow:0 35px 90px rgba(0,0,0,.2);touch-action:pan-y}
.brand-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(.96);transition:opacity .65s,visibility .65s,transform .8s var(--ease);color:white;isolation:isolate}.brand-slide.is-active{opacity:1;visibility:visible;transform:none;z-index:2}
.brand-gallery{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);z-index:-2;background:radial-gradient(circle at center,var(--brand-accent),#080a0e 66%)}
.brand-gallery::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,13,.85),rgba(7,9,13,.38) 48%,rgba(7,9,13,.8)),linear-gradient(0deg,rgba(7,9,13,.92),transparent 55%);backdrop-filter:blur(6px);z-index:2}
.brand-gallery img,.brand-gallery video{width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(1.18);transform:scale(1.06);transition:transform 8s linear}.brand-slide.is-active .brand-gallery img,.brand-slide.is-active .brand-gallery video{transform:scale(1.17)}
.brand-fallback{position:absolute;inset:0;background:radial-gradient(circle at 65% 30%,var(--brand-accent),transparent 23%),linear-gradient(125deg,transparent 35%,color-mix(in srgb,var(--brand-accent),transparent 40%),transparent 70%)}
.brand-center{position:absolute;inset:10% 20% 19%;display:grid;place-items:center;perspective:1000px}.brand-logo{width:min(52%,25rem);height:min(48%,17rem);object-fit:contain;filter:drop-shadow(0 18px 25px rgba(0,0,0,.5)) drop-shadow(0 0 3px white);opacity:0;transform:translateY(35px) scale(.7) rotate(-6deg)}
.brand-slide.is-active .brand-logo{animation:brandEnter .9s .16s var(--ease) forwards,brandFloat 5s 1.15s ease-in-out infinite}@keyframes brandEnter{to{opacity:1;transform:none}}@keyframes brandFloat{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-14px) rotate(1.5deg)}}
.brand-copy{position:absolute;left:clamp(1.5rem,4vw,4rem);bottom:clamp(1.5rem,4vw,3.5rem);max-width:31rem;z-index:4}.brand-copy p{margin:0 0 .7rem;text-transform:uppercase;letter-spacing:.16em;font-size:.62rem;color:var(--brand-accent);font-weight:700}.brand-copy h3{font:700 clamp(2.2rem,4.5vw,5rem)/.95 "Syne";letter-spacing:-.05em;margin:0 0 .8rem}.brand-copy span{color:#c1c6ce;line-height:1.55;display:block}
.brand-controls{position:absolute;right:clamp(1rem,3vw,2.5rem);bottom:clamp(1rem,3vw,2.5rem);z-index:6;display:flex;align-items:center;gap:.7rem}.brand-controls button{width:3.1rem;height:3.1rem;border:1px solid rgba(255,255,255,.23);border-radius:50%;background:rgba(7,9,13,.55);color:white;cursor:pointer;backdrop-filter:blur(10px);transition:.3s}.brand-controls button:hover{background:white;color:#080a0e}.brand-controls p{font-size:.65rem;letter-spacing:.13em;margin:0;color:#9097a3}.brand-controls strong{color:white}
.brand-rail{display:flex;gap:.65rem;overflow:auto;padding:1.2rem .2rem .5rem;scrollbar-width:none}.brand-rail::-webkit-scrollbar{display:none}.brand-rail button{flex:0 0 5.3rem;height:3.6rem;border:1px solid rgba(12,15,20,.13);border-radius:.8rem;background:rgba(255,255,255,.5);padding:.55rem;cursor:pointer;opacity:.5;transition:.35s}.brand-rail button.is-active{opacity:1;border-color:#111;transform:translateY(-3px);background:white}.brand-rail img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.video-section{background:#090b10}.video-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 13%,rgba(255,77,161,.1),transparent 26%),radial-gradient(circle at 4% 78%,rgba(121,92,255,.12),transparent 30%);pointer-events:none}.video-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.video-card{grid-column:span 4;aspect-ratio:4/5;border:0;border-radius:1.2rem;padding:0;overflow:hidden;position:relative;color:white;text-align:left;cursor:pointer;background:#151922}.video-card:nth-child(1),.video-card:nth-child(5){grid-column:span 8;aspect-ratio:2/1}.video-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .6s}.video-card:hover img{transform:scale(1.07);filter:saturate(1.25)}.video-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,9,.9),transparent 63%),linear-gradient(100deg,rgba(5,6,9,.25),transparent)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4.2rem;height:4.2rem;border-radius:50%;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;background:rgba(5,6,9,.25);backdrop-filter:blur(8px);font-size:.9rem;transition:.4s}.video-card:hover .play{background:var(--yellow);color:#07090d;border-color:var(--yellow);transform:translate(-50%,-50%) scale(1.08)}.video-info{position:absolute;left:1.4rem;right:4rem;bottom:1.35rem;display:grid;gap:.35rem}.video-info small{text-transform:uppercase;letter-spacing:.16em;color:var(--yellow);font-size:.58rem}.video-info strong{font:700 clamp(1.25rem,2vw,2rem) "Syne"}.video-card>b{position:absolute;right:1.3rem;bottom:1.45rem;color:#808793;font-size:.63rem;letter-spacing:.1em}
.video-modal{width:min(92vw,1100px);padding:0;border:0;background:#080a0e;color:white;border-radius:1rem;box-shadow:0 30px 100px black;overflow:visible}.video-modal::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(12px)}.video-modal>button{position:absolute;right:-.5rem;top:-3.3rem;border:0;background:none;color:white;font-size:2.5rem;cursor:pointer}.video-frame{aspect-ratio:16/9;background:#000;border-radius:1rem;overflow:hidden}.video-frame iframe{width:100%;height:100%;border:0}.video-modal>a{display:block;text-align:center;padding:.85rem;color:#aab1bd;font-size:.8rem}
.digital-section{background:var(--paper);color:#0b0d11}.digital-section .section-head>p:last-child{color:#535a65}.project-list{display:grid;gap:1.2rem}.project-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(17rem,.6fr);min-height:31rem;border:1px solid #d0cdc5;background:#eeebe3;border-radius:1.25rem;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s}.project-card:nth-child(even){grid-template-columns:minmax(17rem,.6fr) minmax(0,1.4fr)}.project-card:nth-child(even) .project-image{order:2}.project-card:hover{transform:translateY(-6px);box-shadow:0 25px 65px rgba(15,18,25,.13)}.project-image{position:relative;overflow:hidden;background:#151923}.project-image::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 60%,color-mix(in srgb,var(--project-accent),transparent 25%))}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.project-card:hover .project-image img{transform:scale(1.035)}.project-image span{position:absolute;z-index:2;right:1rem;bottom:1rem;padding:.75rem 1rem;border-radius:99px;background:white;font-weight:700;font-size:.75rem;transform:translateY(150%);transition:.5s var(--ease)}.project-card:hover .project-image span{transform:none}.project-copy{padding:clamp(1.8rem,4vw,4rem);display:flex;flex-direction:column;justify-content:center}.project-copy small{text-transform:uppercase;letter-spacing:.17em;color:color-mix(in srgb,var(--project-accent),#000 22%);font-weight:700}.project-copy h3{font:800 clamp(2.2rem,4.5vw,5rem)/.95 "Syne";letter-spacing:-.05em;margin:1rem 0}.project-copy p{color:#5f6570;line-height:1.65;margin:0}
.story-section{display:grid;grid-template-columns:minmax(20rem,1fr) minmax(20rem,.8fr);gap:clamp(2rem,7vw,8rem);background:#0c1017;align-items:center}.story-visual{position:relative;min-width:0}.story-visual::before{content:"";position:absolute;inset:-1rem 10% 10% -1rem;border:1px solid rgba(255,210,10,.55);border-radius:45% 55% 51% 49%/55% 37% 63% 45%;transform:rotate(-3deg)}.story-visual img{width:100%;height:auto;max-height:52rem;object-fit:contain;position:relative;z-index:1;filter:saturate(.92);border-radius:2rem}.story-stamp{position:absolute;z-index:3;right:-1.5rem;bottom:8%;width:7.4rem;height:7.4rem;background:var(--yellow);color:#080a0e;border-radius:50%;display:grid;place-items:center;text-align:center;font:800 .65rem/1.5 "Manrope";letter-spacing:.16em;transform:rotate(8deg);box-shadow:0 14px 38px rgba(0,0,0,.28)}.story-copy .section-head{display:block;margin-bottom:2.4rem}.story-copy .section-head .eyebrow{margin-bottom:1.6rem}.story-copy .section-head h2{margin-bottom:1.2rem}.story-copy .section-head>p:last-child{display:none}.story-copy>p{color:#aeb5c1;line-height:1.8;font-size:1.03rem;max-width:37rem}.story-copy blockquote{font:700 clamp(1.5rem,2.6vw,2.7rem)/1.2 "Syne";letter-spacing:-.03em;margin:2.5rem 0 0;color:var(--yellow);max-width:16ch}
.proposal-section{background:linear-gradient(130deg,#0d54b0,#087cc7 42%,#08a5d5);overflow:hidden}.proposal-section::after{content:"";position:absolute;width:45rem;height:45rem;border:1px solid rgba(255,255,255,.17);border-radius:45% 55% 36% 64%;right:-16rem;top:-12rem;animation:slowRotate 18s linear infinite}@keyframes slowRotate{to{transform:rotate(360deg)}}.proposal-section .eyebrow{color:var(--yellow)}.proposal-section .section-head>p:last-child{color:rgba(255,255,255,.76)}.proposal-intro{font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.55;max-width:48rem;margin:-2rem 0 4rem}.process-list{list-style:none;margin:0 0 3rem;padding:0;border-top:1px solid rgba(255,255,255,.28);max-width:70rem}.process-list li{display:grid;grid-template-columns:5rem 1fr;border-bottom:1px solid rgba(255,255,255,.28);padding:1.7rem 0;align-items:start}.process-list li>span{font:700 .62rem "Manrope";letter-spacing:.16em;color:var(--yellow);padding-top:.4rem}.process-list h3{font:700 clamp(1.3rem,2.3vw,2.2rem) "Syne";margin:0 0 .4rem}.process-list p{color:rgba(255,255,255,.72);max-width:42rem;margin:0;line-height:1.6}.proposal-section .button-primary{position:relative;z-index:2}
.contact-section{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(20rem,1.2fr);gap:clamp(3rem,8vw,10rem);background:#f4f1e9;color:#0a0c10}.contact-intro{position:relative}.contact-intro .section-head{display:block;position:sticky;top:7rem}.contact-intro .section-head .eyebrow{color:#0789dc}.contact-intro .section-head h2{margin-bottom:1.2rem}.contact-intro .section-head>p:last-child{color:#505761}.contact-intro>img{position:absolute;width:12rem;opacity:.09;right:0;bottom:-3rem;transform:rotate(-10deg)}.quote-form{display:grid;gap:1.5rem;background:white;padding:clamp(1.4rem,4vw,3.5rem);border-radius:1.4rem;box-shadow:0 18px 55px rgba(26,30,37,.08)}.quote-form label{display:grid;gap:.55rem}.quote-form label>span{font-weight:700;font-size:.76rem}.quote-form label small{font-weight:400;color:#6f7680}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:0;border-bottom:1px solid #c8c9c9;border-radius:0;background:white;color:#11151b;padding:.8rem .1rem;outline:0;transition:.3s;appearance:auto}.quote-form select option{background:#fff;color:#11151b}.quote-form textarea{resize:vertical}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--blue);box-shadow:0 2px 0 var(--blue)}.quote-form .button{border:0;margin-top:.5rem}.form-note{font-size:.72rem;color:#737983;text-align:center;margin:0}
.footer{background:#050609;padding:clamp(4rem,8vw,8rem) var(--pad) 2rem;overflow:hidden}.footer-signoff{font-family:"Syne";font-weight:800;text-transform:uppercase;letter-spacing:-.07em;margin-bottom:clamp(4rem,8vw,8rem)}.footer-signoff p{font-size:clamp(4rem,12.5vw,13.5rem);line-height:.73;margin:0;color:#fff}.footer-signoff strong{font-size:clamp(2.7rem,8vw,8.5rem);line-height:1;color:transparent;-webkit-text-stroke:1px var(--yellow);font-style:italic;margin-left:14vw}.footer-info{border-top:1px solid var(--line);padding-top:2rem;display:grid;grid-template-columns:1fr .6fr 1fr .5fr;gap:2rem;align-items:start;color:#9da4b0;font-size:.82rem}.footer-info>img{width:10rem;height:4rem;object-fit:contain}.footer-info p{margin:.65rem 0}.footer-info>div:not(.socials),.socials{display:grid;gap:.65rem}.footer-info a:hover{color:var(--yellow)}.copyright{margin:4rem 0 0;color:#505662;font-size:.67rem}
.floating-whatsapp{position:fixed;z-index:65;right:1.2rem;bottom:1.2rem;border-radius:999px;background:#25d366;color:#04130a;display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem .55rem .55rem;font-size:.7rem;font-weight:800;box-shadow:0 12px 35px rgba(0,0,0,.3)}.floating-whatsapp span{width:2.2rem;height:2.2rem;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:.65rem}
@media (max-width:900px){.site-header nav{position:fixed;inset:0;background:#080a0e;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:5rem 12vw;gap:1.6rem;transform:translateX(100%);visibility:hidden;transition:.55s var(--ease);font:700 clamp(2rem,8vw,4rem) "Syne"}.menu-open .site-header nav{transform:none;visibility:visible}.site-header nav>a:not(.nav-cta){color:white}.nav-cta{font:700 1rem "DM Sans"}.sound-toggle{margin-left:auto;margin-right:.5rem}.menu-toggle{display:block;z-index:3}.menu-open .menu-toggle span:nth-child(1){top:1.35rem;transform:rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){top:1.35rem;transform:rotate(-45deg)}.hero{grid-template-columns:1fr;padding-top:8rem;align-content:center}.hero-copy{z-index:4}.hero-art{position:absolute;right:-20vw;top:18%;opacity:.55;height:60vh;width:70vw}.symbol-orbit{width:min(62vw,27rem)}.section-head{grid-template-columns:1fr;gap:1.2rem}.section-head h2{max-width:14ch}.services-grid{grid-template-columns:1fr}.service-card{min-height:20rem}.video-card,.video-card:nth-child(1),.video-card:nth-child(5){grid-column:span 6;aspect-ratio:4/5}.project-card,.project-card:nth-child(even){grid-template-columns:1fr;min-height:0}.project-card:nth-child(even) .project-image{order:0}.project-image{aspect-ratio:16/10}.story-section{grid-template-columns:1fr}.story-visual{max-width:38rem;margin:auto}.contact-section{grid-template-columns:1fr}.contact-intro .section-head{position:static}.footer-info{grid-template-columns:1fr 1fr}.footer-info>img{grid-column:1/-1}}
@media (max-width:620px){:root{--pad:1.15rem;--radius:1.1rem}.site-header{height:4.8rem}.brand-trigger{width:7.5rem;height:2.7rem}.sound-toggle{font-size:0;gap:0}.sound-toggle span{width:.7rem;height:.7rem}.hero{min-height:49rem;padding-bottom:4.5rem}.hero-title{font-size:clamp(3.35rem,16.5vw,5.7rem);margin-top:1.6rem}.hero-description{font-size:1rem;max-width:26rem}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}.hero-art{top:21%;right:-38vw;width:95vw}.scroll-cue{bottom:1.2rem}.section{padding-top:5.8rem;padding-bottom:5.8rem}.section-head{margin-bottom:2.6rem}.section-head h2{font-size:clamp(2.75rem,13vw,4.5rem)}.service-card{min-height:19rem;padding:1.4rem}.service-card h3{font-size:2.25rem}.service-detail{font-size:.9rem}.brand-slides{height:36rem;border-radius:1rem}.brand-gallery{grid-template-columns:1fr 1fr}.brand-gallery img:nth-child(3),.brand-gallery video:nth-child(3){display:none}.brand-center{inset:10% 7% 28%}.brand-logo{width:66%;height:48%}.brand-copy{left:1.2rem;right:1.2rem;bottom:5.4rem}.brand-copy h3{font-size:2.35rem}.brand-copy span{font-size:.83rem;max-width:83%}.brand-controls{left:1.1rem;right:auto;bottom:1.1rem}.brand-rail button{flex-basis:4.4rem;height:3.2rem}.video-grid{gap:.65rem}.video-card,.video-card:nth-child(1),.video-card:nth-child(5){grid-column:span 12;aspect-ratio:4/5}.video-card:nth-child(1){aspect-ratio:4/4}.project-image{aspect-ratio:4/3}.project-copy{padding:1.5rem}.project-copy h3{font-size:2.4rem}.story-stamp{width:5.8rem;height:5.8rem;right:-.3rem;font-size:.52rem}.proposal-intro{margin-top:-1rem}.process-list li{grid-template-columns:3.2rem 1fr}.quote-form{padding:1.2rem}.footer-signoff strong{display:block;margin:1.3rem 0 0 9vw;line-height:.9}.footer-info{grid-template-columns:1fr}.floating-whatsapp b{display:none}.floating-whatsapp{padding:.45rem}.floating-whatsapp span{width:2.55rem;height:2.55rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.word-reveal{opacity:1;transform:none;clip-path:none}.loader{display:none}#lightCanvas{display:none}}

/* Ajustes de proporción y legibilidad — versión 3 */
.loader{gap:.85rem}
.loader-mark{width:5.2rem;height:4.2rem;display:grid;place-items:center;animation:loaderPulse 1.15s ease-in-out infinite}
.loader-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 25px rgba(19,156,242,.28))}
.loader-line{width:4.8rem;height:1px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}
.loader-line::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--yellow),var(--blue));transform:translateX(-100%);animation:scrollLine .75s ease-out forwards}
.brand-trigger{width:10.5rem;height:2.6rem;place-items:center start;overflow:hidden}
.brand-trigger img{width:100%;height:100%;object-fit:contain;object-position:left center}
.hero{position:relative;grid-template-columns:minmax(0,1.04fr) minmax(22rem,.96fr);gap:clamp(1.5rem,4vw,5rem);padding-top:7.5rem;padding-bottom:4.5rem;align-items:center}
.hero-lights{position:absolute;inset:0;pointer-events:none}
.hero-copy{max-width:56rem;min-width:0}
.hero-title{font-size:clamp(3.7rem,5.25vw,6.3rem);line-height:.93;max-width:9em;letter-spacing:-.065em;margin:clamp(1.2rem,2vw,2rem) 0 1.6rem}
.hero-description{margin-bottom:1.7rem}
.hero-art{height:min(69vh,43rem);min-height:27rem;max-height:none;min-width:0}
.symbol-orbit{width:min(31vw,29rem)}
.section-head{grid-template-columns:minmax(0,1.15fr) minmax(17rem,.65fr);gap:clamp(2rem,5vw,6rem);align-items:end}
.section-head h2{font-size:clamp(2.8rem,4.7vw,5.4rem);line-height:.94;max-width:10.8em;min-width:0;overflow-wrap:normal;word-break:normal}
.section-head>p:last-child{min-width:0}
.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.video-card,.video-card:nth-child(1),.video-card:nth-child(5){grid-column:auto;aspect-ratio:16/10}
.project-card,.project-card:nth-child(even){grid-template-columns:minmax(0,1.15fr) minmax(19rem,.85fr)}
.project-copy{min-width:0}
.project-copy h3{font-size:clamp(2.1rem,3.35vw,3.9rem);line-height:.98;max-width:100%;overflow-wrap:anywhere}
.contact-intro .section-head h2{font-size:clamp(2.8rem,4.6vw,5.25rem);overflow-wrap:normal}

@media (max-width:900px){
  .brand-trigger{width:9.2rem;height:2.35rem}
  .hero{grid-template-columns:1fr;grid-template-rows:auto auto;gap:1rem;padding-top:7.2rem;align-content:start}
  .hero-title{font-size:clamp(3.5rem,10vw,5.6rem);max-width:9em}
  .hero-art{position:relative;right:auto;top:auto;width:100%;height:25rem;min-height:0;opacity:1;margin-top:-2rem}
  .symbol-orbit{width:min(58vw,25rem)}
  .section-head{grid-template-columns:1fr;gap:1.15rem}
  .section-head h2{font-size:clamp(2.9rem,8vw,4.8rem);max-width:11em}
  .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .video-card,.video-card:nth-child(1),.video-card:nth-child(5){grid-column:auto;aspect-ratio:16/10}
  .project-card,.project-card:nth-child(even){grid-template-columns:1fr}
}

@media (max-width:620px){
  .brand-trigger{width:8.4rem;height:2.15rem}
  .hero{min-height:auto;padding-top:6.5rem;padding-bottom:4.5rem}
  .hero-title{font-size:clamp(3.05rem,13.5vw,4.85rem);line-height:.92;max-width:100%;margin-top:1.25rem}
  .hero-description{max-width:24rem}
  .hero-art{top:auto;right:auto;width:100%;height:20rem;margin-top:-1rem}
  .symbol-orbit{width:min(78vw,22rem)}
  .section-head h2{font-size:clamp(2.65rem,11.5vw,4rem);max-width:100%}
  .video-grid{grid-template-columns:1fr}
  .video-card,.video-card:nth-child(1),.video-card:nth-child(5){aspect-ratio:16/10}
  .project-copy h3{font-size:2.25rem;overflow-wrap:anywhere}
  .contact-intro .section-head h2{font-size:clamp(2.65rem,11.5vw,4rem)}
}