/* Reference shell: project-led side reveal, chapter controls and contact card. */
:root{--blue:#c7d7e9;--beige:#ece4da}
.load-screen{background:#fff;color:#24272a;animation:none;opacity:1;visibility:visible}.load-screen .loader-logo{width:40vw}.loader-logo svg{width:100%;overflow:visible}.loader-percent{position:absolute;right:var(--wrapper-padd);bottom:var(--wrapper-padd);font:var(--titulo-xxl) var(--f-edit)}.loader-progress{position:absolute;bottom:0;left:0;height:3px;background:#24272a}
.site-header{inset:var(--wrapper-padd) var(--wrapper-padd) auto}.compact-brand{padding:0;background:none;backdrop-filter:none;width:180px}.menu-toggle,.menu-close{font:var(--parrafo-l) var(--f-edit);min-width:0;width:4.75rem;justify-content:center;padding:.45rem .7rem;gap:0;background:var(--beige);border:0}.menu-toggle i{display:none}.menu-toggle{opacity:0;visibility:hidden}.is-inner .menu-toggle,.has-scrolled .menu-toggle{opacity:1;visibility:visible}.menu-toggle span{overflow:hidden}.menu-toggle:hover{background:#24272a;color:white}.menu-close{top:var(--wrapper-padd);right:var(--wrapper-padd);z-index:20!important}.site-menu::backdrop{background:transparent}.site-menu{background:transparent;color:#24272a;clip-path:none!important;height:100dvh;min-height:100dvh;margin:0;overflow-y:auto;overflow-x:hidden}.reference-shell .site-menu> .menu-brand{position:absolute;left:var(--wrapper-padd);top:var(--wrapper-padd);width:180px;z-index:5}.reference-shell .header__menu__media__title{max-width:100%;font-size:3.9rem}.reference-shell .header__menu__media{display:block}.reference-shell .header__menu__media .media{aspect-ratio:.9}.reference-shell .header__menu__media .media__wrap-source{position:relative;overflow:hidden}.reference-shell .header__menu__nav-single__proyectos{padding-right:0}.reference-shell .header__menu__nav-single__proyectos__item{overflow:hidden}.menu-project-line{width:100%;display:flex;align-items:center;gap:1.15rem;line-height:1.2}.menu-project-line>.title{flex:1;white-space:nowrap}.menu-project-line>.place{min-width:5rem;max-width:7rem}.reference-shell .header__menu__nav-single__proyectos__item .title{font-family:var(--f-izmir)}.reference-shell .header__menu__nav-site a{display:inline-block;line-height:1.12}.reference-shell .header__menu__link-footer{font-size:var(--titulo)}.shell-char{display:inline-block}.header__menu__nav-single__title,.header__menu__media__title{overflow:hidden}
[data-roll]{position:relative;display:inline-block;overflow:clip;vertical-align:bottom}.roll-original{position:relative;display:block}.roll-copy{position:absolute;inset:0;display:block;pointer-events:none}.roll-char{display:inline-block;width:auto!important}.roll-copy .roll-char{transform:translateY(115%)}.roll-copy .roll-char{will-change:transform}
/* Keep the two animated lines inside the text box, including padded buttons.
   These component selectors also protect characters from broad legacy span rules. */
[data-roll][data-roll-ready]>.roll-viewport{position:relative;display:block;overflow:hidden;white-space:nowrap;line-height:inherit;z-index:2}
[data-roll][data-roll-ready]>.roll-viewport>.roll-original{position:relative;display:block;white-space:nowrap;line-height:inherit;overflow:visible}
[data-roll][data-roll-ready]>.roll-viewport>.roll-copy{position:absolute;inset:0;display:block;margin:0;white-space:nowrap;line-height:inherit;overflow:visible;pointer-events:none}
[data-roll][data-roll-ready]>.roll-viewport>.roll-original>.roll-char,[data-roll][data-roll-ready]>.roll-viewport>.roll-copy>.roll-char{position:relative;display:inline-block;width:auto!important;white-space:pre;line-height:inherit;overflow:visible;vertical-align:baseline}
main .mod-footer .mod-footer__buttons-header>span{display:block}
@media(max-width:950px){main .mod-footer .mod-footer__buttons-header>span{display:none}}
@media(prefers-reduced-motion:reduce){[data-roll][data-roll-ready]>.roll-viewport>.roll-copy{display:none}}
.page-curtain img{display:none}.page-curtain{z-index:1900}.page-curtain.brand-transition img{display:block;width:32vw}
.explore-cue{display:none}.journey-progress{display:none}.chapter-toggle{position:fixed;bottom:var(--wrapper-padd);left:var(--wrapper-padd);z-index:900;background:var(--beige);border-radius:3rem;padding:.45rem .85rem;font:var(--parrafo-l) var(--f-edit);opacity:0;pointer-events:none;transition:opacity .3s}.has-scrolled .chapter-toggle{opacity:1;pointer-events:auto}.chapter-toggle small{font-size:.8em;font-style:italic}.chapter-toggle i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin:0 10px}.chapter-menu{position:fixed;inset:0;background:#ebe3d9ef;width:100vw;height:100dvh;margin:0;padding:var(--wrapper-padd);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem}.chapter-menu a{font:clamp(36px,5vw,100px) var(--f-edit);text-transform:uppercase}.chapter-menu .close{position:absolute;right:var(--wrapper-padd);top:var(--wrapper-padd)}
.contact-dialog{inset:0;width:100%;height:100dvh;background:transparent;overflow-y:auto;margin:0;padding:3vh 0;align-items:center;justify-content:center}.contact-dialog[open]{display:flex}.contact-dialog::backdrop{background:#0009}.contact-mount{position:relative;margin:auto;width:calc((100vw - var(--wrapper-padd)*2 - var(--grid-gap)*11)/12*5 + var(--grid-gap)*4);max-width:none;background:#fff;padding:2rem 2.5rem}.contact-dialog>.contact-close{display:none}.contact-mount .contact-close{position:absolute;top:1rem;right:1rem;width:1.1rem;height:1.1rem;padding:0;background:none;border-radius:0;overflow:hidden;font:0/0 sans-serif}.contact-mount .contact-close:before,.contact-mount .contact-close:after{content:'';position:absolute;left:0;top:50%;width:100%;height:1px;background:#24272a;transform:rotate(45deg)}.contact-mount .contact-close:after{transform:rotate(-45deg)}.contact-dialog .inner-page{padding:0}.contact-dialog .contact-page{padding:0}.contact-mount h1{font-family:var(--f-regular)}
.mod-footer__bg{overflow:visible}.mod-footer__content__project__wrap-image{display:block}.mod-footer .mod-footer__content__project__image .media__wrap-source{aspect-ratio:356/600}.mod-footer .mod-footer__content__project__name{font-size:var(--titulo-l);text-align:center}.footer-top-btn{position:absolute;right:0;bottom:0;font:var(--parrafo) var(--f-izmir);background:none}
.brand-cursor{position:fixed;left:0;top:0;width:10px;height:10px;margin:-5px;background:#ef3741;border-radius:50%;z-index:5000;pointer-events:none;display:grid;place-items:center;color:#24272a;font:var(--parrafo-l) var(--f-edit);transition:width .3s,height .3s,margin .3s,background .3s,opacity .2s;opacity:0}.brand-cursor.expanded{width:110px;height:110px;margin:-55px;background:var(--beige)}.brand-cursor.cursor-link{width:28px;height:28px;margin:-14px;background:#ef374177}.project-view{display:none}
@media(pointer:fine){body,a,button{cursor:none!important}input,textarea{cursor:text!important}}
.reference-shell .header__menu__nav-single__proyectos__item .title{font-family:var(--f-regular)}
.reference-shell .header__menu__media .media{height:17.5rem;aspect-ratio:auto}
.reference-shell .header__menu__media__title{font-size:var(--titulo-xl)}
.menu-close{background:transparent;border:1px solid currentColor}
.chapter-menu:not([open]){display:none}.chapter-menu nav{display:flex;flex-direction:column;gap:1rem}.chapter-menu nav small{font:var(--parrafo-l) var(--f-edit)}
.reference-shell .site-menu>.menu-close{position:absolute;left:auto;right:var(--wrapper-padd);top:var(--wrapper-padd)}
.reference-shell [data-roll] .roll-original{position:relative;display:block;white-space:nowrap}
.reference-shell [data-roll] .roll-copy{position:absolute;inset:0;display:block;white-space:nowrap}
.reference-shell [data-roll] .roll-char{position:relative;display:inline-block;width:auto!important}
.reference-shell .header__menu__nav-single__proyectos{padding-right:calc((99.9vw - var(--wrapper-padd)*2 - var(--grid-gap)*11)/12 + var(--grid-gap))}
.brand-cursor{position:fixed!important;z-index:5000!important}
.brand-cursor{mix-blend-mode:difference}.brand-cursor__label{text-transform:uppercase;white-space:pre-line;text-align:center;line-height:1.1;background:var(--yellow);color:var(--blue)}
.transition-logo{opacity:0}.brand-transition .transition-logo{opacity:1}
.chapter-toggle[hidden]{display:none!important}
.chapter-menu.modal--anchors{background:transparent;align-items:flex-end;justify-content:flex-start;flex-direction:row;gap:0}
.chapter-menu::backdrop{background:transparent}.chapter-menu nav{gap:.25rem}.chapter-menu a{font-size:var(--titulo)}.chapter-menu nav small{display:inline-block;min-width:var(--margin-left)}.chapter-menu .anchors__close{top:0;right:0}.chapter-menu .anchors__content{max-height:80dvh;overflow:auto}
@media(max-width:950px){.reference-shell .header__menu__nav-single__proyectos{padding-right:0}body,a,button{cursor:auto!important}}
@media(min-width:951px){.is-project-story:not(.has-scrolled) .menu-toggle{opacity:0;visibility:hidden}}
@media(max-width:950px){.site-header{inset:var(--wrapper-padd) var(--wrapper-padd) auto}.menu-toggle{visibility:visible;opacity:1}.menu-toggle,.menu-close{width:3.5rem;font-size:.8rem}.compact-brand,.reference-shell .site-menu>.menu-brand{width:145px}.reference-shell .header__menu__media .media{height:100%;aspect-ratio:auto}.reference-shell .header__menu__content{margin-top:0}.reference-shell .header__menu__media__title{font-size:2.5rem}.reference-shell .header__menu__nav-single__proyectos{gap:.2rem}.menu-project-line{gap:.5rem}.menu-project-line>.title{font-size:1.3rem}.menu-project-line>.num{font-size:.75rem}.menu-project-line>.place{font-size:.75rem;min-width:3rem;max-width:3rem}.reference-shell .header__menu__nav-site{margin-top:1rem;margin-bottom:1rem}.reference-shell .header__menu__link-footer{font-size:1.1rem}.contact-dialog{padding:12px}.contact-mount{width:100%;padding:2rem 1.2rem}.chapter-toggle{font-size:.7rem}.loader-logo{min-width:70vw}.footer-top-btn{position:relative;display:block;margin:0 auto 2rem}.mod-footer__bg{height:30vw;overflow:hidden}.mod-footer__content__project{margin-top:1.5rem}.brand-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.load-screen{display:none}.brand-cursor{display:none}body,a,button{cursor:auto!important}.header__menu__bg{width:100vw!important}.roll-copy{display:none}}
/* The original Brevart wordmark shares the footer with
   a separately sized project card; neither uses the other's height. */
main .mod-footer__content{display:grid;grid-template-columns:minmax(0,67fr) minmax(0,28fr);gap:5%;align-items:end}
main .mod-footer__bg{width:100%;height:auto;overflow:visible;align-self:start}
main .mod-footer__bg>svg{display:block;width:100%;height:auto;overflow:visible}
main .mod-footer__content__project{position:relative;bottom:auto;right:auto;width:100%;margin:0}
main .mod-footer .mod-footer__content__project__image .media__wrap-source{height:min(45vw,50vh);max-height:540px;aspect-ratio:auto}
@media(max-width:950px){main .mod-footer__content{display:block}main .mod-footer__bg{height:auto;overflow:visible}main .mod-footer__content__project{width:min(76%,400px);margin:2rem auto 0}main .mod-footer .mod-footer__content__project__image .media__wrap-source{height:auto;max-height:none;aspect-ratio:356/500}}
