:root{
    --ink:#20011D;--ink-2:#2c0828;--paper:#ffffff;
    --muted:#6b5a67;--line:rgba(32,1,29,.12);
    --maxw:1180px;--pad:clamp(20px,5vw,64px);
  }
.r-tl{border-top-left-radius:clamp(18px,3vw,40px)}
.r-tr{border-top-right-radius:clamp(18px,3vw,40px)}
.r-bl{border-bottom-left-radius:clamp(18px,3vw,40px)}
.r-br{border-bottom-right-radius:clamp(18px,3vw,40px)}
.about-hero{padding-top:clamp(34px,6vw,76px);padding-bottom:clamp(6px,2vw,16px)}
.lab{font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:var(--muted);margin:0 0 18px}
h1{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-optical-sizing:auto;
    font-size:clamp(2.4rem,5.4vw,4.2rem);line-height:1.04;letter-spacing:-.02em;margin:0;max-width:20ch}
.about-top{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:clamp(28px,5vw,64px);
    align-items:start;margin-top:clamp(30px,5vw,54px)}
.portrait{overflow:hidden;background:var(--ink-2)}
.portrait img{width:100%;height:auto}
.bio{max-width:60ch;font-size:clamp(1.05rem,1.35vw,1.18rem);line-height:1.65}
.bio p{margin:0 0 1.05em}
.bio p:last-child{margin:0}
.sec{padding-block:clamp(38px,6.5vw,78px)}
.sec h2{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:clamp(1.7rem,3.6vw,2.6rem);margin:0 0 22px;letter-spacing:-.01em}
.prose p:last-child{margin:0}
.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px 44px}
.gt{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 13px}
.tags{display:flex;flex-wrap:wrap;gap:9px}
.tag{border:1px solid var(--line);padding:9px 15px;font-weight:500;font-size:.96rem;line-height:1;
    color:var(--ink);cursor:default;will-change:transform;
    background:linear-gradient(var(--ink),var(--ink)) no-repeat left center;background-size:0% 100%;
    transition:background-size .42s cubic-bezier(.6,0,.2,1),color .3s ease,border-color .3s ease,transform .3s ease,border-radius .3s ease}
.tag:hover{color:var(--paper);border-color:var(--ink);background-size:100% 100%;
    transform:translateY(-3px);border-top-right-radius:14px;border-bottom-left-radius:14px}
.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 40px;border-top:1px solid var(--line)}
.more a{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:clamp(1.5rem,3.4vw,2.4rem);display:inline-flex;align-items:center;gap:14px}
.more a:hover .ar{transform:translateX(8px)}
.quote{margin:0}
.qmark{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;
    font-size:clamp(4.5rem,10vw,8rem);line-height:.55;color:var(--ink);height:.5em;
    margin-bottom:.12em;letter-spacing:-.02em}
.has-art{position:relative}
.scroll-art{position:absolute;top:clamp(56px,8vw,118px);right:0;
    width:clamp(150px,17vw,230px);pointer-events:none;display:none}
@media(min-width:900px){.scroll-art{display:block}}
.scroll-art svg{width:100%;height:auto;display:block;overflow:visible}
.scroll-art.art-2 svg{transform:scaleX(-1)}
.scroll-art .arc{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round}
.scroll-art .arc-dot{fill:var(--ink)}
@media (max-width:760px){
    .bar{height:68px}nav ul{gap:16px}nav a{font-size:.92rem}
    .about-top{grid-template-columns:1fr}
    .portrait{max-width:300px}
  }
@media (prefers-reduced-motion:reduce){
    *{transition:none!important;scroll-behavior:auto}.reveal{opacity:1;transform:none}
  }

/* ---------- DM i Skills-billedet ---------- */
.win{padding-top:clamp(44px,7vw,96px)}
.win-fig{margin:0}
.win-frame{overflow:hidden;background:var(--ink-2)}
.win-frame img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;object-position:50% 38%;
  transform:scale(1.06);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
.win-fig.in .win-frame img{transform:none}
.win-fig figcaption{display:flex;justify-content:space-between;gap:14px;margin-top:11px;font-size:.92rem}
.win-fig .c-t{font-weight:600}
.win-fig .c-s{color:var(--muted)}
@media(max-width:700px){.win-frame img{aspect-ratio:4/3;object-position:72% 40%}}
@media (prefers-reduced-motion:reduce){.win-frame img{transform:none}}