.inner-main{max-width:1240px;margin-inline:auto;padding:clamp(2.5rem,5vw,5rem) 5vw}
.inner-main h1{max-width:none;font-size:clamp(3rem,7vw,7rem);line-height:1.08;letter-spacing:-.025em}
.inner-main h1 span{color:var(--red)}
.inner-main h2{font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.1;letter-spacing:-.015em}
.inner-main p{font-size:1rem;line-height:1.75;max-width:64ch}
.inner-main .eyebrow{font-size:1rem;line-height:1.5;letter-spacing:.06em}
.inner-main .inner-lead{font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.55;margin-block:1.5rem}
.back-link{display:inline-block;margin-bottom:2rem;border-bottom:1px solid var(--ink);font-size:.875rem;font-weight:600;padding-bottom:.25rem}
.about-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.about-art{margin:0;background:var(--purple);padding:clamp(1.5rem,3vw,3rem);align-self:center}
.about-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.about-art figcaption{font:1.25rem/1.5 Kalam,cursive;color:#fff;text-align:center;margin-top:1rem}
.about-direction{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding-block:3rem;margin-block:clamp(3rem,6vw,5rem)}
.about-direction>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:start}
.about-direction p{margin-top:0}
.about-team h2{margin-bottom:2rem}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.team-grid article{border-top:3px solid var(--ink);padding-block:1.5rem 2rem}
.team-number{font:600 .875rem/1.5 Inter,sans-serif;color:var(--purple)}
.team-grid h3{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.3;margin:1rem 0}
.team-grid a{display:block;width:fit-content;line-height:1.8;font-size:1rem}
.team-whatsapp{border-bottom:1px solid var(--ink);margin-top:.6rem;font-weight:600}
.legal-document.terms{display:block;padding:0}
.legal-document .terms-heading{max-width:900px;margin-bottom:2.5rem}
.legal-document .terms-heading>p:last-child{max-width:64ch;margin-top:1.5rem}
.legal-document .terms-list{max-width:900px}
.legal-document .terms-list p{max-width:75ch}
.inner-page .topbar nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.5rem}
.inner-page .skip{position:fixed}
:is(.back-link,.team-grid a):focus-visible{outline:3px solid var(--purple);outline-offset:5px}
@media(max-width:900px){.about-intro,.about-direction>div{grid-template-columns:1fr}.about-art{width:min(100%,440px);justify-self:center}.about-direction>div{gap:1.5rem}}
@media(max-width:600px){.inner-main{padding:2.5rem 1.25rem}.inner-main h1{font-size:clamp(2.6rem,11.5vw,4.5rem)}.inner-main h2{font-size:clamp(2.2rem,9vw,3.5rem)}.team-grid{grid-template-columns:1fr;gap:1rem}.about-art{padding:1.5rem}.legal-document .terms-list summary{align-items:flex-start}.back-link{margin-bottom:1.5rem}}

/* The people are the artwork: two dimensional cutouts, no unrelated ornaments. */
.about-intro{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2rem,4vw,3rem)}
.about-main h1{font-size:clamp(2.8rem,4.6vw,4.5rem);line-height:1.12;letter-spacing:-.01em}
.team-art{min-width:0;padding:1.5rem .8rem}
.about-main .duo-label{font:500 .8rem/1.5 Inter,sans-serif;letter-spacing:.06em;text-align:center;margin:0 0 1rem}
.duo-stage{display:flex;align-items:center;min-width:0;isolation:isolate;padding:2rem .25rem;perspective:1000px}
.portrait-card{--angle:-5deg;--lift:0px;--lean:0deg;--depth:0px;position:relative;flex:1 1 50%;min-width:0;margin:0;background:var(--red);border:2px solid var(--ink);box-shadow:7px 9px 0 var(--ink);transform:translateY(var(--lift)) rotate(var(--angle)) rotateX(var(--tilt-x,0deg)) rotateY(calc(var(--lean) + var(--tilt-y,0deg))) translateZ(var(--depth));transition:transform .85s cubic-bezier(.22,1,.36,1),box-shadow .85s ease;overflow:hidden}
.portrait-sebastian{--angle:5deg;background:var(--purple);margin-left:.4rem;z-index:2;margin-top:2rem}
.portrait-float img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:1rem .6rem .5rem}
.portrait-card figcaption{position:relative;z-index:2;padding:.9rem .8rem 1.1rem;color:var(--ink);background:var(--paper,#f7f6f2);border-top:2px solid var(--ink)}
.portrait-card strong{display:block;font:1.25rem/1.2 Anton,sans-serif;letter-spacing:.015em}
.portrait-identity{display:flex;align-items:center;gap:0;min-width:0}
.portrait-identity .person-monogram{--monogram-size:2rem}
.portrait-identity strong{min-width:0}
.team-person{display:flex;align-items:center;gap:0;margin:1rem 0}
.team-person .person-monogram{--monogram-size:clamp(2.75rem,5vw,3.5rem)}
.team-person h3{min-width:0;margin:0;overflow-wrap:break-word}
.portrait-card figcaption span{display:block;font:500 .875rem/1.5 Inter,sans-serif;margin-top:.4rem}
.portrait-float{transform-origin:50% 90%;animation:portrait-breathe 6s ease-in-out infinite}
.portrait-sebastian .portrait-float{animation-delay:-3s}
.team-art[data-phase="1"] .portrait-sebastian{--lift:-15px;--angle:2deg;--lean:-7deg;--depth:18px;box-shadow:10px 14px 0 var(--ink)}
.team-art[data-phase="2"] .portrait-matthias{--lift:-15px;--angle:-2deg;--lean:7deg;--depth:18px;box-shadow:10px 14px 0 var(--ink)}
.team-art[data-phase="3"] .portrait-matthias{--angle:-2deg;--lean:4deg;--depth:10px}
.team-art[data-phase="3"] .portrait-sebastian{--angle:2deg;--lean:-4deg;--depth:10px}
.team-art[data-phase="1"] .portrait-sebastian .portrait-float{animation:portrait-idea 3.2s ease-in-out infinite}
.team-art[data-phase="2"] .portrait-matthias .portrait-float{animation:portrait-action 3.2s ease-in-out infinite}
.team-art[data-phase="3"] .portrait-float{animation:portrait-together 5s ease-in-out infinite}
.team-art[data-phase="3"] .portrait-sebastian .portrait-float{animation-direction:reverse}
.duo-steps{position:relative;display:grid;grid-template-columns:.8fr 1fr 1.2fr;padding-bottom:.9rem;border-bottom:2px solid var(--ink);gap:.25rem;margin-top:.5rem}
.duo-steps::after{content:"";position:absolute;bottom:-3px;left:0;height:5px;width:100%;background:var(--ink);transform-origin:left;transform:scaleX(1);transition:transform .85s cubic-bezier(.22,1,.36,1),background-color .4s ease;pointer-events:none}
.team-art[data-phase="1"] .duo-steps::after{transform:scaleX(.2667);background:var(--purple)}
.team-art[data-phase="2"] .duo-steps::after{transform:scaleX(.6);background:var(--red)}
.duo-steps button{min-width:0;min-height:48px;padding:.55rem .25rem;border:0;background:transparent;color:var(--ink);font:500 .72rem/1.5 Inter,sans-serif;cursor:pointer;text-align:center}
.duo-steps button span{display:block;font-size:.8rem;margin-bottom:.15rem}
.duo-steps button[aria-pressed="true"]{background:var(--ink);color:var(--paper,#f7f6f2)}
.duo-steps button[data-step="1"][aria-pressed="true"]{background:var(--purple)}
.duo-steps button[data-step="2"][aria-pressed="true"]{background:var(--red);color:var(--ink);font-weight:700}
.duo-story{min-height:9rem;padding-top:1.15rem;text-align:center}
.about-main .duo-note{font:1.2rem/1.5 Kalam,cursive;margin:0 0 .5rem}
.about-main .duo-detail{font:400 .875rem/1.6 Inter,sans-serif;margin:0}
.duo-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}
.duo-controls button{font:600 .875rem/1.5 Inter,sans-serif;border:1px solid var(--ink);border-radius:30px;padding:.6rem .85rem;background:var(--paper,#f7f6f2);color:var(--ink);cursor:pointer}
.duo-controls button:hover{background:var(--ink);color:var(--paper,#f7f6f2)}
.duo-controls .duo-play{background:var(--ink);color:var(--paper,#f7f6f2);border-radius:0;box-shadow:3px 3px 0 var(--red);transition:transform .2s ease,box-shadow .2s ease}
.duo-controls .duo-play:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--red)}
:is(.duo-controls button,.duo-steps button):focus-visible{outline:3px solid var(--purple);outline-offset:4px}
.duo-controls button:disabled{opacity:.65;cursor:default;background:transparent;color:var(--ink)}
.duo-paused .portrait-float{animation-play-state:paused}
.duo-paused .portrait-card,.duo-paused .duo-steps::after{transition:none}
.team-art[data-phase="1"] .portrait-sebastian .person-monogram,.team-art[data-phase="2"] .portrait-matthias .person-monogram{transform:translateY(-2px) rotate(-5deg) scale(1.06)}
.duo-paused .person-monogram{transform:none!important;transition:none}
.team-grid p{margin-bottom:1.5rem}
@keyframes portrait-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes portrait-idea{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-7px) rotate(-3deg)}65%{transform:translateY(-3px) rotate(2deg)}}
@keyframes portrait-action{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-9px) rotate(2deg)}55%{transform:translateY(-2px) rotate(-2deg)}75%{transform:translateY(-4px) rotate(0)}}
@keyframes portrait-together{0%,100%{transform:translateX(0) rotate(0)}50%{transform:translateX(4px) translateY(-5px) rotate(1.5deg)}}
@media(max-width:900px){.about-intro{grid-template-columns:1fr}.team-art{width:min(100%,540px);justify-self:center}.about-main h1{font-size:clamp(2.8rem,7vw,4.5rem)}}
@media(max-width:600px){.about-main h1{font-size:clamp(2.1rem,8.6vw,3.3rem)}.team-art{padding:1rem .5rem}.duo-stage{padding:1.5rem .25rem}.portrait-card strong{font-size:clamp(.95rem,4vw,1.25rem)}.portrait-card figcaption{padding:.8rem .55rem}.portrait-card figcaption span{font-size:.8rem}.portrait-sebastian{margin-left:.3rem}.duo-steps button{font-size:.65rem}.duo-story{min-height:10.5rem}.team-number{line-height:1.6}}
@media(prefers-reduced-motion:reduce){.portrait-float{animation:none!important}.portrait-card{transition:none;--tilt-x:0deg!important;--tilt-y:0deg!important;--lean:0deg!important;--depth:0px!important;--lift:0px!important}.duo-steps::after,.duo-controls .duo-play{transition:none}.duo-controls .duo-play:hover{transform:none}}
@media(max-width:600px){.portrait-identity .person-monogram{--monogram-size:1.5rem}}