/* privtatts — "Galerie bei Nacht". Warm black ground, ivory type, work as exhibit. */
/* Archivo (SIL Open Font License 1.1) — selbst gehostet, kein externer Aufruf. */
@font-face{
  font-family:"Archivo";
  src:url("fonts/Archivo-Variable.woff2") format("woff2-variations"),
      url("fonts/Archivo-Variable.woff2") format("woff2");
  font-weight:200 700;
  font-style:normal;
  font-display:swap;
}

:root{
  --bg:#F5F2E8;--bg2:#EDE8D8;--bg3:#E4DDC8;
  --ink:#0A0A0A;--ink2:#46423A;--ink3:#7A756B;
  --bone:#8D6E57;--ivory:#FFFFFF;--ivory-ink:#0A0A0A;
  --line:rgba(10,10,10,.12);--line2:rgba(10,10,10,.26);
  --gutter:clamp(20px,5vw,72px);--maxw:1360px;--ease:cubic-bezier(.2,0,0,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none;transition:color .22s var(--ease),opacity .22s var(--ease)}
a:hover{opacity:.6}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
::selection{background:var(--ink);color:var(--bg)}
[hidden]{display:none!important}

/* type */
.kicker{font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--ink3)}
.display{font-size:clamp(48px,8.4vw,148px);font-weight:250;line-height:.96;letter-spacing:-.042em;text-wrap:balance}
.h2{font-size:clamp(34px,4.6vw,72px);font-weight:250;line-height:1.02;letter-spacing:-.036em;text-wrap:balance}
.h3{font-size:clamp(22px,1.8vw,28px);font-weight:400;line-height:1.2;letter-spacing:-.01em}
.body{color:var(--ink2);max-width:52ch;text-wrap:pretty}
.wrap{max-width:var(--maxw);margin:0 auto}
.sec{padding:clamp(80px,12vw,168px) var(--gutter)}
.sec+.sec{border-top:1px solid var(--line)}
.ital{color:var(--bone)}
.muted{color:var(--ink3);padding:28px 0}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:14px;padding:19px 30px;background:var(--ink);color:var(--bg);font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;border:none;cursor:pointer;transition:background .22s var(--ease),transform .12s var(--ease)}
.btn:hover{background:#2A2722;color:var(--bg);opacity:1}
.btn:active{transform:scale(.98)}
.btn-line{display:inline-flex;align-items:center;gap:14px;padding:18px 30px;border:1px solid var(--line2);font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;transition:border-color .22s var(--ease),color .22s var(--ease)}
.btn-line:hover{border-color:var(--ink);opacity:1}
.txt-link{font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid var(--line2);transition:border-color .22s var(--ease),color .22s var(--ease)}
.txt-link:hover{border-color:var(--ink)}

/* header — wordmark + two tabs only */
header{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 var(--gutter);height:76px;background:rgba(245,242,232,.96);border-bottom:1px solid var(--line);transition:box-shadow .3s var(--ease),background .3s var(--ease)}
header.solid{background:rgba(245,242,232,.99);box-shadow:0 1px 24px rgba(10,10,10,.07)}
@supports(backdrop-filter:blur(1px)){header{backdrop-filter:blur(16px)}}

.wordmark{font-size:14px;font-weight:400;letter-spacing:.32em;text-transform:uppercase}
.tabs-main{display:flex;gap:4px;padding:4px;border:1px solid var(--line2);border-radius:999px;background:var(--bg)}
.tabs-main a{padding:10px 22px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink2)}
.tabs-main a:hover{color:var(--ink)}
.tabs-main a.on{background:var(--ink);color:var(--bg)}

/* hero */
.hero{position:relative;min-height:calc(100svh - 76px);margin-top:76px;display:flex;align-items:flex-end;padding:96px var(--gutter) clamp(40px,6vw,80px);overflow:hidden;color:#F5F2E8;background:#111}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.58) 0%,rgba(0,0,0,.16) 52%,rgba(0,0,0,.04) 100%)}
.hero-in{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto}
.hero .kicker{color:rgba(245,242,232,.72);margin-bottom:22px}
.hero .body{color:rgba(245,242,232,.86)}
.hero .btn{background:#F5F2E8;color:#0A0A0A}
.hero .btn:hover{background:#fff;color:#0A0A0A}
.hero .btn-line{border-color:rgba(245,242,232,.5)}
.hero .btn-line:hover{border-color:#F5F2E8}
.hero .body{margin-top:24px;font-size:18px;max-width:40ch;color:rgba(245,242,232,.82)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}
.facts-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);
  padding:28px var(--gutter);border-bottom:1px solid var(--line);background:var(--bg);
  max-width:calc(var(--maxw) + 2 * 72px);margin:0 auto;width:100%}
.facts-strip div+div{padding-left:clamp(20px,3vw,48px);border-left:1px solid var(--line)}
.facts-strip strong{display:block;font-weight:400;font-size:17px;letter-spacing:-.01em}
.facts-strip span{display:block;margin-top:4px;font-size:13px;color:var(--ink3)}

/* intro statement */
.statement{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:clamp(24px,5vw,80px)}
.statement p.big{font-size:clamp(26px,3.1vw,46px);font-weight:300;line-height:1.22;letter-spacing:-.02em;text-wrap:pretty}
.statement p.big span{color:var(--ink3)}

/* pillars */
.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);margin-top:clamp(64px,8vw,112px)}
.pillars>div{padding:32px 28px 0 0}
.pillars>div+div{padding-left:28px;border-left:1px solid var(--line)}
.pillars .n{font-size:12px;letter-spacing:.2em;color:var(--ink3)}
.pillars h4{font-size:19px;font-weight:400;margin:20px 0 10px}
.pillars p{font-size:15px;color:var(--ink2);text-wrap:pretty}

/* section head */
.head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.head .kicker{margin-bottom:24px}

/* feature rows (service / formats) */
.feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,6vw,112px);align-items:center}
.feature+.feature{margin-top:clamp(80px,10vw,144px)}
.feature.flip .ph{order:2}
.ph{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--bg2)}
.ph img{width:100%;height:100%;object-fit:cover}
.ph.wide{aspect-ratio:5/4}
.ph .tag{position:absolute;left:16px;bottom:16px;padding:8px 12px;background:rgba(0,0,0,.45);color:#F5F2E8;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}
.feature .num{font-size:12px;letter-spacing:.24em;color:var(--ink3)}
.feature h3{font-size:clamp(36px,4.4vw,68px);font-weight:250;line-height:1;letter-spacing:-.036em;margin:24px 0 28px}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:40px 0;padding-top:28px;border-top:1px solid var(--line)}
.specs dt{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ink3);margin-bottom:8px}
.specs dd{font-size:17px}

/* gallery — exhibit wall */
.wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.piece{display:block;grid-column:span 4}
.piece:hover{color:inherit}
.piece .ph{aspect-ratio:4/5}
.piece img{transition:transform .8s var(--ease),opacity .3s var(--ease)}
.piece:hover img{transform:scale(1.03)}
.piece figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:14px}
.piece figcaption span:last-child{color:var(--ink3)}
.w-a{grid-column:span 5}.w-b{grid-column:span 4;margin-top:clamp(40px,8vw,120px)}.w-c{grid-column:span 3}
.w-d{grid-column:span 3}.w-e{grid-column:span 5;margin-top:clamp(-60px,-4vw,0px)}.w-f{grid-column:span 4}
.flash{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.flash .ph{aspect-ratio:1/1}

/* zwei Wege */
.routes{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.route{display:flex;flex-direction:column;background:var(--bg);padding:clamp(28px,3.4vw,52px) clamp(22px,2.6vw,44px);
  transition:background .3s var(--ease)}
.route:hover{background:rgba(10,10,10,.035);opacity:1}
.route .n{font-size:12px;letter-spacing:.14em;color:var(--ink3);margin-bottom:clamp(20px,2.4vw,34px)}
.route h3{font-size:clamp(23px,2.4vw,34px);font-weight:300;letter-spacing:-.022em;line-height:1.08;margin-bottom:14px}
.route > p{font-size:15px;line-height:1.62;color:var(--ink2);margin-bottom:clamp(22px,2.4vw,32px)}
.route-go{margin-top:auto;font-size:13px;letter-spacing:.02em;color:var(--ink);
  border-bottom:1px solid var(--line2);align-self:flex-start;padding-bottom:3px;
  transition:border-color .25s var(--ease)}
.route:hover .route-go{border-bottom-color:var(--ink)}
@media(max-width:820px){.routes{grid-template-columns:1fr}}

/* artists — curated list */
.artist-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(28px,4vw,48px)}
.artist-bar:empty{display:none}
.chip{display:inline-flex;align-items:center;padding:9px 18px;border:1px solid var(--line2);border-radius:999px;
  font-size:13px;letter-spacing:.01em;color:var(--ink2);white-space:nowrap;
  transition:background .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease)}
.chip:hover{background:var(--ink);color:var(--bg);border-color:var(--ink);opacity:1}
.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* Bestätigung der Künstlerauswahl im Formular */
.picked{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;
  background:rgba(10,10,10,.05);border-left:2px solid var(--ink);font-size:14px;color:var(--ink2)}
.picked[hidden]{display:none}
.picked strong{font-weight:400;color:var(--ink)}
.picked-x{background:none;border:none;padding:0;cursor:pointer;font:inherit;font-size:13px;
  color:var(--ink3);border-bottom:1px solid var(--line2);transition:color .22s var(--ease)}
.picked-x:hover{color:var(--ink)}
.panel .picked{background:rgba(20,18,14,.05)}

/* kurzer Hinweis auf dem Auswahlfeld */
@keyframes pick-flash{
  0%{box-shadow:0 2px 0 -1px var(--ink)}
  30%{box-shadow:0 2px 0 0 var(--ink)}
  100%{box-shadow:0 2px 0 -1px rgba(10,10,10,0)}
}
.f.flash select{animation:pick-flash 1.4s var(--ease)}
@media (prefers-reduced-motion:reduce){.f.flash select{animation:none}}
.chip:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
.roster{border-top:1px solid var(--line)}
.artist{display:grid;grid-template-columns:44px 96px minmax(0,1.1fr) minmax(0,1.6fr) minmax(0,.7fr) auto;gap:clamp(16px,2.4vw,40px);align-items:center;padding:24px 0;border-bottom:1px solid var(--line);transition:background .22s var(--ease)}
.artist:hover{background:linear-gradient(90deg,rgba(10,10,10,.03),transparent)}
.artist .idx{font-size:12px;letter-spacing:.2em;color:var(--ink3)}
.artist .thumb{width:96px;aspect-ratio:4/5;overflow:hidden;background:var(--bg3);display:flex;align-items:center;justify-content:center}
.artist .thumb img{width:100%;height:100%;object-fit:cover;filter:contrast(1) brightness(.96);transition:filter .3s var(--ease),transform .6s var(--ease);transform:scale(1)}
.artist:hover .thumb img{filter:brightness(1.06);transform:scale(1.04)}
.artist .initial{font-size:30px;font-weight:300;color:var(--ink3);letter-spacing:-.02em}
.artist h3{font-size:clamp(22px,2vw,30px);font-weight:400;letter-spacing:-.01em;line-height:1.1}
.artist .style{margin-top:6px;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--bone)}
.artist .desc{font-size:15px;color:var(--ink2);text-wrap:pretty}
.artist .region{font-size:14px;color:var(--ink3)}
.artist .acts{display:flex;flex-direction:column;align-items:flex-end;gap:10px;white-space:nowrap}
.artist .insta{font-size:13px;color:var(--ink3)}
.soon{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 0;border-bottom:1px solid var(--line);color:var(--ink2)}
.soon .kicker{color:var(--ink3)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);counter-reset:s}
.steps>div{padding-top:28px;border-top:1px solid var(--line2)}
.steps .n{font-size:clamp(44px,5vw,72px);font-weight:300;line-height:1;color:var(--ink3);letter-spacing:-.03em}
.steps h4{font-size:22px;font-weight:400;margin:28px 0 12px}
.steps p{color:var(--ink2);font-size:16px;text-wrap:pretty}

/* ivory band (pricing / wishlist) */
.ivory{background:var(--bg2);color:var(--ink)}
.ivory .kicker{color:#7A7366}
.ivory .body{color:#4E493F}

.ivory .btn-line{border-color:rgba(20,18,14,.3)}
.ivory .btn-line:hover{border-color:var(--ivory-ink);color:var(--ivory-ink)}
.ivory a:hover{color:var(--ivory-ink)}
.tiers{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(20,18,14,.2)}
.tiers>div{padding:40px 48px 8px 0}
.tiers>div+div{padding-left:48px;border-left:1px solid rgba(20,18,14,.2)}
.tiers .amt{font-size:clamp(34px,3.6vw,54px);font-weight:300;letter-spacing:-.03em;line-height:1;margin:24px 0 10px}
.tiers .unit{font-size:14px;color:#6E675B}
.tiers ul{list-style:none;margin-top:32px}
.tiers li{padding:13px 0;border-top:1px solid rgba(20,18,14,.12);font-size:16px}
.after{margin-top:56px;display:flex;gap:12px;flex-wrap:wrap}

/* wishlist */
.wish{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(32px,6vw,112px);align-items:start}
.wish-pts{list-style:none;margin:40px 0 48px;border-top:1px solid var(--line)}
.wish-pts li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.wish-pts .n{font-size:12px;letter-spacing:.2em;color:var(--ink3);padding-top:4px}
.wish-pts strong{display:block;font-weight:400;font-size:18px}
.wish-pts span.s{color:var(--ink2);font-size:15px}

/* setup lists */
.setup{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px)}
.setup h3{font-size:24px;font-weight:400}
.setup .sub{color:var(--ink3);font-size:14px;margin-top:6px}
.setup ul{list-style:none;margin-top:28px;border-top:1px solid var(--line2)}
.setup li{padding:15px 0;border-bottom:1px solid var(--line);color:var(--ink2)}
.note{margin-top:48px;max-width:64ch;color:var(--ink2);padding-left:20px;border-left:2px solid var(--ink)}

/* contact + form */
.contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(40px,6vw,112px);align-items:start}
.contact .body{margin:28px 0 48px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:28px;border-top:1px solid var(--line)}
.facts dt{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ink3);margin-bottom:6px}
.facts a{border-bottom:1px solid var(--line2)}
.panel{background:var(--bg2);border:1px solid var(--line);padding:clamp(24px,4vw,56px)}
.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:40px;flex-wrap:wrap}
.tabs button{background:none;border:none;padding:0 0 16px;margin-bottom:-1px;border-bottom:1px solid transparent;cursor:pointer;color:var(--ink3);font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;transition:color .22s var(--ease)}
.tabs button.on{color:var(--ink);border-bottom-color:var(--ink)}
form.pane{display:none;gap:28px}
form.pane.on{display:grid;animation:fade .25s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.f{display:block;min-width:0}
.f>span{display:block;margin-bottom:6px;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ink3)}
.f input,.f select,.f textarea{width:100%;padding:12px 0;background:transparent;border:none;border-bottom:1px solid var(--line2);border-radius:0;outline:none;appearance:none;-webkit-appearance:none;color:var(--ink);font-weight:300;transition:border-color .22s var(--ease)}
.f select{background-image:linear-gradient(45deg,transparent 50%,#0A0A0A 50%),linear-gradient(135deg,#0A0A0A 50%,transparent 50%);background-position:calc(100% - 10px) 55%,calc(100% - 5px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:24px}
.f select option{background:var(--bg2);color:var(--ink)}
.f input[type=date]{color-scheme:light}
.f textarea{resize:vertical;min-height:80px}
.f input::placeholder,.f textarea::placeholder{color:var(--ink3)}
.f input:focus,.f select:focus,.f textarea:focus{border-bottom-color:var(--ink)}
.f input[type=file]{font-size:14px;color:var(--ink2);border-bottom:none}
.f .hint{display:block;margin-top:8px;font-size:14px;color:var(--ink3)}
.checks{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.checks label{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink2);cursor:pointer}
.checks input{accent-color:var(--ink);margin-top:5px}
.seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line2)}
.seg label{position:relative;display:flex;gap:12px;align-items:center;padding:15px 18px;cursor:pointer;font-size:15px;color:var(--ink2);transition:background .22s var(--ease),color .22s var(--ease)}
.seg label+label{border-left:1px solid var(--line2)}
.f .seg input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.seg label.on{background:var(--ink);color:var(--bg)}
.seg .n{font-size:11px;letter-spacing:.2em;opacity:.6}
form.pane .btn{justify-self:start;margin-top:8px}

/* light form panel */
.panel{background:#fff;border:1px solid var(--line);color:var(--ink)}
.panel .tabs{border-bottom-color:rgba(20,18,14,.16)}
.panel .tabs button{color:#857E71}
.panel .tabs button.on{color:var(--ivory-ink);border-bottom-color:var(--ivory-ink)}
.panel .f>span{color:#6E675B}
.panel .f input,.panel .f select,.panel .f textarea{color:var(--ivory-ink);border-bottom-color:rgba(20,18,14,.28);font-weight:400}
.panel .f input:focus,.panel .f select:focus,.panel .f textarea:focus{border-bottom-color:var(--ivory-ink)}
.panel .f input::placeholder,.panel .f textarea::placeholder{color:#9A9386}
.panel .f select{background-image:linear-gradient(45deg,transparent 50%,#14120E 50%),linear-gradient(135deg,#14120E 50%,transparent 50%)}
.panel .f select option{background:#fff;color:var(--ivory-ink)}
.panel .f input[type=date]{color-scheme:light}
.panel .f input[type=file]{color:#4E493F}
.panel .f .hint{color:#857E71}
.panel .checks label{color:#4E493F}
.panel .checks input{accent-color:var(--ivory-ink)}
.panel .seg{border-color:rgba(20,18,14,.28)}
.panel .seg label{color:#4E493F}
.panel .seg label+label{border-left-color:rgba(20,18,14,.28)}
.panel .seg label.on{background:var(--ink);color:var(--bg)}


/* gateway */
.gate{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;padding-top:76px}
.door{position:relative;display:flex;align-items:flex-end;min-height:calc(100svh - 76px);padding:clamp(28px,4vw,64px);overflow:hidden;color:#F5F2E8;background:#111}
.door:hover{opacity:1}
.door+.door{border-left:1px solid var(--bg)}
.door img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .5s var(--ease),transform 1.2s var(--ease)}
.door:hover img{transform:scale(1.03)}
.door::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.14) 58%,rgba(0,0,0,.03) 100%);transition:opacity .4s var(--ease)}
.door:hover::after{opacity:.8}
.door-in{position:relative;z-index:2;max-width:520px}
.door .kicker{color:rgba(245,242,232,.8)}
.door .body{color:rgba(245,242,232,.86)}
.door .word{display:block;font-size:clamp(52px,7vw,120px);font-weight:250;letter-spacing:-.042em;line-height:.95;margin:18px 0 18px}
.door .body{font-size:16px;max-width:34ch}
.door .go{display:inline-flex;gap:14px;margin-top:28px;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid rgba(245,242,232,.5)}
.door:hover .go{border-color:#F5F2E8}

/* footer */
footer{padding:clamp(64px,8vw,112px) var(--gutter) 32px;border-top:1px solid var(--line);background:var(--bg)}
.f-big{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;padding-bottom:56px;border-bottom:1px solid var(--line)}
.f-big a.mail{font-size:clamp(28px,4vw,56px);font-weight:300;letter-spacing:-.03em}
.f-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:28px;font-size:13px;color:var(--ink3)}
.f-row nav{display:flex;gap:24px;flex-wrap:wrap}
.lang{display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:.14em}
.lang button{background:none;border:none;cursor:pointer;padding:0;color:var(--ink3);transition:color .22s var(--ease)}
.lang button.on{color:var(--ink)}
.lang span{color:var(--line2)}

/* cookies */
.cookies{position:fixed;left:var(--gutter);right:var(--gutter);bottom:24px;max-width:620px;margin:0 auto;z-index:100;background:var(--bg3);border:1px solid var(--line2);padding:24px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;transform:translateY(180%);transition:transform .42s var(--ease)}
.cookies.on{transform:none}
.cookies p{font-size:14px;color:var(--ink2)}
.cookies .kicker{margin-bottom:8px;color:var(--ink)}
.cookies a{text-decoration:underline;text-underline-offset:2px}
.cookies .acts{display:flex;gap:10px}
.cookies button{padding:12px 18px;border:none;cursor:pointer;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.cookies .ok{background:var(--ink);color:var(--bg)}
.cookies .no{background:transparent;color:var(--ink2);border:1px solid var(--line2)}

/* responsive */
@media(max-width:1100px){
  .artist{grid-template-columns:36px 80px minmax(0,1fr) auto;grid-template-areas:"i t w a" "i t d d"}
  .artist .idx{grid-area:i}.artist .thumb{grid-area:t;width:80px}.artist .who{grid-area:w}.artist .acts{grid-area:a}.artist .desc{grid-area:d}
  .artist .region{display:none}
  .pillars{grid-template-columns:1fr 1fr}
  .pillars>div:nth-child(3){padding-left:0;border-left:none}
  .pillars>div:nth-child(n+3){margin-top:32px}
  .flash{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
  header{height:64px}
  .wordmark{font-size:12px;letter-spacing:.26em}
  .tabs-main a{padding:9px 16px;font-size:11px;letter-spacing:.16em}
  .hero{margin-top:64px;min-height:calc(100svh - 64px);padding-top:80px}
  .facts-strip{grid-template-columns:1fr}
  .facts-strip div{padding:20px 0}
  .facts-strip div+div{padding-left:0;border-left:none;border-top:1px solid var(--line)}
  .statement,.head,.feature,.wish,.contact,.setup,.tiers{grid-template-columns:1fr}
  .head{gap:20px}
  .feature.flip .ph{order:0}
  .wall{grid-template-columns:1fr 1fr}
  .wall .piece{grid-column:span 1!important;margin-top:0!important}
  .steps{grid-template-columns:1fr}
  .tiers>div{padding:36px 0 0}
  .tiers>div+div{padding-left:0;border-left:none;margin-top:24px;border-top:1px solid rgba(20,18,14,.2)}
  .two{grid-template-columns:1fr;gap:24px}
  .gate{grid-template-columns:1fr;padding-top:64px}
  .door{min-height:calc(50svh - 32px)}
  .door+.door{border-left:none;border-top:1px solid var(--bg)}
  .cookies{grid-template-columns:1fr;left:16px;right:16px;bottom:16px}
  .cookies .acts button{flex:1}
}
@media(max-width:560px){
  .tabs-main{gap:2px;padding:3px}
  .pillars{grid-template-columns:1fr}
  .pillars>div,.pillars>div+div{padding:24px 0 0;border-left:none;margin-top:0}
  .pillars>div+div{border-top:1px solid var(--line);margin-top:24px}
  .artist{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"t w" "t a" "d d";row-gap:12px}
  .artist .idx{display:none}
  .artist .thumb{width:72px}
  .artist .acts{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:8px 16px;white-space:normal;min-width:0}
  .artist .insta{overflow-wrap:anywhere}
  .flash{grid-template-columns:1fr 1fr}
  .seg{grid-template-columns:1fr}
  .seg label+label{border-left:none;border-top:1px solid var(--line2)}
  .panel .seg label+label{border-top-color:rgba(20,18,14,.28)}
  .facts,.specs{grid-template-columns:1fr}
  .cta-row .btn,.cta-row .btn-line{width:100%;justify-content:center}
}