.team-specialist{margin:0 6%;padding:clamp(44px,6vw,90px) 0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(28px,7vw,110px);border-top:1px solid #b69a7740;border-bottom:1px solid #b69a7740}.team-specialist-heading h2{font:500 clamp(36px,4.6vw,68px)/1.08 'Manrope',Arial,sans-serif;letter-spacing:-.055em;margin:28px 0 18px;color:#f0ede8;overflow-wrap:anywhere}.team-specialist-heading h2 span{color:#d4ae8c}.team-specialist-role{color:#d1b599;font-size:15px}.team-specialist-copy h3{font:400 clamp(27px,3vw,38px)/1.25 'Instrument Serif',Georgia,serif;color:#eee8df;margin:0 0 24px}.team-specialist-copy p{color:#c6beb4;font-size:16px;line-height:1.9;max-width:64ch;margin:0 0 22px}.team-specialist .text-button{min-height:44px;display:inline-flex;align-items:center}.hero-founder .founder-personal{grid-template-columns:1fr}.hero-founder .founder-personal>p{max-width:48ch}.hero-founder .founder-personal>a{justify-self:start}.hero-service-line{max-width:42ch}@media(max-width:800px){.team-specialist{grid-template-columns:1fr;gap:28px}.team-specialist-copy p{font-size:15px}.team-specialist-heading h2{max-width:15ch}}

/* The same portrait and signature layout for both designers. */
.about-personal .joukje-portrait>img{height:clamp(380px,43vw,520px);object-fit:cover;object-position:center 20%;mask-image:linear-gradient(#000 80%,transparent 100%)}
.about-personal .joukje-portrait figcaption{padding-top:0}
.about-founder .signature-amp{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:1.35em;line-height:1;color:#d4ae8c;padding:0 .12em}
.about-personal .joukje-about{border-top:1px solid #b69a7740}
@media(max-width:900px){.about-personal .joukje-portrait>img{height:430px}}
@media(max-width:380px){.about-personal .joukje-portrait>img{height:380px}}

.joukje-business-link{color:#d4ae8c;text-decoration:underline;text-underline-offset:4px}.joukje-business-link:hover{color:#f0ded0}.joukje-business-link:focus-visible{outline:2px solid #d4ae8c;outline-offset:4px}.about-personal .joukje-about .joukje-principle{padding:20px 0 20px 22px;border-left:2px solid #d4ae8c;color:#eee8df}.joukje-principle strong{font-weight:500}

.editorial-hero-grid:has(.hero-about-us){display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(36px,5vw,80px);margin-top:45px;align-items:center}.hero-about-us{position:relative;min-width:0;padding:clamp(28px,3.4vw,48px);border:1px solid #b69a7740;background:linear-gradient(145deg,#d4ae8c0d,#17191c80)}.hero-about-us h2{font:400 clamp(38px,4.1vw,60px)/1.08 'Instrument Serif',Georgia,serif;letter-spacing:-.025em;margin:28px 0}.hero-about-us h2 em{color:#d4ae8c;font-weight:400}.hero-about-us p{font-size:15px;line-height:1.85;color:#c6beb4;margin:0 0 20px;max-width:44ch}.hero-about-us .text-button{display:inline-flex;align-items:center;gap:22px;min-height:44px;margin-top:8px}.hero-about-us .eyebrow{font-size:10px;letter-spacing:.12em}@media(max-width:900px){.editorial-hero-grid:has(.hero-about-us){grid-template-columns:1fr;gap:32px;margin-top:40px}.hero-about-us{max-width:640px}.hero-about-us p{max-width:56ch}}

/* Matching dark, softly fading portraits on the team page. */
.about-personal .about-founder{background:none;width:100%;isolation:isolate}
.about-personal .about-founder>img{display:block;width:100%;height:clamp(380px,43vw,500px);object-fit:cover;object-position:center top;background:transparent;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.8) 83%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.8) 83%,transparent 100%)}
.about-personal .about-founder figcaption{margin-top:0;padding:8px 12px 20px}
@media(max-width:900px){.about-personal .about-founder>img{height:420px}}
@media(max-width:380px){.about-personal .about-founder>img{height:380px}}

/* Compact project example alongside the team story. */
.about-personal .material-story{width:88%;max-width:1120px;margin:56px auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);background:transparent}
.about-personal .material-story figure{width:100%;max-width:520px;height:auto;overflow:hidden;border:1px solid #b69a7738;border-radius:8px;background:#191a1c}
.about-personal .material-story figure img{display:block;width:100%;height:auto;object-fit:contain;transform:none!important;will-change:auto}
.about-personal .material-story figcaption{position:static;padding:15px 18px;color:#c3a48a;font-size:9px;line-height:1.7;letter-spacing:1px}
.about-personal .material-story article{padding:12px 0}
.about-personal .material-story h2{font-size:clamp(32px,3.2vw,46px);margin:0 0 22px}
@media(max-width:800px){.about-personal .material-story{grid-template-columns:1fr;gap:24px;margin:36px auto}.about-personal .material-story figure{justify-self:center;max-width:480px}.about-personal .material-story article{padding:0}.about-personal .material-story h2{font-size:36px}}

.about-conversion{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(36px,6vw,88px);width:88%;max-width:1280px;margin:clamp(48px,7vw,100px) auto;padding:clamp(32px,5vw,64px) 0;border-top:1px solid #b69a7740;border-bottom:1px solid #b69a7740}.about-conversion-copy h2{font:400 clamp(36px,4.1vw,58px)/1.12 'Instrument Serif',Georgia,serif;letter-spacing:-.025em;color:#f0ede8;margin:24px 0}.about-conversion-copy h2 em{color:#d4ae8c}.about-conversion-copy p{font-size:16px;line-height:1.85;color:#bdb8b0;max-width:48ch}.about-conversion-copy .text-button{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:22px;font-size:13px}.about-conversion-steps{list-style:none;padding:0;margin:0;border:1px solid #b69a7738;border-radius:12px;background:linear-gradient(140deg,#d4ae8c0b,transparent)}.about-conversion-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:18px;padding:26px 28px}.about-conversion-steps li+li{border-top:1px solid #b69a7730}.conversion-step-number{font:400 26px/1.3 'Instrument Serif',Georgia,serif;color:#d4ae8c}.about-conversion-steps h3{font-size:18px;font-weight:500;line-height:1.4;margin:0 0 10px;color:#f0ede8}.about-conversion-steps p{font-size:14px;line-height:1.8;color:#bdb8b0;margin:0}@media(max-width:800px){.about-conversion{grid-template-columns:1fr;gap:28px;margin:40px auto;padding:32px 0}.about-conversion-copy p{max-width:60ch}.about-conversion-steps li{padding:22px 20px;gap:12px}.about-conversion-copy h2{font-size:clamp(34px,7vw,46px)}}
