/* Supporting copy and project pages use the portfolio's existing type and colors. */
.hero-description{font:14px/1.5 var(--sans);color:var(--muted);margin:0 0 3px;text-align:center}
.services-intro{font:16px/1.8 var(--sans);color:var(--muted);max-width:760px;margin:0 0 32px}
.portfolio-links{max-width:1500px;margin:0 auto;padding:25px var(--side);display:flex;flex-wrap:wrap;gap:16px 26px;border-top:1px solid var(--line);font:9px/1.7 var(--mono);color:var(--muted)}
.portfolio-links a:hover,.portfolio-links a:focus-visible{color:var(--pink)}
.portfolio-links a:first-child{color:var(--pink)}
.social-copy h2{font:500 25px/1.15 var(--sans);letter-spacing:-.025em;margin:10px 0}
.text-link{display:inline-block;color:var(--pink);border-bottom:1px solid var(--pink);font-size:10px;margin-top:15px}
.dialog-bottom{flex-wrap:wrap}
.dialog-bottom .text-link{margin:0}
.detail-main{max-width:1240px;padding-top:65px;padding-bottom:40px}
.breadcrumbs{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;font-size:10px;color:var(--muted);margin-bottom:60px}
.breadcrumbs a{color:var(--pink)}
.detail-hero{padding-bottom:55px;border-bottom:1px solid var(--line)}
.detail-hero>.eyebrow{color:var(--pink);font-size:10px}
.detail-hero h1{font:500 clamp(36px,5.8vw,76px)/1.07 var(--sans);letter-spacing:-.045em;max-width:1000px;margin:24px 0}
.detail-tagline{font-size:clamp(34px,4vw,57px);color:var(--gold);margin:15px 0 30px;line-height:1.2;transform:none}
.detail-intro{font:20px/1.75 var(--sans);color:var(--muted);max-width:790px;margin:0}
.detail-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:75px;padding:60px 0}
.detail-columns h2,.detail-related h2{font:500 28px/1.2 var(--sans);letter-spacing:-.02em;margin:0 0 20px}
.detail-columns h2:not(:first-child){margin-top:35px}
.detail-columns p,.detail-related p,.detail-contact p{font:16px/1.9 var(--sans);color:var(--muted);margin:0 0 20px}
.detail-columns ul{font:15px/1.9 var(--sans);padding-left:20px;color:var(--muted)}
.detail-columns li{padding-left:5px;margin-bottom:10px}
.detail-columns a,.detail-related a{color:var(--pink);text-underline-offset:4px}
.detail-related a{text-decoration:underline}
.detail-figure{margin:0 0 60px;background:#141013;padding:25px;border:1px solid var(--line);border-radius:8px}
.detail-figure img{display:block;width:min(100%,950px);height:auto;margin:auto}
.detail-figure figcaption{font:11px/1.8 var(--mono);color:var(--muted);margin:20px auto 0;max-width:950px}
.detail-related{padding-bottom:40px;max-width:840px}
.detail-contact{padding:50px 0 40px;border-top:1px solid var(--line)}
.detail-contact h2{font-size:clamp(36px,5vw,62px);font-weight:400;color:var(--pink);line-height:1.2;margin:20px 0}
.detail-footer{max-width:1500px;padding:25px var(--side) 40px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;font:9px/1.8 var(--mono);color:var(--muted)}
.detail-footer a{color:var(--ink)}
.ugc-video-filters{flex-wrap:wrap}
@media(max-width:900px){.detail-columns{gap:40px}.social-copy h2{font-size:24px}}
@media(max-width:650px){.hero-description{font-size:12px;margin:3px 0 10px}.services-intro{font-size:14px}.portfolio-links{font-size:8px;gap:13px 20px;padding-bottom:35px}.detail-main{padding-top:38px}.breadcrumbs{font-size:9px;margin-bottom:38px;gap:8px}.detail-hero{padding-bottom:35px}.detail-hero>.eyebrow{font-size:8px}.detail-intro{font-size:17px}.detail-columns{grid-template-columns:1fr;gap:30px;padding:40px 0}.detail-columns h2,.detail-related h2{font-size:25px}.detail-columns p,.detail-related p,.detail-contact p{font-size:15px}.detail-figure{padding:12px;margin-bottom:40px}.detail-figure figcaption{font-size:9px}.detail-footer{flex-direction:column;font-size:8px;gap:8px}.social-copy h2{font-size:23px}.ugc-video-filters{gap:12px 18px}.ugc-video-filters .filter{font-size:8px}}