@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#191b1e;--red:#ff171f;--paper:#f8f8f6;--gray:#737578;--line:#d9dad8;--mx:0px;--my:0px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ff646a;outline-offset:5px}img{max-width:100%}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.08;letter-spacing:-.045em;margin:0}h1{font-size:clamp(3rem,6.8vw,7rem);font-weight:700}h2{font-size:clamp(2.2rem,4.5vw,4.8rem);font-weight:600}h3{font-size:1.6rem;font-weight:600}p{max-width:65ch}header{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff16;position:relative;z-index:10;background:var(--ink)}.brand{display:inline-flex;align-items:center;gap:12px}.brand img{width:49px;height:49px}.brand span{font-family:Manrope,Arial,sans-serif;font-size:22px;line-height:1.02;font-weight:800;letter-spacing:-1px}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav>a{transition:color .2s}nav>a:hover{color:var(--red)}.nav-contact{border:1px solid #ffffff55;border-radius:30px;padding:11px 20px}.menu-toggle{display:none}.skip{position:fixed;left:20px;top:-100px;padding:10px;background:white;color:black;z-index:100}.skip:focus{top:10px}.hero{min-height:calc(100svh - 105px);height:760px;max-height:1100px;position:relative;overflow:hidden;display:flex;align-items:center;padding:60px 7vw 135px}.hero-art{position:absolute;inset:-3%;background:url('assets/hero-wave.png') center/cover no-repeat;transform:translate(var(--mx),var(--my)) scale(1.04);transition:transform 1.2s ease;animation:breathe 12s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#191b1e85 0%,#191b1e22 45%,transparent 80%);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:830px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:600;margin-bottom:26px}.hero .eyebrow{color:#ddd}.hero h1{font-size:clamp(3.4rem,6.4vw,6.8rem);line-height:1.02}.hero em{font-style:normal;color:var(--red)}.hero-copy p{font-size:19px;color:#ddd;line-height:1.6;margin:30px 0}.actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 24px;border-radius:3px;font-size:14px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.red{background:var(--red);color:white}.red:hover{background:#dc0a15}.graphite{background:var(--ink);color:white}.light{background:white;color:var(--ink)}.outline{border-color:#ffffff66;color:white}.text-link{font-size:14px;border-bottom:1px solid #ffffff65;padding:8px 0}.hero-bottom{position:absolute;bottom:32px;left:7vw;right:7vw;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;z-index:2;font-size:12px;color:#c7c7ca}.hero-bottom a{font-size:14px}.hero-bottom a span{display:inline-block;margin-left:15px}.motion-toggle{border:1px solid #ffffff33;background:#191b1e88;color:#ddd;padding:8px 13px;border-radius:25px;font-size:12px}.paper{background:var(--paper);color:var(--ink)}.dark{background:var(--ink);color:var(--paper)}.section{padding:100px 7vw}.section-heading{position:relative;margin-bottom:52px}.section-heading>p{max-width:46ch;margin:26px 0 0;color:var(--gray)}.dark .section-heading>p{color:#b3b4b7}.muted{color:#929396}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{position:relative;display:flex;flex-direction:column;min-height:325px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s,color .25s}.service-card:hover{background:var(--ink);color:white}.card-number{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--gray);margin-bottom:42px}.service-card h3{max-width:16ch}.service-card p{font-size:15px;line-height:1.6;color:var(--gray);margin:20px 0}.service-card:hover p,.service-card:hover .card-number{color:#c8c9cb}.card-link{font-size:14px;margin-top:auto;padding-top:18px;color:var(--red)}.service-card:last-child{grid-column:span 3;min-height:220px}.service-card:last-child .card-number{margin-bottom:20px}.service-card:last-child p{max-width:65ch}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:45px 0}.work-card[hidden]{display:none}.work-art{height:270px;position:relative;overflow:hidden;border:1px solid #ffffff22;background:#26282d;display:flex;align-items:center;justify-content:center}.paper .work-art{border-color:#ccc}.art-1{background:#e91722}.art-2{background:#e1e0dc;color:var(--ink)}.slot{border:1px solid currentColor;opacity:.65;padding:9px 12px;border-radius:25px;font-size:12px}.work-type{position:absolute;left:20px;top:20px;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.work-index{font-family:Manrope,Arial,sans-serif;position:absolute;right:12px;bottom:-25px;font-size:150px;line-height:1;opacity:.13;letter-spacing:-12px;font-weight:800}.work-caption h3{font-size:20px;letter-spacing:-.03em;margin-top:22px}.work-caption p{font-size:14px;color:var(--gray);margin-top:10px}.dark .work-caption p{color:#aaa}.carlos-split{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.carlos-visual{background:#e9e9e6;padding:60px 7vw;display:flex;flex-direction:column;justify-content:space-between;min-height:600px}.big-initials{font-family:Manrope,Arial,sans-serif;font-size:clamp(120px,18vw,260px);font-weight:800;line-height:1;letter-spacing:-.09em}.big-initials span{color:var(--red)}.carlos-visual p{color:var(--gray);font-size:13px}.carlos-copy{padding:80px 6vw;align-self:center}.carlos-copy h2{font-size:clamp(2rem,3.5vw,3.6rem)}.carlos-copy p{font-size:16px;color:#626467}.carlos-copy .button{margin-top:20px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:65px}.process-grid article{border-top:1px solid var(--line);padding-top:20px}.process-grid article>span{font-size:13px;color:var(--red)}.process-grid h3{margin:30px 0 15px;font-size:25px}.process-grid p{font-size:15px;color:var(--gray)}.cta{padding:90px 7vw;background:var(--red);color:white}.cta h2{max-width:20ch;margin-bottom:35px}.cta .eyebrow{color:#ffdbdc}footer{padding:65px 7vw 35px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;background:#121416;color:#e9e9e9}footer .brand{align-self:start}footer p{font-size:14px;color:#a7a8aa;margin:0 0 15px}footer>div>a{display:block;font-size:14px;margin-bottom:10px}footer>small{grid-column:1/-1;border-top:1px solid #ffffff22;padding-top:25px;font-size:12px;color:#939497}.page-intro{padding:90px 7vw 75px;position:relative;border-bottom:1px solid #ffffff18;overflow:hidden}.page-intro:after{content:'';position:absolute;height:8px;width:17%;background:var(--red);right:7vw;bottom:0}.page-intro h1{max-width:1100px}.page-intro p{color:#b6b7ba;font-size:19px;max-width:58ch;margin:30px 0 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.detail-grid h2{font-size:30px;margin:0 0 24px}.detail-grid h2:not(:first-child){margin-top:45px}.detail-grid h3{margin:30px 0 15px}.detail-grid p{color:#66686b}.deliverables{list-style:none;padding:0;margin:0}.deliverables li{padding:20px 0;border-bottom:1px solid var(--line);font-size:23px;line-height:1.35;letter-spacing:-.02em}.scope-note{font-size:14px;color:var(--gray);border-left:3px solid var(--red);padding:5px 0 5px 20px;margin-top:32px;line-height:1.7}.brief p{color:#b6b7ba;margin:30px 0}.section>h2{margin-bottom:30px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:19px}details p{font-size:16px;color:var(--gray)}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid #c9cac8;padding:10px 20px;border-radius:30px;font-size:14px;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.audio-slot{display:flex;gap:22px;align-items:center;border-top:1px solid var(--line);padding:25px 0}.audio-slot>span:first-child{color:var(--red);font-size:14px}.audio-slot h3{font-size:22px}.audio-slot p{font-size:14px;color:var(--gray);margin:8px 0 0}.audio-status{margin-left:auto;font-size:13px;color:var(--gray);border:1px solid var(--line);padding:8px 15px;border-radius:25px}.timeline{margin-top:60px}.timeline article{display:grid;grid-template-columns:180px 1fr;gap:30px;border-top:1px solid var(--line);padding:32px 0}.timeline article>span{color:var(--red);font-size:14px}.timeline h3{font-size:27px}.timeline p{font-size:16px;color:var(--gray)}.vsl-note{background:#eaeae7;padding:35px;margin-top:35px}.vsl-note h3{font-size:28px}.vsl-note small{font-size:13px;color:#65676a}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-grid h2{font-size:34px}.contact-grid p{color:var(--gray)}form label{display:block;font-size:14px;margin-bottom:22px}input,textarea,select{display:block;background:white;color:var(--ink);width:100%;border:1px solid #c7c8c5;border-radius:2px;padding:13px 15px;margin-top:8px;font-size:16px}textarea{resize:vertical}#brief-result{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}#copy-status{font-size:14px}.cursor-halo{display:none}@keyframes breathe{from{background-position:49% 50%}to{background-position:53% 52%}}body.motion-paused .hero-art{animation:none;transform:none;transition:none}body.motion-paused{scroll-behavior:auto}
@media(min-width:1600px){.hero{height:900px}.services-grid{grid-template-columns:repeat(4,1fr)}.service-card:last-child{grid-column:span 2}}@media(max-width:1000px){nav{gap:18px}.hero{height:720px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card:last-child{grid-column:span 2}.portfolio-grid{gap:18px}.work-art{height:220px}.detail-grid,.contact-grid{gap:45px}.process-grid{grid-template-columns:repeat(2,1fr)}.carlos-visual{padding:50px 5vw}.carlos-copy{padding:60px 5vw}.carlos-visual{min-height:500px}}
@media(max-width:760px){header{height:85px;padding:0 6vw}.brand img{width:42px;height:42px}.brand span{font-size:19px}.menu-toggle{display:block;background:transparent;color:white;border:1px solid #ffffff55;padding:8px 14px;border-radius:25px;font-size:14px}nav{display:none;position:absolute;top:85px;left:0;right:0;background:#191b1e;flex-direction:column;align-items:stretch;padding:25px 6vw;gap:20px;box-shadow:0 20px 30px #0007}nav.open{display:flex}.nav-contact{align-self:flex-start}.hero{height:auto;min-height:730px;padding:65px 6vw 150px;align-items:flex-start}.hero-art{background-position:60% center;opacity:.65}.hero:after{background:linear-gradient(90deg,#191b1ed9,#191b1e44)}.hero h1{font-size:clamp(3.2rem,11.7vw,5.5rem)}.hero-copy p{font-size:16px}.eyebrow{font-size:11px;margin-bottom:22px}.hero-bottom{left:6vw;right:6vw;bottom:28px;flex-wrap:wrap}.hero-bottom>a{display:none}.hero-bottom>span{font-size:11px}.section,.cta{padding:65px 6vw}.section-heading{margin-bottom:35px}.section-heading p{font-size:16px}.services-grid{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.service-card{padding:24px;min-height:280px}.card-number{margin-bottom:28px}.portfolio-grid{grid-template-columns:1fr;gap:30px}.work-art{height:280px}.carlos-split{grid-template-columns:1fr}.carlos-visual{min-height:360px;padding:40px 6vw}.big-initials{font-size:170px}.carlos-copy{padding:55px 6vw}.carlos-copy h2{font-size:2.6rem}.process-grid{gap:25px}.process-grid h3{font-size:23px}footer{grid-template-columns:1fr 1fr;padding:50px 6vw 30px;gap:35px}footer>.brand{grid-column:1/-1}.page-intro{padding:65px 6vw 55px}.page-intro h1{font-size:clamp(2.8rem,10.8vw,5rem)}.page-intro p{font-size:17px}.detail-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.deliverables li{font-size:21px}.audio-slot{gap:13px;flex-wrap:wrap}.audio-slot h3{font-size:19px}.audio-status{margin-left:30px}.timeline article{grid-template-columns:1fr;gap:14px}.vsl-note{padding:25px}.actions{gap:20px}.button{padding:14px 19px}.contact-grid h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none!important}}
.wave-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.waves-live .hero-art{background-image:none;animation:none;transform:none;transition:none}.waves-live.motion-paused .hero-art{transform:none}@media(prefers-reduced-motion:reduce){.waves-live .hero-art{transform:none!important}}
.dark,.page-intro{background-color:#191b1e;background-image:linear-gradient(90deg,rgba(25,27,30,.96),rgba(25,27,30,.82)),url(assets/studio-depth-left.png);background-position:center;background-size:cover}.dark .work-art{background-image:none}

/* Studio atmosphere shared by every video, including portrait footage. */
.video-stage{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;background:#24262a url('assets/studio-depth-left.png') center/cover;border-radius:8px}
.video-stage:before{content:'';position:absolute;inset:-15%;z-index:-1;background:linear-gradient(110deg,#191b1e55,#191b1e99),url('assets/hero-wave.png') center/cover;opacity:.42;transform:translate(var(--card-x,0px),var(--card-y,0px)) scale(1.08);transition:transform .8s ease;animation:studio-drift 16s ease-in-out infinite alternate}
.video-stage video{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;background:transparent}
.video-stage.portrait video{width:auto;height:100%;max-width:100%;aspect-ratio:9/16;object-fit:contain}
.work-card{transition:transform .45s ease,box-shadow .45s ease;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border-radius:8px}
.work-card:hover{box-shadow:0 16px 40px #191b1e18}
.page-intro,.dark,.cta{position:relative;isolation:isolate;overflow:hidden}
.page-intro:before,.dark:before,.cta:before{content:'';position:absolute;z-index:-1;inset:-12%;pointer-events:none;background:url('assets/hero-wave.png') right center/cover no-repeat;opacity:.16;transform:translate(var(--scene-x,0px),var(--scene-y,0px)) scale(1.06);transition:transform 1.2s ease;animation:studio-drift 22s ease-in-out infinite alternate}
.page-intro:before{opacity:.25;background-position:70% center}
.cta:before{opacity:.22;mix-blend-mode:soft-light}
.reveal-ready{opacity:0;translate:0 24px;transition:opacity .8s ease,translate .8s cubic-bezier(.2,.7,.2,1)}
.reveal-ready.is-visible{opacity:1;translate:0 0}
.service-card{transition:background .4s ease,transform .4s ease,box-shadow .4s ease}
.service-card:hover{transform:translateY(-7px);box-shadow:0 15px 35px #191b1e12}
@keyframes studio-drift{from{background-position:45% 48%;scale:1}to{background-position:55% 53%;scale:1.05}}
body.motion-paused .video-stage:before,body.motion-paused .page-intro:before,body.motion-paused .dark:before,body.motion-paused .cta:before{animation:none;transform:none}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;translate:none}.work-card{transform:none}.video-stage:before,.page-intro:before,.dark:before,.cta:before{animation:none;transform:none}}
/* Exact media framing: widescreen fills its frame; portrait becomes a designed object. */
.video-stage{aspect-ratio:16/9;border:1px solid #ffffff12;background:#24262a url('assets/studio-depth-left.png') center/cover}
.video-stage video{width:100%;height:100%;object-fit:contain}
.video-stage.portrait{aspect-ratio:4/5;padding:20px;background-image:linear-gradient(145deg,#191b1e55,#191b1ebb),url('assets/studio-depth-left.png');box-shadow:inset 0 0 70px #0005}
.video-stage.portrait:before{opacity:.7;background-size:cover}
.video-stage.portrait video{height:100%;width:auto;max-width:100%;aspect-ratio:9/16;border-radius:12px;box-shadow:0 18px 45px #0009;object-fit:contain}
.page-intro:before,.dark:before{opacity:.45;animation:studio-flow 9s ease-in-out infinite alternate;inset:-22%;background-size:125% auto;transform:translate(var(--scene-x,0px),var(--scene-y,0px));transition:transform .35s ease-out}
.page-intro:after,.dark:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse at 105% 110%,transparent 0 29px,#ffffff0c 30px 31px,transparent 32px 55px);animation:wave-field 12s ease-in-out infinite alternate}
.paper{position:relative;isolation:isolate;overflow:hidden;background-image:repeating-radial-gradient(ellipse at 105% 15%,transparent 0 44px,#24262a07 45px 46px,transparent 47px 80px)}
.paper:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,85%) var(--light-y,20%),#ff171f12,transparent 55%);transition:background .3s}
.cta:before{opacity:.5;mix-blend-mode:normal;animation:studio-flow 9s ease-in-out infinite alternate}
@keyframes studio-flow{from{background-position:30% 35%;scale:1;rotate:-2deg}to{background-position:80% 65%;scale:1.13;rotate:2deg}}
@keyframes wave-field{from{translate:-15px -10px;scale:1}to{translate:30px 18px;scale:1.1}}
@media(max-width:760px){.video-stage.portrait{max-width:420px;margin-inline:auto;width:100%;padding:18px}.page-intro:before,.dark:before{background-size:auto 130%;opacity:.38}}
@media(prefers-reduced-motion:reduce){.page-intro:before,.dark:before,.cta:before,.page-intro:after,.dark:after{animation:none}}
body.motion-paused .page-intro:after,body.motion-paused .dark:after{animation:none}
.grouped-gallery{display:block;margin-top:40px}
.format-group{margin-bottom:64px}
.format-heading{font-size:17px;font-weight:500;letter-spacing:.02em;padding-bottom:18px;margin:0 0 24px;border-bottom:1px solid #24262a22}
.format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.format-horizontal .format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.format-web .format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.format-group[hidden],.format-grid>.work-card[hidden]{display:none}
.format-grid .work-card{height:100%;background:#ffffff66;overflow:hidden;border:1px solid #24262a0c}
.format-grid .work-caption{padding:22px;min-height:145px}
.format-grid .video-stage{border-radius:0;border:none}
.format-vertical .video-stage{aspect-ratio:4/5;width:100%;max-width:none;margin:0;padding:20px}
@media(max-width:1000px){.format-grid{gap:20px}.format-grid .work-caption{padding:18px}}
@media(max-width:760px){.format-horizontal .format-grid,.format-web .format-grid{grid-template-columns:1fr}.format-vertical .format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.format-vertical .video-stage{padding:10px}.format-grid .work-caption{padding:14px;min-height:160px}.format-grid h3{font-size:19px}}
@media(max-width:440px){.format-vertical .format-grid{grid-template-columns:1fr}.format-vertical .work-card{max-width:360px;width:100%;justify-self:center}}
/* A continuous audio field behind the portfolio, with pointer-driven depth. */
.format-heading{display:none}
.format-group{margin-bottom:38px}
.grouped-gallery{position:relative;z-index:1}
.section.paper:has(.grouped-gallery){background:#ecece8;isolation:isolate}
.section.paper:has(.grouped-gallery):after{content:'';position:absolute;inset:-5%;z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse at 110% 50%,transparent 0 25px,#24262a16 26px 28px,transparent 29px 55px);animation:audio-landscape 7s ease-in-out infinite alternate;transform:translate(var(--scene-x,0px),var(--scene-y,0px));transition:transform .25s ease-out}
.page-intro:before,.dark:before{opacity:.68;animation:studio-flow 6s ease-in-out infinite alternate}
.page-intro:after,.dark:after{opacity:.8;animation:wave-field 6s ease-in-out infinite alternate}
.format-grid .work-card{background:#f8f8f5e8;box-shadow:0 8px 30px #191b1e0a}
.video-stage:before{animation:studio-flow 7s ease-in-out infinite alternate;opacity:.65}
@keyframes audio-landscape{from{background-position:0 0;scale:1;rotate:-3deg}to{background-position:95px 55px;scale:1.12;rotate:3deg}}
@media(prefers-reduced-motion:reduce){.section.paper:has(.grouped-gallery):after{animation:none;transform:none}}
body.motion-paused .section.paper:has(.grouped-gallery):after{animation:none;transform:none}
.personal-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:700px;background:#191b1e;overflow:hidden}
.personal-copy{padding:95px 6vw;background:linear-gradient(90deg,#191b1ee8,#191b1e88),url('assets/hero-wave.png') center/cover}
.personal-copy h1{font-size:clamp(44px,4.7vw,78px);line-height:1.04;letter-spacing:-.045em;margin:0 0 30px}
.personal-copy>p{font-size:19px;color:#c7c7ca;max-width:40ch}
.personal-copy .personal-location{font-size:13px;margin-top:35px}
.personal-photo{position:relative;min-height:650px;overflow:hidden;background:#24262a}
.personal-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.personal-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#191b1e55,transparent 45%)}
.personal-lead{font-size:21px;max-width:70ch;line-height:1.65}
.personal-proof,.personal-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:45px 0}
.personal-proof strong{font-size:40px;color:var(--red)}
.personal-offers article{padding:25px 0;border-top:1px solid #ffffff33}
.personal-offers h3{font-size:27px;margin-bottom:20px}
.personal-offers p{color:#c7c7ca}
.carlos-visual{padding:0!important;position:relative;overflow:hidden;min-height:520px}
.carlos-visual>.eyebrow{position:absolute;top:28px;left:30px;z-index:1;background:#191b1ecc;padding:10px}
.carlos-visual>img{position:absolute;inset:0;object-position:center 25%!important}
@media(max-width:760px){.personal-hero{grid-template-columns:1fr}.personal-copy{padding:65px 6vw}.personal-photo{min-height:520px;grid-row:1}.personal-copy h1{font-size:48px}.personal-proof,.personal-offers{grid-template-columns:1fr;gap:20px}.personal-lead{font-size:18px}}
.personal-motion{min-height:740px}.personal-motion .hero-copy{max-width:760px}.personal-motion h1{font-size:clamp(52px,6.4vw,96px);line-height:1.02}.personal-motion .hero-copy p{max-width:43ch}.personal-introduction{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:100px 7vw;align-items:center}.personal-portrait{background:#24262a;overflow:hidden;border-radius:3px}.personal-portrait img{display:block;width:100%;height:auto}.personal-introduction h2{font-size:clamp(42px,5vw,70px);line-height:1.04;margin:0 0 30px}.personal-introduction p{font-size:18px;color:#65676a;line-height:1.75}.personal-introduction .text-link{display:inline-block;margin-top:20px}.personal-proof strong{font-size:30px}.personal-offers h3{font-size:24px}@media(max-width:760px){.personal-motion{min-height:760px}.personal-motion h1{font-size:clamp(43px,10vw,65px)}.personal-introduction{grid-template-columns:1fr;padding:65px 6vw;gap:40px}.personal-portrait{max-width:520px}}
.page-intro .interior-live-art{position:absolute;inset:0;z-index:-1;opacity:.55}.page-intro.waves-live:before{display:none}.page-intro.waves-live{background:#191b1e}.page-intro .wave-canvas{width:100%;height:100%}.page-intro.waves-live:after{background:linear-gradient(90deg,#191b1e88,transparent);animation:none}
/* Personal page: the same brand typography, a different audio atmosphere. */
.personal-motion{background:#191b1e;isolation:isolate;overflow:hidden}.personal-motion:after{background:linear-gradient(90deg,#191b1e 10%,#191b1ea0 45%,transparent 80%)}
.personal-motion h1{font-family:inherit;font-weight:700;font-size:clamp(52px,6.4vw,96px);line-height:1.02;letter-spacing:-.045em}
.personal-signal{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 80% 55%,#ff171f20,transparent 60%);transform:translate(var(--signal-x,0px),var(--signal-y,0px));transition:transform .5s ease-out}
.signal-ring{position:absolute;left:58%;top:12%;width:520px;height:520px;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 0 0 45px #ffffff04,0 0 0 90px #ff171f07;animation:personal-orbit 10s ease-in-out infinite alternate}
.signal-bars{position:absolute;left:48%;right:-8%;top:20%;bottom:18%;display:flex;align-items:center;gap:12px;transform:rotate(-12deg)}
.signal-bars i{width:3px;flex:1;height:calc(40px + var(--n)*7px);background:linear-gradient(transparent,#ff171f99,#ffffff77,transparent);animation:personal-pulse calc(2s + var(--n)*.05s) ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.12s);border-radius:10px}
body:has(.personal-motion) .dark:before{background-image:none;background:radial-gradient(ellipse at 80% 45%,#ff171f22,transparent 65%)}
.personal-notes article{border-top:1px solid #24262a33;padding-top:25px}.personal-notes h3{font-size:25px}.personal-notes p{color:#65676a}
@keyframes personal-pulse{from{scale:1 .5;opacity:.35}to{scale:1 1.1;opacity:1}}@keyframes personal-orbit{from{scale:.9;translate:0 -15px}to{scale:1.1;translate:15px 15px}}
body.motion-paused .personal-signal *{animation:none}
@media(max-width:760px){.personal-signal{opacity:.5}.signal-bars{left:20%;right:-30%}.signal-ring{left:25%;top:25%;width:420px;height:420px}.personal-motion h1{font-size:clamp(43px,10vw,65px)}}
@media(prefers-reduced-motion:reduce){.personal-signal *{animation:none}.personal-signal{transform:none}}
.personal-motion .hero-art{display:none!important}
.personal-chapters{margin-top:60px}.personal-chapters article{position:relative;display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:42px 0;border-top:1px solid #24262a35;overflow:hidden;transition:padding .4s,background .4s}.personal-chapters article:hover{padding-left:24px;background:#ff171f06}.chapter-meta{font-size:12px;letter-spacing:.09em;color:#74767a;padding-top:12px}.personal-chapters h3{font-size:clamp(32px,4vw,55px);letter-spacing:-.04em;line-height:1.06;margin:0 0 18px}.personal-chapters p{max-width:47ch;color:#686a6e;margin:0;font-size:17px}.chapter-number{position:absolute;right:0;top:10px;font-size:150px;line-height:1;color:#24262a06;pointer-events:none;font-weight:700}.personal-chapters article:last-child{border-bottom:1px solid #24262a35}@media(max-width:760px){.personal-chapters article{grid-template-columns:1fr;gap:20px;padding:30px 0}.chapter-number{font-size:100px}}
.personal-motion .hero-art{display:block!important;position:absolute;inset:0;z-index:0;opacity:.9}.personal-motion .personal-signal{display:none}.personal-motion:after{background:linear-gradient(90deg,#191b1ee8 0%,#191b1eb0 36%,#191b1e25 75%),linear-gradient(0deg,#191b1e88,transparent 50%)}
.personal-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px}.personal-chapters article{display:flex;flex-direction:column;justify-content:space-between;gap:80px;padding:32px;min-height:440px;border:0;background:#191b1e;isolation:isolate;color:white}.personal-chapters article:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.2;background:url('assets/media/carlos-garcia.jpg') center/cover;transition:transform .8s,opacity .8s}.personal-chapters article:nth-child(2){background:#a71923}.personal-chapters article:nth-child(2):before{background:repeating-radial-gradient(ellipse at 110% 10%,transparent 0 14px,#ffffff66 15px 16px,transparent 17px 32px);opacity:.35;animation:wave-field 8s ease-in-out infinite alternate}.personal-chapters article:nth-child(3){background:#292d34}.personal-chapters article:nth-child(3):before{background:linear-gradient(145deg,#ffffff22,transparent 55%),repeating-linear-gradient(120deg,transparent 0 24px,#ffffff18 25px 26px,transparent 27px 45px);opacity:.6}.personal-chapters article:hover{padding:32px;background:#191b1e}.personal-chapters article:hover:before{transform:scale(1.08);opacity:.4}.personal-chapters h3{font-size:clamp(27px,3vw,44px);color:white}.personal-chapters p{color:#ffffffbb;font-size:16px}.personal-chapters .chapter-meta{color:#ffffffaa;font-size:11px}.personal-chapters .chapter-number{color:#ffffff10;top:65px;right:20px;font-size:140px}.personal-chapters article:last-child{border:none}@media(max-width:900px){.personal-chapters{grid-template-columns:1fr}.personal-chapters article{min-height:320px;gap:50px}.personal-chapters h3{font-size:38px}}