:root{--bg:#fbfbfa;--ink:#1a1a1a;--ink-soft:#2c2c2c;--line:#e7e7e4;--ease:.55s ease;--pad:clamp(1.25rem, 4vw, 3.5rem);color:var(--ink);background:var(--bg);font-family:Helvetica Neue,Helvetica,Arial,system-ui,sans-serif;font-size:16px;line-height:1.65}*{box-sizing:border-box}body,html{background:var(--bg);margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app{flex-direction:column;min-height:100vh;display:flex}.site-header{padding:1.4rem var(--pad) 1.1rem;z-index:20;background:#fbfbfaeb;justify-content:space-between;align-items:baseline;gap:1.5rem;display:flex;position:sticky;top:0}.site-header--home{background:linear-gradient(#fbfbfae0,#fbfbfa59 70%,#0000)}.brand{letter-spacing:.08em;text-transform:lowercase;font-size:.95rem;font-weight:400}.nav{letter-spacing:.06em;flex-wrap:wrap;gap:1.15rem 1.6rem;font-size:.82rem;display:flex}.nav a{opacity:.72;transition:opacity var(--ease)}.nav a.router-link-active,.nav a:hover{opacity:1;text-underline-offset:.28em;text-decoration:underline}.site-footer{padding:2.5rem var(--pad) 2.2rem;letter-spacing:.04em;border-top:1px solid var(--line);flex-wrap:wrap;gap:.9rem 1.6rem;margin-top:auto;font-size:.78rem;display:flex}.site-footer a{opacity:.7;transition:opacity var(--ease)}.site-footer a:hover{opacity:1}.hero{flex-direction:column;justify-content:flex-end;min-height:calc(100vh - 4.2rem);display:flex;position:relative}.hero .media--hero{position:absolute;inset:0}.hero__copy{z-index:2;padding:0 var(--pad) 4.5rem;position:relative}.hero__copy h1{letter-spacing:.28em;text-transform:uppercase;margin:0;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:400}.hero__copy p{margin:.55rem 0 0;font-size:1rem}.media{background:#f3f3f1;position:relative;overflow:hidden}.media img{-o-object-fit:cover;object-fit:cover;width:100%}.media img,.media--hero img{height:100%}.overlay-white{pointer-events:none;opacity:1;background:linear-gradient(#0000 42%,#ffffff8c 72%,#ffffffeb);transition:opacity .65s;position:absolute;inset:0}.media--hero .overlay-white{background:linear-gradient(#ffffff80,#0000 26% 48%,#ffffffb8 78%,#fbfbfa)}.page{padding:2.25rem var(--pad) 5rem}.page--narrow{max-width:42rem}.intro{max-width:36rem;margin:0 0 3.5rem}.intro h1{letter-spacing:.18em;text-transform:uppercase;margin:0 0 .9rem;font-size:1.05rem;font-weight:400}.intro p{color:var(--ink-soft);margin:0}.werk-row{border-top:1px solid var(--line);transition:opacity var(--ease);grid-template-columns:minmax(12rem,1fr) minmax(16rem,42vw);align-items:start;gap:1.5rem 4vw;padding:3rem 0;display:grid}.werk-row .media{aspect-ratio:4/3;max-height:52vh}.werk-row .overlay-white{background:linear-gradient(#0000 62%,#ffffff6b)}.werk-row:hover{opacity:.82}.werk-row__meta h2{letter-spacing:.01em;margin:0;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:400;line-height:1.2}.werk-row__meta p{color:var(--ink-soft);margin:.45rem 0 0;font-size:.92rem}.werk-detail__gallery{margin:0 0 2.5rem}.werk-detail__gallery .media{background:var(--bg)}.werk-detail__gallery .media img{-o-object-fit:contain;object-fit:contain;max-height:82vh}.werk-detail__text{max-width:34rem}.werk-detail__text h1{margin:0;font-size:clamp(1.4rem,2.5vw,2.1rem);font-weight:400}.werk-detail__text .meta{margin:.4rem 0 1.4rem;font-size:.92rem}.werk-detail__text p{margin:0}.back{letter-spacing:.06em;opacity:.7;margin-bottom:1.5rem;font-size:.82rem;display:inline-block}.back:hover{opacity:1}.split{grid-template-columns:minmax(0,1.2fr) minmax(12rem,.7fr);align-items:start;gap:3rem 5vw;display:grid}.split img{width:100%}.prose p{max-width:38rem;margin:0 0 1.1rem}.prose .quote,.prose em{font-style:italic}.form{gap:1.1rem;max-width:28rem;display:grid}.form label{gap:.35rem;font-size:.86rem;display:grid}.form input,.form textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #cfcfca;border-radius:0;padding:.7rem .75rem}.form input:focus,.form textarea:focus{outline:1px solid var(--ink);border-color:var(--ink)}.form textarea{resize:vertical;min-height:8rem}.btn{font:inherit;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--ink);border:1px solid var(--ink);cursor:pointer;justify-self:start;margin-top:.4rem;padding:.95rem 1.6rem;font-size:.78rem}.btn:hover{background:#000}.form-ok{margin:1rem 0 0;font-size:.95rem}.form-err{color:#7a1f1f;margin:0;font-size:.9rem}.legal h1{letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.25rem;font-size:1.05rem;font-weight:400}.legal h2{margin:1.8rem 0 .6rem;font-size:1rem;font-weight:500}.legal li,.legal p{color:var(--ink-soft)}.fade-enter-active,.fade-leave-active{transition:opacity .55s}.fade-enter-from,.fade-leave-to{opacity:0}@media (width<=760px){.split,.werk-row{grid-template-columns:1fr}.nav{gap:.85rem 1.1rem;font-size:.75rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important}}
