.letter-page{--ink:#1d1e20;--dark:#1e1f20;--content-gutter:max(30px,calc((100% - 1440px)/2));background:#fff;color:var(--ink)}
.letter-page .announcement{height:auto;min-height:53px;padding:15px var(--content-gutter);position:relative;display:block;background:var(--brand-charcoal);font-size:16px;line-height:23px}
.letter-page .announcement>a{display:inline-block;padding-right:38px}
.letter-page .announcement-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:12px}
.letter-site-header{position:sticky;top:0;height:0;z-index:30;mix-blend-mode:difference}
.letter-nav-inner{position:relative;width:100%;max-width:1500px;margin:auto}
.letter-brand{position:absolute;left:30px;top:30px;min-width:0;height:40px;width:100px}
.letter-brand img{width:100px;height:auto;filter:brightness(0) invert(1)}
.letter-actions{position:absolute;right:30px;top:30px;gap:30px;filter:invert(1)}
.letter-actions>.outline-button{width:clamp(120px,calc((100vw - 210px)/6),215px)}
.letter-page .outline-button,.letter-page .icon-button{border-color:#1d1e20;color:#1d1e20;border-radius:0;min-height:40px;line-height:23px;font-size:16px}
.letter-page .outline-button{height:40px;padding:7px 12px}
.letter-page .icon-group>.icon-button+.icon-button{margin-left:-2px;border-left:1px solid #1d1e20}
.letter-page .outline-button:hover{background:#1d1e20;color:#fff}
.letter-layout{padding:100px var(--content-gutter)}
.letter-heading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:30px;padding-bottom:100px}
.letter-heading h1{grid-column:1/span 7;font-size:100px;font-weight:400;line-height:1.15;letter-spacing:-.02em}
.letter-reading-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:30px;border-top:1px solid currentColor;padding-top:30px}
.letter-reading{grid-column:2/span 5;min-width:0}
.letter-byline{font-size:18px;line-height:25px;margin:0 0 51px}
.letter-byline>span{font-style:italic}
.letter-body{font-size:18px;line-height:25px;letter-spacing:normal;overflow-wrap:break-word}
.letter-body>p{margin:0 0 25.715px}
.letter-body strong{font-weight:500}
.letter-signature{font-size:18px;line-height:25px;margin-top:51px}
.letter-signature>p:first-child{font-weight:500}
.letter-signature>span{display:block}
.letter-motto{margin-top:26px}
.letter-site-footer{border-top:1px solid #1d1e20;grid-template-columns:2fr repeat(4,1fr);padding-top:60px;font-size:18px;line-height:1.4}
.letter-site-footer h2{font-size:10px;letter-spacing:.04em;margin-bottom:28px}
.letter-site-footer .footer-brand p{margin:28px 0;font-size:16px}
.letter-site-footer .footer-contact{border-radius:20px;font-size:14px}
.letter-site-footer a{margin-bottom:8px}
.letter-site-footer .footer-email{font-size:14px}
.letter-page .dialog-header{height:100px;padding:30px var(--content-gutter);background:#1e1f20}
.letter-page .dialog-header .brand img{width:100px;height:auto;filter:brightness(0) invert(1)}
.letter-page .dialog-header .header-actions>.outline-button{width:clamp(120px,calc((100vw - 210px)/6),215px)}
.letter-page .dialog-header .outline-button{border-color:#efefef;color:#efefef;background:transparent}
.letter-page .dialog-header .outline-button:hover{background:#efefef;color:#1d1e20}
.letter-page .menu-grid{padding:30px var(--content-gutter) 60px;grid-template-columns:repeat(3,minmax(0,1fr))}
.letter-page .menu-grid .dialog-kicker{font-size:10px;letter-spacing:.05em;margin-bottom:38px}
.letter-page .menu-grid>nav>a,.letter-page .menu-grid>nav>button{font-size:36px;line-height:1.2;margin-bottom:16px}
.letter-page .search-content{margin-left:var(--content-gutter);margin-right:var(--content-gutter)}
.letter-page .contact-dialog{width:50%;max-width:760px}
.letter-page .contact-panel{padding:82px 30px 45px}
.letter-page .contact-panel>.dialog-kicker{margin-bottom:70px}
@media(min-width:600px) and (max-width:959px){
  .letter-page{--content-gutter:20px}
  .letter-brand{left:20px}
  .letter-actions{right:20px;gap:20px}
  .letter-actions>.outline-button,.letter-page .dialog-header .header-actions>.outline-button{width:120px}
  .letter-layout{padding-top:80px;padding-bottom:80px}
  .letter-heading{column-gap:15px;padding-bottom:80px}
  .letter-heading h1{grid-column:1/span 8;font-size:50px;line-height:1.2;letter-spacing:-.02em}
  .letter-reading-grid{column-gap:15px;padding-top:15px}
  .letter-reading{grid-column:1/span 6}
  .letter-site-footer{grid-template-columns:2fr repeat(2,1fr);row-gap:48px}
  .letter-page .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .letter-page .menu-about{display:none}
  .letter-page .contact-dialog{width:65%}
}
@media(max-width:599px){
  .letter-page{--content-gutter:20px}
  .letter-page .announcement{padding:15px;color:#efefef;font-size:16px;line-height:23px}
  .letter-page .announcement>a{padding-right:40px}
  .letter-brand{top:10px;left:20px}
  .letter-actions{position:fixed;inset:auto 20px calc(20px + env(safe-area-inset-bottom));justify-content:space-between;flex-direction:row-reverse;gap:20px;pointer-events:none}
  .letter-actions>*{pointer-events:auto}
  .letter-actions>.outline-button{width:108px;min-width:108px;font-size:16px}
  .letter-actions .icon-group{flex-direction:row-reverse}
  .letter-page .letter-actions .icon-group>.icon-button+.icon-button{margin-left:0;margin-right:-2px}
  .letter-layout{padding-top:80px;padding-bottom:80px}
  .letter-heading{column-gap:10px;padding-bottom:60px}
  .letter-heading h1{grid-column:1/span 11;font-size:34px;line-height:40px;letter-spacing:normal}
  .letter-reading-grid{column-gap:10px;padding-top:12px}
  .letter-reading{grid-column:3/-1}
  .letter-byline{margin-bottom:44px}
  .letter-site-footer{grid-template-columns:1fr 1fr;gap:40px 20px;padding-top:40px;padding-bottom:100px}
  .letter-site-footer .footer-brand{grid-column:1/-1}
  .letter-site-footer h2{margin-bottom:18px}
  .letter-site-footer a,.letter-site-footer button{font-size:16px}
  .letter-site-footer .footer-email{font-size:13px}
  .letter-page .dialog-header{height:80px;padding:20px;align-items:flex-start}
  .letter-page .dialog-header .header-actions{position:fixed;inset:auto 20px calc(20px + env(safe-area-inset-bottom));flex-direction:row-reverse;justify-content:space-between;pointer-events:none}
  .letter-page .dialog-header .header-actions>*{pointer-events:auto}
  .letter-page .dialog-header .header-actions>.outline-button{width:108px;min-width:108px;background:#1e1f20}
  .letter-page .dialog-header .icon-group{flex-direction:row-reverse}
  .letter-page .dialog-header .icon-group>.icon-button+.icon-button{margin-left:0;margin-right:-2px}
  .letter-page .menu-grid{grid-template-columns:1fr;padding:30px 20px 100px}
  .letter-page .menu-grid>nav>a,.letter-page .menu-grid>nav>button{font-size:30px}
  .letter-page .menu-discover,.letter-page .menu-about{display:none}
  .letter-page .search-content{margin:14vh 20px 110px}
  .letter-page .popular-searches{gap:20px}
  .letter-page .popular-searches>span{flex-basis:100%}
  .letter-page .contact-dialog{width:100%;max-width:none}
  .letter-page .contact-panel{padding:80px 20px 40px}
  .letter-page .contact-panel>.dialog-kicker{margin-bottom:42px}
}
@media(prefers-reduced-motion:reduce){.letter-page dialog[open]{animation:none}.letter-page *{scroll-behavior:auto}}