:root{color-scheme:dark;--bg:#111714;--card:#1a211d;--gold:#d7bd8b;--text:#f2ede3;--muted:#bbb9af}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.75}a{color:var(--gold);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}.wrap{max-width:1080px;margin:auto;padding:0 25px}header{border-bottom:1px solid #394038;background:#111714ee}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:17px;padding-bottom:17px;flex-wrap:wrap}.brand{text-decoration:none;font:600 27px 'Cormorant Garamond',Georgia,serif;letter-spacing:.06em;color:var(--text)}nav{display:flex;flex-wrap:wrap;gap:22px}nav a{text-decoration:none;font-size:13px;color:#dcd7cc}.hero{padding:102px 0 88px;background:radial-gradient(ellipse at 50% 22%,#2d342a 0,#111714 65%);text-align:center}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:11px}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.14}h1{font-size:clamp(48px,7.5vw,90px);margin:16px 0}h2{font-size:clamp(33px,4.5vw,50px)}h3{font-size:27px;margin:0 0 8px}.lead{font-size:clamp(17px,2.2vw,22px);max-width:740px;margin:20px auto;color:#e3ded3}.fine{color:var(--muted);max-width:750px;margin:14px auto}.btn{display:inline-block;border:1px solid var(--gold);background:var(--gold);color:#151813;text-decoration:none;padding:12px 24px;font-size:13px;letter-spacing:.04em;margin:12px 7px 0}.btn.secondary{background:transparent;color:var(--gold)}.section{padding:64px 0}.muted{background:#171d19}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:17px}.tile{border:1px solid #394137;background:var(--card);padding:25px}.tile p{color:var(--muted);font-size:14px;margin:0}.notice{border-left:3px solid var(--gold);padding:17px 25px;background:#222820;max-width:800px;margin:22px auto}.small{font-size:13px;color:var(--muted)}.content{max-width:850px;padding:45px 25px 70px;margin:auto}.content p,.content li{color:#d7d4cb}.content h2{margin-top:40px}footer{border-top:1px solid #394038;padding:35px 0;color:var(--muted);font-size:12px}footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}footer a{margin-right:16px}address{font-style:normal}@media(max-width:600px){.hero{padding:65px 0 55px}header .wrap{justify-content:center}nav{justify-content:center;gap:14px}.section{padding:42px 0}}
/* Goldschmiederaum V1.2 – responsive typography and spacing */
header .wrap{row-gap:10px}
.brand{font-size:clamp(22px,2.6vw,27px);line-height:1.2}
nav{column-gap:20px;row-gap:9px}
.hero{padding:68px 0 54px}
.hero h1{font-size:clamp(42px,6vw,76px);overflow-wrap:break-word}
.hero .lead{font-size:clamp(17px,2vw,21px);margin:16px auto}
.hero .fine{margin:12px auto}
.section{padding:48px 0}
.section h2,.content h2{font-size:clamp(29px,3.8vw,43px)}
.content{padding-top:34px;padding-bottom:54px}
.content h1{font-size:clamp(40px,5.4vw,66px);line-height:1.13;overflow-wrap:break-word;hyphens:auto}
.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px}
.tile{min-width:0;padding:22px}
.tile h3{font-size:clamp(23px,2.25vw,27px);line-height:1.2;overflow-wrap:anywhere;hyphens:auto}
.tile p{overflow-wrap:break-word}
@media(max-width:760px){
 header .wrap{justify-content:center;text-align:center;padding-top:13px;padding-bottom:13px}
 nav{justify-content:center;column-gap:16px;row-gap:7px}
 .hero{padding:52px 0 42px}
 .section{padding:38px 0}
 .notice{padding:15px 18px}
}
@media(max-width:420px){
 .wrap{padding-left:18px;padding-right:18px}
 nav a{font-size:13px}
 .hero h1{font-size:clamp(34px,10vw,43px)}
 .content{padding:27px 18px 45px}
 .content h1{font-size:clamp(34px,10vw,43px)}
 .tile{padding:19px}
 .btn{margin:10px 4px 0;padding:11px 17px}
 footer .wrap{gap:12px}
}