@font-face{font-family:"Talles Display";src:url("./assets/nimbus-sans-narrow-bold.otf") format("opentype");font-weight:700;font-display:swap}
@font-face{font-family:"Talles Sans";src:url("./assets/nimbus-sans-regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"Talles Sans";src:url("./assets/nimbus-sans-bold.otf") format("opentype");font-weight:700;font-display:swap}
:root{--orange:#ff8200;--ink:#050505;--white:#fff;--mist:#f4f2ee;--grey:#b9b9b4;--line:rgba(5,5,5,.18);--max:1240px;--pad:max(1.25rem,calc((100vw - var(--max))/2));--display:"Talles Display","Arial Narrow",sans-serif;--body:"Talles Sans",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
::selection{background:var(--orange);color:var(--ink)}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--orange);border:2px solid var(--ink)}
a{color:inherit;text-underline-offset:.2em}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
img{display:block;max-width:100%}
h1,h2,h3,p,blockquote,figure{margin-top:0}
.skip-link{position:fixed;top:-5rem;left:1rem;z-index:1000;padding:.75rem 1rem;background:var(--orange);color:var(--ink);font-weight:700;text-decoration:none}.skip-link:focus{top:1rem}
.site-header{position:relative;z-index:20;width:min(var(--max),calc(100% - 3rem));min-height:96px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;border-bottom:1px solid var(--line)}
.brand{width:184px}.brand img{width:100%;height:auto}
nav{display:flex;gap:2.25rem}nav a{position:relative;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}nav a:after{content:"";position:absolute;right:0;bottom:-.45rem;left:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}nav a:hover:after{transform:scaleX(1)}
.header-cta{justify-self:end;display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 0;border-bottom:2px solid var(--orange);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}
.hero{position:relative;width:min(var(--max),calc(100% - 3rem));min-height:650px;margin:auto;display:grid;grid-template-columns:1fr .96fr;align-items:center;gap:clamp(3rem,7vw,7rem);padding:3.5rem 0 4rem}
.hero:before{content:"";position:absolute;top:11%;left:-9rem;width:7rem;height:1px;background:var(--ink);box-shadow:0 8px 0 var(--orange)}
.location,.about-title>p,.services-heading>p:first-child,.portfolio-heading>div>p,.contact>p:first-of-type{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.location{margin:1.35rem 0 0;color:#333}.location span{padding:0 .5rem;color:var(--orange)}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:.88;text-transform:uppercase}
h1{max-width:720px;margin-bottom:1.5rem;font-size:clamp(4.5rem,7vw,6.6rem);letter-spacing:-.025em;text-wrap:balance}
h1 span{display:block;width:max-content;max-width:100%;padding:0 .08em;background:var(--ink);color:var(--orange)}
.hero-lead{max-width:590px;margin-bottom:0;color:#333;font-size:clamp(1.05rem,1.55vw,1.23rem)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-top:2.3rem}
.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:.7rem;padding:.85rem 1.4rem;border:1px solid transparent;border-radius:12px;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}
.button:hover{transform:translateY(-3px)}.button-primary{background:var(--orange);color:var(--ink)}.button-primary:hover{background:var(--ink);color:var(--white);box-shadow:0 16px 36px rgba(5,5,5,.2)}
.text-link{font-size:.82rem;font-weight:700;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}.text-link span{display:inline-block;margin-left:.4rem;color:var(--orange);transition:transform .25s}.text-link:hover span{transform:translateY(4px)}
.camera-frame{position:relative;min-height:555px;display:flex;align-items:flex-end;background:var(--ink);border-radius:16px;box-shadow:0 28px 70px rgba(5,5,5,.19);clip-path:inset(0 round 16px);isolation:isolate}
.camera-frame:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--orange)}
.camera-frame:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 0 10px rgba(255,255,255,.04)}
.camera-frame>img{position:relative;z-index:1;width:100%;height:100%;min-height:555px;object-fit:cover;object-position:center bottom;filter:saturate(.92) contrast(1.04)}
.camera-ui{position:absolute;right:1.25rem;left:1.25rem;z-index:6;display:flex;justify-content:space-between;color:var(--white);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 5px rgba(0,0,0,.5)}
.camera-ui-top{top:1.25rem}.camera-ui-bottom{bottom:1.25rem}.camera-ui i{display:inline-block;width:8px;height:8px;margin-right:.45rem;border-radius:50%;background:var(--orange)}
.viewfinder{position:absolute;inset:20% 15%;z-index:5}.viewfinder span{position:absolute;width:34px;height:34px;border-color:rgba(255,255,255,.8);border-style:solid}.viewfinder span:nth-child(1){top:0;left:0;border-width:2px 0 0 2px}.viewfinder span:nth-child(2){top:0;right:0;border-width:2px 2px 0 0}.viewfinder span:nth-child(3){right:0;bottom:0;border-width:0 2px 2px 0}.viewfinder span:nth-child(4){bottom:0;left:0;border-width:0 0 2px 2px}
.creator-tag{position:absolute;right:-1px;bottom:4.5rem;z-index:7;min-width:235px;padding:1rem 1.25rem;background:var(--white);border-radius:12px 0 0 12px}.creator-tag strong,.creator-tag span{display:block}.creator-tag strong{font-family:var(--display);font-size:1.35rem;text-transform:uppercase}.creator-tag span{font-size:.74rem;color:#3c3c3c}
.film-strip{height:58px;padding:9px 0;background:var(--ink);overflow:hidden}.film-strip div{height:40px;border-top:5px dotted var(--white);border-bottom:5px dotted var(--white);background:repeating-linear-gradient(90deg,transparent 0 54px,var(--orange) 54px 58px)}
.ticker{background:var(--orange);color:var(--ink)}.ticker div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem 2.3rem;padding:1.15rem 1.5rem;font-family:var(--display);font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase}.ticker b{padding:.35rem .55rem;background:var(--ink);color:var(--orange);border-radius:6px;font:700 .68rem var(--body);letter-spacing:.05em}
.section{padding:clamp(5.5rem,10vw,9rem) var(--pad)}
.about{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(3rem,8vw,8rem);background:var(--white)}
.about-title>p,.portfolio-heading>div>p{margin-bottom:1.6rem;color:#444}.about-title h2,.services-heading h2,.portfolio-heading h2,.contact h2{margin-bottom:0;font-size:clamp(3.2rem,6vw,6rem);letter-spacing:-.02em;text-wrap:balance}.about-title h2 span{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:.12em;text-underline-offset:.12em}
.about-copy{max-width:680px;padding-top:2.2rem;color:#333}.about-copy .lead{color:var(--ink);font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.35}.about-copy p{max-width:66ch;margin-bottom:1.25rem}
.about-gallery{grid-column:1/-1;display:grid;grid-template-columns:1.05fr .72fr 1.15fr;align-items:end;gap:1.25rem;margin-top:1rem}
.about-gallery figure{position:relative;margin-bottom:0;overflow:hidden;background:var(--ink);border-radius:14px}.about-gallery figure:before{content:"";position:absolute;inset:0;z-index:1;border:1px solid rgba(255,255,255,.3);border-radius:inherit;pointer-events:none}.about-gallery figure img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.about-gallery figure:hover img{transform:scale(1.035)}
.portrait-frame{height:520px}.landscape-frame{height:355px}.about-gallery figcaption{position:absolute;right:.75rem;bottom:.75rem;left:.75rem;z-index:2;padding:.65rem .8rem;background:var(--ink);color:var(--white);border-radius:8px;font-size:.75rem;font-weight:700;letter-spacing:.02em}
.quote-block{display:flex;min-height:360px;flex-direction:column;justify-content:space-between;padding:2rem;background:var(--orange);border-radius:14px}.quote-block img{width:100%;filter:brightness(0)}.quote-block blockquote{margin-bottom:0;font-family:var(--display);font-size:clamp(1.6rem,2.8vw,2.6rem);line-height:1;text-transform:uppercase}
.services{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,8vw,8rem);background:var(--ink);color:var(--white)}
.services-heading{position:sticky;top:2rem;align-self:start}.services-heading>p:first-child{margin-bottom:1.7rem;color:var(--orange)}.services-heading h2 span{color:var(--orange)}.services-intro{max-width:430px;margin-top:2rem;color:#c8c8c2}
.service-list{border-top:1px solid rgba(255,255,255,.24)}.service-row{display:grid;grid-template-columns:105px 1fr;gap:1.5rem;padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.24)}.service-code{padding-top:.45rem;color:var(--orange);font-size:.68rem;font-weight:700;letter-spacing:.12em}.service-row h3{margin-bottom:.65rem;font-size:clamp(2rem,3.5vw,3.3rem);letter-spacing:-.015em}.service-row p{max-width:680px;margin-bottom:0;color:#bababa;font-size:.98rem}.service-row:hover h3{color:var(--orange)}
.storymaker{overflow:hidden;background:var(--white)}.storymaker-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:clamp(2rem,6vw,6rem);margin-bottom:4.5rem}.storymaker-heading>div>p{margin-bottom:1.6rem;color:#444;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.storymaker-heading h2{margin-bottom:0;font-size:clamp(3.2rem,6vw,6rem);letter-spacing:-.02em;text-wrap:balance}.storymaker-heading h2 span{display:block;color:var(--orange)}.storymaker-heading>p{max-width:480px;margin-bottom:.25rem;color:#444}.storymaker-reel{display:grid;grid-template-columns:1.08fr .84fr .84fr;align-items:start;gap:clamp(1.25rem,2.8vw,2.5rem)}.story-work:nth-child(2){margin-top:6rem}.story-work:nth-child(3){margin-top:2rem}.story-media{position:relative;overflow:hidden;background:var(--ink);border-radius:14px;box-shadow:0 22px 48px rgba(5,5,5,.16)}.story-media:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.24);border-radius:inherit;pointer-events:none}.story-media video{display:block;width:100%;aspect-ratio:9/16;background:var(--ink);object-fit:cover}.story-media>span{position:absolute;top:.75rem;left:.75rem;z-index:2;padding:.38rem .55rem;background:var(--orange);color:var(--ink);border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.08em}.story-caption{padding:1.25rem .15rem 0}.story-caption p{margin-bottom:.35rem;color:#444;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.story-caption h3{margin-bottom:.45rem;font-size:clamp(1.9rem,3vw,3rem);line-height:.92}.story-caption span{display:block;color:#444;font-size:.84rem}.storymaker-hint{display:none}
.portfolio{background:var(--mist)}.portfolio-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:clamp(2rem,6vw,6rem);margin-bottom:3.5rem}.portfolio-heading h2 span{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:.12em;text-underline-offset:.12em}.portfolio-heading>p{max-width:480px;margin-bottom:.25rem;color:#444}
.selected-projects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-bottom:4rem}.selected-project{min-width:0;background:var(--white);border-radius:14px;overflow:hidden;box-shadow:0 14px 36px rgba(5,5,5,.09)}.selected-project video{display:block;width:100%;aspect-ratio:9/16;max-height:490px;object-fit:cover;background:var(--ink)}.selected-project>div{padding:1.1rem 1rem 1.35rem}.selected-project p{margin-bottom:.35rem;color:#555;font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.selected-project h3{margin:0;font-size:clamp(1.6rem,2.1vw,2.15rem);line-height:1}
.portfolio-stage{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2rem,7vw,7rem);min-height:610px;padding:clamp(2rem,5vw,4.5rem);overflow:hidden;background:var(--ink);color:var(--white);border-radius:16px}.portfolio-stage:before{content:"PLAY";position:absolute;right:-.04em;bottom:-.2em;color:rgba(255,130,0,.13);font:700 clamp(8rem,23vw,20rem)/.8 var(--display)}
.profile-preview{position:relative;z-index:1;padding:1rem;background:#111;border-radius:14px;box-shadow:0 30px 65px rgba(0,0,0,.45);transform:rotate(-2deg)}.profile-preview img{width:100%;border-radius:8px}.screen-label{display:block;padding:.2rem 0 .85rem;color:var(--orange);font-size:.72rem;font-weight:700;letter-spacing:.05em}
.portfolio-copy{position:relative;z-index:1}.handle{color:var(--orange);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.handle span{font-size:.55rem}.portfolio-copy h3{max-width:600px;margin-bottom:1.25rem;font-size:clamp(3rem,5.5vw,5.4rem);letter-spacing:-.02em}.portfolio-copy>p:not(.handle){max-width:520px;color:#c7c7c2}.button-light{margin-top:1rem;background:var(--white);color:var(--ink)}.button-light:hover{background:var(--orange)}
.contact{position:relative;overflow:hidden;background:var(--orange);text-align:center}.contact:before,.contact:after{content:"";position:absolute;width:24vw;height:24vw;border:1px solid rgba(5,5,5,.18);border-radius:50%}.contact:before{top:-10vw;left:-8vw}.contact:after{right:-7vw;bottom:-12vw}.contact-mark{display:flex;justify-content:center;gap:.55rem;margin-bottom:1.5rem}.contact-mark span{width:11px;height:11px;background:var(--ink)}.contact>p:first-of-type{margin-bottom:1.5rem}.contact h2{position:relative;z-index:1;max-width:960px;margin-right:auto;margin-left:auto}.contact h2 span{display:block;color:var(--ink);text-decoration:underline;text-decoration-color:var(--white);text-decoration-thickness:.1em;text-underline-offset:.12em}.contact-copy{position:relative;z-index:1;max-width:650px;margin:1.8rem auto 2rem}.button-dark{position:relative;z-index:1;background:var(--ink);color:var(--white)}.button-dark:hover{background:var(--white);color:var(--ink);box-shadow:0 16px 34px rgba(5,5,5,.15)}.contact-links{position:relative;z-index:1;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem 2.5rem;margin-top:5rem;padding-top:2rem;border-top:1px solid rgba(5,5,5,.3);font-size:.78rem;font-weight:700}
footer{min-height:170px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:2rem var(--pad);background:var(--ink);color:var(--white)}footer p{margin:0;color:#9f9f9b;font-size:.7rem}.footer-brand{width:190px;padding:.5rem;background:var(--white);border-radius:8px}.footer-brand img{width:100%}footer p:last-child{justify-self:end}
.whatsapp-float{position:fixed;right:1.25rem;bottom:1.25rem;z-index:50;min-width:104px;height:52px;display:grid;place-items:center;padding:0 1rem;background:var(--orange);color:var(--ink);border:2px solid var(--ink);border-radius:12px;box-shadow:0 12px 28px rgba(5,5,5,.25);font-size:.72rem;font-weight:700;text-decoration:none;text-transform:uppercase;transition:transform .25s ease,background .25s ease}.whatsapp-float:hover{transform:translateY(-4px);background:var(--white)}
@media(max-width:920px){.site-header{grid-template-columns:1fr auto;min-height:82px}nav{display:none}.brand{width:156px}.hero{grid-template-columns:1fr;min-height:auto;padding:4rem 0}.hero-copy{max-width:760px}.hero-actions{display:grid;width:min(100%,650px);gap:.85rem}.hero-actions .button{width:100%}.hero-actions .text-link{min-height:46px;display:grid;place-items:center;text-align:center}.camera-frame{width:min(100%,650px);min-height:520px}.camera-frame>img{min-height:520px}.about,.services{grid-template-columns:1fr}.about-copy{padding-top:0}.about-gallery{grid-template-columns:1fr 1fr}.quote-block{min-height:360px}.landscape-frame{grid-column:1/-1}.services-heading{position:static}.storymaker-heading,.portfolio-heading,.portfolio-stage{grid-template-columns:1fr}.storymaker-reel{grid-template-columns:1.1fr .9fr}.story-work:nth-child(2){margin-top:5rem}.story-work:nth-child(3){grid-column:2;margin-top:0}.profile-preview{width:min(100%,540px)}footer{grid-template-columns:1fr;text-align:center}footer>*{justify-self:center!important}}
@media(max-width:600px){body{font-size:16px}.site-header,.hero{width:calc(100% - 2rem)}.site-header{min-height:76px}.brand{width:142px}.header-cta{min-height:46px;font-size:.7rem}.hero{display:grid;grid-template-columns:1fr;gap:2rem;min-height:auto;padding:2.25rem 0 3rem}.hero:before{display:none}.hero-copy{position:relative;z-index:2}.location{font-size:.68rem}h1{width:100%;margin-bottom:1.25rem;font-size:clamp(3.45rem,15.5vw,4.35rem)}h1 span{width:fit-content}.hero-lead{max-width:100%;padding-top:0}.hero-actions{display:grid;width:100%;gap:.85rem;margin-top:1.5rem}.button{width:100%;min-height:50px}.text-link{min-height:46px;display:grid;place-items:center;text-align:center}.camera-frame{position:relative;top:auto;right:auto;z-index:1;width:100%;min-height:420px;height:min(118vw,500px);margin-top:.25rem}.camera-frame>img{min-height:420px;height:100%;object-position:center bottom}.camera-ui{right:.85rem;left:.85rem;font-size:.56rem}.viewfinder{inset:17% 10%}.creator-tag{right:0;bottom:2.8rem;min-width:205px;padding:.8rem 1rem}.creator-tag strong{font-size:1.08rem}.creator-tag span{font-size:.66rem}.film-strip{height:48px}.film-strip div{height:30px}.section{padding:5rem 1rem}.about-title h2,.services-heading h2,.storymaker-heading h2,.portfolio-heading h2,.contact h2{font-size:clamp(3.2rem,15vw,4.8rem)}.about-gallery{grid-template-columns:1fr}.portrait-frame{height:430px}.quote-block{min-height:320px}.landscape-frame{grid-column:auto;height:300px}.service-row{grid-template-columns:1fr;gap:.65rem}.service-code{padding-top:0}.storymaker{padding-right:0;padding-left:0}.storymaker-heading{gap:1.5rem;padding:0 1rem;margin-bottom:2.5rem}.storymaker-reel{display:flex;gap:1rem;overflow-x:auto;padding:0 1rem 1.5rem;scroll-padding-left:1rem;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.storymaker-reel::-webkit-scrollbar{display:none}.story-work,.story-work:nth-child(2),.story-work:nth-child(3){flex:0 0 min(82vw,340px);margin-top:0;scroll-snap-align:start}.story-caption{padding-top:1rem}.story-caption h3{font-size:2.3rem}.storymaker-hint{display:block;margin:0;padding:0 1rem;color:#555;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.storymaker-hint span{color:var(--orange);font-size:1rem}.portfolio-heading{gap:1.5rem}.portfolio-stage{width:calc(100% + 2rem);margin-left:-1rem;padding:2rem 1rem 3rem;border-radius:0}.profile-preview{padding:.65rem;transform:rotate(-1deg)}.portfolio-copy h3{font-size:clamp(3.2rem,15vw,4.8rem)}.contact{padding-bottom:max(5rem,calc(4rem + env(safe-area-inset-bottom)))}.contact-links{flex-direction:column;margin-top:4rem}.footer-brand{width:175px}.whatsapp-float{right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));min-width:98px;height:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:920px){.selected-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.selected-projects{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:1rem;width:calc(100% + 1rem);padding:0 1rem 1.5rem 0;margin-bottom:2rem}.selected-project{flex:0 0 min(78vw,300px);scroll-snap-align:start}.selected-project video{max-height:none}}