/* Selected Tailored BC monogram, release 105. */
.editorial-header .signature{display:flex;align-items:center;gap:12px;line-height:1.1}
.brand-monogram{display:block;width:40px;height:52px;object-fit:contain;flex-shrink:0}
.cover-title h1{display:flex;align-items:center;justify-content:center;gap:14px;font-size:clamp(40px,4.3vw,78px)}
.cover-title .brand-monogram{width:clamp(48px,5.2vw,88px);height:clamp(62px,6.8vw,114px)}
@media(max-width:900px){.cover-title h1{font-size:clamp(32px,7.5vw,62px);gap:12px}.cover-title .brand-monogram{width:clamp(42px,7vw,64px);height:clamp(54px,9vw,83px)}}
@media(max-width:650px){.editorial-header .signature{font-size:25px;gap:8px}.brand-monogram{width:30px;height:40px}}
@media(max-width:390px){.editorial-header{grid-template-columns:1fr auto;gap:16px 8px}.editorial-header .signature{grid-column:1;justify-self:start;font-size:24px}.header-contact{grid-column:2}.cover-title h1{gap:8px;font-size:7.8vw}}

/* Restore original portrait composition and right-hand navigation. */
.cover-page .cover-title h1{display:block;line-height:0;margin:0}
.cover-page .cover-restored-logo{display:block;width:95px;height:auto;margin:0 auto}
@media(max-width:900px){.cover-page .cover-title{top:28px}.cover-page .cover-restored-logo{width:100px}}

@media(min-width:901px){.cover-page .cover-title{right:3%;width:29%;top:22px}}

/* Larger selected monogram with precisely outlined Didot name. */
@media(min-width:901px){
.cover-page{--home-logo-width:clamp(170px,14vw,210px)}
.cover-page .cover-title{top:18px}
.cover-page .cover-restored-logo{width:var(--home-logo-width)}
.cover-page .cover-navigation{top:calc(var(--home-logo-width) * 1.5 + 52px);height:clamp(220px,32vh,280px)}
}
@media(max-width:900px){
.cover-page .cover-title{top:20px}
.cover-page .cover-restored-logo{width:155px}
.cover-page .cover-navigation{top:270px}
.cover-page .portrait-photo{top:440px}
.cover-page .portrait-cover{height:calc(440px + 100vw)}
}

/* Mobile cover: identity sits within the photograph, not in a separate header. */
@media(max-width:900px){
.cover-page .portrait-cover{display:block;height:auto;min-height:100svh;max-height:none;overflow:hidden;background:#171717}
.cover-page .portrait-photo{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:1}
.cover-page .cover-title{top:12px;left:auto;right:4%;width:25%;z-index:3}
.cover-page .cover-restored-logo{width:clamp(76px,20vw,135px)}
.cover-page .cover-navigation{position:relative;inset:auto;transform:none;width:auto;max-width:none;margin:0;padding:22px 7% 30px;display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;align-items:center;justify-items:stretch;font-size:12px}
.cover-page .cover-navigation a{text-align:center;white-space:nowrap}
.cover-page .cover-navigation a span{padding:15px 8px}
.cover-page .foreground-wheel{top:100vw;bottom:auto;transform:translateY(-56%)}
}
@media(max-width:900px){.cover-page .foreground-wheel{clip-path:inset(-100% -100% 44% -100%)}}

/* Six touch targets flank the portrait, leaving the subject unobstructed. */
@media(max-width:900px){
.cover-page .cover-navigation{position:absolute;top:32vw;left:3%;right:3%;bottom:auto;width:auto;padding:0;grid-template-columns:28% 28%;justify-content:space-between;gap:10px 0;font-size:clamp(10px,2.6vw,14px);line-height:1.15}
.cover-page .cover-navigation a{display:flex;align-items:stretch;justify-content:center;min-height:44px;white-space:normal;width:100%}
.cover-page .cover-navigation a span{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:6px;box-sizing:border-box;transform:none}
.cover-page .cover-navigation a:nth-child(1){grid-column:1;grid-row:1}
.cover-page .cover-navigation a:nth-child(2){grid-column:2;grid-row:1}
.cover-page .cover-navigation a:nth-child(3){grid-column:1;grid-row:2}
.cover-page .cover-navigation a:nth-child(4){grid-column:2;grid-row:2}
.cover-page .cover-navigation a:nth-child(5){grid-column:1;grid-row:3}
.cover-page .cover-navigation a:nth-child(6){grid-column:2;grid-row:3}
}

/* Full-screen mobile photographic cover. */
@media(max-width:900px){
.cover-page .portrait-cover{height:100svh;min-height:620px;max-height:none;background:#000}
.cover-page .portrait-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
.cover-page .portrait-cover::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.24),transparent 24%,transparent 65%,rgba(0,0,0,.35) 80%,rgba(0,0,0,.88))}
.cover-page .cover-title{top:max(24px,env(safe-area-inset-top));left:0;right:0;width:100%;z-index:3}
.cover-page .cover-restored-logo{width:clamp(72px,20vw,100px)}
.cover-page .cover-navigation{top:auto;bottom:max(18px,env(safe-area-inset-bottom));left:5%;right:5%;width:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;padding:0;font-size:11px;line-height:1.3;letter-spacing:.035em}
.cover-page .cover-navigation a:nth-child(n){grid-column:auto;grid-row:auto;min-height:48px;color:#fff;border-top:1px solid #ffffff70;align-items:stretch}
.cover-page .cover-navigation a span{min-height:48px;padding:8px 2px;background:transparent;color:#fff;transform:none;text-shadow:0 1px 8px #000;transition:color .2s ease}
.cover-page .cover-navigation a:is(:hover,:focus-visible) span{animation:none;color:#ff382f}
.cover-page .cover-navigation a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.cover-page .foreground-wheel{top:auto;bottom:0;left:-4%;width:clamp(180px,34vw,290px);transform:translateY(44%);clip-path:none}
}

/* Mobile signature remains in the dark wall above the portrait. */
.cover-page .mobile-cover-name{display:none}
@media(max-width:900px){
.cover-page .cover-title{top:max(16px,env(safe-area-inset-top))}
.cover-page .cover-restored-logo{width:min(28vw,12.5svh,128px)}
.cover-page .mobile-cover-name{display:block;margin:8px 0 0;padding:0;background:none;color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-size:clamp(20px,5.3vw,27px);line-height:1.2;letter-spacing:.035em;text-align:center}
}
@media(max-width:900px){.cover-page .cover-title{left:6%;right:0;width:94%}}
@media(max-width:900px){
.cover-page .mobile-cover-name{margin:-18px 0 0;font-size:clamp(14px,4vw,18px);line-height:1.15;letter-spacing:.025em;white-space:nowrap}
}