/* MRP MEDIA: warm graphite, muted yellow and the project's illustrated art. */
.media-page { --media-gold:#e4c578; --media-ink:#f1eee5; --media-muted:#b1ada1; --media-line:#e9ddc51c; --accent:var(--media-gold); --bright:#f1d999; background:#242320; color:var(--media-ink); }
.media-page::before { display:none; }
.media-page ::selection { background:#e4c578; color:#242320; }
.media-wrap { width:min(1360px,calc(100% - 112px)); margin-inline:auto; }
.media-page .mrp-shell-header { --shell-accent:var(--media-gold); }
.media-page h1,.media-page h2,.media-page h3 { font-weight:400; }
.media-page h2 em { color:var(--media-gold); }
.media-kicker { font:11px/1.6 var(--mono); letter-spacing:.12em; color:var(--media-muted); margin-bottom:24px; }
.media-kicker>span { display:inline-block; width:6px; height:6px; margin:0 9px 1px 0; background:var(--media-gold); }
.media-hero { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; position:relative; padding-top:52px; min-height:720px; }
.media-hero-copy { position:relative; z-index:2; padding:12px 0 44px; }
.media-hero h1 { font-size:clamp(56px,6.9vw,104px); line-height:.95; letter-spacing:-.05em; white-space:nowrap; }
.media-hero h1 em { display:block; font-style:normal; color:var(--media-gold); }
.media-hero h1>span { display:block; font-size:clamp(26px,3vw,44px); line-height:1.15; letter-spacing:-.035em; margin-top:28px; }
.media-intro { max-width:410px; margin-top:24px; color:var(--media-muted); font-size:15px; line-height:1.8; }
.media-button { display:inline-flex; gap:32px; justify-content:space-between; align-items:center; padding:19px 27px; min-height:60px; background:var(--media-gold); color:#29251c; font-size:14px; font-weight:700; transition:background .25s,color .25s; }
.media-button span { font:24px/1 var(--sans); }
.media-button:hover { background:#f0d798; color:#15140e; }
.media-hero .media-button { margin-top:30px; }
.media-quiet-link { display:flex; align-items:center; gap:20px; width:max-content; margin-top:20px; padding-block:7px; color:var(--media-muted); font-size:12px; }
.media-quiet-link:hover { color:var(--media-ink); }
.media-hero-art { position:relative; height:620px; align-self:end; display:flex; align-items:flex-end; justify-content:center; isolation:isolate; }
.media-hero-art::before { content:''; position:absolute; inset:12% 0 0; z-index:-2; background:linear-gradient(145deg,#a38b532b,#37332822); clip-path:polygon(18% 0,100% 0,82% 100%,0 100%); }
.media-hero-art::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 80%,#242320); pointer-events:none; }
.media-hero-art img { position:relative; z-index:-1; width:100%; height:100%; object-fit:contain; object-position:center bottom; }
.media-art-word { position:absolute; top:40px; left:12px; right:0; z-index:-2; color:#c2aa6f22; font:clamp(34px,6vw,90px)/1 var(--display); letter-spacing:-.06em; white-space:nowrap; }
.media-art-caption { position:absolute; z-index:2; right:8%; bottom:32px; padding:10px 15px; background:#2d2b26; color:#d0c4a6; font:10px/1.6 var(--mono); letter-spacing:.08em; }
.media-art-caption i { display:inline-block; width:5px; height:5px; background:#c98269; margin-right:7px; }
.media-hero-bottom { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 0; border-top:1px solid var(--media-line); border-bottom:1px solid var(--media-line); color:var(--media-muted); }
.media-hero-bottom>span { font:10px/1.6 var(--mono); letter-spacing:.12em; }
.media-hero-bottom p { font-size:12px; margin-left:auto; }
.media-hero-bottom>a { font-size:25px; padding:4px 10px; }
.media-section { padding-block:100px; }
.media-section-head { display:grid; grid-template-columns:1.5fr 1fr; align-items:end; column-gap:70px; margin-bottom:46px; }
.media-section-head>.media-kicker { grid-column:1/-1; }
.media-section-head h2,.media-partner-copy h2,.media-community h2 { font-size:clamp(32px,4vw,56px); line-height:1.12; letter-spacing:-.035em; }
.media-section-head>p:last-child { max-width:350px; margin-left:auto; color:var(--media-muted); font-size:15px; line-height:1.8; }
.media-steps { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:36px; padding:0; margin:0; }
.media-steps li { border-top:1px solid #e4c57866; padding-top:20px; }
.media-steps li>span { font:11px var(--mono); color:var(--media-gold); }
.media-steps h3 { font-size:23px; margin:25px 0 14px; }
.media-steps p { font-size:14px; line-height:1.85; color:var(--media-muted); }
.media-rates-section { padding:80px 0; background:#1d1d1a; }
.media-rates { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.media-rate { padding:25px 24px 0; background:#2b2a25; display:flex; flex-direction:column; min-width:0; }
.media-rate-top { display:flex; justify-content:space-between; gap:10px; color:#bfb18e; font:10px/1.5 var(--mono); margin-bottom:32px; }
.media-rate h3 { font-size:22px; line-height:1.15; min-height:2.3em; }
.media-rate>p:not(.media-rate-min) { font-size:13px; color:var(--media-muted); line-height:1.7; margin-top:14px; min-height:4em; }
.media-rate-price { display:flex; flex-direction:column; gap:8px; margin:32px 0 26px; }
.media-rate-price strong { font:42px/1 var(--display); letter-spacing:-.04em; }
.media-rate-price strong small { font:27px var(--sans); }
.media-rate-price>span { color:var(--media-muted); font-size:12px; }
.media-rate-min { font-size:11px; line-height:1.6; padding:17px 0; margin-top:auto; border-top:1px solid var(--media-line); }
.media-rate-featured { background:#dfc582; color:#29251b; }
.media-rate-featured .media-rate-top,.media-rate-featured>p:not(.media-rate-min),.media-rate-featured .media-rate-price>span { color:#58503b; }
.media-rate-featured .media-rate-min { border-color:#29251b29; }
.media-limits { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; padding-top:36px; }
.media-limits p { display:flex; flex-direction:column; gap:8px; }
.media-limits strong { font-size:20px; font-weight:500; }.media-limits span { font-size:12px; color:var(--media-muted); }
.media-partnership { display:grid; grid-template-columns:.85fr 1.15fr; gap:95px; align-items:center; }
.media-partner-art { position:relative; height:520px; background:linear-gradient(125deg,#e4c57813,transparent); overflow:hidden; }
.media-partner-art img { width:100%; height:100%; object-fit:contain; object-position:center bottom; }
.media-partner-art::after { content:''; position:absolute; inset:0; background:linear-gradient(135deg,transparent 40%,#fff1c307 40.2%,#fff1c313 53%,transparent 53.2%); pointer-events:none; }
.media-partner-copy>p:not(.media-kicker) { font-size:15px; line-height:1.9; color:var(--media-muted); margin-top:22px; max-width:530px; }
.media-partner-copy .media-button { margin-top:28px; }
.media-rules { margin-top:24px; }.media-rules button { padding:4px 0; color:#b6b0a0; font-size:13px; cursor:default; }.media-rules small { display:block; margin-top:4px; color:#b6b0a0; font-size:11px; }
.media-community { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding-bottom:96px; }
.media-socials { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.media-socials>a,.media-social-unavailable { display:flex; align-items:center; gap:14px; padding:20px; background:#2c2b26; transition:background .25s; }
.media-socials>a:hover { background:#39362d; }.media-socials strong,.media-socials small{display:block}.media-socials strong{font-size:14px;font-weight:600}.media-socials small{font-size:10px;color:var(--media-muted);margin-top:4px}.media-socials>*>span:last-child{margin-left:auto;color:var(--media-muted)}.media-social-icon{font:700 15px var(--sans);color:var(--media-gold);width:25px;flex-shrink:0}.media-social-unavailable{opacity:.5}
.media-page .mrp-shell-footer { --shell-line:var(--media-line); }
@media(max-width:1150px){.media-rates{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.media-rate h3{min-height:0}.media-rate>p:not(.media-rate-min){min-height:0}.media-hero-art{height:540px}.media-hero{min-height:0}.media-partnership{gap:50px}.media-community{gap:35px;grid-template-columns:.85fr 1.15fr}.media-socials>a,.media-social-unavailable{padding:16px;gap:10px}}
@media(max-width:900px){.media-wrap{width:calc(100% - 56px)}.media-hero{padding-top:35px}.media-hero h1{font-size:64px}.media-hero-art{height:490px}.media-hero-copy{padding-bottom:30px}.media-intro{font-size:14px}.media-button{font-size:12px;padding:17px 20px;gap:20px;min-height:54px}.media-steps{grid-template-columns:1fr 1fr;gap:32px}.media-section{padding-block:64px}.media-section-head{gap:25px}.media-partnership{gap:32px;grid-template-columns:.8fr 1.2fr}.media-partner-art{height:430px}.media-community{grid-template-columns:1fr;padding-bottom:64px}.media-socials{gap:12px}.media-socials>a,.media-social-unavailable{padding:22px}.media-rates-section{padding-block:60px}}
@media(max-width:600px){.media-wrap{width:calc(100% - 40px)}.media-hero{grid-template-columns:1fr;padding-top:38px}.media-hero-copy{padding:0;z-index:2}.media-hero h1{font-size:clamp(46px,14vw,66px)}.media-hero h1 em{display:inline}.media-hero h1>span{font-size:34px;margin-top:22px}.media-hero>.media-hero-copy>.media-kicker{font-size:9px;margin-bottom:20px}.media-intro{max-width:320px;margin-top:18px}.media-hero .media-button{margin-top:24px}.media-quiet-link{margin-top:12px}.media-hero-art{height:390px;max-width:360px;width:100%;margin:18px auto 0}.media-art-word{font-size:54px;top:25px}.media-hero-bottom{gap:14px;padding:14px 0}.media-hero-bottom p{display:none}.media-hero-bottom>a{margin-left:auto}.media-hero-bottom>span{font-size:9px}.media-section-head{grid-template-columns:1fr;gap:0;margin-bottom:32px}.media-section-head>p:last-child{margin:22px 0 0;max-width:100%;font-size:14px}.media-section-head h2,.media-partner-copy h2,.media-community h2{font-size:34px}.media-kicker{font-size:9px;margin-bottom:18px}.media-section{padding-block:54px}.media-steps{gap:30px 24px}.media-steps h3{font-size:20px;margin-top:19px}.media-steps p{font-size:12px}.media-rates-section{padding-block:50px}.media-rates{grid-template-columns:1fr;gap:12px}.media-rate{padding:23px 24px 0}.media-rate-top{margin-bottom:22px}.media-rate-price{margin-block:24px}.media-rate-price strong{font-size:44px}.media-limits{grid-template-columns:1fr;gap:18px;padding-top:28px}.media-limits p{flex-direction:row;align-items:baseline;justify-content:space-between;gap:14px}.media-limits strong{font-size:18px;white-space:nowrap}.media-limits span{text-align:right;font-size:11px}.media-partnership{grid-template-columns:1fr;gap:30px}.media-partner-art{height:350px;max-width:300px;justify-self:center;width:100%}.media-partner-copy{order:-1}.media-partner-copy>p:not(.media-kicker){font-size:14px}.media-socials{grid-template-columns:1fr}.media-socials>a,.media-social-unavailable{padding:20px}.media-socials small{font-size:12px}.media-community{gap:28px;padding-bottom:50px}.media-art-caption{font-size:9px;bottom:24px}}
@media(max-width:380px){.media-hero h1{font-size:46px}.media-hero h1>span{font-size:31px}.media-steps{gap:26px 18px}.media-steps h3{font-size:18px}.media-limits p{flex-direction:column;gap:3px}.media-limits span{text-align:left}}
@media(prefers-reduced-motion:no-preference){.media-hero-copy{animation:media-enter .6s ease both}.media-hero-art img{animation:media-enter .8s .1s ease both}@keyframes media-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}}
@media(prefers-reduced-motion:reduce){.media-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep small footer labels readable on the media surface. */
.media-page .mrp-shell-footer nav>span { color:#b6b0a0; }