:root{--utt-ground:#FFE1E1;--utt-ink:#242B1B;--utt-plum:#69266E;--utt-sage:#D9DCBB;--utt-display:'Kotta One',Georgia,serif;--utt-reading:'Didact Gothic','Trebuchet MS',sans-serif;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--utt-ground);color:var(--utt-ink);font-family:var(--utt-reading);font-size:20px;line-height:1.55}
::selection{background:var(--utt-sage);color:var(--utt-ink)}
a{color:var(--utt-plum);text-decoration-thickness:1px;text-underline-offset:4px;transition:color .16s ease,text-decoration-thickness .16s ease}
a:hover{color:var(--utt-ink);text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--utt-plum);outline-offset:5px}
img{display:block;max-width:100%}
.utt-icon{width:23px;height:23px;display:inline-block;flex:none;vertical-align:-5px}
h1,h2,h3{font-family:var(--utt-display);font-weight:400;line-height:1.13;text-wrap:pretty}
p{margin:0 0 1.05em}
h2{font-size:36px;margin:0 0 25px}
h3{font-size:26px}
.utt-jump{position:absolute;left:20px;top:-80px;z-index:50;padding:10px 18px;background:var(--utt-sage);color:var(--utt-ink)}
.utt-jump:focus{top:10px}
/* Open masthead: the name hangs from the lower edge, the links rise on stems. */
.utt-mast{position:relative;height:148px;max-width:1280px;margin:0 auto;padding:0 20px}
.utt-wordmark{position:absolute;bottom:-8px;left:20px;font-family:var(--utt-display);font-size:74px;line-height:1.15;letter-spacing:-2px;color:var(--utt-ink);text-decoration:none;white-space:nowrap}
.utt-wordmark:hover{color:var(--utt-plum);text-decoration:none}
.utt-stems a{position:absolute;display:flex;align-items:center;gap:8px;color:var(--utt-ink);font-size:18px;text-decoration:none;padding-bottom:8px;transition:transform .18s ease,color .18s ease}
.utt-stems a::after{content:'';position:absolute;width:3px;left:10px;top:100%;background:var(--utt-plum)}
.utt-stems a:nth-child(1){left:18%;bottom:97px}
.utt-stems a:nth-child(1)::after{height:22px}
.utt-stems a:nth-child(2){left:47%;bottom:112px}
.utt-stems a:nth-child(2)::after{height:37px}
.utt-stems a:nth-child(3){left:77%;bottom:85px}
.utt-stems a:nth-child(3)::after{height:25px}
.utt-stems a:hover,.utt-stems a:focus-visible{transform:translateY(-3px);color:var(--utt-plum)}
.utt-stems .utt-icon{width:19px;height:19px}
/* The photograph is the full opening, sliced by solid reading ground. */
.utt-opening{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 176px minmax(0,1fr);grid-template-rows:minmax(414px,auto) auto;grid-template-areas:'title rain question' 'mention mention mention';margin-top:26px;background:var(--utt-sage)}
.utt-hero-photo{position:absolute;inset:0;margin:0;z-index:-1;overflow:hidden}
.utt-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;animation:utt-water-settles 1.1s ease-out both}
.utt-title-ground{grid-area:title;align-self:center;position:relative;background:var(--utt-ground);padding:31px 48px 34px max(32px,calc((100vw - 1280px)/2 + 20px));margin:32px -20px 36px 0;border-right:8px solid var(--utt-plum);clip-path:polygon(0 0,100% 0,100% 40%,calc(100% - 18px) 40%,calc(100% - 18px) 57%,100% 57%,100% 100%,0 100%)}
.utt-title-ground::before{content:'';position:absolute;top:24px;bottom:24px;left:0;width:12px;background:var(--utt-plum)}
.utt-home-title{font-size:66px;margin:0;max-width:510px;letter-spacing:-1.4px}
.utt-local-line{display:block;font-size:27px;letter-spacing:0;margin-bottom:12px;line-height:1.2}
.utt-sentence-line{display:block;max-width:480px}
.utt-keyword-tail{display:block;font-family:var(--utt-reading);font-size:30px;line-height:1.2;letter-spacing:0;margin-top:14px;color:var(--utt-plum)}
.utt-question-ground{grid-area:question;justify-self:end;align-self:center;position:relative;width:340px;max-width:calc(100% - 65px);margin:30px max(32px,calc((100vw - 1280px)/2 + 20px)) 0 20px;background:var(--utt-sage);padding:24px 28px 26px;border-left:5px solid var(--utt-plum);box-shadow:10px 10px 0 var(--utt-ground)}
.utt-question-ground::before{content:'';position:absolute;top:-35px;left:24px;height:35px;width:3px;background:var(--utt-ground)}
.utt-route-prompt{font-family:var(--utt-display);font-size:33px;line-height:1.12;margin:0 0 17px}
.utt-route-distinction{font-size:19px;line-height:1.4;margin:0}
.utt-prescription-passage{grid-area:mention;position:relative;margin:0;padding:18px 32px 30px;background:var(--utt-ground);text-align:center;cursor:default}
.utt-prescription-passage p{font-size:17px;line-height:1.45;max-width:960px;margin:0 auto;color:var(--utt-ink)}
.utt-prescription-passage strong{font-weight:600}
.utt-caption-slots{display:flex;justify-content:center;align-items:flex-start;gap:76px;height:25px;margin-bottom:10px}
.utt-caption-slots span{display:block;width:4px;height:13px;background:var(--utt-plum)}
.utt-caption-slots span:nth-child(2){height:20px}
.utt-caption-slots span:nth-child(3){height:16px}
.utt-photo-reveal{display:none}
/* A single uninterrupted photographic cut. Essays attach only to its right. */
.utt-cutaway{position:relative;padding-top:56px;isolation:isolate}
.utt-cutaway::before{content:'';position:absolute;top:0;bottom:0;left:calc(50% - 76px);width:152px;background:var(--utt-sage) url('/undertongue-f1a86008e53d/rain-descent.webp') center / cover no-repeat;border-radius:15% 22% 11% 19% / 2% 3% 2% 3%;box-shadow:-12px 0 0 var(--utt-sage),10px 0 0 var(--utt-sage);z-index:-1}
.utt-crossing{display:grid;grid-template-columns:minmax(0,1fr) 152px minmax(0,1fr);position:relative;max-width:1280px;margin:0 auto;padding:38px 20px 96px;min-height:420px}
.utt-crossing::before{content:'';height:6px;background:var(--utt-plum);position:absolute;left:calc(50% - 106px);width:230px;top:60px;z-index:1}
.utt-cut-number{grid-column:1;grid-row:1;align-self:start;justify-self:end;margin:-28px 45px 0 0;font-family:var(--utt-display);font-size:132px;line-height:1;color:var(--utt-plum);letter-spacing:-8px}
.utt-crossing:nth-child(2) .utt-cut-number{margin-top:12px}
.utt-crossing:nth-child(3) .utt-cut-number{margin-top:48px}
.utt-crossing-copy{grid-column:3;grid-row:1;padding:6px 0 0 66px;min-width:0}
.utt-crossing h2{position:relative;font-size:35px;max-width:450px;margin:0 0 27px;padding-top:48px}
.utt-crossing p{font-size:20px;line-height:1.55;max-width:510px}
.utt-crossing p:first-of-type{font-size:22px;line-height:1.45}
.utt-crossing h2 .utt-icon{position:absolute;top:-31px;left:0;color:var(--utt-plum);width:48px;height:48px;padding:10px;background:var(--utt-sage);box-shadow:6px 6px 0 var(--utt-plum);transform:rotate(-5deg)}
.utt-crossing:nth-child(2) h2 .utt-icon{transform:rotate(5deg)}
.utt-synthesis{padding:66px max(32px,calc((100vw - 1240px)/2)) 76px;border-top:8px solid var(--utt-plum);display:grid;grid-template-columns:1fr 1.15fr;gap:100px;background:var(--utt-sage)}
.utt-synthesis h2{font-size:88px;line-height:1.02;max-width:470px;letter-spacing:-2px;margin:0}
.utt-synthesis p{max-width:640px}
/* Inner essays keep their own photographic header, with the contents lifted out. */
.utt-inner-opening{position:relative;isolation:isolate;margin:40px 0 72px;padding:32px max(32px,calc((100vw - 1280px)/2 + 20px)) 36px;min-height:300px;border-bottom:6px solid var(--utt-plum)}
.utt-with-photo{padding-bottom:75px;min-height:370px;background:var(--utt-sage)}
.utt-pagehead{position:relative;max-width:900px;display:grid;grid-template-columns:1fr 42px;gap:35px;align-items:start;background:var(--utt-ground);padding:30px 36px 32px 0}
.utt-with-photo .utt-pagehead{max-width:min(900px,73%);padding-left:32px;border-left:6px solid var(--utt-plum);box-shadow:12px 12px 0 var(--utt-sage)}
.utt-pagehead h1{font-size:50px;max-width:810px;margin:0 0 23px;letter-spacing:-.7px}
.utt-pagehead .utt-lede{max-width:740px;font-size:23px;line-height:1.4;margin:0}
.utt-page-glyph{color:var(--utt-plum);border-top:4px solid var(--utt-plum);padding-top:12px}
.utt-page-glyph .utt-icon{width:38px;height:38px}
.utt-window{position:absolute;inset:0;margin:0;z-index:-1}
.utt-window img{width:100%;height:100%;object-fit:cover;object-position:center}
.utt-window figcaption{position:absolute;right:0;bottom:0;background:var(--utt-sage);font-size:16px;line-height:1.4;margin:0;padding:12px max(32px,calc((100vw - 1240px)/2)) 12px 28px;max-width:56%}
.utt-essay{max-width:1280px;padding:0 20px 90px;margin:0 auto;display:grid;grid-template-columns:236px minmax(0,760px);gap:100px;align-items:start}
.utt-contents{position:sticky;top:32px;margin-top:-28px;background:var(--utt-sage);border-top:6px solid var(--utt-plum);padding:22px 22px 10px;font-size:17px;line-height:1.35;box-shadow:7px 7px 0 var(--utt-plum)}
.utt-contents p{font-family:var(--utt-display);font-size:25px;margin:0 0 19px}
.utt-contents ol{margin:0;padding-left:21px}
.utt-contents li{padding-left:5px;margin:0 0 19px}
.utt-contents a{text-decoration:none;color:var(--utt-ink)}
.utt-contents a:hover{color:var(--utt-plum);text-decoration:underline}
.utt-essay-copy{min-width:0}
.utt-reading-section{position:relative;margin-bottom:62px;scroll-margin-top:32px}
.utt-reading-section:last-child{margin-bottom:0}
.utt-reading-section h2{padding-top:3px;max-width:700px}
.utt-section-number{position:absolute;right:calc(100% + 22px);top:4px;font-family:var(--utt-display);font-size:32px;line-height:1;color:var(--utt-plum)}
.utt-table-wrap{overflow:auto;margin:25px -20px 32px;border-top:6px solid var(--utt-plum);border-bottom:2px solid var(--utt-plum);box-shadow:8px 8px 0 var(--utt-sage)}
table{border-collapse:collapse;width:100%;font-size:18px;line-height:1.45;text-align:left}
th,td{padding:18px 16px;vertical-align:top;border-bottom:1px solid var(--utt-plum)}
th{background:var(--utt-sage);font-weight:600}
tr:last-child td{border-bottom:0}
.utt-return{max-width:760px;font-size:18px;padding-top:22px;border-top:4px solid var(--utt-sage)}
.utt-return a{display:inline-flex;align-items:center;gap:9px}
.utt-footer{border-top:5px solid var(--utt-plum);padding:40px max(24px,calc((100vw - 1240px)/2)) 28px;display:grid;grid-template-columns:1fr 1fr;gap:24px 80px}
.utt-footer p{font-size:17px;line-height:1.5;max-width:560px}
.utt-footer nav{display:flex;flex-wrap:wrap;gap:13px 26px;align-content:start;font-size:17px}
.utt-footer nav a{color:var(--utt-ink)}
.utt-copyright{grid-column:1/-1;margin:0;font-size:16px!important}
.utt-lost{max-width:880px;margin:72px auto 120px;padding:0 24px}
.utt-lost h1{font-size:56px}
@keyframes utt-water-settles{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(min-width:1600px){.utt-home-title{font-size:74px}.utt-question-ground{width:370px}.utt-opening{grid-template-rows:minmax(460px,auto) auto}}
@media(max-width:1100px) and (min-width:641px){
.utt-mast{height:136px}.utt-wordmark{font-size:64px}.utt-stems a{font-size:17px}.utt-stems a:nth-child(2){bottom:99px}.utt-stems a:nth-child(1){bottom:84px}.utt-stems a:nth-child(3){bottom:77px}
.utt-opening{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);grid-template-rows:minmax(390px,auto) auto}
.utt-title-ground{padding:30px 30px 32px;margin-right:-28px}.utt-home-title{font-size:48px}.utt-local-line{font-size:25px}.utt-keyword-tail{font-size:26px}
.utt-question-ground{margin-right:30px;width:285px;max-width:calc(100% - 35px);padding:22px}.utt-route-prompt{font-size:29px}.utt-route-distinction{font-size:18px}
.utt-crossing-copy{padding-left:40px}.utt-crossing h2{font-size:30px}.utt-crossing p,.utt-crossing p:first-of-type{font-size:19px}.utt-cut-number{font-size:100px;margin-right:28px}
.utt-synthesis{gap:60px}.utt-synthesis h2{font-size:67px}.utt-pagehead h1{font-size:42px}.utt-with-photo .utt-pagehead{max-width:80%}
.utt-essay{grid-template-columns:190px minmax(0,1fr);gap:70px}.utt-contents{font-size:16px;padding-left:16px;padding-right:16px}.utt-section-number{right:calc(100% + 17px);font-size:28px}
}
@media(max-width:640px){
body{font-size:18px;line-height:1.55}
h2{font-size:29px}
.utt-mast{height:72px;margin:0;padding:0 24px}
.utt-wordmark{font-size:32px;letter-spacing:-.65px;bottom:0;left:24px}
.utt-stems a{font-size:14px;padding:0;bottom:auto;top:0;line-height:19px;gap:5px}
.utt-stems a:nth-child(1){left:6%;top:1px;bottom:auto}.utt-stems a:nth-child(2){left:38%;top:0;bottom:auto}.utt-stems a:nth-child(3){left:77%;top:3px;bottom:auto}
.utt-stems a:nth-child(n)::after{height:12px;left:6px;width:2px}
.utt-stems .utt-icon{width:15px;height:15px}.utt-stems a:nth-child(3) .utt-icon{display:none}
.utt-opening{margin-top:13px;display:block}
.utt-title-ground{padding:16px 30px 14px 24px;margin:0;border-right:6px solid var(--utt-plum);clip-path:polygon(0 0,100% 0,100% 38%,calc(100% - 10px) 38%,calc(100% - 10px) 65%,100% 65%,100% 100%,0 100%)}
.utt-title-ground::before{width:5px;top:17px;bottom:17px}
.utt-home-title{font-size:34px;line-height:1.08;max-width:100%;letter-spacing:-.55px;text-wrap:initial}
.utt-local-line{font-size:20px;line-height:1.2;letter-spacing:0;margin-bottom:7px}
.utt-sentence-line{max-width:100%}.utt-keyword-tail{font-size:23px;line-height:1.2;margin-top:7px}
.utt-question-ground{width:auto;max-width:none;padding:11px 24px 14px;margin:0;background:var(--utt-ground);border:0;box-shadow:none}
.utt-question-ground::before{display:none}
.utt-route-prompt{font-size:22px;line-height:1.15;margin-bottom:8px}.utt-route-distinction{font-size:17px;line-height:1.35;margin:0;max-width:440px}
.utt-prescription-passage{padding:8px 24px 20px}
.utt-prescription-passage p{font-size:16px;line-height:1.4;max-width:440px}
.utt-caption-slots{height:20px;margin-bottom:8px;gap:49px}.utt-caption-slots span{width:3px;height:10px}.utt-caption-slots span:nth-child(2){height:16px}.utt-caption-slots span:nth-child(3){height:12px}
.utt-photo-reveal{display:block;height:128px;border-bottom:8px solid var(--utt-sage)}
.utt-hero-photo img{object-position:50% 52%}
.utt-cutaway{padding-top:22px}
.utt-cutaway::before{left:14px;top:0;bottom:0;width:20px;box-shadow:-3px 0 0 var(--utt-sage),3px 0 0 var(--utt-sage);border-radius:18% 22% 11% 19% / 2% 3% 2% 3%}
.utt-crossing{display:block;padding:34px 24px 40px 65px;min-height:0}
.utt-crossing::before{left:8px;top:49px;width:43px;height:4px}
.utt-cut-number,.utt-crossing:nth-child(n) .utt-cut-number{display:block;position:static;font-size:49px;letter-spacing:-2px;line-height:1;margin:0 0 19px;color:var(--utt-plum)}
.utt-crossing-copy{padding:0}.utt-crossing h2{font-size:28px;margin-bottom:23px;padding:0 0 0 0;max-width:100%}
.utt-crossing h2 .utt-icon{position:static;display:block;width:36px;height:36px;padding:6px;margin:0 0 22px;box-shadow:4px 4px 0 var(--utt-plum)}
.utt-crossing p,.utt-crossing p:first-of-type{font-size:18px;line-height:1.55}
.utt-synthesis{display:block;padding:38px 24px 44px;border-top-width:6px}
.utt-synthesis h2{font-size:57px;letter-spacing:-1px;margin-bottom:27px}
.utt-inner-opening{display:block;margin:28px 0 43px;padding:0 24px 25px;min-height:0;border-bottom-width:4px}
.utt-with-photo{padding:0 0 0;background:var(--utt-sage)}
.utt-pagehead,.utt-with-photo .utt-pagehead{display:block;max-width:none;margin:0;padding:15px 0 24px;border:0;box-shadow:none}
.utt-with-photo .utt-pagehead{padding:18px 24px 25px;border-right:5px solid var(--utt-plum)}
.utt-pagehead h1{font-size:35px;line-height:1.12;letter-spacing:-.3px;margin-bottom:21px}
.utt-pagehead .utt-lede{font-size:20px;line-height:1.4}.utt-page-glyph{display:none}
.utt-window{position:static}.utt-window img{height:150px;object-fit:cover}.utt-window figcaption{position:static;max-width:none;font-size:16px;line-height:1.4;padding:11px 24px 14px;border-left:10px solid var(--utt-plum)}
.utt-essay{display:block;padding:0 24px 50px}
.utt-contents{position:static;margin:0 7px 38px 0;padding:16px 18px 5px;font-size:17px;box-shadow:6px 6px 0 var(--utt-plum)}
.utt-contents p{font-size:24px;margin-bottom:16px}.utt-contents ol{padding-left:20px}.utt-contents li{margin-bottom:13px}
.utt-reading-section{margin-bottom:40px}.utt-reading-section h2{font-size:29px;margin-bottom:22px;padding-top:0}
.utt-section-number{position:static;display:block;margin-bottom:13px;font-size:27px}
.utt-table-wrap{overflow:visible;margin:25px 0 30px;box-shadow:5px 5px 0 var(--utt-sage)}
table{font-size:16px;line-height:1.4;table-layout:fixed}th,td{padding:12px 7px;overflow-wrap:anywhere}
.utt-return{font-size:17px}.utt-return a{display:inline;line-height:1.6}
.utt-footer{display:block;padding:29px 24px 25px}.utt-footer nav{font-size:17px;gap:11px 23px;margin:25px 0}
.utt-lost{margin:40px 0 75px}.utt-lost h1{font-size:36px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.utt-hero-photo img{animation:none}}