/* Entwurf 13: moving text chapters, dark company statement, light project gallery. */
.home-page .intro-title-scenes {display:grid}
.home-page .intro-title-scene {grid-area:1 / 1;visibility:hidden;opacity:0}
.home-page .intro-title-scene.is-current {visibility:visible;opacity:1}
.home-page .intro-title-scenes .intro-line {display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.home-page .intro-title-scenes .intro-opening {padding-bottom:.1em;margin-bottom:12px}
.home-page .intro-title-scenes .intro-word-two {margin-top:7px}
.home-page .intro-reveal-text {display:block}
.home-page .intro-title-scenes .intro-opening,.home-page .intro-title-scenes .intro-word {animation:none!important}
.home-page .profile-chapter {background:#171c19;color:#faf7ef;border-bottom:1px solid #ffffff18}
.home-page .profile-chapter .profile {padding-block:115px 125px;max-width:1600px;border:0;grid-template-columns:1fr 1.8fr}
.home-page .profile-chapter .profile-label .eyebrow {color:#d4bf9d}
.home-page .profile-chapter .profile p:not(.eyebrow) {color:#d8dbd5}
.home-page .profile-chapter .profile-year strong {color:#f7f3e9;font-weight:400}
.home-page .profile-chapter h2 {color:#faf7ef;font-weight:500;font-size:clamp(42px,5.2vw,83px);line-height:1.05;letter-spacing:-.045em}
.home-page .profile-chapter h2 em {font-family:inherit;font-style:normal;font-weight:500;color:#d4bf9d}
.home-page .profile-chapter .profile-copy {margin-top:34px}
.home-page .profile-chapter .profile-copy p {font-size:18px;line-height:1.75;max-width:650px}
.home-page .profile-chapter .profile-copy .button {color:#faf7ef;border-color:#b49b76;margin-top:7px}
.home-page .home-references .section-heading {align-items:flex-end;gap:40px;margin-bottom:65px}
.home-page .home-references .section-heading h2 {font-size:clamp(50px,7.8vw,116px);line-height:.98;letter-spacing:-.055em;font-weight:600;text-transform:uppercase}
.home-page .home-references .section-heading h2 em {font-family:inherit;font-style:normal;font-weight:600;color:#766345}
.home-page .home-references .section-heading>.button {flex-shrink:0;margin-bottom:8px}
.philosophy-section {background:#171c19;color:#faf7ef;padding:110px 0;scroll-margin-top:50px}
.philosophy-heading {display:grid;grid-template-columns:1fr 1fr;column-gap:8vw;align-items:end}
.philosophy-heading .eyebrow {grid-column:1 / -1;color:#d4bf9d;margin:0 0 26px}
.philosophy-heading h2 {font-size:clamp(42px,4.7vw,72px);font-weight:500;line-height:1.05;letter-spacing:-.045em;color:#faf7ef;margin:0}
.philosophy-lead {font-size:18px;line-height:1.75;color:#d8dbd5;margin:0;max-width:560px}
.philosophy-principles {margin-top:70px;border-top:1px solid #ffffff35}
.philosophy-principle {display:grid;grid-template-columns:65px minmax(200px,1fr) 1.2fr;align-items:baseline;column-gap:35px;padding:34px 0;border-bottom:1px solid #ffffff35}
.philosophy-number {font-size:14px;letter-spacing:.06em;color:#d4bf9d}
.philosophy-principle h3 {font-size:clamp(24px,2.5vw,36px);line-height:1.2;font-weight:400;letter-spacing:-.025em;color:#faf7ef;margin:0}
.philosophy-principle p {font-size:17px;line-height:1.75;color:#d8dbd5;margin:0}
@media(max-width:1000px){
 .home-page .profile-chapter .profile {grid-template-columns:1fr 2fr;gap:36px}
 .home-page .home-references .section-heading {align-items:flex-start;flex-direction:column;gap:20px}
 .philosophy-heading {grid-template-columns:1fr;gap:24px}
 .philosophy-heading .eyebrow {margin:0}
 .philosophy-principle {grid-template-columns:35px 1fr;gap:12px 20px}
 .philosophy-principle p {grid-column:2}
}
@media(max-width:760px){
 .home-page .intro-title-scenes .intro-opening {margin-bottom:12px}
 .home-page .intro-title-scenes .intro-word-two {margin-top:6px}
 .home-page .profile-chapter .profile {display:block;padding-block:62px 70px}
 .home-page .profile-chapter .profile-label {display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:38px}
 .home-page .profile-chapter .profile-year {margin:0;max-width:140px}
 .home-page .profile-chapter .profile-year strong {font-size:44px;margin-block:2px}
 .home-page .profile-chapter .profile-year span {font-size:12px;line-height:1.5}
 .home-page .profile-chapter h2 {font-size:clamp(31px,8.2vw,55px);line-height:1.1}
 .home-page .profile-chapter .profile-copy p {font-size:16px}
 .home-page .home-references .section-heading {margin-bottom:34px}
 .home-page .home-references .section-heading h2 {font-size:clamp(36px,10.5vw,64px)}
 .philosophy-section {padding:64px 0}
 .philosophy-heading h2 {font-size:clamp(33px,9vw,50px)}
 .philosophy-lead,.philosophy-principle p {font-size:16px}
 .philosophy-principles {margin-top:40px}
 .philosophy-principle {padding:26px 0;column-gap:12px}
 .philosophy-principle h3 {font-size:25px}
}
@media(prefers-reduced-motion:reduce){
 .home-page .intro-reveal-text {transform:none!important;opacity:1!important}
}
@media print{
 .profile-chapter,.philosophy-section {background:white!important;color:black!important}
 .profile-chapter *,.philosophy-section * {color:black!important}
}
