@font-face{font-family:Allura;src:url('assets/Allura.ttf') format('truetype');font-display:swap}@font-face{font-family:Cormorant;src:url('assets/Cormorant.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Cormorant;src:url('assets/Cormorant-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:CormorantSC;src:url('assets/CormorantSC.ttf') format('truetype');font-display:swap}@font-face{font-family:Lato;src:url('assets/Lato.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Lato;src:url('assets/Lato-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#f8f6f1;--ink:#343b36;--green:#334b40;--gold:#a89d70;--line:#dcded3;--muted:#596159}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:700 22px/1.55 Cormorant,Georgia,serif}a{color:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Allura,cursive;font-weight:700;line-height:1.2;color:#303e35}h1{font-size:clamp(54px,5.6vw,76px)}h2{font-size:clamp(43px,4.5vw,61px)}h3{font-size:43px}p+p{margin-top:17px}.wrap{width:min(1160px,90%);margin:auto}.eyebrow{font:400 11px/1.6 Lato,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:15px}header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:12px 0}.brand{display:flex;align-items:center;text-decoration:none;gap:14px;font:700 35px/1 Allura,cursive;white-space:nowrap}.brand img{width:64px;height:64px;object-fit:contain}.brand small{display:block;font:400 10px/1.4 Lato,sans-serif;letter-spacing:2px;margin-top:6px}nav{display:flex;gap:23px;align-items:center}nav a{font:400 12px/1.5 Lato,sans-serif;text-decoration:none}nav a:hover,nav a[aria-current=page]{color:#776837;text-decoration:underline;text-underline-offset:6px}.banner{height:210px;position:relative;overflow:hidden;background:#193838}.banner img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 50%}.banner-copy{position:relative;width:min(1160px,90%);margin:auto;padding-top:30px;color:var(--gold)}.banner-title{font:700 90px/1.1 Allura,cursive;color:var(--gold);text-shadow:0 1px 1px #0007}.banner-byline{font:400 22px/1.4 CormorantSC,Georgia,serif;color:var(--gold);margin-top:5px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding:65px 0}.hero p{margin-top:22px;max-width:480px}.hero-art img{width:100%;height:auto;max-height:480px;object-fit:contain;display:block}.hero-art{background:#e9e9df;padding:25px}.caption{font:400 11px/1.7 Lato,sans-serif;color:var(--muted);text-align:center;margin-top:13px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;background:var(--green);color:#fff;text-decoration:none;padding:14px 23px;font:400 13px/1.5 Lato,sans-serif}.text-link{font:400 13px/1.6 Lato,sans-serif;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.verified{display:inline-flex;align-items:center;gap:8px;background:#0b08c8;padding:8px 14px;border-radius:20px;text-decoration:none;font:400 13px/1.6 Lato,sans-serif;color:#c8c6ff;margin-top:24px}.section{padding:65px 0}.section-heading{text-align:center;max-width:720px;margin:0 auto 35px}.section-heading p{margin-top:15px}.series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.series-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;border:1px solid var(--line);background:#fdfbf6;transition:transform .2s}.series-card:hover{transform:translateY(-4px)}.card-image{padding:20px;background:#ecece3;height:285px;flex:none;display:block;overflow:hidden}.card-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain}.card-copy{flex:1;padding:25px 22px}.card-copy h3{font:700 31px/1.2 Cormorant,Georgia,serif}.card-copy p{font-size:19px;margin-top:12px}.card-copy .text-link{display:inline-block;margin-top:20px}.soft-section{background:#eceee4}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.portrait{width:100%;max-height:540px;object-fit:cover}.about p{margin-top:20px}.signature{font:700 48px/1.2 Allura,cursive;color:#877a4e;margin-top:24px}.contact{max-width:760px;text-align:center;margin:auto}.contact p{margin-top:20px}.contact .actions{justify-content:center}.page-opening{max-width:850px;padding:65px 0 40px}.page-opening p{margin-top:20px}.breadcrumb{font:400 12px/1.6 Lato,sans-serif;margin-bottom:20px}.work-row{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding:55px 0;border-top:1px solid var(--line)}.work-picture{margin:0}.zoom{padding:25px;border:0;background:#ecece2;cursor:zoom-in;display:block;width:100%}.zoom img{width:100%;height:auto;max-height:560px;object-fit:contain;display:block}.work-text h2{font:700 41px/1.25 Cormorant,Georgia,serif;letter-spacing:.1px}.work-text p{margin:20px 0}.work-text .medium{font:400 12px/1.5 Lato,sans-serif;margin-top:12px;color:var(--muted)}.story-body,.legal-body{max-width:800px;padding-bottom:70px}.story-body h2,.legal-body h2{margin:35px 0 15px}.status{display:inline-block;background:#e6e9db;padding:8px 14px;border-radius:25px;font:400 12px/1.5 Lato,sans-serif}.pause-box{background:#e9ecdF;padding:24px 28px;margin:5px 0 32px}.pause-box p{margin-top:14px}.photo-placeholder{height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:1px dashed #a3ad98;background:#eceee6;margin:25px 0 20px;text-align:center;padding:30px}.photo-placeholder strong{font:700 34px/1.3 Cormorant,serif}.photo-placeholder span{font:400 12px/1.5 Lato,sans-serif;color:var(--muted)}.story-note{font:400 12px/1.6 Lato,sans-serif;color:var(--muted);margin-bottom:30px}.story-teaser{max-width:760px;text-align:center;margin:auto}.story-teaser p{margin:20px 0}.legal-body{font-weight:400}.legal-body h2{font:700 32px/1.2 Cormorant,serif}.legal-body p{margin-top:16px}.legal-body address{font-style:normal}.legal-body .sources{font:400 12px/1.7 Lato,sans-serif}footer{border-top:1px solid var(--line);padding:32px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font:400 12px/1.6 Lato,sans-serif}.copyright{font:400 10px/1.6 Lato,sans-serif;color:var(--muted);margin-top:20px}dialog{border:0;padding:22px;background:var(--paper);color:var(--ink);width:min(850px,94vw);max-height:92vh}dialog::backdrop{background:#17231de8}dialog img{max-width:100%;max-height:70vh;object-fit:contain;display:block;margin:auto}dialog button{display:block;margin:0 0 15px auto;cursor:pointer;padding:8px 13px;background:transparent;border:1px solid var(--line);font:400 12px Lato,sans-serif}dialog h2{font:700 27px Cormorant,serif;margin-top:15px}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;z-index:20;background:white;padding:12px;font:400 14px Lato,sans-serif}
@media(max-width:950px){nav{gap:15px;flex-wrap:wrap;justify-content:flex-end}.brand{font-size:29px}.brand img{width:55px;height:55px}.series-grid{gap:15px}.card-image{height:245px;padding:17px}.card-copy{padding:20px 16px}.card-copy h3{font-size:28px}}@media(max-width:650px){body{font-size:21px}.nav{flex-direction:column;gap:14px;padding:12px 0 16px}nav{justify-content:center;gap:15px;row-gap:8px}nav a{font-size:11px}.banner{height:150px}.banner-copy{padding-top:22px}.banner-title{font-size:65px}.banner-byline{font-size:19px}.banner img{object-position:55% 50%}.hero,.about,.work-row{grid-template-columns:1fr;gap:30px}.hero{padding:40px 0}.hero h1{font-size:57px}.hero-art{max-width:420px;width:100%;margin:auto}.series-grid{grid-template-columns:1fr}.card-image{height:300px}.card-copy{padding:25px}.section{padding:45px 0}.page-opening{padding:45px 0 30px}.work-row{padding:40px 0}.work-text h2{font-size:35px}.footer-row{align-items:flex-start;flex-direction:column}.photo-placeholder{height:270px}.portrait{max-height:430px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.gold-heading{color:var(--gold)}.work-picture{min-width:0}.work-picture>.zoom{padding:16px;height:470px;display:flex;align-items:center;justify-content:center}.gallery-photo{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.gallery-photo>img{width:100%;height:100%;object-fit:contain}.gallery-scene{position:relative;display:block;width:100%;aspect-ratio:1363/761;flex:none;overflow:hidden}.gallery-scene>img:first-child{display:block;width:100%;height:100%;max-height:none;object-fit:fill;margin:0}.gallery-scene>img.scene-art{position:absolute;transform:translate(-50%,-50%);max-height:none;max-width:none;object-fit:fill;box-shadow:1px 2px 3px #0004;margin:0}.gallery-controls{display:flex;align-items:center;justify-content:space-between;margin:12px 0;font:400 12px Lato,sans-serif}.gallery-controls button{width:44px;height:40px;border:1px solid var(--line);background:transparent;color:var(--green);font:28px Georgia,serif;cursor:pointer}.gallery-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:5px 3px 10px;scrollbar-width:thin}.gallery-thumbnails button{flex:0 0 65px;width:65px;height:65px;padding:4px;background:#ecece2;border:2px solid transparent;cursor:pointer}.gallery-thumbnails button[aria-pressed=true]{border-color:var(--green)}.gallery-thumbnails img{max-width:100%;max-height:100%}.gallery-thumbnails .gallery-scene{top:50%;transform:translateY(-50%)}#art-viewer{display:flex;justify-content:center;align-items:center;min-height:100px}#art-viewer>.gallery-photo{height:65vh}#art-viewer>img{max-height:70vh}.redstart-story{margin-top:25px}.progress-photos{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:14px;margin-top:30px;aspect-ratio:1.18}.progress-photo.zoom{padding:0;overflow:hidden;min-height:0}.progress-photo:first-child{grid-row:1 / 3}.progress-photo.zoom img{height:100%;width:100%;max-height:none;object-fit:cover}.progress-photo:first-child img{transform:scale(1.06);transform-origin:center bottom}.progress-photos+.caption{margin-bottom:28px}@media(max-width:650px){.work-picture>.zoom{height:390px}.progress-photos{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;aspect-ratio:auto;gap:10px}.progress-photo:first-child{grid-row:auto;grid-column:1 / 3;aspect-ratio:3 / 4}.progress-photo:not(:first-child){aspect-ratio:1}.gallery-thumbnails button{flex-basis:60px;width:60px;height:60px}}
/* Gentle, once-only movement. Content stays visible without JavaScript. */
@keyframes gentle-arrival{from{opacity:.2;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes banner-arrival{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
.gentle-arrival{animation:gentle-arrival .75s cubic-bezier(.22,.61,.36,1)}
.banner-copy{animation:banner-arrival 1s ease-out}
.series-card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.button,.verified,.gallery-controls button,.gallery-thumbnails button{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease}
.text-link,nav a{transition:color .25s ease,text-underline-offset .25s ease}
@media(hover:hover) and (pointer:fine){
.series-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #334b4015;border-color:#a89d70}
.button:hover,.verified:hover{transform:translateY(-2px);box-shadow:0 6px 14px #334b4020}
.gallery-controls button:hover{transform:translateY(-2px);background:#e6e9db}
.gallery-thumbnails button:hover{transform:translateY(-2px);border-color:var(--gold)}
.text-link:hover{color:#776837}
}
.button:active,.verified:active,.gallery-controls button:active{transform:translateY(1px)}
}
@media(prefers-reduced-motion:reduce){.gentle-arrival,.banner-copy{animation:none!important}.series-card:hover{transform:none}}
/* Shared, light contact and discovery buttons. */
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid var(--green);border-radius:999px;background:transparent;color:var(--green);line-height:1.4;text-align:center}
.actions{gap:16px}.hero .actions .button{min-width:135px}
.button:focus-visible{background:var(--green);color:var(--paper)}
.button:active{background:#243b30;color:#fff}
.footer-links .social-primary{font-weight:700;color:var(--green)}
.footer-verification{margin-top:24px}.footer-verification .verified{margin-top:0;font-size:11px;padding:6px 12px}
.legal-body{overflow-wrap:anywhere}.legal-body ul{padding-left:24px}.legal-body li+li{margin-top:9px}.legal-body .legal-note{padding:18px 22px;border-left:3px solid var(--gold);background:#eeeee5;font-size:19px}.legal-body a{text-underline-offset:3px}
@media(hover:hover) and (pointer:fine){.button:hover{background:var(--green);color:var(--paper)}}
@media(prefers-reduced-motion:no-preference){.button{transition:transform .25s ease,background-color .25s ease,color .25s ease,box-shadow .25s ease}@media(hover:hover) and (pointer:fine){.button:hover{transform:scale(1.045);box-shadow:0 5px 14px #334b4017}}.button:active{transform:scale(.98)}}
@media(max-width:650px){.contact .actions .button{max-width:100%}.footer-verification{margin-top:20px}}

/* ===== Optik-Feinschliff (Oktober 2026) – reine Darstellung, keine Textänderungen ===== */
/* 1. Singulart-Links auf den Werkseiten: elegante Buttons mit feiner Goldumrandung */
.work-text a[href*="singulart.com"]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 28px;border:1px solid var(--gold);border-bottom:1px solid var(--gold);background:#fdfbf6;color:var(--green);font:400 14px/1.4 Lato,sans-serif;letter-spacing:1.2px;text-decoration:none;box-shadow:inset 0 0 0 3px #fdfbf6,inset 0 0 0 4px #a89d704d;margin-top:6px}
@media(hover:hover) and (pointer:fine){.work-text a[href*="singulart.com"]:hover{border-color:#776837;background:#f3efe2;color:#243a2f}}
@media(prefers-reduced-motion:no-preference){.work-text a[href*="singulart.com"]{transition:background-color .25s ease,border-color .25s ease,color .25s ease}}
@media(max-width:650px){.work-text a[href*="singulart.com"]{display:flex;width:100%}}
/* 2. Typografie */
h1,h2,h3{line-height:1.12;text-wrap:balance}
h1{font-size:clamp(46px,4.5vw,64px)}
h2{font-size:clamp(38px,4vw,54px)}
.section-heading{max-width:820px}
p,li{text-wrap:pretty}
.work-text p{line-height:1.62;margin:18px 0}
.work-text h2{line-height:1.2}
.eyebrow{font-size:12px}
.caption{font-size:12.5px}
nav a{font-size:13px}
.copyright{font-size:11.5px}
.brand small{font-size:11px}
/* Startseite: Elster behutsam größer */
@media(min-width:651px){.hero{grid-template-columns:.94fr 1.06fr;gap:7%}}
.hero-art{padding:18px}
.hero-art img{max-height:560px}
/* 3. Mobile Navigation (nur mit JS; ohne JS bleibt die bisherige Navigation) */
.nav-toggle{display:none}
@media(max-width:860px){
.hero-art{max-width:520px}
html.has-nav-toggle{scroll-padding-top:84px}
html.has-nav-toggle .nav{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 12px;padding:8px 0}
html.has-nav-toggle .brand{font-size:27px;gap:10px}
html.has-nav-toggle .brand img{width:46px;height:46px}
html.has-nav-toggle .nav-toggle{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border:1px solid var(--gold);background:#fdfbf6;color:var(--green);font:400 13px/1 Lato,sans-serif;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer}
html.has-nav-toggle .nav-toggle-icon,html.has-nav-toggle .nav-toggle-icon::before,html.has-nav-toggle .nav-toggle-icon::after{display:block;width:18px;height:1.5px;background:currentColor;content:"";position:relative}
html.has-nav-toggle .nav-toggle-icon::before{position:absolute;top:-6px}
html.has-nav-toggle .nav-toggle-icon::after{position:absolute;top:6px}
html.has-nav-toggle nav{display:none;flex:0 0 100%;flex-direction:column;align-items:stretch;gap:0;padding:6px 0 10px;border-top:1px solid var(--line);margin-top:8px}
html.has-nav-toggle nav.nav-open{display:flex}
html.has-nav-toggle nav a{display:flex;align-items:center;min-height:48px;font-size:15px;border-bottom:1px solid var(--line)}
html.has-nav-toggle nav a:last-child{border-bottom:0}
}
@media(max-width:650px){
body{font-size:21.5px}
.hero h1{font-size:46px}
.hero-art{padding:14px}
.work-text h2{font-size:36px}
.banner-byline{font-size:20px}
}