:root{--ink:#0b0d0e;--cream:#f4efe6;--paper:#ebe2d4;--gold:#b89457;--gold2:#d4b274;--muted:#756d63}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--ink);color:var(--cream);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit}.nav{position:fixed;z-index:100;top:0;left:0;right:0;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:linear-gradient(to bottom,rgba(3,4,5,.55),transparent);transition:.35s ease}.nav.solid{height:74px;background:rgba(11,13,14,.76);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.09)}.logo{text-decoration:none;letter-spacing:.2em}.logo span{display:block;color:var(--gold2);font:42px/34px Georgia,serif}.logo small{font-size:10px;font-weight:800}.nav nav{display:flex;gap:34px}.nav nav a{text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.13em;opacity:.9}.nav nav a:hover,.nav nav a.active{color:var(--gold2)}.hamb{display:none}.hero{height:120vh;position:relative;display:flex;align-items:center;overflow:hidden}.heroMedia{position:fixed;inset:0;background-image:var(--hero);background-size:cover;background-position:center;transform:scale(1.06);will-change:transform;z-index:-3}.heroShade{position:absolute;inset:0;background:radial-gradient(circle at 68% 42%,transparent 0,rgba(7,8,9,.18) 38%,rgba(7,8,9,.68) 72%),linear-gradient(90deg,rgba(7,8,9,.82),rgba(7,8,9,.18) 55%,rgba(7,8,9,.32)),linear-gradient(0deg,#0b0d0e 0%,transparent 42%)}.heroText{position:relative;margin-left:6vw;width:min(760px,82vw);transform:translateY(var(--heroY,0));opacity:var(--heroO,1)}.heroText p,.sectionHead p,.stageText p,.aboutBox p,.contactCard p{color:var(--gold2);text-transform:uppercase;letter-spacing:.2em;font-weight:900;font-size:13px}.heroText h1{font:400 clamp(62px,9vw,138px)/.88 Georgia,serif;margin:24px 0}.heroText span,.stageText span,.aboutBox span{display:block;font-size:20px;line-height:1.75;max-width:720px;color:#f7f1e8}.heroBtns{display:flex;gap:18px;margin-top:34px}.heroBtns a,.contact button{min-height:56px;padding:0 30px;display:inline-flex;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;border-radius:999px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#14110c;box-shadow:0 18px 44px rgba(184,148,87,.25)}.heroBtns a:nth-child(2){background:rgba(255,255,255,.08);color:white;border:1px solid rgba(255,255,255,.24);box-shadow:none}.scrollCue{position:absolute;bottom:20vh;left:50%;transform:translateX(-50%);font-size:11px;text-decoration:none;letter-spacing:.22em;color:white;z-index:2}.scrollCue i{display:block;width:1px;height:72px;background:linear-gradient(var(--gold2),transparent);margin:16px auto 0;animation:cue 1.8s infinite}@keyframes cue{50%{height:32px;opacity:.45}}.scrollytelling{position:relative;height:360vh;background:#08090a}.stickyStage{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}.stageBg{position:absolute;inset:-8vh;background-size:cover;background-position:center;filter:saturate(.88) contrast(1.05);transform:scale(1.15);transition:opacity .45s ease;will-change:transform}.stageOverlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,6,.82),rgba(4,5,6,.18) 52%,rgba(4,5,6,.64)),linear-gradient(0deg,#08090a,transparent 38%,#08090a)}.stageText{position:relative;z-index:4;margin-left:6vw;width:min(760px,82vw);transform:translateX(var(--textX,0)) translateY(var(--textY,0));opacity:var(--textO,1)}.stageText h2{font:400 clamp(54px,7vw,110px)/.92 Georgia,serif;margin:20px 0}.stageCounter{position:absolute;z-index:4;right:6vw;top:50%;transform:translateY(-50%);display:grid;justify-items:center;gap:16px;color:white}.stageCounter b,.stageCounter em{font-style:normal;font-size:13px;letter-spacing:.14em}.stageCounter i{width:1px;height:180px;background:linear-gradient(transparent,var(--gold2),transparent)}.storyStep{height:120vh;position:relative;pointer-events:none}.gallery{background:linear-gradient(180deg,#08090a,#f2ecdf 16%,#eee4d5);color:#111;padding:12vh 6vw 14vh}.sectionHead{max-width:980px}.sectionHead h2{font:400 clamp(46px,5vw,86px)/.98 Georgia,serif;margin:18px 0 50px}.masonry{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;align-items:start}.tile{position:relative;margin:0;overflow:hidden;border-radius:36px;background:#ddd;box-shadow:0 34px 100px rgba(0,0,0,.18);min-height:340px}.tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.tile:hover img{transform:scale(1.075)}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 55%)}.tile figcaption{position:absolute;z-index:2;left:28px;bottom:24px;color:white}.tile b{display:block;text-transform:uppercase;letter-spacing:.14em}.tile span{color:var(--gold2);font-size:13px}.t1{grid-column:span 5;height:520px}.t2{grid-column:span 3;height:390px;margin-top:90px}.t3{grid-column:span 4;height:460px}.t4{grid-column:span 4;height:390px}.t5{grid-column:span 5;height:500px}.t6{grid-column:span 3;height:360px;margin-top:-60px}.about{background:#eee4d5;color:#111;padding:12vh 6vw}.aboutBox{max-width:980px;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.85);border-radius:44px;padding:70px;box-shadow:0 40px 140px rgba(65,54,40,.16)}.aboutBox h2,.contactCard h2{font:400 clamp(42px,5vw,84px)/1 Georgia,serif;margin:18px 0}.aboutBox span{color:#2f2b26}.contact{background:linear-gradient(180deg,#eee4d5,#d9c9b2);padding:12vh 6vw;color:#111}.contactCard{display:grid;grid-template-columns:.82fr 1.18fr;gap:6vw;align-items:center;max-width:1440px;margin:auto;background:rgba(255,255,255,.62);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);border-radius:44px;padding:64px;box-shadow:0 45px 150px rgba(64,50,34,.18)}.contactCard strong{color:var(--gold);font-size:20px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact input,.contact textarea{border:1px solid #cabba6;background:rgba(255,255,255,.64);border-radius:18px;padding:18px;font:inherit}.contact textarea,.contact input[name=subject]{grid-column:1/-1}.contact textarea{height:170px}.hp{display:none}.contact button{border:0;width:max-content}.reveal{opacity:0;transform:translateY(54px);transition:.85s ease}.reveal.show{opacity:1;transform:none}footer{background:#0b0d0e;color:#aca49a;padding:36px 6vw;display:flex;justify-content:space-between;gap:30px}footer b{display:block;color:var(--gold2);font:30px Georgia,serif;letter-spacing:.08em}footer span{display:block;margin-top:8px}@media(max-width:900px){.nav{height:74px;padding:0 24px;background:rgba(11,13,14,.82);backdrop-filter:blur(18px)}.nav nav{display:none}.hamb{display:block;background:transparent;color:white;border:0;font-size:24px}.heroText{margin-left:24px}.heroText h1{font-size:58px}.scrollytelling{height:auto}.stickyStage{position:relative;min-height:100svh}.storyStep{display:none}.stageText{margin-left:24px}.stageCounter{display:none}.masonry{grid-template-columns:1fr}.tile,.t1,.t2,.t3,.t4,.t5,.t6{grid-column:auto;height:420px;margin-top:0}.contactCard{grid-template-columns:1fr;padding:30px}.contact form{grid-template-columns:1fr}.aboutBox{padding:34px}footer{display:block}.scrollCue{bottom:12vh}}
/* V13 content upgrade */
.scrollytelling{height:calc((var(--steps,5) + 1) * 110vh)}
#home,#experience,#street,#filme,#galerie,#about,#kontakt{scroll-margin-top:0}
.chapters{background:#eee4d5;color:#111;padding:4vh 6vw 13vh}.chapterGrid{display:grid;gap:26px;max-width:1440px;margin:auto}.chapter{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:430px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.86);border-radius:44px;overflow:hidden;box-shadow:0 36px 120px rgba(55,45,33,.14)}.chapter:nth-child(even){grid-template-columns:.92fr 1.08fr}.chapter:nth-child(even) img{order:2}.chapter img{width:100%;height:100%;min-height:430px;object-fit:cover}.chapter div{padding:56px}.chapter small{color:var(--gold);font-weight:900;letter-spacing:.22em}.chapter h3{font:400 clamp(34px,4vw,68px)/1 Georgia,serif;margin:18px 0}.chapter p{font-size:18px;line-height:1.75;color:#3a332b;max-width:620px}@media(max-width:900px){.scrollytelling{height:auto}.chapter,.chapter:nth-child(even){grid-template-columns:1fr}.chapter:nth-child(even) img{order:0}.chapter div{padding:30px}.chapter img{min-height:320px}}