/* Urban Attic Partners · Design V4 · Dark Green / Premium
   Die V3-Struktur und Bildwelt bleiben erhalten, diese Datei definiert die
   edle Zweiton-Farbdramaturgie: Waldgruen, Elfenbein, Sand und helle Typografie.
*/
/* Farb-/Typo-Tokens sind jetzt zentral in styles.css :root definiert. */
body {background:var(--bg); color:var(--ink)}
a:hover {color:#a08d71}
a:focus-visible,button:focus-visible {outline:2px solid #caa77a;outline-offset:5px}
::selection {background:#bcb398;color:#1c3226}

/* Nav bleibt hell, um euer originales dunkelgruenes Logo zu bewahren. */
.site-header {background:#f9f7f1;border-top:5px solid #1e3528;border-bottom:1px solid #deddd2}
.header-shell {min-height:102px}
.primary-nav a {font-size:11px;letter-spacing:.095em;text-transform:uppercase;font-weight:600;color:#395143}
.primary-nav a:hover {color:#a38259}
.header-right {color:#607366}
.contact-shortcut {border-color:#718674;color:#1c3226;transition:all .25s}
.contact-shortcut:hover {background:#1c3226;color:var(--ivory)}
.brand-logo{mix-blend-mode:multiply}

/* Hero ist das Herz der neuen Richtung: ruhiges Waldgruen + Bildwelt. */
.hero {background:var(--forest-deep);border:0;min-height:750px;max-width:unset}
.hero-text {padding-left:max(var(--gutter),calc((100vw - 1400px)/2));padding-right:8%;padding-top:clamp(86px,8.8vw,142px);color:var(--ivory);position:relative;overflow:hidden}
.hero-text:after {content:'U / A / P';position:absolute;right:6%;bottom:100px;font-size:10px;letter-spacing:.34em;color:rgba(244,240,229,.30);pointer-events:none}
.overline {color:#cad6c3;letter-spacing:.22em}
.overline-line{background:var(--brass);width:34px}
.hero h1{font-size:clamp(65px,6.25vw,110px);color:#f6f3e9;margin:35px 0 35px;font-weight:400;line-height:1.04;letter-spacing:-.074em}
.hero h1 em{color:var(--brass)}
.hero-lead{color:#d4ded2;line-height:1.93;max-width:445px;font-size:15px}
.hero .round-link {color:#f5f0e7;margin-top:41px}
.hero .round-link:hover{color:#e6d4b8}
.hero .circle-arrow {border-color:#a8b9a9;color:#f6f3e9}
.hero .round-link:hover .circle-arrow{background:var(--brass);border-color:var(--brass);color:var(--forest-deep)}
.hero-counter{color:#afc2b3;letter-spacing:.1em;padding-top:74px}
.hero .progress{background:#738a76;max-width:90px}
.hero .progress span{background:var(--brass)}
.hero-image {min-height:750px;background:#293d30}
.hero-image:after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(17,35,25,.06) 50%,rgba(14,25,17,.48) 100%);pointer-events:none}
.hero-image .user-photo{object-position:52% center}
.image-edition{z-index:2;color:#f4efe4;background:transparent;padding:28px 34px;letter-spacing:.13em;font-size:9px}

/* Gewollter Rhythmus aus hellen und dunklen Flaechen */
.intro-strip{max-width:unset;background:#314a3a;color:#f1eee1;border:0;padding-block:25px;justify-content:space-around;letter-spacing:.19em}
.strip-star{color:var(--brass)}
.section-index{color:#576b5d;letter-spacing:.19em}
.section-index span{color:#9b9d8d}
.micro-title{color:#897b64;letter-spacing:.2em}
h2{letter-spacing:-.075em}
h2 em{color:#927f65}
.philosophy{padding-top:155px;padding-bottom:151px}
.philosophy h2{color:#22382a}
.philosophy-bottom p{color:#56685a}
.underlined-link{border-bottom:1px solid #6a7e6a;color:#24402e}
.underlined-link:hover{color:#96805e}
.statement-photo {margin-bottom:0;padding-bottom:132px}
.statement-image{box-shadow:0 20px 65px rgba(17,39,27,.075)}
.statement-caption{color:#667869}

/* Expertise: vollflaechiges tiefes Gruen als visuelle Zäsur. */
.expertise-band{background:var(--forest);color:var(--ivory)}
.expertise{padding-top:133px;padding-bottom:141px}
.expertise .section-index{color:var(--sage)}
.expertise .section-index span{color:var(--brass)}
.expertise h2{color:#f5f0e5}
.expertise h2 em{color:var(--brass)}
.expertise-intro p{color:#c4d0c3}
.expertise-grid{border-top:1px solid var(--line-dark);margin-top:74px}
.expertise-card{border-right:1px solid var(--line-dark);min-height:370px}
.expertise-card h3{color:#f7f2e9}
.expertise-card p{color:#c9d4c9}
.expertise-card .card-number{color:var(--brass)}
.expertise-card .line-icon svg{stroke:#d0c6ab}
.expertise-card .card-small{color:#afc3b2}

/* Material: weniger dunkle Last, damit die Fotografie wirken kann. */
.craft{padding-top:155px;padding-bottom:155px}
.craft-heading h2{color:#203729}
.craft-heading h2 em{color:#99866a}
.craft-card{position:relative}
.craft-card img{filter:saturate(.85)}
.craft-card figcaption{color:#576b5c}
.concept-row{border-color:#c5cabe}
.concept-row p{color:#233e2d}

/* Galerie: warmes Steinbeige macht Holz und Innenraumvisualisierungen elegant. */
.gallery-section{background:#e9e2d5;padding-top:135px;padding-bottom:130px}
.gallery-heading h2{color:#24382a}
.gallery-heading h2 em{color:#93826b}
.gallery-heading p{color:#526254}
.gallery-item figcaption{color:#465b4b}
.gallery-item .gallery-picture{box-shadow:0 12px 35px rgba(33,40,32,.065)}
.gallery-disclaimer{color:#59695b}

/* Die Zusammenarbeit als ruhiges Text-Kapitel – keine zweite massive Gruenwand. */
.process-band{background:#e1e6dc}
.process {padding-top:141px;padding-bottom:149px}
.process h2{color:#213b2a}
.process h2 em{color:#8f826c}
.process-copy p{color:#536c58}
.process .circle-arrow{border-color:#718774}
.process .round-link:hover .circle-arrow{background:var(--forest);color:var(--ivory)}
.team{padding-top:141px;padding-bottom:150px}
.team h2{color:#203a2b}
.team h2 em{color:#96856e}
.team-heading p{color:#586b5b}
.team-member img{filter:grayscale(1) contrast(1.04);background:#ddd8cd}
.team-member strong{color:#22372a}
.team-member figcaption span{color:#6b7b6d}

/* Kontakt + Footer bilden einen starken dunklen Abschluss. */
.contact-section{position:relative;overflow:hidden;background:var(--forest-deep);color:var(--ivory);border-top:1px solid #3d5141}
.contact-section:after{content:'';position:absolute;width:690px;height:690px;right:-185px;top:10px;border:1px solid rgba(245,240,226,.09);border-radius:50%;box-shadow:0 0 0 125px rgba(245,240,226,.018),0 0 0 250px rgba(245,240,226,.012);pointer-events:none}
.contact-inner{position:relative;z-index:1;padding-top:115px;padding-bottom:93px;min-height:655px}
.contact-section .section-index{color:#bccfbc}
.contact-intro{color:var(--brass)}
.contact-section h2{color:#f7f4e9}
.contact-section h2 em{color:#d5bea0}
.contact-section p:not(.contact-intro){color:#cbd6ca}
.contact-address{color:#f0eadf}
.contact-placeholder{color:#c8d5c8}
.contact-back{color:#d6e1d3}
.site-footer{max-width:unset;background:#14271e;color:#ede8da;padding-top:42px;padding-bottom:32px}
.site-footer .footer-main,.site-footer .footer-bottom{max-width:1416px;margin-left:auto;margin-right:auto}
.site-footer .brand-logo{mix-blend-mode:normal;width:227px;max-height:68px}
.footer-links{color:#e0e6db;letter-spacing:.025em}
.footer-links a:hover{color:var(--brass)}
.footer-bottom{border-color:var(--line-dark);color:#b7c6b6}

/* Rechtliche Entwurfsseiten bleiben bewusst hell lesbar. */
.legal{color:var(--ink)}
.legal h1{color:#1f3829}
.legal h2{color:#213a2b}
.legal p,.legal li{color:#586b5b}
.placeholder-box{border-left-color:#b09b7b;background:#e5e4da}

@media(max-width:1130px){
  .hero h1{font-size:clamp(60px,6.15vw,93px)}
  .hero-text{padding-right:6%}
}
@media(max-width:800px){
  .header-shell{min-height:82px}
  .primary-nav{background:#f9f7f1;top:82px;border-bottom:2px solid #203a2a}
  .primary-nav a{color:#263f2f}
  .menu-toggle span{background:#20392a}
  .hero{display:flex;min-height:unset}
  .hero-text{padding:80px var(--gutter) 50px}
  .hero-text:after{display:none}
  .hero h1{font-size:clamp(65px,11.5vw,95px);margin:29px 0 29px}
  .hero-lead{font-size:15px}
  .hero-image{min-height:unset;height:clamp(420px,72vw,670px)}
  .hero-counter{display:none}
  .expertise{padding-top:102px;padding-bottom:100px}
  .expertise-card{min-height:360px}
  .gallery-section{padding-top:0;padding-bottom:102px}
  .gallery-heading{padding-top:99px}
  .craft{padding-top:115px;padding-bottom:115px}
  .process{padding-top:109px;padding-bottom:109px}
  .team{padding-top:105px;padding-bottom:100px}
}
@media(max-width:600px){
  .header-shell{min-height:75px}
  .primary-nav{top:75px}
  .hero-text{padding-top:71px;padding-bottom:64px}
  .hero h1{font-size:clamp(58px,12.5vw,82px);line-height:1.02}
  .hero-lead{font-size:14px;line-height:1.85}
  .hero .round-link{margin-top:31px}
  .hero-image{height:clamp(380px,108vw,510px)}
  .intro-strip{padding-block:19px}
  .philosophy{padding-top:92px;padding-bottom:92px}
  .statement-photo{padding-bottom:95px}
  .expertise{padding-top:91px;padding-bottom:88px}
  .expertise-card,.expertise-card+.expertise-card{border-right:0;border-bottom:1px solid var(--line-dark);min-height:unset}
  .expertise-card:last-child{border:0}
  .craft{padding-top:90px;padding-bottom:90px}
  .gallery-heading{padding-top:93px}
  .gallery-section{padding-bottom:90px}
  .process{padding-top:93px;padding-bottom:98px}
  .team{padding-top:95px;padding-bottom:100px}
  .contact-inner{padding-top:90px;padding-bottom:60px;min-height:650px}
  .contact-section:after{opacity:.5;right:-470px}
  .site-footer{padding-top:45px}
}