body.material-page{background:#070706;color:var(--cream)}
.material-page .material-header{background:rgba(7,7,6,.76);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);border-bottom:0}
.material-hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.material-hero-image{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(90deg,#070706 0%,rgba(7,7,6,.84) 35%,rgba(7,7,6,.18) 58%,rgba(7,7,6,.32) 100%),url('/images/mavyra-editorial-portrait.webp');background-size:cover;background-position:72% 30%}
.material-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(7,7,6,.06),rgba(7,7,6,.12) 65%,#070706 100%)}
.material-hero-copy{padding-top:96px;max-width:1240px}
.material-hero h1,.material-section h2,.bio-section h2,.campaign-strip h2,.material-contact h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:.88;margin:0}
.material-hero h1{font-size:clamp(5.8rem,13vw,12rem);max-width:760px}
.material-tagline{font-family:var(--serif);font-size:clamp(1.7rem,3vw,3rem);color:var(--gold);margin:28px 0 14px}
.material-intro{max-width:560px;color:#d8cfc2;font-size:1.05rem;line-height:1.8}
.material-back{display:inline-block;margin-top:32px;color:#d6cdbf;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid rgba(199,165,101,.32);padding-bottom:6px;transition:.25s ease}
.material-back:hover,.material-back:focus-visible{color:var(--gold);border-color:var(--gold);outline:none}
.material-section,.bio-section{padding-block:clamp(90px,10vw,150px)}
.section-label{font-size:.63rem;letter-spacing:.24em;color:var(--gold);font-weight:700;margin-bottom:42px}
.material-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(50px,8vw,130px);align-items:start}
.material-section h2{font-size:clamp(4.4rem,8vw,8rem)}
.material-section h2 em,.campaign-strip h2 em{color:var(--red);font-style:italic}
.material-prose,.release-material-copy,.visual-notes,.bio-grid article{color:#cfc5b8;font-size:1rem;line-height:1.9}
.material-prose .lead,.release-material-copy .lead{font-family:var(--serif);font-size:clamp(1.65rem,2.8vw,2.6rem);line-height:1.3;color:var(--cream);margin-top:0}
.material-prose i,.release-material-copy i{color:var(--gold);font-family:var(--serif)}
.material-portrait-break{padding-block:30px 110px;background:radial-gradient(circle at 70% 35%,rgba(58,10,15,.26),transparent 45%)}
.portrait-break-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,.78fr);gap:clamp(40px,7vw,100px);align-items:center}
.portrait-break-grid figure{margin:0;position:relative}
.portrait-break-grid figure:after{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,#070706);pointer-events:none}
.portrait-break-grid img{max-height:860px;object-fit:cover;object-position:center 22%}
.portrait-break-copy blockquote{font-family:var(--serif);font-size:clamp(3.2rem,6vw,6.5rem);line-height:.94;letter-spacing:-.05em;margin:0 0 42px;color:var(--cream)}
.portrait-break-copy blockquote em{color:var(--red);font-style:italic}
.traits{display:flex;flex-wrap:wrap;gap:8px}
.traits span{border:1px solid rgba(199,165,101,.22);padding:10px 14px;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:#d7cdbf}
.release-material-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(320px,.72fr);gap:clamp(50px,8vw,120px);align-items:center}
.release-material-copy h2{font-family:var(--serif);font-size:clamp(5rem,9vw,9.2rem);font-weight:400;line-height:.78;letter-spacing:-.055em;margin:0 0 38px}
.material-cover{margin:0}
.material-cover img{box-shadow:0 34px 100px rgba(77,7,8,.24)}
.material-cover figcaption{margin-top:14px;color:var(--gold);font-size:.6rem;letter-spacing:.18em}
.facts{display:grid;grid-template-columns:1fr 1fr;margin:42px 0 0;border-top:1px solid rgba(199,165,101,.18)}
.facts div{padding:18px 0;border-bottom:1px solid rgba(199,165,101,.14)}
.facts div:nth-child(odd){padding-right:20px}
.facts dt{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:7px}
.facts dd{margin:0;color:var(--cream);font-family:var(--serif);font-size:1.15rem}
.bio-section h2{font-size:clamp(4rem,7.5vw,7.8rem);margin-bottom:54px}
.bio-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(36px,6vw,90px)}
.bio-grid article{border-top:1px solid rgba(199,165,101,.2);padding-top:20px}
.bio-grid article span,.visual-notes span{display:block;color:var(--gold);font-size:.61rem;letter-spacing:.2em;font-weight:700;margin-bottom:15px}
.bio-grid article p{margin:0;font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.55;color:#e1d8cb}
.usage-note{margin-top:44px;max-width:760px;color:#8e8579;font-size:.76rem;line-height:1.7}
.campaign-strip{height:min(72vw,820px);min-height:540px;position:relative;overflow:hidden;display:flex;align-items:center}
.campaign-strip>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.campaign-strip-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,6,.12),rgba(7,7,6,.2) 40%,rgba(7,7,6,.87) 78%,#070706 100%)}
.campaign-strip-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-end;text-align:right;width:100%}
.campaign-strip-copy .eyebrow{width:46%;text-align:left}
.campaign-strip h2{font-size:clamp(4rem,8vw,8.5rem);width:53%}
.visual-language-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:clamp(50px,8vw,120px)}
.visual-notes{display:grid;grid-template-columns:1fr 1fr;gap:34px 48px}
.visual-notes div{border-top:1px solid rgba(199,165,101,.18);padding-top:16px}
.visual-notes p{margin:0;color:#c6bcaf}
.material-contact{padding-block:clamp(90px,11vw,160px);background:linear-gradient(110deg,#070706 0%,#100706 55%,#210706 100%)}
.material-contact-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);gap:clamp(50px,8vw,110px);align-items:end}
.material-contact h2{font-size:clamp(3.8rem,7vw,7.3rem)}
.material-contact-action{color:#bfb4a7;line-height:1.8}
.material-contact-action a{display:inline-flex;margin-top:20px;color:var(--gold);font-family:var(--serif);font-size:clamp(1.3rem,2vw,2rem);border-bottom:1px solid rgba(199,165,101,.45);padding-bottom:8px}
.material-footer{border-top:2px solid rgba(199,165,101,.2)}
@media(max-width:900px){.material-grid,.portrait-break-grid,.release-material-grid,.bio-grid,.visual-language-grid,.material-contact-inner{grid-template-columns:1fr}.material-hero-image{background-position:66% 28%;background-image:linear-gradient(180deg,rgba(7,7,6,.14),rgba(7,7,6,.26) 42%,#070706 92%),url('/images/mavyra-editorial-portrait.webp')}.material-hero-copy{align-self:flex-end;padding-bottom:70px}.portrait-break-grid figure{order:2}.campaign-strip{height:760px}.campaign-strip>img{object-position:38% center}.campaign-strip-shade{background:linear-gradient(180deg,rgba(7,7,6,.08),rgba(7,7,6,.22) 45%,#070706 96%)}.campaign-strip-copy{align-items:flex-start;text-align:left;justify-content:flex-end;height:100%;padding-bottom:60px}.campaign-strip-copy .eyebrow,.campaign-strip h2{width:100%}.visual-notes{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.material-page .shell{width:min(100% - 40px,1240px)}.material-header{height:68px;padding-inline:20px}.material-header nav{gap:14px}.material-header nav a:nth-child(2){display:none}.material-hero{min-height:860px}.material-hero h1{font-size:clamp(5rem,24vw,8rem)}.material-tagline{font-size:1.6rem}.material-section,.bio-section{padding-block:82px}.material-grid{gap:34px}.material-section h2{font-size:clamp(4rem,18vw,6rem)}.material-prose .lead,.release-material-copy .lead{font-size:1.6rem}.portrait-break-grid{gap:34px}.portrait-break-copy blockquote{font-size:clamp(3.1rem,16vw,5rem)}.release-material-copy h2{font-size:clamp(5.2rem,24vw,8rem)}.facts{grid-template-columns:1fr}.facts div:nth-child(odd){padding-right:0}.bio-grid{gap:42px}.bio-grid article p{font-size:1.35rem}.campaign-strip{min-height:680px}.visual-notes{grid-template-columns:1fr}.material-contact-action a{font-size:1.2rem;overflow-wrap:anywhere}.material-footer .footer-top{gap:26px}}
@media(max-width:460px){.material-header nav a{font-size:.56rem}.material-hero{min-height:780px}.material-hero-image{background-position:64% 24%}.traits span{font-size:.58rem}.campaign-strip{min-height:620px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}