/* André's September brief. Loaded only by the dark development variant. */
.signatur .hero h1{font-size:clamp(2.6rem,5.2vw,6rem);max-width:1000px;line-height:1.08}
.signatur .hero-content{max-width:1100px}
.signatur .hero-description{max-width:440px}
.brief-competencies{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);margin-top:60px}
.brief-competencies>a{display:flex;flex-direction:column;padding:32px 24px 28px 0;text-decoration:none;border-bottom:1px solid var(--line)}
.brief-competencies>a+a{padding-left:24px;border-left:1px solid var(--line)}
.brief-competencies h3{font-size:clamp(1.5rem,2.2vw,2.4rem);margin:28px 0 18px}
.brief-competencies p{font-size:15px;line-height:1.7;margin:0 0 28px}
.brief-competencies .text-link{margin-top:auto}
.brief-competencies>a:hover h3{color:var(--accent)}
.signatur .brief-process{grid-template-columns:repeat(5,minmax(0,1fr))}
.signatur .brief-process li{padding-right:20px}
.brief-values dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}
.brief-values dl>div{border-top:1px solid var(--line);padding-top:24px}
.brief-values dt{font-size:1.4rem;margin-bottom:12px}
.brief-values dd{margin:0;line-height:1.8;color:var(--muted)}
.brief-area-status{font-size:13px;opacity:.7;margin-top:20px}
.signatur .contact-page address a{overflow-wrap:anywhere}
@media(max-width:1000px){.brief-competencies{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-competencies>a:nth-child(3){padding-left:0;border-left:0}.signatur .brief-process{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-values dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.brief-competencies{grid-template-columns:1fr;margin-top:32px}.brief-competencies>a+a{padding-left:0;border-left:0}.brief-competencies>a{padding:24px 0}.brief-competencies h3{margin-top:16px}.signatur .brief-process,.brief-values dl{grid-template-columns:1fr}.signatur .hero h1{font-size:clamp(2.3rem,8.8vw,3.5rem)}}

/* André requested a lighter dark palette; retain warm brass and oak. */
body.signatur{--bg:#2b302c;--panel:#363d35;--ink:#f2ede3;--muted:#c3c6b9;--line:#596052;--header-surface:rgba(43,48,44,.97)}
.signatur .page-hero{background:#333b31}
.signatur .page-hero .brand-reference{display:grid;place-items:center;background:#181a18;padding:clamp(24px,5vw,72px)}
.signatur .page-hero .brand-reference img{width:min(100%,700px);height:auto;min-height:0;object-fit:contain}
.signatur .page-faq{background:#30372f}
.signatur .contact{background:#3b483b}
.signatur .hero{background:#2b302c}
.signatur .hero:after{background:linear-gradient(90deg,rgba(9,13,9,.84),rgba(9,13,9,.72) 48%,rgba(9,13,9,.42) 74%,rgba(9,13,9,.08))}
.signatur .hero-description{color:#f7f0e3}
.signatur .hero{height:auto;min-height:max(675px,calc(100svh - 157px))}
.signatur .hero-content{padding-bottom:clamp(40px,6vw,80px)}
.signatur .hero-bottom{position:relative;bottom:auto;left:auto;right:auto;padding:0 var(--gutter) clamp(36px,5vw,64px)}
@media(max-width:760px){.signatur .hero:after{background:linear-gradient(180deg,rgba(9,13,9,.82),rgba(9,13,9,.72) 72%,rgba(9,13,9,.24))}.signatur .hero{min-height:0}.signatur .hero-content{padding-bottom:38px}.signatur .hero-bottom{padding-bottom:44px}}

/* Show the podium being built and then in use as one project story. */
.signatur .project-story-images{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px}
.signatur .project-story-images figure{min-width:0;margin:0}
.signatur .project-story-images img{width:100%;height:clamp(280px,36vw,520px);object-fit:contain;background:#20251f}
.signatur .project-story-images figcaption{padding:10px 2px 2px;color:var(--muted);font-size:13px}
@media(max-width:760px){.signatur .project-story-images{grid-template-columns:1fr}.signatur .project-story-images img{height:auto;max-height:58svh}}

/* Exact outlined artwork from André's Illustrator file, adapted only for transparent web display. */
.signatur .brand-logo{line-height:0}
.signatur .brand-logo-header{width:clamp(320px,33vw,440px);min-width:0}
.signatur .brand-logo-footer{width:min(400px,100%)}
.signatur .brand-original-full{display:block;width:100%;height:auto}
.signatur .brand-original-mobile{display:none}
@media(max-width:760px){
  .signatur{--header-height:100px}
  .signatur .brand-logo-header{width:350px;flex:0 1 350px}
  .signatur .brand-logo-footer{grid-column:1/-1;width:min(350px,100%)}
  .signatur .brand-logo .brand-original-full{display:none}
  .signatur .brand-logo .brand-original-mobile{display:flex;align-items:center;gap:8px;width:100%}
  .signatur .brand-logo .brand-original-symbol{width:clamp(48px,8vw,62px);height:auto;flex:none}
  .signatur .brand-logo .brand-original-lettering{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:1px}
  .signatur .brand-logo .brand-original-name-rule{display:block;width:100%;height:auto}
  .signatur .brand-logo .brand-original-tagline-a{display:block;width:85%;height:auto}
  .signatur .brand-logo .brand-original-tagline-b{display:block;width:100%;height:auto}
}
@media(max-width:360px){.signatur .header{padding-right:12px;padding-left:12px;gap:8px}.signatur .menubutton{gap:7px;font-size:14px}}

/* Shared summary height keeps the three universe links on the same baseline. */
.signatur .doors summary{display:flex;flex-direction:column;min-height:260px}
.signatur .doors summary>p{max-width:none;margin:0}
.signatur .doors .door-more{margin-top:auto;padding-top:32px;width:100%}
@media(max-width:600px){.signatur .doors summary{min-height:0}.signatur .doors .door-more{margin-top:24px;padding-top:0}}