:root{--bg:#0b0b0c;--ink:#f2f2f0;--mute:#a0a0a2;--gold:#b9a06a;--line:#ffffff1b;--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:400 17px/1.65 -apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:#b9a06a55}header{z-index:20;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0b0b0ccc;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:88px;padding:0 max(24px,50vw - 600px);transition:height .3s,border-color .3s;display:flex;position:fixed;inset:0 0 auto}header.scrolled{border-color:var(--line);height:72px}.brand{align-items:center;gap:14px;display:flex}.brand svg{width:40px;height:40px}.brand span{letter-spacing:.24em;font-size:13px}nav{align-items:center;gap:30px;display:flex}nav a{color:var(--mute);padding:12px 0;font-size:13px;transition:color .2s}nav a:hover,nav a.active{color:var(--gold)}nav a:last-child{color:var(--ink);border:1px solid #b9a06a77;border-radius:99px;padding:9px 19px}.menu{display:none}.progress{z-index:30;background:var(--gold);transform-origin:0;width:100%;height:2px;transform:scaleX(var(--scroll));pointer-events:none;position:fixed;top:0;left:0}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:16px;max-width:1248px;min-height:min(900px,100svh);margin:auto;padding:150px 24px 80px;display:grid;position:relative}.hero-copy{z-index:2}.eyebrow{color:var(--gold);letter-spacing:.25em;text-transform:uppercase;margin:0 0 26px;font-size:11px;display:block}h1{letter-spacing:-.055em;margin:0;font-size:clamp(52px,6.2vw,86px);font-weight:500;line-height:1.05}h1 small{letter-spacing:.65em;color:var(--gold);margin-top:18px;font-size:.22em;font-weight:400;display:block}.lead{color:var(--mute);max-width:25ch;margin:32px 0;font-size:clamp(18px,2vw,24px)}.cta{border:1px solid #b9a06a99;border-radius:99px;align-items:center;gap:25px;min-height:48px;padding:12px 24px;font-size:14px;transition:background .25s,transform .25s;display:inline-flex}.cta:hover{background:#b9a06a18;transform:translateY(-2px)}.hero-art{will-change:transform;margin:0;position:relative}.hero-art img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#0000,#000 8% 90%,#0000);mask-image:linear-gradient(#0000,#000 8% 90%,#0000)}.hero-art figcaption{text-align:right;color:#8c8c8c;letter-spacing:.06em;font-size:10px}.mark{opacity:.8;width:50px;height:50px;position:absolute;top:5%;right:4%}.mark .wa,.mark .wb{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.8s .3s forwards draw}.mark .wb{animation-delay:1.2s}@keyframes draw{to{stroke-dashoffset:0}}.scroll-cue{color:#aaa;letter-spacing:.2em;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:22px;left:24px}.scroll-cue:before{content:"";background:var(--gold);width:36px;height:1px;display:block}section{border-top:1px solid var(--line);padding:110px 24px;position:relative}.wrap{max-width:1200px;margin:0 auto}h2{letter-spacing:-.04em;margin:0 0 40px;font-size:clamp(28px,3.6vw,46px);font-weight:500;line-height:1.15}h3{letter-spacing:-.025em;margin:0;font-size:20px;font-weight:450}p{margin:0 0 22px}.about .wrap{grid-template-columns:1fr 1.3fr;column-gap:90px;display:grid}.about h2{grid-area:1/1/span 5}.about p{max-width:56ch;color:var(--mute);grid-column:2}.about p.big{letter-spacing:-.035em;color:var(--ink);margin-bottom:35px;font-size:clamp(26px,3.2vw,42px);line-height:1.3}.inline{color:var(--ink);border-bottom:1px solid var(--gold)}#kunst{background:radial-gradient(at 95% 60%,#b9a06a08,#0000 55%)}.intro{max-width:66ch;color:var(--mute);margin-bottom:45px}.row{border-top:1px solid var(--line);grid-template-columns:220px 1fr;gap:30px;padding:28px 0;display:grid}.row p{color:var(--mute);margin:0}.row:last-child{border-bottom:1px solid var(--line)}details.row{padding:0;display:block}summary{cursor:pointer;grid-template-columns:220px 1fr 24px;align-items:center;gap:30px;min-height:80px;padding:28px 0;list-style:none;display:grid}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--gold);font-size:25px;font-weight:300}details[open] summary:after{content:"−"}summary:hover h3{color:var(--gold)}.gallery{padding:0 0 30px}.placeholder{border:1px solid var(--line);background:radial-gradient(at 90% 0,#b9a06a12,#0000 70%),#111112;border-radius:16px;justify-content:space-between;align-items:flex-end;min-height:170px;padding:30px;display:flex}.placeholder strong{font-size:24px;font-weight:400}.placeholder span{color:var(--mute);font-size:12px}details[open] .gallery{animation:.35s in}@keyframes in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.contact .wrap{grid-template-columns:1fr 1fr;column-gap:90px;display:grid}.contact h2{grid-row:1/span 3}.contact p,.contact a{grid-column:2}.contact p{color:var(--mute);max-width:48ch}.mail{letter-spacing:-.03em;overflow-wrap:anywhere;border-bottom:1px solid #b9a06a88;width:fit-content;font-size:clamp(24px,3vw,40px);line-height:1.5}.mail.tel{color:var(--mute);border:0;margin-top:20px;font-size:20px}footer{border-top:1px solid var(--line);color:var(--mute);letter-spacing:.05em;justify-content:space-between;gap:20px;padding:28px max(24px,50vw - 600px);font-size:11px;display:flex}.reveal{opacity:1;transform:none}.motion-on .reveal{opacity:0;transition:opacity .85s,transform .85s cubic-bezier(.2,.7,.2,1);transform:translateY(30px)}.motion-on .reveal.visible{opacity:1;transform:translateY(0)}@media (min-width:1600px){.hero{min-height:850px}}@media (max-width:760px){header{height:72px;padding:0 24px}.brand svg{width:34px;height:34px}.brand span{letter-spacing:.2em;font-size:11px}.menu{width:48px;height:48px;color:var(--ink);cursor:pointer;z-index:22;background:0 0;border:0;flex-direction:column;justify-content:center;gap:6px;padding:12px;display:flex}.menu i{background:currentColor;width:24px;height:1px;transition:transform .25s;display:block}.menu[aria-expanded=true] i:first-child{transform:translateY(3.5px)rotate(45deg)}.menu[aria-expanded=true] i:last-child{transform:translateY(-3.5px)rotate(-45deg)}nav{border-bottom:1px solid var(--line);background:#101011;flex-direction:column;align-items:stretch;gap:8px;padding:20px 24px 30px;display:none;position:absolute;top:72px;left:0;right:0}nav.open{animation:.25s in;display:flex}nav a{min-height:48px;padding:10px 0;font-size:20px}nav a:last-child{text-align:center;margin-top:12px}.hero{grid-template-columns:1fr;gap:10px;min-height:auto;padding:130px 24px 70px}.eyebrow{margin-bottom:22px;font-size:10px}h1{font-size:clamp(48px,12vw,72px)}h1 small{font-size:15px}.lead{max-width:25ch;margin:25px 0 28px;font-size:19px}.hero-art{width:100%;max-width:460px;margin:0 auto}.hero-art img{aspect-ratio:1.15}.mark{width:38px;height:38px;top:12%;right:0}.scroll-cue{bottom:22px}section{padding:72px 24px}.about .wrap,.contact .wrap{display:block}.about p.big{font-size:29px}h2{margin-bottom:28px;font-size:30px}.row{grid-template-columns:1fr;gap:7px}summary{grid-template-columns:1fr 24px;gap:6px 14px;padding:22px 0}summary h3{grid-column:1}summary p{grid-column:1;font-size:15px}summary:after{grid-area:1/2/span 2}.placeholder{flex-direction:column;align-items:flex-start;gap:20px;min-height:150px}.contact p{margin-bottom:28px}.mail{font-size:30px}.mail.tel{margin-top:20px;display:table}footer{padding:26px 24px;font-size:10px}.intro{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.motion-on .reveal{opacity:1;transform:none}.mark .wa,.mark .wb{stroke-dashoffset:0}.hero-art{transform:none!important}}body{position:relative}.gold-thread{z-index:5;pointer-events:none;--rail-position:0%;width:1px;position:absolute;top:110px;bottom:55px;left:clamp(10px,2vw,32px)}.thread-track,.thread-fill{display:block;position:absolute;inset:0}.thread-track{background:linear-gradient(#0000,#b9a06a50 70px,#b9a06a40 calc(100% - 70px),#0000)}.thread-fill{transform:scaleY(var(--scroll));transform-origin:top;background:linear-gradient(#b9a06a33,#b9a06aa6 30%,#d2bb83);box-shadow:0 0 9px #b9a06a20}.thread-tip{top:var(--rail-position);background:#dfcd9d;border-radius:50%;width:5px;height:5px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #d3b77f70,0 0 17px #b9a06a35}.thread-tip:before{content:"";background:linear-gradient(#0000,#dfcd9d,#0000);width:1px;position:absolute;top:-32px;bottom:-32px;left:2px}@media (min-width:761px){section{padding-left:max(56px,50vw - 600px);padding-right:max(56px,50vw - 600px)}.hero{padding-left:40px;padding-right:40px}.scroll-cue{left:40px}}@media (max-width:760px){.gold-thread{top:105px;bottom:40px;left:10px}.thread-tip{width:4px;height:4px;box-shadow:0 0 8px #d3b77f60}.thread-tip:before{top:-20px;bottom:-20px;left:1.5px}}@media (prefers-reduced-motion:reduce){.thread-fill{opacity:.55;transform:none}.thread-tip{display:none}}header,header.scrolled{-webkit-backdrop-filter:none;background:#0b0b0cf5;height:72px;transition:border-color .2s}.hero-art{will-change:auto;transform:none!important}.thread-fill{box-shadow:none;will-change:transform;transform:scaleY(0)}.thread-tip{will-change:transform;top:0}.motion-on .reveal{transition:opacity .6s,transform .6s;transform:translateY(16px)}.motion-on .reveal.visible{transform:none}@media (prefers-reduced-motion:reduce){.thread-fill{will-change:auto;transform:none!important}.thread-tip{will-change:auto}.motion-on .reveal{transform:none}}.header-sentinel{pointer-events:none;width:1px;height:1px;position:absolute;top:30px;left:0}.gold-thread{contain:paint;--rail-position:0%;pointer-events:none;width:19px;left:clamp(1px,2vw - 9px,23px);overflow:hidden}.thread-track,.thread-fill{width:1px;box-shadow:none;left:9px;right:auto}.thread-fill{opacity:.7;will-change:auto;background:linear-gradient(#0000,#b9a06a 60px calc(100% - 60px),#0000);transform:none}.thread-tip{width:1px;height:100%;box-shadow:none;will-change:auto;background:0 0;border-radius:0;display:none;top:0;left:9px;transform:none}.thread-tip:before{content:"";width:3px;height:3px;box-shadow:none;background:#dfcd9d;border-radius:50%;position:absolute;top:0;bottom:auto;left:-1px}@supports (animation-timeline:scroll()){.thread-fill{opacity:1;transform-origin:top;will-change:transform;animation:linear both gold-fill;animation-timeline:scroll(root);transform:scaleY(0)}.thread-tip{will-change:transform;animation:linear both gold-cursor;animation-timeline:scroll(root);display:block}}@keyframes gold-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes gold-cursor{0%{transform:translateY(0)}to{transform:translateY(calc(100% - 3px))}}@media (max-width:760px){.gold-thread{left:1px}.thread-tip{width:1px;height:100%;box-shadow:none}.thread-tip:before{width:3px;height:3px;top:0;bottom:auto;left:-1px}}@media (prefers-reduced-motion:reduce){.thread-fill{opacity:.55;animation:none!important;transform:none!important}.thread-tip{display:none!important}}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.gallery-grid img{object-fit:cover;border-radius:4px;width:100%;height:280px}.gallery-grid figure{margin:0}.gallery-grid figcaption{color:var(--mute);font-size:14px}.empty-gallery{color:var(--mute);padding:16px 0}.admin{max-width:960px;margin:auto;padding:48px 24px}.admin h1{margin-bottom:32px;font-size:38px}.admin h2{margin:32px 0 20px;font-size:26px}.admin label{color:var(--mute);margin:14px 0;display:block}.admin input,.admin textarea,.admin select{width:100%;color:var(--ink);font:inherit;background:#161618;border:1px solid #ffffff35;border-radius:8px;margin-top:6px;padding:12px;display:block}.admin textarea{resize:vertical;min-height:100px}.admin button,.admin .button{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #b9a06a88;border-radius:30px;margin:8px 8px 8px 0;padding:10px 20px;display:inline-block}.admin button:disabled{opacity:.4;cursor:wait}.admin article{border:1px solid var(--line);border-radius:12px;margin:20px 0;padding:24px}.admin .actions{z-index:30;border-bottom:1px solid var(--line);background:#0b0b0cf5;padding:12px 0;position:sticky;top:0}.admin .status{color:#d9bf87}.admin .thumb{object-fit:cover;width:120px;height:90px}.admin .picture{border-top:1px solid var(--line);align-items:center;gap:16px;padding:16px 0;display:flex}.admin .picture label{flex:1}.admin a{text-decoration:underline}.hero-copy h1{margin-top:0}@media (min-width:761px){main>section{padding-block:clamp(80px,7vw,120px);padding-inline:clamp(40px,5vw,80px)}main>section>.wrap{width:100%;min-width:0;max-width:1200px;margin-inline:auto}main>.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:1280px;padding-inline:clamp(40px,5vw,80px)}.hero-copy,.hero-art{min-width:0}.hero .scroll-cue{left:clamp(40px,5vw,80px)}main>.about>.wrap,main>.contact>.wrap{flex-direction:column;align-items:flex-start;gap:0;display:flex}.about h2,.contact h2{margin-bottom:clamp(28px,3vw,40px)}.about p,.contact p,.intro{max-width:65ch}.about p.big{max-width:30ch}.contact .mail{max-width:100%}#lackierung summary{grid-template-columns:minmax(0,1fr) 24px;gap:8px 24px;padding-block:26px}#lackierung summary h3,#lackierung summary p{grid-column:1}#lackierung summary p{max-width:65ch}#lackierung summary:after{grid-area:1/2/span 2}}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.hero-art img{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000 0% 3%,#0000001f 7%,#0000007a 14%,#000000d9 21%,#000 27% 73%,#000000d9 79%,#0000007a 86%,#0000001f 93%,#0000 97% 100%),linear-gradient(#0000,#000 10% 87%,#0000);mask-image:linear-gradient(90deg,#0000 0% 3%,#0000001f 7%,#0000007a 14%,#000000d9 21%,#000 27% 73%,#000000d9 79%,#0000007a 86%,#0000001f 93%,#0000 97% 100%),linear-gradient(#0000,#000 10% 87%,#0000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.gallery-grid img{-webkit-mask-composite:source-in;border-radius:12px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 5% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 5% 94%,#0000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@property --wisjon-contact-angle{syntax:"<angle>";inherits:false;initial-value:0deg}#main-nav a[href=\#kontakt]{isolation:isolate;position:relative}#main-nav a[href=\#kontakt]:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--wisjon-contact-angle),transparent 0deg,transparent 275deg,#b9a06a26 305deg,#d2bb83b3 338deg,#f0dfb2 353deg,transparent 360deg);-webkit-mask-composite:xor;padding:1px;animation:7s linear infinite wisjon-contact-thread;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes wisjon-contact-thread{to{--wisjon-contact-angle:360deg}}.brand .logo-white{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.3s cubic-bezier(.4,0,.2,1) .12s forwards wisjon-logo-draw}.brand .logo-gold{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.9s cubic-bezier(.3,0,.2,1) .65s forwards wisjon-logo-draw}@keyframes wisjon-logo-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){#main-nav a[href=\#kontakt]:before{display:none;animation:none!important}.brand .logo-white,.brand .logo-gold{stroke-dashoffset:0;animation:none!important}}