/* Apple Design: klare Hierarchie, direkte Rückmeldung, Kunst im Mittelpunkt. */
:root{--muted:#c3c4bb;--line:#3c3e37;--panel:#20211e;--pad:clamp(1.25rem,5.5vw,5.5rem);--type-small:.875rem;--type-body:1rem;--type-heading:clamp(1.75rem,2.5vw,2.25rem);--type-name:clamp(2rem,3vw,2.5rem);--type-display:clamp(2.25rem,3.4vw,3rem)}
html{font-size:100%;scroll-padding-top:8rem}
body{font-size:1rem;line-height:1.7;font-optical-sizing:auto}
h1,h2,h3{text-wrap:balance;letter-spacing:-.04em}
h2{font-size:clamp(2.125rem,4.4vw,3.875rem)}
h3{font-size:clamp(1.5625rem,2.5vw,2.125rem)}
p{text-wrap:pretty}
button,a,summary{touch-action:manipulation}
:focus-visible{outline:2px solid var(--orange);outline-offset:5px;border-radius:6px}
.eyebrow{font-size:.6875rem;letter-spacing:.1em}
.site-header{width:min(calc(100% - 2 * var(--pad)),var(--max));margin:1rem auto 0;top:1rem;height:5rem;padding-inline:1.25rem;gap:1rem;border:1px solid #ffffff14;border-radius:1.5rem;background:#20211ed9;backdrop-filter:blur(24px) saturate(130%);box-shadow:0 8px 32px #00000018}
.brand{font-size:.9375rem;letter-spacing:-.02em}
.brand img{width:2.625rem;height:2.75rem}
.brand-sub{font-size:.625rem;letter-spacing:.08em}
.site-nav{gap:.25rem}
.site-nav a{font-size:.8125rem;min-height:2.75rem;padding:.625rem 1rem;border-radius:2rem;display:inline-flex;align-items:center;gap:.25rem;transition:background-color 160ms,color 160ms}
.site-nav a::after{display:none}
.site-nav a.is-active{background:#ffffff0c;color:var(--ink)}
.site-nav a:hover{background:#ffffff12;color:var(--ink)}
.site-nav sup{font-size:.5625rem;margin-left:0}
.motion-toggle{margin-left:.5rem;width:2.75rem;height:2.75rem;flex-shrink:0;color:var(--ink);background:#ffffff05}
.motion-toggle:active{background:#ffffff16;transform:scale(.94)}
.hero{padding-top:clamp(2.5rem,5.5vw,5rem);column-gap:7%}
.hero-copy{padding-top:1rem;padding-bottom:2rem}
.hero h1{font-size:clamp(2.5rem,4.25vw,4rem);white-space:normal;margin-top:1.5rem;letter-spacing:-.045em}
.hero-description{font-size:clamp(3.5rem,6.2vw,6rem);line-height:1.04;letter-spacing:-.055em}
.hero-intro{font-size:1rem;line-height:1.8;margin-top:1.5rem;max-width:32ch}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.75rem;position:relative;z-index:2}
.hero-actions .discover-link{margin:0;padding:.75rem 1.25rem;min-height:3rem;border-radius:2rem;background:var(--orange);color:var(--bg);font-size:.875rem;font-weight:650;gap:.625rem;transition:background-color 160ms,transform 160ms}
.hero-actions .discover-link:hover{background:#ff962d}
.hero-actions .discover-link:active{transform:scale(.97)}
.hero-actions .circle-arrow{width:auto;height:auto;border:0;font-size:1.25rem}
.hero-actions .discover-link:hover .circle-arrow{transform:none;background:none;color:inherit}
.hero-secondary{font-size:.875rem;display:inline-flex;align-items:center;min-height:3rem;padding:.75rem 1.25rem;border:1px solid var(--line);border-radius:2rem;gap:.75rem;transition:background-color 160ms,transform 160ms}
.hero-secondary:hover{background:#ffffff0a}
.hero-secondary:active{transform:scale(.97)}
.resonance{opacity:.32;right:-1rem;bottom:-1.5rem}
.art-topline{margin-bottom:1rem}
.hero-art-button{padding:1rem;background:var(--panel);border:1px solid #ffffff0c;border-radius:1.25rem;overflow:hidden;box-shadow:0 20px 70px #00000020}
.hero-art-button img{border-radius:.5rem}
.view-hint{right:1.5rem;bottom:1.5rem;font-family:inherit;font-size:.75rem;font-weight:600;letter-spacing:0;border-radius:2rem;padding:.625rem 1rem}
.hero-art-controls{margin-top:1rem;gap:.625rem}
.hero-art-name{font-size:.9375rem;letter-spacing:-.02em;flex:1;min-width:0}
.hero-art-controls>.eyebrow{min-width:auto;font-size:.6875rem}
.slide-progress{display:none}
.arrow-button,.back-top{width:2.75rem;height:2.75rem;display:inline-grid;place-items:center;border-radius:50%;background:#ffffff04;flex-shrink:0}
.arrow-button:active,.back-top:active{transform:scale(.93);background:#ffffff12}
.hero-bottom{font-size:.6875rem;letter-spacing:.055em;margin-top:3rem;padding-block:1.5rem;gap:1.5rem}
.intro-section{padding-block:clamp(4rem,8vw,7rem)}
.intro-copy h2{font-size:clamp(2rem,3.5vw,3rem)}
.intro-text{font-size:1rem;line-height:1.9;gap:2rem}
.intro-text .text-link{font-size:inherit;color:var(--ink);text-decoration:underline;text-decoration-color:#ffffff40}
.section-heading>p,.music-intro p,.social-copy>p:not(.eyebrow){font-size:1rem;line-height:1.8}
.gallery-note{font-size:.8125rem;margin-bottom:2rem;gap:.625rem;flex-wrap:wrap}
.featured-gallery{column-gap:5%;row-gap:3.5rem}
.art-card:nth-child(even){margin-top:0}
.art-card:nth-child(3n){width:100%}
.art-card__button{background:var(--panel);border:1px solid #ffffff0c;border-radius:1.25rem;padding:1rem;overflow:hidden;transition:background-color 180ms,transform 180ms,box-shadow 180ms}
.art-card__button img{border-radius:.5rem}
.art-card__button:hover{background:#252622;box-shadow:0 12px 40px #00000018}
.art-card__button:active{transform:scale(.985)}
.art-card__utility{border:0;padding:.875rem 0 0;font-size:.6875rem;letter-spacing:.04em}
.art-card__title{font-size:1.375rem;letter-spacing:-.025em;margin-top:1.125rem}
.art-card__story{padding-top:.875rem;max-width:54ch}
.art-card__story p,.archive-card .art-card__story p{font-size:.9375rem;line-height:1.85}
.art-story-link{font-size:.8125rem;min-height:2.75rem;padding:.625rem 0;margin-top:.375rem}
.art-card__video{font-size:.75rem;margin-top:.75rem}
.archive{margin-top:4rem}
.archive summary{min-height:6rem;padding:1.75rem .25rem;border-radius:.75rem}
.archive-title sup{font-size:.75rem}
.archive summary .eyebrow{margin-bottom:.5rem}
.archive-grid{gap:2rem;padding-top:1.5rem}
.archive-card{min-width:0}
.archive-card .art-card__button{padding:.875rem}
.archive-card img{height:clamp(10rem,18vw,15rem)}
.archive-card .art-card__utility{font-size:.625rem}
.archive-card .art-card__title{font-size:1.125rem}
.band-link{border:1px solid var(--line);border-radius:1.25rem;padding:2rem 1.5rem;background:#ffffff03}
.band-link:hover{padding:2rem 1.5rem;background:#ffffff06}
.band-link:active{background:#ffffff0a}
.band-name{font-size:clamp(2.125rem,5vw,4.25rem);letter-spacing:-.045em}
.band-cta,.band-footnote,.band-footnote .text-link{font-size:.8125rem}
.text-link{font-size:.875rem}
.video-image{border-radius:1rem;border:1px solid #ffffff0c}
.video-image img{filter:none}
.play-button{width:2.75rem;height:2.75rem;font-size:.75rem;box-shadow:0 4px 20px #0004}
.video-card:active .play-button{transform:scale(.94)}
.video-card small{font-size:.6875rem}
.video-card strong{font-size:.9375rem;line-height:1.6;font-weight:550}
.video-heading h3{font-size:clamp(1.75rem,3vw,2.25rem)}
.social-links a{padding:1.5rem .5rem;border-radius:.5rem}
.social-copy h2{font-size:clamp(2.1875rem,4.6vw,4.125rem)}
.social-links a:hover{padding-left:.5rem;background:#ffffff04}
.social-links a:active{background:#ffffff09}
.social-links small{font-size:.8125rem}
.social-index{font-size:.6875rem}
.site-footer{font-size:.8125rem;min-height:5rem;gap:1.75rem}
.site-footer>a:not(.footer-signature){min-height:2.75rem;display:inline-flex;align-items:center}
.artwork-breadcrumb{font-size:.875rem;line-height:1.8}
.artwork-heading h1{font-size:clamp(2.75rem,7vw,5.625rem);letter-spacing:-.045em}
.artwork-main{background:var(--panel);padding:1rem;border:1px solid #ffffff0c;border-radius:1.25rem}
.artwork-main img,.artwork-detail-grid img{border-radius:.5rem}
.artwork-page figcaption{font-size:.8125rem}
.artwork-story h2,.artwork-details h2{font-size:1.75rem;letter-spacing:-.025em}
.artwork-story p{font-size:1rem;line-height:1.9}
.artwork-navigation{font-size:.875rem}
.artwork-navigation a{min-height:2.75rem;display:inline-flex;align-items:center}
.legal-back{font-size:.875rem;min-height:2.75rem;display:inline-flex;align-items:center}
.legal-hero>h1{font-size:clamp(2.5rem,7vw,5rem)}
.lightbox{inset:1rem;width:calc(100% - 2rem);max-width:94rem;height:calc(100dvh - 2rem);max-height:calc(100dvh - 2rem);margin:auto;border:1px solid #ffffff1a;border-radius:1.5rem;background:#1b1c19;box-shadow:0 24px 100px #0006}
.lightbox::backdrop{background:#000b;backdrop-filter:blur(14px)}
.lightbox-shell{padding:1.25rem clamp(1rem,3vw,2.75rem);gap:1rem}
.lightbox-header{min-height:3.5rem;gap:1rem}
.lightbox-header>div:first-child{min-width:0}
.lightbox-title{font-size:1.375rem;line-height:1.25;letter-spacing:-.025em;margin-top:.25rem;overflow-wrap:anywhere}
.lightbox-header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}
.lightbox-header-actions .text-link{font-size:.8125rem;color:var(--muted);min-height:2.75rem;display:inline-flex;align-items:center}
.icon-button,.lightbox-arrow{width:2.75rem;height:2.75rem;border-radius:50%;background:#ffffff06;flex-shrink:0;transition:background-color 140ms,transform 140ms}
.icon-button:hover,.lightbox-arrow:hover{background:#ffffff10}
.icon-button:active,.lightbox-arrow:active{transform:scale(.92)}
.lightbox-viewer{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;gap:.75rem}
.lightbox-stage{width:100%;flex:1;min-height:0;overflow:hidden;position:relative;touch-action:pan-y pinch-zoom;border-radius:.75rem}
.lightbox-track{height:100%;display:flex;transform:translate3d(calc(-100% + var(--swipe-offset,0px)),0,0)}
.lightbox-track img{width:100%;height:100%;min-width:100%;flex:0 0 100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.lightbox-stage.is-dragging{cursor:grabbing}
.lightbox-stage.is-moving .lightbox-track{will-change:transform}
.lightbox-viewer figcaption{font-size:.8125rem;min-height:1.75rem;text-align:center}
.lightbox-thumbs{min-height:3.5rem;gap:.625rem;padding:.25rem;justify-content:safe center}
.lightbox-thumbs button{width:4rem;height:3rem;border-radius:.5rem;padding:.1875rem;background:#ffffff04}
.lightbox-thumbs img{border-radius:.25rem}
.lightbox-thumbs button.is-active{box-shadow:0 0 0 1px var(--orange)}
.lightbox-story{padding-top:1.25rem}
.lightbox-story h3{font-size:.75rem;letter-spacing:.08em;margin-bottom:1.25rem}
.lightbox-story p{font-size:1rem;line-height:1.85;margin-bottom:1.25rem}
.making-link{font-size:.8125rem;min-height:2.75rem;display:grid;place-items:center}
.lightbox-help{font-size:.75rem;color:var(--muted);text-align:center}
@media(hover:none){.view-hint{opacity:1;transform:none;background:#eeeee5e8}.lightbox-help .keyboard-help{display:none}}
@media(max-width:1000px){.intro-text{gap:1.5rem}.hero-description{font-size:clamp(3.5rem,6.5vw,5rem)}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{max-width:40rem;padding-bottom:2rem}.hero-art{width:100%;max-width:38rem;justify-self:center}.hero-actions{max-width:100%}}
@media(max-width:850px){.lightbox.has-story .lightbox-media{height:60svh;min-height:20rem}.lightbox-story{margin-top:2rem;padding:1.5rem .25rem}.lightbox-story p{font-size:1rem}.lightbox.has-story .lightbox-content{scrollbar-width:thin}}
@media(max-width:700px){
  .site-header{width:calc(100% - 1.5rem);height:4.5rem;top:.5rem;margin-top:.5rem;padding-inline:.75rem;border-radius:1.25rem;gap:.5rem}
  .site-nav{gap:0}.site-nav a{font-size:.75rem;padding:.625rem .5rem}.site-nav sup{display:none}.motion-toggle{margin-left:0}.brand img{width:2rem;height:2.25rem}
  .hero{padding-top:2rem}.hero-copy{padding-top:0;padding-bottom:2rem}.hero h1{font-size:2.75rem;margin-top:1rem}.hero-description{font-size:clamp(3.5rem,12vw,5rem);margin-top:.75rem}
  .hero-intro{font-size:.9375rem;margin-top:1.25rem}.hero-actions{margin-top:1.5rem;gap:.625rem}.hero-actions .discover-link,.hero-secondary{font-size:.8125rem;padding:.625rem 1rem}
  .resonance{display:none}.hero-art{max-width:34rem}.hero-art-button{padding:.75rem;border-radius:1rem}.hero-art-name{font-size:.875rem}
  .hero-bottom{font-size:.625rem;line-height:1.8;margin-top:2rem;gap:1rem}.hero-bottom>span{max-width:11rem}.hero-bottom a{max-width:10rem}
  .intro-text{font-size:.9375rem;line-height:1.85;gap:1rem}.section-top>.eyebrow:last-child{font-size:.625rem}.section-heading>p{font-size:.9375rem;margin-top:1.5rem}.section-heading{margin-bottom:2rem}
  .gallery-note{font-size:.75rem;margin-bottom:1.5rem}.featured-gallery{gap:2.5rem 1.5rem}.art-card:nth-child(even){margin-top:0}.art-card__button{padding:.75rem;border-radius:1rem}.art-card__utility{font-size:.625rem}.art-card__title{font-size:1.25rem}
  .archive-grid{gap:1.75rem 1rem}.archive-card .art-card__button{padding:.625rem}.archive-title{font-size:1.625rem}.archive-card .art-card__utility{font-size:.5625rem}.archive-card img{height:10rem}
  .music-intro p{font-size:.9375rem;margin-top:1.5rem}.band-link,.band-link:hover{padding:1.5rem 1rem}.band-name{font-size:clamp(2rem,8vw,3rem)}.band-cta{font-size:0}.band-cta>span{margin:0}.band-footnote{flex-wrap:wrap;gap:.5rem}
  .video-card strong{font-size:.875rem}.video-card small{font-size:.6875rem}.video-heading .text-link{font-size:.875rem}.play-button{width:2.75rem;height:2.75rem;bottom:.75rem;right:.75rem;font-size:.75rem}
  .social-copy>p:not(.eyebrow){font-size:.9375rem}.social-links small{font-size:.8125rem}.site-footer{gap:1rem}.footer-signature{font-size:1.25rem}
  .lightbox{inset:.375rem;width:calc(100% - .75rem);height:calc(100dvh - .75rem);max-height:calc(100dvh - .75rem);border-radius:1.25rem}
  .lightbox-shell{padding:1rem .625rem;gap:.75rem}.lightbox-title{font-size:1.125rem}.lightbox-header{padding-inline:.375rem}.lightbox-header-actions{gap:.5rem}.lightbox-header-actions .text-link{font-size:.75rem}
  .lightbox-viewer{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;gap:0}.lightbox-arrow{width:2.75rem;height:2.75rem;font-size:1.25rem;background:#ffffff03}.lightbox-stage{border-radius:.5rem}.making-link{font-size:.75rem}.lightbox-help{font-size:.6875rem}
  .lightbox.has-story .lightbox-media{height:auto;min-height:0}
  .lightbox-viewer{grid-template-columns:1fr 1fr;gap:.5rem;flex:none}
  .lightbox-viewer>figure{grid-column:1/-1;grid-row:1;height:auto;min-width:0}
  .lightbox-viewer>[data-prev]{grid-column:1;grid-row:2;justify-self:end}
  .lightbox-viewer>[data-next]{grid-column:2;grid-row:2;justify-self:start}
  .lightbox-viewer .lightbox-arrow[hidden]{display:none!important}
  .lightbox-stage{flex:none;aspect-ratio:1.17}
  .lightbox-track{position:absolute;inset:0}
  .lightbox:not(.has-story) .lightbox-stage{aspect-ratio:auto;height:calc(100dvh - 17rem)}
  .lightbox-story{margin-top:1rem}
}
@media(max-width:560px){.brand>span{display:none}.brand{gap:0}.site-nav{margin-left:auto}.featured-gallery{grid-template-columns:1fr;gap:2.5rem}.art-card:nth-child(even){margin-top:0}.art-card__utility{font-size:.6875rem}.art-card__story p{font-size:.9375rem}.archive-grid{grid-template-columns:1fr 1fr}}
@media(max-width:360px){.hero h1{font-size:2.5rem}.hero-actions{gap:.5rem}.hero-actions .discover-link,.hero-secondary{padding:.625rem .875rem}.archive-grid{grid-template-columns:1fr}.archive-card img{height:auto}.lightbox-header-actions .text-link{display:none}}
@media(prefers-reduced-transparency:reduce){.site-header{background:#20211e;backdrop-filter:none}.lightbox::backdrop{background:#10110ff5;backdrop-filter:none}.view-hint{background:var(--ink)}}
@media(prefers-contrast:more){:root{--muted:#d5d6cc;--line:#77796e}.site-header,.lightbox{background:#171816;backdrop-filter:none;border-color:var(--line)}.art-card__button,.hero-art-button,.artwork-main{border-color:var(--line)}.site-nav a.is-active{outline:1px solid var(--ink)}.lightbox::backdrop{background:#000;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lightbox-track{will-change:auto}.resonance{display:none}}

/* Verbindliche Schriftgrößen für alle Ansichten: 14 / 16 / 20–24 / 28–48 px.
   Dieser gemeinsame Maßstab gilt auch nach den Layout-Breakpoints oben. */
body{font-size:var(--type-body);line-height:1.75}
.hero h1,.artwork-heading h1,.legal-hero>h1{font-size:var(--type-name);line-height:1.2;letter-spacing:-.03em}
.hero-description{font-size:var(--type-display);line-height:1.16;letter-spacing:-.035em}
h2,.intro-copy h2,.social-copy h2,.band-name,.archive-title{font-size:var(--type-heading);line-height:1.25;letter-spacing:-.025em}
h3,.video-heading h3,.artwork-story h2,.artwork-details h2{font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.35;letter-spacing:-.02em}
.hero-intro,.intro-text,.section-heading>p,.music-intro p,.social-copy>p:not(.eyebrow),.art-card__story p,.archive-card .art-card__story p,.artwork-story p,.legal-card p,.legal-card address{font-size:var(--type-body);line-height:1.8}
.eyebrow,.section-number{font-family:Manrope,Arial,sans-serif;font-size:var(--type-small);font-weight:500;line-height:1.5;letter-spacing:.04em}
.brand{font-size:1rem}.brand-name{font-size:1rem}.brand-sub{font-size:var(--type-small);letter-spacing:.025em}
.site-nav a{font-size:.9375rem}
.site-nav sup{display:none}
.hero-actions .discover-link,.hero-secondary,.discover-link{font-size:var(--type-body)}
.hero-art-name{font-size:var(--type-body)}
.hero-art-controls>.eyebrow,.section-top>.eyebrow:last-child,.archive-title sup,.art-card__utility,.archive-card .art-card__utility,.art-card__video,.art-story-link,.view-hint,.gallery-note,.band-cta,.band-footnote,.band-footnote .text-link,.video-card small,.social-links small,.social-index,.site-footer,.artwork-page figcaption,.artwork-breadcrumb,.artwork-navigation,.legal-back,.lightbox-header-actions .text-link,.lightbox-viewer figcaption,.lightbox-story h3,.making-link,.lightbox-help,.text-link{font-size:var(--type-small);line-height:1.6}
.art-card__utility,.video-card small,.social-index{font-family:Manrope,Arial,sans-serif;letter-spacing:.025em}
.art-card__title{font-size:1.25rem}.archive-card .art-card__title{font-size:1.125rem}
.video-card strong{font-size:var(--type-body);line-height:1.65}
.social-links strong{font-size:1.375rem}
.hero-bottom{font-family:Manrope,Arial,sans-serif;font-size:var(--type-small);line-height:1.6;letter-spacing:.025em;flex-wrap:wrap;gap:.75rem 1.5rem}
.hero-bottom>span,.hero-bottom a{max-width:100%;text-align:left}
.section-top{flex-wrap:wrap;gap:.5rem 1rem}
.archive-card .art-card__utility>span:first-child{display:none}
.lightbox-title{font-size:1.25rem;line-height:1.35}
.lightbox-header .eyebrow{letter-spacing:.025em}
.lightbox-story p{font-size:var(--type-body);line-height:1.8}
@media(max-width:700px){.hero-actions .discover-link,.hero-secondary{padding:.625rem 1rem}.band-cta{font-size:var(--type-small)}.band-cta>span{font-size:1.25rem;margin-left:.5rem}}
@media(max-width:360px){.site-header{gap:.25rem;padding-inline:.625rem}.brand img{width:1.75rem}.site-nav a{font-size:var(--type-small);padding-inline:.4375rem}.hero-actions .discover-link,.hero-secondary{padding:.625rem .875rem}}

/* Freies Signet + kompakte Navigation statt einer durchgehenden Titelleiste. */
body{padding-top:6rem}
.site-header[data-header]{position:absolute;inset:1.25rem 0 auto;width:min(calc(100% - 2 * var(--pad)),var(--max));height:3.5rem;margin:0 auto;padding:0;gap:1rem;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;z-index:100;transition:transform 240ms cubic-bezier(.2,.8,.2,1),opacity 160ms}
.site-header[data-header].header-floating{position:fixed;top:1rem}
.site-header[data-header].header-is-hidden{transform:translateY(calc(-100% - 2rem));opacity:0;pointer-events:none}
.site-header[data-header] .brand{font-size:1rem;font-weight:600;gap:.625rem;flex-shrink:0;min-height:3rem}
.site-header[data-header] .brand>span{display:block}
.site-header[data-header] .brand img{width:2.25rem;height:2.5rem;transition:transform 240ms cubic-bezier(.2,.8,.2,1)}
.site-header[data-header] .brand:hover img{transform:rotate(-12deg)}
.brand-title{white-space:nowrap;letter-spacing:-.025em}
.brand-dot{color:var(--orange)}
.header-floating .brand{padding:.25rem .75rem .25rem .375rem;margin-left:-.375rem;border-radius:2rem;background:#171816df;backdrop-filter:blur(16px)}
.site-header[data-header] .site-nav{position:relative;display:flex;align-items:center;isolation:isolate;gap:.125rem;margin-left:auto;padding:.375rem;border:1px solid #ffffff1c;border-radius:3rem;background:#262723e8;backdrop-filter:blur(24px) saturate(140%);box-shadow:0 6px 24px #0003,inset 0 1px 0 #ffffff05}
.site-header[data-header] .site-nav a{position:relative;z-index:1;display:flex;align-items:center;min-height:2.75rem;padding:.625rem 1.25rem;border-radius:2rem;color:var(--muted);font-size:.9375rem;font-weight:500;transition:color 140ms,background-color 140ms}
.site-header[data-header] .site-nav a:hover,.site-header[data-header] .site-nav a.is-active{background:none;color:var(--ink)}
.site-header[data-header] .site-nav a.marker-target{color:#171816}
.site-nav .nav-caption,.site-nav .nav-arrow{display:none}
.nav-marker{position:absolute;inset:.375rem auto .375rem 0;width:var(--marker-width,0px);transform:translateX(var(--marker-x,0px));border-radius:2rem;z-index:0;background:var(--orange);box-shadow:0 2px 12px #ff800025;opacity:0;pointer-events:none;transition:transform 220ms cubic-bezier(.2,.8,.2,1),width 220ms cubic-bezier(.2,.8,.2,1),opacity 140ms}
.site-nav.has-marker .nav-marker{opacity:1}
.site-header[data-header] .motion-toggle{margin:0;width:2.75rem;height:2.75rem;border:1px solid #ffffff1c;background:#262723e8;color:var(--muted);backdrop-filter:blur(20px);box-shadow:0 6px 24px #0002}
.site-header[data-header] .motion-toggle:hover{color:var(--orange);border-color:#ff800080}
.menu-toggle{display:none;align-items:center;justify-content:center;gap:.625rem;min-height:2.75rem;padding:.625rem 1rem;border:1px solid #ffffff1c;border-radius:2rem;background:#262723f2;color:var(--ink);font-size:.9375rem;line-height:1.5;backdrop-filter:blur(20px);transition:background-color 140ms,transform 140ms}
.menu-toggle:hover{background:#32332c}.menu-toggle:active{transform:scale(.96)}
.menu-symbol{display:block;position:relative;width:1rem;height:1rem;flex-shrink:0}
.menu-symbol>span{position:absolute;left:0;top:50%;width:100%;height:1.5px;background:currentColor;border-radius:2px;transform:translateY(-3px);transition:transform 180ms}
.menu-symbol>span:last-child{transform:translateY(3px)}
.header-menu-open .menu-symbol>span:first-child{transform:rotate(45deg)}
.header-menu-open .menu-symbol>span:last-child{transform:rotate(-45deg)}
.header-menu-open .menu-toggle{background:var(--orange);border-color:var(--orange);color:#171816}
@media(max-width:700px){
  body{padding-top:7rem}.navigation-ready body{padding-top:5.5rem}
  .site-header[data-header]{top:1rem;width:calc(100% - 2rem);height:3rem;gap:.625rem}
  .site-header[data-header].header-floating{top:.75rem}
  .site-header[data-header] .brand{gap:.5rem}.site-header[data-header] .brand img{width:2rem;height:2.25rem}
  .site-header[data-header] .motion-toggle{margin-left:auto;flex-shrink:0}
  .navigation-ready .menu-toggle{display:inline-flex;flex-shrink:0;margin-left:auto}
  .navigation-ready .motion-toggle+.menu-toggle{margin-left:0}
  .site-header[data-header] .site-nav{position:absolute;top:calc(100% + .75rem);right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(22rem,100%);max-height:calc(100svh - 7rem);overflow-y:auto;margin:0;padding:.625rem;border-radius:1.5rem;border-color:#ffffff20;background:#242520f5;box-shadow:0 20px 60px #0007;transform-origin:calc(100% - 2.75rem) -.75rem}
  .navigation-ready .site-header[data-header] .site-nav{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-.5rem) scale(.98);transition:opacity 160ms,transform 200ms cubic-bezier(.2,.8,.2,1),visibility 160ms}
  .navigation-ready .site-header[data-header].header-menu-open .site-nav{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition-property:opacity,transform}
  .site-header[data-header] .site-nav a{display:grid;grid-template-columns:minmax(0,1fr) 1.75rem;gap:.25rem 1rem;padding:1rem;border-radius:1rem;min-height:5rem;color:var(--ink);font-size:1.125rem}
  .site-header[data-header] .site-nav a+a{border-top:1px solid #ffffff0c}
  .site-header[data-header] .site-nav a:hover{background:#ffffff07}
  .site-header[data-header] .site-nav a.is-active,.site-header[data-header] .site-nav a.marker-target{color:var(--orange)}
  .site-nav .nav-label{grid-column:1;grid-row:1}
  .site-nav .nav-caption{display:block;grid-column:1;grid-row:2;color:var(--muted);font-size:var(--type-small);font-weight:400;line-height:1.5}
  .site-nav .nav-arrow{display:block;grid-column:2;grid-row:1/3;align-self:center;justify-self:end;font-size:1.25rem}
  .nav-marker{display:none}
  html:not(.navigation-ready) .site-header[data-header] .site-nav{top:calc(100% + .25rem);flex-direction:row;justify-content:flex-end;width:auto;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;overflow:visible}
  html:not(.navigation-ready) .site-header[data-header] .site-nav a{display:flex;min-height:2.75rem;padding:.5rem .75rem;font-size:.9375rem;border:0}
  html:not(.navigation-ready) .site-nav .nav-caption,html:not(.navigation-ready) .site-nav .nav-arrow{display:none}
}
@media(max-width:360px){.site-header[data-header] .brand>span{display:none}.site-header[data-header]{gap:.5rem}.menu-toggle{padding-inline:.875rem}}
@media(prefers-reduced-transparency:reduce){.site-header[data-header] .site-nav,.menu-toggle,.site-header[data-header] .motion-toggle,.header-floating .brand{background:#262723;backdrop-filter:none}}
@media(prefers-contrast:more){.site-header[data-header] .site-nav,.menu-toggle,.site-header[data-header] .motion-toggle{background:#171816;border-color:var(--line);backdrop-filter:none}.header-floating .brand{background:#171816;backdrop-filter:none}.site-header[data-header] .site-nav a.is-active{color:var(--ink)}.site-header[data-header] .site-nav a.marker-target{color:#171816}}
@media(prefers-reduced-motion:reduce){.site-header[data-header],.nav-marker,.site-header[data-header] .site-nav,.menu-symbol>span{transition:none}}