html.jbn-live .open-practice.open-practice-v2{display:grid;grid-template-columns:1.13fr 1fr;gap:7%;align-items:center;padding:45px 42px 35px;background:linear-gradient(125deg,#e0e8e9,#e9e6ee 70%,#ebe7dc);margin-bottom:85px;border:1px solid #4c646820;position:relative;overflow:hidden}html.jbn-live .open-practice-copy{grid-column:2;grid-row:1;min-width:0}html.jbn-live .open-practice-copy>.eyebrow{font-size:9px;letter-spacing:.9px}html.jbn-live .open-practice-v2 .open-practice-copy h2{font-size:clamp(30px,3vw,43px);line-height:1.13;letter-spacing:-.04em;margin:24px 0;max-width:450px}html.jbn-live .open-practice-copy>p{font-size:14px;line-height:1.8;max-width:430px}html.jbn-live .open-practice-copy>p+p{margin-top:17px}html.jbn-live .open-practice-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:25px}html.jbn-live .open-practice-actions .text-link{font-size:12px;margin:0;min-height:44px;gap:28px}
html.jbn-live .practice-folio{grid-column:1;grid-row:1;position:relative;aspect-ratio:600/490;min-width:0;margin:0;isolation:isolate}html.jbn-live .folio-drawing{width:100%;height:100%;display:block;pointer-events:none}html.jbn-live .folio-item{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:39%;padding:7px 0 10px;z-index:2;min-height:65px}html.jbn-live .folio-guide{left:5%;top:4%;width:38%}html.jbn-live .folio-skill{left:66%;top:13%;width:33%}html.jbn-live .folio-archive{left:71%;top:65%;width:29%}html.jbn-live .folio-kind{font:7px/1.5 monospace;letter-spacing:.4px;text-transform:uppercase;opacity:.65}html.jbn-live .folio-item strong{font:500 clamp(17px,1.65vw,23px)/1.08 Bricolage;letter-spacing:-.035em}html.jbn-live .folio-detail{font-size:10px;line-height:1.6;opacity:.8}html.jbn-live .folio-open{font:9px/1.5 monospace;border-bottom:1px solid #20231f45;padding-bottom:5px;white-space:nowrap}html.jbn-live .folio-item:hover strong,html.jbn-live .folio-item:focus-visible strong{color:#695078}html.jbn-live .folio-item:hover .folio-open{border-bottom-color:#695078}html.jbn-live .folio-item:focus-visible{outline:2px solid #695078;outline-offset:5px}html.jbn-live .folio-thread{stroke-dasharray:1;stroke-dashoffset:0;transition:opacity .25s,stroke-width .25s}html.jbn-live .practice-folio:has(.folio-guide:is(:hover,:focus-visible)) .folio-thread-guide,html.jbn-live .practice-folio:has(.folio-skill:is(:hover,:focus-visible)) .folio-thread-skill,html.jbn-live .practice-folio:has(.folio-archive:is(:hover,:focus-visible)) .folio-thread-archive{stroke-width:3}html.jbn-live .practice-folio figcaption{position:absolute;bottom:0;left:7%;font:8px/1.5 monospace;letter-spacing:.3px;opacity:.65}
html.jbn-live .people-practice.people-practice-v2{display:block;padding-bottom:90px}html.jbn-live .studio-wide-photo{margin:0}html.jbn-live .studio-wide-photo img{width:100%;aspect-ratio:2/1;height:auto;object-fit:cover;object-position:50% 60%}html.jbn-live .studio-wide-photo figcaption{font:8px/1.6 monospace;letter-spacing:.5px;margin-top:12px;opacity:.6}html.jbn-live .studio-people-copy{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:36px;align-items:start}html.jbn-live .people-practice-v2 .studio-people-copy h2{font-size:clamp(30px,3vw,42px);line-height:1.15;margin:20px 0 0;max-width:390px}html.jbn-live .studio-people-copy .eyebrow{font-size:9px}html.jbn-live .people-practice-v2 .studio-people-copy p{font-size:16px;line-height:1.8;max-width:530px}html.jbn-live .people-practice-v2 .studio-people-copy .text-link{font-size:12px;margin-top:20px}
@media(max-width:760px){html.jbn-live .open-practice.open-practice-v2{grid-template-columns:1fr;gap:22px;padding:30px 24px 22px;margin-bottom:55px}html.jbn-live .open-practice-copy{grid-column:1;grid-row:1}html.jbn-live .open-practice-v2 .open-practice-copy h2{font-size:32px;max-width:330px;margin-block:21px}html.jbn-live .open-practice-copy>p{font-size:14px;line-height:1.75}html.jbn-live .open-practice-actions{margin-top:20px;gap:5px}html.jbn-live .open-practice-actions .text-link{font-size:11px;gap:20px}html.jbn-live .practice-folio{grid-column:1;grid-row:2;aspect-ratio:600/540;margin-inline:-12px}html.jbn-live .folio-drawing{overflow:visible}html.jbn-live .folio-item{gap:5px;max-width:39%}html.jbn-live .folio-guide{top:5%;left:5%}html.jbn-live .folio-skill{left:65%;top:16%;width:34%}html.jbn-live .folio-archive{left:70%;top:65%;width:30%}html.jbn-live .folio-kind{font-size:6px;letter-spacing:0}html.jbn-live .folio-item strong{font-size:17px}html.jbn-live .folio-detail{font-size:9px;line-height:1.5}html.jbn-live .folio-open{font-size:7px;padding-bottom:4px}html.jbn-live .practice-folio figcaption{font-size:7px;bottom:0}html.jbn-live .people-practice.people-practice-v2{padding-bottom:65px}html.jbn-live .studio-wide-photo img{aspect-ratio:1.5;object-position:50% 50%}html.jbn-live .studio-wide-photo figcaption{font-size:7px;margin-top:10px;letter-spacing:0}html.jbn-live .studio-people-copy{grid-template-columns:1fr;gap:23px;padding-top:28px}html.jbn-live .people-practice-v2 .studio-people-copy h2{font-size:32px;max-width:320px;margin-top:18px}html.jbn-live .people-practice-v2 .studio-people-copy p{font-size:15px;line-height:1.8}html.jbn-live .people-practice-v2 .studio-people-copy .text-link{margin-top:17px}}
@media(prefers-reduced-motion:reduce){html.jbn-live .folio-book,html.jbn-live .folio-thread{transition:none!important;transform:none!important}}
@media(max-width:350px){html.jbn-live .practice-folio{aspect-ratio:600/620}html.jbn-live .folio-item strong{font-size:15px}html.jbn-live .folio-detail{font-size:8.5px}html.jbn-live .folio-kind{font-size:5.5px}html.jbn-live .folio-guide{top:3%}html.jbn-live .folio-skill{left:63%;top:8%;width:37%;max-width:37%}html.jbn-live .folio-archive{top:65%}html.jbn-live .practice-folio figcaption{font-size:6px}}

/* Covers hinge around the spine; motion is mapped directly to native scroll. */
html.jbn-live .folio-wing,html.jbn-live .folio-leaf,html.jbn-live .folio-page,html.jbn-live .folio-shadow{transition:none}html.jbn-live .folio-wing{will-change:transform}html.jbn-live .folio-page,html.jbn-live .folio-leaf{opacity:1}html.jbn-live .folio-cover-mark{opacity:0}
@media(prefers-reduced-motion:reduce){html.jbn-live .folio-wing,html.jbn-live .folio-leaf{transform:none!important}html.jbn-live .folio-page,html.jbn-live .folio-leaf,html.jbn-live .folio-endpoints{opacity:1!important}html.jbn-live .folio-cover-mark{opacity:0!important}html.jbn-live .folio-thread{stroke-dashoffset:0!important}}