:root{--paper:#f4ecdf;--ink:#332d27;--red:#691b21;--muted:#766c61;--line:#d6c9b7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.6' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b47b39;outline-offset:5px}header{height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 5.7%;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{text-decoration:none;line-height:.85;display:flex;align-items:center;gap:14px;color:var(--red)}.brand-eye{width:41px;height:41px;border:1.5px solid var(--red);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:30px}.brand-name{font-family:Georgia,serif;font-size:34px;letter-spacing:-2px}.brand small{display:block;font-family:Georgia,serif;font-size:19px;font-style:italic;letter-spacing:0;text-align:right;padding-top:5px}header nav{display:flex;gap:32px;align-items:center}header nav a{text-decoration:none;font-size:13px;letter-spacing:.06em}header nav a:hover{color:var(--red)}header nav .nav-button{border-bottom:1px solid var(--red);padding:7px 0;color:var(--red)}.menu{display:none;border:1px solid var(--line);background:transparent;padding:8px 13px}.hero{position:relative;isolation:isolate;min-height:650px;height:calc(100vw * .48);max-height:850px;background:#39251b;overflow:hidden;color:#fff4e2}.hero-photo{position:absolute;inset:0;z-index:-2;background-image:url('atelier.webp');background-size:cover;background-position:center top}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(28,18,12,.87),rgba(35,18,12,.58) 36%,rgba(29,18,11,.03) 78%),linear-gradient(0deg,rgba(31,18,11,.35),transparent 45%)}.hero-content{padding:100px 0 90px 7.6%;max-width:770px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.21em;font-weight:600;display:flex;align-items:center;gap:14px}.eyebrow:before{content:'';height:1px;width:31px;background:currentColor}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(55px,5.5vw,86px);line-height:1.07;letter-spacing:-.045em;margin:27px 0 24px}h1 em{font-weight:400;color:#e4bf91}h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,4vw,58px);letter-spacing:-.04em;line-height:1.16;margin-bottom:24px}.hero p{max-width:380px;font-size:16px;color:#eee0cf}.button{display:inline-flex;gap:36px;align-items:center;background:var(--red);color:#fff5e6;padding:15px 25px;text-decoration:none;font-size:13px;border:1px solid transparent;cursor:pointer}.button:hover{background:#852830}.hero .button{margin-top:16px;background:var(--paper);color:var(--red)}.hero .button:hover{background:#fff8eb}.hero-note{position:absolute;right:5.7%;bottom:32px;font-family:Georgia,serif;font-style:italic;font-size:18px}.ribbon{padding:21px 5%;display:flex;justify-content:center;gap:40px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.ribbon b{color:var(--red);font-weight:400}.intro{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:110px;padding:105px 40px 90px;align-items:center}.intro .eyebrow,.gallery .eyebrow,.atelier .eyebrow{color:var(--red);margin-bottom:23px}.intro p{font-size:17px;color:var(--muted)}.handwritten{font-family:Georgia,serif;font-style:italic;color:var(--red);font-size:28px;transform:rotate(-4deg);display:inline-block}.gallery{padding:75px 7.6% 100px;background:#e9e0d2;border-block:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;max-width:1400px;margin:auto}.section-top p{max-width:310px;color:var(--muted);font-size:14px}.gallery-grid{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:32px;margin:35px auto 0;max-width:1400px;align-items:start}.art{background:none;border:0;padding:0;text-align:left;color:var(--ink);cursor:pointer;min-width:0}.art:nth-child(2){margin-top:55px}.art-photo{height:390px;overflow:hidden;padding:15px;background:#d8c9b6;box-shadow:0 9px 22px #3e29131a;position:relative}.art-photo:after{content:'↗';position:absolute;right:25px;bottom:25px;width:35px;height:35px;background:var(--paper);display:grid;place-items:center;border-radius:50%;opacity:0;transform:translateY(5px);transition:.2s}.art:hover .art-photo:after,.art:focus-visible .art-photo:after{opacity:1;transform:translateY(0)}.art img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.art:hover img{transform:scale(1.035)}.art-photo.red img{object-position:50% 0}.art h3{font-family:Georgia,serif;font-weight:400;font-size:24px;margin:20px 0 4px}.art .caption{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.gallery-bottom{margin:52px auto 0;max-width:1400px;font-size:12px;color:var(--muted);border-top:1px solid #cfc0ac;padding-top:18px;display:flex;justify-content:space-between}.atelier{padding:105px 7.6%;display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;max-width:1600px;margin:auto}.atelier-picture{position:relative;transform:rotate(-2deg);background:#e6d8c3;padding:14px;box-shadow:0 12px 25px #3c261c22}.atelier-picture:before{content:'';position:absolute;left:40%;top:-12px;width:85px;height:30px;background:#bca582a6;transform:rotate(6deg);z-index:1}.atelier-crop{overflow:visible}.atelier-crop img{display:block;width:100%;height:auto;object-fit:contain}.atelier p{color:var(--muted)}.atelier .little-line{width:60px;height:1px;background:#a48a69;margin:30px 0}.invitation{background:var(--red);color:var(--paper);text-align:center;padding:77px 25px 80px}.invitation .eyebrow{justify-content:center;color:#ceae8e}.invitation h2{font-size:clamp(40px,5vw,65px);margin:22px 0 18px}.invitation p{color:#dac2af;font-size:15px;margin-bottom:28px}.invitation .button{border:1px solid #b08b75;background:none}.invitation .button:hover{background:#ffffff12}.invite-url{display:block;margin-top:25px;color:#dac2af;font-size:12px;text-decoration:none}footer{padding:38px 5.7%;display:flex;justify-content:space-between;gap:25px;align-items:center}footer p{font-size:12px;color:var(--muted);margin:0}.footer-brand{font-family:Georgia,serif;font-size:24px;color:var(--red)}.footer-brand em{font-size:18px}dialog{padding:0;border:0;background:#211d19;color:var(--paper);max-width:94vw;width:1000px;max-height:94vh;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#1c1712e8}dialog .dialog-body{padding:20px;display:flex;flex-direction:column;align-items:center}dialog img{max-width:100%;height:72vh;object-fit:contain}dialog .dialog-foot{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:16px;gap:20px}dialog h3{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:0}dialog button{color:var(--paper);border:1px solid #746252;background:none;padding:8px 18px;cursor:pointer}.close-x{position:absolute;top:12px;right:12px;background:#211d19!important;font-size:22px;line-height:1}.skip{position:absolute;left:10px;top:-100px;z-index:20;background:var(--paper);padding:15px}.skip:focus{top:10px}@media(min-width:1550px){.hero-content{padding-top:145px}.hero-photo{background-size:100% auto}}@media(max-width:1000px){.hero{min-height:610px}.hero-photo{background-size:auto 120%;background-position:65% top}.hero-content{padding-left:6%;max-width:650px}.intro{gap:45px}.gallery{padding-inline:5%}.gallery-grid{gap:20px}.art-photo{height:320px}.atelier{gap:6%;padding-inline:5%}header nav{gap:20px}}@media(max-width:680px){header{height:85px;padding:0 6%}.brand-name{font-size:29px}.brand small{font-size:16px}.brand-eye{width:35px;height:35px;font-size:24px}.menu{display:block;font-size:12px;color:var(--red)}header nav{display:none;position:absolute;top:85px;left:0;right:0;background:var(--paper);padding:25px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:20px}header nav.open{display:flex}.hero{height:auto;min-height:640px}.hero-photo{background-size:auto 110%;background-position:49% top}.hero:after{background:linear-gradient(90deg,#21130bd9,#21130b70),linear-gradient(0deg,#21130ba0,transparent)}.hero-content{padding:100px 7% 105px}.hero h1{font-size:59px}.hero p{max-width:310px}.hero-note{right:7%;bottom:22px;font-size:15px}.ribbon{gap:15px;font-size:8px;letter-spacing:.08em}.intro{padding:65px 7%;display:block}.intro h2{font-size:42px}.intro-copy{margin-top:30px}.intro p{font-size:16px}.gallery{padding:60px 7%}.section-top{display:block}.section-top p{max-width:100%}.gallery-grid{grid-template-columns:1fr;gap:35px;margin-top:30px}.art:nth-child(2){margin-top:0}.art-photo{height:430px}.gallery-bottom{gap:25px;font-size:11px}.atelier{display:flex;flex-direction:column;gap:55px;padding:70px 7%}.atelier h2{font-size:42px}.atelier-picture{width:100%}.invitation{padding:65px 7%}.invitation h2{font-size:44px}footer{padding:30px 7%;align-items:flex-start;flex-direction:column;gap:12px}dialog img{height:65vh}dialog .dialog-body{padding:12px}dialog h3{font-size:20px}dialog button{padding:8px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}

.brand-logo{display:block;width:58px;height:64px;object-fit:contain;mix-blend-mode:multiply}.brand{gap:10px}header nav a[aria-current="page"]{color:var(--red);border-bottom:1px solid var(--red)}.nav-group{position:relative}.nav-group summary{list-style:none;cursor:pointer;font-size:13px;letter-spacing:.06em;display:flex;align-items:center;gap:8px;padding:12px 0}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'⌄';font-size:14px}.nav-group[open] summary{color:var(--red)}.subnav{position:absolute;top:100%;left:-22px;min-width:200px;background:var(--paper);border:1px solid var(--line);padding:12px 22px;box-shadow:0 10px 20px #332d2715;display:flex;flex-direction:column;gap:0;z-index:20}.subnav a{padding:10px 0;white-space:nowrap}.subnav a+a{border-top:1px solid #d6c9b76b}.page-intro{padding:70px 7.6% 60px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 90% 15%,#dec5a74d,transparent 60%)}.page-intro .eyebrow{color:var(--red)}.page-intro h1{font-size:clamp(50px,6vw,80px);margin:20px 0;color:var(--ink)}.page-intro h1 em{color:var(--red)}.page-intro p{max-width:660px;color:var(--muted);font-size:17px}.breadcrumb{font-size:11px;letter-spacing:.05em;margin-bottom:32px;color:var(--muted)}.breadcrumb a{text-decoration:none}.art-details{padding-top:5px;font-size:14px;color:var(--muted);line-height:1.7;display:block}.art-page .art-photo{height:440px}.art-page .art:nth-child(2){margin-top:50px}.art-page .gallery{padding-top:35px}.art-page .gallery-grid{margin-top:20px}.art-page .gallery-bottom{margin-top:40px}.category-area{padding:0 7.6% 90px;background:#e9e0d2}.category-tabs{display:flex;gap:38px;border-bottom:1px solid #cbbca7;padding:0;flex-wrap:wrap}.category-tabs a{text-decoration:none;padding:23px 0 18px;font-size:14px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.category-tabs a.active{color:var(--red);border-color:var(--red)}.category-panel{padding-top:65px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:430px}.category-panel[hidden]{display:none}.category-number{font:italic 20px Georgia,serif;color:#967b5e;margin-bottom:20px;display:block}.category-panel h2{font-size:55px}.category-panel p{max-width:460px;color:var(--muted)}.coming-label{display:inline-flex;align-items:center;gap:9px;color:var(--red);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #c5b59e;padding-top:18px;margin-top:12px}.coming-label:before{content:'✳'}.category-visual{height:300px;display:grid;place-items:center;background:#e1d2bf;box-shadow:0 8px 20px #332d270b;transform:rotate(2deg)}.category-visual svg{width:190px;height:190px;stroke:#76563e;stroke-width:1.3;fill:none}.category-small{font:italic 17px Georgia,serif;color:#836c55;margin-top:-30px}.shop-panel{text-align:center;min-height:510px;padding:80px 7% 100px;background:radial-gradient(ellipse at center,#e4d3bd66,transparent 60%)}.shop-stamp{width:100px;height:100px;border:1px solid #ad9475;border-radius:50%;display:grid;place-items:center;margin:0 auto 28px;color:var(--red);font:italic 33px Georgia,serif;transform:rotate(-10deg)}.shop-panel h1{font-size:clamp(45px,6vw,72px);margin:15px 0 25px}.shop-panel p{max-width:520px;margin:0 auto 25px;color:var(--muted)}.shop-panel .eyebrow{justify-content:center;color:var(--red)}.shop-panel .button{margin-top:10px}.art-description{font-size:14px;color:#cfbfab;margin:12px 0 0;align-self:start;max-width:720px}dialog img{height:65vh}.page-end{padding:35px 7.6%;border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:25px}.page-end a{color:var(--red);font-size:13px;text-decoration:none}@media(max-width:1000px){header nav{gap:24px}.brand-logo{width:46px;height:56px}.art-page .art-photo{height:340px}.category-panel{gap:45px}}@media(max-width:680px){.brand-logo{width:40px;height:48px}.brand{gap:6px}.brand-name{font-size:27px}.subnav{position:static;border:0;border-left:1px solid var(--line);padding:0 0 0 20px;margin-top:3px;box-shadow:none;min-width:180px}.nav-group{width:100%}.nav-group summary{padding:0}.page-intro{padding:38px 7% 40px}.page-intro h1{font-size:50px}.page-intro p{font-size:16px}.breadcrumb{margin-bottom:25px}.art-page .art-photo{height:440px}.art-page .art:nth-child(2){margin-top:0}.category-area{padding:0 7% 60px}.category-tabs{gap:27px}.category-tabs a{font-size:13px}.category-panel{grid-template-columns:1fr;gap:35px;padding-top:40px}.category-panel h2{font-size:45px}.category-visual{height:230px;order:2}.category-visual svg{height:150px;width:150px}.category-number{margin-bottom:14px}.shop-panel{padding:60px 7% 75px}.shop-panel h1{font-size:48px}.page-end{padding:25px 7%;font-size:12px}.art-description{font-size:12px}dialog img{height:56vh}}

.category-panel.bracelet-panel:not([hidden]){display:block;padding-top:55px}.bracelet-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.bracelet-intro h2{margin-bottom:0}.bracelet-intro p{max-width:500px}.bracelet-photo{margin:40px 0 0}.bracelet-photo img{display:block;width:100%;height:auto;border:12px solid #d8c6ae;box-shadow:0 12px 35px #332d271a}.bracelet-photo figcaption{font:italic 17px Georgia,serif;color:#836c55;margin-top:18px;text-align:center}@media(max-width:680px){.category-panel.bracelet-panel:not([hidden]){padding-top:38px}.bracelet-intro{grid-template-columns:1fr;gap:24px}.bracelet-photo{margin-top:30px}.bracelet-photo img{border-width:6px}.bracelet-photo figcaption{font-size:15px}}

dialog #art-title[hidden],dialog #art-description[hidden]{display:none}

.misc-photo{margin:0}.misc-photo img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;box-shadow:0 10px 25px #332d271a}@media(max-width:680px){.misc-photo{width:100%}.misc-photo img{max-height:none}}

/* Unveränderte Originalpixel: enger Galerieausschnitt, vollständiges Bild im Dialog. */
.art-page .art-photo.zombie-focus{height:auto}
.zombie-window{position:relative;aspect-ratio:1.6;overflow:hidden}
.art .zombie-window img{position:absolute;max-width:none;width:135%;height:auto;left:50%;top:50%;transform:translate(-50%,-21%)}

.bracelet-photo.bracelet-detail{max-width:960px;margin:48px auto 0}

.category-panel.soap-panel:not([hidden]){display:block}
.soap-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:32px}
.soap-photo{margin:0;min-width:0}
.soap-photo img{display:block;width:100%;height:auto;border:8px solid #d8c6ae;box-shadow:0 12px 35px #332d271a}
@media(max-width:760px){.soap-gallery{grid-template-columns:1fr;gap:28px}.soap-photo img{border-width:6px}}

.bracelet-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px}
.bracelet-item{margin:0;min-width:0}
.bracelet-item img{display:block;width:100%;height:auto;border:8px solid #d8c6ae;box-shadow:0 12px 35px #332d271a}
@media(max-width:760px){.bracelet-gallery{grid-template-columns:1fr}.bracelet-item img{border-width:6px}}

.brand-logo{object-fit:contain;background:transparent;border:0;border-radius:0}
.legal-page{max-width:1000px;min-height:55vh}.legal-page h2{font-size:30px}.legal-page address{font-style:normal;font-size:19px;line-height:1.8}.imprint-draft{margin-top:30px;padding:18px 22px;border-left:2px solid var(--line);color:var(--muted);font-size:14px}.imprint-draft p:last-child{margin-bottom:0}.footer-legal{margin-top:20px}.footer-legal a{text-underline-offset:4px}

.wool-photo{grid-column:1/-1;margin:8px auto 0;width:100%;max-width:1100px}
.wool-photo img{display:block;width:100%;height:auto;border:12px solid #d8c6ae;box-shadow:0 12px 35px #332d271a}
@media(max-width:680px){.wool-photo img{border-width:6px}}

.privacy-page{max-width:1100px}.privacy-page h1{font-size:clamp(36px,6vw,72px);overflow-wrap:anywhere}.privacy-page h2{font-size:clamp(25px,3vw,34px);margin-top:40px}.privacy-page h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin-top:28px}.privacy-page p,.privacy-page li{max-width:80ch}.privacy-page a{overflow-wrap:anywhere;text-underline-offset:3px}.privacy-page code{font-size:.95em}.legal-date{color:var(--muted);font-size:14px}.legal-toc{display:flex;flex-wrap:wrap;gap:10px 22px;padding:22px 0;margin:25px 0;border-block:1px solid var(--line);font-size:14px}.legal-toc strong{flex-basis:100%}.legal-emphasis{border-left:3px solid var(--red);padding-left:22px}.privacy-page section{scroll-margin-top:30px}.privacy-page ul{padding-left:23px}

.hedgehog-photo{grid-column:1/-1;margin:8px auto 0;width:100%;max-width:1100px}.hedgehog-photo img{display:block;width:100%;height:auto;border:12px solid #d8c6ae;box-shadow:0 12px 35px #332d271a}.hedgehog-photo figcaption{font:italic 23px Georgia,serif;color:var(--red);margin-top:20px;text-align:center;line-height:1.5}@media(max-width:680px){.hedgehog-photo img{border-width:6px}.hedgehog-photo figcaption{font-size:20px}}