html{scroll-behavior:smooth} body{background:var(--paper);color:var(--ink);font-family:system-ui,system-ui,sans-serif;overflow-x:hidden} h1,h2,h3{font-family:Georgia,Georgia,serif;color:var(--ink);font-weight:400}.container{width:min(100% - 48px,var(--maxwidth));margin-inline:auto}.site-header{position:fixed;inset:0 0 auto;z-index:1000;height:var(--header-h);background:transparent;border:0;transition:.35s}.site-header.scrolled{background:rgba(248,244,237,.9);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:138px;height:auto;filter:brightness(0) invert(1);transition:.35s}.site-header.scrolled .brand img{filter:none}.main-nav{display:flex;gap:30px;align-items:center}.main-nav a{color:white;text-transform:uppercase;letter-spacing:.16em;font-size:.71rem;text-decoration:none}.site-header.scrolled .main-nav a{color:var(--ink)}.nav-toggle{color:#fff}.site-header.scrolled .nav-toggle{color:var(--ink)}
.hero{position:relative;height:100svh;min-height:620px;margin:0;width:100%;overflow:hidden;touch-action:auto}.hero-media,.hero-media img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-media img{object-fit:cover;object-position:center;animation:heroBreath 18s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,rgba(22,18,14,.55),rgba(22,18,14,.12) 62%,rgba(22,18,14,.22));z-index:1}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff;padding-top:70px;}.hero-kicker{text-transform:uppercase;letter-spacing:.24em;font-size:.78rem;margin-bottom:20px;}.hero-title span{display:block;font:400 clamp(5rem,12vw,10.5rem)/.72 Georgia,serif;letter-spacing:-.065em}.hero-title small{display:block;font:400 clamp(2rem,5vw,4.5rem)/1 Georgia,serif;margin-left:.06em}.hero-scroll{position:absolute;z-index:3;bottom:28px;left:50%;transform:translateX(-50%);display:grid;place-items:center;gap:8px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.2em;font-size:.58rem}.hero-scroll span{width:22px;height:38px;border:1px solid rgba(255,255,255,.8);border-radius:20px;position:relative}.hero-scroll span:after{content:"";position:absolute;width:3px;height:7px;border-radius:3px;background:#fff;left:9px;top:7px;animation:scrollDot 1.7s infinite}
.category-section,.portfolio-section,.about-section{padding:clamp(90px,10vw,150px) 0}.about-grid{display:grid;gap:clamp(50px,8vw,120px);align-items:center;}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-size:.7rem;font-weight:600;}.section-heading h2,.about-copy h2,.contact-copy h2{font-size:clamp(2.7rem,5.5vw,5.1rem);line-height:1.03;letter-spacing:-.035em;margin:0 0 30px;}.about-copy p,.contact-copy p{color:var(--muted);max-width:46ch;line-height:1.9}.about-portrait img{width:100%;height:100%;object-fit:cover;display:block}.category-section{background:#efe7dc}.section-heading-inline{display:flex;justify-content:space-between;align-items:end}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.category-card{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;color:#fff;text-decoration:none}.category-card img{width:100%;height:100%;object-fit:cover;}.category-card:after{content:"";position:absolute;inset:0;}.category-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;text-align:center;}.category-overlay strong{display:block;font:400 clamp(2rem,3vw,3.1rem) Georgia,serif;}.category-overlay small{text-transform:uppercase;font-size:.62rem;}.portfolio-section{background:var(--paper)}.text-link,.outline-link{color:var(--ink);text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font-size:.68rem;border-bottom:1px solid var(--ink);padding-bottom:6px}.about-section{background:#f1e9df}.about-grid{grid-template-columns:.9fr 1.1fr;}.about-portrait{height:min(70vw,720px);margin:0}.about-copy{padding:4vw}.about-copy p{margin:0 0 1.25rem}.about-copy p:last-of-type{margin-bottom:0}.outline-link{margin-top:30px;border:1px solid var(--ink);}.contact-section{position:relative;padding:clamp(100px,11vw,160px) 0;background:#ded0bf;overflow:hidden}.contact-backdrop{position:absolute;inset:0 55% 0 0;background:url("images/2hero.jpg") center/cover;}.contact-grid{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(45px,7vw,100px);align-items:center}.contact-copy h2{font-size:clamp(3rem,5vw,5rem)}.contact-links{display:grid;gap:8px;}.contact-links a{color:var(--ink);word-break:break-word}.contact-form-container{padding:clamp(28px,4vw,55px);border:1px solid rgba(255,255,255,.45);}.contact-form-container h3{font-size:2rem;margin-bottom:20px}.form-group{margin-bottom:18px}.form-group label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.form-group input,.form-group textarea{background:rgba(255,255,255,.74);border:1px solid rgba(39,35,31,.1);padding:14px;}.btn-primary{border-radius:0;background:var(--gold);border:0;padding:15px 28px}.footer-modern{padding:55px 0 30px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:center;}.footer-brand p{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.footer-nav{display:flex;justify-content:center;flex-wrap:wrap;}.footer-nav a,.footer-social a{color:var(--ink);text-decoration:none;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.footer-social{display:grid;text-align:right;gap:8px;font-size:.72rem;color:var(--muted)}
.reveal-ready{opacity:0;}.reveal-ready.is-visible{opacity:1;transform:none}.empty-state{text-align:center;color:var(--muted);padding:40px}@keyframes heroBreath{to{transform:scale(1.04)}}@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(15px)}}
/* Gallery page */
@media(max-width:900px){.main-nav{gap:18px}.about-grid,.contact-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.category-card:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:16/9}.contact-backdrop{inset:0;opacity:.12}.footer-modern{grid-template-columns:1fr;text-align:center}.footer-nav{order:2}.footer-social{text-align:center}}
@media(max-width:768px){.container{width:min(100% - 28px,var(--maxwidth))}.site-header{height:68px}.brand img{width:115px}.main-nav{position:fixed;inset:68px 14px auto;background:rgba(248,244,237,.98);padding:24px;display:none;box-shadow:0 20px 45px rgba(0,0,0,.12)}.main-nav.active{display:grid}.main-nav a{color:var(--ink)!important}.nav-toggle{display:block}.hero{min-height:560px}.hero-content{justify-content:flex-end;padding-bottom:110px}.hero-kicker{font-size:.62rem}.hero-title span{font-size:clamp(4.6rem,25vw,7rem)}.hero-title small{font-size:clamp(2rem,11vw,3.1rem)}.category-section,.portfolio-section,.about-section{padding:80px 0}.category-grid{grid-template-columns:1fr;gap:8px}.category-card,.category-card:last-child:nth-child(odd){aspect-ratio:16/10;grid-column:auto}.category-overlay{padding:22px}.section-heading-inline{display:block}.text-link{display:inline-block;margin-top:12px}.about-portrait{height:72svh}.about-copy{padding:25px 0}.contact-form-container{padding:24px}.footer-nav{display:grid;grid-template-columns:repeat(2,1fr)}.hero-scroll{bottom:18px}}
@media(prefers-reduced-motion:reduce){.hero-media img{animation:none}.reveal-ready{transition:none;opacity:1;transform:none}}

/* Mail und Instagram – gleicher runder Stil wie in der Galerie */
.contact-links,.footer-social-icons{display:flex;align-items:center;gap:12px}
.contact-links{margin-top:30px;}
.footer-social-icons{justify-content:flex-end}
.contact-links .social-link,.footer-social-icons .social-link{
  width:45px;height:45px;display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 45px;border:0;border-radius:50%;background:var(--cream);
  color:var(--gold);text-decoration:none;transition:background .25s ease,color .25s ease,transform .25s ease
}
.contact-links .social-link:hover,.footer-social-icons .social-link:hover{
  background:var(--gold);color:#fff;transform:translateY(-3px)
}
.contact-links .social-icon-svg,.footer-social-icons .social-icon-svg{width:21px;height:21px}
@media(max-width:900px){.contact-links{justify-content:flex-start}.footer-social-icons{justify-content:center}}

/* Datenschutz-Hinweis unter dem Kontaktformular: Browser-Linkfarben vollständig überschreiben */

/* Hero-Fotoserie: gleiche Abmessungen, schneller Wechsel wie beim Fotografieren */
.hero-media .hero-slide{opacity:0;z-index:0;animation:none;}
.hero-media .hero-slide.is-active{opacity:1;z-index:1;}
.hero-shutter-flash{position:absolute;inset:0;pointer-events:none;opacity:0;}

@media(prefers-reduced-motion:reduce){
  .hero-media .hero-slide{display:none;transition:none;transform:none}
  .hero-media .hero-slide.is-active{display:block;transform:none}
}

/* Finale About-Ausrichtung: Überschrift links, darunter Bild und Text exakt bündig */
@media (min-width:901px){
  #about .about-grid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    grid-template-areas:
      "heading ."
      "portrait copy";
    column-gap:clamp(50px,8vw,120px);
    row-gap:clamp(22px,3vw,34px);
    align-items:start;
  }
  #about .about-image-heading{
    grid-area:heading;
    margin:0;
    align-self:end;
  }
  #about .about-portrait{
    grid-area:portrait;
    align-self:start;
    margin:0;
  }
  #about .about-copy{
    grid-area:copy;
    align-self:start;
    margin:0;
    padding:0;
  }
  #about .about-copy > :first-child{margin-top:0}
}
@media (max-width:900px){
  #about .about-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "heading"
      "portrait"
      "copy";
    gap:0;
    align-items:start;
  }
  #about .about-image-heading{grid-area:heading}
  #about .about-portrait{grid-area:portrait;margin:0}
  #about .about-copy{grid-area:copy}
}

/* Dezente finale Design-Verfeinerungen */
@media (min-width:901px){
  /* Ruhigere Lesebreite im About-Bereich */
  #about .about-copy{max-width:48rem}
}

/* Sanftere Abschnittstrennung ohne sichtbare schwere Kanten */
.about-section,.category-section,.portfolio-section,.contact-section{position:relative}
.category-section::before,.portfolio-section::before,.contact-section::before{
  content:"";position:absolute;left:50%;top:0;width:min(calc(100% - 48px),1240px);height:1px;
  transform:translateX(-50%);background:rgba(39,35,31,.075);pointer-events:none
}

/* Ruhigere Kartenwirkung */
.category-card:after{background:linear-gradient(0deg,rgba(19,14,10,.58),rgba(19,14,10,.04) 58%,transparent);}
.category-overlay strong{line-height:1.08;}
.category-overlay small{display:block;margin-top:.48rem;line-height:1.5;}
.category-card img{transition:transform 1.2s cubic-bezier(.2,.75,.2,1);}
.category-card:hover img{transform:scale(1.035);}

/* Kontaktformular klarer, aber weiterhin leicht */
.contact-form-container{background:rgba(248,244,237,.9);border-color:rgba(39,35,31,.085);box-shadow:0 18px 55px rgba(39,35,31,.055)
;}
.form-group input,.form-group textarea{border-color:rgba(39,35,31,.12);}

/* Einheitliche Button-Proportionen */
.btn-primary,.outline-link{
  min-height:48px;box-sizing:border-box;align-items:center;justify-content:center;
  letter-spacing:.14em;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease
}
.outline-link{display:inline-flex;padding:13px 25px;}
.outline-link:hover{transform:translateY(-2px);background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* Zurückhaltendere Einblendbewegung */
.reveal-ready{transform:translateY(18px);transition:opacity .8s ease,transform .8s ease;}

/* Kompakterer, ruhiger Seitenabschluss */
.footer-modern{padding-top:46px;padding-bottom:26px;}

@media (max-width:768px){
  .category-section::before,.portfolio-section::before,.contact-section::before{
    width:calc(100% - 28px)
  }
  .contact-form-container{box-shadow:0 14px 38px rgba(39,35,31,.045)}
  .footer-modern{padding-top:40px;padding-bottom:24px}
}

/* Editorialer Feinschliff – ruhig, hochwertig, ohne neues Layout */

/* Hero: weichere Bildwechsel und deutlich subtilerer Auslöserimpuls */
.hero-media .hero-slide{transform:scale(1.018);}

/* Einheitlicher typografischer Rhythmus */
.eyebrow,.hero-kicker{text-wrap:balance}
.eyebrow{margin-bottom:16px;}
.section-heading h2,.about-copy h2,.contact-copy h2{text-wrap:balance;}
.section-heading{margin-bottom:50px;}

/* About: etwas mehr Ruhe zwischen Überschrift und Bild */
@media (min-width:901px){
  #about .about-grid{row-gap:clamp(26px,3.2vw,38px)}
  #about .about-copy{max-width:43rem}
}

/* Galerie-Karten: Titel etwas klarer und ruhiger gesetzt */
.category-overlay{padding:clamp(24px,3vw,34px);}
.category-overlay strong{letter-spacing:-.018em;}
.category-overlay small{opacity:.86;letter-spacing:.18em;}

/* Kontakt: ruhigere Bildfläche, feinere Felder und eleganter Fokus */
.contact-backdrop{opacity:.22;filter:saturate(.82) contrast(.96);}
.contact-form-container{backdrop-filter:blur(15px);}
.form-group input,.form-group textarea{transition:border-color .22s ease,background .22s ease,box-shadow .22s ease;}
.form-group input:focus,.form-group textarea:focus{
  outline:none;
  border-color:rgba(183,132,69,.55);
  background:rgba(255,255,255,.9);
  box-shadow:0 0 0 3px rgba(183,132,69,.08);
}

/* Links und Footer minimal präziser */
.text-link{transition:color .22s ease,border-color .22s ease,letter-spacing .22s ease}
.text-link:hover{color:var(--gold);border-color:var(--gold);letter-spacing:.17em}
.footer-brand img{width:142px;}
.footer-nav{gap:20px;}
.footer-social-icons .social-link{width:42px;height:42px;flex-basis:42px}

/* Mobile: kontrollierte Umbrüche und etwas kompaktere Typografie */
@media (max-width:768px){
  .hero-kicker{
    max-width:min(100%,34rem);
    line-height:1.55;
    letter-spacing:.2em;
  }
  .section-heading h2,.about-copy h2,.contact-copy h2{
    text-wrap:balance;
    line-height:1.06;
  }
  .section-heading{margin-bottom:42px}
  .category-overlay strong{font-size:clamp(1.9rem,9vw,2.65rem)}
  .contact-backdrop{opacity:.14}
}

@media (orientation:landscape) and (max-height:520px){
  .hero-kicker{line-height:1.35;letter-spacing:.17em}
}

/* Next-Level-Feinschliff: Bilddramaturgie, ruhiger Hero und mobile Präzision */

.hero-media .hero-slide.is-active{transform:scale(1.038);}

/* Mobile: kompakter, aber weiterhin großzügig */
@media (max-width:768px){
  .hero-content{padding-bottom:104px}
  .hero-kicker{font-size:.6rem;letter-spacing:.18em}
  .hero-title span{line-height:.76}
  .hero-title small{margin-top:.08em}

  .about-section,.category-section,.portfolio-section{
    padding-top:74px;
    padding-bottom:74px;
  }

  #about .about-portrait{height:min(72svh,680px)}
  #about .about-copy{padding-top:22px}

  .category-card,.category-card:last-child:nth-child(odd){aspect-ratio:4/3}
  .category-overlay{padding:20px}
  .category-overlay small{font-size:.58rem}

  .contact-grid{gap:36px}
  .contact-form-container{padding:23px}
  .btn-primary,.outline-link{min-height:48px}
  .footer-modern{row-gap:24px}
}

@media (max-width:390px){
  .hero-kicker{font-size:.56rem;letter-spacing:.145em}
  .hero-title span{font-size:clamp(4.35rem,24vw,6.5rem)}
  .hero-title small{font-size:clamp(1.85rem,10.4vw,2.8rem)}
  .section-heading h2,.contact-copy h2{
    font-size:clamp(2.45rem,12vw,3.45rem);
  }
}

/* Cinematic final: ruhige Kamerafahrten, warmes Licht und feine Tiefe */
.hero-media .hero-slide{transition:opacity 1.05s cubic-bezier(.4,0,.2,1),transform 4.8s cubic-bezier(.18,.7,.18,1);filter:saturate(.93) contrast(1.015) brightness(.98);}
.hero-media .hero-slide:nth-child(1){transform:scale(1.018) translate3d(-.6%,.2%,0)}
.hero-media .hero-slide:nth-child(1).is-active{transform:scale(1.065) translate3d(.3%,-.25%,0)}
.hero-media .hero-slide:nth-child(2){transform:scale(1.055) translate3d(1.1%,0,0)}
.hero-media .hero-slide:nth-child(2).is-active{transform:scale(1.035) translate3d(-.65%,.1%,0)}
.hero-media .hero-slide:nth-child(3){transform:scale(1.025) translate3d(0,.8%,0)}
.hero-media .hero-slide:nth-child(3).is-active{transform:scale(1.062) translate3d(0,-.45%,0)}
.hero-media .hero-slide:nth-child(4){transform:scale(1.06) translate3d(-.8%,0,0)}
.hero-media .hero-slide:nth-child(4).is-active{transform:scale(1.032) translate3d(.55%,0,0)}
.hero-media .hero-slide:nth-child(5){transform:scale(1.02) translate3d(.4%,.45%,0)}
.hero-media .hero-slide:nth-child(5).is-active{transform:scale(1.058) translate3d(-.2%,-.35%,0)}
.hero-media .hero-slide:nth-child(6){transform:scale(1.052) translate3d(0,-.35%,0)}
.hero-media .hero-slide:nth-child(6).is-active{transform:scale(1.03) translate3d(0,.25%,0)}
.hero-media .hero-slide:nth-child(7){transform:scale(1.022) translate3d(-.45%,0,0)}
.hero-media .hero-slide:nth-child(7).is-active{transform:scale(1.06) translate3d(.4%,-.15%,0)}
.hero-media .hero-slide:nth-child(8){transform:scale(1.055) translate3d(.7%,.2%,0)}
.hero-media .hero-slide:nth-child(8).is-active{transform:scale(1.03) translate3d(-.45%,-.1%,0)}

.hero-shutter-flash{z-index:2;background:
    radial-gradient(circle at 72% 28%,rgba(255,231,195,.22),transparent 32%),
    linear-gradient(110deg,transparent 22%,rgba(255,222,177,.08) 52%,transparent 76%);mix-blend-mode:screen;}

.hero-cinematic-grain{
  position:absolute;
  inset:-40%;
  z-index:1;
  pointer-events:none;
  opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
  animation:cinematicGrain .75s steps(2) infinite;
}
@keyframes cinematicGrain{
  0%{transform:translate3d(-1.5%,-1%,0)}
  25%{transform:translate3d(1%,1.5%,0)}
  50%{transform:translate3d(-.5%,1%,0)}
  75%{transform:translate3d(1.5%,-.5%,0)}
  100%{transform:translate3d(0,0,0)}
}

/* Sehr dezente Parallax-Tiefe nur auf großen Displays */
@media (min-width:901px) and (prefers-reduced-motion:no-preference){
  #about .about-portrait{overflow:hidden}
  #about .about-portrait img{
    transform:translate3d(0,var(--cinematic-about-y,0px),0) scale(1.035);
    will-change:transform;
  }
  .contact-backdrop{
    transform:translate3d(0,var(--cinematic-contact-y,0px),0) scale(1.025);
    will-change:transform;
  }
}

/* Leicht gestaffelte, filmische Einblendung */
.reveal-ready{transition-duration:1.05s;transition-timing-function:cubic-bezier(.2,.75,.2,1);}
.section-heading.reveal-ready{transition-delay:.04s}
.about-portrait.reveal-ready{transition-delay:.12s}
.about-copy.reveal-ready{transition-delay:.2s}

@media (max-width:768px){
  .hero-cinematic-grain{opacity:.025}
  .hero-media .hero-slide{transition-duration:.9s,4.2s}
}
@media (prefers-reduced-motion:reduce){
  .hero-cinematic-grain{display:none}
  .hero-shutter-flash{display:none}
  #about .about-portrait img,.contact-backdrop{transform:none!important}
}

/* Cinematic Stage 2: gestaffelte Typografie, Bildsequenz und ruhiges Zitat */
@media (prefers-reduced-motion:no-preference){
  .hero-content .hero-kicker,
  .hero-content .hero-title > span,
  .hero-content .hero-title > small{
    opacity:0;
    will-change:opacity,transform,filter;
    animation:heroTypeReveal 1.15s cubic-bezier(.2,.75,.2,1) forwards;
  }
  .hero-content .hero-kicker{
    transform:translate3d(0,12px,0);
    filter:blur(3px);
    animation-delay:.18s;
  }
  .hero-content .hero-title > span{
    transform:translate3d(0,18px,0);
    filter:blur(4px);
    animation-delay:.42s;
  }
  .hero-content .hero-title > small{
    transform:translate3d(0,14px,0);
    filter:blur(3px);
    animation-delay:.72s;
  }
}
@keyframes heroTypeReveal{
  to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}

.portfolio-sequence-item.reveal-ready{
  transition-delay:var(--portfolio-delay,0ms);
  transition-duration:1s;
}
.portfolio-sequence-item.reveal-ready img{
  transform:scale(1.018);
  transition:transform 1.4s cubic-bezier(.2,.75,.2,1);
}
.portfolio-sequence-item.reveal-ready.is-visible img{transform:scale(1)}

.cinematic-quote-section{
  position:relative;
  overflow:hidden;
  padding:clamp(96px,12vw,170px) 0;
  background:
    radial-gradient(circle at 18% 18%,rgba(183,132,69,.09),transparent 34%),
    linear-gradient(180deg,var(--secondary),var(--paper));
  border-top:1px solid rgba(39,35,31,.06);
  border-bottom:1px solid rgba(39,35,31,.06);
}
.cinematic-quote-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.26) 50%,transparent 80%);
  opacity:.42;
}
.cinematic-quote-inner{
  position:relative;
  z-index:1;
  max-width:980px;
  text-align:center;
}
.cinematic-quote-mark{
  margin:0 0 -1.5rem;
  color:rgba(183,132,69,.32);
  font:400 clamp(5rem,11vw,9rem)/1 Georgia,serif;
}
.cinematic-quote-inner blockquote{
  margin:0 auto;
  max-width:18ch;
  color:var(--ink);
  font:400 clamp(2.25rem,5.2vw,5.1rem)/1.08 Georgia,serif;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.cinematic-quote-signature{
  margin:clamp(24px,3vw,38px) 0 0;
  color:var(--gold);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.24em;
  text-transform:uppercase;
}
@media (max-width:768px){
  .cinematic-quote-section{padding:84px 0}
  .cinematic-quote-mark{margin-bottom:-1rem}
  .cinematic-quote-inner blockquote{max-width:15ch;font-size:clamp(2.15rem,10vw,3.35rem)}
  .portfolio-sequence-item.reveal-ready{transition-delay:min(var(--portfolio-delay,0ms),210ms)}
}
@media (prefers-reduced-motion:reduce){
  .hero-content .hero-kicker,
  .hero-content .hero-title > span,
  .hero-content .hero-title > small{opacity:1;transform:none;filter:none;animation:none}
  .portfolio-sequence-item.reveal-ready{transition-delay:0ms}
  .portfolio-sequence-item.reveal-ready img{transform:none;transition:none}
}

/* Lokale Standortangabe im Kontaktbereich */
.contact-location{margin-top:1.35rem;font-size:.92rem;line-height:1.75;color:var(--muted)}
.contact-location strong{color:var(--ink);font-weight:600}

/* iOS/Safari: Hero mit nur zwei stabilen Compositing-Ebenen */
.hero-media{contain:layout paint;isolation:isolate}
.hero-media .hero-slide{backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:opacity,transform;}
@media (max-width:900px){
  .hero-cinematic-grain{display:none}
  .hero-media .hero-slide{will-change:opacity}
}

/* Hero-Text im Querformat bewusst tiefer positionieren.
   Gilt für Start- und Galerieseite, ohne Hochformat zu verändern. */
@media (orientation:landscape) and (max-height:760px) and (max-width:1180px){
  .hero-content{
    justify-content:flex-end;
    padding-top:var(--header-h,68px);
    padding-bottom:clamp(44px,8svh,66px);
  }
}

@media (orientation:landscape) and (max-height:520px) and (max-width:932px){
  .hero-content{
    padding-bottom:clamp(34px,7svh,48px);
  }
  .hero-scroll{bottom:10px}
}

/* Hero-Typografie final über alle Ansichten und Zoomstufen */
.hero-content{box-sizing:border-box;min-width:0;}
.hero-title{max-width:100%}
.hero-kicker{max-width:min(100%,58rem);}

/* Smartphone und schmale Zoom-Ansichten im Hochformat */
@media (max-width:768px) and (orientation:portrait){
  .hero-content{
    justify-content:flex-end;
    padding-top:calc(var(--header-h,68px) + 18px);
    padding-bottom:clamp(82px,11svh,108px);
  }
  .hero-kicker{
    margin-bottom:clamp(12px,2.2svh,18px);
    line-height:1.45;
  }
  .hero-title span{line-height:.75}
  .hero-title small{line-height:1.02;margin-top:.1em}
}

/* Sehr kurze Hochformat-Ansichten, etwa bei starker Browser-Vergrößerung */
@media (max-width:768px) and (orientation:portrait) and (max-height:650px){
  .hero-content{padding-bottom:clamp(68px,9svh,82px)}
  .hero-kicker{margin-bottom:10px}
  .hero-title span{font-size:clamp(3.9rem,21vw,5.8rem)}
  .hero-title small{font-size:clamp(1.7rem,9.2vw,2.55rem)}
}

/* Tablet-Hochformat: leicht unterhalb der optischen Mitte */
@media (min-width:769px) and (max-width:1180px) and (orientation:portrait){
  .hero-content{
    justify-content:center;
    padding-top:calc(var(--header-h,70px) + clamp(34px,5svh,58px));
    padding-bottom:clamp(34px,5svh,58px);
  }
}

/* Normales Tablet-/kleines Desktop-Querformat */
@media (orientation:landscape) and (min-height:601px) and (max-height:820px) and (max-width:1366px){
  .hero-content{
    justify-content:flex-end;
    padding-top:var(--header-h,70px);
    padding-bottom:clamp(58px,8svh,76px);
  }
  .hero-kicker{margin-bottom:clamp(10px,1.8svh,16px)}
  .hero-scroll{bottom:12px}
}

/* Flaches Smartphone-Querformat und starke Zoomansichten */
@media (orientation:landscape) and (max-height:600px){
  .hero-content{
    justify-content:flex-end;
    padding-top:calc(var(--header-h,68px) + 8px);
    padding-bottom:clamp(20px,5svh,32px);
  }
  .hero-kicker{
    margin-bottom:8px;
    font-size:clamp(.5rem,1.45vw,.62rem);
    line-height:1.3;
    letter-spacing:.15em;
    white-space:normal;
  }
  .hero-title span{
    font-size:clamp(3.5rem,12.5vw,6.4rem);
    line-height:.72;
  }
  .hero-title small{
    font-size:clamp(1.55rem,5.6vw,2.9rem);
    line-height:1;
    margin-top:.05em;
  }
  .hero-scroll{display:none}
}

/* Extrem niedrige Querformate, z. B. 150-%-Zoom */
@media (orientation:landscape) and (max-height:390px){
  .hero-content{
    padding-top:calc(var(--header-h,68px) + 4px);
    padding-bottom:14px;
  }
  .hero-kicker{font-size:.48rem;margin-bottom:6px;letter-spacing:.13em}
  .hero-title span{font-size:clamp(3rem,11vw,5rem)}
  .hero-title small{font-size:clamp(1.35rem,4.9vw,2.25rem)}
}

/* Große Desktopansichten: optisch knapp unter der geometrischen Mitte */
@media (min-width:1181px) and (min-height:821px){
  .hero-content{
    justify-content:center;
    padding-top:calc(var(--header-h,70px) + 3svh);
    padding-bottom:0;
  }
}

/* Portfolio final: editorial, ruhig und ohne Bildbeschnitt */
.portfolio-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-flow:dense;
  column-gap:clamp(16px,2.2vw,30px);
  row-gap:clamp(32px,5.2vw,72px);
  align-items:start;
}
.portfolio-item,
.portfolio-item:nth-child(n){
  grid-column:auto;
  width:100%;
  margin:0;
  align-self:start;
  justify-self:stretch;
  overflow:visible;
  background:transparent;
  box-shadow:none;
  border-radius:0;
  pointer-events:none;
}
.portfolio-item img,
.portfolio-item:nth-child(3n) img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  background:transparent;
  filter:saturate(.97) contrast(1.01);
  transform:none;
}
/* Bewusste Magazin-Rhythmik: Bilder bleiben natürlich, Weißraum kuratiert die Seite. */
.portfolio-item.is-portrait:nth-child(4n/**/+1){width:88%;justify-self:start}
.portfolio-item.is-portrait:nth-child(4n/**/+3){width:86%;justify-self:end}
.portfolio-item.is-portrait:nth-child(4n/**/+2){width:94%;justify-self:end}
.portfolio-item.is-portrait:nth-child(4n){width:92%;justify-self:start}
.portfolio-item.is-square{width:90%;justify-self:center}
.portfolio-item.is-landscape{
  grid-column:1 / -1;
  width:min(92%,1080px);
  justify-self:center;
}
@media (max-width:768px){
  .portfolio-grid{
    grid-template-columns:1fr;
    row-gap:clamp(20px,7vw,34px);
    column-gap:0;
  }
  .portfolio-item,
  .portfolio-item:nth-child(n),
  .portfolio-item.is-landscape{
    grid-column:1;
  }
  .portfolio-item.is-portrait:nth-child(odd){width:92%;justify-self:start}
  .portfolio-item.is-portrait:nth-child(even){width:90%;justify-self:end}
  .portfolio-item.is-square{width:92%;justify-self:center}
  .portfolio-item.is-landscape{width:100%}
}

/* Galerie-Karten auf der Startseite nicht ziehbar */
.category-card,
.category-card img{
  -webkit-user-drag:none;
  user-drag:none;
  -webkit-user-select:none;
  user-select:none;
}

/* Optionaler Aktuell-Hinweis: bleibt bei leerer news/news.txt vollständig verborgen. */
.site-news[hidden]{display:none!important}
.site-news{background:var(--primary);border-bottom:1px solid var(--border)}
.site-news .container{padding-top:18px;padding-bottom:18px}

.site-news-title{margin:0 0 3px;font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.55rem);font-weight:400;line-height:1.2;color:var(--text)}
.site-news-text{margin:0;max-width:70ch;white-space:pre-line;color:var(--text-light);font-size:.9rem;line-height:1.55}
@media(max-width:680px){
  .site-news .container{padding-top:16px;padding-bottom:16px}

  .site-news-title{font-size:1.18rem}
  .site-news-text{font-size:.84rem}
}