/* Complete reading transitions in time; reserve scroll progress for composition. */
.sentence-photo img{transition:transform 650ms cubic-bezier(.22,.65,.25,1)}
.crossing-stage h2,.crossing-copy,.studio-stage>p,.statement-composition h2{transition:opacity 350ms ease}
.motion-enabled .statement-reading{transition:opacity 400ms ease,transform 500ms cubic-bezier(.22,.65,.25,1);background:#fbfaf7}
.motion-enabled .scene-panel{transition:transform 600ms cubic-bezier(.22,.65,.25,1),opacity 350ms ease}
.studio-opening.motion-enabled .studio-stage{top:var(--header-height);height:calc(100svh - var(--header-height))}
.project-kind{display:none!important}.project-preview .project-caption{background:none!important;border:0!important;padding:12px 5%!important;color:white;text-shadow:0 1px 12px #000;bottom:0;font-size:15px}
.project-preview .project-alternate{transform-origin:center}
.report-image-pair{position:relative;overflow:hidden;aspect-ratio:4/5;isolation:isolate}
.report-image-pair>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.report-image-pair>img:first-child{transition:filter 500ms ease,transform 650ms ease}
.report-image-pair .project-alternate{z-index:2}.report-image-pair .project-caption{position:absolute;z-index:3;left:0;right:0;opacity:0;transition:opacity 300ms ease}
.photo-study.show-detail .project-caption,.report-image-pair:focus .project-caption{opacity:1}
.photo-study.show-detail .report-image-pair>img:first-child,.report-image-pair:focus>img:first-child{filter:blur(9px) brightness(.5);transform:scale(1.04)}
.report-image-pair:focus .project-alternate{transform:scale(.88);opacity:1}
@media(hover:hover) and (pointer:fine){.photo-study:hover .report-image-pair>img:first-child{filter:blur(9px) brightness(.5);transform:scale(1.04)}.photo-study:hover .project-caption{opacity:1}}
/* A distinct, useful invitation, with the questions revealed on request. */
.quick-start{margin:100px 6% 120px;padding:65px 0;gap:10%;border-top:1px solid #a58d51;border-bottom:1px solid #292b2b25;align-items:center;background:transparent}
.quick-intro h2{font-size:clamp(48px,5.4vw,82px);line-height:1.02;margin-bottom:30px}.quick-intro .quick-note{font-size:15px;color:#625d50}
.quick-disclosure>summary{display:flex;flex-direction:column;gap:17px;max-width:none;padding:0 0 20px;width:100%;border:0;font-size:20px}
.quick-disclosure>summary img{width:100%;height:260px;object-fit:cover;margin-bottom:9px;transition:filter 250ms ease}
.quick-disclosure>summary strong{font-size:23px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
.quick-disclosure>summary:after{display:none}.quiz-invitation{font-size:15px;color:#6a665b}
.quick-disclosure[open]>summary img,.quick-disclosure[open] .quiz-invitation{display:none}.quick-disclosure[open]>summary strong{font-size:16px}.quick-disclosure[open]>summary{border-bottom:1px solid #ccc6ba;padding-bottom:22px}
.quick-workspace{margin-top:25px}.chapter-green .home-services{padding-block:180px 150px}
/* The quiet pause precedes a short, finite notebook. */
.material-pause{position:relative;isolation:isolate;min-height:760px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;padding:120px 8%}
.material-pause h2{position:relative;font-size:clamp(46px,6.5vw,100px);line-height:1.02;max-width:18ch;z-index:2;font-weight:500}
.material-pause>p{position:relative;z-index:2;max-width:36ch;font-size:18px;line-height:1.6;margin-top:35px}
.material-pause-pictures{position:absolute;inset:0;z-index:1;pointer-events:none}.material-pause-pictures img{position:absolute;width:17%;height:42%;object-fit:cover;top:10%;left:3%;opacity:.5}.material-pause-pictures img+img{left:auto;right:3%;top:auto;bottom:8%}
.material-all{background:#eee8dc;color:#243e36!important;padding:35px;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;min-height:340px;text-decoration:none!important}
.material-all>span{font-size:14px;margin-bottom:35px}.material-all h3{font-size:clamp(29px,3vw,45px)!important;line-height:1.1;margin-bottom:24px}.chapter-green .material-all p{color:#40534b;font-size:16px;max-width:28ch;line-height:1.6}.material-all strong{margin-top:auto;padding-top:28px;font-size:17px;font-weight:500;text-decoration:underline;text-underline-offset:6px}
.article-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;font-size:14px}.article-meta+a{display:block;width:max-content;max-width:100%}
/* A centered method, with numbered entrances rather than pinned reading. */
.studio-method{padding:130px 6%;background:#f3f0e9;text-align:center}.studio-method h2{font-size:clamp(45px,6vw,85px)}.method-intro{max-width:38ch;margin:30px auto 65px;font-size:21px;line-height:1.5}
.studio-method ol{display:block;max-width:980px;margin:auto;list-style:none;padding:0;counter-reset:none}
.studio-method ol li{display:grid;grid-template-columns:170px 1fr;gap:60px;align-items:start;text-align:left;border-top:1px solid #cbc6bc;padding:65px 0;margin:0}.studio-method ol li:before{display:none!important}
.method-number{font-size:clamp(80px,10vw,150px);font-weight:500;letter-spacing:-.07em;line-height:1;overflow:hidden;display:block}.method-number>span{display:block}
.method-description h3{font-size:clamp(26px,3vw,40px);margin:0 0 25px;line-height:1.15}.method-description p{font-size:18px;line-height:1.75;max-width:48ch;margin:0}
/* Navigation follows three clear anchors: brand, pages, enquiry. */
@media(min-width:901px){body .masthead{padding-inline:28px;gap:25px}body .masthead .brand-link{width:clamp(245px,27vw,380px);flex-shrink:0}body .masthead .desktop-nav{display:flex!important;flex:1;justify-content:center;gap:22px;margin-left:auto}body .masthead .desktop-nav a{font-size:16px;letter-spacing:-.035em;font-weight:750;white-space:nowrap}body .masthead .desktop-nav a:last-child{margin-left:auto;padding-left:20px}body .masthead .header-actions{display:none}}
@media(min-width:1300px){body .masthead .desktop-nav{margin-left:8vw;gap:24px}body .masthead .desktop-nav a{font-size:18px}}
/* Contact, a compact directory, then the full-scale signature. */
.colophon{padding:65px 4% 30px}.footer-topline p{font-size:clamp(25px,3vw,42px);line-height:1.15;max-width:25ch;margin:0}
.footer-directory{display:grid;grid-template-columns:1fr auto auto;gap:8%;margin-top:65px;margin-bottom:100px}.footer-directory span{display:block;color:#abb7c3;font-size:14px;margin-bottom:20px}.footer-contact-clean a{display:block;font-size:16px;margin-bottom:17px;width:max-content;max-width:100%;overflow-wrap:anywhere}.footer-contact-clean .footer-consult{font-size:23px}.footer-directory nav>div{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:16px 35px}.footer-directory nav a,.footer-social a{font-size:16px}.footer-social a{display:block;margin-bottom:16px}
.colophon .footer-signature{width:100%;gap:26px;max-width:none;margin:0;padding:0}.colophon .footer-signature svg:first-child{width:100%;margin:0}.colophon .footer-signature svg:last-child{width:71.267%;margin:0}.footer-legal{border-top:1px solid #ffffff30;padding-top:25px;margin-top:65px}
@media(max-width:1100px) and (min-width:901px){body .masthead .desktop-nav{gap:15px}body .masthead .desktop-nav a{font-size:14px}body .masthead .desktop-nav a:last-child{padding-left:5px}body .masthead .brand-link{width:240px}}
@media(max-width:620px){.quick-start{margin:65px 28px 90px;padding:40px 0}.quick-intro h2{font-size:49px}.quick-disclosure{margin-top:35px}.quick-disclosure>summary img{height:230px}.quick-disclosure>summary strong{font-size:21px}.chapter-green .home-services{padding-block:120px 95px}.material-pause{min-height:610px;padding:130px 28px}.material-pause h2{font-size:44px}.material-pause>p{font-size:16px}.material-pause-pictures img{width:25%;height:29%;top:3%;left:-4%;opacity:.35}.material-pause-pictures img+img{right:-4%;bottom:4%}.material-all{padding:25px;min-height:320px}.material-all>span{margin-bottom:25px}.material-all h3{font-size:31px!important}.material-all p{font-size:15px!important}.studio-method{padding:85px 28px}.method-intro{font-size:18px;margin-bottom:45px}.studio-method ol li{grid-template-columns:65px 1fr;gap:22px;padding:35px 0}.method-number{font-size:65px}.method-description h3{font-size:26px}.method-description p{font-size:16px;line-height:1.65}.colophon{padding:55px 28px 25px}.footer-directory{grid-template-columns:1fr 1fr;gap:40px 25px;margin:45px 0 65px}.footer-contact-clean{grid-column:1/-1}.footer-directory nav>div{grid-template-columns:1fr;gap:15px}.footer-topline p{font-size:29px}.colophon .footer-signature{gap:12px}.footer-legal{margin-top:40px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.sentence-photo img,.crossing-stage h2,.crossing-copy,.studio-stage>p,.statement-composition h2,.statement-reading,.scene-panel{transition:none!important}.material-pause-pictures img{transform:none!important}.method-number>span,.method-description{transform:none!important;opacity:1!important}}
.footer-directory nav{display:block}.photo-study .project-caption{width:auto;height:auto;display:block;line-height:1.5;white-space:normal}
@media(hover:hover) and (pointer:fine){.quick-disclosure>summary strong,.material-all strong{text-decoration:none}.quick-disclosure>summary:hover strong,.material-all:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}}
/* Refinement 14: lighter identity, a full-screen close and continuous motion. */
body .masthead .desktop-nav a,body .masthead .menu,body #navigation .nav-body nav a{font-weight:550}.brand-link{display:flex;align-items:center}.masthead .wordmark-svg{transform-origin:0 50%}.colophon{min-height:100svh;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}.footer-directory{margin-bottom:65px}.colophon .footer-signature{width:min(76%,980px);gap:24px}.footer-legal{margin-top:55px}
.image-sentence{margin-top:110px!important}.sentence-sequence.motion-enabled{height:330svh}.sentence-sequence.motion-enabled .sentence-stage{height:100svh;top:0}.sentence-sequence.motion-enabled .sentence-photo{transform-origin:50% 50%;z-index:3;will-change:transform,clip-path}.sentence-sequence.motion-enabled .sentence-copy{position:absolute!important;inset:0!important;display:flex;flex-direction:column;justify-content:center;padding:120px 8% 55px;transform:none!important;z-index:2!important;transition:opacity 350ms ease;opacity:0!important}.sentence-copy h2{font-size:clamp(43px,5.5vw,86px);max-width:22ch;line-height:1.15}.sentence-sequence.motion-enabled .sentence-slot{display:inline-block;width:1.8em;height:1.05em;vertical-align:-.12em;aspect-ratio:auto;margin-right:.08em}.sentence-sequence:not(.motion-enabled) .sentence-slot{display:none}.sentence-bottom p{max-width:43ch}.sentence-bottom{gap:40px}.sentence-copy .sentence-rule{margin-block:30px}
.quick-start{margin-top:170px;margin-bottom:140px}.quick-disclosure>summary img{transition:none}.quick-disclosure[open]>summary img{display:block}.quick-disclosure[open] .quiz-invitation{display:block}.quick-disclosure[open]>summary strong{font-size:23px}.quick-disclosure[open]>summary{border:0;padding-bottom:20px}.quick-disclosure[open]>summary img{height:160px}.quick-disclosure>summary img{height:240px}
.material-pause{min-height:100svh}.material-pause h2{font-size:clamp(44px,5.8vw,88px);max-width:20ch}.material-pause>p{max-width:49ch;text-wrap:pretty;margin-top:42px}.material-pause-pictures img{opacity:1;filter:none;box-shadow:none;width:13%;height:31%;top:9%;left:3%;will-change:transform}.material-pause-pictures img+img{top:auto;bottom:8%;right:3%;left:auto}
.studio-method ol{position:relative}.studio-method ol li{position:sticky;top:calc(var(--header-height) + 20px);min-height:65svh;background:#f3f0e9;align-content:center;padding-block:50px;isolation:isolate}.studio-method ol li:nth-child(2){z-index:2}.studio-method ol li:nth-child(3){z-index:3}.studio-method ol li:nth-child(4){z-index:4}.method-number{overflow:visible}
.studio-location img{aspect-ratio:1.46;object-fit:cover;object-position:center}
body.color-journey main>section:not(.arrival),body.color-journey .color-chapter,body.color-journey .chapter-green .crossing-story,body.color-journey .chapter-green .home-services,body.color-journey .chapter-green .material-notebook,body.color-journey .chapter-green .material-pin,body.color-journey .chapter-cream .profile,body.color-journey .chapter-cream .studio-team{background:transparent!important;color:inherit}
body.color-journey .chapter-green .home-services p,body.color-journey .chapter-green .material-heading p,body.color-journey .chapter-green .material-card:not(.material-all) p{color:inherit}
body.color-journey .chapter-green{--line:currentColor}body.color-journey .chapter-green .home-services a{border-color:color-mix(in srgb,currentColor 25%,transparent)}
@media(max-width:620px){.colophon .footer-signature{width:90%;gap:16px}.footer-directory{margin-bottom:60px}.image-sentence{margin-top:80px!important}.sentence-sequence.motion-enabled{height:310svh}.sentence-sequence.motion-enabled .sentence-copy{padding:110px 28px 50px}.sentence-copy h2{font-size:40px;line-height:1.2}.sentence-bottom{display:block}.sentence-bottom p{font-size:16px}.sentence-bottom a{display:inline-block;margin-top:25px}.quick-start{margin-top:100px;margin-bottom:100px}.quick-disclosure[open]>summary strong{font-size:21px}.material-pause h2{font-size:39px}.material-pause>p{max-width:30ch;font-size:16px}.material-pause-pictures img{width:23%;height:23%;top:6%;left:3%}.material-pause-pictures img+img{right:3%;bottom:5%}.studio-method ol li{min-height:70svh;top:90px;gap:22px;padding-block:35px}.method-number{font-size:59px}.method-description p{font-size:16px}.studio-location img{aspect-ratio:1.2;object-position:38% center}}
@media(prefers-reduced-motion:reduce){.studio-method ol li{position:relative;top:auto;min-height:0}.material-pause-pictures img{transform:none!important}.sentence-copy{opacity:1!important}.sentence-slot{display:none!important}}
.quick-disclosure>summary img,.quick-disclosure[open]>summary img{height:200px}
.studio-method ol li{background:#fbfaf7}.colophon .footer-signature{width:min(68%,760px)}
@media(max-width:620px){.colophon .footer-signature{width:90%}}
.masthead.over-dark:before{background:linear-gradient(#14283f90,#14283f40 48%,transparent)}
/* Clear vector wordmark; three navigation destinations and one enquiry action. */
.vector-logo{display:block;width:100%;height:auto;stroke:none!important;overflow:visible}.vector-logo path{stroke:none!important}.brand-link .vector-logo{max-height:none}.masthead .brand-link{overflow:hidden}.masthead .brand-wordmark{width:100%;display:flex;align-items:center}.masthead .wordmark-svg{transform-origin:0 50%}
body .masthead .desktop-nav a,body .masthead .menu,body #navigation .nav-body nav a{font-weight:500}
@media(min-width:901px){body .masthead{padding-inline:48px}body .masthead .brand-link{width:300px;height:45px}body .masthead .desktop-nav{margin-left:12vw;gap:28px}body .masthead .desktop-nav a:last-child{margin-left:auto}}
.colophon{padding-top:155px}.footer-topline{margin-bottom:20px}.colophon .footer-signature svg:last-child{width:71.267%}.colophon .footer-signature{gap:20px}
/* The invitation and the questions occupy the same stage. */
.quick-start{align-items:start;margin-top:170px}.quick-intro{padding-top:45px}.quick-disclosure{position:relative;min-height:610px}.quick-disclosure>summary{height:610px;justify-content:center;padding:0}.quick-disclosure>summary img{height:350px}.quick-disclosure[open]>summary{height:45px;padding:0;justify-content:start}.quick-disclosure[open]>summary img,.quick-disclosure[open]>summary .quiz-invitation{display:none}.quick-disclosure[open]>summary strong{font-size:15px}.quick-disclosure .quick-workspace{margin:22px 0 0}.quick-options label{padding:17px 0}.quick-disclosure[open]{min-height:610px}.quick-disclosure[open] .quick-actions{margin-top:25px}.quick-progress{margin-bottom:22px}
/* Keep the explanatory caption centered in its own lower margin. */
.project-preview .project-caption{height:14%;padding:7px 6%!important;display:flex!important;align-items:center;justify-content:center;text-align:center;line-height:1.35;font-size:14px;bottom:0!important;box-sizing:border-box}
.project-preview.show-detail .project-alternate,.report-image-pair:focus .project-alternate{transform:translateY(-4%) scale(.78)}
@media(hover:hover) and (pointer:fine){.project-preview:hover .project-alternate{transform:translateY(-4%) scale(.78)}}
.chapter-green .home-services{padding-top:190px}.home .crossing-story{margin-bottom:120px}.chapter-green .material-notebook{border-top:0}.material-pause{border:0}
/* Furniture is an advised selection, with no basket or checkout. */
.furniture-story{padding:125px 6%}.furniture-story-head{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:end;margin-bottom:85px}.furniture-story-head h2{font-size:clamp(43px,5.2vw,78px);line-height:1.05}.furniture-story-head p{font-size:21px;line-height:1.65;max-width:43ch}.furniture-spread{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.furniture-spread figure{height:640px;overflow:hidden}.furniture-spread img{height:100%;object-fit:cover}.furniture-spread h3{font-size:clamp(32px,3.2vw,48px);line-height:1.1;margin-bottom:30px}.furniture-spread p{font-size:18px;line-height:1.75;margin-bottom:25px;max-width:43ch}.furniture-spread .textlink{margin-top:15px}.studio-furniture .furniture-spread figure{height:560px}
.piece-enquiry{padding:90px 10%;border-top:1px solid #292b2b25}.piece-enquiry h2{font-size:clamp(35px,4vw,60px);margin-bottom:30px}.piece-enquiry p{max-width:65ch;font-size:19px;line-height:1.7;margin-bottom:22px}.piece-enquiry>a{display:inline-block;margin-top:15px}.contact-assistance{padding:50px 6% 90px}.contact-assistance p{margin-bottom:20px}.process-cta{margin-top:45px;display:inline-block}.contextual-close .consultation-body{grid-template-columns:1.15fr 1fr}.contextual-close .consultation-body>p{max-width:35ch;font-size:clamp(23px,2vw,30px)}.contextual-close .consultation-link{margin-top:0;line-height:1.4}.contextual-close .consultation-detail>a{display:block;width:fit-content}
body.color-journey .color-chapter>.service-story,body.color-journey .color-chapter>.scope,body.color-journey .color-chapter>.decision-section,body.color-journey .color-chapter>.material-detail{background:transparent;color:inherit}body.color-journey .color-chapter p{color:inherit}.material-all{color:#243e36!important}.material-all p{color:#40534b!important}
@media(max-width:1100px) and (min-width:901px){body .masthead .brand-link{width:260px}body .masthead .desktop-nav{margin-left:5vw;gap:22px}}
@media(max-width:620px){.masthead .brand-link{width:240px;max-width:70%;height:35px}.colophon{padding-top:130px}.footer-topline{margin-bottom:0}.quick-start{margin-top:110px}.quick-intro{padding-top:0}.quick-disclosure,.quick-disclosure[open]{min-height:620px}.quick-disclosure>summary{height:620px;justify-content:flex-start;padding-top:40px}.quick-disclosure>summary img{height:330px}.quick-disclosure[open]>summary{height:45px;padding-top:0}.quick-workspace legend{font-size:26px}.project-preview .project-caption{font-size:12px;height:16%;padding-inline:4%!important}.home .crossing-story{margin-bottom:85px}.chapter-green .home-services{padding-top:110px}.furniture-story{padding:85px 28px}.furniture-story-head{display:block;margin-bottom:40px}.furniture-story-head h2{font-size:43px;margin-bottom:30px}.furniture-story-head p{font-size:17px}.furniture-spread{display:block}.furniture-spread figure,.studio-furniture .furniture-spread figure{height:410px;margin-bottom:40px}.furniture-spread h3{font-size:34px}.furniture-spread p{font-size:17px}.piece-enquiry{padding:65px 28px}.piece-enquiry p{font-size:17px}.contextual-close .consultation-body{display:block}.contextual-close .consultation-body>p{font-size:24px}.contextual-close .consultation-detail{margin-top:35px}.contact-assistance{padding-inline:28px}}

/* Revision 16: consistent navigation, breathable chapters and quieter mobile links. */
@media(min-width:901px){body .masthead,body.home .masthead,body.home .masthead:not(.is-scrolled),body .masthead.is-scrolled{padding-inline:48px;gap:25px}body .masthead .desktop-nav{justify-content:flex-start;margin-left:12vw}body .masthead .brand-link{width:300px}}
@media(min-width:901px) and (max-width:1100px){body .masthead .brand-link{width:260px}body .masthead .desktop-nav{margin-left:5vw}}
.home .crossing-story{margin-bottom:220px}.chapter-green .home-services{padding-top:240px}
@media(max-width:620px){.home .crossing-story{margin-bottom:150px}.chapter-green .home-services{padding-top:165px}}
@media(hover:none),(max-width:900px){body a[href],body a[href]:hover,body a[href]:active,body main a.textlink,body main .hero-links a,body main .project-read,body main .service-credit a,body main .contents a,body main .material-index a,body a:not(:has(img)):not(.brand-link){text-decoration:none!important;background-image:none!important}body main a:after{background-image:none!important}body main .textlink:after,body main .hero-links a:after{display:none!important}}
.article-layout>div>section p+p{margin-top:1.25em}.article-layout>div>section{scroll-margin-top:130px}.article-layout aside a{line-height:1.45}.reading-time{font-size:14px;color:#62645e}

.article-further{padding:45px 0;margin-top:35px}.article-further a{display:block;font-size:20px;line-height:1.5;margin-top:18px}.article-layout aside{align-self:start;position:sticky;top:120px;max-height:calc(100svh - 150px);overflow:auto;padding-right:12px}@media(max-width:900px){.article-layout aside{position:static;max-height:none;overflow:visible}}
@media(hover:none),(max-width:900px){body a[href] *,body a[href]:hover *{text-decoration:none!important;background-image:none!important}body a[href]:after,body a[href] strong:after,body a[href] h2:after,body a[href] h3:after{display:none!important}}

/* Mobile only: quiet menu surface and a real portrait crossing over the headline. */
@media(max-width:900px){body #navigation::backdrop{background:transparent}body #navigation{overscroll-behavior:contain}}
@media(max-width:620px){.crossing-story.motion-enabled{height:190svh}.crossing-story.motion-enabled .crossing-stage figure{width:86%;height:45%;top:3%;left:0;transform-origin:center;z-index:2}.crossing-story.motion-enabled .crossing-stage h2{top:15%;left:28px;width:74%;z-index:0}.crossing-story.motion-enabled .crossing-copy{bottom:24px;left:28px;right:28px;z-index:1}.crossing-story.motion-enabled .crossing-stage h2,.crossing-story.motion-enabled .crossing-copy{transition:none}}

/* Mobile-only brand morph and reversible soft reveals. */
@media(max-width:900px){
 body .masthead .menu,body #navigation #close-nav{width:88px;min-width:88px;display:flex!important;align-items:center;justify-content:space-between;padding:0!important;gap:8px!important;font-size:14px!important;line-height:1!important;font-weight:500;color:inherit}
 body .mobile-control-label{display:block!important;font-size:14px!important;line-height:1!important;width:42px;text-align:left}
 body .mobile-control-icon{position:relative;display:block!important;width:24px;height:24px;font-size:0!important;background:none!important;border:0!important}
 body .mobile-control-icon:before,body .mobile-control-icon:after,body .masthead .menu:before,body .masthead .menu:after{display:none!important}
 .mobile-control-icon i{position:absolute;left:0;top:11px;width:24px;height:1px;background:currentColor;transform-origin:center}
 .mobile-control-icon i:first-child{transform:translateY(-4px)}.mobile-control-icon i:last-child{transform:translateY(4px)}
 body #navigation{background:transparent!important;isolation:isolate;color:#252525}
 body #navigation:before{content:'';position:fixed;inset:0;background:#fff;z-index:-1;opacity:0;transition:opacity 460ms cubic-bezier(.4,0,.2,1);pointer-events:none}
 body #navigation.mobile-menu-visible:before{opacity:1}
 body #navigation .nav-top{height:45px}.nav-top .brand-link{overflow:hidden}.nav-top .wordmark-svg{transform-origin:0 50%}
 .mobile-reveal{opacity:0!important;filter:blur(3px);transition:opacity 850ms ease,filter 850ms ease!important}
 .mobile-reveal.mobile-reveal-visible,.mobile-reveal:focus-within,.mobile-reveal-static{opacity:1!important;filter:blur(0)}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){body #navigation:before,.mobile-reveal{transition:none!important}.mobile-reveal{opacity:1!important;filter:none!important}}
@media(max-width:900px){body .masthead .menu,body #navigation #close-nav{min-height:44px!important}body #navigation .nav-top .wordmark-svg{max-height:none}}
/* A tighter photographic frame keeps the supplied facade exactly intact. */
.studio-location figure{position:relative;aspect-ratio:1.6;overflow:hidden;background:#e7e2d7}
.studio-location figure img{position:absolute;width:170%;max-width:none;height:auto;aspect-ratio:auto;left:-3%;bottom:-5%;object-fit:initial;object-position:initial}
.colophon .footer-signature svg{transform:none!important;opacity:1!important;animation:none!important}
.footer-legal{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-legal nav{display:flex;gap:22px;flex-wrap:wrap}.site-credit{white-space:nowrap}
.legal-page{padding:160px 6% 120px;max-width:1100px;margin:auto}.legal-page header{margin-bottom:80px;height:auto;background:none;color:inherit}.legal-page h1{font-size:clamp(42px,6vw,82px);line-height:1.1;margin-bottom:30px}.legal-page section{margin-top:45px;max-width:70ch}.legal-page h2{font-size:28px;margin-bottom:20px}.legal-page p{font-size:18px;line-height:1.8;margin-bottom:20px}.legal-page a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:620px){.studio-location figure{aspect-ratio:1.05}.studio-location figure img{width:190%;left:-4%;bottom:-3%}.footer-legal{align-items:flex-start;flex-direction:column;gap:20px}.footer-legal nav{gap:18px}.legal-page{padding:125px 28px 80px}.legal-page header{margin-bottom:50px}.legal-page p{font-size:17px}.legal-page h2{font-size:25px}}
/* Mobile menu: one visible control, identical type and geometry in both states. */
@media(max-width:900px){
 body .masthead .menu,body #navigation #close-nav{appearance:none;-webkit-appearance:none;box-sizing:border-box;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;text-decoration:none!important;font:500 16px/24px 'Instrument Sans',sans-serif!important;width:96px;min-width:96px;height:44px;min-height:44px!important;align-items:center;justify-content:space-between;gap:10px!important;letter-spacing:0}
 body .mobile-control-label{font:500 16px/24px 'Instrument Sans',sans-serif!important;letter-spacing:0;width:52px;height:24px;text-decoration:none!important;flex:none}
 body .mobile-control-icon{width:24px;height:24px;flex:none;line-height:0!important;margin:0!important;padding:0!important}
 body .mobile-control-icon i{top:11px;height:1.5px;width:24px;margin:0;padding:0;border:0;box-shadow:none;transition:none!important}
 .mobile-menu-underlay>.brand-link,.mobile-menu-underlay .header-actions{visibility:hidden}
 body #navigation .nav-body{padding:65px 0 38px;flex:1 0 auto}
 body #navigation .nav-body nav{gap:22px}
 body #navigation .nav-body nav a{font-size:clamp(36px,10vw,48px);line-height:1.12;letter-spacing:-.025em}
 body #navigation .nav-body nav a:last-child{font-size:26px;line-height:1.25;margin-top:22px;max-width:14ch}
 body #navigation .nav-bottom{padding-top:25px}
 body #navigation .nav-bottom a{font-size:16px;line-height:1.5;display:block;letter-spacing:-.015em}
 body #navigation .nav-bottom .nav-phone{font-size:24px;margin-bottom:12px;letter-spacing:-.025em}
 body #navigation .nav-bottom span{font-size:15px;margin-top:18px}
}
@media(max-width:620px){body .masthead .brand-link{width:min(225px,calc(100vw - 164px));max-width:none}}
@media(max-width:900px) and (max-height:700px){body #navigation .nav-body{padding-top:35px;padding-bottom:25px}body #navigation .nav-body nav{gap:16px}body #navigation .nav-body nav a{font-size:34px}body #navigation .nav-body nav a:last-child{margin-top:12px;font-size:24px}}

/* Shared control geometry: supersedes legacy hamburger span styling. */
@media(max-width:900px){
 body .masthead .menu .mobile-control-label{width:52px;height:24px;border:0;font:500 16px/24px 'Instrument Sans',sans-serif!important}
 body .masthead .menu .mobile-control-icon{width:24px;height:24px;border:0;font-size:0!important}
}
.footer-legal{font-size:14px;line-height:1.6;flex-wrap:nowrap;align-items:center}
.footer-legal-right{display:flex;align-items:center;justify-content:flex-end;gap:34px}
.footer-legal-right nav{gap:28px;flex-wrap:nowrap}
@media(max-width:900px){
 .footer-legal{flex-direction:column;align-items:stretch;gap:22px}
 .footer-legal-right{display:block}
 .footer-legal-right nav{display:flex;gap:24px;flex-wrap:nowrap}
}

/* v21: touch navigation and stable Safari compositing. Desktop is unchanged. */
.mobile-project-entry{display:none}
@media(max-width:900px){
 html{background:#14283f}body{margin-bottom:0;padding-bottom:0}
 .colophon{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));margin-bottom:0;background:#14283f}
 .footer-legal a{padding:0!important;margin:0!important;min-height:0!important;justify-self:start}
 body #navigation:before{transition:opacity 280ms cubic-bezier(.23,1,.32,1)}
 .mobile-reveal{filter:none!important;transition:opacity 650ms ease!important}
 .material-pause img{filter:none!important;transition:none!important;backface-visibility:hidden;will-change:transform}
 .sentence-photo,.crossing-stage figure,.studio-stage figure,.statement-stage figure{backface-visibility:hidden;will-change:transform}
 .sentence-stage,.crossing-stage,.studio-stage,.statement-stage,.scene-stage{filter:none!important}
 .project-preview:not(.photo-study) .project-alternate,.project-preview:not(.photo-study) .project-caption{display:none!important}
 .project-preview:not(.photo-study) img{filter:none!important;transform:none!important;opacity:1!important}
 .mobile-project-entry{display:inline-block;margin-top:20px;padding-block:10px}
 .lead-project:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.68));pointer-events:none;z-index:1}
 .lead-project>div{z-index:2;position:absolute}
 .photo-study .report-image-pair .project-alternate{transform:none!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;opacity:0!important;transition:opacity 280ms ease!important}
 .photo-study.show-detail .report-image-pair .project-alternate{opacity:1!important}
 .photo-study .project-caption{display:none!important}
 .photo-study .report-image-pair>img:first-child{filter:none!important;transform:none!important;opacity:1!important}
 .reviews-track{position:relative;scroll-behavior:auto!important;scroll-snap-type:none!important}
 .service-band{cursor:pointer}
 .legal-page>header{display:block!important;position:static!important;background:none!important;color:inherit!important;padding:0!important;height:auto!important;min-height:0!important;transform:none!important}
 .legal-page>header h1{font-size:42px!important;line-height:1.12!important;margin:0 0 35px!important}
 .legal-page p,.legal-page h1,.legal-page h2{opacity:1!important;filter:none!important;transform:none!important;overflow-wrap:anywhere}
 .legal-page{padding-top:150px}
}
@media(max-width:900px){
 .project-preview .lead-project:after{opacity:1!important;background:linear-gradient(transparent,rgba(0,0,0,.72))!important;z-index:1;inset:25% 0 0}
 .project-preview .lead-project>div{z-index:2}
}
@media(max-width:900px){.project-preview .lead-project>div{background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.76) 100%)!important}}
/* v22: a continuous touch belt, safe-area canvas and explicit cookie choice. */
.cookie-panel{position:fixed;z-index:110;left:24px;right:24px;bottom:calc(20px + env(safe-area-inset-bottom,0px));max-width:860px;margin:auto;background:#fbfaf7;color:#252725;padding:26px 30px;border:1px solid #c8c5bc;box-shadow:0 8px 45px #0002;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.cookie-panel[hidden]{display:none}.cookie-panel h2{font-size:24px;margin:0 0 12px}.cookie-panel p{font-size:15px;line-height:1.6;margin:0 0 12px}.cookie-panel a{font-size:14px;text-decoration:underline;text-underline-offset:4px}.cookie-actions{display:flex;gap:12px}.cookie-actions button{font:inherit;font-size:15px;min-height:44px;padding:12px 20px;border:1px solid #14283f;background:#14283f;color:#fff;cursor:pointer}.cookie-actions button:focus-visible{outline:2px solid #9b813b;outline-offset:4px}
@media(max-width:900px){
 html{background-color:#14283f!important}body.footer-in-view{background-color:#14283f!important}
 .colophon{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))!important}
 .reviews-track.touch-loop{display:block;overflow:hidden;padding:0 28px;touch-action:pan-y;cursor:grab}
 .reviews-belt{position:relative;display:flex;gap:18px;width:max-content;will-change:transform;backface-visibility:hidden}
 .reviews-belt .review-card{flex:0 0 auto;width:calc(100vw - 78px);max-width:460px;box-sizing:border-box}
 .reviews-belt img{pointer-events:none;-webkit-user-drag:none}.reviews-belt a{-webkit-user-drag:none}
 .cookie-panel{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:22px;display:block;max-height:75svh;overflow:auto}
 .cookie-panel[hidden]{display:none}.cookie-actions{margin-top:20px}.cookie-actions button{flex:1}
}
/* Monochrome institutional vector marks, directly on the footer canvas. */
.colophon .funding-credit{display:flex;flex-direction:column;margin-top:100px;padding-top:50px;border-top:1px solid #ffffff26;color:#e5e9ec}
.funding-copy{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,2fr);gap:70px;align-items:start;margin-bottom:0}
.colophon .funding-copy p{font-size:16px;line-height:1.85;max-width:75ch;margin:0;letter-spacing:0}
.funding-hashtag{font:400 clamp(24px,2.2vw,32px)/1.2 'Instrument Sans',sans-serif;letter-spacing:-.025em;color:#fff;white-space:nowrap}
.funding-emblems{display:grid;grid-template-columns:1.2fr .8fr 1.5fr .9fr;align-items:center;gap:55px;order:-1;margin-bottom:58px}
.funding-emblem img{display:block;width:100%;height:auto;max-height:85px;object-fit:contain;object-position:left center}
.funding-emblem-ministerio img{max-width:175px}.funding-emblem-camara img{max-width:215px}
@media(max-width:900px){
 .colophon .funding-credit{margin-top:75px;padding-top:36px}
 .funding-copy{display:block;margin-bottom:0}
 .funding-hashtag{display:block;margin-bottom:28px;font-size:28px}
 .colophon .funding-copy p{font-size:15px;line-height:1.85}
 .funding-emblems{grid-template-columns:1fr 1fr;gap:34px 26px;margin-bottom:44px}
 .funding-emblem img{max-height:72px}
}

/* Crédito de Krovee junto a la firma del pie. */
.colophon .footer-directory{margin-bottom:0}
.colophon .site-credit{margin:0;font-size:14px;line-height:1.6}
@media(min-width:901px){
 .colophon .footer-directory{row-gap:84px}
 .colophon .footer-directory>.footer-signature{grid-column:1/-1;grid-row:2}
 .colophon .footer-directory>.site-credit{grid-column:1/-1;grid-row:3;margin-top:-70px}
}
@media(max-width:900px){
 .colophon .footer-directory>.footer-signature{grid-column:1/-1;margin-top:40px}
 .colophon .footer-directory>.site-credit{grid-column:1/-1;margin-top:-26px}
}

/* Página no encontrada. */
.not-found-links{display:flex;flex-wrap:wrap;gap:16px 34px;margin-top:40px}
