:root{--black:#151515;--white:#F3F0EA;--stone:#A7A7A7;--lime:#D7FF43;--olive:#2E3A28;--sand:#D9CDB7;--font-sans:'Helvetica Neue',Helvetica,Arial,sans-serif;--font-editorial:Didot,'Bodoni MT','Times New Roman',serif;--gutter:clamp(24px,4vw,80px)}
*{box-sizing:border-box}html{background:var(--white)}body{margin:0;color:var(--black);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}::selection{background:var(--lime);color:var(--black)}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--olive);outline-offset:8px}.label,.section-label,.eyebrow,.scroll-cue{font-size:12px;line-height:1.5;font-weight:500;letter-spacing:.065em}.slash,h2>span{color:var(--lime)}.hero{padding:28px var(--gutter) 26px;min-height:100svh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:clamp(38px,4.3vw,70px);font-weight:600;letter-spacing:-.075em;line-height:1}.wordmark .slash{display:inline-block;margin-left:5px;transition:transform .3s}.wordmark:hover .slash{transform:rotate(10deg)}header .label{text-align:right}.hero-main{padding-top:9vh;margin:auto 0 5vh}.eyebrow{display:block;margin:0 0 25px 4px}h1{font-size:clamp(64px,11.7vw,190px);line-height:.88;letter-spacing:-.075em;font-weight:500}h1>span{display:block}.hero-shift{margin-left:16vw;transform:translateX(var(--hero-x,0px))}.period{color:var(--olive)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #15151540;padding-top:20px}.hero-bottom p{font-size:14px}.thinking{height:220vh}.thinking-stage{height:100svh;position:sticky;top:0;padding:40px var(--gutter);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.thinking-stage>.section-label{position:absolute;top:40px}.verbs p{font-size:clamp(56px,11.8vw,190px);letter-spacing:-.075em;line-height:1.1;font-weight:500;color:#b9b6b1;transition:color .4s,transform .5s}.verbs p.active{color:var(--black);transform:translateX(3vw)}.thinking-slash{position:absolute;right:6vw;bottom:4vh;color:var(--olive);font-size:19vw;line-height:1;font-weight:300}.services{padding:100px var(--gutter);display:grid;grid-template-columns:1fr 1.12fr;gap:6vw;align-items:start}.services-heading{position:sticky;top:60px}.services h2{font-size:clamp(30px,4.6vw,76px);letter-spacing:-.065em;font-weight:500;margin-top:28px}.services h2 span{color:var(--olive)}.service{margin-bottom:100px}.service:last-child{margin:0}.service-art{aspect-ratio:1.17;display:flex;align-items:center;justify-content:center;overflow:hidden}.service-art>span{font-size:clamp(70px,10vw,155px);letter-spacing:-.08em;line-height:.8}.social{background:var(--sand)}.tiny-slash{color:var(--olive)}.content{background:var(--olive);color:var(--white)}.content i{font-family:var(--font-editorial);font-weight:400}.brand{background:#deded8}.ai{background:var(--black);color:var(--white)}.ai .tiny-slash{color:var(--lime)}.service-caption{border-top:1px solid #15151540;padding-top:18px;margin-top:18px}.service-caption h3,.project-caption h3{font-size:14px;font-weight:500}.service-caption p{font-size:22px;letter-spacing:-.025em;margin-top:8px}.work{padding:0;height:auto}.work-stage{padding:60px var(--gutter);overflow:hidden}.work-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px;gap:20px}.work h2{font-size:clamp(30px,4.7vw,76px);letter-spacing:-.06em;font-weight:500}.work h2 span{color:var(--olive)}.work-track{display:flex;gap:32px;will-change:transform}.project{flex:0 0 57vw}.project-art{height:clamp(260px,49vh,560px);display:flex;align-items:center;justify-content:center;font-size:clamp(70px,12vw,185px);overflow:hidden}.rizea{background:var(--olive);color:var(--sand);font-family:var(--font-editorial);letter-spacing:-.09em}.rizea span{font:20px var(--font-sans);align-self:center;margin-top:-60px;margin-left:10px}.dateresa{background:var(--sand);color:var(--olive);font-family:var(--font-editorial);flex-direction:column;line-height:.75;font-style:italic}.dateresa>span{margin-left:70px}.day{background:#cfcec9;justify-content:space-between;align-items:flex-start;padding:35px;font-size:4vw;letter-spacing:-.07em}.day b{align-self:flex-end;font-weight:400;font-size:9vw}.lab-work{background:var(--black);color:var(--white);letter-spacing:-.08em}.lab-work>span{color:var(--lime)}.project-caption{display:flex;justify-content:space-between;padding-top:20px;gap:16px}.project-caption p{font-size:14px}.lab{min-height:110svh;background:var(--black);color:var(--white);padding:50px var(--gutter);display:flex;flex-direction:column;justify-content:space-between;gap:70px}.lab-top{display:flex;justify-content:space-between;gap:20px}.lab-top p{font-size:18px}.lab h2{font-size:clamp(100px,21vw,340px);letter-spacing:-.08em;line-height:.8;font-weight:500}.lab-index{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.lab-index p{border-top:1px solid currentColor;padding-top:20px;font-size:14px;display:flex;justify-content:space-between}.lab-index p>span{opacity:.6}.closing{padding:60px var(--gutter) 25px;min-height:95svh;display:flex;flex-direction:column;justify-content:space-between;gap:60px}.closing h2{font-size:clamp(54px,10.3vw,165px);line-height:.98;letter-spacing:-.07em;font-weight:500}.closing h2>span{color:var(--olive)}.closing button{background:none;border:0;border-bottom:1px solid var(--black);padding:0 0 20px;text-align:left;align-self:flex-start;font-size:clamp(16px,2vw,28px);letter-spacing:-.025em;cursor:default}.closing button span{display:inline-block;margin-left:65px;transition:transform .3s}.closing button:hover span{transform:translate(4px,-4px)}footer{display:flex;justify-content:space-between;border-top:1px solid #15151540;padding-top:22px;font-size:12px;letter-spacing:.06em}footer .slash{color:var(--olive);margin-left:25px}.motion .work{height:var(--work-height,240vh)}.motion .work-stage{position:sticky;top:0;min-height:100svh}.no-motion .work-track{flex-wrap:wrap}.no-motion .project{flex-basis:calc(50% - 16px)}
@media(min-width:1600px){.hero-main{margin-top:auto}}
@media(max-width:760px){.hero{padding-top:24px}.hero-main{padding:70px 0 30px;margin:auto 0}.eyebrow{display:none}h1{font-size:14vw;line-height:.96}.hero-shift{margin-left:8vw}.hero-bottom{align-items:flex-start}.hero-bottom p{max-width:220px;line-height:1.5}.scroll-cue{font-size:12px;max-width:75px;text-align:right}.thinking{height:auto;padding:100px 0}.thinking-stage{position:relative;height:auto;padding-top:55px;padding-bottom:70px}.thinking-stage>.section-label{top:0;max-width:230px}.verbs p{font-size:13vw;color:var(--black)}.thinking-slash{font-size:80px;bottom:-30px}.services{display:block;padding-top:75px;padding-bottom:70px}.services-heading{position:static;margin-bottom:40px}.services h2{font-size:11vw;margin-top:14px}.service{margin-bottom:55px}.service-art>span{font-size:25vw}.service-caption p{font-size:20px}.work-stage{padding-top:30px;padding-bottom:80px}.work-heading{display:block}.work h2{font-size:10vw;margin-bottom:14px}.work-track{display:block;transform:none!important}.project{margin-bottom:45px}.project:last-child{margin-bottom:0}.project-art{height:auto;aspect-ratio:1.12;font-size:24vw}.project-caption{display:block}.project-caption p{margin-top:7px}.day{font-size:8vw;padding:25px}.day b{font-size:18vw}.lab{min-height:90svh;gap:65px}.lab-top{display:block}.lab-top p{margin-top:15px}.lab h2{font-size:30vw}.lab-index{display:block}.lab-index p{margin-top:25px}.closing{min-height:75svh}.closing h2{font-size:12vw}.closing button span{margin-left:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}.hero-shift{transform:none}.verbs p.active{transform:none}}

html:not(.motion) .work-track{flex-wrap:wrap}html:not(.motion) .project{flex-basis:calc(50% - 16px)}

h1{font-size:clamp(48px,9.7vw,160px);line-height:1.02}.hero-shift{margin-left:0}.hero-main{margin:auto 0;padding-top:8vh;padding-bottom:10vh}@media(max-width:760px){h1{font-size:9.7vw}.hero-shift{margin-left:0}.hero-main{padding:70px 0}}

/* HOME: extensions of the approved editorial prototype. */
section[id]{scroll-margin-top:24px}.site-header nav{display:flex;gap:clamp(18px,2.5vw,45px);flex-wrap:wrap}.site-header nav a{font-size:12px;letter-spacing:.035em;padding:10px 0}.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}.editorial-link{display:inline-flex;align-items:center;gap:24px;background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 9px;color:inherit;font-size:12px;letter-spacing:.03em;line-height:1.5;align-self:flex-start;text-align:left}.editorial-link span{display:inline-block;transition:transform .3s}.editorial-link:hover span{transform:translate(3px,-3px)}.pending{cursor:default}.hero-bottom{flex-wrap:wrap}.hero-bottom .location{font-size:12px}.manifesto{padding:70px var(--gutter) 110px;max-width:1100px;margin-left:auto}.manifesto p{font-size:clamp(24px,3.4vw,52px);line-height:1.25;letter-spacing:-.035em}.manifesto p+p{margin-top:24px}.service-details{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;color:#555;font-size:14px;line-height:1.5}.service-list>.editorial-link{margin-top:50px}.service:last-of-type{margin-bottom:0}.project-caption{display:grid;grid-template-columns:1fr auto;align-items:start}.project-caption p{grid-row:2}.project-caption .editorial-link{grid-column:2;grid-row:1 / 3}.content-day{padding:100px var(--gutter) 130px}.content-day h2{font-size:clamp(42px,7vw,112px);line-height:1.02;letter-spacing:-.06em;font-weight:500;max-width:1100px;margin:30px 0 60px}.content-day-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:7vw}.day-copy p{font-size:clamp(20px,2vw,30px);letter-spacing:-.025em;line-height:1.4;max-width:380px}.day-copy .editorial-link{margin-top:35px}.day-media{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.media-placeholder{padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:var(--sand);color:var(--olive);font-size:12px;letter-spacing:.06em}.vertical-media{aspect-ratio:9/16;background:var(--olive);color:var(--white)}.day-media-stack{padding-top:55px;display:grid;gap:20px}.photo-media{aspect-ratio:1.2}.bts-media{aspect-ratio:1.4;background:#d5d4ce}.lab-copy{max-width:400px}.lab-copy p+p{margin-top:18px;font-size:16px;line-height:1.5}.lab-index{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.lab-index p{gap:12px;font-size:12px}.lab-index p span{white-space:nowrap}.lab .editorial-link:focus-visible{outline-color:currentColor}.about{padding:120px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;background:var(--white)}.about h2{font-size:clamp(55px,7vw,110px);font-weight:500;letter-spacing:-.07em;margin-bottom:40px}.about h2 span{color:var(--olive)}.about p{font-size:clamp(20px,2.2vw,32px);line-height:1.4;letter-spacing:-.03em}.about p+p{margin-top:25px}.team-media{aspect-ratio:4/5;width:100%}.closing{min-height:85svh;padding-bottom:90px;gap:35px}.closing-copy{font-size:clamp(18px,2vw,28px);line-height:1.4;max-width:640px}.closing-link{font-size:clamp(16px,2vw,28px)}.site-footer{margin:0 var(--gutter);padding:45px 0 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;text-transform:none;letter-spacing:0}.site-footer .wordmark{font-size:44px}.site-footer .wordmark .slash{margin-left:5px;color:var(--lime)}.site-footer p{font-size:14px;margin-top:22px;line-height:1.5}.site-footer ul{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.9}.footer-social{display:flex;flex-direction:column;gap:12px;font-size:14px}.site-footer small{grid-column:1 / -1;font-size:12px;padding-top:25px}
@media(min-width:761px) and (max-width:1050px){.hero-bottom .editorial-link{margin-top:5px}.lab-index{grid-template-columns:1fr 1fr}.about{gap:5vw}.content-day-layout{gap:4vw}.media-placeholder{padding:14px}}
@media(max-width:760px){.site-header{align-items:flex-start;gap:28px;flex-wrap:wrap}.site-header nav{width:100%;justify-content:space-between;gap:8px}.site-header nav a{font-size:12px}.hero-bottom{display:grid;gap:14px}.hero-bottom p{max-width:none}.hero-bottom .editorial-link{margin-top:8px}.manifesto{padding:70px var(--gutter) 30px}.project-caption{grid-template-columns:1fr;gap:8px}.project-caption p{grid-row:auto;margin:0}.project-caption .editorial-link{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px}.content-day{padding:35px var(--gutter) 80px}.content-day h2{font-size:10.5vw;margin:25px 0 35px}.content-day-layout{display:block}.day-copy p{max-width:100%}.day-media{margin-top:45px;gap:12px}.day-media-stack{gap:12px;padding-top:35px}.media-placeholder{padding:14px;font-size:12px;letter-spacing:0}.lab-index{display:block}.about{padding:75px var(--gutter);grid-template-columns:1fr;gap:45px}.about h2{margin-bottom:25px}.team-media{max-height:520px}.closing{min-height:75svh;padding-bottom:65px}.site-footer{grid-template-columns:1fr 1fr;gap:30px}.site-footer>div:first-child{grid-column:1 / -1}.site-footer p{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.thinking{height:auto}.thinking-stage{position:relative;height:auto;padding-top:110px;padding-bottom:70px}.thinking-slash{display:none}.services-heading{position:static}.verbs p{color:var(--black)}}

/* Short viewports use the same accessible static fallback. */
.no-motion .thinking{height:auto}.no-motion .thinking-stage{position:relative;height:auto;padding-top:110px;padding-bottom:70px}.no-motion .thinking-slash{display:none}.no-motion .services-heading{position:static}

/* Home service panels remain visually unchanged and are fully clickable. */
#servicios .home-service-link{display:block}

/* Home media keep their own proportions instead of sharing a square crop. */
#servicios .service-art.real-brand,#servicios .service-art.real-social,#servicios .service-art.real-content,#servicios .service-art.real-web{display:block;aspect-ratio:auto;background:transparent}
#servicios .service-art.real-brand img,#servicios .service-art.real-social img,#servicios .service-art.real-content img,#servicios .service-art.real-web img{display:block;width:100%;height:auto;object-fit:contain}
#servicios .service-art.real-content{width:min(100%,360px)}
#servicios .service-art.real-social{width:min(100%,420px)}
#proyectos .home-rizea,#proyectos .home-dateresa{background:var(--white);padding:0}
#proyectos .home-rizea img,#proyectos .home-dateresa img{display:block;width:100%;height:100%;object-fit:contain}
#proyectos .home-mia{display:flex;align-items:flex-start;justify-content:flex-start;gap:20px;background:transparent;padding:0;aspect-ratio:auto}
#proyectos .home-mia video{display:block;flex:0 1 auto;min-width:0;width:auto;max-width:calc(50% - 10px);height:100%;aspect-ratio:9 / 16;object-fit:contain;background:var(--black)}
@media(max-width:760px){
#proyectos .home-rizea,#proyectos .home-dateresa{height:auto;aspect-ratio:auto}
#proyectos .home-rizea img,#proyectos .home-dateresa img{width:100%;height:auto}
#proyectos .home-dateresa{max-width:420px;margin-inline:auto}
#proyectos .home-mia{display:grid;grid-template-columns:1fr;height:auto;gap:24px;max-width:390px;margin-inline:auto;aspect-ratio:auto}
#proyectos .home-mia video{width:100%;max-width:none;height:auto;aspect-ratio:9 / 16}
}

/* Portrait portfolio widths follow the media; captions share the same width. */
#proyectos .project-portrait{flex:0 0 calc(clamp(260px,49vh,560px) * 1320 / 2868)}
#proyectos .project-videos{flex:0 0 calc(clamp(260px,49vh,560px) * 1.125 + 20px)}
#proyectos .project-portrait .home-dateresa{height:clamp(260px,49vh,560px)}
#proyectos .project-portrait .project-caption,#proyectos .project-videos .project-caption{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
#proyectos .project-portrait .editorial-link,#proyectos .project-videos .editorial-link{margin-top:8px}
@media(max-width:760px){#proyectos .project-portrait,#proyectos .project-videos{width:100%;max-width:390px;margin-inline:auto}#proyectos .project-portrait .home-dateresa{height:auto}#proyectos .home-mia{max-width:none}#proyectos .project-portrait .project-caption,#proyectos .project-videos .project-caption{width:100%}}
