/* BlancaShafaat branding over the supplied reference's exact layout system. */
.brand-filter{position:absolute;pointer-events:none;overflow:hidden}
.brand-lockup{position:relative;display:block;width:270px;line-height:0}
.brand-image{filter:url(#logo-on-dark)}
.brand-lockup>img{width:100%;height:auto;display:block}
.brand-icon-target{position:absolute;left:5.52855%;top:14.73354%;width:13.60875%;height:69.59248%}
.header__logo{display:block;margin-left:-15px;margin-top:-7px;margin-bottom:-7px;line-height:0}
.header__status{white-space:nowrap}
.intro-brand{position:relative;width:min(1000px,92vw);aspect-ratio:1646/319;flex:none}
.intro-brand-piece{position:absolute;display:block;overflow:hidden;will-change:transform}
.intro-brand-piece-inner{position:absolute;inset:0;transform:translateY(115%);will-change:transform}
.intro-brand-piece img{position:absolute;max-width:none;height:auto;display:block}
.intro-brand-divider,.intro-brand-tagline{opacity:0;transform:translateY(12px)}
.intro-brand-icon{position:absolute;left:5.52855%;top:14.73354%;width:13.60875%;height:69.59248%;transform:scale(0) rotate(-90deg);will-change:transform}
.intro-brand-icon-crop{position:absolute;inset:0;overflow:hidden;display:block}
.intro-brand-icon-crop img{position:absolute;width:734.82143%;left:-40.625%;top:-21.17117%;max-width:none;height:auto}
.intro-brand-wipe{position:absolute;inset:0;background:var(--color-accent);opacity:0}
.intro__lockup{padding:0;pointer-events:none}
html[data-intro]{overflow:hidden}
.intro__role{max-width:70%}
.hero__line{font-size:min(18.6vw,53.1915cqh)}
section[id],footer[id]{scroll-margin-top:80px}
.reference-credit{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-label);margin-top:28px}
.reference-credit a{color:var(--color-muted)}
.replay-intro{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-label);border:0;padding:0;background:none}
.replay-intro:hover{color:var(--color-accent)}
.project-dialog,.brief-dialog{color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-outline);max-width:min(760px,calc(100vw - 36px));width:760px;max-height:90svh;padding:48px;margin:auto;overflow:auto;scrollbar-width:thin}
dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}
dialog h2{font-variation-settings:"wdth" 75,"wght" 800;font-size:clamp(36px,6vw,72px);line-height:.95;letter-spacing:-.025em;margin:24px 0}
.dialog-close{float:right;background:none;border:0;font:12px var(--font-mono);color:var(--color-muted);padding:0 0 20px 24px;text-transform:uppercase}
.dialog-caption{font-size:16px;line-height:1.5;color:var(--color-muted);max-width:52ch;margin-bottom:28px}
.dialog-project-image{max-height:62vh;max-width:100%;width:auto;height:auto;margin:0 auto;display:block;border-radius:6px}
.dialog-original{display:inline-block;margin-top:26px;color:var(--color-accent)}
.brief-dialog label{display:block;font:11px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin:24px 0 12px}
.brief-dialog input,.brief-dialog textarea{width:100%;background:var(--color-surface);border:1px solid var(--color-outline);padding:16px;line-height:1.5;resize:vertical}
.brief-copy{background:var(--color-accent);color:var(--color-on-accent);border-radius:100px;padding:16px 24px;margin-top:24px;font:12px var(--font-mono);text-transform:uppercase}
.brief-feedback{font-size:14px;color:var(--color-muted);margin-top:16px;min-height:20px}
body:has(dialog[open]){overflow:hidden}
body:has(dialog[open]) .cursor-dot,body:has(dialog[open]) .cursor-ring{display:none!important}
body:has(dialog[open]),body:has(dialog[open]) *{cursor:auto!important}
body:has(dialog[open]) :is(button,a){cursor:pointer!important}
.up-close__item img{pointer-events:none}
@media(max-width:1100px){.brand-lockup{width:240px}}
@media(max-width:700px){
 .brand-lockup{width:215px}.header__logo{margin-left:-12px}.header{gap:10px}
 .hero__line{font-size:var(--fit-size,25.1vw)}.hero__line--second{font-size:var(--fit-size,22.3vw)}
 .intro-brand{width:98vw}.intro__role{font-size:9px;line-height:1.6}
 .project-dialog,.brief-dialog{padding:26px 22px}.reference-credit{font-size:9px;line-height:1.6}
}
@media(max-width:380px){.brand-lockup{width:186px}.header__menu-button{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro{display:none!important}.statement__word{opacity:1!important}.intro-brand-piece-inner{transform:none}.intro-brand-icon{transform:none}}