:root{
  --bg:#050505;
  --panel:#0b0a0a;
  --ivory:#ded6cf;
  --muted:#a49b95;
  --rose:#c49391;
  --burgundy:#4a151e;
  --line:rgba(222,214,207,.16);
  --max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;background:var(--bg);color:var(--ivory);
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.container{width:min(var(--max),calc(100% - 64px));margin:auto}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(5,5,5,.88);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(222,214,207,.07)
}
.header-inner{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.wordmark{font-size:20px;letter-spacing:.28em;line-height:.92}
.wordmark small{display:block;font-size:7px;letter-spacing:.34em;margin-top:8px}
.mj-link{display:block;width:35px;height:44px}
.mj-link img{width:100%;height:100%;object-fit:contain}
.main-nav{justify-self:end;display:flex;gap:34px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.main-nav a{position:relative;padding:10px 0}
.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--rose);transition:.2s}
.main-nav a:hover::after,.main-nav a.active::after{right:0}
.menu-btn{display:none;justify-self:end;background:none;border:0;color:var(--ivory);font-size:10px;letter-spacing:.15em;text-transform:uppercase}

.hero{
  min-height:790px;
  display:grid;grid-template-columns:54% 46%;
  position:relative;border-bottom:1px solid var(--line)
}
.hero-copy{padding:78px 24px 65px 0;align-self:center;position:relative;z-index:2}
.display{
  font-family:"Arial Narrow",Impact,Haettenschweiler,sans-serif;
  font-stretch:condensed;font-weight:900;
  font-size:clamp(92px,12.5vw,190px);
  line-height:.77;letter-spacing:-.065em;margin:0;text-transform:uppercase
}
.track{font-size:clamp(16px,2vw,27px);letter-spacing:.47em;margin:28px 0 34px;text-transform:uppercase}
.eyebrow{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#bdb3ad}
.copy{font-size:12px;line-height:1.6;max-width:390px;text-transform:uppercase}
.btn{
  display:inline-flex;gap:28px;align-items:center;justify-content:space-between;
  min-width:190px;border:1px solid rgba(196,147,145,.72);padding:13px 15px;
  margin-top:28px;font-size:10px;letter-spacing:.05em;text-transform:uppercase;
  transition:.2s;background:transparent;color:var(--ivory)
}
.btn:hover{background:var(--ivory);color:#070707;border-color:var(--ivory)}
.hero-media{position:relative;min-height:790px;overflow:hidden;background:#111}
.hero-media picture,.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-media img{filter:saturate(.78) contrast(1.05)}
.hero-selector{
  position:absolute;right:24px;top:38%;display:flex;flex-direction:column;gap:20px;z-index:5;
  font-size:9px
}
.hero-selector::before{content:"";position:absolute;top:20px;bottom:20px;right:8px;width:1px;background:rgba(222,214,207,.48)}
.hero-selector button{
  position:relative;z-index:2;border:0;background:#111;color:var(--ivory);padding:4px 0;width:34px;cursor:pointer
}
.hero-selector button.active{color:var(--rose)}
.hero-card{
  position:absolute;right:74px;bottom:55px;width:210px;padding:20px;background:rgba(6,6,6,.73);backdrop-filter:blur(9px)
}
.hero-card h2{font-size:35px;line-height:.9;margin:8px 0 20px;text-transform:uppercase}
.hero-card p{margin:0;font-size:11px;line-height:1.35;text-transform:uppercase}

.editorial-row{display:grid;grid-template-columns:35% 30% 35%;min-height:470px}
.media-panel{overflow:hidden;min-height:470px;background:#111}
.media-panel img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.media-panel:hover img{transform:scale(1.02)}
.text-panel{display:flex;flex-direction:column;justify-content:center;padding:58px 42px;background:#080808}
.text-panel h2{font-size:38px;line-height:.92;margin:15px 0 22px;text-transform:uppercase}
.text-panel p{font-size:12px;line-height:1.55;color:#c7beb8}

.cast-grid{display:grid;grid-template-columns:1fr 1fr 1.08fr}
.cast-copy{padding:62px 45px;background:#0a0909;display:flex;flex-direction:column;justify-content:center}
.cast-copy h2{font-size:42px;line-height:.9;margin:16px 0 20px;text-transform:uppercase;color:var(--rose)}
.cast-copy p{font-size:12px;line-height:1.55;color:#c6bdb8}

.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ivory);color:#111}
.stat{padding:27px;text-align:center;position:relative}
.stat:not(:last-child)::after{content:"";position:absolute;right:0;top:21px;bottom:21px;width:1px;background:rgba(0,0,0,.24)}
.stat strong{display:block;font-size:27px;font-weight:500}
.stat span{font-size:9px;text-transform:uppercase;letter-spacing:.06em}

.section{padding:75px 0;border-bottom:1px solid var(--line)}
.section-title{font-size:clamp(70px,11vw,158px);line-height:.78;letter-spacing:-.07em;text-transform:uppercase;margin:0}
.projects-intro{display:grid;grid-template-columns:52% 48%;min-height:620px}
.project-copy{padding:70px 7vw 70px 0;display:flex;flex-direction:column;justify-content:center}
.project-copy h1{font-size:clamp(68px,9vw,135px);line-height:.79;letter-spacing:-.07em;margin:0 0 40px;text-transform:uppercase}
.project-copy h2{font-size:44px;line-height:.9;margin:10px 0 17px;text-transform:uppercase}
.project-media{min-height:620px;overflow:hidden}
.project-media img{width:100%;height:100%;object-fit:cover}
.project-split{display:grid;grid-template-columns:1fr 1fr;min-height:450px}
.project-split .text-panel{padding:70px 55px}

.archive-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}
.archive-head h3{font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}
.archive{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.archive-card{cursor:pointer}
.archive-card .thumb{height:180px;overflow:hidden;background:#111}
.archive-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}
.archive-card small{display:block;font-size:9px;line-height:1.4;margin-top:9px;text-transform:uppercase;color:#bfb6b0}

.site-footer{padding:45px 0 50px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:40px}
.footer-brand{font-size:16px;letter-spacing:.27em}
.footer-brand small{display:block;font-size:7px;letter-spacing:.25em;line-height:1.9;margin-top:8px}
.footer-col a{display:block;font-size:9px;text-transform:uppercase;line-height:2.1}
.footer-copy{font-size:9px;align-self:end;white-space:nowrap}

.content-hero{padding:85px 0 55px}
.content-hero h1{font-size:clamp(76px,12vw,175px);line-height:.8;letter-spacing:-.07em;margin:0;text-transform:uppercase}
.content-hero p{max-width:700px;font-family:Georgia,serif;font-size:clamp(23px,3vw,39px);line-height:1.12;margin:30px 0}
.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:85px}
.content-card{background:#090909;padding:38px;min-height:220px}
.content-card h2{font-size:28px;text-transform:uppercase;margin:10px 0 16px}
.content-card p{font-family:Georgia,serif;color:#c9c0ba;line-height:1.6}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;margin:35px 0 80px}
.field{display:flex;flex-direction:column;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#aaa19b}
.field input,.field textarea,.field select{
  border:0;border-bottom:1px solid #4a4643;background:transparent;color:var(--ivory);padding:13px 0;outline:none
}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--rose)}

@media(max-width:900px){
  .container{width:min(100% - 36px,var(--max))}
  .header-inner{height:70px;grid-template-columns:1fr auto auto;gap:18px}
  .main-nav{display:none;position:absolute;left:0;right:0;top:70px;background:#050505;border-bottom:1px solid var(--line);padding:22px 18px;flex-direction:column;gap:12px}
  .main-nav.open{display:flex}
  .menu-btn{display:block}
  .mj-link{width:28px;height:36px}
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-copy{padding:55px 0 42px;order:1}
  .display{font-size:clamp(82px,24vw,150px)}
  .track{font-size:13px;letter-spacing:.34em}
  .hero-media{order:2;min-height:68vh;max-height:760px}
  .hero-card{left:18px;right:auto;bottom:20px;width:min(235px,70vw)}
  .hero-selector{right:14px;top:28%}
  .editorial-row,.cast-grid,.projects-intro,.project-split{grid-template-columns:1fr}
  .editorial-row .media-panel,.media-panel{min-height:62vh}
  .text-panel,.cast-copy,.project-copy,.project-split .text-panel{padding:48px 18px}
  .project-media{min-height:68vh}
  .stats{grid-template-columns:1fr 1fr}
  .stat:nth-child(2)::after{display:none}
  .archive{grid-template-columns:1fr 1fr;gap:18px 8px}
  .archive-card .thumb{height:230px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-copy{white-space:normal;align-self:start}
  .content-grid,.form-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
}
@media(max-width:520px){
  .wordmark{font-size:15px}
  .wordmark small{font-size:6px}
  .hero-media{min-height:62vh}
  .hero-card{padding:16px}
  .hero-card h2{font-size:29px}
  .editorial-row .media-panel,.media-panel{min-height:54vh}
  .stats{grid-template-columns:1fr 1fr}
  .stat{padding:22px 12px}
  .archive{grid-template-columns:1fr}
  .archive-card .thumb{height:55vh}
  .footer-grid{grid-template-columns:1fr}
}


/* ---------- ABOUT EDITORIAL ---------- */
.about-hero{
  min-height:760px;
  display:grid;
  grid-template-columns:58% 42%;
  border-bottom:1px solid var(--line);
}
.about-hero-copy{
  padding:84px 60px 70px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.about-hero-copy .section-title{
  margin-top:10px;
}
.about-hero-copy .about-statement{
  margin:36px 0 0;
  max-width:720px;
  font-family:Georgia,serif;
  font-size:clamp(25px,3.3vw,47px);
  line-height:1.08;
  color:#d8d0ca;
}
.about-hero-media{
  min-height:760px;
  overflow:hidden;
  background:#111;
  position:relative;
}
.about-hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(1) contrast(1.08);
}
.about-hero-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.38));
  pointer-events:none;
}
.about-hero-caption{
  position:absolute;
  z-index:2;
  left:24px;
  bottom:22px;
  font-size:9px;
  line-height:1.5;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#d6cec8;
}

.about-manifesto{
  display:grid;
  grid-template-columns:38% 62%;
  min-height:530px;
  border-bottom:1px solid var(--line);
}
.about-manifesto-left{
  padding:70px 45px 70px 0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.about-manifesto-left h2{
  margin:0;
  font-size:clamp(48px,6vw,88px);
  line-height:.88;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.about-manifesto-left p{
  max-width:380px;
  margin:32px 0 0;
  color:#c7beb8;
  font-size:12px;
  line-height:1.6;
}
.about-manifesto-right{
  padding:70px 0 70px 70px;
  border-left:1px solid var(--line);
  display:flex;
  align-items:center;
}
.about-manifesto-right blockquote{
  margin:0;
  font-family:Georgia,serif;
  font-size:clamp(38px,5.5vw,82px);
  line-height:.95;
  letter-spacing:-.04em;
}
.about-manifesto-right em{
  color:var(--rose);
  font-style:normal;
}

.about-pillars{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-bottom:1px solid var(--line);
}
.about-pillar{
  padding:42px 30px 46px;
  min-height:210px;
  position:relative;
}
.about-pillar:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;top:28px;bottom:28px;width:1px;
  background:var(--line);
}
.about-pillar strong{
  display:block;
  font-size:34px;
  font-weight:500;
  margin-bottom:28px;
}
.about-pillar span{
  display:block;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#b8aea8;
}

.about-story{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:600px;
  border-bottom:1px solid var(--line);
}
.about-story-media{
  overflow:hidden;
  background:#111;
}
.about-story-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.7) contrast(1.04);
}
.about-story-copy{
  padding:70px 6vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.about-story-copy h2{
  margin:12px 0 28px;
  font-size:clamp(48px,6vw,90px);
  line-height:.88;
  text-transform:uppercase;
  letter-spacing:-.05em;
}
.about-story-copy p{
  max-width:560px;
  font-family:Georgia,serif;
  font-size:19px;
  line-height:1.5;
  color:#cfc6c0;
}
.about-story-copy .mini{
  margin-top:34px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  line-height:1.6;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:#99908a;
}

.about-end{
  padding:95px 0 105px;
  text-align:center;
}
.about-end h2{
  margin:0 auto 32px;
  max-width:1100px;
  font-size:clamp(55px,8vw,120px);
  line-height:.86;
  text-transform:uppercase;
  letter-spacing:-.055em;
}
.about-end h2 span{color:var(--rose)}

@media(max-width:900px){
  .about-hero{grid-template-columns:1fr;min-height:auto}
  .about-hero-copy{padding:56px 0 44px}
  .about-hero-media{min-height:66vh}
  .about-manifesto{grid-template-columns:1fr;min-height:auto}
  .about-manifesto-left{padding:52px 0}
  .about-manifesto-right{padding:52px 0;border-left:0;border-top:1px solid var(--line)}
  .about-pillars{grid-template-columns:1fr 1fr}
  .about-pillar:nth-child(2)::after{display:none}
  .about-story{grid-template-columns:1fr}
  .about-story-media{min-height:62vh}
  .about-story-copy{padding:52px 18px}
}
@media(max-width:520px){
  .about-pillars{grid-template-columns:1fr}
  .about-pillar::after{display:none!important}
  .about-pillar{border-bottom:1px solid var(--line)}
  .about-hero-media{min-height:58vh}
  .about-story-media{min-height:55vh}
  .about-end{padding:70px 0 80px}
}

/* ---------- CONTACT EDITORIAL PREVIEW ---------- */
.contact-hero{
  min-height:760px;
  display:grid;
  grid-template-columns:58% 42%;
  border-bottom:1px solid var(--line);
}
.contact-hero-copy{
  padding:84px 58px 70px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.contact-title{
  font-family:"Arial Narrow",Impact,Haettenschweiler,sans-serif;
  font-size:clamp(82px,11.4vw,166px);
  font-weight:900;
  line-height:.78;
  letter-spacing:-.07em;
  text-transform:uppercase;
  margin:10px 0 0;
}
.contact-lead{
  margin:38px 0 0;
  max-width:680px;
  font-family:Georgia,serif;
  font-size:clamp(25px,3.1vw,44px);
  line-height:1.08;
  color:#d8d0ca;
}
.contact-hero-media{
  min-height:760px;
  position:relative;
  overflow:hidden;
  background:#111;
}
.contact-hero-media img{
  width:100%;height:100%;
  object-fit:cover;
  filter:grayscale(.35) saturate(.72) contrast(1.08);
}
.contact-hero-media::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.55));
}
.contact-caption{
  position:absolute;z-index:2;left:24px;bottom:22px;
  font-size:9px;line-height:1.55;letter-spacing:.13em;text-transform:uppercase;
}
.contact-index{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-bottom:1px solid var(--line);
}
.contact-channel{
  padding:42px 30px 48px;
  min-height:240px;
  position:relative;
  transition:.25s;
}
.contact-channel:not(:last-child)::after{
  content:"";position:absolute;right:0;top:28px;bottom:28px;width:1px;background:var(--line);
}
.contact-channel:hover{background:#0b0a0a}
.contact-channel strong{
  display:block;
  font-size:34px;
  font-weight:500;
  margin-bottom:34px;
}
.contact-channel h3{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin:0 0 14px;
}
.contact-channel a,.contact-channel p{
  font-family:Georgia,serif;
  font-size:16px;
  line-height:1.45;
  color:#cfc6c0;
  margin:0;
  word-break:break-word;
}
.contact-channel a:hover{color:var(--rose)}
.contact-main{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:650px;
  border-bottom:1px solid var(--line);
}
.contact-main-media{
  overflow:hidden;background:#111;
}
.contact-main-media img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.7) contrast(1.04);
}
.contact-main-copy{
  padding:74px 6vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.contact-main-copy h2{
  margin:12px 0 28px;
  font-size:clamp(48px,6.2vw,94px);
  line-height:.87;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.contact-main-copy p{
  max-width:560px;
  font-family:Georgia,serif;
  font-size:19px;
  line-height:1.5;
  color:#cfc6c0;
}
.contact-main-copy .contact-note{
  margin-top:34px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;line-height:1.65;letter-spacing:.1em;text-transform:uppercase;
  color:#9d948e;
}
.contact-cta{
  padding:98px 0 110px;
  text-align:center;
}
.contact-cta h2{
  margin:0 auto 32px;
  max-width:1120px;
  font-size:clamp(58px,8.4vw,126px);
  line-height:.84;
  letter-spacing:-.06em;
  text-transform:uppercase;
}
.contact-cta h2 span{color:var(--rose)}
.contact-social{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:16px 28px;
  margin-top:30px;
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.contact-social a:hover{color:var(--rose)}
@media(max-width:900px){
  .contact-hero{grid-template-columns:1fr;min-height:auto}
  .contact-hero-copy{padding:56px 0 44px}
  .contact-hero-media{min-height:65vh}
  .contact-index{grid-template-columns:1fr 1fr}
  .contact-channel:nth-child(2)::after{display:none}
  .contact-main{grid-template-columns:1fr}
  .contact-main-media{min-height:60vh}
  .contact-main-copy{padding:52px 18px}
}
@media(max-width:520px){
  .contact-hero-media{min-height:58vh}
  .contact-index{grid-template-columns:1fr}
  .contact-channel{min-height:auto}
  .contact-channel::after{display:none!important}
  .contact-channel{border-bottom:1px solid var(--line)}
  .contact-main-media{min-height:54vh}
  .contact-cta{padding:72px 0 82px}
}


/* ---------- APPROVED ORIGINAL VISUAL COMPOSITION ---------- */
.approved-page{
  position:relative;
  width:100%;
  max-width:1536px;
  margin:0 auto;
  background:#000;
  overflow:hidden;
}
.approved-page.projects-approved{max-width:1536px}
.approved-ref{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  -webkit-user-drag:none;
}
.approved-hotspot{
  position:absolute;
  z-index:30;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.approved-hotspot:focus-visible{
  outline:2px solid #c49391;
  outline-offset:2px;
}
/* Don't visually disturb the approved composition. */
.approved-hotspot::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid transparent;
}
/* Correct only the old baked year, while preserving the artwork. */
.year-fix{
  position:absolute;
  z-index:25;
  background:#050505;
  color:#ded6cf;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:400;
  line-height:1;
  text-transform:uppercase;
  pointer-events:none;
}
.home-year-hero{
  left:79.05%; top:32.15%;
  width:7.4%; height:1.75%;
  display:flex;align-items:center;
  font-size:clamp(6px,.72vw,11px);
}
.home-year-footer{
  left:84.0%; top:95.05%;
  width:12%; height:1.35%;
  display:flex;align-items:center;justify-content:flex-end;
  font-size:clamp(5px,.60vw,9px);
  padding-right:.25%;
}
.projects-year-footer{
  left:84.2%; top:95.1%;
  width:12%; height:1.3%;
  display:flex;align-items:center;justify-content:flex-end;
  font-size:clamp(5px,.60vw,9px);
  padding-right:.25%;
}
@media(max-width:700px){
  .approved-page,.approved-page.projects-approved{
    width:100%;
    max-width:none;
  }
  /* enlarge invisible tap areas vertically on phones without changing visuals */
  .approved-hotspot.navtap{min-height:2.8%}
}

/* ================================================================
   MARY JUE — TRUE HTML EDITORIAL REBUILD
   Based on approved 1024×1536 compositions.
   Every piece of typography/UI is real HTML. Only photography is raster.
   ================================================================ */

.mj-html-page{
  --ink:#050505;
  --cream:#dfd4ce;
  --cream2:#d8cdc7;
  --rose:#ca9694;
  --line:rgba(223,212,206,.20);
  position:relative;
  width:min(100%,1440px);
  margin:0 auto;
  background:var(--ink);
  color:var(--cream);
  container-type:inline-size;
  overflow:hidden;
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.mj-html-page *{box-sizing:border-box}
.mj-html-page a{color:inherit;text-decoration:none}
.mj-html-page img{display:block;width:100%;height:100%;object-fit:cover}

.mj-top{
  position:absolute;
  z-index:40;
  top:0;
  left:0;
  width:100%;
  height:7.7cqw;
  pointer-events:none;
}
.mj-top > *{pointer-events:auto}
.mj-brand{
  position:absolute;
  left:4.1cqw;
  top:2.55cqw;
  font-size:1.62cqw;
  line-height:.9;
  letter-spacing:.24em;
  white-space:nowrap;
}
.mj-brand small{
  display:block;
  margin-top:.72cqw;
  font-size:.58cqw;
  letter-spacing:.20em;
}
.mj-monogram{
  position:absolute;
  top:2.6cqw;
  left:49.0cqw;
  width:2.15cqw;
  height:2.8cqw;
}
.mj-monogram img{object-fit:contain}
.mj-nav{
  position:absolute;
  top:3.35cqw;
  right:4.2cqw;
  display:flex;
  gap:3.45cqw;
  align-items:center;
  font-size:.75cqw;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.mj-nav a{
  padding:.35cqw 0;
  border-bottom:.08cqw solid transparent;
}
.mj-nav a:hover,.mj-nav a.active{border-color:var(--rose)}

.mj-condensed{
  font-family:Impact,"Arial Narrow","Helvetica Neue Condensed",Arial,sans-serif;
  font-weight:400;
  letter-spacing:-.035em;
}
.mj-btn-real{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:18.55cqw;
  min-height:2.95cqw;
  padding:.68cqw 1.35cqw;
  border:.09cqw solid rgba(202,150,148,.78);
  color:var(--cream);
  font-size:.82cqw;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.mj-btn-real:hover{background:var(--cream);color:#080808}
.mj-kicker{
  font-size:.72cqw;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.mj-copy{
  font-size:.95cqw;
  line-height:1.48;
  letter-spacing:.018em;
}
.mj-rule{height:.08cqw;background:rgba(223,212,206,.55)}

/* ---------------- HOME: HERO ---------------- */
.mj-home-hero{
  position:relative;
  height:56.45cqw; /* 578 / 1024 */
  background:#050505;
  overflow:hidden;
}
.mj-home-photo{
  position:absolute;
  z-index:1;
  top:4.65cqw;
  right:0;
  width:47.0cqw;
  height:51.8cqw;
  overflow:hidden;
}
.mj-home-photo img{
  object-position:center center;
  filter:saturate(.84) contrast(1.04);
}
.mj-home-hero::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      #050505 0%,
      #050505 45%,
      rgba(5,5,5,.99) 49%,
      rgba(5,5,5,.88) 53%,
      rgba(5,5,5,.48) 57%,
      rgba(5,5,5,.13) 61%,
      transparent 65%),
    linear-gradient(180deg,rgba(5,5,5,.12),transparent 19%,transparent 79%,rgba(5,5,5,.16));
}
.mj-home-title-wrap{
  position:absolute;
  z-index:5;
  left:4.0cqw;
  top:8.95cqw;
  width:53cqw;
  height:22.5cqw;
  overflow:visible;
}
.mj-home-title{
  margin:0;
  width:84cqw;
  font-size:21.25cqw;
  line-height:.92;
  transform:scaleX(.625);
  transform-origin:left top;
  color:var(--cream2);
  white-space:nowrap;
}
.mj-home-subtitle{
  position:absolute;
  z-index:5;
  left:4.15cqw;
  top:32.9cqw;
  font-size:1.76cqw;
  letter-spacing:.55em;
  white-space:nowrap;
  text-transform:uppercase;
}
.mj-home-intro{
  position:absolute;
  z-index:5;
  left:4.15cqw;
  top:38.1cqw;
  width:30cqw;
  font-size:.94cqw;
  line-height:1.43;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.mj-home-intro .gap{display:block;height:1.65cqw}
.mj-home-discover{
  position:absolute;
  z-index:6;
  left:4.15cqw;
  top:50.25cqw;
}

.mj-edition-card{
  position:absolute;
  z-index:7;
  left:79.35cqw;
  top:33.7cqw;
  width:14.5cqw;
}
.mj-edition-card .mj-kicker{font-size:1.06cqw}
.mj-edition-rule{
  width:8.1cqw;
  height:.08cqw;
  background:rgba(223,212,206,.7);
  margin:.78cqw 0 1.15cqw;
}
.mj-edition-card h2{
  margin:0;
  font-size:3.25cqw;
  line-height:.98;
  letter-spacing:-.02em;
  text-transform:uppercase;
}
.mj-edition-place{
  margin-top:1.5cqw;
  font-size:1.18cqw;
  line-height:1.05;
  text-transform:uppercase;
}
.mj-hero-tabs{
  position:absolute;
  z-index:7;
  top:24.3cqw;
  right:3.95cqw;
  width:3.4cqw;
  height:18.2cqw;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3.15cqw;
  font-size:.72cqw;
}
.mj-hero-tabs::before{
  content:"";
  position:absolute;
  top:3.25cqw;
  bottom:5.2cqw;
  left:50%;
  width:.08cqw;
  background:rgba(223,212,206,.7);
}
.mj-hero-tabs a{position:relative;z-index:2;background:transparent;padding:.22cqw}

/* HOME: FIRST FACES row */
.mj-home-row1{
  height:38.87cqw;
  display:grid;
  grid-template-columns:34.4cqw 34.2cqw 31.4cqw;
  background:#050505;
}
.mj-home-row1 .photo{overflow:hidden}
.mj-home-row1 .copybox{
  padding:6.5cqw 3.9cqw 0 3.9cqw;
}
.mj-home-row1 h2{
  margin:1.25cqw 0 1.65cqw;
  font-size:3.45cqw;
  line-height:.97;
  text-transform:uppercase;
  letter-spacing:-.025em;
}
.mj-home-row1 .smallrule{width:3.25cqw;margin:.72cqw 0 1.7cqw}
.mj-home-row1 p{font-size:1.03cqw;line-height:1.5;margin:0 0 1.2cqw}
.mj-home-row1 .mj-btn-real{margin-top:2.2cqw}

/* HOME: casting row */
.mj-home-row2{
  height:35.25cqw;
  display:grid;
  grid-template-columns:33.2cqw 31.7cqw 35.1cqw;
}
.mj-home-row2 .photo{overflow:hidden}
.mj-cast-copy{
  padding:4.1cqw 3.9cqw 0 4.4cqw;
}
.mj-cast-copy h2{
  margin:1.5cqw 0 1.45cqw;
  color:var(--rose);
  font-size:3.25cqw;
  line-height:.94;
  letter-spacing:-.018em;
  text-transform:uppercase;
}
.mj-cast-copy p{font-size:1.0cqw;line-height:1.44;margin:0;width:25.5cqw}
.mj-cast-copy .mj-btn-real{margin-top:2.25cqw}
.mj-cast-handle{margin-top:1.65cqw;font-size:.72cqw;letter-spacing:.05em}

/* HOME STATS */
.mj-home-stats{
  height:8.3cqw;
  background:var(--cream2);
  color:#0b0b0b;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:center;
}
.mj-stat-real{
  position:relative;
  text-align:center;
}
.mj-stat-real:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:-1.25cqw;
  height:3.8cqw;
  width:.08cqw;
  background:rgba(0,0,0,.3);
}
.mj-stat-real strong{display:block;font-size:1.8cqw;font-weight:400}
.mj-stat-real span{font-size:.72cqw;letter-spacing:.04em;text-transform:uppercase}

/* shared footer */
.mj-footer-real{
  height:11.13cqw;
  display:grid;
  grid-template-columns:34% 20% 20% 26%;
  padding:3.0cqw 4.65cqw 0;
  color:var(--cream);
}
.mj-footer-brand{font-size:1.25cqw;letter-spacing:.26em;line-height:.9}
.mj-footer-brand small{
  display:block;
  margin-top:.68cqw;
  font-size:.62cqw;
  line-height:1.7;
  letter-spacing:.08em;
}
.mj-footer-col a{display:block;font-size:.67cqw;line-height:1.7;text-transform:uppercase}
.mj-footer-copy{text-align:right;font-size:.59cqw;padding-top:1.65cqw}

/* ---------------- PROJECTS ---------------- */
.mj-projects-hero{
  position:relative;
  height:70.31cqw; /* 720 / 1024 */
  overflow:hidden;
  background:#050505;
}
.mj-projects-photo{
  position:absolute;
  z-index:1;
  right:0;
  top:7.55cqw;
  width:45.4cqw;
  height:62.8cqw;
  overflow:hidden;
}
.mj-projects-photo img{object-position:center top;filter:saturate(.84) contrast(1.04)}
.mj-projects-hero::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,
    #050505 0%,
    #050505 43%,
    rgba(5,5,5,.99) 48%,
    rgba(5,5,5,.86) 53%,
    rgba(5,5,5,.43) 58%,
    rgba(5,5,5,.10) 63%,
    transparent 68%);
}
.mj-projects-title-wrap{
  position:absolute;
  z-index:5;
  left:3.9cqw;
  top:9.35cqw;
  width:56cqw;
  overflow:visible;
}
.mj-projects-title{
  margin:0;
  width:86cqw;
  font-size:21.5cqw;
  line-height:.92;
  transform:scaleX(.62);
  transform-origin:left top;
  color:var(--cream2);
  white-space:nowrap;
}
.mj-projects-tagline{
  position:absolute;
  z-index:5;
  left:4.05cqw;
  top:33.35cqw;
  font-size:1.52cqw;
  letter-spacing:.30em;
  text-transform:uppercase;
  white-space:nowrap;
}
.mj-project000{
  position:absolute;
  z-index:5;
  left:4.15cqw;
  top:39.75cqw;
  width:33cqw;
}
.mj-project000 .smallrule{width:2.2cqw;margin:.8cqw 0 1.55cqw}
.mj-project000 h2{
  margin:0;
  font-size:4.1cqw;
  line-height:1.03;
  letter-spacing:-.022em;
  text-transform:uppercase;
}
.mj-project000 .meta{
  margin-top:1.25cqw;
  font-size:1.18cqw;
  line-height:1.85;
}
.mj-project000 .mj-btn-real{margin-top:1.55cqw}

/* projects second row */
.mj-projects-next{
  height:35.16cqw;
  display:grid;
  grid-template-columns:50% 50%;
}
.mj-projects-next .photo{overflow:hidden}
.mj-projects-next-copy{padding:5.8cqw 4.4cqw 0}
.mj-projects-next-copy .smallrule{width:2.1cqw;margin:.75cqw 0 1.55cqw}
.mj-projects-next-copy h2{
  margin:0;
  font-size:4.15cqw;
  line-height:1.0;
  letter-spacing:-.025em;
  text-transform:uppercase;
}
.mj-projects-next-copy p{font-size:1.0cqw;line-height:1.62;margin:1.45cqw 0 0}
.mj-projects-next-copy .mj-btn-real{margin-top:2.25cqw}

/* archive */
.mj-archive{
  height:27.05cqw;
  padding:2.1cqw 3.65cqw 0;
  border-top:.08cqw solid var(--line);
}
.mj-archive-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:2.8cqw;
  font-size:.72cqw;
  text-transform:uppercase;
}
.mj-archive-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:.5cqw;
}
.mj-archive-card .thumb{height:16.3cqw;overflow:hidden}
.mj-archive-card img{filter:saturate(.72) contrast(1.02)}
.mj-archive-card .meta{
  position:relative;
  min-height:3.3cqw;
  padding-top:.72cqw;
  font-size:.66cqw;
  line-height:1.38;
  text-transform:uppercase;
}
.mj-archive-card .year{position:absolute;right:0;top:.72cqw}
.mj-projects-stats{
  height:8.0cqw;
  border-top:.08cqw solid var(--line);
  border-bottom:.08cqw solid var(--line);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:center;
}
.mj-projects-stats .mj-stat-real strong{font-size:2.0cqw}
.mj-projects-stats .mj-stat-real span{color:var(--cream);font-size:.68cqw}
.mj-projects-stats .mj-stat-real:not(:last-child)::after{background:rgba(223,212,206,.32)}

/* Keep precise 2:3 editorial geometry on phones too.
   Real HTML remains resolution-independent and therefore sharp. */
@media(max-width:520px){
  .mj-html-page{width:100%}
  .mj-nav{gap:3.2cqw}
  .mj-btn-real{border-width:.13cqw}
}

/* ---------- HOME WIDE HERO GRADIENT OVERRIDE ---------- */
/* Make the home hero a true wide editorial image with a soft dark gradient */
.mj-home-hero{
  position:relative;
  height:56.45cqw;
  background:#050505;
  overflow:hidden;
}
.mj-home-photo{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  overflow:hidden;
}
.mj-home-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:70% center;
  filter:saturate(.86) contrast(1.05);
}
.mj-home-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(5,5,5,1) 0%,
      rgba(5,5,5,1) 18%,
      rgba(5,5,5,.98) 28%,
      rgba(5,5,5,.93) 38%,
      rgba(5,5,5,.76) 47%,
      rgba(5,5,5,.43) 56%,
      rgba(5,5,5,.16) 64%,
      rgba(5,5,5,0) 73%
    ),
    linear-gradient(
      180deg,
      rgba(5,5,5,.12) 0%,
      rgba(5,5,5,0) 20%,
      rgba(5,5,5,0) 78%,
      rgba(5,5,5,.16) 100%
    );
}
.mj-home-title-wrap,
.mj-home-subtitle,
.mj-home-intro,
.mj-home-discover,
.mj-edition-card,
.mj-hero-tabs,
.mj-top{
  position:absolute;
  z-index:8;
}
.mj-home-title-wrap{
  left:4.0cqw;
  top:8.6cqw;
  width:53cqw;
}
.mj-home-title{
  margin:0;
  width:84cqw;
  font-size:21.25cqw;
  line-height:.92;
  transform:scaleX(.625);
  transform-origin:left top;
  color:var(--cream2);
  white-space:nowrap;
}
.mj-home-subtitle{
  left:4.15cqw;
  top:32.55cqw;
  font-size:1.76cqw;
  letter-spacing:.55em;
  white-space:nowrap;
  text-transform:uppercase;
}
.mj-home-intro{
  left:4.15cqw;
  top:38.05cqw;
  width:30cqw;
  font-size:.94cqw;
  line-height:1.43;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.mj-home-discover{
  left:4.15cqw;
  top:50.15cqw;
}
.mj-edition-card{
  left:56.1cqw;
  top:31.9cqw;
  width:16cqw;
}
.mj-edition-card .mj-kicker{font-size:1.08cqw}
.mj-edition-card h2{
  margin:0;
  font-size:3.55cqw;
  line-height:.98;
  letter-spacing:-.02em;
  text-transform:uppercase;
}
.mj-edition-place{
  margin-top:1.45cqw;
  font-size:1.18cqw;
  line-height:1.12;
  text-transform:uppercase;
}
.mj-edition-rule{
  width:8.1cqw;
  height:.08cqw;
  background:rgba(223,212,206,.72);
  margin:.78cqw 0 1.15cqw;
}
.mj-hero-tabs{
  top:24.0cqw;
  right:7.0cqw;
  width:3.5cqw;
  height:18.7cqw;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3.05cqw;
  font-size:.72cqw;
}
.mj-hero-tabs::before{
  content:"";
  position:absolute;
  top:3.3cqw;
  bottom:5.2cqw;
  left:50%;
  width:.08cqw;
  background:rgba(223,212,206,.72);
}
.mj-hero-tabs a{
  position:relative;
  z-index:2;
  background:transparent;
  padding:.22cqw;
}

/* ---------- HOME WOMAN POSITION REFERENCE FIX ---------- */
/* Match the stronger female figure placement from the approved reference image */
.mj-home-photo{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  overflow:hidden;
}
.mj-home-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  /* move the woman back into the composition more prominently */
  object-position:30% 24%;
  transform:scale(1.06);
  transform-origin:center center;
  filter:saturate(.88) contrast(1.05);
}
.mj-home-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(5,5,5,1) 0%,
      rgba(5,5,5,1) 16%,
      rgba(5,5,5,.99) 26%,
      rgba(5,5,5,.94) 36%,
      rgba(5,5,5,.80) 45%,
      rgba(5,5,5,.52) 55%,
      rgba(5,5,5,.24) 64%,
      rgba(5,5,5,.06) 71%,
      rgba(5,5,5,0) 77%
    ),
    linear-gradient(
      180deg,
      rgba(5,5,5,.12) 0%,
      rgba(5,5,5,0) 20%,
      rgba(5,5,5,0) 78%,
      rgba(5,5,5,.16) 100%
    );
}

/* slightly rebalance the overlay text block to the right area */
.mj-edition-card{
  left:56.8cqw;
  top:31.8cqw;
  width:16.2cqw;
}
.mj-hero-tabs{
  right:6.4cqw;
  top:23.8cqw;
}

/* ---------- NEW MJ LOGO GLOBAL ---------- */
.mj-link,
.mj-monogram{
  display:block;
  position:absolute;
  z-index:60;
  left:50%;
  transform:translateX(-50%);
  top:1.72cqw;
  width:3.35cqw;
  height:3.35cqw;
}
.mj-link img,
.mj-monogram img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

/* Standard responsive content pages use a px-based header. */
.site-header .mj-link{
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:36px;
  height:36px;
}

@media(max-width:900px){
  .site-header .mj-link{
    width:31px;
    height:31px;
  }
  .mj-html-page .mj-monogram{
    width:3.8cqw;
    height:3.8cqw;
    top:1.55cqw;
  }
}

/* ---------- HOME HERO POSITION + RIGHT LINE FIX ---------- */
/* Lower the woman in the hero and restore the visible right-side selector line */
.mj-home-photo img{
  object-fit:cover;
  object-position:30% 38% !important;
  transform:scale(1.03) !important;
  transform-origin:center center;
}

.mj-hero-tabs{
  position:absolute;
  z-index:12;
  top:23.9cqw;
  right:6.25cqw;
  width:3.8cqw;
  height:18.9cqw;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-start;
  gap:2.95cqw;
  font-size:.72cqw;
  text-transform:uppercase;
}

.mj-hero-tabs::before{
  content:"";
  position:absolute;
  top:3.4cqw;
  left:1.75cqw;
  width:.08cqw;
  height:8.8cqw;
  background:rgba(223,212,206,.85);
  z-index:1;
}

.mj-hero-tabs a{
  position:relative;
  z-index:3;
  display:block;
  min-width:2.2cqw;
  text-align:right;
  padding:.14cqw 0;
  color:var(--cream);
  background:transparent;
}

.mj-hero-tabs a:nth-child(2)::before,
.mj-hero-tabs a:nth-child(3)::before{
  content:"";
  position:absolute;
  top:50%;
  right:1.25cqw;
  width:1.0cqw;
  height:.08cqw;
  background:rgba(223,212,206,.85);
  transform:translateY(-50%);
}

/* ---------- GLOBAL HEADER ALIGNMENT FIX ---------- */
/* Keep logo centered and navigation in the same fixed right-hand position
   on Casting / About / Contact / Legal / Imprint / Privacy as on Home. */

@media (min-width:901px){
  .site-header{
    position:sticky;
    top:0;
    z-index:70;
    background:rgba(5,5,5,.94);
    backdrop-filter:blur(14px);
  }

  .site-header .header-inner{
    position:relative;
    display:block !important;
    height:82px;
  }

  .site-header .wordmark{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    margin:0;
  }

  .site-header .mj-link{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:36px;
    height:36px;
    margin:0;
  }

  .site-header .main-nav{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:34px;
    margin:0;
    width:auto;
  }

  .site-header .menu-btn{
    display:none !important;
  }
}

@media (max-width:900px){
  .site-header .header-inner{
    position:relative;
    display:grid;
    grid-template-columns:1fr auto auto;
    align-items:center;
    height:70px;
  }

  .site-header .wordmark{
    position:relative;
    left:auto;
    top:auto;
    transform:none;
  }

  .site-header .mj-link{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:31px;
    height:31px;
  }

  .site-header .menu-btn{
    display:block;
    justify-self:end;
  }

  .site-header .main-nav{
    position:absolute;
    left:0;
    right:0;
    top:70px;
    transform:none;
    width:100%;
    display:none;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    background:#050505;
    border-bottom:1px solid var(--line);
    padding:22px 18px;
  }

  .site-header .main-nav.open{
    display:flex;
  }
}

/* ---------- SUBPAGE TOP GAP FIX ---------- */
/* Remove the excessive black gap below the header on About / Contact / Casting. */

@media (min-width:901px){

  /* ABOUT */
  .about-hero-copy{
    justify-content:flex-start !important;
    padding-top:38px !important;
    padding-bottom:58px;
  }
  .about-hero-copy .section-title{
    margin-top:8px;
  }

  /* CONTACT */
  .contact-hero-copy{
    justify-content:flex-start !important;
    padding-top:38px !important;
    padding-bottom:58px;
  }
  .contact-title{
    margin-top:8px;
  }

  /* CASTING */
  .content-hero{
    padding-top:38px !important;
  }
}

@media (max-width:900px){
  .about-hero-copy,
  .contact-hero-copy{
    justify-content:flex-start !important;
    padding-top:28px !important;
  }

  .content-hero{
    padding-top:28px !important;
  }
}

/* ---------- MARY JUE EDITORIAL PROJECT TIMELINE ---------- */
.mj-project-timeline{
  position:absolute;
  z-index:14;
  top:19.6cqw;
  right:3.65cqw;
  width:18.5cqw;
  height:28.8cqw;
  color:var(--cream);
}

.mj-project-timeline-line{
  position:absolute;
  top:3.15cqw;
  right:1.65cqw;
  width:.08cqw;
  height:18.4cqw;
  background:rgba(223,212,206,.25);
  overflow:hidden;
}

.mj-project-timeline-progress{
  display:block;
  width:100%;
  height:5.9cqw;
  background:var(--rose);
  box-shadow:0 0 1.4cqw rgba(202,150,148,.22);
}

.mj-timeline-item{
  position:absolute;
  right:0;
  width:18.5cqw;
  height:5.8cqw;
  color:var(--cream);
  text-decoration:none;
}

.mj-timeline-item:nth-of-type(1){top:0}
.mj-timeline-item:nth-of-type(2){top:8.0cqw}
.mj-timeline-item:nth-of-type(3){top:16.0cqw}

.mj-timeline-index{
  position:absolute;
  right:0;
  top:.08cqw;
  width:2.2cqw;
  text-align:right;
  font-size:.78cqw;
  line-height:1;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.mj-timeline-dot{
  position:absolute;
  right:1.33cqw;
  top:2.3cqw;
  width:.72cqw;
  height:.72cqw;
  border:.09cqw solid rgba(223,212,206,.72);
  border-radius:50%;
  background:#070707;
  transition:.25s ease;
}

.mj-timeline-item.active .mj-timeline-dot{
  background:var(--rose);
  border-color:var(--rose);
  box-shadow:0 0 0 .42cqw rgba(202,150,148,.12);
}

.mj-timeline-info{
  position:absolute;
  top:.18cqw;
  right:3.7cqw;
  width:12.7cqw;
  padding:.78cqw .9cqw .82cqw;
  border-left:.08cqw solid transparent;
  opacity:.33;
  transform:translateX(.75cqw);
  transition:.25s ease;
}

.mj-timeline-info::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,rgba(5,5,5,.76),rgba(5,5,5,.14));
  opacity:0;
  transition:.25s ease;
  z-index:-1;
}

.mj-timeline-item.active .mj-timeline-info,
.mj-timeline-item:hover .mj-timeline-info{
  opacity:1;
  transform:translateX(0);
  border-left-color:var(--rose);
}

.mj-timeline-item:hover .mj-timeline-info::before,
.mj-timeline-item.active .mj-timeline-info::before{
  opacity:1;
}

.mj-timeline-kicker{
  display:block;
  margin-bottom:.42cqw;
  color:#b9afa9;
  font-size:.56cqw;
  line-height:1;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.mj-timeline-info strong{
  display:block;
  font-size:1.22cqw;
  line-height:.98;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:-.025em;
}

.mj-timeline-info small{
  display:block;
  margin-top:.52cqw;
  font-size:.56cqw;
  line-height:1;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#a49b95;
}

.mj-timeline-caption{
  position:absolute;
  right:0;
  bottom:0;
  font-size:.53cqw;
  line-height:1;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:#7f7772;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}

.mj-timeline-item:hover .mj-timeline-dot{
  border-color:var(--rose);
  transform:scale(1.14);
}

@media(max-width:900px){
  .mj-project-timeline{
    top:21cqw;
    right:3.5cqw;
    width:20cqw;
  }
  .mj-timeline-info{
    display:none;
  }
  .mj-project-timeline-line{
    right:1.5cqw;
  }
  .mj-timeline-dot{
    right:1.18cqw;
  }
}

/* ---------- TRUE MOBILE HOME + PROJECTS ---------- */
.mj-mobile-menu{display:none}

@media (max-width:700px){

  .mj-html-page{
    width:100%;
    max-width:none;
    overflow:hidden;
    container-type:normal;
  }

  /* ======================================
     MOBILE EDITORIAL HEADER
     ====================================== */
  .mj-top{
    position:absolute;
    z-index:80;
    top:0;
    left:0;
    width:100%;
    height:68px;
    padding:0 18px;
    background:linear-gradient(180deg,rgba(5,5,5,.88),rgba(5,5,5,.30),transparent);
  }

  .mj-brand{
    left:18px;
    top:22px;
    font-size:15px;
    line-height:.9;
    letter-spacing:.20em;
  }

  .mj-brand small{
    margin-top:6px;
    font-size:5.5px;
    letter-spacing:.18em;
  }

  .mj-monogram{
    left:50% !important;
    top:17px !important;
    width:35px !important;
    height:35px !important;
    transform:translateX(-50%) !important;
  }

  .mj-mobile-menu{
    display:block;
    position:absolute;
    z-index:90;
    right:18px;
    top:22px;
    width:27px;
    height:22px;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
  }

  .mj-mobile-menu span{
    display:block;
    position:absolute;
    right:0;
    width:25px;
    height:1px;
    background:var(--cream);
    transition:.22s ease;
  }
  .mj-mobile-menu span:first-child{top:5px}
  .mj-mobile-menu span:last-child{top:14px;width:17px}
  .mj-mobile-menu.open span:first-child{top:10px;transform:rotate(45deg)}
  .mj-mobile-menu.open span:last-child{top:10px;width:25px;transform:rotate(-45deg)}

  .mj-nav{
    display:none !important;
    position:absolute !important;
    top:68px !important;
    right:0 !important;
    left:0 !important;
    width:100% !important;
    padding:25px 20px 28px;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:0 !important;
    background:rgba(5,5,5,.98);
    border-top:1px solid rgba(223,212,206,.08);
    border-bottom:1px solid rgba(223,212,206,.16);
    backdrop-filter:blur(16px);
  }

  .mj-nav.mobile-open{display:flex !important}

  .mj-nav a{
    width:100%;
    padding:13px 0 !important;
    border-bottom:1px solid rgba(223,212,206,.10) !important;
    font-size:13px !important;
    letter-spacing:.12em !important;
  }

  /* ======================================
     HOME — MOBILE HERO
     ====================================== */
  .mj-home-hero{
    height:790px !important;
    min-height:790px;
    position:relative;
    background:#050505;
  }

  .mj-home-photo{
    position:absolute !important;
    z-index:1;
    inset:0 !important;
    width:100% !important;
    height:540px !important;
    margin:0 !important;
  }

  .mj-home-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:43% 38% !important;
    transform:scale(1.02) !important;
  }

  .mj-home-hero::after{
    background:
      linear-gradient(90deg,
        rgba(5,5,5,.96) 0%,
        rgba(5,5,5,.79) 22%,
        rgba(5,5,5,.30) 50%,
        rgba(5,5,5,.03) 72%,
        rgba(5,5,5,0) 100%),
      linear-gradient(180deg,
        rgba(5,5,5,.25) 0%,
        transparent 30%,
        transparent 52%,
        rgba(5,5,5,.38) 66%,
        #050505 74%,
        #050505 100%) !important;
  }

  .mj-home-title-wrap{
    z-index:8;
    left:17px !important;
    top:100px !important;
    width:calc(100% - 34px) !important;
    height:auto !important;
  }

  .mj-home-title{
    width:auto !important;
    font-size:96px !important;
    line-height:.80 !important;
    transform:scaleX(.66) !important;
    transform-origin:left top !important;
  }

  .mj-home-subtitle{
    z-index:8;
    left:19px !important;
    top:184px !important;
    font-size:10px !important;
    letter-spacing:.34em !important;
  }

  .mj-edition-card{
    z-index:9;
    left:auto !important;
    right:18px !important;
    top:310px !important;
    width:132px !important;
    padding:12px 13px 14px;
    background:rgba(5,5,5,.48);
    backdrop-filter:blur(5px);
  }
  .mj-edition-card .mj-kicker{font-size:8px !important}
  .mj-edition-rule{width:52px !important;height:1px !important;margin:7px 0 10px !important}
  .mj-edition-card h2{font-size:27px !important;line-height:.90 !important}
  .mj-edition-place{font-size:10px !important;margin-top:12px !important}

  .mj-project-timeline{
    top:202px !important;
    right:12px !important;
    width:42px !important;
    height:105px !important;
    z-index:16;
  }

  .mj-project-timeline-line{
    top:18px !important;
    right:8px !important;
    width:1px !important;
    height:70px !important;
  }

  .mj-project-timeline-progress{
    height:24px !important;
  }

  .mj-timeline-item{
    right:0 !important;
    width:42px !important;
    height:26px !important;
  }
  .mj-timeline-item:nth-of-type(1){top:0 !important}
  .mj-timeline-item:nth-of-type(2){top:36px !important}
  .mj-timeline-item:nth-of-type(3){top:72px !important}

  .mj-timeline-index{
    right:17px !important;
    top:1px !important;
    width:auto !important;
    font-size:9px !important;
  }

  .mj-timeline-dot{
    right:5px !important;
    top:15px !important;
    width:7px !important;
    height:7px !important;
    border-width:1px !important;
  }

  .mj-timeline-info,
  .mj-timeline-caption{display:none !important}

  .mj-home-intro{
    z-index:8;
    left:18px !important;
    top:565px !important;
    width:245px !important;
    font-size:10.5px !important;
    line-height:1.45 !important;
    letter-spacing:.02em !important;
  }
  .mj-home-intro .gap{height:14px !important}

  .mj-home-discover{
    z-index:8;
    left:18px !important;
    top:700px !important;
  }

  .mj-btn-real{
    width:190px !important;
    min-height:42px !important;
    padding:11px 13px !important;
    font-size:10px !important;
    border-width:1px !important;
  }

  /* ======================================
     HOME — CONTENT STACK
     ====================================== */
  .mj-home-row1{
    height:auto !important;
    display:flex !important;
    flex-direction:column !important;
  }

  .mj-home-row1 .photo{
    width:100%;
    height:430px;
  }
  .mj-home-row1 .photo img{object-position:center center}

  .mj-home-row1 .copybox{
    padding:44px 20px 48px !important;
  }
  .mj-kicker{font-size:9px !important}
  .mj-home-row1 .smallrule,
  .mj-projects-next-copy .smallrule,
  .mj-project000 .smallrule{
    width:34px !important;
    height:1px !important;
    margin:9px 0 20px !important;
  }
  .mj-home-row1 h2{
    margin:0 0 22px !important;
    font-size:42px !important;
    line-height:.93 !important;
  }
  .mj-home-row1 p{
    font-size:13px !important;
    line-height:1.55 !important;
    margin:0 0 14px !important;
  }
  .mj-home-row1 .mj-btn-real{margin-top:24px !important}

  .mj-home-row2{
    height:auto !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
  .mj-home-row2 .photo{height:285px}
  .mj-cast-copy{
    grid-column:1 / -1;
    padding:46px 20px 52px !important;
  }
  .mj-cast-copy h2{
    margin:15px 0 20px !important;
    font-size:43px !important;
    line-height:.91 !important;
  }
  .mj-cast-copy p{
    width:auto !important;
    max-width:340px;
    font-size:13px !important;
    line-height:1.55 !important;
  }
  .mj-cast-copy .mj-btn-real{margin-top:25px !important}
  .mj-cast-handle{margin-top:20px !important;font-size:9px !important}

  .mj-home-stats,
  .mj-projects-stats{
    height:auto !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
  .mj-stat-real{
    min-height:88px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-bottom:1px solid rgba(0,0,0,.18);
  }
  .mj-home-stats .mj-stat-real:nth-child(odd){border-right:1px solid rgba(0,0,0,.18)}
  .mj-projects-stats .mj-stat-real{
    border-bottom:1px solid rgba(223,212,206,.12);
  }
  .mj-projects-stats .mj-stat-real:nth-child(odd){border-right:1px solid rgba(223,212,206,.12)}
  .mj-stat-real::after{display:none !important}
  .mj-stat-real strong{font-size:25px !important}
  .mj-stat-real span{font-size:9px !important}

  /* ======================================
     PROJECTS — MOBILE HERO
     ====================================== */
  .mj-projects-hero{
    height:870px !important;
    min-height:870px !important;
    position:relative;
  }

  .mj-projects-photo{
    position:absolute !important;
    z-index:1;
    inset:0 !important;
    width:100% !important;
    height:555px !important;
  }
  .mj-projects-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:58% 20% !important;
  }

  .mj-projects-hero::after{
    background:
      linear-gradient(90deg,
        rgba(5,5,5,.96) 0%,
        rgba(5,5,5,.77) 21%,
        rgba(5,5,5,.25) 50%,
        transparent 72%),
      linear-gradient(180deg,
        rgba(5,5,5,.18),
        transparent 36%,
        transparent 52%,
        rgba(5,5,5,.45) 66%,
        #050505 74%,
        #050505 100%) !important;
  }

  .mj-projects-title-wrap{
    left:17px !important;
    top:105px !important;
    width:calc(100% - 34px) !important;
  }
  .mj-projects-title{
    width:auto !important;
    font-size:92px !important;
    line-height:.82 !important;
    transform:scaleX(.63) !important;
    transform-origin:left top !important;
  }

  .mj-projects-tagline{
    left:19px !important;
    top:194px !important;
    font-size:9.5px !important;
    letter-spacing:.18em !important;
  }

  .mj-project000{
    left:18px !important;
    top:585px !important;
    width:calc(100% - 36px) !important;
  }
  .mj-project000 h2{
    font-size:42px !important;
    line-height:.94 !important;
  }
  .mj-project000 .meta{
    margin-top:15px !important;
    font-size:12px !important;
    line-height:1.55 !important;
  }
  .mj-project000 .mj-btn-real{margin-top:22px !important}

  /* PROJECTS — second block */
  .mj-projects-next{
    height:auto !important;
    display:flex !important;
    flex-direction:column !important;
  }
  .mj-projects-next .photo{
    height:430px;
  }
  .mj-projects-next .photo img{object-position:center center}
  .mj-projects-next-copy{
    padding:46px 20px 52px !important;
  }
  .mj-projects-next-copy h2{
    font-size:42px !important;
    line-height:.93 !important;
  }
  .mj-projects-next-copy p{
    margin-top:17px !important;
    font-size:13px !important;
    line-height:1.55 !important;
  }
  .mj-projects-next-copy .mj-btn-real{margin-top:24px !important}

  /* PROJECT ARCHIVE */
  .mj-archive{
    height:auto !important;
    padding:34px 16px 42px !important;
  }
  .mj-archive-head{
    height:auto !important;
    margin-bottom:18px;
    font-size:9px !important;
  }
  .mj-archive-head span:last-child{opacity:.65}

  .mj-archive-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:22px 8px !important;
  }

  .mj-archive-card .thumb{
    height:210px !important;
  }
  .mj-archive-card .meta{
    min-height:44px !important;
    padding-top:9px !important;
    font-size:9px !important;
    line-height:1.4 !important;
  }
  .mj-archive-card .year{top:9px !important}

  /* FOOTER */
  .mj-footer-real,
  .mj-footer-real[style]{
    height:auto !important;
    min-height:0;
    padding:38px 20px 42px !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:28px 22px !important;
  }
  .mj-footer-brand{
    grid-column:1 / -1;
    font-size:15px !important;
  }
  .mj-footer-brand small{
    margin-top:7px !important;
    font-size:7px !important;
    line-height:1.6 !important;
  }
  .mj-footer-col a{
    font-size:10px !important;
    line-height:2.0 !important;
  }
  .mj-footer-copy{
    grid-column:1 / -1;
    text-align:left !important;
    padding-top:2px !important;
    font-size:8px !important;
  }
}

/* ---------- MOBILE REFINEMENT ROUND 2 ---------- */
@media (max-width:700px){

  /* =======================
     HOME REFINEMENT
     ======================= */
  .mj-home-hero{
    height:760px !important;
    min-height:760px !important;
  }

  .mj-home-photo{
    height:520px !important;
  }

  .mj-home-photo img{
    object-position:49% 35% !important;
    transform:scale(1.0) !important;
  }

  .mj-home-title-wrap{
    top:112px !important;
    left:16px !important;
    width:calc(100% - 32px) !important;
  }

  .mj-home-title{
    font-size:88px !important;
    line-height:.82 !important;
    transform:scaleX(.66) !important;
  }

  .mj-home-subtitle{
    top:248px !important;
    left:18px !important;
    font-size:9px !important;
    letter-spacing:.32em !important;
  }

  .mj-project-timeline{
    top:280px !important;
    right:14px !important;
    width:40px !important;
    height:112px !important;
  }

  .mj-project-timeline-line{
    top:18px !important;
    right:7px !important;
    height:74px !important;
  }

  .mj-timeline-item:nth-of-type(1){top:0 !important}
  .mj-timeline-item:nth-of-type(2){top:38px !important}
  .mj-timeline-item:nth-of-type(3){top:76px !important}

  .mj-timeline-index{
    right:16px !important;
    font-size:9px !important;
  }

  .mj-timeline-dot{
    right:3.5px !important;
    top:14px !important;
    width:8px !important;
    height:8px !important;
  }

  .mj-edition-card{
    right:18px !important;
    top:404px !important;
    width:156px !important;
    padding:14px 14px 16px !important;
    background:linear-gradient(180deg,rgba(38,29,29,.58),rgba(5,5,5,.72)) !important;
  }

  .mj-edition-card .mj-kicker{
    font-size:8px !important;
    letter-spacing:.11em !important;
  }

  .mj-edition-rule{
    width:60px !important;
    margin:9px 0 12px !important;
  }

  .mj-edition-card h2{
    font-size:31px !important;
    line-height:.92 !important;
  }

  .mj-edition-place{
    margin-top:13px !important;
    font-size:9.5px !important;
  }

  .mj-home-intro{
    top:555px !important;
    left:18px !important;
    width:260px !important;
    font-size:10px !important;
    line-height:1.45 !important;
  }

  .mj-home-discover{
    top:688px !important;
    left:18px !important;
  }

  /* =======================
     PROJECTS REFINEMENT
     ======================= */
  .mj-projects-hero{
    height:730px !important;
    min-height:730px !important;
  }

  .mj-projects-photo{
    height:500px !important;
  }

  .mj-projects-photo img{
    object-position:54% 18% !important;
    transform:none !important;
  }

  .mj-projects-title-wrap{
    top:118px !important;
    left:16px !important;
    width:calc(100% - 32px) !important;
  }

  .mj-projects-title{
    font-size:84px !important;
    line-height:.82 !important;
    transform:scaleX(.64) !important;
  }

  .mj-projects-tagline{
    top:252px !important;
    left:18px !important;
    font-size:9px !important;
    letter-spacing:.18em !important;
  }

  .mj-project000{
    top:520px !important;
    left:18px !important;
    width:calc(100% - 36px) !important;
    background:none !important;
  }

  .mj-project000 h2{
    font-size:38px !important;
    line-height:.95 !important;
    margin:0 !important;
  }

  .mj-project000 .meta{
    margin-top:14px !important;
    font-size:11px !important;
    line-height:1.55 !important;
  }

  .mj-project000 .mj-btn-real{
    margin-top:22px !important;
  }

  .mj-projects-next .photo{
    height:400px !important;
  }

  .mj-archive-grid{
    grid-template-columns:1fr 1fr !important;
    gap:18px 8px !important;
  }

  .mj-archive-card .thumb{
    height:188px !important;
  }

  .mj-footer-real,
  .mj-footer-real[style]{
    gap:24px 18px !important;
  }
}

/* Extra-small phones */
@media (max-width:390px){
  .mj-home-title{font-size:82px !important}
  .mj-projects-title{font-size:79px !important}
  .mj-edition-card{
    width:148px !important;
    right:16px !important;
  }
  .mj-home-intro{
    width:245px !important;
  }
  .mj-project000 h2{
    font-size:35px !important;
  }
}

/* ---------- HOME MOBILE INTRO BACK INTO HERO ---------- */
@media (max-width:700px){
  .mj-home-hero{
    height:820px !important;
    min-height:820px !important;
  }

  .mj-home-photo{
    height:640px !important;
  }

  .mj-home-photo img{
    object-position:49% 35% !important;
  }

  .mj-home-intro{
    top:565px !important;
    left:18px !important;
    width:255px !important;
    font-size:10px !important;
    line-height:1.45 !important;
    z-index:12 !important;
  }

  .mj-home-intro .gap{
    height:14px !important;
  }

  .mj-home-discover{
    top:735px !important;
    left:18px !important;
    z-index:12 !important;
  }
}

@media (max-width:390px){
  .mj-home-photo{
    height:625px !important;
  }

  .mj-home-intro{
    top:552px !important;
    width:242px !important;
  }

  .mj-home-discover{
    top:722px !important;
  }
}


/* ---------- HEADER: LOGO ONLY ---------- */
@media (min-width:901px){
  .site-header .header-inner{
    position:relative;
  }
  .site-header .wordmark,
  .site-header .brand{
    display:none !important;
  }
}

@media (max-width:900px){
  .mj-brand{
    display:none !important;
  }
}

/* ---------- MOBILE HOME HERO REPOSITIONED ---------- */
@media (max-width:700px){
  /* keep everything on the hero image, not below it */
  .mj-home-hero{
    height:690px !important;
    min-height:690px !important;
  }

  .mj-home-photo{
    height:690px !important;
  }

  /* move the woman a bit to the right so the face clears the centered MJ logo */
  .mj-home-photo img{
    object-position:45% 35% !important;
    transform:scale(1.0) !important;
  }

  /* keep the title area as is, but tighten the stacking */
  .mj-home-title-wrap{
    top:112px !important;
    left:16px !important;
  }

  .mj-home-subtitle{
    top:248px !important;
    left:18px !important;
  }

  /* move intro text much higher, almost directly below Fashion Performance */
  .mj-home-intro{
    top:307px !important;
    left:18px !important;
    width:248px !important;
    font-size:10px !important;
    line-height:1.45 !important;
    z-index:14 !important;
  }

  .mj-home-intro .gap{
    height:14px !important;
  }

  /* keep CTA on the image as well */
  .mj-home-discover{
    top:505px !important;
    left:18px !important;
    z-index:14 !important;
  }

  /* rebalance edition card and timeline so they still fit the image */
  .mj-project-timeline{
    top:283px !important;
    right:14px !important;
  }

  .mj-edition-card{
    top:394px !important;
    right:18px !important;
    width:150px !important;
  }
}

@media (max-width:390px){
  .mj-home-hero{
    height:670px !important;
    min-height:670px !important;
  }

  .mj-home-photo{
    height:670px !important;
  }

  .mj-home-photo img{
    object-position:44% 35% !important;
  }

  .mj-home-intro{
    top:300px !important;
    width:236px !important;
  }

  .mj-home-discover{
    top:495px !important;
  }

  .mj-edition-card{
    top:388px !important;
    width:144px !important;
    right:16px !important;
  }
}

/* ---------- IPHONE MOBILE FINE TUNE ---------- */
@media (max-width:700px){
  /* woman slightly more to the right in the viewport */
  .mj-home-photo img{
    object-position:42% 35% !important;
    transform:scale(1.0) !important;
  }

  /* text block a little higher, closer to the subtitle */
  .mj-home-intro{
    top:292px !important;
    left:18px !important;
    width:248px !important;
    font-size:10px !important;
    line-height:1.45 !important;
  }

  .mj-home-intro .gap{
    height:13px !important;
  }

  /* CTA sits directly below the text block */
  .mj-home-discover{
    top:458px !important;
    left:18px !important;
  }

  /* rebalance edition card a bit more elegantly on the right */
  .mj-edition-card{
    top:382px !important;
    right:18px !important;
    width:146px !important;
    padding:13px 13px 15px !important;
  }

  .mj-edition-card h2{
    font-size:29px !important;
    line-height:.92 !important;
  }

  .mj-edition-place{
    margin-top:11px !important;
  }

  /* keep the timeline aligned with the card */
  .mj-project-timeline{
    top:278px !important;
    right:14px !important;
  }
}

@media (max-width:390px){
  .mj-home-photo img{
    object-position:41% 35% !important;
  }

  .mj-home-intro{
    top:286px !important;
    width:236px !important;
  }

  .mj-home-discover{
    top:448px !important;
  }

  .mj-edition-card{
    top:378px !important;
    right:16px !important;
    width:140px !important;
  }

  .mj-edition-card h2{
    font-size:27px !important;
  }
}

/* ---------- MOBILE HOME HERO GAP REDUCED ---------- */
@media (max-width:700px){
  /* shorten the overall hero so the next section starts much closer */
  .mj-home-hero{
    height:610px !important;
    min-height:610px !important;
  }

  .mj-home-photo{
    height:610px !important;
  }

  /* keep the current composition while reducing dead space */
  .mj-home-intro{
    top:286px !important;
  }

  .mj-home-discover{
    top:448px !important;
  }

  .mj-edition-card{
    top:372px !important;
  }

  .mj-project-timeline{
    top:272px !important;
  }
}

@media (max-width:390px){
  .mj-home-hero{
    height:595px !important;
    min-height:595px !important;
  }

  .mj-home-photo{
    height:595px !important;
  }

  .mj-home-intro{
    top:280px !important;
  }

  .mj-home-discover{
    top:440px !important;
  }

  .mj-edition-card{
    top:366px !important;
  }

  .mj-project-timeline{
    top:266px !important;
  }
}

/* ---------- MOBILE PROJECTS HERO UP ---------- */
@media (max-width:700px){
  /* keep the project intro inside the image area, similar to Home */
  .mj-projects-hero{
    height:620px !important;
    min-height:620px !important;
  }

  .mj-projects-photo{
    height:620px !important;
  }

  .mj-projects-photo img{
    object-position:55% 18% !important;
  }

  .mj-projects-tagline{
    top:246px !important;
  }

  .mj-project000{
    top:362px !important;
    left:18px !important;
    width:calc(100% - 36px) !important;
    padding:14px 0 0 !important;
    z-index:14 !important;
  }

  .mj-project000 h2{
    font-size:36px !important;
    line-height:.95 !important;
  }

  .mj-project000 .meta{
    margin-top:12px !important;
    font-size:11px !important;
    line-height:1.5 !important;
    max-width:240px !important;
  }

  .mj-project000 .mj-btn-real{
    margin-top:18px !important;
  }

  /* help readability on the image without making it feel boxed in */
  .mj-project000::before{
    content:"";
    position:absolute;
    left:-8px;
    top:-10px;
    width:260px;
    height:175px;
    background:linear-gradient(180deg, rgba(5,5,5,.38), rgba(5,5,5,.12));
    z-index:-1;
    pointer-events:none;
  }
}

@media (max-width:390px){
  .mj-projects-hero{
    height:605px !important;
    min-height:605px !important;
  }

  .mj-projects-photo{
    height:605px !important;
  }

  .mj-project000{
    top:352px !important;
  }

  .mj-project000 h2{
    font-size:34px !important;
  }

  .mj-project000 .meta{
    max-width:228px !important;
  }

  .mj-project000::before{
    width:246px;
    height:170px;
  }
}

/* ---------- MOBILE PROJECTS HERO HIGHER + HOME SHARPER ---------- */
@media (max-width:700px){
  /* slightly crisper rendering for the home hero image */
  .mj-home-photo img{
    filter:saturate(.90) contrast(1.07) !important;
  }

  /* move the project intro significantly higher into the hero image */
  .mj-projects-hero{
    height:595px !important;
    min-height:595px !important;
  }

  .mj-projects-photo{
    height:595px !important;
  }

  .mj-projects-photo img{
    object-position:56% 18% !important;
  }

  .mj-projects-tagline{
    top:236px !important;
    left:18px !important;
  }

  .mj-project000{
    top:315px !important;
    left:18px !important;
    width:calc(100% - 36px) !important;
    padding:12px 0 0 !important;
    z-index:16 !important;
  }

  .mj-project000 h2{
    font-size:35px !important;
    line-height:.95 !important;
  }

  .mj-project000 .meta{
    margin-top:10px !important;
    font-size:11px !important;
    line-height:1.46 !important;
    max-width:235px !important;
  }

  .mj-project000 .mj-btn-real{
    margin-top:16px !important;
  }

  .mj-project000::before{
    content:"";
    position:absolute;
    left:-8px;
    top:-8px;
    width:255px;
    height:170px;
    background:linear-gradient(180deg, rgba(5,5,5,.42), rgba(5,5,5,.14));
    z-index:-1;
    pointer-events:none;
  }
}

@media (max-width:390px){
  .mj-projects-hero{
    height:580px !important;
    min-height:580px !important;
  }

  .mj-projects-photo{
    height:580px !important;
  }

  .mj-project000{
    top:304px !important;
  }

  .mj-project000 h2{
    font-size:33px !important;
  }

  .mj-project000 .meta{
    max-width:225px !important;
  }

  .mj-project000::before{
    width:242px;
    height:164px;
  }
}

/* ---------- MOBILE HOME WOMAN REBALANCED ---------- */
@media (max-width:700px){
  /* Bring the woman back further into frame on mobile */
  .mj-home-photo img{
    object-position:58% 35% !important;
    transform:scale(1.0) !important;
  }
}

@media (max-width:390px){
  .mj-home-photo img{
    object-position:60% 35% !important;
  }
}

/* ---------- MARY JUE UNIFIED FOOTER ---------- */
.mj-footer-real,
.site-footer{
  background:#050505 !important;
  color:var(--cream,#e7ddd7) !important;
  border-top:1px solid rgba(223,212,206,.16) !important;
}

.mj-footer-real{
  min-height:220px !important;
  height:auto !important;
  padding:54px 4.2vw 38px !important;
  display:grid !important;
  grid-template-columns:1.35fr .72fr .72fr 1fr !important;
  gap:36px !important;
  align-items:start !important;
}

.mj-footer-brand{
  font-size:19px !important;
  line-height:1 !important;
  letter-spacing:.30em !important;
  text-transform:uppercase;
}

.mj-footer-brand small{
  display:block;
  margin-top:13px !important;
  max-width:280px;
  font-size:8px !important;
  line-height:1.65 !important;
  letter-spacing:.15em !important;
  color:rgba(231,221,215,.60) !important;
}

.mj-footer-col{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.mj-footer-col::before{
  content:"";
  display:block;
  width:26px;
  height:1px;
  margin-bottom:16px;
  background:rgba(223,212,206,.42);
}

.mj-footer-col a{
  color:var(--cream,#e7ddd7) !important;
  text-decoration:none !important;
  font-size:10px !important;
  line-height:2.05 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase;
  opacity:.78;
}

.mj-footer-col a:hover{opacity:1}

.mj-footer-copy{
  align-self:end !important;
  text-align:right !important;
  font-size:8px !important;
  line-height:1.55 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase;
  color:rgba(231,221,215,.45) !important;
}

.site-footer{
  padding:0 !important;
}

.site-footer .container{
  min-height:220px;
  padding:54px 4.2vw 38px !important;
  display:grid !important;
  grid-template-columns:1.35fr .72fr .72fr 1fr !important;
  gap:36px !important;
  align-items:start;
  max-width:none !important;
}

.site-footer a{
  color:var(--cream,#e7ddd7) !important;
  text-decoration:none !important;
}

.site-footer .footer-brand,
.site-footer .brand{
  font-size:19px !important;
  letter-spacing:.30em !important;
  text-transform:uppercase;
}

.site-footer .footer-links,
.site-footer nav{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:0 !important;
}

.site-footer .footer-links a,
.site-footer nav a{
  font-size:10px !important;
  line-height:2.05 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase;
  opacity:.78;
}

.site-footer .footer-copy,
.site-footer .copyright{
  font-size:8px !important;
  line-height:1.55 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase;
  color:rgba(231,221,215,.45) !important;
}

@media(max-width:700px){
  .mj-footer-real,
  .site-footer .container{
    min-height:0 !important;
    padding:38px 20px 34px !important;
    grid-template-columns:1fr 1fr !important;
    gap:30px 20px !important;
  }

  .mj-footer-brand,
  .site-footer .footer-brand,
  .site-footer .brand{
    grid-column:1 / -1;
    font-size:16px !important;
    letter-spacing:.27em !important;
  }

  .mj-footer-brand small{
    max-width:250px;
    font-size:7px !important;
  }

  .mj-footer-col::before{
    width:22px;
    margin-bottom:12px;
  }

  .mj-footer-col a,
  .site-footer .footer-links a,
  .site-footer nav a{
    font-size:9px !important;
    line-height:2.0 !important;
  }

  .mj-footer-copy,
  .site-footer .footer-copy,
  .site-footer .copyright{
    grid-column:1 / -1;
    text-align:left !important;
    margin-top:4px;
    padding-top:18px;
    border-top:1px solid rgba(223,212,206,.10);
    font-size:7px !important;
  }
}

/* ---------- MARY JUE MINIMAL FOOTER ---------- */
.mj-footer-minimal{
  background:#050505;
  color:var(--cream,#e7ddd7);
  border-top:1px solid rgba(223,212,206,.14);
  padding:46px 4.2vw 26px;
}

.mj-footer-minimal-top{
  display:grid;
  grid-template-columns:1fr 2fr 1fr;
  align-items:start;
  gap:32px;
  min-height:128px;
}

.mj-footer-mark{
  display:block;
  width:42px;
  height:42px;
}

.mj-footer-mark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.mj-footer-nav{
  display:grid;
  grid-template-columns:repeat(2,minmax(100px,1fr));
  gap:12px 44px;
  max-width:360px;
}

.mj-footer-nav a,
.mj-footer-social a,
.mj-footer-minimal-bottom a{
  color:var(--cream,#e7ddd7);
  text-decoration:none;
  text-transform:uppercase;
  transition:opacity .2s ease;
}

.mj-footer-nav a{
  font-size:11px;
  line-height:1.4;
  letter-spacing:.12em;
  opacity:.78;
}

.mj-footer-social{
  display:flex;
  justify-content:flex-end;
}

.mj-footer-social a{
  font-size:10px;
  letter-spacing:.14em;
  opacity:.64;
}

.mj-footer-nav a:hover,
.mj-footer-social a:hover,
.mj-footer-minimal-bottom a:hover{
  opacity:1;
}

.mj-footer-minimal-bottom{
  padding-top:18px;
  border-top:1px solid rgba(223,212,206,.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font-size:8px;
  line-height:1.4;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(231,221,215,.44);
}

.mj-footer-minimal-bottom div{
  display:flex;
  gap:20px;
}

.mj-footer-minimal-bottom a{
  font-size:8px;
  letter-spacing:.10em;
  opacity:.54;
}

@media(max-width:700px){
  .mj-footer-minimal{
    padding:34px 20px 24px;
  }

  .mj-footer-minimal-top{
    min-height:0;
    grid-template-columns:1fr 1fr;
    gap:28px 20px;
  }

  .mj-footer-mark{
    width:36px;
    height:36px;
  }

  .mj-footer-nav{
    grid-column:1 / -1;
    order:3;
    grid-template-columns:1fr 1fr;
    gap:14px 24px;
    max-width:none;
    padding-top:4px;
  }

  .mj-footer-nav a{
    font-size:10px;
  }

  .mj-footer-social{
    justify-content:flex-end;
    align-items:flex-start;
  }

  .mj-footer-social a{
    font-size:9px;
  }

  .mj-footer-minimal-bottom{
    margin-top:28px;
    padding-top:16px;
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
    font-size:7px;
  }

  .mj-footer-minimal-bottom div{
    gap:18px;
  }

  .mj-footer-minimal-bottom a{
    font-size:7px;
  }
}

/* ---------- MOBILE TOUCH TIMELINE ---------- */

/* Button reset for timeline triggers */
.mj-timeline-trigger{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  cursor:pointer;
}

/* Desktop: keep current hover behavior */
@media (min-width:701px){
  .mj-timeline-item:hover .mj-timeline-info,
  .mj-timeline-item.active .mj-timeline-info{
    opacity:1;
    transform:translateX(0);
    border-left-color:var(--rose);
  }

  .mj-timeline-view{
    display:block;
    margin-top:.62cqw;
    color:var(--cream);
    text-decoration:none;
    font-size:.52cqw;
    line-height:1;
    letter-spacing:.10em;
    text-transform:uppercase;
    opacity:.68;
  }

  .mj-timeline-view:hover{opacity:1}
}

/* Mobile: first tap reveals info; explicit VIEW performs navigation */
@media (max-width:700px){
  .mj-project-timeline{
    width:46px !important;
    overflow:visible !important;
  }

  .mj-timeline-item{
    overflow:visible !important;
  }

  .mj-timeline-trigger{
    z-index:5;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

  .mj-timeline-info{
    display:block !important;
    position:absolute !important;
    top:-4px !important;
    right:45px !important;
    width:142px !important;
    min-height:72px;
    box-sizing:border-box;
    padding:10px 12px 10px 13px !important;
    opacity:0 !important;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(8px) !important;
    border-left:1px solid transparent !important;
    background:linear-gradient(90deg,rgba(5,5,5,.91),rgba(5,5,5,.58)) !important;
    backdrop-filter:blur(7px);
    transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
  }

  .mj-timeline-item.active .mj-timeline-info{
    opacity:1 !important;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(0) !important;
    border-left-color:var(--rose) !important;
  }

  .mj-timeline-kicker{
    margin-bottom:5px !important;
    font-size:7px !important;
    letter-spacing:.10em !important;
    color:#aaa09a !important;
  }

  .mj-timeline-info strong{
    font-size:14px !important;
    line-height:.95 !important;
    font-weight:500;
  }

  .mj-timeline-info small{
    margin-top:6px !important;
    font-size:7px !important;
    line-height:1.1 !important;
  }

  .mj-timeline-view{
    display:inline-block;
    margin-top:8px;
    color:var(--cream);
    text-decoration:none;
    font-size:7px;
    line-height:1;
    letter-spacing:.12em;
    text-transform:uppercase;
    opacity:.82;
  }

  .mj-timeline-item.active .mj-timeline-dot{
    background:var(--rose) !important;
    border-color:var(--rose) !important;
    box-shadow:0 0 0 4px rgba(202,150,148,.12);
  }

  /* progress follows selection via CSS variable updated by JS */
  .mj-project-timeline-progress{
    height:var(--timeline-progress,24px) !important;
    transition:height .28s ease;
  }
}

/* ---------- ABOUT MOTION STUDY ---------- */
.about-film-section{
  position:relative;
  width:100%;
  height:105vh;
  min-height:720px;
  overflow:hidden;
  background:#080808;
  border-bottom:1px solid var(--line);
}

.about-film-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:saturate(.72) contrast(1.05) brightness(.80);
}

.about-film-shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.08) 0%,
      rgba(0,0,0,.10) 42%,
      rgba(0,0,0,.20) 68%,
      rgba(0,0,0,.58) 100%);
}

.about-film-label{
  position:absolute;
  z-index:2;
  left:4.2vw;
  top:34px;
  color:var(--cream,#e7ddd7);
  font-size:10px;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.about-film-title{
  position:absolute;
  z-index:2;
  left:3.4vw;
  right:3.4vw;
  bottom:28px;
  color:var(--cream,#e7ddd7);
  font-family:"Arial Narrow",Impact,Haettenschweiler,sans-serif;
  font-size:clamp(76px,14vw,220px);
  font-weight:900;
  line-height:.76;
  letter-spacing:-.07em;
  text-transform:uppercase;
  white-space:nowrap;
  transform:scaleX(.72);
  transform-origin:left bottom;
}

@media(max-width:900px){
  .about-film-section{
    height:84svh;
    min-height:620px;
  }

  .about-film-video{
    object-position:54% center;
  }

  .about-film-label{
    left:18px;
    top:24px;
    font-size:8px;
  }

  .about-film-title{
    left:14px;
    right:14px;
    bottom:24px;
    font-size:clamp(68px,23vw,120px);
    transform:scaleX(.70);
  }
}

@media(max-width:520px){
  .about-film-section{
    height:78svh;
    min-height:560px;
  }

  .about-film-video{
    object-position:54% center;
  }

  .about-film-title{
    bottom:20px;
    font-size:25vw;
  }
}

/* ---------- TIMELINE ORDER FIX 000 001 002 ---------- */
/* Use explicit project IDs instead of nth-of-type, because the timeline line
   is also a DIV and was shifting the visual order. */
.mj-project-timeline .mj-timeline-item[data-project="000"]{top:0 !important;}
.mj-project-timeline .mj-timeline-item[data-project="001"]{top:8.0cqw !important;}
.mj-project-timeline .mj-timeline-item[data-project="002"]{top:16.0cqw !important;}

@media (max-width:700px){
  .mj-project-timeline .mj-timeline-item[data-project="000"]{top:0 !important;}
  .mj-project-timeline .mj-timeline-item[data-project="001"]{top:38px !important;}
  .mj-project-timeline .mj-timeline-item[data-project="002"]{top:76px !important;}
}

/* ---------- NEW HERO IMAGE POSITIONING ---------- */
.mj-home-photo img{
  object-position:68% 34% !important;
}

@media (max-width: 900px){
  .mj-home-photo img{
    object-position:72% 34% !important;
  }
}

@media (max-width: 700px){
  .mj-home-photo img{
    object-position:76% 32% !important;
    transform:none !important;
  }
}

@media (max-width: 430px){
  .mj-home-photo img{
    object-position:79% 31% !important;
  }
}

/* ---------- HERO FACE RIGHT RESTORE ---------- */
.mj-home-photo img{
  object-position:46% 33% !important;
}

@media (max-width: 1100px){
  .mj-home-photo img{
    object-position:48% 33% !important;
  }
}

@media (max-width: 900px){
  .mj-home-photo img{
    object-position:50% 32% !important;
  }
}

@media (max-width: 700px){
  .mj-home-photo img{
    object-position:53% 31% !important;
  }
}

@media (max-width: 430px){
  .mj-home-photo img{
    object-position:55% 30% !important;
  }
}

/* ---------- CASTING SIMPLE MODELS ---------- */
.casting-simple-page{background:#050505;color:var(--cream,#e8ddd6);}
.casting-simple{width:100%;overflow:hidden;}

.casting-simple-hero{
  position:relative;
  height:78vh;
  min-height:660px;
  overflow:hidden;
  background:#050505;
  border-bottom:1px solid rgba(232,221,214,.12);
}
.casting-simple-photo{position:absolute;inset:0 0 0 44%;}
.casting-simple-photo img{
  width:100%;height:100%;object-fit:cover;object-position:50% center;
  filter:saturate(.72) contrast(1.05) brightness(.76);
}
.casting-simple-shade{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,#050505 0%,#050505 30%,rgba(5,5,5,.92) 40%,rgba(5,5,5,.42) 57%,rgba(5,5,5,.05) 78%),
    linear-gradient(180deg,rgba(5,5,5,.06),transparent 63%,rgba(5,5,5,.34));
}
.casting-simple-copy{position:absolute;z-index:3;left:4.2vw;top:23%;width:52vw;max-width:760px;}
.casting-simple-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(232,221,214,.58);}
.casting-simple-copy h1{
  margin:30px 0 28px;
  font-family:Impact,"Arial Narrow",sans-serif;
  font-size:clamp(115px,16vw,245px);
  line-height:.72;letter-spacing:-.055em;font-weight:900;
  transform:scaleX(.66);transform-origin:left top;
}
.casting-simple-copy p{max-width:370px;font-size:16px;line-height:1.45;color:rgba(232,221,214,.78);}
.casting-simple-cta{
  display:flex;align-items:center;justify-content:space-between;
  width:285px;margin-top:38px;padding:15px 17px;
  border:1px solid rgba(203,150,149,.76);
  color:var(--cream);text-decoration:none;
  font-size:10px;letter-spacing:.09em;text-transform:uppercase;
}
.casting-open-pill{
  position:absolute;z-index:4;right:4.2vw;top:116px;
  display:flex;align-items:center;gap:10px;
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;
}
.casting-open-pill span{
  width:7px;height:7px;border-radius:50%;
  background:var(--rose,#cb9695);
  box-shadow:0 0 0 5px rgba(203,150,149,.09);
}

.casting-simple-intro{
  display:grid;grid-template-columns:1.05fr .95fr;
  border-bottom:1px solid rgba(232,221,214,.12);
}
.casting-simple-intro-title{padding:82px 4.2vw 78px;border-right:1px solid rgba(232,221,214,.12);}
.casting-simple-intro-title>span,
.casting-simple-looking-head>span,
.casting-simple-process-head>span,
.casting-simple-apply-copy>span{
  font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:rgba(232,221,214,.48);
}
.casting-simple-intro-title h2,
.casting-simple-looking-head h2,
.casting-simple-process-head h2,
.casting-simple-apply-copy h2{
  margin:30px 0 0;
  font-family:Impact,"Arial Narrow",sans-serif;
  font-size:clamp(68px,7vw,118px);
  line-height:.82;letter-spacing:-.045em;font-weight:500;
  transform:scaleX(.69);transform-origin:left top;
}
.casting-simple-intro-copy{padding:88px 5vw;display:flex;flex-direction:column;justify-content:center;}
.casting-simple-intro-copy p{max-width:430px;font-size:14px;line-height:1.65;color:rgba(232,221,214,.62);}
.casting-simple-intro-copy p+p{margin-top:22px;}
.casting-simple-intro-copy strong{color:var(--cream);font-weight:500;}

.casting-simple-looking{display:grid;grid-template-columns:40% 60%;border-bottom:1px solid rgba(232,221,214,.12);}
.casting-simple-looking-head{padding:82px 4.2vw;border-right:1px solid rgba(232,221,214,.12);}
.casting-simple-facts{padding:60px 4.2vw 70px;}
.casting-simple-fact{
  display:grid;grid-template-columns:55px 1fr auto;
  align-items:center;min-height:104px;border-bottom:1px solid rgba(232,221,214,.12);
}
.casting-simple-fact:first-child{border-top:1px solid rgba(232,221,214,.12);}
.casting-simple-fact>span{font-size:9px;letter-spacing:.12em;color:rgba(232,221,214,.38);}
.casting-simple-fact strong{
  font-family:Impact,"Arial Narrow",sans-serif;font-size:36px;line-height:.9;font-weight:500;
  transform:scaleX(.84);transform-origin:left center;
}
.casting-simple-fact small{
  max-width:180px;font-size:8px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(232,221,214,.40);text-align:right;
}

.casting-simple-process{padding:82px 4.2vw 90px;background:#0a0909;border-bottom:1px solid rgba(232,221,214,.12);}
.casting-simple-process-head{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;}
.casting-simple-process-head h2{margin-top:0;max-width:600px;}
.casting-simple-process-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  margin-top:58px;border-top:1px solid rgba(232,221,214,.22);
}
.casting-simple-process-grid>div{
  position:relative;min-height:220px;padding:32px 28px 0 0;border-right:1px solid rgba(232,221,214,.10);
}
.casting-simple-process-grid>div+div{padding-left:28px;}
.casting-simple-process-grid>div:last-child{border-right:0;}
.casting-simple-process-grid>div::before{
  content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;
  border:1px solid rgba(232,221,214,.50);background:#0a0909;
}
.casting-simple-process-grid>div:first-child::before{background:var(--rose,#cb9695);border-color:var(--rose,#cb9695);}
.casting-simple-process-grid span{font-size:9px;color:rgba(232,221,214,.38);}
.casting-simple-process-grid strong{display:block;margin-top:34px;font-family:Impact,"Arial Narrow",sans-serif;font-size:39px;font-weight:500;}
.casting-simple-process-grid p{max-width:230px;margin-top:16px;font-size:11px;line-height:1.55;color:rgba(232,221,214,.50);}

.casting-simple-apply{display:grid;grid-template-columns:38% 62%;background:#ded3cc;color:#090909;}
.casting-simple-apply-copy{padding:78px 4.2vw;border-right:1px solid rgba(0,0,0,.14);}
.casting-simple-apply-copy>span{color:rgba(0,0,0,.48);}
.casting-simple-apply-copy h2{font-size:clamp(75px,7.6vw,124px);}
.casting-simple-apply-copy p{margin-top:24px;font-size:14px;color:rgba(0,0,0,.62);}

.casting-simple-form{
  padding:72px 4.2vw 78px;
  display:grid;grid-template-columns:1fr 1fr;gap:29px 34px;
}
.casting-simple-field{display:flex;flex-direction:column;}
.casting-simple-field.full,.casting-simple-submit.full{grid-column:1 / -1;}
.casting-simple-field label{margin-bottom:9px;font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,0,0,.55);}
.casting-simple-field input,.casting-simple-field textarea{
  width:100%;box-sizing:border-box;border:0;border-bottom:1px solid rgba(0,0,0,.28);
  border-radius:0;background:transparent;padding:11px 0 12px;color:#080808;font:inherit;font-size:13px;outline:none;
}
.casting-simple-field textarea{min-height:105px;resize:vertical;line-height:1.5;}
.casting-simple-submit{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:14px;}
.casting-simple-submit>span{max-width:280px;font-size:8px;line-height:1.5;color:rgba(0,0,0,.48);}
.casting-simple-submit button{
  width:270px;display:flex;justify-content:space-between;align-items:center;
  padding:16px 18px;border:1px solid rgba(0,0,0,.55);background:transparent;color:#090909;
  font-size:9px;letter-spacing:.10em;text-transform:uppercase;cursor:pointer;
}

.casting-simple-final{position:relative;height:680px;overflow:hidden;background:#050505;}
.casting-simple-final-photo{position:absolute;inset:0 0 0 44%;}
.casting-simple-final-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.05) brightness(.60);}
.casting-simple-final-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#050505 0%,#050505 35%,rgba(5,5,5,.72) 51%,rgba(5,5,5,.08) 82%);}
.casting-simple-final-copy{position:absolute;z-index:2;left:4.2vw;top:92px;}
.casting-simple-final-copy>span{font-size:8px;letter-spacing:.16em;color:rgba(232,221,214,.50);}
.casting-simple-final-copy h2{
  margin:42px 0 38px;font-family:Impact,"Arial Narrow",sans-serif;
  font-size:clamp(62px,7vw,110px);line-height:.84;letter-spacing:-.035em;font-weight:500;
}
.casting-simple-final-copy h2 em{font-style:normal;color:var(--rose,#cb9695);}
.casting-simple-final-copy>a{
  display:flex;width:220px;justify-content:space-between;padding:14px 0;
  border-bottom:1px solid rgba(232,221,214,.48);color:var(--cream);text-decoration:none;
  font-size:9px;letter-spacing:.10em;text-transform:uppercase;
}

@media(max-width:900px){
  .casting-simple-hero{height:710px;min-height:710px;}
  .casting-simple-photo{inset:0;}
  .casting-simple-photo img{object-position:68% center;}
  .casting-simple-shade{
    background:linear-gradient(90deg,rgba(5,5,5,.88),rgba(5,5,5,.54) 50%,rgba(5,5,5,.10)),
               linear-gradient(180deg,rgba(5,5,5,.06),transparent 55%,rgba(5,5,5,.72));
  }
  .casting-simple-copy{left:20px;right:20px;top:138px;width:auto;}
  .casting-simple-copy h1{font-size:112px;margin:26px 0 20px;}
  .casting-simple-copy p{max-width:300px;font-size:12px;}
  .casting-simple-cta{width:245px;margin-top:30px;}
  .casting-open-pill{right:20px;top:86px;}

  .casting-simple-intro,.casting-simple-looking,.casting-simple-apply{grid-template-columns:1fr;}
  .casting-simple-intro-title,.casting-simple-looking-head,.casting-simple-apply-copy{
    padding:54px 20px 44px;border-right:0;border-bottom:1px solid rgba(232,221,214,.12);
  }
  .casting-simple-intro-title h2,.casting-simple-looking-head h2,.casting-simple-process-head h2,.casting-simple-apply-copy h2{
    font-size:64px;
  }
  .casting-simple-intro-copy{padding:44px 20px 52px;}
  .casting-simple-intro-copy p{font-size:12px;}

  .casting-simple-facts{padding:20px 20px 48px;}
  .casting-simple-fact{grid-template-columns:36px 1fr;min-height:84px;}
  .casting-simple-fact strong{font-size:28px;}
  .casting-simple-fact small{grid-column:2;text-align:left;padding:6px 0 14px;}

  .casting-simple-process{padding:54px 20px 62px;}
  .casting-simple-process-head{display:block;}
  .casting-simple-process-head h2{margin-top:24px;}
  .casting-simple-process-grid{grid-template-columns:1fr;margin-top:34px;border-top:0;border-left:1px solid rgba(232,221,214,.20);}
  .casting-simple-process-grid>div,.casting-simple-process-grid>div+div{
    min-height:138px;padding:0 0 27px 28px;border-right:0;
  }
  .casting-simple-process-grid>div::before{left:-4px;top:2px;}
  .casting-simple-process-grid strong{margin-top:10px;font-size:31px;}
  .casting-simple-process-grid p{margin-top:9px;}

  .casting-simple-apply-copy{border-bottom:1px solid rgba(0,0,0,.14);}
  .casting-simple-form{padding:44px 20px 54px;grid-template-columns:1fr;gap:23px;}
  .casting-simple-field.full,.casting-simple-submit.full{grid-column:auto;}
  .casting-simple-submit{display:block;}
  .casting-simple-submit button{width:100%;margin-top:22px;}

  .casting-simple-final{height:590px;}
  .casting-simple-final-photo{inset:0;}
  .casting-simple-final-shade{
    background:linear-gradient(90deg,rgba(5,5,5,.88),rgba(5,5,5,.54) 58%,rgba(5,5,5,.08)),
               linear-gradient(180deg,transparent 48%,rgba(5,5,5,.76));
  }
  .casting-simple-final-copy{left:20px;right:20px;top:72px;}
  .casting-simple-final-copy h2{font-size:54px;margin-top:32px;}
}

@media(max-width:430px){
  .casting-simple-hero{height:675px;min-height:675px;}
  .casting-simple-photo img{object-position:72% center;}
  .casting-simple-copy{top:128px;}
  .casting-simple-copy h1{font-size:100px;}
  .casting-simple-intro-title h2,.casting-simple-looking-head h2,.casting-simple-process-head h2,.casting-simple-apply-copy h2{font-size:58px;}
  .casting-simple-final-copy h2{font-size:49px;}
}

/* ---------- CASTING CREATIVE COMMUNITY ---------- */
.casting-community-page{background:#050505;color:var(--cream,#e8ddd6);}
.casting-community{width:100%;overflow:hidden;}

.casting-community-hero{
  position:relative;height:80vh;min-height:680px;overflow:hidden;background:#050505;
  border-bottom:1px solid rgba(232,221,214,.12);
}
.casting-community-photo{position:absolute;inset:0 0 0 42%;}
.casting-community-photo img{
  width:100%;height:100%;object-fit:cover;object-position:48% center;
  filter:saturate(.72) contrast(1.05) brightness(.75);
}
.casting-community-shade{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,#050505 0%,#050505 29%,rgba(5,5,5,.91) 39%,rgba(5,5,5,.42) 57%,rgba(5,5,5,.04) 78%),
    linear-gradient(180deg,rgba(5,5,5,.06),transparent 62%,rgba(5,5,5,.32));
}
.casting-community-copy{position:absolute;z-index:3;left:4.2vw;top:22%;width:55vw;max-width:790px;}
.casting-community-kicker{
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(232,221,214,.56);
}
.casting-community-copy h1{
  margin:28px 0 26px;font-family:Impact,"Arial Narrow",sans-serif;
  font-size:clamp(104px,13.5vw,220px);line-height:.77;letter-spacing:-.05em;font-weight:900;
  transform:scaleX(.69);transform-origin:left top;
}
.casting-community-copy p{max-width:380px;font-size:16px;line-height:1.45;color:rgba(232,221,214,.76);}
.casting-community-cta{
  display:flex;align-items:center;justify-content:space-between;
  width:285px;margin-top:38px;padding:15px 17px;
  border:1px solid rgba(203,150,149,.76);color:var(--cream);text-decoration:none;
  font-size:10px;letter-spacing:.09em;text-transform:uppercase;
}
.casting-community-open{
  position:absolute;z-index:4;right:4.2vw;top:116px;
  display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;
}
.casting-community-open span{
  width:7px;height:7px;border-radius:50%;background:var(--rose,#cb9695);
  box-shadow:0 0 0 5px rgba(203,150,149,.09);
}

.casting-community-intro{
  display:grid;grid-template-columns:1.05fr .95fr;border-bottom:1px solid rgba(232,221,214,.12);
}
.casting-community-intro-title{padding:82px 4.2vw 78px;border-right:1px solid rgba(232,221,214,.12);}
.casting-community-intro-title>span,
.casting-community-who-head>span,
.casting-community-process-head>span,
.casting-community-join-copy>span{
  font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:rgba(232,221,214,.46);
}
.casting-community-intro-title h2,
.casting-community-who-head h2,
.casting-community-process-head h2,
.casting-community-join-copy h2{
  margin:30px 0 0;font-family:Impact,"Arial Narrow",sans-serif;
  font-size:clamp(68px,7vw,118px);line-height:.82;letter-spacing:-.045em;font-weight:500;
  transform:scaleX(.69);transform-origin:left top;
}
.casting-community-intro-copy{padding:88px 5vw;display:flex;flex-direction:column;justify-content:center;}
.casting-community-intro-copy p{max-width:450px;font-size:14px;line-height:1.65;color:rgba(232,221,214,.62);}
.casting-community-intro-copy p+p{margin-top:22px;}
.casting-community-intro-copy strong{color:var(--cream);font-weight:500;}

.casting-community-who{
  display:grid;grid-template-columns:40% 60%;border-bottom:1px solid rgba(232,221,214,.12);
}
.casting-community-who-head{padding:82px 4.2vw;border-right:1px solid rgba(232,221,214,.12);}
.casting-community-groups{padding:60px 4.2vw 70px;}
.casting-community-group{
  display:grid;grid-template-columns:55px 1fr auto;align-items:center;
  min-height:104px;border-bottom:1px solid rgba(232,221,214,.12);
}
.casting-community-group:first-child{border-top:1px solid rgba(232,221,214,.12);}
.casting-community-group>span{font-size:9px;letter-spacing:.12em;color:rgba(232,221,214,.38);}
.casting-community-group strong{
  font-family:Impact,"Arial Narrow",sans-serif;font-size:34px;line-height:.92;font-weight:500;
  transform:scaleX(.84);transform-origin:left center;
}
.casting-community-group small{
  max-width:180px;font-size:8px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(232,221,214,.40);text-align:right;
}

.casting-community-process{
  padding:82px 4.2vw 90px;background:#0a0909;border-bottom:1px solid rgba(232,221,214,.12);
}
.casting-community-process-head{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;}
.casting-community-process-head h2{margin-top:0;max-width:650px;}
.casting-community-process-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  margin-top:58px;border-top:1px solid rgba(232,221,214,.22);
}
.casting-community-process-grid>div{
  position:relative;min-height:225px;padding:32px 24px 0 0;border-right:1px solid rgba(232,221,214,.10);
}
.casting-community-process-grid>div+div{padding-left:24px;}
.casting-community-process-grid>div:last-child{border-right:0;}
.casting-community-process-grid>div::before{
  content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;
  border:1px solid rgba(232,221,214,.50);background:#0a0909;
}
.casting-community-process-grid>div:first-child::before{background:var(--rose,#cb9695);border-color:var(--rose,#cb9695);}
.casting-community-process-grid span{font-size:9px;color:rgba(232,221,214,.38);}
.casting-community-process-grid strong{
  display:block;margin-top:34px;font-family:Impact,"Arial Narrow",sans-serif;font-size:36px;font-weight:500;
}
.casting-community-process-grid p{
  max-width:215px;margin-top:16px;font-size:11px;line-height:1.55;color:rgba(232,221,214,.50);
}

.casting-community-join{display:grid;grid-template-columns:38% 62%;background:#ded3cc;color:#090909;}
.casting-community-join-copy{padding:78px 4.2vw;border-right:1px solid rgba(0,0,0,.14);}
.casting-community-join-copy>span{color:rgba(0,0,0,.48);}
.casting-community-join-copy h2{font-size:clamp(75px,7.6vw,124px);}
.casting-community-join-copy p{margin-top:24px;font-size:14px;color:rgba(0,0,0,.62);}

.casting-community-form{
  padding:72px 4.2vw 78px;display:grid;grid-template-columns:1fr 1fr;gap:29px 34px;
}
.casting-community-field{display:flex;flex-direction:column;}
.casting-community-field.full,.casting-community-submit.full{grid-column:1 / -1;}
.casting-community-field label{
  margin-bottom:9px;font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,0,0,.55);
}
.casting-community-field input,
.casting-community-field select,
.casting-community-field textarea{
  width:100%;box-sizing:border-box;border:0;border-bottom:1px solid rgba(0,0,0,.28);
  border-radius:0;background:transparent;padding:11px 0 12px;color:#080808;font:inherit;font-size:13px;outline:none;
}
.casting-community-field textarea{min-height:105px;resize:vertical;line-height:1.5;}
.casting-community-submit{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:14px;}
.casting-community-submit>span{max-width:300px;font-size:8px;line-height:1.5;color:rgba(0,0,0,.48);}
.casting-community-submit button{
  width:245px;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;
  border:1px solid rgba(0,0,0,.55);background:transparent;color:#090909;
  font-size:9px;letter-spacing:.10em;text-transform:uppercase;cursor:pointer;
}

.casting-community-final{position:relative;height:680px;overflow:hidden;background:#050505;}
.casting-community-final-photo{position:absolute;inset:0 0 0 44%;}
.casting-community-final-photo img{
  width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.05) brightness(.60);
}
.casting-community-final-shade{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,#050505 0%,#050505 35%,rgba(5,5,5,.72) 51%,rgba(5,5,5,.08) 82%);
}
.casting-community-final-copy{position:absolute;z-index:2;left:4.2vw;top:92px;}
.casting-community-final-copy>span{font-size:8px;letter-spacing:.16em;color:rgba(232,221,214,.50);}
.casting-community-final-copy h2{
  margin:42px 0 38px;font-family:Impact,"Arial Narrow",sans-serif;
  font-size:clamp(62px,7vw,110px);line-height:.84;letter-spacing:-.035em;font-weight:500;
}
.casting-community-final-copy h2 em{font-style:normal;color:var(--rose,#cb9695);}
.casting-community-final-copy>a{
  display:flex;width:260px;justify-content:space-between;padding:14px 0;
  border-bottom:1px solid rgba(232,221,214,.48);color:var(--cream);text-decoration:none;
  font-size:9px;letter-spacing:.10em;text-transform:uppercase;
}

@media(max-width:900px){
  .casting-community-hero{height:710px;min-height:710px;}
  .casting-community-photo{inset:0;}
  .casting-community-photo img{object-position:68% center;}
  .casting-community-shade{
    background:
      linear-gradient(90deg,rgba(5,5,5,.89),rgba(5,5,5,.55) 50%,rgba(5,5,5,.10)),
      linear-gradient(180deg,rgba(5,5,5,.06),transparent 55%,rgba(5,5,5,.72));
  }
  .casting-community-copy{left:20px;right:20px;top:138px;width:auto;}
  .casting-community-copy h1{font-size:92px;margin:26px 0 20px;}
  .casting-community-copy p{max-width:300px;font-size:12px;}
  .casting-community-cta{width:245px;margin-top:30px;}
  .casting-community-open{right:20px;top:86px;}

  .casting-community-intro,.casting-community-who,.casting-community-join{grid-template-columns:1fr;}
  .casting-community-intro-title,.casting-community-who-head,.casting-community-join-copy{
    padding:54px 20px 44px;border-right:0;border-bottom:1px solid rgba(232,221,214,.12);
  }
  .casting-community-intro-title h2,
  .casting-community-who-head h2,
  .casting-community-process-head h2,
  .casting-community-join-copy h2{font-size:62px;}
  .casting-community-intro-copy{padding:44px 20px 52px;}
  .casting-community-intro-copy p{font-size:12px;}

  .casting-community-groups{padding:20px 20px 48px;}
  .casting-community-group{grid-template-columns:36px 1fr;min-height:84px;}
  .casting-community-group strong{font-size:27px;}
  .casting-community-group small{grid-column:2;text-align:left;padding:6px 0 14px;}

  .casting-community-process{padding:54px 20px 62px;}
  .casting-community-process-head{display:block;}
  .casting-community-process-head h2{margin-top:24px;}
  .casting-community-process-grid{
    grid-template-columns:1fr;margin-top:34px;border-top:0;border-left:1px solid rgba(232,221,214,.20);
  }
  .casting-community-process-grid>div,.casting-community-process-grid>div+div{
    min-height:138px;padding:0 0 27px 28px;border-right:0;
  }
  .casting-community-process-grid>div::before{left:-4px;top:2px;}
  .casting-community-process-grid strong{margin-top:10px;font-size:31px;}
  .casting-community-process-grid p{margin-top:9px;}

  .casting-community-join-copy{border-bottom:1px solid rgba(0,0,0,.14);}
  .casting-community-form{padding:44px 20px 54px;grid-template-columns:1fr;gap:23px;}
  .casting-community-field.full,.casting-community-submit.full{grid-column:auto;}
  .casting-community-submit{display:block;}
  .casting-community-submit button{width:100%;margin-top:22px;}

  .casting-community-final{height:590px;}
  .casting-community-final-photo{inset:0;}
  .casting-community-final-shade{
    background:
      linear-gradient(90deg,rgba(5,5,5,.89),rgba(5,5,5,.55) 58%,rgba(5,5,5,.08)),
      linear-gradient(180deg,transparent 48%,rgba(5,5,5,.76));
  }
  .casting-community-final-copy{left:20px;right:20px;top:72px;}
  .casting-community-final-copy h2{font-size:52px;margin-top:32px;}
}

@media(max-width:430px){
  .casting-community-hero{height:675px;min-height:675px;}
  .casting-community-photo img{object-position:72% center;}
  .casting-community-copy{top:128px;}
  .casting-community-copy h1{font-size:82px;}
  .casting-community-intro-title h2,
  .casting-community-who-head h2,
  .casting-community-process-head h2,
  .casting-community-join-copy h2{font-size:56px;}
  .casting-community-final-copy h2{font-size:47px;}
}

/* ---------- CASTING FINAL REDUCED ---------- */
.casting-final-page{background:#050505;color:var(--cream,#e8ddd6);}
.casting-final-v2{width:100%;overflow:hidden;}

.cf-hero{
  position:relative;height:80vh;min-height:680px;overflow:hidden;background:#050505;
  border-bottom:1px solid rgba(232,221,214,.12);
}
.cf-hero-photo{position:absolute;inset:0 0 0 42%;}
.cf-hero-photo img{
  width:100%;height:100%;object-fit:cover;object-position:48% center;
  filter:saturate(.70) contrast(1.05) brightness(.74);
}
.cf-hero-shade{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,#050505 0%,#050505 28%,rgba(5,5,5,.92) 39%,rgba(5,5,5,.42) 58%,rgba(5,5,5,.04) 79%),
    linear-gradient(180deg,rgba(5,5,5,.04),transparent 60%,rgba(5,5,5,.34));
}
.cf-hero-copy{position:absolute;z-index:3;left:4.2vw;top:22%;width:57vw;max-width:850px;}
.cf-kicker,.cf-statement>span,.cf-next-left>span,.cf-no-pressure-copy>span,.cf-join-copy>span{
  font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(232,221,214,.48);
}
.cf-hero-copy h1{
  margin:28px 0 24px;font-family:Impact,"Arial Narrow",sans-serif;
  font-size:clamp(100px,13.5vw,218px);line-height:.77;letter-spacing:-.05em;font-weight:900;
  transform:scaleX(.70);transform-origin:left top;
}
.cf-hero-copy p{max-width:390px;font-size:16px;line-height:1.45;color:rgba(232,221,214,.75);}
.cf-cta{
  display:flex;justify-content:space-between;align-items:center;width:255px;margin-top:36px;padding:15px 16px;
  border:1px solid rgba(203,150,149,.78);color:var(--cream);text-decoration:none;
  font-size:9px;letter-spacing:.10em;text-transform:uppercase;
}
.cf-open{
  position:absolute;z-index:4;right:4.2vw;top:116px;display:flex;align-items:center;gap:10px;
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;
}
.cf-open span{
  width:7px;height:7px;border-radius:50%;background:var(--rose,#cb9695);
  box-shadow:0 0 0 5px rgba(203,150,149,.09);
}

.cf-statement{padding:92px 4.2vw 84px;border-bottom:1px solid rgba(232,221,214,.12);}
.cf-statement h2{
  margin:34px 0 58px;max-width:1100px;font-family:Impact,"Arial Narrow",sans-serif;
  font-size:clamp(62px,7.2vw,120px);line-height:.83;letter-spacing:-.04em;font-weight:500;
}
.cf-statement h2 em{font-style:normal;color:var(--rose,#cb9695);}
.cf-role-row{
  display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(232,221,214,.15);
}
.cf-role-row span{
  min-height:78px;display:flex;align-items:center;padding:0 20px 0 0;border-right:1px solid rgba(232,221,214,.10);
  font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(232,221,214,.58);
}
.cf-role-row span+span{padding-left:20px;}
.cf-role-row span:last-child{border-right:0;}

.cf-next{
  display:grid;grid-template-columns:1.08fr .92fr;background:#ded3cc;color:#090909;
  border-bottom:1px solid rgba(0,0,0,.15);
}
.cf-next-left{padding:78px 4.2vw;border-right:1px solid rgba(0,0,0,.14);}
.cf-next-left>span{color:rgba(0,0,0,.48);}
.cf-next-left h2{
  margin:30px 0 0;font-family:Impact,"Arial Narrow",sans-serif;
  font-size:clamp(68px,7vw,114px);line-height:.83;letter-spacing:-.04em;font-weight:500;
  transform:scaleX(.70);transform-origin:left top;
}
.cf-next-meta{padding:62px 4.2vw;}
.cf-next-meta>div{
  display:flex;justify-content:space-between;align-items:center;gap:30px;
  min-height:72px;border-bottom:1px solid rgba(0,0,0,.17);
}
.cf-next-meta>div:first-child{border-top:1px solid rgba(0,0,0,.17);}
.cf-next-meta span{font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,0,0,.46);}
.cf-next-meta strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;text-align:right;}

.cf-no-pressure{
  display:grid;grid-template-columns:40% 60%;border-bottom:1px solid rgba(232,221,214,.12);
}
.cf-no-pressure-copy{padding:82px 4.2vw;border-right:1px solid rgba(232,221,214,.12);}
.cf-no-pressure-copy h2,.cf-join-copy h2{
  margin:30px 0 0;font-family:Impact,"Arial Narrow",sans-serif;
  font-size:clamp(72px,7.5vw,122px);line-height:.82;letter-spacing:-.045em;font-weight:500;
  transform:scaleX(.69);transform-origin:left top;
}
.cf-no-pressure-text{padding:86px 5vw;display:flex;flex-direction:column;justify-content:center;}
.cf-no-pressure-text p{max-width:450px;font-size:14px;line-height:1.65;color:rgba(232,221,214,.60);}
.cf-no-pressure-text p:first-child{font-size:21px;color:var(--cream);line-height:1.3;}
.cf-no-pressure-text p+p{margin-top:24px;}

.cf-join{display:grid;grid-template-columns:38% 62%;background:#ded3cc;color:#090909;}
.cf-join-copy{padding:78px 4.2vw;border-right:1px solid rgba(0,0,0,.14);}
.cf-join-copy>span{color:rgba(0,0,0,.48);}
.cf-join-copy p{margin-top:24px;font-size:14px;color:rgba(0,0,0,.60);}
.cf-form{
  padding:72px 4.2vw 78px;display:grid;grid-template-columns:1fr 1fr;gap:28px 34px;
}
.cf-field{display:flex;flex-direction:column;}
.cf-field.full,.cf-submit.full{grid-column:1 / -1;}
.cf-field label{margin-bottom:9px;font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,0,0,.52);}
.cf-field input,.cf-field select,.cf-field textarea{
  width:100%;box-sizing:border-box;border:0;border-bottom:1px solid rgba(0,0,0,.28);
  border-radius:0;background:transparent;padding:11px 0 12px;color:#080808;font:inherit;font-size:13px;outline:none;
}
.cf-field textarea{min-height:105px;resize:vertical;line-height:1.5;}
.cf-submit{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:14px;}
.cf-submit>span{font-size:8px;color:rgba(0,0,0,.46);}
.cf-submit button{
  width:250px;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;
  border:1px solid rgba(0,0,0,.55);background:transparent;color:#090909;
  font-size:9px;letter-spacing:.10em;text-transform:uppercase;cursor:pointer;
}

.cf-final{position:relative;height:670px;overflow:hidden;background:#050505;}
.cf-final-photo{position:absolute;inset:0 0 0 44%;}
.cf-final-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.52) contrast(1.05) brightness(.60);}
.cf-final-shade{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,#050505 0%,#050505 35%,rgba(5,5,5,.72) 51%,rgba(5,5,5,.07) 82%);
}
.cf-final-copy{position:absolute;z-index:2;left:4.2vw;top:92px;}
.cf-final-copy>span{font-size:8px;letter-spacing:.16em;color:rgba(232,221,214,.48);}
.cf-final-copy h2{
  margin:42px 0 38px;font-family:Impact,"Arial Narrow",sans-serif;
  font-size:clamp(60px,6.9vw,108px);line-height:.84;letter-spacing:-.035em;font-weight:500;
}
.cf-final-copy h2 em{font-style:normal;color:var(--rose,#cb9695);}
.cf-final-copy>a{
  display:flex;width:240px;justify-content:space-between;padding:14px 0;
  border-bottom:1px solid rgba(232,221,214,.48);color:var(--cream);text-decoration:none;
  font-size:9px;letter-spacing:.10em;text-transform:uppercase;
}

@media(max-width:900px){
  .cf-hero{height:700px;min-height:700px;}
  .cf-hero-photo{inset:0;}
  .cf-hero-photo img{object-position:68% center;}
  .cf-hero-shade{
    background:
      linear-gradient(90deg,rgba(5,5,5,.89),rgba(5,5,5,.54) 50%,rgba(5,5,5,.08)),
      linear-gradient(180deg,rgba(5,5,5,.05),transparent 54%,rgba(5,5,5,.74));
  }
  .cf-hero-copy{left:20px;right:20px;top:138px;width:auto;}
  .cf-hero-copy h1{font-size:88px;margin:26px 0 20px;}
  .cf-hero-copy p{font-size:12px;max-width:280px;}
  .cf-cta{width:225px;margin-top:28px;}
  .cf-open{right:20px;top:86px;}

  .cf-statement{padding:56px 20px 52px;}
  .cf-statement h2{font-size:53px;margin:28px 0 38px;}
  .cf-role-row{grid-template-columns:1fr 1fr;}
  .cf-role-row span{min-height:65px;border-bottom:1px solid rgba(232,221,214,.10);}
  .cf-role-row span:nth-child(2){border-right:0;}
  .cf-role-row span:nth-child(3),.cf-role-row span:nth-child(4){border-bottom:0;}

  .cf-next,.cf-no-pressure,.cf-join{grid-template-columns:1fr;}
  .cf-next-left,.cf-no-pressure-copy,.cf-join-copy{
    padding:54px 20px 44px;border-right:0;border-bottom:1px solid rgba(0,0,0,.14);
  }
  .cf-next-left h2,.cf-no-pressure-copy h2,.cf-join-copy h2{font-size:58px;}
  .cf-next-meta{padding:34px 20px 46px;}

  .cf-no-pressure-copy{border-bottom:1px solid rgba(232,221,214,.12);}
  .cf-no-pressure-text{padding:42px 20px 50px;}
  .cf-no-pressure-text p:first-child{font-size:18px;}
  .cf-no-pressure-text p{font-size:12px;}

  .cf-form{padding:44px 20px 54px;grid-template-columns:1fr;gap:23px;}
  .cf-field.full,.cf-submit.full{grid-column:auto;}
  .cf-submit{display:block;}
  .cf-submit button{width:100%;margin-top:22px;}

  .cf-final{height:580px;}
  .cf-final-photo{inset:0;}
  .cf-final-shade{
    background:
      linear-gradient(90deg,rgba(5,5,5,.90),rgba(5,5,5,.55) 58%,rgba(5,5,5,.06)),
      linear-gradient(180deg,transparent 46%,rgba(5,5,5,.76));
  }
  .cf-final-copy{left:20px;right:20px;top:72px;}
  .cf-final-copy h2{font-size:49px;margin-top:32px;}
}

@media(max-width:430px){
  .cf-hero{height:665px;min-height:665px;}
  .cf-hero-photo img{object-position:72% center;}
  .cf-hero-copy{top:128px;}
  .cf-hero-copy h1{font-size:79px;}
  .cf-statement h2{font-size:47px;}
  .cf-next-left h2,.cf-no-pressure-copy h2,.cf-join-copy h2{font-size:54px;}
  .cf-final-copy h2{font-size:45px;}
}

/* ---------- CASTING MOBILE STRUCTURED ---------- */
@media(max-width:900px){

  .cf-hero{
    height:620px !important;
    min-height:620px !important;
    border-bottom:1px solid rgba(232,221,214,.14);
  }

  .cf-hero-copy{
    top:122px !important;
    left:20px !important;
    right:20px !important;
  }

  .cf-hero-copy h1{
    font-size:76px !important;
    line-height:.80 !important;
    margin:22px 0 18px !important;
  }

  .cf-hero-copy p{
    max-width:245px !important;
    font-size:11px !important;
    line-height:1.5 !important;
  }

  .cf-cta{
    width:220px !important;
    margin-top:24px !important;
    padding:14px 15px !important;
  }

  .cf-open{
    top:82px !important;
    right:20px !important;
  }

  /* SECTION 01 */
  .cf-statement{
    padding:44px 20px 38px !important;
  }

  .cf-statement>span{
    display:block;
    padding-bottom:14px;
    border-bottom:1px solid rgba(232,221,214,.14);
  }

  .cf-statement h2{
    margin:24px 0 30px !important;
    font-size:43px !important;
    line-height:.88 !important;
  }

  .cf-role-row{
    display:block !important;
    border-top:1px solid rgba(232,221,214,.16) !important;
  }

  .cf-role-row span{
    min-height:58px !important;
    padding:0 !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(232,221,214,.12) !important;
    font-size:9px !important;
  }

  .cf-role-row span:last-child{
    border-bottom:0 !important;
  }

  /* SECTION 02 */
  .cf-next{
    display:block !important;
    margin:0 !important;
  }

  .cf-next-left{
    padding:42px 20px 34px !important;
    border-bottom:1px solid rgba(0,0,0,.14) !important;
  }

  .cf-next-left h2{
    font-size:49px !important;
    line-height:.86 !important;
    margin-top:22px !important;
  }

  .cf-next-meta{
    padding:0 20px 28px !important;
  }

  .cf-next-meta>div{
    min-height:62px !important;
    padding:0 !important;
  }

  .cf-next-meta span{
    font-size:7px !important;
  }

  .cf-next-meta strong{
    max-width:58%;
    font-size:10px !important;
  }

  /* SECTION 03 */
  .cf-no-pressure{
    display:block !important;
  }

  .cf-no-pressure-copy{
    padding:42px 20px 30px !important;
    border-bottom:1px solid rgba(232,221,214,.12) !important;
  }

  .cf-no-pressure-copy h2{
    font-size:49px !important;
    margin-top:22px !important;
  }

  .cf-no-pressure-text{
    padding:30px 20px 42px !important;
  }

  .cf-no-pressure-text p:first-child{
    font-size:17px !important;
    line-height:1.35 !important;
    padding-bottom:18px;
    border-bottom:1px solid rgba(232,221,214,.12);
  }

  .cf-no-pressure-text p+p{
    margin-top:18px !important;
  }

  /* SECTION 04 / FORM */
  .cf-join{
    display:block !important;
  }

  .cf-join-copy{
    padding:42px 20px 32px !important;
    border-bottom:1px solid rgba(0,0,0,.15) !important;
  }

  .cf-join-copy h2{
    font-size:49px !important;
    margin-top:22px !important;
  }

  .cf-join-copy p{
    margin-top:16px !important;
    font-size:12px !important;
  }

  .cf-form{
    display:block !important;
    padding:10px 20px 42px !important;
  }

  .cf-field{
    padding:18px 0 14px;
    border-bottom:1px solid rgba(0,0,0,.14);
  }

  .cf-field label{
    margin-bottom:8px !important;
  }

  .cf-field input,
  .cf-field select,
  .cf-field textarea{
    border-bottom:0 !important;
    padding:6px 0 4px !important;
    font-size:13px !important;
  }

  .cf-field textarea{
    min-height:92px !important;
  }

  .cf-submit{
    display:block !important;
    margin-top:22px !important;
    padding-top:6px;
  }

  .cf-submit>span{
    display:block;
    margin-bottom:18px;
  }

  .cf-submit button{
    width:100% !important;
    margin-top:0 !important;
  }

  /* FINAL */
  .cf-final{
    height:500px !important;
  }

  .cf-final-copy{
    top:58px !important;
  }

  .cf-final-copy h2{
    font-size:42px !important;
    line-height:.88 !important;
  }

  .cf-final-copy>a{
    width:220px !important;
  }
}

@media(max-width:430px){

  .cf-hero{
    height:590px !important;
    min-height:590px !important;
  }

  .cf-hero-photo img{
    object-position:74% center !important;
  }

  .cf-hero-copy{
    top:118px !important;
  }

  .cf-hero-copy h1{
    font-size:70px !important;
  }

  .cf-statement h2,
  .cf-next-left h2,
  .cf-no-pressure-copy h2,
  .cf-join-copy h2{
    font-size:45px !important;
  }

  .cf-final{
    height:470px !important;
  }

  .cf-final-copy h2{
    font-size:39px !important;
  }
}

/* ===== MARY JUE JOIN PAGE INTEGRATED ===== */
.mj-join-page{background:#050505;color:var(--cream,#e8ddd6)}.mj-join{width:100%;overflow:hidden}.join-hero{position:relative;height:82vh;min-height:690px;overflow:hidden;background:#050505;border-bottom:1px solid rgba(232,221,214,.12)}.join-hero-photo{position:absolute;inset:0 0 0 42%}.join-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:48% center;filter:saturate(.72) contrast(1.04) brightness(.74)}.join-hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#050505 0%,#050505 28%,rgba(5,5,5,.93) 39%,rgba(5,5,5,.43) 58%,rgba(5,5,5,.04) 80%),linear-gradient(180deg,rgba(5,5,5,.04),transparent 62%,rgba(5,5,5,.34))}.join-hero-copy{position:absolute;z-index:3;left:4.2vw;top:22%;width:57vw;max-width:860px}.join-kicker,.join-manifesto>span,.join-interests-head>span,.join-next-main>span,.join-social>span,.join-future-head>span,.join-apply-copy>span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(232,221,214,.48)}.join-hero-copy h1{margin:28px 0 24px;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(102px,13.5vw,220px);line-height:.77;letter-spacing:-.05em;font-weight:900;transform:scaleX(.70);transform-origin:left top}.join-hero-copy p{font-size:16px;line-height:1.45;color:rgba(232,221,214,.74)}.join-primary-cta{display:flex;align-items:center;justify-content:space-between;width:220px;margin-top:36px;padding:15px 16px;border:1px solid rgba(203,150,149,.78);color:var(--cream);text-decoration:none;font-size:9px;letter-spacing:.11em;text-transform:uppercase}.join-open{position:absolute;z-index:4;right:4.2vw;top:116px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.join-open span{width:7px;height:7px;border-radius:50%;background:var(--rose,#cb9695);box-shadow:0 0 0 5px rgba(203,150,149,.09)}.join-manifesto{padding:92px 4.2vw 84px;border-bottom:1px solid rgba(232,221,214,.12)}.join-manifesto h2{margin:34px 0 46px;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(66px,7.5vw,124px);line-height:.83;letter-spacing:-.04em;font-weight:500}.join-manifesto h2 em,.join-social h2 em,.join-final-copy h2 em{font-style:normal;color:var(--rose,#cb9695)}.join-manifesto-copy{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:980px}.join-manifesto-copy p{font-size:14px;line-height:1.62;color:rgba(232,221,214,.60)}.join-interests{display:grid;grid-template-columns:40% 60%;border-bottom:1px solid rgba(232,221,214,.12)}.join-interests-head{padding:82px 4.2vw;border-right:1px solid rgba(232,221,214,.12)}.join-interests-head h2,.join-next-main h2,.join-future-head h2,.join-apply-copy h2{margin:30px 0 0;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(68px,7vw,116px);line-height:.83;letter-spacing:-.045em;font-weight:500;transform:scaleX(.70);transform-origin:left top}.join-interests-head p{margin-top:24px;font-size:12px;color:rgba(232,221,214,.52)}.join-interest-cloud{padding:62px 4.2vw;display:flex;align-content:flex-start;flex-wrap:wrap;gap:12px}.join-interest-cloud span{border:1px solid rgba(232,221,214,.22);padding:15px 17px;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.join-interest-cloud span:nth-child(2),.join-interest-cloud span:nth-child(4),.join-interest-cloud span:nth-child(8){border-color:rgba(203,150,149,.68)}.join-next-session{display:grid;grid-template-columns:1.08fr .92fr;background:#ded3cc;color:#090909}.join-next-main{padding:80px 4.2vw;border-right:1px solid rgba(0,0,0,.14)}.join-next-main>span{color:rgba(0,0,0,.48)}.join-next-main p{max-width:430px;margin-top:26px;font-size:13px;line-height:1.6;color:rgba(0,0,0,.60)}.join-next-main>a{display:flex;justify-content:space-between;width:245px;margin-top:35px;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.42);color:#090909;text-decoration:none;font-size:9px;letter-spacing:.10em;text-transform:uppercase}.join-next-meta{padding:60px 4.2vw}.join-next-meta>div{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:68px;border-bottom:1px solid rgba(0,0,0,.17)}.join-next-meta>div:first-child{border-top:1px solid rgba(0,0,0,.17)}.join-next-meta span{font-size:7px;letter-spacing:.14em;color:rgba(0,0,0,.46)}.join-next-meta strong{font-size:10px;letter-spacing:.08em;font-weight:500;text-align:right}.join-next-meta .is-open{color:#5a443f}.join-social{padding:100px 4.2vw 98px;border-bottom:1px solid rgba(232,221,214,.12)}.join-social h2{margin:32px 0 28px;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(68px,8vw,132px);line-height:.84;letter-spacing:-.04em;font-weight:500}.join-social p{font-size:15px;color:rgba(232,221,214,.58)}.join-future{border-bottom:1px solid rgba(232,221,214,.12)}.join-future-head{padding:82px 4.2vw 54px}.join-future-head p{margin-top:24px;font-size:13px;color:rgba(232,221,214,.52)}.join-future-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(232,221,214,.12)}.join-future-grid article{min-height:250px;padding:34px 28px;border-right:1px solid rgba(232,221,214,.10)}.join-future-grid article:last-child{border-right:0}.join-future-grid article>span{font-size:8px;letter-spacing:.14em;color:rgba(232,221,214,.35)}.join-future-grid h3{margin:48px 0 14px;font-family:Impact,"Arial Narrow",sans-serif;font-size:36px;font-weight:500}.join-future-grid p{max-width:180px;font-size:11px;line-height:1.5;color:rgba(232,221,214,.46)}.join-future-grid small{display:block;margin-top:38px;font-size:7px;letter-spacing:.13em;color:rgba(203,150,149,.72)}.join-apply{display:grid;grid-template-columns:38% 62%;background:#ded3cc;color:#090909}.join-apply-copy{padding:78px 4.2vw;border-right:1px solid rgba(0,0,0,.14)}.join-apply-copy>span{color:rgba(0,0,0,.48)}.join-apply-copy p{margin-top:24px;font-size:13px;line-height:1.55;color:rgba(0,0,0,.58)}.join-form{padding:72px 4.2vw 78px;display:grid;grid-template-columns:1fr 1fr;gap:28px 34px}.join-field{display:flex;flex-direction:column}.join-field.full,.join-submit.full,.join-tags{grid-column:1/-1}.join-field label,.join-tags legend{margin-bottom:9px;font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,0,0,.52)}.join-field input,.join-field textarea{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid rgba(0,0,0,.28);border-radius:0;background:transparent;padding:11px 0 12px;color:#080808;font:inherit;font-size:13px;outline:none}.join-field textarea{min-height:100px;resize:vertical}.join-tags{border:0;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.join-tags legend{width:100%;padding:0 0 7px}.join-tags input{position:absolute;opacity:0;pointer-events:none}.join-tags span{display:block;border:1px solid rgba(0,0,0,.22);padding:11px 13px;font-size:8px;letter-spacing:.10em;cursor:pointer}.join-tags input:checked+span{background:#0a0909;color:#ded3cc;border-color:#0a0909}.join-submit{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:12px}.join-submit>span{font-size:8px;color:rgba(0,0,0,.45)}.join-submit button{width:220px;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border:1px solid rgba(0,0,0,.55);background:transparent;color:#090909;font-size:9px;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}.join-final{position:relative;height:680px;overflow:hidden;background:#050505}.join-final-photo{position:absolute;inset:0 0 0 44%}.join-final-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.52) contrast(1.05) brightness(.60)}.join-final-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#050505 0%,#050505 35%,rgba(5,5,5,.72) 51%,rgba(5,5,5,.07) 82%)}.join-final-copy{position:absolute;z-index:2;left:4.2vw;top:92px}.join-final-copy>span{font-size:8px;letter-spacing:.16em;color:rgba(232,221,214,.48)}.join-final-copy h2{margin:42px 0 38px;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(60px,6.9vw,108px);line-height:.84;letter-spacing:-.035em;font-weight:500}.join-final-copy>a{display:flex;width:220px;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(232,221,214,.48);color:var(--cream);text-decoration:none;font-size:9px;letter-spacing:.10em;text-transform:uppercase}
@media(max-width:900px){.join-hero{height:620px;min-height:620px}.join-hero-photo{inset:0}.join-hero-photo img{object-position:70% center}.join-hero-shade{background:linear-gradient(90deg,rgba(5,5,5,.90),rgba(5,5,5,.53) 50%,rgba(5,5,5,.07)),linear-gradient(180deg,rgba(5,5,5,.04),transparent 54%,rgba(5,5,5,.75))}.join-hero-copy{left:20px;right:20px;top:122px;width:auto}.join-hero-copy h1{font-size:76px;line-height:.80;margin:22px 0 18px}.join-hero-copy p{font-size:11px}.join-primary-cta{width:190px;margin-top:24px}.join-open{top:82px;right:20px}.join-manifesto{padding:44px 20px 42px}.join-manifesto h2{font-size:46px;margin:24px 0 28px}.join-manifesto-copy{grid-template-columns:1fr;gap:14px}.join-manifesto-copy p{font-size:12px}.join-interests{grid-template-columns:1fr}.join-interests-head{padding:44px 20px 34px;border-right:0;border-bottom:1px solid rgba(232,221,214,.12)}.join-interests-head h2,.join-next-main h2,.join-future-head h2,.join-apply-copy h2{font-size:48px;margin-top:22px}.join-interest-cloud{padding:28px 20px 42px;gap:8px}.join-interest-cloud span{padding:11px 12px;font-size:8px}.join-next-session{grid-template-columns:1fr}.join-next-main{padding:44px 20px 34px;border-right:0;border-bottom:1px solid rgba(0,0,0,.14)}.join-next-main p{font-size:12px}.join-next-meta{padding:0 20px 30px}.join-next-meta>div{min-height:60px}.join-next-meta strong{max-width:60%}.join-social{padding:54px 20px 50px}.join-social h2{font-size:50px;margin:24px 0 20px}.join-social p{font-size:12px}.join-future-head{padding:48px 20px 34px}.join-future-grid{grid-template-columns:1fr 1fr}.join-future-grid article{min-height:190px;padding:26px 20px;border-bottom:1px solid rgba(232,221,214,.10)}.join-future-grid article:nth-child(2){border-right:0}.join-future-grid h3{margin-top:30px;font-size:29px}.join-future-grid small{margin-top:24px}.join-apply{grid-template-columns:1fr}.join-apply-copy{padding:44px 20px 34px;border-right:0;border-bottom:1px solid rgba(0,0,0,.14)}.join-form{padding:10px 20px 44px;grid-template-columns:1fr;gap:0}.join-field{padding:18px 0 14px;border-bottom:1px solid rgba(0,0,0,.14)}.join-field.full,.join-submit.full,.join-tags{grid-column:auto}.join-field input,.join-field textarea{border-bottom:0;padding:6px 0 4px}.join-tags{padding:22px 0;border-bottom:1px solid rgba(0,0,0,.14)}.join-submit{display:block;margin-top:22px}.join-submit button{width:100%;margin-top:18px}.join-final{height:500px}.join-final-photo{inset:0}.join-final-shade{background:linear-gradient(90deg,rgba(5,5,5,.90),rgba(5,5,5,.55) 58%,rgba(5,5,5,.06)),linear-gradient(180deg,transparent 46%,rgba(5,5,5,.76))}.join-final-copy{left:20px;right:20px;top:58px}.join-final-copy h2{font-size:42px;line-height:.88}}@media(max-width:430px){.join-hero{height:590px;min-height:590px}.join-hero-photo img{object-position:74% center}.join-hero-copy{top:118px}.join-hero-copy h1{font-size:69px}.join-manifesto h2{font-size:43px}.join-interests-head h2,.join-next-main h2,.join-future-head h2,.join-apply-copy h2{font-size:44px}.join-social h2{font-size:45px}.join-final{height:470px}.join-final-copy h2{font-size:39px}}


/* JOIN DIRECT NETLIFY FORM */
.join-bot-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.join-form-status{grid-column:1/-1;margin-top:4px;font-size:9px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:rgba(0,0,0,.66)}
.join-form-status.is-success,.join-form-status.is-error{padding:15px 0 2px;border-top:1px solid rgba(0,0,0,.28)}
.join-submit button[disabled]{opacity:.45;cursor:wait}
@media(max-width:900px){.join-form-status{grid-column:auto;padding-top:4px}}