.rock-page { display:block !important; pointer-events:auto !important; height:auto !important; min-height:0 !important; color:#f7f8fa; background:#0b2033; font-family:wf_717bd931499847df8ef165f33,sans-serif; }
.rock-page * { box-sizing:border-box; }
.rock-page h1,.rock-page h2 { font-family:wf_db88ef0b45fa46279b7afeb6b,sans-serif; font-weight:400; margin:0; text-wrap:balance; }
.rock-page p { margin:0; }
.rock-shell { width:calc(100% - clamp(48px,11vw,192px)); max-width:1280px; margin-inline:auto; }
.rock-hero { position:relative; height:clamp(420px,44vw,680px); overflow:hidden; background:#071725; }
.rock-hero > img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 43%; }
.rock-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(7,23,37,.84)); pointer-events:none; }
.rock-hero-title { position:absolute; z-index:1; left:clamp(24px,5.5vw,96px); right:24px; bottom:clamp(32px,5vw,72px); }
.rock-hero h1 { font-size:clamp(48px,5.3vw,84px); line-height:1.08; }
.rock-intro { padding-block:64px 24px; }
.rock-heading { position:relative; top:auto !important; margin-bottom:28px; }
.rock-page h2 { font-size:clamp(30px,3vw,48px); line-height:1.22; }
.rock-copy,.rock-deck { font-size:clamp(18px,1.25vw,21px); line-height:1.6; font-weight:400; min-width:0; }
.rock-deck { max-width:65ch; color:#c2ccd7; }
.rock-copy p+p { margin-top:1.1em; }
.rock-lead-film { width:calc(100% - max(48px,11.1vw)); max-width:1120px; margin:24px auto 16px; aspect-ratio:16/9; }
.rock-page .local-video { display:block; width:100%; height:auto; aspect-ratio:16/9; border:0; background:#071725; }
.rock-chapter { padding-block:56px; scroll-margin-top:96px; }
.rock-story { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(32px,4vw,64px); align-items:center; }
.rock-story > .rock-art { grid-column:1; grid-row:1; }
.rock-story > .rock-copy { grid-column:2; grid-row:1; }
.rock-story-reverse { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); }
.rock-story-reverse > .rock-art { grid-column:2; }
.rock-story-reverse > .rock-copy { grid-column:1; }
.rock-art { display:block; min-width:0; width:100%; margin:0; padding:0; border:0; background:none; cursor:zoom-in; }
.rock-art img { display:block; width:100%; height:auto; object-fit:contain; }
.rock-art:focus-visible,.rock-page a:focus-visible { outline:2px solid #f7f8fa; outline-offset:6px; }
.rock-gap { margin-top:36px; }
.rock-identity { width:calc(100% - clamp(48px,11vw,192px)); max-width:1120px; margin:40px auto 0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,593.3px); gap:clamp(32px,4vw,64px); align-items:center; }
.rock-identity > .rock-art { max-width:300px; margin-inline:auto; }
.rock-secondary-film { width:100%; aspect-ratio:16/9; }
.rock-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; align-items:center; }
.rock-social { display:grid; grid-template-columns:minmax(0,.58fr) minmax(0,1.84fr) minmax(0,.58fr); gap:clamp(24px,4vw,64px); align-items:center; max-width:1120px; margin-inline:auto; }
.rock-social > .rock-art:not(.rock-device-feature) { max-width:180px; margin-inline:auto; }
.rock-team-identities { max-width:960px; margin-inline:auto; }
.rock-campaign-feature { max-width:1080px; margin-inline:auto; }
.rock-merchandise { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
.rock-merchandise > .rock-art:first-child { max-width:440px; margin-inline:auto; }
@media(max-width:900px) {
 .rock-intro { padding-block:40px 16px; }
 .rock-heading { margin-bottom:24px; }
 .rock-chapter { padding-block:40px; }
 .rock-story { grid-template-columns:minmax(0,1fr); gap:28px; }
 .rock-story > .rock-art { grid-column:1; grid-row:1; }
 .rock-story > .rock-copy { grid-column:1; grid-row:2; }
 .rock-identity { width:calc(100% - 160px); grid-template-columns:minmax(0,1fr); gap:28px; }
 .rock-identity > .rock-art { max-width:220px; }
 .rock-secondary-film { margin-inline:auto; }
 .rock-pair { gap:20px; }
 .rock-gap { margin-top:28px; }
 .rock-social { gap:24px; }
}
@media(max-width:600px) {
 .rock-hero { height:420px; }
 .rock-hero > img { object-position:42% center; }
 .rock-hero h1 { max-width:6ch; }
 .rock-lead-film { margin-top:20px; margin-bottom:4px; }
 .rock-pair { grid-template-columns:minmax(0,1fr); gap:24px; }
 .rock-social { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
 .rock-social > .rock-device-feature { grid-column:1/-1; grid-row:1; }
 .rock-social > .rock-art:not(.rock-device-feature) { max-width:156px; }
 .rock-identity { width:calc(100% - 40px); margin-top:28px; }
 .rock-gap { margin-top:24px; }
}