/* Interior openings are photographic and edge-to-edge; the home stays intact. */
.page-cover{position:relative;min-height:calc(100svh - 88px);height:calc(100svh - 88px);isolation:isolate;background:var(--ink);color:var(--paper);overflow:hidden}
.page-cover>figure{position:absolute;inset:0;margin:0;z-index:-2}
.page-cover>figure>img{width:100%;height:100%;object-fit:cover;display:block}
.page-cover:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0c1515e8,transparent 85%),linear-gradient(90deg,#0c15156b,transparent 75%)}
.page-cover>.cover-caption{position:absolute;right:var(--pad);bottom:25px;z-index:1;font-size:8px;color:#eeeee7;line-height:1.5;text-align:right;max-width:280px}
.cover-content{height:100%;padding:28px var(--pad) 66px;display:flex;flex-direction:column;justify-content:space-between}
.page-cover .breadcrumb{font-size:10px;color:#fff;margin:0}
.cover-content>div:last-child>.mono{font-size:10px;letter-spacing:.06em;display:block;margin-bottom:20px}
.page-cover h1{font-size:clamp(76px,10vw,160px);line-height:.97;letter-spacing:-.065em;font-weight:400;margin:0 0 24px;max-width:1150px}
.page-cover p{font-size:20px;line-height:1.45;max-width:510px;color:var(--paper)}
.page-cover .cover-action{display:flex;justify-content:space-between;width:185px;font-size:14px;margin-top:30px;border-color:#eeeee77a}
.page-cover .cover-action:hover{color:#ff986d}
.cover-branding>figure>img{object-position:50% 45%}
.cover-branding:before{background:linear-gradient(0deg,#121312ed,transparent 90%),linear-gradient(90deg,#12131270,transparent 70%)}
.cover-estudio h1{font-size:clamp(64px,8vw,125px)}
.cover-estudio>figure>img{object-position:50% 48%}
.cover-proyectos h1{font-size:clamp(65px,8vw,125px)}
.cover-proyectos:before{background:linear-gradient(0deg,#121312ed,transparent 95%),linear-gradient(90deg,#12131270,transparent 70%)}
.detail-page{--page-anchor:110px}
.detail-page .visual-section{padding-top:100px;padding-bottom:100px;border-top:0;border-bottom:0}
.detail-page .visual-heading{margin-bottom:55px}
.detail-page .service-explorer{gap:7vw}
.detail-page .explorer-visual{top:118px}
.detail-page .service-row{border-bottom:0}
.detail-page .service-row:last-child{border-bottom:1px solid #1415142a}
.detail-page .service-row summary{padding-top:25px;padding-bottom:25px}
.detail-page .onward-v4{padding-top:40px;padding-bottom:40px}
.detail-page .projects{padding-top:75px;padding-bottom:100px}
.page-proyectos .project-two-col{grid-template-columns:1fr}
.page-proyectos .project-vidas .project-image{aspect-ratio:1.75;max-height:80svh}
.detail-page .chapter-line{border-top:0;padding-top:0}
.case-note:empty{display:none}

/* Let both axes chain to the document; the rail must never trap a vertical wheel. */
.application-rail{overscroll-behavior:auto;overscroll-behavior-x:auto;overscroll-behavior-y:auto;overflow-y:hidden;touch-action:pan-x pan-y;scroll-snap-type:x proximity}
.application-scope{margin-top:22px;padding-top:0}
.application-scope>p{font-size:14px;line-height:1.6;color:#4d574e}
.application-scope>a{display:inline-flex;margin-top:22px;font-size:12px;border-bottom:1px solid #14151450;padding-bottom:7px}
.page-branding .application-card{align-self:stretch}
.page-branding .application-copy{padding-bottom:30px}
.page-branding .applications-section{background:#e4e6dc}
.page-branding .delivery-v4{background:var(--paper)}
.page-branding .delivery-v4 li{border-top:0;border-bottom:0;padding:9px 0}
.detail-page .faq-section{padding-top:80px}
.detail-page .faq details{border-top:0;border-bottom:1px solid #14151424}

/* Packaging: a substantive interactive drawing, not several tiny navigation tabs. */
.page-packaging .packaging-lab-section{background:#e7e7df;padding:35px 0}
.page-packaging .packaging-lab{height:calc(100svh - 88px);min-height:690px;max-height:1050px;padding-top:35px;padding-bottom:25px}
.page-packaging .lab-heading{margin-bottom:30px}
.artwork-editorial{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:start;background:var(--ink);color:var(--paper)}
.artwork-editorial>figure{margin:0;position:sticky;top:115px}
.artwork-editorial img{width:100%;height:620px;object-fit:cover;display:block}
.artwork-editorial figcaption{font-size:8px;color:#b1b9ab;line-height:1.5;margin-top:14px}
.artwork-editorial>div>.mono{font-size:10px;color:#aab7a5}
.artwork-editorial h2{font-size:clamp(44px,5vw,78px);line-height:1.04;margin:26px 0 30px;letter-spacing:-.05em}
.artwork-editorial h2 em{font-style:normal;color:var(--orange)}
.artwork-lead{font-size:19px;line-height:1.5;max-width:480px}
.artwork-points{display:grid;gap:32px;margin-top:45px;max-width:440px}
.artwork-points h3{font-size:25px;line-height:1.15;margin-bottom:13px;letter-spacing:-.035em}
.artwork-points p{font-size:15px;line-height:1.6;color:#c2cabb}
.responsibility-note{background:#e5e7dd;display:grid;grid-template-columns:1fr 1fr;gap:25px 8vw;align-items:start}
.responsibility-note>.mono{grid-column:1/-1;font-size:9px;color:#657060}
.responsibility-note h2{font-size:clamp(38px,4.5vw,64px);line-height:1.08;letter-spacing:-.045em}
.responsibility-note>div{display:grid;gap:23px;max-width:420px}
.responsibility-note p{font-size:17px;line-height:1.5}
.responsibility-note strong{font-weight:500}

/* Studio: point of view, experience and ways of collaborating. No duplicate method. */
.studio-origin{display:grid;grid-template-columns:1.2fr 1fr;gap:35px 7vw}
.studio-origin>.mono{grid-column:1/-1;color:#687260;font-size:10px;margin-bottom:10px}
.studio-origin h2{font-size:clamp(43px,4.7vw,73px);line-height:1.04;letter-spacing:-.05em}
.studio-origin h2 em{font-style:normal;color:var(--orange)}
.studio-origin>div{max-width:480px;display:grid;gap:25px;align-self:center}
.studio-origin p{font-size:19px;line-height:1.55}
.studio-scroll-story{height:230svh;position:relative;background:var(--ink)}
.studio-story-stage{height:calc(100svh - 88px);position:sticky;top:88px;overflow:hidden;color:var(--paper)}
.studio-story-frame{position:absolute;inset:0;opacity:0;pointer-events:none}
.studio-story-frame.is-active{opacity:1}
.studio-story-frame>img{width:100%;height:100%;object-fit:cover;object-position:60% center;display:block}
.studio-story-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1313db,transparent 100%),linear-gradient(0deg,#0b1313e8,transparent 95%)}
.story-frame-copy{position:absolute;bottom:10svh;left:var(--pad);right:var(--pad);z-index:1}
.story-frame-copy>.mono{font-size:10px;color:#c8d0c2;display:block;margin-bottom:28px}
.story-frame-copy h2{font-size:clamp(51px,6.5vw,100px);line-height:1;letter-spacing:-.055em;margin:0 0 30px}
.story-frame-copy h2 em{font-style:normal;color:var(--orange)}
.story-frame-copy p{font-size:19px;line-height:1.5;max-width:520px}
.story-status{position:absolute;top:30px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#e0e5d9;z-index:2}
.story-progress{position:absolute;left:var(--pad);top:60px;display:flex;gap:8px;width:140px;z-index:2}
.story-progress>i{height:2px;background:#eeeee744;flex:1}.story-progress>i.is-active{background:var(--orange)}
.story-photo-note{position:absolute;bottom:25px;right:var(--pad);font-size:7px;color:#c5cdbd;z-index:2}
.story-tile-curtain{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);z-index:3;pointer-events:none}
.story-tile-curtain>i{display:block;background:var(--petrol);width:calc(100% + 1px);height:calc(100% + 1px);opacity:0}
.story-tile-curtain>i:nth-child(5n){background:#28515a}
.collaboration-options{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}
.collaboration-options article{padding-top:22px}
.collaboration-options article>.mono{font-size:9px;color:#64725f;display:block;margin-bottom:25px}
.collaboration-options h3{font-size:clamp(30px,3vw,46px);line-height:1.05;letter-spacing:-.04em;margin-bottom:25px}
.collaboration-options p{font-size:16px;line-height:1.6;max-width:350px}
.collaboration-close{font-size:18px;line-height:1.55;max-width:640px;margin:65px 0 0 auto;color:#56614f}
@media(max-width:1000px){.cover-content{padding-bottom:60px}.detail-page .visual-section{padding-top:75px;padding-bottom:75px}.artwork-editorial{gap:40px}.artwork-editorial img{height:540px}.studio-origin{gap:30px 40px}.studio-origin p{font-size:17px}.collaboration-options{gap:30px}.collaboration-options p{font-size:15px}.story-frame-copy p{font-size:17px}}
@media(max-width:760px){
 .page-cover{height:calc(100svh - 76px);min-height:600px}
 .cover-content{padding:24px 20px 70px}.page-cover .breadcrumb{font-size:9px}.cover-content>div:last-child>.mono{font-size:8px;margin-bottom:22px}
 .page-cover h1{font-size:clamp(58px,14vw,95px);margin-bottom:25px}.page-cover p{font-size:18px;max-width:330px}.page-cover .cover-action{font-size:13px;margin-top:25px}
 .page-cover>.cover-caption{left:20px;right:20px;bottom:20px;text-align:left;max-width:330px;font-size:7px}
 .cover-estudio h1,.cover-proyectos h1{font-size:clamp(50px,12.5vw,90px)}
 .cover-branding>figure>img{object-position:60% center}.cover-packaging>figure>img{object-position:50% center}
 .detail-page{--page-anchor:95px}.detail-page .visual-section{padding-top:60px;padding-bottom:60px}
 .detail-page .visual-heading{margin-bottom:35px}.detail-page .explorer-visual{top:auto}
 .detail-page .service-row summary{padding-top:22px;padding-bottom:22px}
 .detail-page .projects{padding-top:45px;padding-bottom:60px}.detail-page .faq-section{padding-top:60px}
 .application-scope{margin-top:18px}.application-scope>p{font-size:13px}.application-scope>a{font-size:11px;margin-top:20px}
 .page-packaging .packaging-lab-section{padding:15px 0}.page-packaging .packaging-lab{height:calc(100svh - 76px);min-height:760px;max-height:950px;padding:30px 20px 20px}
 .page-packaging .lab-heading{margin-bottom:20px}.page-packaging .lab-heading h2{font-size:30px}
 .artwork-editorial{grid-template-columns:1fr;gap:40px}.artwork-editorial>figure{position:relative;top:auto}.artwork-editorial img{height:380px}
 .artwork-editorial h2{font-size:48px;margin-top:22px}.artwork-editorial>div>.mono{font-size:9px}.artwork-lead{font-size:18px}
 .artwork-points{margin-top:35px;gap:28px}.artwork-points h3{font-size:26px}.artwork-points p{font-size:15px}
 .responsibility-note{grid-template-columns:1fr;gap:28px}.responsibility-note>.mono{grid-column:auto}.responsibility-note h2{font-size:43px}.responsibility-note p{font-size:16px}
 .studio-origin{grid-template-columns:1fr;gap:28px}.studio-origin>.mono{grid-column:auto;margin-bottom:0}.studio-origin h2{font-size:43px}.studio-origin p{font-size:17px}.studio-origin>div{gap:20px}
 .studio-scroll-story{height:250svh}.studio-story-stage{top:76px;height:calc(100svh - 76px)}
 .story-frame-copy{left:20px;right:20px;bottom:9svh}.story-frame-copy>.mono{font-size:8px;margin-bottom:23px}.story-frame-copy h2{font-size:clamp(43px,11.5vw,72px);margin-bottom:25px}.story-frame-copy p{font-size:16px;max-width:370px}
 .story-status{top:25px;left:20px;right:20px;font-size:7px}.story-progress{left:20px;top:49px;width:100px}.story-photo-note{right:20px;left:20px;bottom:20px;font-size:6px}
 .studio-story-frame>img{object-position:60% center}.studio-story-frame:after{background:linear-gradient(0deg,#0b1313f2,transparent 150%),linear-gradient(90deg,#0b13137a,transparent)}
 .collaboration-options{grid-template-columns:1fr;gap:40px;margin-top:35px}.collaboration-options article{padding-top:0}.collaboration-options article>.mono{font-size:8px;margin-bottom:20px}
 .collaboration-options h3{font-size:36px;margin-bottom:20px}.collaboration-options h3 br{display:none}.collaboration-options p{font-size:16px;max-width:440px}
 .collaboration-close{font-size:16px;margin-top:45px}
}
@media(prefers-reduced-motion:reduce){
 .studio-scroll-story{height:auto}.studio-story-stage{height:auto;position:relative;top:auto}
 .studio-story-frame{position:relative;height:90svh;min-height:620px;opacity:1!important}
 .story-status,.story-progress,.story-tile-curtain{display:none}.story-photo-note{bottom:18px}
}