/* DHC — optical glass and a crisp, accessible vector signature. */
.brand-home{--brand:#4b45ff;--brand-light:#c2bdff;--paper:#f5f1e8;--bg:#0a0b10;--text:var(--paper);--light:var(--paper)}
.dhc-signature{display:block;width:194px;height:auto;flex:none;object-fit:contain}
.nav .logo,.story-brand,.foot .logo{gap:0}
.story-brand .dhc-signature{width:205px}
.nav{background:#0a0b10ed}.hero{background:var(--bg)}
.story-core{left:76%;top:51%;width:570px;height:330px;margin:-165px 0 0 -285px}
.core-star{inset:0;filter:drop-shadow(0 30px 30px #0006)}
.core-slab{inset:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;gap:0}
.core-slab:before{display:none}
.core-slab img{display:block;width:100%;height:auto;filter:none;transform:translateZ(16px)}
.core-caption{top:2px;left:8%;font-size:7px;letter-spacing:.18em;color:#b9b8cf}
.core-bottom{bottom:2px;left:8%;right:8%;font-size:6px;color:#b9b8cf}
.core-bottom b{color:var(--pink)}
.core-aura{inset:-40%;background:radial-gradient(ellipse,#4b45ff19,transparent 62%)}
.core-cross{display:none}.core-shadow{bottom:-8%;opacity:.45}
.fragment-mark img{width:150px;height:auto;margin:40px auto}
.hero:before{content:none}
.blob{width:min(48vw,760px);aspect-ratio:2;right:0;top:46%;translate:0 -50%;display:grid;place-items:center}
.blob:before{content:"";position:absolute;inset:-40%;background:radial-gradient(ellipse,#6356dc19,transparent 65%);z-index:-1}
.hero-glass{display:block;width:100%;height:auto;filter:drop-shadow(0 28px 22px #0005);transform:rotate(-8deg)}
.brand-proof{max-width:590px}.brand-proof img{border-radius:10px}
.identity-monogram img{display:block;width:85%;height:auto}
.foot .dhc-signature{width:min(225px,100%)}
/* Avarino — the client's own graphite, aluminium and glass palette. */
.proj--avarino{grid-column:1/-1}
.proj--avarino .proj__media{aspect-ratio:2.2;background:#2b2f31;border:1px solid #9cc5b544}
.proj--avarino .proj__media:after{background:linear-gradient(90deg,#202426a8,transparent 85%),linear-gradient(180deg,#20242677,transparent 40%,#202426c9)}
.proj--avarino .proj__art img{object-position:center 50%}
.proj--avarino .proj__over{padding:clamp(25px,3.4vw,52px);color:#f2f3f1}
.proj__brand--avarino{font:700 clamp(22px,2.6vw,39px)/1 var(--f-sans);letter-spacing:.035em}
.proj__brand--avarino>span{display:block;font-size:.25em;letter-spacing:.45em;margin-top:9px}
.proj--avarino .proj__headline{font:500 clamp(40px,5.4vw,82px)/1 var(--f-sans);letter-spacing:-.055em;margin:20px 0}
.proj--avarino .proj__headline i{font-style:normal;color:#b8d9cd}
.proj--avarino .proj__micro{font-size:9px;line-height:1.8;letter-spacing:.09em;opacity:1}
.proj--avarino .proj__row:first-child{align-items:center;border-bottom:1px solid #f2f3f133;padding-bottom:22px}
.proj--avarino .proj__link:hover .proj__go{background:#9cc5b5;color:#202426;border-color:#9cc5b5}
html.hs .proj--avarino{width:min(78vw,1280px)}
html.hs .proj--avarino .proj__media{aspect-ratio:auto;height:min(62vh,640px)}
@media(min-width:1600px){.story-core{width:680px;height:390px;margin:-195px 0 0 -340px}}
@media(max-width:1150px){.nav .dhc-signature{width:164px}.story-core{width:460px;height:280px;margin:-140px 0 0 -230px}}
@media(max-width:1000px){.story-core{width:410px;height:240px;margin:-120px 0 0 -205px;left:65%;top:73%}.story-brand .dhc-signature{width:170px}.core-caption{font-size:6px}.core-bottom{font-size:5px}}
@media(max-width:899px){.blob{width:min(500px,78vw);right:8%;top:auto;bottom:140px;translate:0}.hero__spec{bottom:105px}.hero-glass{transform:rotate(-6deg)}}
@media(max-width:600px){.story-brand .dhc-signature{width:145px}.nav .dhc-signature{width:156px}.story-core{width:310px;height:180px;margin:-90px 0 0 -155px;left:58%;top:75%}.core-caption{font-size:5px;top:0}.core-bottom{font-size:4px;bottom:0}.core-bottom b{font-size:14px}.fragment-mark img{width:130px;height:auto;margin:42px auto}.blob{width:83vw;right:5%;bottom:135px}.hero__main{padding-bottom:250px}.hero__spec{bottom:105px}.brand-proof{width:100%}.foot .dhc-signature{width:190px}}
@media(max-width:360px){.story-brand .dhc-signature{width:128px}.story-core{width:275px;height:160px;margin:-80px 0 0 -137.5px}.nav .dhc-signature{width:140px}}
@media(max-width:899px){.proj--avarino .proj__media{aspect-ratio:1.1}.proj--avarino .proj__headline{font-size:clamp(40px,8vw,66px)}.proj--avarino .proj__micro{font-size:7px}.proj--avarino .proj__over{padding:26px}.proj--avarino .proj__name span{display:block;margin:6px 0 0;font-size:15px}}
@media(max-width:600px){.proj--avarino .proj__over{padding:21px}.proj--avarino .proj__headline{font-size:clamp(35px,9vw,52px)}.proj--avarino .proj__micro{font-size:6px;letter-spacing:.04em}.proj--avarino .proj__row:first-child{padding-bottom:15px}.proj--avarino .proj__brand--avarino{font-size:23px}}
@media(max-height:600px) and (min-width:601px){.story-core{width:360px;height:210px;margin:-105px 0 0 -180px;left:75%;top:57%}.story-copy{top:25%;max-width:46%}.story-copy h2,.story-copy--two h2,.story-copy--three h2{font-size:clamp(34px,5.8vw,60px)}.story-copy>p{font-size:9px}.story-kicker{margin-bottom:14px}.core-caption{font-size:5px}.core-bottom{font-size:4px}}
@media(prefers-reduced-motion:reduce){.hero-glass{transform:none}.core-star{transform:none!important}.story-core{transform:none!important}}
/* Laïla Sarah Kezzi — a quiet editorial counterpoint in the portfolio. */
.proj--sera{grid-column:1/-1}
.proj--sera .proj__media{aspect-ratio:2.2;background:#eae7e2;border:1px solid #b3b3c3;display:flex;flex-direction:column}
.proj--sera .proj__media:after{display:none}
.sera-preview{position:relative;flex:1 1 0;min-height:0;overflow:hidden}
.sera-preview>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transition:transform 1s var(--ease)}
.proj--sera .proj__link:hover .sera-preview>img{transform:scale(1.025)}
.sera-preview-label{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 26px;border-top:1px solid #1f3bb326;color:#1f3bb3;background:#eae7e2;font:600 9px/1.5 var(--f-sans);letter-spacing:.07em}
.sera-preview-label>span:last-child{display:flex;gap:12px;align-items:center;white-space:nowrap;letter-spacing:0;font-size:11px}
.proj--sera .proj__link:hover .proj__go{color:#1f3bb3;background:#eae7e2;border-color:#eae7e2}
html.hs .proj--sera{width:min(78vw,1280px)}
html.hs .proj--sera .proj__media{aspect-ratio:auto;height:min(62vh,640px)}
@media(max-width:899px){.proj--sera .proj__media{aspect-ratio:1.1}.proj--sera .proj__name span{display:block;margin:6px 0 0;font-size:15px}.sera-preview>img{width:100%;height:100%;object-fit:cover;object-position:center}.sera-preview-label{padding:16px 20px;font-size:7px}.sera-preview-label>span:last-child{font-size:9px}}
@media(max-width:400px){.sera-preview-label{gap:10px;padding:14px}.sera-preview-label>span:first-child{max-width:14ch}}