@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:wght@400;500&display=swap');
:root{--bg:#08090a;--panel:#111315;--text:#f3f1ed;--muted:#999b9a;--line:#292b2c;--gold:#d6c19a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}
.header{position:fixed;z-index:50;top:0;left:0;right:0;padding:22px 5vw;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#070809ee,transparent)}.logo{font-size:20px;letter-spacing:.13em;display:flex;flex-direction:column}.logo span{font-size:8px;letter-spacing:.38em;color:#bbb;margin-top:4px}.header nav{display:flex;gap:28px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.header nav a:hover{color:var(--gold)}.cart,.menu{background:none;border:0;color:white;cursor:pointer}.menu{display:none;font-size:24px}
.hero{height:100vh;min-height:650px;position:relative;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:#1b2326 url('assets/hero-konzept.png') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050607e8 0%,#05060785 48%,#05060720 100%),linear-gradient(0deg,#08090a 0%,transparent 22%)}.hero-text{position:relative;z-index:2;margin-left:6vw}.eyebrow{font-size:10px;letter-spacing:.35em;color:var(--gold);margin-bottom:14px}.hero h1,h2{font-family:'Playfair Display',serif;font-weight:400}.hero h1{font-size:clamp(54px,7vw,94px);line-height:.96;margin:0 0 28px}.hero p{font-size:18px;color:#ddd;margin-bottom:34px}.btn{display:inline-flex;gap:30px;align-items:center;border:1px solid #aaa;background:transparent;color:#fff;padding:15px 20px;font-size:10px;letter-spacing:.14em;cursor:pointer}.btn:hover{background:#fff;color:#111}.outline{margin-top:10px}.down{position:absolute;bottom:25px;left:50%;font-size:27px}
.section{padding:105px 5.5vw}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-title>a{font-size:10px;letter-spacing:.13em}.section h2{font-size:40px;margin:0}.portfolio{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tile{height:390px;position:relative;overflow:hidden;border:1px solid var(--line);background-size:cover;background-position:center;transition:transform .4s}.tile:hover{transform:translateY(-4px)}.tile:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#050607df)}.tile>div{position:absolute;z-index:2;bottom:18px;left:18px;display:flex;flex-direction:column;gap:6px}.tile strong{font-size:12px;letter-spacing:.08em}.tile small{font-size:10px;color:#bbb}.landscape{background-image:linear-gradient(145deg,#93aab2,#35454c 45%,#0a0d0f)}.portrait{background-image:radial-gradient(circle at 55% 35%,#d6b59c 0 7%,#6b5044 17%,#203021 43%,#080a09 75%)}.city{background-image:linear-gradient(145deg,#c59b78,#3d4954 48%,#080a0c)}
.about{display:grid;grid-template-columns:1.1fr 1.3fr 1fr;gap:55px;align-items:center;background:#0d0f10}.about-photo{height:420px;background:url('assets/hero-konzept.png') left center/cover;filter:grayscale(1)}.about p,.contact p{color:#aaa;line-height:1.85;max-width:540px}.values{display:flex;flex-direction:column;gap:27px}.values div{display:flex;flex-direction:column;gap:7px}.values b{font-size:11px;letter-spacing:.1em}.values span{font-size:12px;color:#929494}
.shop{background:#0b0c0d}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product{background:#151718;padding-bottom:18px}.print{height:270px;background-size:cover}.p1{background-image:linear-gradient(140deg,#d7b67f,#26363d 50%,#111)}.p2{background-image:radial-gradient(ellipse at 65% 55%,#eee 0 8%,#638499 12%,#0c161c 38%,#1c262b 72%)}.p3{background-image:linear-gradient(135deg,#d9d7d0,#718078 45%,#242b2a)}.p4{background-image:linear-gradient(165deg,#91a3a7,#354244 50%,#131819)}.product h3,.product p{margin:14px 18px 0}.product h3{font-size:13px;font-weight:400}.product p{font-size:12px;color:#bbb}.product button{margin:14px 18px 0;background:transparent;border:1px solid #444;color:#fff;padding:10px;font-size:9px;cursor:pointer}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact form{display:flex;flex-direction:column;gap:12px}.contact input,.contact textarea,footer input{border:1px solid #333;background:#111315;color:white;padding:15px;font:inherit;outline:none}
footer{padding:65px 5.5vw 25px;border-top:1px solid #242526;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}footer h4{font-size:10px;letter-spacing:.15em}footer p,footer a{font-size:11px;line-height:1.8;color:#909292;display:block}.copyright{grid-column:1/-1;border-top:1px solid #222;padding-top:18px;color:#666;font-size:10px}.drawer{position:fixed;z-index:80;right:-430px;top:0;width:min(430px,100%);height:100%;background:#111315;padding:25px;transition:right .3s;box-shadow:-20px 0 60px #0008}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;border-bottom:1px solid #333;margin-bottom:15px}.drawer-head button{border:0;background:none;color:#fff;font-size:28px}.drawer .btn{margin-top:20px}.drawer small{display:block;color:#777;line-height:1.5;margin-top:14px}.item{display:flex;justify-content:space-between;border-bottom:1px solid #2b2c2d;padding:16px 0}.item button{background:none;border:0;color:#fff}.backdrop{display:none;position:fixed;z-index:70;inset:0;background:#0008}.backdrop.open{display:block}
@media(max-width:900px){.header nav{display:none}.menu{display:block}.header nav.open{position:absolute;display:flex;flex-direction:column;top:72px;right:18px;left:18px;padding:24px;background:#111315}.portfolio{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.portfolio,.products{grid-template-columns:1fr}.tile{height:330px}.print{height:230px}.hero h1{font-size:50px}.section{padding:75px 6vw}footer{grid-template-columns:1fr}.copyright{grid-column:auto}}

.portfolio-three{grid-template-columns:repeat(3,1fr)}
.akt{background-image:linear-gradient(145deg,#d4c1ad,#6b5a55 45%,#090a0a)}
.akt18{background-image:linear-gradient(145deg,#3a2d2d,#171112 50%,#050505)}
.tile a{display:block;position:absolute;inset:0;color:inherit}
.gallery-section{border-top:1px solid #222}
.gallery-section h2{font-size:48px;margin:0 0 12px}.intro{color:#999;line-height:1.8;max-width:650px}
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;min-height:120px}
.photo-placeholder{aspect-ratio:4/3;background:#151718;border:1px solid #292b2c;display:flex;align-items:center;justify-content:center;color:#666;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.adult-section{background:#0b0b0c}.adult-gate{max-width:650px;padding:70px 0}.adult-gate p{color:#aaa;line-height:1.8;margin:20px 0 28px}.adult-content{padding-top:20px}.adult-content[hidden]{display:none}
@media(max-width:900px){.portfolio-three{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.photo-grid{grid-template-columns:1fr}}

.portfolio-four{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.portfolio-four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.portfolio-four{grid-template-columns:1fr}}

.hero{position:relative;min-height:78vh;overflow:hidden;background:#080909}.hero-image{position:absolute;inset:0}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.25) 70%,rgba(0,0,0,.4))}.hero-content{position:relative;z-index:2;max-width:900px;padding:14vh 6vw}.hero-content h1{font-size:clamp(3.5rem,7vw,7rem);line-height:.92;margin:20px 0}.portfolio-four{grid-template-columns:repeat(4,1fr)}.tile-image{position:relative;overflow:hidden;min-height:330px;background:#151717}.tile-photo{position:absolute;inset:0;background:#111}.tile-photo img{width:100%;height:100%;object-fit:cover;display:block}.tile-copy{position:absolute;left:0;right:0;bottom:0;padding:28px 20px;background:linear-gradient(transparent,rgba(0,0,0,.92))}.tile-copy strong,.tile-copy small{display:block}.tile-copy small{margin-top:7px;opacity:.75}.age-tile{display:flex;align-items:center;justify-content:center}.age-tile span{font-size:4rem;font-weight:700}.age-box{padding:40px;border:1px solid rgba(255,255,255,.25);max-width:650px;margin-top:30px}@media(max-width:1000px){.portfolio-four{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.portfolio-four{grid-template-columns:1fr}.hero-content{padding:15vh 7vw}}