@font-face{font-family:"Amiri";src:url(../fonts/amiri-regular.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0020-002D,U+002F-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
@font-face{font-family:"Amiri";src:url(../fonts/amiri-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap;unicode-range:U+0020-002D,U+002F-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
@font-face{font-family:"Amiri";src:url(../fonts/amiri-bold.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0020-002D,U+002F-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
@font-face{font-family:"Inter";src:url(../fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{--bg:#fbfaf7;--bg2:#f2efe9;--ink:#111;--text:#2a2a2a;--mute:#5d5a55;--line:rgba(17,17,17,.12);--acc:#14505a;--acc2:#1b3a5c;--dark:#0f0e0d;
--serif:"Amiri","Iowan Old Style",Georgia,serif;--sans:"Inter",system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{overflow-x:clip}h1,h2,h3{hyphens:auto;-webkit-hyphens:auto}
body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}a{color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:4px}
.skip{position:absolute;left:-999px;top:.5rem;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:20}.skip:focus{left:.5rem}
.wrap{width:min(100% - 2.5rem,82rem);margin-inline:auto}
.label{font:500 .72rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.note{font:500 .7rem/1.3 var(--sans);color:#6b5200;background:#fff4cc;border:1px dashed #b38f00;padding:.05rem .35rem;border-radius:3px}
header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:var(--bg)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}
.logo{display:block;padding:.2rem 0}.logo img{width:190px;height:auto}
@media(min-width:1000px){.logo img{width:200px}}
footer .fg img{width:170px}
nav ul{display:none;list-style:none;margin:0;padding:0;gap:2rem;font-size:.9rem}
nav a{text-decoration:none;color:var(--mute);transition:color .2s}nav a:hover{color:var(--ink)}
.hr{display:flex;align-items:center;gap:1.2rem}
.lang{font:500 .78rem var(--sans);letter-spacing:.08em;display:flex;gap:.1rem}
.lang button{background:none;border:0;color:var(--mute);cursor:pointer;font:inherit;padding:.3rem .35rem}
.lang button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--acc)}
.cta{display:inline-flex;align-items:center;gap:.6rem;background:var(--ink);color:#fff;text-decoration:none;font:600 .92rem var(--sans);padding:.95rem 1.4rem;border-radius:999px;transition:background .25s,transform .25s}
.cta:hover{background:var(--acc);transform:translateY(-1px)}.cta span{transition:transform .25s}.cta:hover span{transform:translateX(3px)}
.cta.sm{display:none;padding:.6rem 1rem;font-size:.82rem}
.hero{position:relative;overflow:hidden;padding:0!important}
.hg{display:grid;gap:2rem;padding:2.2rem 0 3rem}
.hero h1{font:400 clamp(2.2rem,8.8vw,5.9rem)/1.04 var(--serif);letter-spacing:-.015em;margin:1rem 0 1.4rem;color:var(--ink);max-width:16ch;text-wrap:balance}
.hero h1 em{font-style:italic;color:var(--acc)}
.hero p.sub{max-width:36rem;color:var(--text);font-size:1.05rem;margin:0 0 2rem}
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding-top:1.4rem;border-top:1px solid var(--line);max-width:38rem;justify-content:space-between}
.byline strong{font:400 1.35rem var(--serif);color:var(--ink)}
.ph{margin:0;position:relative}
/* cutout */
.ph.cut{background:radial-gradient(60% 55% at 55% 42%,#e9e5dd 0%,rgba(233,229,221,0) 70%)}
.ph.cut img{width:min(100%,30rem);margin-inline:auto}
/* soft (wie C): Foto als weiche Bildfläche */
.hero.soft{isolation:isolate}
.hero.soft .ph.softph{position:absolute;inset:0 0 auto 0;height:min(112vw,34rem);z-index:-1;display:flex;justify-content:center;align-items:flex-end;margin:0}
.hero.soft .ph.softph picture{height:100%;display:block}
.hero.soft .ph.softph img{height:100%;width:auto;max-width:none;filter:saturate(.45) contrast(.96);opacity:.9;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 98%);mask-image:linear-gradient(180deg,#000 55%,transparent 98%)}
.hero.soft .ph.softph .crcap{position:absolute;right:1.25rem;bottom:.4rem;margin:0!important}
.hero.soft .hg{padding-top:calc(min(112vw,34rem) - .5rem)}
/* framed */
.ph.frame{padding:clamp(.7rem,2vw,1.1rem);background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(17,17,17,.35)}
.ph.frame img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
.credit{font:400 .7rem/1.3 var(--sans);color:var(--mute);letter-spacing:.02em}.crcap{justify-content:flex-end!important;margin:.4rem 0 .8rem!important}
.ph figcaption{display:flex;flex-wrap:wrap;row-gap:.2rem;justify-content:space-between;gap:1rem;margin-top:.8rem}
.ph.frame::after{display:none;content:"";position:absolute;left:-14px;top:14%;bottom:14%;width:2px;background:var(--acc)}
section{padding:5.5rem 0}
.sh{display:grid;gap:1rem;margin-bottom:3rem}
.sh h2{font:400 clamp(2.2rem,6vw,4.2rem)/1.05 var(--serif);letter-spacing:-.01em;margin:0;color:var(--ink)}
.proof{padding:0;border-block:1px solid var(--line);background:var(--bg2)}
.proof ol{list-style:none;margin:0;padding:0;display:grid}
.proof li{align-content:start;padding:1.4rem 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:2.2rem 1fr;gap:.6rem;font-size:.93rem}
.proof li:last-child{border:0}
.proof li b{font:italic 400 1.25rem/1.2 var(--serif);color:var(--acc)}
.svc{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);list-style:none;margin:0;padding:0}
.card{position:relative;background:var(--bg);padding:2rem 1.5rem 2.4rem;transition:background .35s;min-width:0}
.card .n{font:italic 400 3rem/1 var(--serif);color:#b8b3aa;transition:color .35s}
.card h3{font:400 clamp(1.55rem,3vw,2rem)/1.15 var(--serif);margin:1.2rem 0 1rem;color:var(--ink)}
.card p{margin:0;color:var(--mute);font-size:.95rem;transition:color .35s}
.card::before{content:"";position:absolute;left:0;top:0;height:2px;width:0;background:var(--acc);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.card:hover,.card:focus-within{background:#fff}.card:hover::before,.card:focus-within::before{width:100%}
.card:hover .n,.card:focus-within .n{color:var(--acc)}.card:hover p{color:var(--text)}
.card a{position:absolute;inset:0}.card a span{position:absolute;right:1.5rem;bottom:1.4rem;font-size:1.2rem;color:var(--acc);opacity:.45;transition:opacity .3s,transform .3s}
.card:hover a span{opacity:1;transform:translate(3px,-3px)}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:2.5rem}
.steps li{border-top:1px solid var(--ink);padding-top:1.4rem}
.steps h3{font:400 2rem/1.1 var(--serif);margin:.6rem 0 .8rem;color:var(--ink)}
.steps p{margin:0;color:var(--mute);font-size:.95rem}
.about{background:var(--bg2);border-block:1px solid var(--line)}
.ab{display:grid;gap:2.5rem}
.ab blockquote{margin:0;font:400 clamp(1.35rem,2.8vw,1.95rem)/1.4 var(--serif);color:var(--ink);text-wrap:pretty}
.more{display:inline-block;margin-top:2rem;font-weight:600;text-decoration:none;border-bottom:1px solid var(--acc);padding-bottom:.2rem;color:var(--ink)}
.more:hover{color:var(--acc)}
/* the ONE dark band: contact + footer */
.contact{background:var(--dark);color:#e9e4da}
.contact .label{color:#a7a196}
.contact h2{font:400 clamp(2.5rem,10vw,7.5rem)/1.02 var(--serif);letter-spacing:-.02em;margin:1rem 0 2rem;color:#f5f1ea}
.contact h2 em{color:#8cc0bb}
.cg{display:grid;gap:2rem}.cg p{margin:0;max-width:40rem;color:#cfc9be}
.mail{font:400 clamp(1.25rem,4vw,1.9rem) var(--serif);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);color:#fff}.mail:hover{border-color:#8cc0bb}
.fine{color:#a7a196;font-size:.85rem}
.contact .cta{background:#f5f1ea;color:var(--dark)}.contact .cta:hover{background:#fff}
.contact :focus-visible{outline-color:#8cc0bb}
footer{background:var(--dark);border-top:1px solid rgba(255,255,255,.1);padding:2.5rem 0 3rem;font-size:.85rem;color:#a7a196}
footer :focus-visible{outline-color:#8cc0bb}
.fg{display:grid;gap:1.5rem}.fg img{width:130px}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1.5rem}footer a{color:#d8d2c7}
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
@media(min-width:760px){
 .proof ol{grid-template-columns:repeat(2,1fr)}.proof li{padding:1.6rem 1.5rem 1.6rem 0;border-bottom:0}
 .svc{grid-template-columns:repeat(2,1fr)}.card{padding:2.8rem 2.6rem 3.4rem;min-height:22rem}
 .steps{grid-template-columns:repeat(3,1fr)}
 .ab{grid-template-columns:5fr 7fr;gap:4rem;align-items:center}
}
@media(min-width:1000px){
 nav ul{display:flex}.cta.sm{display:inline-flex}
 .hg{grid-template-columns:1.25fr .85fr;gap:4rem;align-items:center;padding:4.5rem 0 5rem;min-height:calc(100svh - 70px)}
 .hg.cutg{align-items:end;padding-bottom:0}.hg.cutg .ht{padding-bottom:5rem;align-self:center}
 .hg.cutg{grid-template-columns:1.3fr 1fr;gap:2rem}
 .hg.cutg h1{font-size:clamp(3rem,5.4vw,5.2rem);max-width:none}
 .ph.cut img{width:100%;max-width:36rem;margin:0 0 0 auto}
 .ph.frame::after{display:block}
 .hero.soft .hg{padding-top:4.5rem;min-height:calc(100svh - 70px);grid-template-columns:1.25fr .85fr}
 .hero.soft .hg h1{max-width:16ch}
 .hero.soft .ph.softph{inset:0 0 0 38%;height:auto;justify-content:flex-end;align-items:flex-end}
 .hero.soft .ph.softph img{height:100%;max-height:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%),linear-gradient(0deg,transparent 0%,#000 30%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 32%),linear-gradient(0deg,transparent 0%,#000 30%);mask-composite:intersect}
 .hero.soft .ph.softph .crcap{right:2rem;bottom:1rem}
 .proof ol{grid-template-columns:repeat(4,1fr)}.proof li{grid-template-columns:1fr;border-right:1px solid var(--line);padding:2rem 1.6rem 2rem 0}.proof li+li{padding-left:1.6rem}.proof li:last-child{border-right:0}
 .sh{grid-template-columns:12rem 1fr;align-items:start}
 section{padding:8rem 0}
 .cg{grid-template-columns:1.2fr 1fr;align-items:end}
 .fg{grid-template-columns:auto 1fr auto;align-items:center;gap:3rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before{transition:none!important;animation:none!important}.js .rv{opacity:1;transform:none}}


/* staging additions */
.bar{flex-wrap:wrap}
nav{order:3;width:100%;margin:0 -.2rem}nav ul{display:flex;gap:1.4rem;overflow-x:auto;padding:.2rem}
nav a[aria-current=page]{color:var(--ink);text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--acc)}
.lang a{color:var(--mute);text-decoration:none;padding:.3rem .35rem}.lang a[aria-current=true]{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--acc)}
.ph-text{display:block;font:500 .85rem/1.4 var(--sans);color:#6b5200;background:#fff4cc;border:1px dashed #b38f00;padding:.8rem 1rem;border-radius:4px;margin:1rem 0}
.todo{border-left:3px solid #b38f00;background:#fffaf0;padding:1rem 1.2rem;margin:1.5rem 0;font-size:.92rem}.todo h3{font:600 .85rem var(--sans);margin:0 0 .5rem;letter-spacing:.06em;text-transform:uppercase}
.prose{max-width:46rem}.prose h2{font:400 clamp(1.7rem,4vw,2.4rem)/1.15 var(--serif);color:var(--ink);margin:3rem 0 1rem}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 1rem}
.sub-h{padding:3rem 0 2rem!important;border-bottom:1px solid var(--line)}.sub-h h1{font:400 clamp(2.2rem,7vw,4.4rem)/1.05 var(--serif);color:var(--ink);margin:1rem 0;max-width:20ch}
.hero.soft.page .hg{min-height:auto}.hero.soft.page h1{font-size:clamp(2.1rem,7.5vw,4.6rem);max-width:17ch}
.cols{display:grid;gap:3rem}
.svc-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.svc-list li{border-top:1px solid var(--line);padding:2.4rem 0;display:grid;gap:1rem;scroll-margin-top:2rem}
.svc-list h2{font:400 clamp(1.6rem,3.6vw,2.3rem)/1.15 var(--serif);color:var(--ink);margin:0}.svc-list p{margin:0;max-width:44rem}
@media(min-width:760px){.svc-list li{grid-template-columns:4rem 1fr}.cols{grid-template-columns:5fr 7fr;gap:4rem;align-items:start}}
@media(min-width:1000px){nav{order:0;width:auto;margin:0}nav ul{overflow:visible;padding:0}.hero.soft.page .hg{min-height:min(80svh,46rem)}}
.card .tz{position:relative;z-index:2;margin-top:1.4rem;font-size:.92rem}
.stg{background:#fff4cc;color:#4d3b00;border-bottom:1px solid #b38f00;font:600 .75rem/1.3 var(--sans);letter-spacing:.06em;text-align:center;padding:.45rem 1rem}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.filter button{font:500 .85rem var(--sans);border:1px solid var(--line);background:none;border-radius:999px;padding:.5rem 1rem;cursor:pointer;color:var(--text)}.filter button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.pgrid{list-style:none;margin:0;padding:0;display:grid;gap:2.5rem}.pcard a{text-decoration:none;display:block}.pcard .pimg{overflow:hidden;border:1px solid var(--line)}.pcard img{transition:transform .6s}.pcard a:hover img{transform:scale(1.03)}
.pcard h2{font:400 clamp(1.4rem,2.4vw,1.75rem)/1.2 var(--serif);color:var(--ink);margin:.4rem 0 .6rem}.pcard p{margin:0;color:var(--mute);font-size:.95rem}.meta{font:500 .75rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:1rem 0 0!important}
.pcard[hidden]{display:none}
.post-h h1{max-width:24ch}.pfig{margin:2rem 0}.pfig img{width:100%;border:1px solid var(--line)}
.pbody{display:grid;gap:2rem;padding-bottom:5rem}.toc{font-size:.9rem}.toc ul{list-style:none;padding:0;margin:.6rem 0 0;display:grid;gap:.4rem}.toc a{color:var(--mute)}
.post h2{font:400 clamp(1.6rem,3.5vw,2.2rem)/1.15 var(--serif);color:var(--ink);margin:2.5rem 0 1rem}.post blockquote{margin:1.5rem 0;padding-left:1.2rem;border-left:2px solid var(--acc);font:400 1.3rem/1.45 var(--serif);color:var(--ink)}
.post sup a{color:var(--acc);text-decoration:none;font-weight:600}.footnote{border-top:1px solid var(--line);margin-top:3rem;font-size:.85rem;color:var(--mute)}.footnote h2{font-size:1.4rem!important}.footnote hr{display:none}
.disc{border:1px solid var(--line);background:var(--bg2);padding:1rem 1.2rem;font-size:.88rem;margin-top:2.5rem!important}
@media(min-width:760px){.pgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.pgrid{grid-template-columns:repeat(3,1fr)}.pbody{grid-template-columns:14rem 1fr;gap:4rem}.toc{position:sticky;top:2rem;align-self:start}.pbody>.prose:only-child{grid-column:2}}
.svcd ul,.svcd ol{padding-left:1.2rem;margin:0 0 1rem}.svcd li{margin:.3rem 0}.ctabox{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem;font-weight:500}.ctabox a{color:var(--acc)}.svc-list h2 a:hover{color:var(--acc)}
nav a{white-space:nowrap}
.proofline{margin:0;padding:1.6rem 0;font:400 clamp(1.05rem,2vw,1.35rem)/1.5 var(--serif);color:var(--ink);text-align:center}.diffq{margin:0;font:400 clamp(1.5rem,3.4vw,2.6rem)/1.3 var(--serif);color:var(--ink);max-width:40ch;text-wrap:pretty}.links2{display:flex;flex-wrap:wrap;gap:1rem 2rem}.lead{font-size:1.1rem;max-width:36rem}.pcard h3{font:400 clamp(1.4rem,2.4vw,1.75rem)/1.2 var(--serif);color:var(--ink);margin:.4rem 0 .6rem}@media(min-width:760px){.pgrid.two{grid-template-columns:repeat(2,1fr)}}
.pillars{display:grid;gap:0;border-top:1px solid var(--line)}.pillar{padding:2.5rem 0 3rem;border-bottom:1px solid var(--line)}.pl-k{font:400 clamp(3.2rem,6vw,4.6rem)/1 'Amiri',var(--serif);color:var(--acc);margin:0 0 1.2rem}.pillar h3{font:400 clamp(1.5rem,2.6vw,2rem)/1.2 var(--serif);color:var(--ink);margin:0 0 1.8rem;max-width:22ch}.pillar ul{list-style:none;margin:0 0 2.2rem;padding:0}.pillar li{position:relative;padding:.85rem 0 .85rem 2.2rem;border-top:1px solid var(--line);line-height:1.5;color:var(--ink);max-width:38rem}.pillar li:last-child{border-bottom:1px solid var(--line)}.pillar li::before{content:"";position:absolute;left:0;top:1.6rem;width:1.1rem;height:1px;background:var(--acc);opacity:.7}@media(min-width:900px){.pillars{grid-template-columns:1fr 1fr;border-top:0}.pillar{padding:3rem 3.5rem 3.5rem;border-bottom:0;border-top:1px solid var(--line)}.pillar:first-child{padding-left:0}.pillar+.pillar{border-left:1px solid var(--line);padding-right:0}}
.pillar h3{max-width:26ch}
.trn-g{display:grid;gap:4rem}.trn-c h3{font:400 clamp(1.6rem,2.8vw,2.2rem)/1.15 var(--serif);color:var(--ink);margin:0 0 .9rem}.trn-c>p{color:var(--mute);max-width:34rem;margin:0 0 1.8rem;line-height:1.6}.trn-ph{margin:0 0 2rem}.trn-ph img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.cmini{list-style:none;margin:0 0 2rem;padding:0;border-top:1px solid var(--line)}.cmini a{display:grid;grid-template-columns:1fr auto;gap:.35rem 1.5rem;padding:1.25rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:padding .25s}.cmini a:hover{padding-left:.5rem}.cm-t{font:400 1.2rem/1.3 var(--serif);grid-column:1}.cm-d{grid-column:1;font-size:.82rem;letter-spacing:.06em;color:var(--acc)}.cm-a{grid-column:2;grid-row:1/3;align-self:center;color:var(--acc)}@media(min-width:900px){.trn-g{grid-template-columns:1fr 1fr;gap:0}.trn-c{padding-right:3.5rem}.trn-c+.trn-c{padding:0 0 0 3.5rem;border-left:1px solid var(--line)}}

.pl-k .pl-ic{display:block;width:clamp(3.2rem,6vw,4.6rem);height:auto;color:var(--acc)}
.lv-p{border-top:1px solid var(--line)}.lv-head{display:grid;gap:.8rem;margin-bottom:2.5rem}.lv-head .pl-k{margin:0}.lv-head h2{font:400 clamp(2rem,5vw,3.4rem)/1.1 var(--serif);margin:0;color:var(--ink);max-width:24ch}
.lv-g{display:grid;gap:2.5rem;margin-bottom:3rem}.lv-p h3{font:400 1.45rem/1.25 var(--serif);color:var(--ink);margin:0 0 1rem}.lv-g p{margin:0 0 2rem;max-width:38rem}
.lv-q{list-style:none;margin:0;padding:0}.lv-q li{border-left:2px solid var(--acc);padding:.3rem 0 .3rem 1rem;margin:0 0 1rem;font-style:italic;max-width:36rem}
.lv-it{list-style:none;margin:0;padding:0}.lv-it li{display:grid;gap:.3rem;padding:1rem 0;border-top:1px solid var(--line)}.lv-it li:last-child{border-bottom:1px solid var(--line)}.lv-it span{color:var(--mute);font-size:.95rem}
.lv-cases{list-style:none;margin:0;padding:0;display:grid;gap:1.5rem}.lv-case{background:var(--bg2);padding:1.5rem}.lv-case dl{margin:.8rem 0 0}.lv-case dt{font-weight:600;font-size:.9rem;margin-top:.6rem}.lv-case dd{margin:0}.lv-case .ph-text{margin:.3rem 0}
.lv-std{list-style:none;margin:0;padding:0;display:grid;gap:0}.lv-std li{padding:1rem 0;border-top:1px solid var(--line);font:400 1.25rem/1.3 var(--serif)}.lv-rdg{margin-top:2rem;font-weight:600}
@media(min-width:900px){.lv-g{grid-template-columns:1fr 1.2fr;gap:5rem}.lv-cases{grid-template-columns:1fr 1fr}.lv-std{grid-template-columns:1fr 1fr;column-gap:3rem}}
.lv-note{font-size:.85rem;color:var(--mute);margin:-.4rem 0 1.2rem}
.trh{padding:3rem 0 4rem}.trh-g{display:grid;gap:2.5rem;align-items:center}.trh h1{font:400 clamp(2.6rem,7vw,5rem)/1.02 var(--serif);margin:1rem 0 1.5rem;color:var(--ink)}.trh .sub{max-width:34rem;font-size:1.1rem}.trh-ph{margin:0}.trh-ph img{width:100%;height:auto;display:block}
.tl-g{display:grid;gap:2rem}.tl-g h3{font:400 1.45rem/1.25 var(--serif);margin:0 0 1rem;color:var(--ink)}.tl{list-style:none;margin:0;padding:0}.tl li{padding:.7rem 0;border-top:1px solid var(--line)}.tl li:last-child{border-bottom:1px solid var(--line)}
.kgrid{list-style:none;margin:0;padding:0;display:grid;gap:2rem}.kc{background:var(--bg2);display:flex;flex-direction:column}.kc img{width:100%;height:auto;display:block}.kc-b{padding:1.4rem 1.4rem 1.6rem;display:flex;flex-direction:column;flex:1}.kc h3{font:400 1.3rem/1.25 var(--serif);margin:0 0 .6rem;color:var(--ink)}.kc-s{font-size:.9rem;color:var(--mute);margin:0 0 1rem}.kc-d{font-size:.85rem;font-weight:600;margin:auto 0 1rem}.kc-a{align-self:flex-start;font-weight:600;text-decoration:none;border-bottom:1px solid var(--acc);padding-bottom:.2rem;color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:700px){.kgrid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.trh-g{grid-template-columns:1.2fr 1fr;gap:5rem}.tl-g{grid-template-columns:repeat(3,1fr);gap:3rem}}
@media(min-width:1200px){.kgrid{grid-template-columns:repeat(4,1fr)}}
.tm-ph{margin:0 0 3rem}.tm-ph img{width:100%;height:auto;display:block}
.vbox{position:relative;aspect-ratio:16/9;background:#e9e5de;overflow:hidden}.vbox picture,.vbox img,.vbox video{display:block;width:100%;height:100%;object-fit:cover}.vbox video{object-fit:contain;background:#fbfaf7}
.vbtn{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.vbtn span{width:3.6rem;height:3.6rem;border-radius:50%;background:rgba(17,17,17,.82);display:block;position:relative;transition:background .2s,transform .2s}.vbtn span::after{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:.6rem 0 .6rem 1rem;border-color:transparent transparent transparent #fff}.vbtn:hover span,.vbtn:focus-visible span{background:var(--acc);transform:scale(1.06)}.vbtn:focus-visible{outline:2px solid var(--acc);outline-offset:-4px}
.vnote{font-size:.75rem;line-height:1.4;color:var(--mute);margin:.6rem 1.4rem 0}.vnote a{color:inherit}
.vbtn{place-items:end start;padding:.8rem}.vbtn span{width:3rem;height:3rem}
.ab-h{font:400 clamp(1.8rem,4vw,2.6rem)/1.1 var(--serif);margin:.8rem 0 1.5rem;color:var(--ink)}.ab-g{grid-template-columns:1fr}@media(min-width:900px){.ab-g{grid-template-columns:1fr 1fr!important}}
.pub li{font:400 1.1rem/1.45 var(--serif)}.pub cite{font-style:italic}.lv-g .tm-ph{margin:0}