@font-face{font-family:Geist;src:url('/fonts/Geist-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('/fonts/Geist-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Bricolage;src:url('/fonts/BricolageGrotesque-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--paper:#f5f5f5;--ink:#181818;--secondary:#5a5a5a;--line:#18181830;--pad:5.2vw;--display:Bricolage,Geist,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Geist,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-weight:500;line-height:1.08;letter-spacing:-.045em}h1,h2{font-family:var(--display)}h3{font-size:27px}em{font-style:normal}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,summary{cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}::selection{background:var(--ink);color:var(--paper)}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:var(--ink);color:var(--paper);padding:15px}.skip:focus{top:15px}.brand-logo{height:42px;width:26px;display:block}
.masthead{height:104px;margin:0 var(--pad);display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.signature{display:flex;align-items:center;gap:15px}.signature>span{font-size:23px;font-weight:500;letter-spacing:-.8px}.site-description{font-size:16px;line-height:1.35;color:var(--secondary);margin-left:35px}.masthead nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:16px}.masthead nav a{padding:8px 0;position:relative}.masthead nav a:after{content:'';position:absolute;left:0;right:100%;bottom:0;border-bottom:1px solid;transition:right .2s}.masthead nav a:hover:after,.masthead nav a[aria-current]:after{right:0}.nav-contact{margin-left:18px}.nav-contact span{margin-left:14px}.menu-toggle{display:none}
.action{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 0;border-bottom:1px solid;font-size:17px;min-width:235px}.action span,.quiet-link span,.rule-link span{transition:transform .2s}.action:hover span,.quiet-link:hover span,.rule-link:hover span{transform:translate(3px,-3px)}.quiet-link{font-size:16px;display:inline-flex;gap:25px;align-items:center;padding-bottom:5px;border-bottom:1px solid var(--line)}.rule-link{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 0;border-bottom:1px solid;max-width:460px;font-size:16px;margin-top:30px}
.front{padding:55px var(--pad) 56px}.front h1{font-size:clamp(72px,8.8vw,148px);font-weight:500;line-height:1.01;letter-spacing:-.065em}.front h1>span{display:block}.front h1>span+span{margin-left:15%}.front-body{display:grid;grid-template-columns:1fr 1.75fr;gap:6vw;margin-top:45px;align-items:center}.front-copy{max-width:365px}.front-copy p{font-size:19px;line-height:1.6}.front-copy p+p{margin-top:22px;color:var(--secondary)}.front-copy .action{margin-top:22px}.front-image{position:relative}.front-image img{display:block;width:100%;height:auto;aspect-ratio:1.95;object-fit:cover;object-position:50% 53%}.front-image figcaption{font-size:16px;color:var(--secondary);margin-top:12px}
.relationship{padding:70px var(--pad) 76px;border-top:1px solid var(--line)}.relationship-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end}.relationship-heading h2{font-size:clamp(42px,4.1vw,64px)}.relationship-heading>p{max-width:460px;color:var(--secondary);font-size:18px}.relationship-example{margin-top:45px;background:#eaeaea}.example-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 35px;gap:35px}.example-tabs button{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:20px 0;color:var(--secondary);font-size:17px}.example-tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink)}#judgment-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;padding:35px}.human-example>span,.system-example>span{font-size:16px;color:var(--secondary)}.human-example blockquote{font-family:var(--display);font-size:35px;line-height:1.25;letter-spacing:-.035em;margin-top:24px;max-width:510px}.system-example>p{font-size:18px;line-height:1.65;margin-top:24px;max-width:470px}.system-example .example-note{font-size:16px;color:var(--secondary);margin-top:25px}.relationship>.quiet-link{margin-top:25px}
.deployed{padding:65px var(--pad) 35px;background:var(--ink);color:var(--paper);--line:#ffffff40}.deployed-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--line)}.deployed-heading h2{font-size:clamp(66px,7.4vw,118px);letter-spacing:-.06em}.deployed-heading>p{font-size:17px;line-height:1.6;color:#b8b8b8}.deployed-body{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:45px 0}.deployed-copy h3{font-family:var(--display);font-size:38px;line-height:1.2;max-width:500px}.deployed-copy>p{font-size:18px;line-height:1.75;color:#b8b8b8;max-width:455px;margin-top:25px}.deployed-copy .action{margin-top:25px}.deployed-capabilities>div{padding:24px 0;border-bottom:1px solid var(--line)}.deployed-capabilities>div:first-child{padding-top:0}.deployed-capabilities h3{font-size:24px;letter-spacing:-.035em}.deployed-capabilities p{font-size:17px;color:#b8b8b8;margin-top:12px;max-width:480px}.deployed-details{display:flex;gap:35px;align-items:center;border-top:1px solid var(--line);padding-top:25px;font-size:16px;color:#b8b8b8}.deployed-details a{margin-left:auto;color:var(--paper)}
.front-reading{padding:70px var(--pad)}.reading-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:36px}.reading-heading h2{font-size:44px}.essay-row{display:grid;grid-template-columns:1fr 1.2fr 25px;gap:6vw;align-items:center;padding:28px 0;border-top:1px solid var(--line)}.essay-row:last-child{border-bottom:1px solid var(--line)}.essay-row h3{font-size:27px;transition:transform .2s}.essay-row p{font-size:17px;color:var(--secondary)}.essay-row>span{font-size:24px}.essay-row:hover h3{transform:translateX(7px)}.front-contact{padding:48px var(--pad) 60px;display:flex;justify-content:space-between;gap:40px;align-items:end}.front-contact h2{font-size:clamp(44px,4.6vw,70px)}.front-contact>a{display:flex;justify-content:space-between;align-items:center;gap:80px;font-size:25px;border-bottom:1px solid;padding-bottom:18px}
.colophon{margin:0 var(--pad);padding:32px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:45px 1fr 1fr 1.2fr;gap:25px;align-items:center;font-size:16px}.colophon .brand-logo{height:40px;width:25px}.colophon p{color:var(--secondary)}.colophon>div{display:flex;flex-direction:column;gap:7px}.colophon>div>span{color:var(--secondary)}.colophon>a:last-child{text-align:right;color:var(--secondary)}
/* Inner pages share the type, rhythm, and reading widths. */
.page-intro,.reading-intro{padding:64px var(--pad);display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end;border-bottom:1px solid var(--line)}.page-intro h1,.reading-intro h1{font-size:clamp(66px,7.2vw,108px);letter-spacing:-.06em}.page-intro>p,.reading-intro>p{font-size:18px;color:var(--secondary);max-width:470px}.page-intro p br,.reading-intro p br{display:none}.essay-layout{display:grid;grid-template-columns:220px minmax(0,740px);justify-content:space-between;gap:6vw;padding:64px var(--pad) 80px}.essay-layout aside{position:sticky;top:35px;height:max-content;display:flex;flex-direction:column;align-items:start;gap:16px;font-size:16px}.essay-layout aside>span{color:var(--secondary);margin-bottom:10px}.essay-layout aside>a:hover{text-decoration:underline}.eyebrow{font-size:16px;color:var(--secondary)}.essay-content section{padding-bottom:45px;margin-bottom:45px;border-bottom:1px solid var(--line)}.essay-content section:last-child{border:0;margin-bottom:0;padding-bottom:0}.essay-content h2{font-size:43px;line-height:1.16;margin:20px 0 26px}.essay-content p{font-size:18px;line-height:1.85;color:var(--secondary);margin-top:22px;max-width:680px}.essay-content blockquote{font-family:var(--display);font-size:35px;line-height:1.3;letter-spacing:-.035em;border-left:2px solid;padding-left:25px;margin:35px 0}
.practice-intro{padding:64px var(--pad);display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end;background:var(--ink);color:var(--paper)}.practice-intro h1{font-size:clamp(64px,7.2vw,108px);letter-spacing:-.06em}.practice-intro-note p{font-size:18px;color:#b8b8b8}.brief{padding:70px var(--pad);display:grid;grid-template-columns:1.2fr 1fr;gap:8vw}.brief h2{font-size:clamp(40px,4.1vw,60px);line-height:1.17}.brief-copy p{font-size:18px;line-height:1.8;color:var(--secondary);margin-bottom:24px}.brief-copy dl{margin-top:35px}.brief-copy dl>div{display:flex;justify-content:space-between;gap:25px;padding:14px 0;border-top:1px solid var(--line);font-size:16px}.brief-copy dt{color:var(--secondary)}.brief-copy dd{margin:0}.division{padding:60px var(--pad);background:#eaeaea}.division-columns{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.division-label{font-size:16px;color:var(--secondary)}.division h2{font-size:60px;margin:16px 0 24px}.division p{font-size:18px;line-height:1.75;max-width:510px;color:var(--secondary)}.access{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;padding:65px var(--pad) 50px}.access h2{font-size:48px;line-height:1.16}.access>div>p{font-size:18px;color:var(--secondary);margin-top:25px}.access-options details{padding:22px 0;border-top:1px solid var(--line)}.access-options details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:20px;list-style:none}summary::-webkit-details-marker{display:none}summary small{font-size:16px;color:var(--secondary)}summary:after{content:'+';font-size:24px}details[open] summary:after{content:'−'}.access-options details p{font-size:17px;color:var(--secondary);padding:20px 0}.access-options details a{font-size:16px;border-bottom:1px solid}.endnote{margin:0 var(--pad);padding:25px 0 40px;border-top:1px solid var(--line);text-align:right;font-size:17px}
.reading-intro{border-bottom:0}.library{padding:0 var(--pad) 40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4vw}.book{display:flex;flex-direction:column;align-items:start;border-top:1px solid var(--line);padding-top:24px}.book-category{font-size:16px;color:var(--secondary)}.book h2{font-size:clamp(36px,3.8vw,58px);margin-top:25px}.book p{font-size:18px;color:var(--secondary);margin:25px 0}.book-bottom{font-size:16px;display:flex;justify-content:space-between;align-items:center;width:100%;gap:25px;margin-top:auto;padding-top:8px}.book-bottom b{font-size:26px;font-weight:400}.book:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.reading-footnote{padding:10px var(--pad) 60px;color:var(--secondary);font-size:17px;max-width:850px;margin-left:auto}
.correspondence{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;padding:64px var(--pad) 70px}.correspondence h1{font-size:clamp(66px,7.2vw,108px);letter-spacing:-.06em}.letter-heading>p{font-size:18px;line-height:1.8;color:var(--secondary);margin-top:26px}.email-link{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:29px;letter-spacing:-1px;max-width:400px;border-bottom:1px solid;padding:25px 0;margin-top:20px}.letter{border-top:1px solid var(--line);padding-top:26px}.letter label{display:block;font-size:22px;font-weight:500;line-height:1.4;letter-spacing:-.025em;margin-top:26px}.letter label:first-child{margin-top:0}.letter textarea{display:block;width:100%;min-height:120px;resize:vertical;background:none;color:inherit;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:17px;line-height:1.75;padding:16px 0}.letter textarea::placeholder{color:#737373}.letter button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;font-size:17px;background:var(--ink);color:var(--paper);border:0;margin-top:26px}.form-note,#draft-status{font-size:16px;color:var(--secondary);margin-top:18px}
.longread{max-width:980px;padding:64px 40px 75px;margin:auto}.longread-heading{padding-bottom:40px;border-bottom:1px solid var(--line)}.longread h1{font-size:clamp(60px,7vw,98px);letter-spacing:-.06em;margin-top:32px}.longread-heading>p{font-size:25px;line-height:1.5;letter-spacing:-.025em;color:var(--secondary);margin-top:28px}.article-byline{display:block;font-size:16px;color:var(--secondary);margin-top:25px}.longread-body{max-width:700px;margin:45px auto}.longread-body p{font-size:18px;line-height:1.9;margin:25px 0;color:#454545}.longread-body h2{font-size:37px;line-height:1.2;margin:45px 0 24px}.longread-body blockquote{padding-left:25px;border-left:2px solid;margin:35px 0}.longread-body blockquote p{font-family:var(--display);font-size:27px;line-height:1.5;letter-spacing:-.025em}.longread-body hr{border:0;border-top:1px solid var(--line);margin:38px 0}.longread-body a{text-decoration:underline}.longread .rule-link{max-width:700px;margin-left:auto;margin-right:auto}
@media(min-width:1800px){:root{--pad:max(6vw,calc((100vw - 1600px)/2))}}
@media(max-width:1200px){.site-description{display:none}.masthead nav{gap:26px}.front h1{font-size:8.8vw}.front-copy p{font-size:18px}.human-example blockquote{font-size:30px}.deployed-copy h3{font-size:33px}}
@media(max-width:1000px){
 .masthead{height:88px}.menu-toggle{display:flex;margin-left:auto;align-items:center;gap:22px;background:none;color:inherit;border:0;padding:10px 0;font-size:17px}.menu-toggle>span{font-size:25px}.menu-toggle[aria-expanded=true]>span{transform:rotate(45deg)}
 .masthead nav{display:none;position:absolute;z-index:20;top:88px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:25px var(--pad)}.masthead nav.open{display:flex;flex-direction:column;align-items:stretch;gap:12px}.nav-contact{margin-left:0}
 .front{padding-top:40px}.front-body{gap:4vw;grid-template-columns:1fr 1.3fr}.front-image img{aspect-ratio:1.4}.relationship-heading,#judgment-panel{gap:5vw;grid-template-columns:1fr 1fr}.relationship-heading h2{font-size:40px}
 .deployed-body{gap:5vw}.deployed-copy h3{font-size:30px}.deployed-heading{align-items:start}.deployed-heading h2{font-size:7.2vw}
 .page-intro,.reading-intro,.practice-intro,.brief,.access,.correspondence{gap:5vw;grid-template-columns:1fr 1fr}.page-intro h1,.reading-intro h1,.practice-intro h1,.correspondence h1{font-size:7.2vw}.brief h2,.access h2{font-size:38px}.essay-layout{grid-template-columns:180px minmax(0,1fr);gap:5vw}.essay-content h2{font-size:36px}.colophon{grid-template-columns:35px 1fr 1fr;gap:20px}.colophon>a:last-child{display:none}
}
@media(max-width:700px){
 :root{--pad:24px}.masthead{gap:20px}.signature>span{font-size:22px}.signature .brand-logo{height:34px;width:21px}
 .front{padding-top:35px;padding-bottom:38px}.front h1{font-size:clamp(35px,8.9vw,62px);line-height:1.12;letter-spacing:-.055em}.front h1>span+span{margin-left:0}.front-body{display:flex;flex-direction:column;align-items:stretch;gap:30px;margin-top:30px}.front-copy{max-width:none}.front-copy p{font-size:18px;line-height:1.65}.front-copy p+p{margin-top:15px}.front-copy .action{margin-top:15px;min-width:0;width:100%}.front-image img{aspect-ratio:1.5}.front-image figcaption{font-size:16px;line-height:1.5}
 .relationship{padding-top:40px;padding-bottom:42px}.relationship-heading{display:block}.relationship-heading h2{font-size:36px}.relationship-heading>p{margin-top:22px;font-size:17px}.relationship-heading h2 br{display:none}.relationship-example{margin-top:28px}.example-tabs{padding:0 18px;gap:20px;justify-content:space-between}.example-tabs button{font-size:16px;padding:17px 0;line-height:1.5}.example-tabs button:first-child{text-align:left}.example-tabs button:last-child{text-align:right}#judgment-panel{display:block;padding:25px 20px}.human-example blockquote{font-size:29px;line-height:1.3;margin-top:15px}.system-example{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.system-example>p{font-size:17px;margin-top:15px}.system-example .example-note{margin-top:20px}
 .deployed{padding-top:42px;padding-bottom:28px}.deployed-heading{display:block;padding-bottom:25px}.deployed-heading h2{font-size:clamp(42px,10.7vw,70px)}.deployed-heading>p{font-size:17px;margin-top:20px}.deployed-body{display:block;padding:28px 0}.deployed-copy h3{font-size:30px;line-height:1.2}.deployed-copy h3 br{display:none}.deployed-copy>p{font-size:17px;margin-top:20px}.deployed-copy .action{width:100%;margin-top:16px}.deployed-capabilities{margin-top:35px}.deployed-capabilities h3{font-size:23px}.deployed-capabilities p{font-size:17px}.deployed-details{flex-wrap:wrap;gap:15px 25px}.deployed-details a{margin-left:0;width:100%;padding-top:4px}
 .front-reading{padding-top:42px;padding-bottom:35px}.reading-heading{display:block;margin-bottom:25px}.reading-heading h2{font-size:34px}.reading-heading .quiet-link{margin-top:22px}.essay-row{grid-template-columns:1fr 25px;gap:12px 20px;padding:24px 0}.essay-row h3{font-size:26px}.essay-row p{grid-column:1;font-size:17px}.essay-row>span{grid-column:2;grid-row:1 / 3;align-self:center}
 .front-contact{padding-top:25px;padding-bottom:42px;display:block}.front-contact h2{font-size:38px}.front-contact>a{margin-top:25px;font-size:22px;padding-bottom:15px;gap:25px}
 .colophon{grid-template-columns:35px 1fr;gap:22px;padding:28px 0}.colophon p{display:none}.colophon>div{font-size:16px;gap:7px}.colophon>a:last-child{display:block;grid-column:2;text-align:left;font-size:16px}
 .page-intro,.reading-intro,.practice-intro{display:block;padding-top:40px;padding-bottom:40px}.page-intro h1,.reading-intro h1,.practice-intro h1{font-size:clamp(45px,12vw,68px)}.page-intro>p,.reading-intro>p,.practice-intro-note{font-size:17px;margin-top:25px}.practice-intro-note p{font-size:17px}
 .essay-layout{display:block;padding-top:32px;padding-bottom:45px}.essay-layout aside{position:static;flex-direction:row;flex-wrap:wrap;gap:12px 22px;margin-bottom:32px}.essay-layout aside>span{width:100%;margin:0}.essay-layout aside>a{padding:6px 0}.essay-content h2{font-size:32px;line-height:1.2}.essay-content p{font-size:17px;line-height:1.8}.essay-content section{padding-bottom:32px;margin-bottom:32px}.essay-content blockquote{font-size:29px;padding-left:18px}
 .brief{display:block;padding-top:40px;padding-bottom:38px}.brief h2{font-size:36px}.brief-copy{margin-top:28px}.brief-copy p{font-size:17px}.division{padding-top:38px;padding-bottom:38px}.division-columns{display:block}.division-columns>div+div{margin-top:35px}.division h2{font-size:45px}.division p{font-size:17px}
 .access{display:block;padding-top:40px;padding-bottom:35px}.access h2{font-size:36px}.access>div>p{font-size:17px}.access-options{margin-top:30px}summary{font-size:18px;flex-wrap:wrap;gap:10px}summary small{font-size:16px}.endnote{padding-bottom:35px;text-align:left}
 .library{grid-template-columns:minmax(0,1fr);gap:32px;padding-bottom:32px}.book h2{font-size:43px;margin-top:18px}.book p{font-size:17px;margin:20px 0}.book-bottom{padding-top:0}.reading-footnote{padding-bottom:42px;font-size:17px}.reading-footnote br{display:none}
 .correspondence{display:block;padding-top:40px;padding-bottom:42px}.correspondence h1{font-size:clamp(48px,12vw,68px)}.letter-heading>p{font-size:17px}.letter-heading>p br{display:none}.email-link{font-size:26px}.letter{margin-top:35px}.letter label{font-size:22px}.letter textarea{font-size:17px}.form-note br{display:none}
 .longread{padding:40px 24px 48px}.longread h1{font-size:clamp(43px,11vw,64px);overflow-wrap:break-word}.longread-heading>p{font-size:23px}.longread-body{margin:30px auto}.longread-body p{font-size:17px;line-height:1.85}.longread-body h2{font-size:31px}.longread-body blockquote{padding-left:18px}.longread-body blockquote p{font-size:25px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Allow the display face's letterforms to breathe at large sizes. */
h1,h2,h3{letter-spacing:-.025em}
.front h1,.page-intro h1,.reading-intro h1,.practice-intro h1,.correspondence h1,.longread h1,.deployed-heading h2{letter-spacing:-.035em}
.longread sup,.longread sub{font-size:16px}
/* A complete, illustrative judgment cycle. */
#judgment-panel{grid-template-columns:.9fr 1.25fr;gap:36px 6vw}
.human-example .example-note{font-size:16px;color:var(--secondary);margin-top:24px}
.decision-sequence{margin:0}.decision-sequence>div+div{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}
.decision-sequence dt{font-size:18px;font-weight:500;margin-bottom:10px}.decision-sequence dd{margin:0;font-size:17px;line-height:1.75;color:#454545}
.human-response{grid-column:1 / -1;padding-top:28px;border-top:1px solid var(--line)}
.human-response>p{font-size:18px;font-weight:500}.response-choices{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.response-choices button{font-size:16px;line-height:1.5;padding:13px 18px;background:transparent;color:var(--ink);border:1px solid #18181860;text-align:left;transition:background .18s,color .18s}
.response-choices button:hover{background:#dedede}.response-choices button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.next-cycle{display:grid;grid-template-columns:.9fr 1.25fr;gap:6vw;margin-top:28px;padding-top:25px;border-top:1px solid var(--line)}
.next-cycle h3{font-size:22px;letter-spacing:-.025em}.next-cycle p{font-size:17px;line-height:1.75;min-height:90px;color:#454545}
@media(max-width:700px){#judgment-panel{display:block}.system-example{margin-top:25px}.human-response{margin-top:25px}.response-choices{flex-direction:column}.response-choices button{width:100%}.next-cycle{display:block}.next-cycle p{margin-top:15px;min-height:150px}.human-example blockquote{font-size:28px}}
/* Reading and interaction polish, without entrance effects or hidden content. */
.longread{max-width:1440px;padding-left:var(--pad);padding-right:var(--pad)}
.longread-heading{max-width:980px}.longread-heading>p{max-width:820px}
.article-layout{display:grid;grid-template-columns:minmax(170px,240px) minmax(0,700px);gap:6vw;justify-content:space-between;margin-top:45px}
.article-navigation{position:sticky;top:32px;align-self:start;font-size:16px;line-height:1.5}
.article-navigation nav{display:flex;flex-direction:column;gap:6px}.article-navigation nav>p{color:var(--secondary);margin-bottom:14px}
.article-navigation nav>a{padding:8px 0 8px 14px;border-left:2px solid transparent;color:var(--secondary);transition:color .18s,border-color .18s}
.article-navigation nav>a:hover{color:var(--ink)}.article-navigation nav>a[aria-current=location]{border-color:var(--ink);color:var(--ink)}
.back-to-top{display:inline-block;margin-top:25px;padding:10px 0}
.article-layout .longread-body{margin:0;width:100%}.longread-body>:first-child{margin-top:0}
.longread-body p{max-width:66ch;text-wrap:pretty}.longread-body h2{scroll-margin-top:40px;text-wrap:balance}
.article-footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:25px;margin-top:45px;font-size:17px}
.article-footer a{padding:10px 0;text-decoration:underline;text-underline-offset:6px}
.longread-heading .eyebrow{display:inline-block;padding:8px 0}.longread h1{scroll-margin-top:35px}
.action,.quiet-link,.rule-link,.email-link{transition:border-color .18s,color .18s}
.letter button{transition:background .18s}.letter button:hover{background:#353535}
.access-options details[open]>summary{padding-bottom:8px}.access-options summary{min-height:44px}
.front-image img{object-position:50% 45%}
@media(max-width:1000px) and (min-width:701px){.article-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}}
@media(max-width:700px){
 .article-layout{display:block;margin-top:30px}.article-navigation{position:static;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:30px}
 .article-navigation nav{gap:3px}.article-navigation nav>a{padding:10px 0;border:0}.article-navigation nav>a[aria-current=location]{text-decoration:underline;text-underline-offset:5px}
 .back-to-top{display:none}.article-footer{margin-top:32px;font-size:16px;gap:18px}
 .longread-body p{line-height:1.8}.longread-body h2{scroll-margin-top:25px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.next-cycle.has-response{border-top-color:var(--ink)}
.next-cycle.has-response p{color:var(--ink)}
/* Product walkthrough: supplied context, selected conversation, and actual sample copy. */
.needle-walkthrough{padding:65px var(--pad) 60px;border-bottom:1px solid var(--line)}
.walkthrough-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end;margin-bottom:35px}
.walkthrough-heading h2{font-size:clamp(40px,4.1vw,62px)}.walkthrough-heading>p{font-size:18px;color:var(--secondary);max-width:480px}
.needle-brief{padding:28px 30px;background:#eaeaea;display:grid;grid-template-columns:1fr 2fr;gap:35px}
.needle-brief h3{font-size:22px}.needle-brief dl{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;margin:0}
.needle-brief dt{font-size:16px;color:var(--secondary);margin-bottom:10px}.needle-brief dd{margin:0;font-size:17px;line-height:1.7}
.needle-explorer{display:grid;grid-template-columns:1fr 2fr;gap:35px;margin-top:35px}
.needle-post-picker>p:first-child{font-size:18px;font-weight:500;margin-bottom:15px}.needle-post-picker [role=tablist]{display:flex;flex-direction:column;gap:0}
.needle-post-picker button{display:block;text-align:left;font-size:17px;line-height:1.6;background:none;color:var(--secondary);border:0;border-left:2px solid var(--line);padding:15px 20px;transition:background .18s,color .18s,border-color .18s}
.needle-post-picker button:hover{color:var(--ink);background:#eaeaea}.needle-post-picker button[aria-selected=true]{border-left-color:var(--ink);color:var(--ink);background:#eaeaea}
.walkthrough-note{font-size:16px;color:var(--secondary);line-height:1.6;margin-top:24px;max-width:300px}
.needle-result{padding:28px 30px;border:1px solid var(--line);min-width:0}
#needle-post{font-family:var(--display);font-size:28px;letter-spacing:-.025em;line-height:1.4}
.needle-assessment{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.needle-assessment h3,.needle-output h3{font-size:20px;letter-spacing:-.015em;margin-bottom:12px}
.needle-assessment p{font-size:17px;line-height:1.75;color:var(--secondary)}
.needle-output{margin-top:25px;padding:24px;background:#eaeaea}.needle-output blockquote,.needle-output p{font:17px/1.8 Geist,sans-serif}
.needle-output [hidden]{display:none}
.walkthrough-footer{display:flex;justify-content:space-between;align-items:end;gap:45px;padding-top:30px}.walkthrough-footer>p{max-width:650px;font-size:17px;color:var(--secondary)}.walkthrough-footer .quiet-link{flex-shrink:0}
@media(max-width:1000px) and (min-width:701px){.needle-brief,.needle-explorer{grid-template-columns:220px minmax(0,1fr);gap:25px}.needle-brief dl{display:block}.needle-brief dl>div+div{margin-top:20px}.walkthrough-heading{gap:5vw}.walkthrough-heading h2{font-size:40px}.walkthrough-footer{align-items:start;flex-direction:column;gap:20px}}
@media(max-width:700px){
 .needle-walkthrough{padding-top:42px;padding-bottom:42px}.walkthrough-heading{display:block;margin-bottom:25px}.walkthrough-heading h2{font-size:36px}.walkthrough-heading>p{font-size:17px;margin-top:22px}
 .needle-brief{display:block;padding:24px 20px}.needle-brief h3{font-size:22px;margin-bottom:22px}.needle-brief dl{display:block}.needle-brief dl>div+div{margin-top:20px}
 .needle-explorer{display:block;margin-top:28px}.needle-post-picker button{font-size:16px}.walkthrough-note{max-width:none;margin-top:18px}
 .needle-result{margin-top:24px;padding:24px 20px}#needle-post{font-size:25px}.needle-output{padding:20px 16px}.needle-output blockquote{font-size:17px}
 .walkthrough-footer{display:block;padding-top:25px}.walkthrough-footer .quiet-link{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){.needle-post-picker button{transition:none}}

/* Shared finishing pass: consistent measures, edges, and interaction states. */
:root{--pad:clamp(24px,5.2vw,104px);--line:#18181826}
body{overflow-wrap:break-word}
h1,h2,h3{text-wrap:balance}
.masthead{gap:28px}.site-description{margin-left:20px}.masthead nav{gap:26px}
.front{padding-bottom:68px}.front-body{gap:5vw}.front-copy{max-width:390px}
.front-copy .action{width:100%;max-width:320px}.front-image figcaption{margin-top:14px}
.action:hover,.quiet-link:hover,.rule-link:hover{border-bottom-color:currentColor}
.deployed{--line:#ffffff30}.deployed-heading{padding-bottom:32px}.deployed-body{gap:7vw}
.deployed-copy h3{max-width:520px}.deployed-capabilities>div{padding:22px 0}
.deployed-capabilities>div:last-child{border-bottom:0;padding-bottom:0}
.deployed-details{padding-top:22px}
.needle-result{background:#fafafa}.needle-output{background:#efefef}
.needle-brief{background:#ebebeb}.needle-post-picker button{border-left-width:3px}
.needle-post-picker button[aria-selected=true]{font-weight:500}
.front-reading{padding-bottom:48px}.essay-row{gap:4vw;transition:background .18s}
.essay-row:hover{background:#18181804}.essay-row:hover h3{transform:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.front-contact{padding-top:36px;padding-bottom:64px}.front-contact h2{font-size:clamp(38px,4vw,58px)}
.front-contact>a{min-width:260px;font-size:22px}
.colophon{padding-top:30px;padding-bottom:36px}.colophon a:hover{text-decoration:underline;text-underline-offset:5px}
.page-intro,.reading-intro,.practice-intro,.correspondence{padding-top:64px;padding-bottom:56px}
.page-intro h1,.reading-intro h1,.practice-intro h1,.correspondence h1{font-size:clamp(52px,6.4vw,92px);line-height:1.06}
.page-intro>p,.reading-intro>p{line-height:1.75}
.brief,.access{gap:7vw}.brief-copy p,.letter-heading>p{max-width:52ch}
.division-columns>div+div{border-left:1px solid var(--line);padding-left:4vw}
.division h2{font-size:clamp(38px,4vw,56px)}
.access-options details[open]{border-top-color:var(--ink)}
.access-options summary:hover{color:#555}.access-options details a{display:inline-block;padding:4px 0}
.letter{background:#ededed;border:0;padding:30px}.letter textarea{background:#f7f7f7;border:1px solid var(--line);padding:14px 16px;margin-top:14px}
.letter textarea:focus{border-color:var(--ink)}.letter label{font-size:20px}.letter textarea::placeholder{color:#666}
.library{display:block;padding-bottom:20px}
.book{display:grid;grid-template-columns:100px minmax(220px,1fr) minmax(240px,1fr) 125px;align-items:center;gap:3vw;padding:32px 0}
.book:last-child{border-bottom:1px solid var(--line)}.book h2{font-size:clamp(30px,3vw,44px);margin:0;line-height:1.12}.book h2 br{display:none}
.book p{font-size:17px;margin:0;max-width:40ch}.book-bottom{margin:0;padding:0}.book-category{align-self:start;padding-top:5px}
.reading-footnote{max-width:none;margin:0;padding-top:16px;padding-bottom:60px}
/* The title and text share one column; the contents sits alongside the essay. */
.longread{max-width:1184px;padding:48px var(--pad) 72px;--article-gap:64px}
.longread-heading{width:calc(100% - 284px);max-width:700px;padding-bottom:28px}
.longread h1{font-size:clamp(48px,5.1vw,72px);line-height:1.06;margin-top:24px;letter-spacing:-.035em}
.longread-heading>p{font-size:22px;line-height:1.55;margin-top:22px;letter-spacing:-.015em}
.article-byline{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:16px}
.article-layout{grid-template-columns:minmax(0,700px) 220px;gap:var(--article-gap);justify-content:start;margin-top:32px}
.article-navigation{grid-column:2;grid-row:1;top:32px;padding-top:4px}
.article-navigation summary{font-size:16px;font-weight:500;min-height:44px;gap:12px}
.article-navigation summary:after{font-size:20px}.article-navigation nav{gap:2px;padding-top:12px}
.article-navigation nav>a{padding:8px 0 8px 14px;font-size:16px;line-height:1.5}
.article-navigation .back-to-top{color:var(--secondary);margin-top:20px;font-size:16px}
.article-layout .longread-body{grid-column:1;grid-row:1}
.longread-body p{font-size:19px;line-height:1.8;color:#353535;margin:0 0 24px}
.longread-body em{font-style:italic}.longread-body h2{font-size:32px;line-height:1.2;margin:48px 0 22px;letter-spacing:-.025em;text-wrap:pretty}
.longread-body blockquote{margin:32px 0;padding:6px 0 6px 24px;border-left:2px solid var(--ink)}
.longread-body blockquote p{font-size:26px;line-height:1.4;color:var(--ink);margin:0}
.longread-body hr{margin:36px 0;border-color:var(--line)}.longread-body hr+h2{margin-top:0}
.longread-body a{text-underline-offset:4px;text-decoration-thickness:1px}.longread-body a:hover{text-decoration-thickness:2px}
.article-footer{width:calc(100% - 284px);margin-top:24px;padding-top:18px}.article-footer a{font-size:16px}
@media(min-width:1600px){.longread{max-width:1240px}}
@media(max-width:1100px){.book{grid-template-columns:80px 1fr 1fr;gap:24px}.book-bottom{grid-column:2;width:140px}.book-category{grid-row:1 / 3}.longread{--article-gap:40px}.longread-heading,.article-footer{width:calc(100% - 260px)}}
@media(max-width:900px){
 .longread{max-width:780px;padding-top:36px}.longread-heading,.article-footer{width:100%;max-width:none}
 .article-layout{display:flex;flex-direction:column;gap:0;margin-top:0}
 .article-navigation{position:static;order:0;margin:0 0 30px;padding:14px 0;border-bottom:1px solid var(--line)}
 .article-layout .longread-body{order:1}.article-navigation summary{justify-content:space-between}
 .article-navigation nav{padding:10px 0 4px}.article-navigation .back-to-top{display:none}
 .article-navigation nav>a{border-left:2px solid transparent}.article-navigation nav>a[aria-current=location]{border-left-color:var(--ink)}
}
@media(max-width:700px){
 .front{padding-bottom:40px}.front-copy .action{max-width:none}.front-contact{padding-top:24px;padding-bottom:40px}.front-contact>a{min-width:0}
 .page-intro,.reading-intro,.practice-intro,.correspondence{padding-top:36px;padding-bottom:36px}
 .page-intro h1,.reading-intro h1,.practice-intro h1,.correspondence h1{font-size:clamp(42px,11vw,64px)}
 .division-columns>div+div{border-left:0;border-top:1px solid var(--line);padding:28px 0 0;margin-top:28px}
 .letter{padding:24px 20px}.letter textarea{padding:12px}.letter-heading>p{margin-top:22px}
 .book{display:flex;gap:0;padding:26px 0}.book-category{padding:0}.book h2{font-size:34px;margin-top:14px}.book p{margin:16px 0 20px}.book-bottom{width:100%}.reading-footnote{padding-bottom:40px}
 .longread{padding:28px var(--pad) 44px}.longread h1{font-size:clamp(40px,10.5vw,58px);margin-top:18px}
 .longread-heading>p{font-size:20px;margin-top:18px}.longread-heading{padding-bottom:24px}.article-byline{gap:6px 16px;margin-top:22px}
 .longread-body p{font-size:18px;line-height:1.75;margin-bottom:22px}.longread-body h2{font-size:29px;margin-top:36px}
 .longread-body blockquote{padding-left:18px;margin:28px 0}.longread-body blockquote p{font-size:24px;line-height:1.45}
 .article-footer{gap:18px}.article-navigation{margin-bottom:26px}
}
.book-bottom{white-space:nowrap;gap:16px}
@media(max-width:900px){.article-navigation{width:100%;align-self:stretch}}

/* Keep language selection visible, including when the mobile menu is closed. */
.language-switch{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:16px;white-space:nowrap}
.language-switch a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:#666}
.language-switch a[aria-current="page"]{color:#181818;text-decoration:underline;text-underline-offset:5px}
.language-switch a:hover{color:#181818}
.language-switch span{color:#888}
html[lang="tr"] .front h1{font-size:clamp(52px,7.4vw,112px)}
@media(min-width:1101px){.masthead{gap:20px}.masthead nav{gap:20px}html[lang="tr"] .site-description{margin-left:8px}}
@media(max-width:1100px){.masthead{flex-wrap:wrap}.language-switch{margin-left:0}}
@media(max-width:700px){.language-switch{margin-left:auto}.masthead .menu-toggle{order:3;margin-left:16px}.masthead #navigation{order:4}html[lang="tr"] .front h1{font-size:clamp(38px,9.1vw,64px)}}

/* Need is visible inside Needle; the name stays a single unbroken word. */
.needle-name{white-space:nowrap;font-weight:400}
.needle-name strong{font-weight:500;text-decoration:underline;text-decoration-thickness:.035em;text-underline-offset:.12em}
.needle-name .needle-ending{font-weight:400;color:#666}
.deployed .needle-name .needle-ending,.practice-intro .needle-name .needle-ending{color:#aaa}

/* Announcement layout: deliberate space around the divider and balanced columns. */
.deployed{padding-top:clamp(48px,5.5vw,88px);padding-bottom:clamp(48px,5.5vw,88px)}
.deployed-heading{padding-bottom:clamp(28px,3vw,48px);align-items:center}
.deployed-heading h2{font-size:clamp(48px,6.8vw,108px);line-height:1.12}
.deployed-heading>p{flex-shrink:0;padding-left:24px;border-left:1px solid var(--line)}
.deployed-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;padding-top:clamp(32px,4vw,64px)}
.deployed-copy h3{font-size:clamp(32px,3.5vw,52px);line-height:1.16;letter-spacing:-.035em;max-width:580px;text-wrap:pretty}
.deployed-summary{max-width:460px}
.deployed-summary p{font-size:18px;line-height:1.75;color:#b8b8b8}
.deployed-summary .action{width:100%;margin-top:24px;border-color:#ffffff65}
.front{padding-bottom:clamp(48px,5vw,80px)}
.front-body{margin-top:clamp(32px,4vw,64px)}
.front-image figcaption{padding-left:20px;position:relative}
.front-image figcaption:before{content:'';position:absolute;left:0;top:.8em;width:9px;border-top:1px solid currentColor}
.front-contact{padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(48px,6vw,96px);align-items:center}
.front-contact h2{font-size:clamp(40px,4.8vw,72px);line-height:1.08}
.front-contact>a{min-width:clamp(260px,30vw,460px)}
.colophon{grid-template-columns:40px 1fr auto;gap:28px;align-items:center}
.colophon>div{text-align:right}
.practice-intro{padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(48px,6vw,96px)}
.practice-intro-note{border-left:1px solid #ffffff40;padding-left:28px}
.brief{padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(56px,7vw,112px)}
.brief-copy .action{width:100%;max-width:460px}
@media(max-width:700px){
 .deployed-heading h2{font-size:clamp(38px,10vw,64px)}
 .deployed-heading>p{padding-left:0;border-left:0;margin-top:20px}
 .deployed-copy{grid-template-columns:1fr;gap:24px;padding-top:32px}
 .deployed-copy h3{font-size:clamp(30px,7.8vw,42px)}
 .deployed-summary{max-width:none}.deployed-summary p{font-size:17px}
 .deployed-summary .action{margin-top:16px}
 .front-contact>a{margin-top:28px;min-width:0}
 .colophon{grid-template-columns:32px 1fr;gap:24px}.colophon>div{text-align:left}
 .practice-intro-note{border-left:0;padding-left:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.action span,.quiet-link span,.rule-link span{transition:none}}

/* Let the product description carry the message; keep the surrounding chrome quiet. */
.colophon{grid-template-columns:40px 1fr}
.practice-intro{grid-template-columns:1fr}
@media(max-width:700px){.colophon{grid-template-columns:32px 1fr}.colophon>div{text-align:right}}

.needle-story+.needle-story{border-top:1px solid var(--line)}
.needle-story .brief-copy p:last-child{margin-bottom:0}
.needle-story .brief-title h2{text-wrap:pretty}

/* Keep the Perspective contents compact and close to its reading column. */
.essay-layout{grid-template-columns:140px minmax(0,760px);justify-content:start;gap:clamp(32px,4vw,64px);width:calc(100% - 2 * var(--pad));max-width:none;margin-inline:var(--pad);padding:64px 0 80px}
.essay-layout aside{gap:8px;border-top:1px solid var(--line);padding-top:18px}
.essay-layout aside>span{margin-bottom:8px}
.essay-layout aside>a{padding:6px 0}
.essay-content h2{margin-top:14px}
@media(max-width:1000px) and (min-width:701px){.essay-layout{grid-template-columns:136px minmax(0,1fr);gap:32px}}
@media(max-width:700px){
 .essay-layout{padding-top:28px;padding-bottom:48px}
 .essay-layout aside{border-top:0;border-bottom:1px solid var(--line);padding:0 0 20px;gap:8px 20px;margin-bottom:32px}
 .essay-layout aside>span{margin-bottom:0}
}

/* Reveal the need within Needle once, then leave the title at rest. */
 .practice-intro .needle-reveal{display:inline-block;white-space:nowrap;font-weight:400}
.needle-reveal-need{position:relative;display:inline-block;font-weight:750;animation:needle-weight 2.8s cubic-bezier(.22,.61,.36,1) .35s both}
.needle-stroke{position:absolute;left:0;bottom:-.15em;width:100%;height:.12em;min-height:5px;overflow:visible;animation:needle-draw 1.5s cubic-bezier(.22,.61,.36,1) 1s both}
@keyframes needle-weight{from{font-weight:400}to{font-weight:750}}
@keyframes needle-draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.needle-reveal-need,.needle-stroke{animation:none!important}}



/* Illustration SVGs supply transparency; no CSS color matching or blending. */
.needle-story{align-items:start;gap:clamp(40px,7vw,112px);padding-block:clamp(48px,6vw,88px)}
.needle-story .brief-title{min-width:0}
.needle-story .brief-title h2{max-width:12ch}
.needle-illustration{margin-top:24px}
.needle-illustration img{display:block;width:100%;height:auto}
.needle-story .brief-copy{max-width:580px}
.needle-story .brief-copy{align-self:center}
@media(max-width:700px){
 .needle-story .brief-title h2{max-width:15ch}
 .needle-illustration{margin-top:8px;margin-bottom:28px;max-width:520px}
 .needle-story .brief-copy{margin-top:0}
}

/* Product preview and a quiet illustration of human direction. */
.deployed-visual{min-width:0}
.deployed-summary{align-self:center}
.home-needle-illustration{max-width:560px;margin-top:12px}
.home-needle-illustration img{display:block;width:100%;height:auto;opacity:.85}
.perspective-illustration{max-width:680px;margin:24px 0 32px}
.perspective-illustration img{display:block;width:100%;height:auto}
@media(max-width:700px){.home-needle-illustration{max-width:480px;margin-top:0}.perspective-illustration{margin:16px 0 24px}}

.essay-content p,.perspective-illustration{max-width:760px}

/* Perspective follows the same heading-and-copy rhythm as the product story. */
.essay-layout{grid-template-columns:140px minmax(0,1fr);gap:clamp(32px,4vw,64px)}
.essay-content{min-width:0}
.essay-content section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(32px,4vw,64px);padding-bottom:48px;margin-bottom:48px;align-items:start}
.perspective-heading h2{font-size:clamp(30px,2.8vw,43px);line-height:1.16;margin-bottom:0;text-wrap:pretty}
.perspective-heading h2 br{display:none}
.perspective-copy{min-width:0;max-width:680px}
.perspective-copy p:first-child{margin-top:0}
.perspective-feature{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,4vw,64px);align-items:center;margin:32px 0}
.essay-content .perspective-feature blockquote{font-size:clamp(27px,2.5vw,38px);margin:0;padding-left:20px}
.perspective-feature .perspective-illustration{margin:0;width:100%;max-width:none}
.perspective-followup{grid-column:2}
@media(min-width:701px) and (max-width:1100px){
 .essay-layout{grid-template-columns:120px minmax(0,1fr);gap:32px}
 .essay-content section{grid-template-columns:1fr;row-gap:24px}
 .perspective-heading h2{max-width:24ch}
 .perspective-followup{grid-column:1}
 .perspective-feature{margin:0;gap:24px}
}
@media(max-width:700px){
 .essay-content section{display:block;padding-bottom:32px;margin-bottom:32px}
 .perspective-heading{margin-bottom:24px}
 .perspective-heading h2{font-size:32px}
 .perspective-feature{display:block;margin:28px 0}
 .essay-content .perspective-feature blockquote{font-size:29px}
 .perspective-feature .perspective-illustration{margin-top:12px}
}

/* Perspective uses the same section grid and centering as Needle. */
.perspective-story .brief-copy blockquote{font-family:var(--display);font-size:clamp(27px,2.5vw,38px);line-height:1.3;letter-spacing:-.035em;border-left:2px solid;padding-left:24px;margin:32px 0}
.perspective-story .brief-copy blockquote+p{margin-top:0}

/* Preserve the master mark’s exact aspect ratio at every placement. */
.masthead .brand-logo,.colophon .brand-logo{width:auto;flex-shrink:0;shape-rendering:geometricPrecision}

/* Font-independent interface arrows, including iOS. */
.ui-arrow{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.12em}
.micrographic-illustration{max-width:600px}

.micrographic-illustration picture{display:block}
@media(max-width:700px){.micrographic-illustration img{aspect-ratio:600/270;height:auto}}

/* Company introduction on the bilingual homepage. */
.front-about{padding:clamp(48px,5.5vw,88px) var(--pad);display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;border-bottom:1px solid var(--line)}
.front-about h2{font-size:clamp(38px,4vw,58px);line-height:1.15;letter-spacing:-.035em}
.front-about-copy{max-width:580px}.front-about-copy p{font-size:18px;line-height:1.75;color:var(--secondary)}
.front-about-copy p+p{margin-top:20px}.front-about-copy .action{margin-top:28px}
@media(max-width:700px){.front-about{grid-template-columns:1fr;gap:24px}.front-about-copy p{font-size:17px}.front-about-copy .action{width:100%}}