.portfolio-about{box-sizing:border-box;width:min(1120px,calc(100% - 64px));margin:52px auto 88px;color:var(--ar-ink);font-family:inherit;background:var(--ar-paper);padding:40px}.portfolio-about *{box-sizing:border-box}.portfolio-about p{margin:0 0 18px;font-size:16px;line-height:1.8}.portfolio-about a{color:var(--ar-accent)}.portfolio-about .ar-page-label{font-size:11px;letter-spacing:.07em;display:flex;gap:14px;margin:0 0 42px}.ar-page-label span{opacity:.45}.portfolio-about .ar-hero{display:grid;grid-template-columns:1.35fr .8fr;gap:56px;align-items:center;margin:0 0 55px}.portfolio-about .ar-kicker{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ar-accent);margin:0 0 18px}.portfolio-about h1{font-family:inherit;font-size:clamp(40px,5vw,65px);line-height:1.06;letter-spacing:-.045em;font-weight:600;margin:0 0 25px}.portfolio-about .ar-intro{font-size:19px;line-height:1.7;max-width:670px;margin-bottom:26px}.portfolio-about .ar-jump{text-decoration:none;font-size:12px;font-weight:600;display:inline-block;border-bottom:1px solid var(--ar-accent);padding:0 0 6px}.ar-jump span{margin-left:12px}.portfolio-about .ar-art{position:relative;overflow:hidden;min-height:310px;background:var(--ar-soft);padding:28px;display:flex;flex-direction:column;justify-content:flex-end}.portfolio-about .ar-mark{display:block;line-height:1;font-size:90px;font-weight:600;letter-spacing:-.08em;color:var(--ar-accent);margin:0 0 38px;position:relative;z-index:1}.portfolio-about .ar-art-tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;position:relative;z-index:1}.portfolio-about .ar-art-line{font-size:20px;line-height:1.35;margin:0;position:relative;z-index:1}.ar-art-lines{position:absolute;right:-30px;top:-30px;transform:rotate(-25deg);opacity:.15}.ar-art-lines i{display:block;border:1px solid var(--ar-accent);border-radius:50%;width:240px;height:240px;margin:0 0 -190px}.portfolio-about .ar-section{display:grid;grid-template-columns:70px 1fr;gap:26px;border-top:1px solid color-mix(in srgb,var(--ar-ink) 20%,transparent);padding:38px 0}.portfolio-about .ar-number{font-size:12px;color:var(--ar-accent);padding-top:5px}.portfolio-about h2{font-family:inherit;font-size:29px;line-height:1.25;letter-spacing:-.025em;font-weight:600;margin:0 0 20px}.portfolio-about .ar-section p:last-child{margin-bottom:0}.portfolio-about .ar-cta{background:var(--ar-soft);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:32px}.portfolio-about .ar-cta h2{font-size:26px;max-width:340px;margin:0}.portfolio-about .ar-cta .ar-kicker{margin-bottom:12px;font-size:10px}.portfolio-about .ar-actions{display:flex;gap:12px;flex-wrap:wrap}.portfolio-about .ar-button{display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1.4;padding:15px 20px;background:var(--ar-accent);color:#fff;text-decoration:none;border:1px solid var(--ar-accent);font-weight:600}.portfolio-about .ar-secondary{background:transparent;color:var(--ar-accent)}.portfolio-about a:hover{filter:brightness(.85)}.portfolio-about a:focus-visible{outline:3px solid var(--ar-accent);outline-offset:5px}#ar-verhaal{scroll-margin-top:160px}
/* Magazine: veel witruimte, kolommen en een duidelijke openingskaart. */
.ar-editorial .ar-section{grid-template-columns:145px 1fr}.ar-editorial .ar-art{box-shadow:12px 12px 0 color-mix(in srgb,var(--ar-accent) 12%,transparent)}.ar-editorial h1{font-weight:700}.ar-editorial .ar-number{font-size:35px;font-weight:500}
/* Kaarten: gecentreerde introductie en drie zelfstandige leesblokken. */
.ar-cards .ar-hero{display:flex;flex-direction:column;text-align:center;gap:34px}.ar-cards .ar-lead{max-width:810px}.ar-cards .ar-intro{margin-inline:auto}.ar-cards .ar-art{width:100%;min-height:140px;display:grid;grid-template-columns:130px 1fr 1.2fr;gap:22px;text-align:left;align-items:center}.ar-cards .ar-mark{font-size:64px;margin:0}.ar-cards .ar-art-tag{margin:0}.ar-cards .ar-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ar-cards .ar-section{display:block;padding:27px;border:1px solid color-mix(in srgb,var(--ar-accent) 20%,transparent);border-radius:12px;background:#fff}.ar-cards .ar-number{display:inline-block;border-radius:50%;background:var(--ar-soft);padding:10px 12px;margin-bottom:22px}.ar-cards h2{font-size:24px}.ar-cards .ar-section p{font-size:15px;line-height:1.8}.ar-cards .ar-cta{border-radius:12px;flex-direction:column;text-align:center}.ar-cards .ar-cta h2{max-width:none}
/* Verhaal: asymmetrische opening en afwisselende tekstvlakken. */
.ar-journal .ar-hero{grid-template-columns:.7fr 1.3fr}.ar-journal .ar-lead{order:2}.ar-journal .ar-art{order:1;min-height:390px;border-radius:150px 150px 3px 3px}.ar-journal h1{font-family:Georgia,serif;font-weight:400}.ar-journal .ar-section{max-width:830px;padding:35px 0;margin-left:auto}.ar-journal .ar-section:nth-child(2){background:var(--ar-soft);padding:32px;margin-left:0;max-width:900px;border:none;margin-bottom:28px}.ar-journal .ar-section:nth-child(3){border-bottom:1px solid color-mix(in srgb,var(--ar-ink) 20%,transparent)}.ar-journal .ar-number{font-style:italic;font-family:Georgia,serif;font-size:25px}.ar-journal .ar-cta{background:transparent;padding:30px 0}
/* Krachtige opening: donker vlak, groot woordmerk, genummerde leesroute. */
.ar-manifesto{padding:0 0 36px}.ar-manifesto .ar-page-label{padding:32px 38px 0}.ar-manifesto .ar-hero{background:var(--ar-accent);color:white;padding:45px;margin-bottom:36px;gap:35px}.ar-manifesto .ar-kicker,.ar-manifesto .ar-jump{color:var(--ar-soft);border-color:var(--ar-soft)}.ar-manifesto h1{font-size:clamp(44px,5.4vw,72px);font-weight:750}.ar-manifesto .ar-art{background:transparent;border:1px solid color-mix(in srgb,var(--ar-soft) 50%,transparent);min-height:340px}.ar-manifesto .ar-mark,.ar-manifesto .ar-art-tag{color:var(--ar-soft)}.ar-manifesto .ar-art-line{color:white}.ar-manifesto .ar-art-lines{display:none}.ar-manifesto .ar-sections{padding:0 40px}.ar-manifesto .ar-section{grid-template-columns:105px 1fr}.ar-manifesto .ar-number{font-size:52px;font-weight:700;line-height:1;color:var(--ar-accent)}.ar-manifesto .ar-cta{margin:28px 40px 0}.ar-manifesto .ar-cta .ar-kicker{color:var(--ar-accent)}
/* Zachte vormen: afgeronde opening en verspringende inhoud. */
.ar-organic{border-radius:28px}.ar-organic .ar-hero{background:var(--ar-soft);padding:35px;border-radius:26px;gap:38px}.ar-organic .ar-art{background:transparent;border-radius:50% 50% 10px 50%;border:1px solid color-mix(in srgb,var(--ar-accent) 40%,transparent);min-height:290px}.ar-organic .ar-section{grid-template-columns:40px 1fr;max-width:850px;border:0;padding:30px;margin-bottom:16px}.ar-organic .ar-section:nth-child(2){background:#fff;border-radius:24px;margin-left:auto;box-shadow:0 8px 30px #00000008}.ar-organic .ar-section:nth-child(3){border-left:3px solid var(--ar-accent)}.ar-organic .ar-number{border-radius:50%;background:var(--ar-soft);width:32px;height:32px;text-align:center;padding-top:7px}.ar-organic .ar-cta{border-radius:26px}
/* Rustig portret: smalle tekstbreedte, ingetogen grafiek en grote tussenruimte. */
.ar-minimal{max-width:850px;padding:35px 55px}.ar-minimal .ar-hero{display:block;position:relative;padding-top:95px}.ar-minimal .ar-art{position:absolute;top:0;left:0;min-height:0;width:100%;height:60px;background:transparent;padding:0;border-bottom:1px solid var(--ar-accent);justify-content:flex-start}.ar-minimal .ar-mark{font-family:Georgia,serif;font-size:35px;margin:0 0 15px}.ar-minimal .ar-art-tag,.ar-minimal .ar-art-line,.ar-minimal .ar-art-lines{display:none}.ar-minimal h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,5vw,58px)}.ar-minimal .ar-section{grid-template-columns:34px 1fr;gap:15px;padding:32px 0}.ar-minimal h2{font-family:Georgia,serif;font-size:27px;font-weight:400}.ar-minimal .ar-cta{padding:28px;display:block;border-left:3px solid var(--ar-accent)}.ar-minimal .ar-actions{margin-top:22px}.ar-minimal .ar-cta h2{max-width:none}
@media(max-width:760px){.portfolio-about{width:calc(100% - 28px);padding:22px;margin:28px auto 50px;border-radius:0}.portfolio-about .ar-page-label{margin-bottom:28px;font-size:10px}.portfolio-about .ar-hero{grid-template-columns:1fr;gap:30px;margin-bottom:36px}.portfolio-about h1{font-size:40px}.portfolio-about .ar-intro{font-size:17px;line-height:1.7}.portfolio-about .ar-art{min-height:220px;padding:25px}.portfolio-about .ar-mark{font-size:68px;margin-bottom:25px}.portfolio-about .ar-art-line{font-size:19px}.portfolio-about .ar-section{grid-template-columns:30px 1fr;gap:14px;padding:28px 0}.portfolio-about h2{font-size:25px}.portfolio-about .ar-section p{font-size:16px}.portfolio-about .ar-cta{padding:25px;flex-direction:column;align-items:flex-start;gap:22px}.portfolio-about .ar-actions{width:100%;flex-direction:column}.portfolio-about .ar-button{width:100%;min-height:46px}.portfolio-about .ar-cta h2{font-size:25px}.ar-editorial .ar-number{font-size:20px}.ar-editorial .ar-art{box-shadow:7px 7px 0 color-mix(in srgb,var(--ar-accent) 12%,transparent)}.ar-cards .ar-hero{display:block}.ar-cards .ar-art{margin-top:28px;display:block;min-height:190px}.ar-cards .ar-art-tag{margin:15px 0 10px}.ar-cards .ar-sections{grid-template-columns:1fr}.ar-cards .ar-section{padding:24px}.ar-cards .ar-cta{align-items:center}.ar-journal .ar-lead{order:0}.ar-journal .ar-art{order:1;min-height:250px;border-radius:120px 120px 3px 3px}.ar-journal .ar-section:nth-child(2){padding:23px}.ar-journal .ar-cta{padding:25px 0}.ar-manifesto{padding:0 0 24px}.ar-manifesto .ar-page-label{padding:24px 22px 0}.ar-manifesto .ar-hero{padding:28px 22px}.ar-manifesto h1{font-size:43px}.ar-manifesto .ar-art{min-height:210px}.ar-manifesto .ar-sections{padding:0 22px}.ar-manifesto .ar-number{font-size:24px}.ar-manifesto .ar-cta{margin:20px 22px 0}.ar-organic .ar-hero{padding:24px;border-radius:20px}.ar-organic .ar-section{padding:23px 0}.ar-organic .ar-section:nth-child(2){padding:23px 18px}.ar-organic .ar-section:nth-child(3){padding-left:18px}.ar-minimal{padding:25px}.ar-minimal .ar-hero{padding-top:90px}.ar-minimal .ar-art{padding:0;min-height:0;height:60px}.ar-minimal .ar-mark{font-size:35px;margin:0}.ar-minimal .ar-cta{padding:23px;display:block}}