@import url('fonts.css');
:root{color-scheme:dark;--red:#c31902;--white:#f4f2ef;--muted:#b3b0ad}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:#080808;color:var(--white);font-family:Raleway,Arial,sans-serif}a{color:inherit} .hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;isolation:isolate;padding:5rem 1.25rem 7rem;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-2;background:url('assets/red-tie.png') center 65%/cover no-repeat;opacity:.58}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.36) 55%,#080808 100%)}.hero-content{text-align:center;width:100%;max-width:1100px}.brand{font-size:1.125rem;font-weight:600;letter-spacing:.2em;margin:0 0 1.5rem}.brand span{display:block;font-size:.875rem;color:var(--red);letter-spacing:.32em;margin-top:.6rem}h1{margin:0;font-weight:800}.wordmark{display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(3.5rem,14vw,10.5rem);line-height:1;letter-spacing:.015em;white-space:nowrap}.tie{height:.96em;width:.24em;flex:none;margin:0 .035em}.dash{color:var(--red);padding:0 .035em}.tagline{margin:2.1rem auto 0;font-size:clamp(1rem,3.8vw,1.5rem);line-height:1.65;font-weight:500}.tagline p{margin:0}.tagline p:last-child{color:var(--red)}.explore{display:inline-flex;align-items:center;gap:1rem;margin-top:3rem;padding:.75rem 0;text-decoration:none;font-size:.875rem;color:#c8c4c0;border-bottom:1px solid #ffffff35}.explore span{color:var(--red);font-size:1.3rem}.hero-note{position:absolute;bottom:2rem;text-align:center;font-size:.75rem;letter-spacing:.13em;color:#999}.intro{max-width:1200px;margin:auto;padding:5rem 1.5rem 6rem}.eyebrow{color:var(--red);letter-spacing:.16em;font-size:.875rem;font-weight:700;margin:0 0 2rem}h2{font-size:clamp(2.3rem,7vw,4.4rem);line-height:1.1;letter-spacing:-.055em;font-weight:500;margin:0}h2 em{font-style:normal;color:var(--red)}.intro-copy{margin-top:2rem;max-width:35rem;color:var(--muted);font-size:1rem;line-height:1.85}.intro-copy p:first-child{color:var(--white);margin-top:0}.principles{margin-top:3.5rem;border-top:1px solid #333}.principles article{padding:2rem 0;border-bottom:1px solid #333}.number{color:var(--red);font-size:.875rem}h3{font-size:1.25rem;letter-spacing:-.035em;margin:1rem 0 .6rem}.principles p{color:var(--muted);font-size:1rem;line-height:1.7;margin:0;max-width:22rem}footer{border-top:1px solid #242424;max-width:1200px;margin:auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;font-size:.75rem;letter-spacing:.06em;color:#a6a19d}footer b{display:block;font-weight:400;color:#73706e;margin-top:.4rem}footer a{font-size:.875rem;text-decoration:none;width:fit-content}a:focus-visible{outline:2px solid var(--red);outline-offset:6px}a:hover{color:var(--white)}@media(min-width:700px){.brand{font-size:1.5rem}.brand span{display:inline;margin-left:1rem;font-size:1rem}.intro{padding:7rem 2.5rem}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem}.intro-copy{margin-top:0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.principles article{border-bottom:0;padding-top:2rem}.tagline{margin-top:2.5rem}.hero-note{bottom:2.5rem}footer{flex-direction:row;align-items:center;justify-content:space-between;padding:2.5rem}footer b{display:inline;margin-left:1rem}}@media(max-width:359px){.wordmark{font-size:13.3vw}.brand{font-size:1rem}.hero{padding-inline:1rem}.tagline{font-size:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Align the brand line with NIGHT at every viewport width. */
.night{position:relative;display:inline-block}.wordmark .brand{position:absolute;left:0;bottom:82%;width:max-content;display:block;margin:0;font-family:Raleway,Arial,sans-serif;font-size:.22em;font-weight:600;line-height:1.2;letter-spacing:.06em;white-space:nowrap}.wordmark .brand span{display:inline;margin:0;font-size:inherit;letter-spacing:inherit;color:var(--red)}

/* Event details and registration: mobile first. */
.hero{padding-top:6rem;padding-bottom:6rem}.event-facts{margin:2rem auto 1.5rem}.event-facts p{margin:0}.event-date span{display:block;font-size:.875rem;color:var(--muted);margin-bottom:.35rem}.event-date time{display:block;font-size:clamp(1.6rem,6vw,2.6rem);font-weight:700;letter-spacing:-.035em;line-height:1.25}.event-time{font-size:clamp(1.4rem,5vw,2rem);font-weight:600;color:var(--red);padding-top:.4rem}.event-format{font-size:1rem;color:var(--muted);padding-top:.8rem;line-height:1.6}.event-format span{padding:0 .3rem}.register-button{display:inline-block;min-height:3.25rem;padding:.9rem 1.7rem;border:1px solid var(--red);border-radius:2px;background:var(--red);color:#fff;font:700 1rem Raleway,Arial,sans-serif;line-height:1.3}.register-button:disabled{opacity:1;cursor:default}.registration-note{font-size:.875rem;line-height:1.5;color:var(--muted);margin:.65rem 0 0}.explore{margin-top:1.4rem}.program{max-width:1200px;margin:auto;padding:0 1.5rem 5rem}.program .principles{margin-top:2.5rem}.event-summary{margin-top:3rem;border-top:1px solid #333;padding-top:2.5rem;display:flex;flex-direction:column;gap:1.8rem}.event-summary .eyebrow{margin-bottom:1rem}.summary-date{margin:0;font-size:1.5rem;line-height:1.5;font-weight:600;letter-spacing:-.03em}.summary-date span{display:block;color:var(--red)}.summary-format{color:var(--muted);font-size:1rem}.summary-registration{align-self:flex-start}@media(min-width:700px){.program{padding:0 2.5rem 7rem}.event-summary{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}.summary-registration{align-self:center;text-align:center}.hero .tagline{margin-top:2rem}} 
.music-toggle{position:fixed;right:1rem;bottom:1rem;z-index:10;max-width:calc(100vw - 2rem);min-height:44px;padding:.7rem 1rem;border:1px solid #777;border-radius:3px;background:#111e;color:#f4f2ef;font:500 .875rem Raleway,Arial,sans-serif;cursor:pointer}.music-toggle:focus-visible{outline:2px solid var(--red);outline-offset:4px}.music-toggle[aria-pressed="true"]{border-color:var(--red)}footer{padding-bottom:6rem}
footer nav{display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.legal{max-width:850px;margin:auto;padding:3rem 1.5rem 5rem;line-height:1.8;overflow-wrap:anywhere}.legal>.eyebrow{margin-top:3rem}.legal h1{font-size:clamp(2.2rem,8vw,4rem);line-height:1.15;letter-spacing:-.04em}.legal h2{font-size:1.4rem;line-height:1.4;letter-spacing:-.025em;margin-top:2.5rem}.legal p{color:var(--muted);font-size:1rem}.legal a{text-underline-offset:.2em}
.retrospective{max-width:1200px;margin:auto;padding:0 1.5rem 5rem}.gallery-intro{max-width:40rem;color:var(--muted);line-height:1.8;font-size:1rem;margin:1.5rem 0 2rem}.photo-grid{display:grid;gap:1rem}.photo{display:block;width:100%;padding:0;border:0;background:#181818;cursor:zoom-in;overflow:hidden}.photo img{display:block;width:100%;height:auto}.photo:focus-visible{outline:3px solid var(--red);outline-offset:4px}.gallery-hint{color:var(--muted);font-size:.875rem;margin-top:1rem}.photo-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:1rem;background:#080808f5;color:var(--white);border:0;overflow:auto}.photo-viewer::backdrop{background:#000e}.photo-viewer[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.photo-viewer figure{margin:0;min-height:0;width:100%;text-align:center}.photo-viewer figure img{display:block;max-width:100%;max-height:68svh;object-fit:contain;margin:auto}.photo-viewer figcaption{font-size:.875rem;line-height:1.5;margin:.8rem auto 0;max-width:60rem;color:var(--muted)}.photo-viewer button{min-height:44px;padding:.6rem 1rem;background:#222;color:#fff;border:1px solid #777;font:inherit;cursor:pointer}.viewer-close{align-self:flex-end}.viewer-controls{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;font-size:.875rem}.viewer-open{overflow:hidden}.viewer-open .music-toggle{visibility:hidden}@media(min-width:700px){.retrospective{padding:0 2.5rem 7rem}.photo-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.photo-feature{grid-column:1/-1}.photo:not(.photo-feature) img{aspect-ratio:3/2;object-fit:cover}.photo-viewer{padding:2rem}}
/* Compact, swipeable gallery on phones; equal-size photos on larger screens. */
.photo-grid{display:flex;gap:.85rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.3rem .2rem 1rem;scrollbar-color:var(--red) #222;scrollbar-width:thin}.photo-grid .photo{flex:0 0 85%;scroll-snap-align:start}.photo-grid .photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#101010}.book-section{max-width:1200px;margin:auto;padding:0 1.5rem 5rem;display:flex;flex-direction:column;gap:2rem}.book-copy{order:0}.book-photo{order:1;margin:0}.book-photo img{display:block;width:100%;max-height:260px;object-fit:cover}.book-photo p,.external-note{font-size:.875rem;color:var(--muted);line-height:1.6}.book-copy h2{font-size:clamp(2rem,7.5vw,3.6rem);overflow-wrap:anywhere}.book-copy>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:var(--muted)}.book-copy .book-subtitle{color:var(--white)!important;font-weight:600}.book-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.1rem;border:1px solid var(--red);color:var(--white);text-decoration:none;font-size:1rem;margin-top:.6rem;max-width:100%;line-height:1.5}.book-link:hover{background:var(--red)}.book-copy .external-note{font-size:.875rem!important}@media(min-width:700px){.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:1rem}.photo-grid .photo{width:100%}.swipe-hint{display:none}.book-section{padding:0 2.5rem 7rem;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:3rem}.book-photo{order:0}.book-copy{order:1}.book-photo img{max-height:none;aspect-ratio:4/5;object-fit:cover}} 
/* Series identity: CRESTCOM centered above the complete Fail-Night wordmark. */
.series-brand{font-size:clamp(1.1rem,4vw,2rem);font-weight:600;letter-spacing:.26em;padding-left:.26em;line-height:1.4;margin:0 0 1rem}.next-event-label{font-size:.875rem;font-weight:700;letter-spacing:.12em;color:var(--red);padding-bottom:.85rem}.formats-section{max-width:1200px;margin:auto;padding:0 1.5rem 5rem}.formats-intro{max-width:45rem;font-size:1rem;line-height:1.8;color:var(--muted);margin:1.5rem 0 2rem}.format-cards{display:grid;gap:1.25rem}.format-cards article{border-top:1px solid #444;padding:1.8rem 0}.format-cards .eyebrow{margin-bottom:1rem}.format-cards h3{font-size:1.5rem;margin:0 0 1rem}.format-cards article>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:var(--muted)}.format-cards a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:.3em}.format-cards .format-note{font-size:.875rem!important;color:var(--white)!important}@media(min-width:700px){.formats-section{padding:0 2.5rem 7rem}.format-cards{grid-template-columns:1fr 1fr;gap:3rem}.series-brand{margin-bottom:1.2rem}}
.wordmark-tail{position:relative;display:inline-block}.tail-text{display:inline-flex;align-items:baseline}.wordmark-tail .series-brand{position:absolute;left:auto;right:0;bottom:82%;width:max-content;padding:0;margin:0;font-family:Raleway,Arial,sans-serif;font-size:.25em;font-weight:600;letter-spacing:.06em;line-height:1.2;white-space:nowrap}

/* CRESTCOM fades on mouse hover; touch devices keep the brand visible. */
.wordmark-tail .series-brand{opacity:1;transition:opacity .65s ease-in-out}
@media(hover:hover) and (pointer:fine){#event-title:hover .series-brand{opacity:0}}
@media(prefers-reduced-motion:reduce){.wordmark-tail .series-brand{transition:none}}/* Highlight the format of the upcoming event alongside its date. */
.event-facts{width:fit-content;max-width:100%;padding:1.25rem 1rem;border:1px solid #c3190273;border-radius:4px;background:#08080875}.event-facts .next-event-label{font-size:1rem;line-height:1.5;font-weight:500;letter-spacing:.015em;color:var(--white);padding-bottom:.9rem}.next-event-label strong{display:inline-block;color:var(--red);font-weight:800;letter-spacing:.07em}.event-facts .event-format{font-size:.9375rem}@media(min-width:700px){.event-facts{padding:1.4rem 2.5rem}.event-facts .next-event-label{font-size:1.125rem}}
.intro-copy strong{color:var(--white);font-weight:600}.authors-link{display:inline-flex;align-items:center;min-height:44px;line-height:1.5;text-underline-offset:.3em;text-decoration-color:var(--red);margin:0 0 .5rem}.authors-section{max-width:1200px;margin:auto;padding:0 1.5rem 5rem}.authors-intro{max-width:45rem;color:var(--muted);font-size:1rem;line-height:1.8;margin:1.5rem 0 2rem}.author-cards{display:grid;gap:1rem}.author-cards article{border-top:1px solid #444;padding:1.5rem 0}.author-cards h3{font-size:1.5rem;margin:0 0 .75rem}.author-cards p{font-size:1rem;line-height:1.7;color:var(--muted)}.authors-organizer{font-size:.875rem;line-height:1.7;color:var(--muted);margin-top:1.5rem}@media(min-width:700px){.authors-section{padding:0 2.5rem 7rem}.author-cards{grid-template-columns:1fr 1fr;gap:3rem}}
.author-cards .author-role{font-size:.875rem;letter-spacing:.08em;line-height:1.6;color:var(--red);margin:0 0 1rem}.author-cards article p{max-width:36rem}
/* Subtle full-width backgrounds mark each topic without changing the palette. */
.section-band{border-top:1px solid #ffffff08}.band-reflection{background:#101010}.band-formats{background:#190f10}.band-memories{background:#0b0b0b}.band-book{background:#1b1414}.band-authors{background:#121416}.band-program{background:#0b0b0b}.section-band>section{padding-top:4rem;padding-bottom:4rem}@media(min-width:700px){.section-band>section{padding-top:5.5rem;padding-bottom:5.5rem}}
/* Shared alternating heading/text layout, with heading-first mobile order. */
.section-split{display:grid;grid-template-columns:minmax(0,1fr);gap:1.8rem}.section-heading,.section-copy{min-width:0}.section-heading .eyebrow{margin:0 0 2rem}.section-heading h2{font-size:clamp(2.3rem,7vw,4.4rem);line-height:1.1}.section-copy{font-size:1rem;line-height:1.85;color:var(--muted)}.section-copy>p:first-child,.section-copy .intro-copy>p:first-child{color:var(--white)}.section-copy .intro-copy{margin:0;max-width:none}.section-copy .formats-intro,.section-copy .gallery-intro,.section-copy .authors-intro{margin:0 0 1.3rem;max-width:none}.section-copy .format-cards,.section-copy .author-cards,.section-copy .principles{display:block;margin-top:1.8rem}.section-copy .principles article{border-bottom:1px solid #333}.section-copy .book-photo{margin-top:2rem}.section-copy .book-photo img{max-height:280px;aspect-ratio:4/3}.section-split+.photo-grid{margin-top:2.5rem}.section-band .book-section{display:block}.section-copy .authors-organizer{margin-bottom:0}@media(min-width:900px){.section-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:4rem;align-items:start}.section-split.split-reverse .section-heading{grid-column:2;grid-row:1}.section-split.split-reverse .section-copy{grid-column:1;grid-row:1}.section-copy .intro-copy{margin:0}.section-copy .format-cards,.section-copy .author-cards{display:block}.section-heading h2{font-size:clamp(2.8rem,4.8vw,4.4rem)}}
/* Calmer section headlines, approximately 25 percent smaller. */
.section-heading h2{font-size:clamp(1.75rem,5.25vw,3.3rem);line-height:1.15;letter-spacing:-.04em}@media(min-width:900px){.section-heading h2{font-size:clamp(2.1rem,3.6vw,3.3rem)}}
/* Display just the portraits from the supplied author screenshots. */
.author-portrait{position:relative;width:min(100%,240px);aspect-ratio:1;overflow:hidden;margin:0 0 1.5rem;background:#202020;border-radius:4px}.author-portrait img{position:absolute;max-width:none;height:auto;display:block}.portrait-carsten img{width:381.6%;left:-25.867%;top:-10.933%}.portrait-dirk img{width:349.867%;left:-15.733%;top:-8%}@media(min-width:900px){.author-portrait{width:220px}}
/* Clear event context before the online programme, on every screen size. */
.program-event-banner{border:1px solid #c3190299;border-left:4px solid var(--red);background:#c3190212;padding:1.3rem 1.2rem;margin:0 0 2.5rem}.program-event-banner p{margin:0}.program-event-type{font-size:1rem;font-weight:800;letter-spacing:.1em;color:var(--red);line-height:1.5}.program-event-date{font-size:clamp(1.6rem,6vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.3;padding-top:.4rem}.program-event-details{font-size:1rem;line-height:1.7;color:var(--muted);padding-top:.6rem}@media(min-width:900px){.program-event-banner{padding:1.5rem 2rem;margin-bottom:3rem}}
/* Retro print-inspired programme panels, with quiet high-contrast text areas. */
.contents-label{display:flex;align-items:center;gap:1rem;margin:0 0 1.8rem;color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.14em;line-height:1.4}.contents-label:after{content:"";height:1px;background:#555;flex:1}.program .section-copy .retro-topics{border-top:0;margin-top:0;display:grid;gap:1.8rem}.program .section-copy .retro-topics article{position:relative;isolation:isolate;border:0;padding:1.7rem 1.6rem;background:#eeeae2;color:#181818;box-shadow:5px 5px 0 #c31902;border-radius:3px 18px 4px 3px;overflow:hidden}.retro-topics article:before{content:"";position:absolute;right:0;top:0;width:4.5rem;height:1.1rem;background:repeating-linear-gradient(130deg,transparent 0 4px,#181818 4px 5px);opacity:.3;pointer-events:none}.program .retro-topics article:nth-child(2){background:#e0e4e1;box-shadow:5px 5px 0 #777;border-radius:18px 3px 3px 4px}.program .retro-topics article:nth-child(3){background:#eadedc;border-radius:3px 4px 18px 3px}.program .retro-topics .number{color:#790f00;font-weight:700;font-size:.875rem;letter-spacing:.04em;line-height:1.6;display:block;padding-right:1rem}.program .retro-topics h3{color:#151515;font-size:1.35rem;line-height:1.35;margin:1rem 0 .8rem}.program .retro-topics p{color:#282828;font-size:1rem;line-height:1.8;max-width:none}.program .section-copy{padding-right:6px}.program .retro-topics article:after{content:"";display:block;width:2.5rem;height:3px;background:#790f00;margin-top:1.2rem}@media(max-width:399px){.program .section-copy .retro-topics article{padding:1.4rem 1.15rem}.contents-label{font-size:1.1rem}}
.program-registration{margin-top:1.2rem}.program-event-banner .registration-note{margin-top:.65rem;color:var(--muted);font-size:.875rem}@media(min-width:900px){.program-event-banner{position:relative;padding-right:20rem;min-height:160px}.program-registration{position:absolute;right:2rem;top:50%;transform:translateY(-50%);margin:0;text-align:center}}
/* Match the top edges of heading blocks and adjacent content on laptops. */
.section-heading .eyebrow{line-height:1.85}.section-copy>:first-child{margin-top:0}.section-copy .intro-copy>:first-child,.section-copy .book-copy>:first-child{margin-top:0}.section-copy .author-cards{margin-top:0}.section-copy .author-cards article:first-child{padding-top:0;border-top:0}@media(min-width:900px){.section-split{align-items:start}.section-heading,.section-copy{align-self:start}}
/* Opening sequence: subtle motion, with all content visible by default. */
@media(prefers-reduced-motion:no-preference){
.hero .wordmark{animation:hero-title-arrive .65s cubic-bezier(.2,.65,.3,1) both}
.hero .tie{animation:hero-tie-arrive .65s .15s ease-out both;transform-origin:50% 15%}
.hero .series-brand{animation:hero-brand-arrive .55s .35s ease-out backwards}
.hero .tagline{animation:hero-copy-arrive .6s .4s ease-out both}
.hero .event-facts{animation:hero-copy-arrive .6s .6s ease-out both}
.hero .register-button,.hero .registration-note,.hero .explore{animation:hero-copy-arrive .5s .8s ease-out both}
}
@keyframes hero-title-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-tie-arrive{from{opacity:0;transform:translateY(-6px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes hero-brand-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-copy-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-background-settle{from{transform:scale(1.045)}to{transform:scale(1)}}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){.hero-image{animation:hero-background-settle 4s ease-out both}}
@media(max-width:899px) and (prefers-reduced-motion:no-preference){.hero .wordmark{animation-duration:.4s}.hero .tagline,.hero .event-facts,.hero .register-button,.hero .registration-note,.hero .explore{animation:none}.hero .series-brand{animation-delay:.15s;animation-duration:.35s}.hero .tie{animation-delay:.05s;animation-duration:.4s}}
/* Mobile: reveal the complete wordmark together, without staggered effects. */
@media(max-width:899px) and (prefers-reduced-motion:no-preference){.hero .wordmark{animation:hero-mobile-fade 3.5s ease-out both}.hero .tie,.hero .series-brand{animation:none}}
@keyframes hero-mobile-fade{from{opacity:0}to{opacity:1}}
/* Mobile tie: a relaxed opacity-only reveal alongside the wordmark. */
@media(max-width:899px) and (prefers-reduced-motion:no-preference){.hero .tie{animation:hero-mobile-fade 7s ease-in-out both}}

.sound-icon{display:none}.sound-waves{display:none}.music-toggle[aria-pressed="true"] .sound-waves{display:inline}.music-toggle[aria-pressed="true"] .sound-muted{display:none}@media(max-width:899px){.music-toggle{width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;right:1rem;bottom:1rem}.music-toggle .music-label{display:none}.music-toggle .sound-icon{display:block}}
/* The tie letter follows its parent wordmark; the background photo fades separately. */
.hero .tie{animation:none;opacity:1;transform:none}
@keyframes hero-background-fade{from{opacity:0}to{opacity:.58}}
@media(prefers-reduced-motion:no-preference){.hero-image{animation:hero-background-fade 4s ease-in-out both}}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){.hero-image{animation:hero-background-fade 4s ease-in-out both,hero-background-settle 4s ease-out both}}

.register-button{text-decoration:none;text-align:center}.register-button:hover{background:#790f00;color:#fff}.register-button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.intro-copy .intro-hook{font-size:clamp(1.2rem,3.5vw,1.5rem);font-weight:600;line-height:1.5;color:var(--white)}.intro-copy .intro-invitation{font-weight:600;color:var(--white)}

.all-authors-link{margin-top:1.5rem}.team-page{max-width:1200px;margin:auto;padding:2rem 1.5rem 5rem}.team-back{display:inline-flex;min-height:44px;align-items:center;margin-bottom:2rem}.team-page h1{font-size:clamp(2.3rem,6vw,3.6rem);line-height:1.15;font-weight:500;letter-spacing:-.04em}.team-page h1 em{font-style:normal;color:var(--red)}.team-intro{max-width:42rem;line-height:1.8;color:var(--muted);margin:1.5rem 0 3rem}.team-grid{display:grid;gap:2.5rem}.team-card{border-top:1px solid #444;padding-top:1.5rem;min-width:0}.team-card img{width:160px;max-width:100%;height:190px;object-fit:cover;object-position:top;display:block;margin-bottom:1.3rem;border-radius:3px}.team-card h2{font-size:1.5rem;line-height:1.35;letter-spacing:-.025em;margin:0 0 1rem}.team-card p{font-size:1rem;line-height:1.8;color:var(--muted);margin:0}@media(min-width:700px){.team-page{padding:3rem 2.5rem 6rem}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}}

.author-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.author-name-row h3{margin:0}.linkedin-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:#91bce2;border-radius:4px}.linkedin-link:hover{color:#fff;background:#ffffff10}.linkedin-link:focus-visible{outline:2px solid var(--red);outline-offset:2px}
/* Trim the screenshot's white edge from Dirk's portrait. */
.portrait-dirk img{width:352%;left:-16%;top:-8.1%}
.series-brand .registered-mark{font-size:.46em;font-weight:700;vertical-align:super;line-height:0;letter-spacing:0;margin-left:.14em}
/* Desktop scroll cue: a distinct centered element below registration. */
@media(min-width:900px){.hero .explore{display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;gap:.45rem;margin:1.7rem auto 0;padding:.35rem 1.2rem .65rem;border-bottom:0;font-size:1rem;letter-spacing:.02em;color:#e3dfdb}.hero .explore span{font-size:1.65rem;line-height:1.2}.hero .explore:hover{color:#fff}.hero .explore:hover span{color:#ff4854}}
/* Trim the screenshot edge below Carsten's portrait. */
.portrait-carsten img{width:384%;left:-26.1%;top:-11%}

/* Crestcom 2024 brand typography and palette. */
:root{--red:#c31902;--white:#f4f4f4;--muted:#bcbec1}body{font-family:Raleway,Arial,sans-serif;font-weight:500}.wordmark{font-family:Raleway,Arial,sans-serif;font-weight:800;font-size:clamp(2.4rem,10.5vw,8rem);letter-spacing:-.045em;line-height:1.1}.wordmark-tail .series-brand{font-family:'Crestcom Hero',Arial,sans-serif;font-weight:400;font-style:normal;letter-spacing:0;bottom:88%}.series-brand .registered-mark{font-family:Arial,sans-serif;font-weight:400;font-size:.4em}.band-reflection{background:#101015}.band-formats{background:#212240}.band-memories{background:#111115}.band-book{background:#22232b}.band-authors{background:#212240}.band-program{background:#101015}.program .section-copy .retro-topics article{background:#e9e9ea}.program .retro-topics article:nth-child(2){background:#dadad9;box-shadow:5px 5px 0 #8f9297}.program .retro-topics article:nth-child(3){background:#d3d3d9}.eyebrow,.author-cards .author-role,.program-event-type,.next-event-label strong{color:#dadad9}.eyebrow{border-left:3px solid var(--red);padding-left:.8rem}.section-heading .eyebrow{padding-left:.8rem}.event-time{color:var(--white)}h2 em{color:#bcbec1}.tagline p:last-child{color:#dadad9}.register-button:hover{background:#790f00}.book-link:hover{background:#c31902}@media(max-width:359px){.wordmark{font-size:10.2vw}}
/* Programme panels follow the dark website design and brand palette. */
.program .section-copy .retro-topics article{background:#1b1b21;border:1px solid #454442;border-left:3px solid var(--red);border-radius:4px;box-shadow:none;color:var(--white)}.program .retro-topics article:nth-child(2){background:#202027;box-shadow:none;border-radius:4px}.program .retro-topics article:nth-child(3){background:#1b1b21;border-radius:4px}.program .retro-topics h3{color:var(--white)}.program .retro-topics p{color:var(--muted)}.program .retro-topics .number{color:#dadad9}.program .retro-topics article:before,.program .retro-topics article:after{display:none}.program .contents-label{color:var(--white)}
/* Restore red emphasis in the large section headlines. */
.section-heading h2 em,.team-page h1 em{color:var(--red)}
/* Slightly darken the blue-toned bands for readable brand-red headlines. */
.band-formats,.band-authors{background:#14141c}.band-book{background:#16161d}

/* Current square portrait; remove cropping intended for the old screenshot. */
.portrait-carsten img{width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:center}

/* Official Crestcom artwork, retaining its original proportions. */
.wordmark-tail .series-brand{display:block;line-height:0}.series-brand img{display:block;width:100%;height:auto}

/* Match Carsten’s portrait to the monochrome author photographs. */
.author-portrait img[src="assets/authors/carsten-portrait-2026.png"],.team-card img[src="assets/authors/carsten-portrait-2026.png"]{filter:grayscale(100%)}

/* Give desktop programme cards the full section width. */
@media(min-width:900px){
.program .section-split.split-reverse{grid-template-columns:minmax(0,1fr);gap:2.5rem}
.program .section-split.split-reverse .section-heading{grid-column:1;grid-row:1}
.program .section-split.split-reverse .section-copy{grid-column:1;grid-row:2;padding-right:0}
.program .section-copy .retro-topics{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Balance the organiser profiles across the desktop section. */
#autoren .portrait-carsten img{filter:none}
@media(min-width:900px){
#autoren .section-split{grid-template-columns:minmax(0,1fr);gap:2.5rem}
#autoren .section-heading{grid-column:1;grid-row:1}
#autoren .section-copy{grid-column:1;grid-row:2}
#autoren .section-copy .author-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}
#autoren .author-cards article{border-top:0;padding-top:0;margin-top:0}
}

/* Context-specific crops from the full portrait; keep the source intact. */
#autoren .portrait-carsten img{width:175%;height:auto;max-width:none;left:-37.5%;top:-10%;object-fit:initial}
 .team-portrait-carsten{position:relative;width:160px;max-width:100%;height:190px;overflow:hidden;margin-bottom:1.3rem;border-radius:3px}
.team-card .team-portrait-carsten img{position:absolute;width:250%;max-width:none;height:auto;left:-75%;top:-12%;margin:0;border-radius:0}