@media(min-width:1151px){.main-nav{gap:18px}.main-nav a{font-size:11px}}
.writing-types{padding:120px max(5vw,calc((100vw - 1320px)/2));background:var(--pale);border-top:1px solid #cbe9e6;border-bottom:1px solid #cbe9e6}
.writing-types-heading{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(320px,1.1fr);align-items:end;gap:8vw;margin-bottom:52px}
.writing-types-heading .eyebrow{grid-column:1/-1;margin-bottom:-26px}
.writing-types-heading h2{margin:0;font:500 clamp(46px,5.2vw,74px)/1 var(--serif);letter-spacing:-.04em}
.writing-types-heading h2 em{color:var(--turquoise);font-weight:500}
.writing-types-heading p{max-width:560px;margin:0;color:var(--muted);font-size:15px;line-height:1.85}
.writing-types-heading{grid-template-columns:1fr;gap:22px}.writing-types-heading .eyebrow{grid-column:auto;margin-bottom:0}.writing-types-heading h2{font-size:clamp(34px,3.8vw,54px);white-space:nowrap}.writing-types-heading p{max-width:760px}
.writing-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.writing-types-grid a{position:relative;min-height:210px;padding:28px;background:#fff;border:1px solid rgba(8,127,128,.14);display:flex;flex-direction:column;transition:.28s}
.writing-types-grid a:hover{transform:translateY(-5px);border-color:var(--turquoise);box-shadow:0 22px 50px rgba(8,87,88,.1)}
.writing-types-grid span{position:absolute;right:24px;top:20px;font:500 34px var(--serif);color:#cde8e5}
.writing-types-grid small{color:var(--turquoise);font-size:9px;font-weight:700;letter-spacing:.16em}
.writing-types-grid strong{max-width:260px;margin-top:auto;font:500 24px/1.18 var(--serif)}
.writing-types-grid i{position:absolute;right:24px;bottom:23px;color:var(--turquoise);font-style:normal;transition:transform .2s}
.writing-types-grid a:hover i{transform:translateX(5px)}
@media(max-width:960px){.writing-types-grid{grid-template-columns:1fr 1fr}.writing-types-heading{grid-template-columns:1fr;gap:25px}.writing-types-heading .eyebrow{grid-column:auto;margin-bottom:0}}
@media(max-width:620px){.writing-types{padding:82px 20px}.writing-types-heading h2{font-size:44px;white-space:normal}.writing-types-grid{grid-template-columns:1fr}.writing-types-grid a{min-height:175px}}