/* About: Tero's existing typography, palette and shared navigation. */
.about-refined body{background:#f5f3ee}
.about-refined body::before{opacity:.35}
.about-refined[data-theme=dark] body{background:#0b0d11}
.about-refined[data-theme=dark] body::before{opacity:.45}
.about-refined main .wrap{max-width:1560px;padding-inline:clamp(26px,2.2vw,44px)}
.about-hero{padding:92px 0 88px;text-align:center}
.about-hero h1{font-family:var(--font-serif);font-size:clamp(54px,6.3vw,84px);line-height:1.02;font-weight:400;letter-spacing:-.045em;margin:0;text-wrap:balance}
.about-hero> .wrap>p{font-size:19px;line-height:1.65;max-width:53ch;margin:28px auto 0;color:var(--text-body)}
.about-principles{padding:30px 0 95px}
.about-principles h2{font-family:var(--font-serif);font-size:38px;line-height:1.12;font-weight:400;letter-spacing:-.025em;margin:0 0 38px}
.about-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.about-principles-grid article{border-top:1px solid rgba(55,51,43,.16);padding-top:26px}
.about-principles h3{font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:0 0 13px}
.about-principles p{font-size:15px;line-height:1.7;color:var(--text-body);max-width:30ch;margin:0}
.about-principles a,.founder a{display:inline-flex;align-items:center;gap:13px;color:var(--text-link);font-size:13px;text-decoration:none;margin-top:18px;padding:4px 0}
.about-principles a:hover,.founder a:hover,.about-company a:hover{text-decoration:underline;text-underline-offset:4px}
.about-founders{padding:45px 0 55px}
.about-section-heading h2{font-family:var(--font-serif);font-size:clamp(40px,4.3vw,56px);font-weight:400;letter-spacing:-.035em;line-height:1.08;margin:0}
.about-section-heading>p{max-width:56ch;font-size:17px;line-height:1.65;color:var(--text-body);margin:23px 0 0}
.founders-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;margin-top:50px}
.founder{padding:33px 0 36px;border-top:1px solid rgba(55,51,43,.16)}
.founder-role{font-size:12px;font-weight:500;color:var(--text-link);margin:0 0 16px}
.founder h3{font-family:var(--font-serif);font-size:clamp(32px,3.5vw,46px);font-weight:400;letter-spacing:-.025em;line-height:1.15;margin:0}
.about-company{display:flex;flex-wrap:wrap;align-items:center;gap:17px 35px;border-top:1px solid rgba(55,51,43,.16);padding-top:24px;color:var(--text-body);font-size:12px}
.about-company p{margin:0}.about-company a{margin-left:auto;color:var(--text-link);text-decoration:none}
.about-statement{padding:92px 0 100px}
.about-statement blockquote{font-family:var(--font-serif);font-size:clamp(33px,4.3vw,53px);font-weight:400;line-height:1.12;letter-spacing:-.025em;text-align:center;max-width:26ch;margin:0 auto;color:var(--text-heading);text-wrap:balance}
.about-refined[data-theme=dark] .about-principles-grid article,.about-refined[data-theme=dark] .founder,.about-refined[data-theme=dark] .about-company{border-color:rgba(230,239,250,.16)}
@media(max-width:900px){.about-refined main .wrap{padding-inline:30px}.about-hero{padding-top:65px}.about-principles-grid{gap:27px}.founders-grid{gap:35px}}
@media(max-width:650px){.about-refined main .wrap{padding-inline:22px}.about-hero{padding:60px 0 65px;text-align:left}.about-hero h1{font-size:54px}.about-hero>.wrap>p{font-size:16px;margin-top:24px}.about-principles{padding:12px 0 55px}.about-principles h2{font-size:33px;margin-bottom:29px}.about-principles-grid{grid-template-columns:1fr;gap:26px}.about-principles-grid article{padding-top:23px}.about-principles p{max-width:38ch}.about-founders{padding:30px 0}.about-section-heading h2{font-size:39px}.about-section-heading>p{font-size:15px}.founders-grid{grid-template-columns:1fr;gap:0;margin-top:32px}.founder{padding:28px 0}.founder h3{font-size:38px}.about-company{display:block;padding-top:23px;font-size:11px;line-height:1.7}.about-company p+p{margin-top:5px}.about-company a{display:inline-block;margin-top:12px}.about-statement{padding:65px 0 70px}.about-statement blockquote{font-size:36px}}

/* LinkedIn links share the navigation’s soft, fully rounded shape. */
.founder .founder-linkedin{display:inline-flex;align-items:center;gap:12px;min-height:52px;margin-top:24px;padding:12px 19px;border:1px solid rgba(55,51,43,.12);border-radius:999px;background:rgba(255,255,255,.65);color:var(--text-heading);font-size:14px;font-weight:500;text-decoration:none;transition:background .18s ease,border-color .18s ease}
.founder-linkedin .linkedin-mark{width:23px;height:23px;flex:none;color:#0a66c2}
.founder-linkedin .linkedin-arrow{margin-left:13px;color:var(--text-body);font-size:17px}
.founder .founder-linkedin:hover{background:rgba(255,255,255,.92);border-color:rgba(55,51,43,.25);text-decoration:none}
.founder .founder-linkedin:focus-visible{outline:2px solid var(--text-link);outline-offset:4px}
.about-refined[data-theme=dark] .founder-linkedin{background:rgba(255,255,255,.06);border-color:rgba(230,239,250,.18)}
.about-refined[data-theme=dark] .founder-linkedin:hover{background:rgba(255,255,255,.11);border-color:rgba(230,239,250,.3)}
.about-refined[data-theme=dark] .linkedin-mark{color:#76b6f6}
@media(prefers-reduced-motion:reduce){.founder .founder-linkedin{transition:none}}
/* The original photographs are framed in CSS; the image files are unchanged. */
.founders-grid{gap:28px}
.founder{padding:0 0 36px;border-top:0;min-width:0}
.founder .founder-pill{display:flex;align-items:center;gap:25px;margin:0;padding:12px 28px 12px 12px;border:1px solid rgba(55,51,43,.13);border-radius:999px;background:rgba(255,255,255,.65);color:var(--text-heading);text-decoration:none;transition:background .2s,border-color .2s}
.founder-pill:hover{background:rgba(255,255,255,.9);border-color:rgba(55,51,43,.28)}
.founder-pill:focus-visible{outline:2px solid var(--text-link);outline-offset:5px}
.founder-portrait{width:144px;height:144px;flex:0 0 144px;border-radius:50%;overflow:hidden;display:block;background:#e6e9e7}
.founder-portrait img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.founder-portrait.camilo-botero img{object-position:50% 0;transform:scale(1.15);transform-origin:50% 0}
.founder-details{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:9px}
.founder-details .founder-role{margin:0;font-size:12px}
.founder-name{font:400 clamp(25px,2.5vw,34px)/1.12 var(--font-serif);letter-spacing:-.025em}
.founder-network{display:flex;align-items:center;gap:9px;font-size:13px;margin-top:3px;color:var(--text-body)}
.founder-network .linkedin-mark{width:19px;height:19px;color:#0a66c2}
.founder-network>span:last-child{padding-left:5px}
.about-refined[data-theme=dark] .founder-pill{background:rgba(255,255,255,.06);border-color:rgba(230,239,250,.18)}
.about-refined[data-theme=dark] .founder-pill:hover{background:rgba(255,255,255,.1);border-color:rgba(230,239,250,.3)}
.about-refined[data-theme=dark] .founder-network .linkedin-mark{color:#76b6f6}
@media(max-width:1050px) and (min-width:651px){.founder-portrait{width:112px;height:112px;flex-basis:112px}.founder .founder-pill{gap:16px;padding-right:18px}.founder-name{font-size:27px}}
@media(max-width:650px){.founders-grid{gap:18px}.founder{padding:0}.founder .founder-pill{gap:17px;padding:10px 18px 10px 10px}.founder-portrait{width:108px;height:108px;flex-basis:108px}.founder-name{font-size:27px}.founder-details{gap:7px}.founder-network{font-size:12px}.about-company{margin-top:30px}}
@media(max-width:360px){.founder-portrait{width:90px;height:90px;flex-basis:90px}.founder .founder-pill{gap:13px}.founder-name{font-size:24px}}
@media(prefers-reduced-motion:reduce){.founder .founder-pill{transition:none}}

.founder-portrait.bjorn-thorlacius img{object-position:50% 0;transform:scale(1.5);transform-origin:50% 0}