.about-page{--ink:#172442;--paper:#faf6ed;--blue:#2744d9;--lime:#dceb8d;--coral:#ff7156;background:var(--paper);color:var(--ink)}.about-page .topbar{flex-wrap:wrap;height:auto;min-height:90px;padding-block:14px;gap:16px}.about-page .topbar nav{gap:18px}.about-page section{padding:75px 6%;overflow:hidden}.eyebrow{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;line-height:1.6;border-bottom:1px solid currentColor;padding-bottom:18px}.about-page h1,.about-page h2,.about-page h3{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.06}.about-page em{font-family:Georgia,serif;font-weight:400}.about-page p{line-height:1.8;font-size:17px}.about-page .about-hero{background:var(--blue);color:var(--paper);padding-top:40px}.about-opening{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:6%;padding-top:55px}.about-page h1{font-size:clamp(85px,10.5vw,155px);margin:0 0 30px}.about-page h1 em{color:var(--lime)}.about-opening p{max-width:500px}.about-button{display:flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid currentColor;border-radius:80px;padding:20px 28px;font-size:14px;width:fit-content;margin-top:32px;transition:background .2s,transform .2s}.about-button span{font-family:Arial,sans-serif;font-size:23px}.about-button:hover{background:var(--lime);color:var(--ink);transform:translateY(-3px)}.brand-art{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.logo-disc{width:82%;aspect-ratio:1;background:var(--paper);border-radius:50%;display:grid;place-items:center;transform:rotate(-6deg)}.logo-disc img{width:68%;height:auto;mix-blend-mode:multiply}.brand-art i{position:absolute;inset:-2%;border:1px solid #faf6ed70;border-radius:50%;transform:rotate(-25deg) scaleY(.72);z-index:-1}.art-label{position:absolute;color:var(--ink);padding:17px 23px;font-size:18px}.art-label.first{top:2%;left:-2%;background:var(--lime);transform:rotate(-8deg)}.art-label.second{right:-3%;top:42%;background:var(--coral);transform:rotate(8deg)}.art-label.third{bottom:0;left:12%;background:var(--lime);transform:rotate(-5deg)}.program-split{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding-top:40px}.about-page h2{font-size:clamp(40px,4.5vw,68px);margin:0 0 30px}.about-program h2 em{color:var(--blue)}.about-page .large-copy{font-size:24px;line-height:1.5;margin-top:0}.role-statement{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 0;margin-top:30px;border-block:1px solid #17244240}.role-statement span{font-size:9px;letter-spacing:1px}.role-statement strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.5px;margin-top:10px}.role-statement b{color:var(--blue);font-weight:400;font-size:30px}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding:12px 0;font-size:14px;margin-top:18px;line-height:1.7}.text-link:hover{color:var(--blue)}.about-page .about-experience{background:var(--lime)}.experience-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;padding-top:40px}.experience-heading p{margin-top:0;max-width:540px}.practice-lines{margin-top:25px}.practice-lines .practice-item{display:grid;grid-template-columns:65px 1fr;gap:20px;align-items:center;border-top:1px solid #17244250;padding:30px 0;transition:padding .2s}.practice-lines .practice-item:last-child{border-bottom:1px solid #17244250}.practice-lines span{font-size:14px;color:var(--blue)}.practice-lines h3{font-size:clamp(23px,2.7vw,40px);margin:0;letter-spacing:-1px;line-height:1.2}.practice-lines b{font-size:28px;font-weight:400}.about-page .about-close{background:var(--coral);display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}.about-close .eyebrow{border:0;margin-bottom:26px}.about-close h2{font-size:clamp(40px,4vw,60px)}.about-close .about-button{background:var(--ink);color:var(--paper);margin-top:0;width:100%}.about-close .about-button:hover{background:var(--blue)}.about-page footer{background:var(--paper)}.about-page :focus-visible{outline:3px solid var(--coral);outline-offset:5px}.about-experience :focus-visible,.about-close :focus-visible{outline-color:var(--blue)}
@media(max-width:1100px){.about-page .topbar nav{gap:14px;font-size:10px}.about-page .contact{gap:10px}.brand-art{margin-right:10px}.role-statement strong{font-size:20px}}
@media(max-width:800px){.about-page .topbar nav{display:flex;order:3;width:100%;overflow-x:auto;gap:18px;justify-content:space-between;white-space:nowrap}.about-page .contact{margin-left:auto}.about-page section{padding:50px 6%}.about-page .about-hero{padding-top:28px;padding-bottom:65px}.about-opening,.program-split,.experience-heading,.about-page .about-close{grid-template-columns:1fr;gap:30px}.about-opening{padding-top:35px}.about-page h1{font-size:clamp(85px,17vw,125px);margin-bottom:25px}.about-opening p{font-size:16px;max-width:530px}.brand-art{width:80%;max-width:420px;margin:40px auto 0}.art-label{font-size:15px;padding:14px 18px}.program-split,.experience-heading{padding-top:30px}.about-page h2{font-size:43px;margin-bottom:16px}.about-page .large-copy{font-size:23px}.about-page p{font-size:16px}.practice-lines{margin-top:5px}.practice-lines .practice-item{grid-template-columns:30px 1fr;gap:13px;padding:25px 0}.practice-lines h3{font-size:25px;letter-spacing:-.7px}.practice-lines b{font-size:23px}.about-close .about-button{max-width:470px}.about-page footer{flex-wrap:wrap;gap:20px}.eyebrow{font-size:9px}.about-page .about-close{gap:20px}.role-statement{margin-top:24px}.about-page .topbar .brand{gap:10px}}
@media(max-width:400px){.about-page .topbar>.contact{font-size:10px}.about-page h2{font-size:38px}.about-page .topbar nav{gap:13px;font-size:10px}.role-statement strong{font-size:18px}.role-statement span{font-size:8px;letter-spacing:.5px}.brand-art{width:88%}.about-button{font-size:12px;padding:18px 21px}}
@media(prefers-reduced-motion:reduce){.about-page *{transition:none!important;scroll-behavior:auto!important}}
