/* Urban Attic Partners · V5 Editorial Refinement
   Neue typografische Richtung: organisch geschnittene Serifenschrift,
   schlanke moderne Grotesk; keine dekorative Slogan-Leiste.
   Google-Fonts werden online geladen; offline greift die EB-Garamond-Fallbackkette.
*/
/* --serif/--sans sind jetzt zentral in styles.css :root definiert. */
body { font-family:var(--sans); }
h1,h2,h3,.team-member strong,.concept-row p,.legal h1,.legal h2 {
  font-family:var(--serif);
  font-weight:400;
  font-feature-settings:'kern' 1, 'liga' 1;
}
/* Weniger gestauchte Schrift; Rhythmus und Weichheit aus den Formen selbst. */
h2 {letter-spacing:-.038em;line-height:1.045;font-size:clamp(62px,6.65vw,100px)}
h2 em {font-style:italic;letter-spacing:-.015em}
.hero-text {padding-top:clamp(85px,8.5vw,135px);padding-right:4.4%}
.hero h1 {
  font-size:clamp(54px,5.4vw,94px);
  line-height:.9;
  letter-spacing:-.041em;
  margin:40px 0 43px;
  font-weight:400;
  white-space:normal;
  color:#f6f3e9;
  text-rendering:optimizeLegibility;
}
.hero h1 > span,.hero h1 > em {display:block;white-space:nowrap}
.hero h1 > .headline-middle {
  color:var(--brass);
  font-weight:400;
  font-style:italic;
  margin:4px 0 6px clamp(8px,2.1vw,32px);
  letter-spacing:-.019em;
}
.hero h1 > .headline-last {letter-spacing:-.051em}
.hero-lead {max-width:460px;line-height:1.82}
.hero .round-link {margin-top:38px}
.hero-counter {padding-top:63px}
/* Die bisherige Slogan-Leiste und ihre Stern-Icons entfallen ganz.
   Auf das starke Bild folgt ohne Ablenkung die erste redaktionelle Sektion. */
.hero + .philosophy {padding-top:142px}
.philosophy h2,.expertise h2,.craft h2,.gallery-heading h2,.process h2,.team h2 {letter-spacing:-.035em}
.expertise h2 {font-size:clamp(61px,6vw,95px)}
.expertise h3 {letter-spacing:-.02em}
.craft-heading h2 {font-size:clamp(64px,6.35vw,95px)}
.team-member strong {font-size:clamp(26px,2.15vw,34px);letter-spacing:-.02em}
.concept-row p {letter-spacing:-.025em}
/* Editorialer Feinschliff für Navigations- und Label-Typografie. */
.primary-nav a {font-size:11px;letter-spacing:.05em;font-weight:500}
.overline,.micro-title,.section-index,.contact-intro {letter-spacing:.15em}
@media(max-width:1130px) {
 .hero h1 {font-size:clamp(52px,6.4vw,84px)}
 .hero-text{padding-right:5%}
}
@media(max-width:800px) {
 .hero{display:flex}
 .hero-text{padding:78px var(--gutter) 63px}
 .hero h1{font-size:clamp(46px,8.6vw,66px);margin:26px 0 32px}
 .hero + .philosophy{padding-top:98px}
 .philosophy h2,.expertise h2,.gallery-heading h2,.process h2,.craft-heading h2,.team h2{font-size:clamp(40px,6.6vw,58px)}
}
@media(max-width:600px) {
 .hero-text{padding-top:75px;padding-bottom:58px}
 .hero h1 {font-size:clamp(40px,10.5vw,56px);line-height:.94;margin:24px 0 30px;letter-spacing:-.04em}
 .hero h1 > .headline-middle {margin-top:2px;margin-bottom:6px;margin-left:12px}
 .hero h1 > .headline-last {letter-spacing:-.056em}
 .hero + .philosophy{padding-top:95px}
 .philosophy h2,.expertise h2,.gallery-heading h2,.process h2,.craft-heading h2,.team h2{font-size:clamp(34px,8.4vw,48px)}
 .team-member strong{font-size:29px}
}
@media(max-width:360px){.hero h1{font-size:clamp(34px,11vw,46px)}}

/* V5.2 – Berliner Dachpanorama mit reduziertem Himmel */
.statement-photo .user-photo{object-position:center 48%}