/* Original logo: 260 × 100 px. Crop its 68 px symbol area using CSS. */
.brand-blot{display:inline-block;flex-shrink:0;width:.68em;height:1em;background:url('assets/logo.png') no-repeat left top/2.6em 1em;animation:none}
.header-blot{font-size:45px}.hero-blot{font-size:135px}.studio-blot{font-size:180px}
.editorial-title h1{line-height:1;font-size:inherit;letter-spacing:0}.masthead-logo{width:clamp(340px,47vw,720px);height:auto}
footer>a.original-logo{display:block;position:relative;width:115px;line-height:0;letter-spacing:0}footer>a.original-logo img{width:100%;height:auto}
.logo-color-overlay{display:none}html[data-view=night] .original-logo>img:first-child{filter:brightness(0) invert(1)}html[data-view=night] .original-logo>.logo-color-overlay{display:block;position:absolute;inset:0;clip-path:inset(0 74% 0 0)}
@media(max-width:1000px){.hero-blot{font-size:110px}.studio-blot{font-size:135px}.masthead-logo{width:clamp(340px,51vw,600px)}}
@media(max-width:650px){.header-blot{font-size:36px}.hero-blot{position:absolute;right:2px;top:-31px;font-size:67px;opacity:.7}.studio-blot{font-size:75px;align-self:start}.masthead-logo{width:min(100%,390px)}footer>a.original-logo{width:105px}.masthead{padding-top:12px;padding-bottom:20px}}

/* Display the complete, unaltered original logo on a quiet light backing. */
.full-brand{gap:15px}.header-logo-plate{display:block;flex-shrink:0;padding:3px 10px;background:#f6f7f5}
.header-logo-plate img{display:block;width:190px;height:auto;max-width:none}
.full-brand .brand-descriptor{font-size:9px;line-height:1.5;color:var(--muted)}
html[data-view=night] footer>a.original-logo{width:135px;padding:3px 9px;background:#f6f7f5}
html[data-view=night] .original-logo>img:first-child{filter:none}
@media(max-width:1000px){.full-brand .brand-descriptor{display:none}}
.site-header,html:is([data-view=night],[data-view=light]) .site-header{height:92px}
@media(max-width:650px){.full-brand{gap:0}.header-logo-plate{padding:3px 6px}.header-logo-plate img{width:125px}.site-header nav{gap:12px}.site-header,html:is([data-view=night],[data-view=light]) .site-header{height:76px}}

/* Transparent dark-background variant: original contours and blue blot. */
.header-logo-plate{position:relative;background:transparent}
html[data-view=night] .header-logo-plate>img:first-child{filter:brightness(0) invert(1)}
html[data-view=night] .header-logo-plate>.logo-color-overlay{display:block;position:absolute;left:10px;top:3px;clip-path:inset(0 74% 0 0)}
html[data-view=night] footer>a.original-logo{background:transparent}
html[data-view=night] .original-logo>img:first-child{filter:brightness(0) invert(1)}
html[data-view=night] .original-logo>.logo-color-overlay{inset:auto;left:9px;top:3px;width:calc(100% - 18px)}
@media(max-width:650px){html[data-view=night] .header-logo-plate>.logo-color-overlay{left:6px}}

/* The header's brand accent belongs to the project enquiry action. */
html[data-view=night] .site-header .contact-link{background:#009ed0;color:#08232d;border:1px solid #009ed0;border-radius:4px;padding:10px 16px;gap:18px;font-weight:600;white-space:nowrap;flex-shrink:0;transition:background .2s,border-color .2s}
html[data-view=night] .site-header .contact-link:hover{background:#35bce6;border-color:#35bce6}
@media(max-width:650px){html[data-view=night] .site-header .contact-link{padding:8px 7px;gap:4px;font-size:9px}html[data-view=night] .site-header .contact-link span{font-size:15px}}