/*
Theme Name: Soundpass
Theme URI: https://soundpass.de
Author: Soundpass
Description: Soundpass Backstage – weißes, responsives Theme mit Petrol, Türkis und authentischer Konzertatmosphäre. Ratgeber und Tools für kleine Veranstalter.
Version: 3.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: soundpass
*/
:root{--sp-paper:#fff;--sp-white:#fff;--sp-ink:#102e2c;--sp-ink-soft:#576d69;--sp-line:#dce7e4;--sp-night:#092e2c;--sp-accent:#007c78;--sp-accent-dark:#00615e;--sp-on-accent:#fff;--sp-glow:#9bddd0;--sp-radius:8px;--sp-max:1200px;--sp-text:760px;--sp-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--sp-ink);font:17px/1.75 var(--sp-font)}::selection{background:#c2e9df;color:#092e2c}img{display:block;max-width:100%;height:auto}a{color:var(--sp-accent-dark);text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s,background .2s}a:hover{color:var(--sp-ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4{line-height:1.08;letter-spacing:-.045em;font-weight:850;margin:1.5em 0 .5em}h1{font-size:clamp(2.2rem,5vw,4rem);margin-top:0}h2{font-size:clamp(2rem,3.6vw,3.1rem)}h3{font-size:1.3rem}p,ul,ol{margin:0 0 1.1em}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--sp-accent);outline-offset:5px}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.skip-link:focus{clip:auto;width:auto;height:auto;top:8px;left:8px;z-index:1000;padding:10px 16px;background:white;color:#092e2c}.sp-wrap{max-width:var(--sp-max);margin-inline:auto;padding-inline:32px}.sp-narrow{max-width:var(--sp-text);margin-inline:auto}.sp-main{padding:64px 0 80px}.home .sp-main{padding:0}section[id]{scroll-margin-top:100px}
/* White header and backstage-pass wordmark. */
.sp-header{background:#fff;color:var(--sp-ink);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--sp-line)}.admin-bar .sp-header{top:32px}.sp-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px}.sp-logo{display:inline-flex;align-items:center;gap:12px;color:var(--sp-ink);font-size:1.65rem;font-weight:900;letter-spacing:-.065em;text-decoration:none;line-height:1.2}.sp-logo:hover{color:var(--sp-accent)}.sp-logo__mark{position:relative;display:inline-block;width:32px;height:39px;flex:none;border:1px solid var(--sp-accent);background:var(--sp-accent);border-radius:3px;transform:rotate(-7deg)}.sp-logo__mark:before{content:"";position:absolute;top:5px;left:11px;width:9px;height:3px;border-radius:3px;background:#b8e3d9}.sp-logo__mark:after{content:"";position:absolute;inset:15px 7px 9px;background:repeating-linear-gradient(90deg,#e5f7f0 0 2px,transparent 2px 4px)}.custom-logo{max-height:48px;max-width:230px;width:auto;object-fit:contain}.sp-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}.sp-nav li{position:relative}.sp-nav a{display:block;padding:10px 14px;color:var(--sp-ink);font-size:.86rem;font-weight:700;text-decoration:none;border-radius:4px}.sp-nav a:hover,.sp-nav .current-menu-item>a{background:#eef7f4;color:var(--sp-accent-dark)}.sp-nav .menu-item-has-children>a:after{content:"";display:inline-block;width:6px;height:6px;margin-left:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg)}.sp-nav .sub-menu{display:none;position:absolute;top:100%;right:0;min-width:255px;max-width:310px;flex-direction:column;gap:2px;padding:8px;background:#fff;border:1px solid var(--sp-line);border-radius:6px;box-shadow:0 16px 35px #092e2c15}.sp-nav li:hover>.sub-menu,.sp-nav li:focus-within>.sub-menu{display:flex}.sp-nav-toggle{display:none;background:#fff;color:var(--sp-ink);border:1px solid var(--sp-line);border-radius:4px;padding:8px 12px;font-size:.85rem}
/* The supplied photograph defines the whole visual language. */
.sp-hero{padding:24px 24px 0;background:#fff}.sp-hero__frame{position:relative;isolation:isolate;max-width:1320px;min-height:740px;margin:auto;background:#082e2c;overflow:hidden;border-radius:6px}.sp-hero__visual,.sp-hero__shade{position:absolute;inset:0;z-index:-1}.sp-hero__photo{width:100%;height:100%;object-fit:cover;object-position:center bottom}.sp-hero__shade{background:linear-gradient(90deg,rgba(3,25,24,.88),rgba(3,25,24,.7) 33%,rgba(3,25,24,.12) 73%),linear-gradient(0deg,rgba(0,19,19,.25),transparent 30%)}.sp-hero__copy{position:relative;padding:75px 64px 72px;max-width:730px;color:#fff}.sp-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 19px;font-size:.66rem;letter-spacing:.16em;font-weight:800;text-transform:uppercase;line-height:1.6;color:var(--sp-accent-dark)}.sp-hero .sp-eyebrow{color:#b7e7dc}.sp-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8dd9c7;box-shadow:0 0 0 4px #8dd9c71a;flex:none}.sp-hero h1{font-size:clamp(3rem,4.9vw,4.5rem);line-height:1.015;font-weight:900;letter-spacing:-.055em;margin:24px 0;max-width:10.3ch;text-wrap:balance}.sp-hero__text{font-size:1rem;color:#d9e8e2;max-width:42ch;line-height:1.8;margin:0}.sp-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:32px}.sp-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--sp-accent);color:var(--sp-on-accent)!important;border:1px solid transparent;border-radius:4px;padding:14px 22px;font-size:.88rem;font-weight:800;text-decoration:none;cursor:pointer;line-height:1.5;transition:filter .2s,transform .2s}.sp-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.sp-hero .sp-button{border-color:#72b4a65e}.sp-text-link{display:inline-block;color:var(--sp-accent-dark);font-size:.86rem;font-weight:750;text-decoration:none;border-bottom:1px solid currentColor;white-space:nowrap;line-height:1.8}.sp-hero .sp-text-link,.sp-hero .sp-text-link:hover{color:#fff}.sp-hero__note{font-size:.58rem;letter-spacing:.13em;font-weight:700;color:#b2c5bb;margin:25px 0 0}.sp-hero__edition{position:absolute;bottom:24px;right:28px;font-size:.52rem;letter-spacing:.16em;color:#b4cec2;font-weight:700;writing-mode:vertical-rl}
.sp-marquee{background:#fff;border-bottom:1px solid var(--sp-line)}.sp-marquee .sp-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:27px;font-size:.65rem;letter-spacing:.13em;font-weight:800;color:var(--sp-ink-soft)}.sp-marquee span{color:var(--sp-accent);font-size:1.2rem;line-height:1}
/* Tools — more like passes from the same backstage world. */
.sp-section{padding-top:88px;padding-bottom:88px}.sp-section-title{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px}.sp-section-title h2{margin:0}.sp-section-title>p{max-width:37ch;margin:0;color:var(--sp-ink-soft);font-size:.92rem}.sp-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.sp-tool-tile{position:relative;min-width:0;display:flex;flex-direction:column;text-decoration:none;padding:34px;border:1px solid var(--sp-line);border-radius:6px;transition:transform .2s,box-shadow .2s}.sp-tool-tile:hover{transform:translateY(-4px);box-shadow:0 15px 30px #092e2c0d}.sp-tool-tile--teal,.sp-tool-tile--teal:hover{background:#fff;color:var(--sp-ink);border-top:4px solid var(--sp-accent);padding-top:31px}.sp-tool-tile--dark,.sp-tool-tile--dark:hover{background:var(--sp-night);color:#f4f9f5;border-top:4px solid #509c8f;padding-top:31px}.sp-tool-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px}.sp-tool-icon{display:grid;place-items:center;width:42px;height:46px;flex:none;background:#edf6f2;border-radius:3px;color:var(--sp-accent);font-size:1.5rem;font-weight:750}.sp-tool-tile--dark .sp-tool-icon{background:#254c45;color:#b7e7dc}.sp-pill{font-size:.52rem;font-weight:800;letter-spacing:.1em;padding:5px 9px;border:1px solid #a8c4ba;border-radius:2px;color:var(--sp-ink-soft)}.sp-tool-tile--dark .sp-pill{color:#b6d0c5;border-color:#49695f}.sp-tool-tile h3{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.06;letter-spacing:-.045em;margin:0 0 20px;overflow-wrap:anywhere;hyphens:manual}.sp-tool-tile p{font-size:.92rem;max-width:42ch;line-height:1.8;margin-bottom:30px;color:var(--sp-ink-soft)}.sp-tool-tile--dark p{color:#c1d2c9}.sp-tool-link{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px dashed #99b7aa;margin-top:auto;padding-top:20px;font-size:.86rem;font-weight:750}.sp-tool-link>span{font-size:1.5rem;color:var(--sp-accent)}.sp-tool-tile--dark .sp-tool-link{border-color:#507165}.sp-tool-tile--dark .sp-tool-link>span{color:#9bddd0}.sp-empty-tools{grid-column:1/-1;border:1px solid var(--sp-line);padding:30px;border-radius:6px}
/* White page, restrained color only in details and selected cards. */
.sp-about{background:#fff;padding:20px 0 72px}.sp-about__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;border-block:1px solid var(--sp-line);padding-block:54px;align-items:center}.sp-about__grid>div{min-width:0}.sp-about h2{max-width:13ch;margin:0}.sp-about p:not(.sp-eyebrow){margin:0 0 24px;font-size:1rem;color:var(--sp-ink-soft)}.sp-values{display:flex;flex-wrap:wrap;gap:20px;font-size:.68rem;font-weight:750;color:var(--sp-accent-dark)}.sp-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;padding-top:30px}.sp-faq h2{margin:0 0 16px}.sp-faq>div{min-width:0}.sp-faq>div>p:not(.sp-eyebrow){color:var(--sp-ink-soft);font-size:.95rem}.sp-faq details{border-bottom:1px solid var(--sp-line)}.sp-faq details:first-child{border-top:1px solid var(--sp-line)}.sp-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 0;font-size:.94rem;font-weight:750;line-height:1.5}.sp-faq summary::-webkit-details-marker{display:none}.sp-faq summary span{color:var(--sp-accent);font-size:1.4rem;font-weight:400;transition:transform .2s}.sp-faq details[open] summary span{transform:rotate(45deg)}.sp-faq details p{font-size:.9rem;color:var(--sp-ink-soft);padding-right:30px;margin:0 0 24px}.sp-newsletter{padding-bottom:80px}.sp-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--sp-night);color:white;padding:40px;border-radius:6px}.sp-cta .sp-eyebrow{color:#9bddd0}.sp-cta h2{font-size:2rem;margin:0 0 14px}.sp-cta p{font-size:.92rem;margin:0;color:#c6dbd1}.sp-cta .sp-eyebrow{margin-bottom:15px}.sp-button--dark{flex-shrink:0}.sp-footer{padding:28px 0;background:#fff;border-top:1px solid var(--sp-line);color:var(--sp-ink-soft);font-size:.75rem}.sp-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.sp-footer p{margin:0}.sp-footer ul{list-style:none;padding:0;margin:0;display:flex;gap:25px;flex-wrap:wrap}.sp-footer a{color:var(--sp-ink-soft);text-decoration:none}.sp-footer a:hover{text-decoration:underline}
/* WordPress articles, archives, comments and forms. */
.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sp-card{background:#fff;border:1px solid var(--sp-line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.sp-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #092e2c0a}.sp-card__img img{aspect-ratio:16/10;object-fit:cover;width:100%}.sp-card__body{padding:25px;display:flex;flex-direction:column;gap:10px;flex:1}.sp-card__meta{font-size:.63rem;letter-spacing:.05em;text-transform:uppercase;font-weight:750;color:var(--sp-accent-dark)}.sp-card h3{font-size:1.35rem;line-height:1.2;margin:0;letter-spacing:-.035em}.sp-card h3 a{color:var(--sp-ink);text-decoration:none}.sp-card p{margin:0;font-size:.9rem;color:var(--sp-ink-soft)}.sp-article__header{margin-bottom:32px}.sp-article__header h1{font-size:clamp(2.2rem,5vw,3.7rem)}.sp-article__meta{font-size:.8rem;color:var(--sp-ink-soft);margin-bottom:12px}.sp-article__thumb{margin:0 0 32px;border-radius:6px;overflow:hidden}.sp-content{overflow-wrap:break-word}.sp-content>*:first-child{margin-top:0}.sp-content a{overflow-wrap:anywhere}.sp-content blockquote{margin:1.5em 0;padding:4px 0 4px 20px;border-left:4px solid var(--sp-accent);color:var(--sp-ink-soft)}.sp-content table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.5em 0;font-size:.95rem}.sp-content th,.sp-content td{border-bottom:1px solid var(--sp-line);padding:10px 8px;text-align:left}.sp-content code{background:#eef5f1;padding:2px 6px;border-radius:3px;font-size:.9em}.sp-content figure{margin:1.5em 0}.sp-content figcaption{font-size:.85rem;color:var(--sp-ink-soft);margin-top:6px}.sp-content input,.sp-content select,.sp-content textarea{max-width:100%}.sp-content .alignwide,.sp-content .alignfull{width:100%;margin-inline:0}.sp-pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:40px}.sp-pagination .page-numbers{padding:8px 14px;border:1px solid var(--sp-line);border-radius:4px;text-decoration:none;background:#fff}.sp-pagination .current{background:var(--sp-accent);color:var(--sp-on-accent)}.sp-postnav{display:flex;justify-content:space-between;gap:24px;margin-top:48px;padding-top:24px;border-top:1px solid var(--sp-line);font-weight:600}.search-form{display:flex;gap:8px}.search-form .search-field{min-width:0;flex:1;padding:12px 14px;border:1px solid var(--sp-line);border-radius:4px;background:#fff}.search-form .search-submit{background:var(--sp-accent);color:var(--sp-on-accent);border:0;border-radius:4px;padding:0 18px;font-weight:700;cursor:pointer}.sp-comments{margin-top:56px}.sp-comments ol{list-style:none;padding:0}.sp-comments .comment-body{background:#fff;border:1px solid var(--sp-line);border-radius:6px;padding:16px 18px;margin-bottom:12px}.sp-comments textarea,.sp-comments input[type=text],.sp-comments input[type=email],.sp-comments input[type=url]{width:100%;padding:10px 12px;border:1px solid var(--sp-line);border-radius:4px}.sp-comments .submit{background:var(--sp-accent);color:var(--sp-on-accent);border:0;border-radius:4px;padding:12px 20px;font-weight:700;cursor:pointer}.alignleft{float:left;margin:0 1.5em 1em 0}.alignright{float:right;margin:0 0 1em 1.5em}.aligncenter{margin-inline:auto}.wp-caption-text,.gallery-caption{font-size:.85rem;color:var(--sp-ink-soft)}.sticky .sp-card__meta:after{content:" · Angepinnt"}.bypostauthor{display:block}
@media(max-width:1050px){.sp-hero__frame{min-height:690px}.sp-hero__copy{padding:64px 48px;max-width:650px}.sp-hero h1{font-size:3.8rem}.sp-hero__shade{background:linear-gradient(90deg,#031918ed,#031918a6 48%,#03191812)}.sp-about__grid,.sp-faq{gap:45px}}
@media(max-width:782px){.admin-bar .sp-header{top:46px}}
@media(max-width:760px){.sp-wrap{padding-inline:22px}.sp-header__inner{min-height:74px;flex-wrap:wrap;padding-block:14px}.sp-logo{font-size:1.4rem}.sp-logo__mark{width:27px;height:33px}.sp-logo__mark:before{left:8px}.sp-nav{display:block;position:static;width:100%;padding:8px 0}.sp-nav ul{flex-direction:column;gap:4px}.sp-js .sp-nav-toggle{display:block}.sp-js .sp-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 22px;background:#fff;border-bottom:1px solid var(--sp-line);max-height:75vh;overflow-y:auto}.sp-js .sp-nav.is-open{display:block}.sp-nav .sub-menu{display:flex;position:static;max-width:none;min-width:0;border:0;box-shadow:none;padding-left:18px}.sp-nav .menu-item-has-children>a:after{display:none}.sp-hero{padding:14px 14px 0}.sp-hero__frame{min-height:0;overflow:hidden}.sp-hero__visual{position:relative;height:auto;aspect-ratio:3/2;z-index:0}.sp-hero__photo{object-fit:cover;object-position:center center}.sp-hero__shade{display:none}.sp-hero__copy{background:#092e2c;padding:35px 28px 38px;max-width:none}.sp-hero h1{font-size:clamp(2.4rem,7.5vw,3.7rem);max-width:14ch;margin:20px 0}.sp-hero__text{font-size:.93rem;max-width:50ch}.sp-hero .sp-eyebrow{font-size:.59rem}.sp-hero__note{font-size:.51rem}.sp-hero__edition{display:none}.sp-actions{gap:22px;margin-top:26px}.sp-marquee .sp-wrap{justify-content:center;flex-wrap:wrap;font-size:.54rem;gap:10px 14px;padding-block:22px}.sp-section{padding-block:58px}.sp-section-title{align-items:start;flex-direction:column;gap:18px}.sp-tool-grid{grid-template-columns:minmax(0,1fr)}.sp-tool-tile{padding:28px}.sp-tool-tile--teal,.sp-tool-tile--dark{padding-top:25px}.sp-tool-tile h3{font-size:2.2rem}.sp-about{padding:0 0 48px}.sp-about__grid{grid-template-columns:1fr;gap:26px;padding-block:42px}.sp-about h2{max-width:15ch}.sp-values{gap:15px}.sp-faq{grid-template-columns:1fr;gap:22px;padding-top:10px}.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sp-cta{flex-direction:column;align-items:start;padding:28px}.sp-main{padding-top:40px}.sp-newsletter{padding-bottom:58px}}
@media(max-width:480px){.sp-grid{grid-template-columns:1fr}.sp-hero__copy{padding:30px 23px 33px}.sp-hero h1{font-size:clamp(2rem,9.5vw,2.75rem)}.sp-button{font-size:.82rem;padding:13px 17px;gap:18px}.sp-hero .sp-text-link{font-size:.8rem}.sp-hero .sp-actions{gap:20px}.sp-tool-tile h3{font-size:2rem}.sp-values{font-size:.65rem}.sp-footer__inner{align-items:start;flex-direction:column}.sp-postnav{flex-direction:column}.sp-eyebrow{font-size:.6rem}}
@media(max-width:360px){.sp-header__inner{gap:10px}.sp-logo{font-size:1.18rem}.sp-nav-toggle{font-size:.8rem;padding:7px 9px}.sp-tool-tile{padding:22px}.sp-tool-tile--teal,.sp-tool-tile--dark{padding-top:19px}.sp-tool-tile h3{font-size:1.85rem}.sp-tool-link{font-size:.76rem}.sp-pill{font-size:.48rem;padding:4px 7px}.sp-tool-top{gap:8px}.sp-hero .sp-actions{gap:15px}.sp-hero .sp-eyebrow{font-size:.5rem}.sp-hero__note{font-size:.45rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.sp-tool-tile:hover,.sp-card:hover,.sp-button:hover{transform:none}}

/* Compact photographic banner, with the introduction on the white page. */
.sp-hero{padding:20px 24px 0}.sp-hero__frame{height:280px;min-height:0;overflow:hidden}.sp-hero__visual{position:absolute;inset:0;aspect-ratio:auto;height:100%;z-index:0}.sp-hero__photo{object-position:center bottom}.sp-hero__edition{z-index:1;writing-mode:horizontal-tb;bottom:16px;right:20px;padding:5px 9px;background:#082e2cbf;color:#d1e9df;border-radius:2px}.sp-hero__copy{padding:43px 32px 40px;max-width:var(--sp-max);background:white;color:var(--sp-ink);display:grid;grid-template-columns:1fr 1fr;column-gap:65px;align-items:start}.sp-hero .sp-eyebrow{grid-column:1/-1;color:var(--sp-accent-dark);margin:0 0 20px}.sp-hero h1{grid-column:1;grid-row:2/5;max-width:17ch;font-size:clamp(2.25rem,3.8vw,3.3rem);line-height:1.04;margin:0;text-wrap:balance}.sp-hero__text{grid-column:2;color:var(--sp-ink-soft);font-size:.94rem;max-width:48ch}.sp-hero .sp-actions{grid-column:2;margin-top:23px;gap:24px}.sp-hero .sp-text-link,.sp-hero .sp-text-link:hover{color:var(--sp-accent-dark)}.sp-hero__note{grid-column:2;color:var(--sp-ink-soft);font-size:.52rem;margin:20px 0 0}.sp-marquee .sp-wrap{padding-block:20px}.sp-dot{background:var(--sp-accent);box-shadow:0 0 0 4px #007c7812}
/* Empty widget areas have no output or space. Ad scripts are owned by plugins. */
.sp-ad-slot{margin-block:32px;clear:both;min-width:0;text-align:center}.sp-ad-slot--content{width:100%}.sp-ad-widget{max-width:100%;margin:0 auto 20px}.sp-ad-widget:last-child{margin-bottom:0}.sp-ad-title{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sp-ink-soft);margin:0 0 10px}.sp-ad-widget .adsbygoogle{max-width:100%}
@media(max-width:1050px){.sp-hero__frame{height:250px;min-height:0}.sp-hero__copy{column-gap:40px}.sp-hero h1{font-size:2.8rem}}
@media(max-width:760px){.sp-hero{padding:14px 14px 0}.sp-hero__frame{height:190px;min-height:0}.sp-hero__visual{position:absolute;height:100%;aspect-ratio:auto}.sp-hero__photo{object-position:center bottom}.sp-hero__copy{display:block;padding:32px 8px 30px;max-width:none;background:white}.sp-hero .sp-eyebrow{font-size:.57rem;margin:0 0 18px}.sp-hero h1{font-size:clamp(2rem,6vw,2.8rem);max-width:22ch;margin:0 0 20px}.sp-hero__text{max-width:60ch;color:var(--sp-ink-soft)}.sp-hero .sp-actions{margin-top:24px}.sp-hero__note{font-size:.5rem}.sp-hero__edition{display:none}.sp-ad-slot{margin-block:24px}}
@media(max-width:480px){.sp-hero__frame{height:160px}.sp-hero h1{font-size:2.1rem}.sp-hero .sp-actions{gap:22px}.sp-hero__copy{padding-block:28px}}
@media(max-width:360px){.sp-hero__frame{height:140px}.sp-hero h1{font-size:1.9rem}.sp-hero .sp-eyebrow{font-size:.49rem}.sp-hero__note{font-size:.45rem}}