.backstage{--paper:var(--backstage-bg);--ink:var(--backstage-ink);--blue:var(--backstage-accent);--pale:color-mix(in srgb,var(--backstage-bg) 88%,var(--backstage-ink));--line:color-mix(in srgb,var(--backstage-ink) 24%,transparent);color:var(--backstage-ink);background:var(--backstage-bg)}
.backstage.type-theatre{--serif:Georgia,'Times New Roman',serif}.backstage.type-grotesk{--serif:'Plus Jakarta Sans',system-ui,sans-serif}.backstage.type-mono{--serif:'Courier New',monospace}
.backstage .site-header{color:var(--backstage-ink);background:var(--backstage-bg);border-bottom:1px dashed currentColor}.backstage .header-inner{min-height:76px}.backstage .brand strong{color:var(--backstage-accent)}.backstage .brand small{color:var(--backstage-ink)}.backstage .logo-mark{color:var(--backstage-bg);background:var(--backstage-accent);border-radius:50%}.backstage .desktop-nav a{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em}.backstage .desktop-nav li ul,.backstage .mobile-nav nav{color:var(--backstage-ink);background:var(--backstage-bg)}
.backstage .hero{padding:0;color:var(--backstage-ink);background:var(--backstage-bg)}.backstage .hero-grid{width:100%;grid-template-columns:.85fr 1.15fr;gap:0;min-height:620px}.backstage .hero-copy{padding:70px max(24px,calc((100vw - 1180px)/2)) 48px;display:flex;flex-direction:column;justify-content:center}.backstage .hero-copy h1{color:var(--backstage-accent);font-weight:400;font-style:italic;font-size:clamp(4rem,8vw,8.3rem);line-height:.82;letter-spacing:-.075em;transform:rotate(-1deg)}.backstage.type-grotesk .hero-copy h1,.backstage.type-mono .hero-copy h1{font-style:normal}.backstage .hero-copy>p:not(.kicker){color:var(--backstage-ink)}.backstage .hero-grid>img{width:100%;height:100%;min-height:620px;border-radius:0;clip-path:polygon(8% 0,100% 0,94% 100%,0 92%);filter:grayscale(.75) contrast(1.12);object-fit:cover}.backstage.media-photo .hero-grid>img{clip-path:none;filter:none}.backstage.media-graphic .hero-grid>img{filter:grayscale(1) contrast(1.8);mix-blend-mode:screen}.backstage .button{color:var(--backstage-bg);background:var(--backstage-accent)}
.backstage .quick{padding-block:28px;border-block:1px solid var(--line)}.backstage .quick-grid{gap:0}.backstage .quick-grid a{min-height:150px;color:var(--backstage-ink);background:transparent;border:0;border-right:1px solid var(--line);box-shadow:none}.backstage .quick-grid a>span{color:var(--backstage-bg);background:var(--backstage-accent);border-radius:0;transform:rotate(-4deg)}.backstage .quick-grid small{color:var(--backstage-ink);opacity:.72}
.backstage .home-content{padding-top:80px}.backstage .news-card,.backstage .listing-grid article{border-color:var(--line)}.backstage .news-card h3,.backstage .section-title h2,.backstage .article h1,.backstage .listing h1{font-weight:400}.backstage .news-card p:not(.category),.backstage .news-card time,.backstage .listing time,.backstage .lead{color:var(--backstage-ink);opacity:.72}.backstage .category,.backstage .kicker{color:var(--backstage-accent)}.backstage .event-box{color:var(--backstage-bg);background:var(--backstage-accent);transform:rotate(1deg)}.backstage .event-row p{color:var(--backstage-bg);opacity:.76}
.backstage .photo-band{color:var(--backstage-ink);background:color-mix(in srgb,var(--backstage-accent) 18%,var(--backstage-bg))}.backstage .photo-row{gap:0;align-items:center}.backstage .photo-row img{filter:grayscale(.55) contrast(1.1)}.backstage .photo-row img:nth-child(2){height:320px;transform:rotate(2deg);position:relative;z-index:2}.backstage.media-photo .photo-row img{filter:none}.backstage.media-graphic .photo-row img{filter:grayscale(1) contrast(1.7)}
.backstage .article,.backstage .listing{color:var(--backstage-ink)}.backstage .article>header,.backstage .listing>header{max-width:980px}.backstage .article h1,.backstage .listing h1{color:var(--backstage-accent);font-size:clamp(3.5rem,8vw,7.5rem);font-style:italic;line-height:.86}.backstage.type-grotesk .article h1,.backstage.type-mono .article h1{font-style:normal}.backstage .prose{max-width:760px}.backstage .prose a{color:var(--backstage-accent)}.backstage .site-footer{color:var(--backstage-ink);background:color-mix(in srgb,var(--backstage-bg) 88%,#000)}.backstage .footer-grid p,.backstage .footer-grid a,.backstage .footer-brand small{color:var(--backstage-ink);opacity:.78}
@media(max-width:680px){.backstage .hero-grid{grid-template-columns:1fr;min-height:0}.backstage .hero-copy{padding:50px 20px;min-height:420px}.backstage .hero-grid>img{min-height:360px;clip-path:polygon(0 6%,100% 0,94% 100%,4% 94%)}.backstage .quick-grid a{border-right:0;border-bottom:1px solid var(--line)}.backstage .event-box{transform:none}.backstage .article h1,.backstage .listing h1{font-size:3.8rem}}
@media(prefers-reduced-motion:reduce){.backstage .hero-copy h1,.backstage .photo-row img:nth-child(2),.backstage .event-box{transform:none}}
.backstage-blocks{padding-block:70px;display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.backstage-block{grid-column:span 6;min-height:220px;position:relative;overflow:hidden;border-top:1px solid var(--line)}.backstage-block.width-half{grid-column:span 3}.backstage-block.width-third{grid-column:span 2}.backstage-block img{width:100%;height:330px;object-fit:cover;filter:grayscale(.45) contrast(1.08)}.backstage-block .block-copy{padding:24px 0}.backstage-block h2{max-width:18ch;margin:8px 0 16px;font:400 clamp(2rem,4vw,4.2rem)/.94 var(--serif);letter-spacing:-.045em}.backstage-block p:not(.kicker){max-width:55ch}.backstage-block a{color:var(--backstage-accent);font-weight:750}.backstage-block.style-accent{padding:26px;color:var(--backstage-bg);background:var(--backstage-accent);border:0}.backstage-block.style-accent .kicker,.backstage-block.style-accent a{color:var(--backstage-bg)}.backstage-block.style-dark{padding:26px;background:color-mix(in srgb,var(--backstage-bg) 82%,#000)}.backstage-block.style-overlap{min-height:460px}.backstage-block.style-overlap img{width:72%;height:430px;margin-left:auto}.backstage-block.style-overlap .block-copy{position:absolute;z-index:2;left:0;bottom:20px;width:62%;padding:26px;background:var(--backstage-bg);transform:rotate(-1deg)}.backstage-block.block-quote h2{font-style:italic}.backstage-block.block-graphic img{filter:grayscale(1) contrast(1.75);mix-blend-mode:screen}.backstage-block.block-event:after{content:'LIVE';position:absolute;right:10px;top:10px;padding:6px 8px;color:var(--backstage-bg);background:var(--backstage-accent);font-size:.68rem;letter-spacing:.12em}
@media(max-width:680px){.backstage-blocks{grid-template-columns:1fr;padding-block:45px}.backstage-block,.backstage-block.width-half,.backstage-block.width-third{grid-column:1}.backstage-block.style-overlap .block-copy{position:relative;bottom:auto;width:100%;transform:none}.backstage-block.style-overlap img{width:100%;height:300px}}
.backstage .article .featured-image{position:relative;background:transparent}.backstage .article .featured-wide{width:min(1180px,100%);margin-top:-12px}.backstage .article .featured-wide img{height:min(68vw,700px);clip-path:polygon(4% 0,100% 3%,96% 100%,0 92%)}.backstage .article .featured-medium{width:min(760px,82%);margin-left:auto;transform:rotate(1.2deg);box-shadow:16px 16px 0 var(--backstage-accent)}.backstage .article .featured-compact{width:min(430px,65%);margin-left:8%;transform:rotate(-2deg)}.backstage .article .featured-medium img,.backstage .article .featured-compact img{aspect-ratio:4/5;object-fit:cover}.backstage.media-photo .article .featured-image img{filter:none}.backstage.media-graphic .article .featured-image img{filter:grayscale(1) contrast(1.7)}
@media(max-width:680px){.backstage .article .featured-wide,.backstage .article .featured-medium,.backstage .article .featured-compact{width:100%;margin:0;transform:none;box-shadow:none}.backstage .article .featured-wide img,.backstage .article .featured-medium img,.backstage .article .featured-compact img{height:auto;aspect-ratio:4/3;clip-path:none}}
.backstage .social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.backstage .social-links a{padding:7px 10px;border:1px solid var(--line);font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.backstage .social-links a:hover{color:var(--backstage-bg);background:var(--backstage-accent);opacity:1}
.backstage img[class*="image-treatment-"]{object-position:var(--focus-x,50%) var(--focus-y,50%)}.backstage .image-treatment-natural{filter:none!important}.backstage .image-treatment-mono{filter:grayscale(1) contrast(1.08)!important}.backstage .image-treatment-contrast{filter:grayscale(.25) contrast(1.45) saturate(1.08)!important}.backstage .image-treatment-soft{filter:saturate(.72) contrast(.88) brightness(1.08)!important}
.backstage-block>img{position:relative;z-index:0}.backstage-block .block-overlay{position:absolute;z-index:1;inset:0;pointer-events:none;background:var(--block-overlay);opacity:var(--block-opacity);mix-blend-mode:normal}.backstage-block.blend-multiply .block-overlay{mix-blend-mode:multiply}.backstage-block.blend-screen .block-overlay{mix-blend-mode:screen}.backstage-block .block-shape{display:none;position:absolute;z-index:2;pointer-events:none;border-color:var(--block-overlay)}.backstage-block.shape-circle .block-shape{display:block;right:-7%;top:8%;width:min(230px,42%);aspect-ratio:1;border:18px solid var(--block-overlay);border-radius:50%;transform:rotate(-8deg)}.backstage-block.shape-bar .block-shape{display:block;left:-4%;top:22%;width:108%;height:28px;background:var(--block-overlay);transform:rotate(-4deg)}.backstage-block.shape-frame .block-shape{display:block;inset:18px;border:8px solid var(--block-overlay);transform:rotate(1deg)}.backstage-block .block-copy{position:relative;z-index:3}.backstage-block[class*="text-pos-"]:not(.text-pos-below):has(>img){min-height:430px}.backstage-block[class*="text-pos-"]:not(.text-pos-below):has(>img)>img{height:430px}.backstage-block[class*="text-pos-"]:not(.text-pos-below):has(>img) .block-copy{position:absolute;width:min(520px,78%);padding:22px;background:var(--backstage-bg)}.backstage-block.text-pos-top-left:has(>img) .block-copy{left:18px;top:18px}.backstage-block.text-pos-bottom-left:has(>img) .block-copy{left:18px;bottom:18px}.backstage-block.text-pos-bottom-right:has(>img) .block-copy{right:18px;bottom:18px}
@media(max-width:680px){.backstage-block[class*="text-pos-"]:not(.text-pos-below):has(>img) .block-copy{left:12px;right:12px;bottom:12px;top:auto;width:auto}.backstage-block.shape-frame .block-shape{inset:10px;border-width:5px}}
.backstage .button{color:var(--backstage-on-accent);background:var(--backstage-accent)}
.backstage .search-form{border-color:var(--line);background:color-mix(in srgb,var(--backstage-bg) 94%,var(--backstage-ink))}.backstage .search-form input,.backstage .search-form button{color:var(--backstage-ink);background:transparent}.backstage .search-form input::placeholder{color:var(--backstage-ink);opacity:.62}.backstage .search-form button{border-left-color:var(--line)}.backstage .search-form button:hover{color:var(--backstage-on-accent);background:var(--backstage-accent)}.backstage .search-form:focus-within{outline:2px solid var(--backstage-ink);outline-offset:3px;box-shadow:0 0 0 2px var(--backstage-bg),0 0 0 5px var(--backstage-accent)}
.backstage .public-form{color:var(--backstage-ink);border-color:var(--line);background:color-mix(in srgb,var(--backstage-bg) 96%,var(--backstage-ink))}.backstage .public-field input:not([type=radio]):not([type=checkbox]),.backstage .public-field textarea,.backstage .public-field select{color:var(--backstage-ink);border-color:color-mix(in srgb,var(--backstage-ink) 48%,transparent);background:var(--backstage-bg)}.backstage .public-field input::placeholder,.backstage .public-field textarea::placeholder{color:var(--backstage-ink);opacity:.62}.backstage .checkbox-choice{border-color:var(--line);background:var(--backstage-bg)}.backstage .field-help,.backstage .form-retention{color:var(--backstage-ink);opacity:.72}.backstage .public-field input:focus-visible,.backstage .public-field textarea:focus-visible,.backstage .public-field select:focus-visible{outline:2px solid var(--backstage-ink);outline-offset:2px;box-shadow:0 0 0 4px var(--backstage-accent)}.backstage .public-form input[type=radio],.backstage .public-form input[type=checkbox]{accent-color:var(--backstage-accent)}
.backstage .share-actions{max-width:760px;margin-top:55px;padding-top:22px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line)}.backstage .share-actions h2{width:100%;margin:0 0 4px;font:700 .75rem var(--sans);letter-spacing:.12em;text-transform:uppercase}.backstage .share-actions a{padding:9px 12px;color:var(--backstage-ink);border:1px solid var(--line);font-size:.76rem;font-weight:750;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}.backstage .share-actions a:hover{color:var(--backstage-on-accent);background:var(--backstage-accent)}
.backstage .required-note{color:var(--backstage-ink);opacity:.7}.backstage .field-error{color:var(--backstage-ink);text-decoration:underline 2px var(--backstage-accent);text-underline-offset:3px}

/* Byggeblokke: titler skal altid blive inden for deres komposition. */
.backstage-blocks,.backstage-block{min-width:0}.backstage-block .block-copy{box-sizing:border-box;min-width:0;max-width:100%}.backstage-block h2{max-width:100%;overflow-wrap:anywhere;word-break:normal;hyphens:auto;text-wrap:balance}.backstage-block.width-half h2{font-size:clamp(2rem,3.25vw,3.45rem)}.backstage-block.width-third h2{font-size:clamp(1.65rem,2.45vw,2.7rem)}.backstage-block.title-medium h2{font-size:min(3.35rem,clamp(2rem,3.25vw,3.35rem))}.backstage-block.title-long h2{font-size:min(2.8rem,clamp(1.75rem,2.8vw,2.8rem));line-height:1}.backstage-block.title-xlong h2{font-size:min(2.35rem,clamp(1.55rem,2.35vw,2.35rem));line-height:1.04}.backstage-block.width-third.title-long h2{font-size:clamp(1.55rem,2.05vw,2.2rem)}.backstage-block.width-third.title-xlong h2{font-size:clamp(1.4rem,1.8vw,1.9rem)}
.backstage-block.style-overlap:not(:has(>img)){min-height:0}.backstage-block.style-overlap:not(:has(>img)) .block-copy{position:relative;left:auto;right:auto;bottom:auto;width:auto;padding:24px 0;background:transparent;transform:none}.backstage-block.width-half.style-overlap:has(>img) .block-copy,.backstage-block.width-third.style-overlap:has(>img) .block-copy{left:12px;right:12px;width:auto;max-height:calc(100% - 24px);overflow:auto;transform:none}.backstage-block[class*="text-pos-"]:not(.text-pos-below):has(>img) .block-copy{max-width:calc(100% - 36px);max-height:calc(100% - 36px);overflow:auto}
@media(max-width:680px){.backstage-block h2,.backstage-block.width-half h2,.backstage-block.width-third h2{font-size:clamp(1.75rem,10vw,3rem)}.backstage-block.title-long h2,.backstage-block.width-third.title-long h2{font-size:clamp(1.6rem,8.5vw,2.5rem)}.backstage-block.title-xlong h2,.backstage-block.width-third.title-xlong h2{font-size:clamp(1.45rem,7.5vw,2.15rem)}}

/* Forsidens redaktionelle strømme følger byggeblokkenes rytme. */
.backstage .home-reorder{display:flex;flex-direction:column}.backstage .home-reorder>.home-orderable{order:var(--home-order)}.backstage .home-reorder>.home-after-reorder{order:90}
.backstage .content-stream{padding-block:72px;border-top:1px solid var(--line)}.backstage .content-stream+.content-stream{padding-top:18px;border-top:0}.backstage .content-stream .section-title{margin-bottom:30px}.backstage .content-stream .section-title>a,.backstage .home-themes .section-title>a{color:var(--backstage-accent);font-weight:750}.content-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.content-card{min-width:0;overflow:hidden;border-top:1px solid var(--line)}.content-card>img{width:100%;height:230px;object-fit:cover}.content-card>div{padding:22px 0 28px}.content-card.no-image>div{min-height:300px;padding:28px 24px;background:color-mix(in srgb,var(--backstage-bg) 88%,var(--backstage-ink))}.content-card h3{max-width:100%;margin:7px 0 13px;font:400 clamp(1.65rem,2.5vw,2.65rem)/.98 var(--serif);letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance}.content-card h3 a{text-decoration:none}.content-card p:not(.category){max-width:42ch;margin:0 0 18px;color:var(--backstage-ink);opacity:.74}.content-card time{color:var(--backstage-ink);font-size:.76rem;opacity:.66}.content-card:nth-child(3n+2){transform:translateY(18px)}.backstage .home-events{padding-block:34px 74px}.backstage .home-events .event-box{transform:none}.backstage .event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}.backstage .event-grid .event-row{min-width:0}

/* Temaer er en del af Backstage-paletten, ikke et fremmed lyst kortdesign. */
.backstage .home-themes{padding:72px 0 86px;color:var(--backstage-ink);background:color-mix(in srgb,var(--backstage-bg) 90%,var(--backstage-accent))}.backstage .home-theme-grid{gap:18px}.backstage .home-theme-grid article{position:relative;min-width:0;color:var(--backstage-ink);border:0;border-top:1px solid var(--line);background:transparent}.backstage .home-theme-grid article:before{content:'';position:absolute;z-index:2;top:-1px;left:0;width:34%;height:7px;background:var(--theme-color)}.backstage .home-theme-grid article>img{height:240px;filter:grayscale(.35) contrast(1.08)}.backstage .home-theme-grid article>div{min-height:190px;padding:24px 0}.backstage .home-theme-grid .category{color:var(--backstage-accent)}.backstage .home-theme-grid h3{max-width:100%;font:400 clamp(1.75rem,2.6vw,2.7rem)/1 var(--serif);letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance}.backstage .home-theme-grid article>div>p:last-child{color:var(--backstage-ink);opacity:.72}.backstage .home-theme-grid article:nth-child(3n+2){transform:translateY(18px)}
@media(max-width:900px){.content-card-grid,.backstage .event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card:nth-child(3n+2),.backstage .home-theme-grid article:nth-child(3n+2){transform:none}.content-card:nth-child(even),.backstage .home-theme-grid article:nth-child(even){transform:translateY(14px)}}
@media(max-width:680px){.backstage .content-stream{padding-block:52px}.content-card-grid,.backstage .event-grid{grid-template-columns:1fr}.content-card:nth-child(even),.backstage .home-theme-grid article:nth-child(even){transform:none}.content-card>img,.backstage .home-theme-grid article>img{height:220px}.content-card.no-image>div{min-height:0}.backstage .home-themes{padding:54px 0 64px}.backstage .home-theme-grid article>div{min-height:0}.backstage .section-title.inline{align-items:flex-start;flex-direction:column}}
