:root { --black:#090a09; --ink:#f3f0e8; --muted:#c3c0b8; --gold:#d7ad63; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--black); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { position:absolute; z-index:2; inset:0 0 auto; padding:25px 5.5%; }
.header-inner,.site-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { font-weight:700; font-size:20px; letter-spacing:.22em; }.brand span,.eyebrow,.section-number,.project-card p { color:var(--gold); font-weight:400; }
.primary-nav ul { display:flex; list-style:none; margin:0; padding:0; gap:27px; }.primary-nav a { font-size:11px; letter-spacing:.13em; }.menu-toggle { display:none; background:none; border:0; padding:6px; }.menu-toggle span { display:block; width:23px; height:1px; margin:5px; background:var(--ink); }
.hero { min-height:680px; padding:195px 5.5% 55px; position:relative; overflow:hidden; background:radial-gradient(circle at 80% 40%,rgba(215,173,99,.32),transparent 8%),radial-gradient(ellipse at 77% 48%,rgba(255,220,146,.2),transparent 22%),linear-gradient(114deg,rgba(4,5,5,.99),rgba(8,9,8,.92) 48%,rgba(20,18,13,.45)),linear-gradient(135deg,#080909 15%,#252218 65%,#0c0d0c); }
.hero-orbit { position:absolute; right:-6%; bottom:-24%; width:58%; height:75%; border-radius:50%; background:linear-gradient(135deg,transparent 44%,rgba(240,188,89,.22) 45%,rgba(255,223,153,.07) 49%,transparent 50%); transform:rotate(-12deg); }.hero-content { position:relative; z-index:1; max-width:700px; }.eyebrow,.project-card p { margin:0; font-size:11px; text-transform:uppercase; letter-spacing:.22em; }.hero h1,.intro h2,.project-card h3 { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.045em; }.hero h1 { margin:17px 0 22px; font-size:clamp(48px,6.5vw,90px); line-height:.96; }.lead,.body-copy { color:var(--muted); font-size:16px; line-height:1.7; max-width:460px; }.button { display:inline-block; border:1px solid var(--gold); margin-top:18px; padding:15px 22px; font-size:11px; letter-spacing:.15em; text-transform:uppercase; }.scroll-hint { position:absolute; left:5.5%; bottom:25px; margin:0; color:#aaa69e; font-size:9px; letter-spacing:.18em; text-transform:uppercase; }.section { padding:90px 5.5%; }.intro { display:grid; grid-template-columns:1fr 1fr; gap:55px; background:#0d0e0d; }.section-number { font:400 42px Georgia,serif; margin:0; }.intro h2 { margin:8px 0; font-size:clamp(34px,4vw,54px); line-height:1.05; }.projects { display:grid; grid-template-columns:1.15fr .85fr; gap:2px; }.project-card { min-height:370px; padding:32px; display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 65%),radial-gradient(circle at 52% 35%,rgba(226,190,120,.38),transparent 10%),linear-gradient(135deg,#171715,#484031 55%,#161613); }.project-two { background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 65%),radial-gradient(circle at 40% 31%,rgba(235,202,131,.37),transparent 9%),linear-gradient(135deg,#0b1112,#243339 57%,#101413); }.project-card h3 { font-size:31px; margin:8px 0 0; }.site-footer { padding:42px 5.5%; background:#070807; color:#aaa69e; font-size:11px; letter-spacing:.07em; }.site-footer p { margin:8px 0 0; }
@media (max-width:700px) { .primary-nav { display:none; }.primary-nav.is-open { display:block; position:absolute; top:68px; right:0; min-width:210px; padding:20px; background:#101110; }.primary-nav.is-open ul { display:grid; gap:18px; }.menu-toggle { display:block; }.hero { min-height:610px; padding-top:160px; }.intro,.projects { grid-template-columns:1fr; }.intro { gap:20px; }.project-card { min-height:300px; }.site-footer { align-items:flex-start; flex-direction:column; }.site-header { padding:22px 7%; }.hero,.section,.site-footer { padding-left:7%; padding-right:7%; } }

/* Version 0.2 – verbindliche Gestaltung nach freigegebener Vorschau */
.site-header { padding:34px 4.3%; }.brand { color:#fff; font-size:28px; font-weight:300; letter-spacing:.12em; }.brand span { color:#fff; font-weight:200; padding:0 5px; }.primary-nav ul { gap:37px; }.primary-nav a { color:#f6f4f0; font-size:12px; font-weight:400; letter-spacing:0; text-transform:uppercase; }.menu-toggle { display:block; margin-left:4px; }.menu-toggle span { width:25px; margin:5px 0; background:#fff; }
.hero-slider { height:min(71.1vw,760px); min-height:570px; position:relative; overflow:hidden; background:#111; }.slide { position:absolute; inset:0; opacity:0; pointer-events:none; background-position:center; background-size:cover; transition:opacity 900ms ease; }.slide.is-active { opacity:1; pointer-events:auto; }.hero-content { position:absolute; left:6.1%; bottom:72px; color:#fff; z-index:1; }.hero-content h1 { max-width:650px; margin:0 0 22px; font-family:Arial,Helvetica,sans-serif; font-size:clamp(36px,4.2vw,59px); font-weight:300; line-height:1.08; letter-spacing:-.045em; }.hero-content p { margin:0; color:#f8f7f3; font-size:clamp(14px,1.35vw,18px); font-weight:300; line-height:1.55; }.hero-content .button { margin-top:29px; padding:17px 24px; color:#d9b869; border-color:#cda64a; font-size:12px; font-weight:400; letter-spacing:0; }.hero-content .button span { padding-left:38px; font-size:25px; vertical-align:-2px; }.slider-arrow { position:absolute; top:53%; z-index:2; border:0; background:transparent; color:white; font-family:Arial,sans-serif; font-size:69px; font-weight:200; line-height:.5; cursor:pointer; }.slider-prev { left:3%; }.slider-next { right:3%; }.slider-dots { position:absolute; z-index:2; bottom:24px; left:50%; display:flex; gap:17px; transform:translateX(-50%); }.slider-dots button { width:9px; height:9px; padding:0; border:1px solid #fff; border-radius:50%; background:#fff; cursor:pointer; }.slider-dots button.is-active { border-color:#cda64a; background:#cda64a; }
.quote-section { padding:78px 20px 66px; background:#030403; color:#cfae5c; text-align:center; }.quote-mark { font:400 93px/.65 Georgia,serif; }.quote-section blockquote { margin:24px auto 35px; font:300 clamp(25px,3.1vw,44px)/1.27 Arial,Helvetica,sans-serif; letter-spacing:-.035em; }.quote-section span { display:block; width:67px; border-top:2px solid #b59341; margin:auto; }.site-footer { position:relative; align-items:flex-start; justify-content:center; gap:min(18vw,260px); padding:34px 12% 58px; border-top:1px solid #28251e; background:#030403; color:#eee; }.footer-column { width:260px; }.footer-column h2 { margin:0 0 28px; color:#cda64a; font-size:17px; font-weight:400; }.footer-column h2:after { content:''; display:block; width:76px; margin-top:21px; border-top:2px solid #a78639; }.footer-column address,.footer-column a { display:block; margin:0 0 15px; color:#efefed; font-size:16px; font-style:normal; font-weight:300; line-height:1.4; }.footer-social { position:absolute; bottom:22px; display:flex; gap:26px; }.footer-social a { color:#cda64a; font-size:27px; font-weight:bold; }
@media (max-width:700px) { .site-header { padding:22px 7%; }.brand { font-size:20px; }.hero-slider { height:720px; min-height:0; }.slide { background-position:59% center; }.hero-content { left:7%; right:7%; bottom:92px; }.hero-content h1 { font-size:37px; }.hero-content p br { display:none; }.hero-content .button { padding:14px 16px; }.slider-arrow { top:49%; font-size:52px; }.slider-dots { bottom:28px; gap:12px; }.quote-section { padding:64px 7% 50px; }.quote-section blockquote { font-size:26px; }.quote-section blockquote br { display:none; }.site-footer { gap:35px; padding:42px 7% 78px; }.footer-column { width:100%; }.footer-column h2 { margin-bottom:20px; }.footer-column address,.footer-column a { font-size:15px; } }

/* Version 0.3.2 – ruhiger, zentrierter Markenauftritt und großzügiger Projektslider */
.header-inner { position:relative; min-height:38px; justify-content:flex-end; }.brand { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:23px; font-weight:200; letter-spacing:.18em; white-space:nowrap; }.brand span { padding:0 7px; font-weight:100; }.primary-nav { margin-right:32px; }.menu-toggle { margin-left:0; }.hero-slider { height:clamp(700px,82vw,940px); min-height:700px; }.slide { background-size:cover; }.hero-content { bottom:88px; }
@media (max-width:700px) { .header-inner { min-height:26px; }.brand { font-size:17px; letter-spacing:.14em; }.brand span { padding:0 4px; }.primary-nav { margin-right:0; }.hero-slider { height:790px; min-height:0; }.hero-content { bottom:98px; } }