/* NAD at Large: an open-air letter, held at the edges rather than boxed in. */
:root{--nal-ground:#EFEDFA;--nal-ink:#2A2330;--nal-orchid:#853B79;--nal-clay:#DFCCC8;--nal-white:#FFFFFF;--nal-book:"Manuale",Georgia,serif;--nal-daily:"BIZ UDPGothic",Arial,sans-serif;--nal-measure:720px;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--nal-white);color:var(--nal-ink);font-family:var(--nal-daily);font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
figure,p{margin:0}
a{color:var(--nal-orchid);text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-skip-ink:auto;transition:color .16s,background-color .16s,text-decoration-thickness .16s}
a:hover{text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--nal-orchid);outline-offset:5px;border-radius:4px}
::selection{background:var(--nal-clay);color:var(--nal-ink)}
.nal-skip{position:absolute;left:20px;top:-90px;z-index:20;background:var(--nal-white);padding:10px 18px;border-radius:24px}
.nal-skip:focus{top:12px}
.nal-masthead{height:132px;margin:auto;padding:13px max(48px,calc((100vw - 1312px)/2)) 14px;background:var(--nal-white);position:relative;z-index:5}
.nal-wordmark{display:block;width:max-content;font-family:var(--nal-book);font-size:48px;font-weight:500;line-height:1;letter-spacing:-.045em;text-decoration:none;color:var(--nal-ink)}
.nal-wordmark:hover{color:var(--nal-orchid)}
.nal-directory{margin-top:11px}
.nal-branches{list-style:none;margin:0;padding:0;display:flex;gap:64px;align-items:flex-start;font-size:15px;line-height:1.5}
.nal-branches a{text-decoration:none;color:var(--nal-ink)}
.nal-branches a:hover{color:var(--nal-orchid);text-decoration:underline;text-underline-offset:5px}
.nal-branches>li>a{display:flex;align-items:center;gap:9px}
.nal-nav-mark{display:inline-block;width:18px;height:18px;stroke-width:1.6;flex:none;color:var(--nal-orchid);vertical-align:-3px}
.nal-branches>li>ul{list-style:none;padding:0 0 0 20px;margin:5px 0 0 8px;border-left:2px solid var(--nal-clay);font-size:13px}
.nal-more-branch{display:none}
/* The scene fills the canvas; the cut sheet and open relief are fully opaque. */
.nal-opening{position:relative;isolation:isolate;min-height:700px;display:flex;flex-direction:column;justify-content:space-between;background:var(--nal-clay)}
.nal-title-sheet{position:relative;z-index:2;width:min(1176px,calc(100% - 160px));padding:29px 54px 36px;margin:30px 0 0;isolation:isolate;filter:drop-shadow(8px 9px 0 rgba(42,35,48,.14))}
.nal-title-sheet:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--nal-ground);border-left:9px solid var(--nal-orchid);clip-path:polygon(0 0,100% 0,100% 76%,96% 100%,0 100%)}
.nal-title-sheet:after{content:"";position:absolute;top:-14px;left:58px;width:13px;height:31px;background:var(--nal-orchid);border-radius:4px 4px 5px 5px;box-shadow:10px 2px 0 -4px var(--nal-clay)}
.nal-title-arc{display:grid;grid-template-columns:1fr 1.65fr;column-gap:32px;margin:0;font-family:var(--nal-book);font-size:clamp(56px,5.15vw,76px);font-weight:400;line-height:1;letter-spacing:-.04em;text-align:center}
.nal-title-arc span:first-child{grid-column:1/-1;margin:0 0 2px}
.nal-title-arc span:nth-child(2){justify-self:end}
.nal-title-arc span:nth-child(3){justify-self:start;white-space:nowrap}
.nal-rooftop{position:absolute;inset:0;z-index:-2;overflow:hidden}
.nal-rooftop-view{width:100%;height:100%;object-fit:cover;object-position:center top;animation:nal-air-arrives 1.1s ease-out both}
.nal-standing-detail{display:none}
.nal-relief-field{position:relative;background:var(--nal-clay);box-shadow:inset 0 -9px 9px -10px rgba(42,35,48,.48);padding:25px 48px 28px;margin-top:280px}
.nal-relief-measure{display:grid;grid-template-columns:.9fr 1.9fr;gap:68px;max-width:1184px;margin:auto;align-items:start}
.nal-introduction{font-family:var(--nal-book);font-size:25px;line-height:1.32;font-weight:400}
.nal-promise-mention{font-size:16px;line-height:1.65;cursor:auto}
.nal-promise-mention p{margin:0}
.nal-promise-mention strong{font-weight:700}
/* A continuous 720px argument; only its headings reach into the air beside it. */
.nal-paper{width:calc(100% - 40px);max-width:var(--nal-measure);margin:83px auto 108px}
.nal-paper h2{font-family:var(--nal-book);font-weight:500;font-size:41px;letter-spacing:-.03em;line-height:1.14;margin:60px -64px 24px -44px;padding-left:40px;border-left:4px solid var(--nal-orchid)}
.nal-paper h2:first-child{margin-top:0}
.nal-paper p{margin:0 0 24px}
.nal-paper>h2:first-child+p:first-letter{float:left;font-family:var(--nal-book);font-size:70px;line-height:.8;margin:8px 8px 0 0;color:var(--nal-orchid)}
.nal-note-call{display:inline-block;font-family:var(--nal-book);font-size:21px;font-weight:600;line-height:1;vertical-align:super;text-decoration:none;margin-left:5px;min-width:19px;text-align:center;border-bottom:1px solid var(--nal-orchid)}
.nal-note-call:hover,.nal-note-call:focus-visible{background:var(--nal-clay);border-radius:50%;color:var(--nal-ink)}
/* Each illustrated essay opens on a shorter piece of the rooftop. */
.nal-essay-head{padding-top:24px}
.nal-breadcrumb{max-width:1184px;width:calc(100% - 96px);margin:0 auto 22px;font-size:13px;line-height:1.5}
.nal-breadcrumb ol{padding:0;list-style:none;display:flex;gap:12px;flex-wrap:wrap;margin:0;align-items:center}
.nal-breadcrumb li+li:before{content:"/";margin-right:12px;color:var(--nal-orchid)}
.nal-inner-canvas{position:relative;isolation:isolate;min-height:386px;padding:36px 0 74px;background:var(--nal-clay)}
.nal-inner-sheet{position:relative;max-width:810px;width:68%;margin-left:max(48px,calc((100% - 1184px)/2));padding:23px 45px 32px;isolation:isolate;filter:drop-shadow(9px 9px 0 rgba(42,35,48,.14))}
.nal-inner-sheet:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--nal-ground);border-top:6px solid var(--nal-orchid);clip-path:polygon(0 0,100% 0,100% 85%,94% 100%,0 100%)}
.nal-inner-sheet>.nal-nav-mark{width:24px;height:24px;margin:0 0 13px}
.nal-essay-head h1{font-family:var(--nal-book);font-size:64px;font-weight:400;line-height:1.03;letter-spacing:-.035em;margin:0}
.nal-essay-lead{width:calc(100% - 40px);max-width:var(--nal-measure);margin:38px auto 0;font-family:var(--nal-book);font-size:28px;line-height:1.42;padding-left:24px;border-left:5px solid var(--nal-clay)}
.nal-header-photo{position:absolute;inset:0;z-index:-2}
.nal-header-photo img{width:100%;height:100%;object-fit:cover;object-position:center 54%}
.nal-without-photo .nal-inner-canvas{min-height:0;padding-bottom:45px;background:var(--nal-ground)}
.nal-without-photo .nal-inner-sheet{max-width:1000px;width:calc(100% - 96px);padding-left:30px;border-left:6px solid var(--nal-orchid);filter:none}
.nal-without-photo .nal-inner-sheet:before{display:none}
/* The lower appendix stays one full-width field, with letters outside the prose. */
.nal-appendix{position:relative;background:var(--nal-clay);padding:65px 48px 74px;border-top:7px solid var(--nal-orchid)}
.nal-appendix-heading{max-width:var(--nal-measure);margin:0 auto 40px}
.nal-appendix-heading h2{font-family:var(--nal-book);font-size:66px;font-weight:400;letter-spacing:-.035em;line-height:1.05;margin:0 0 15px}
.nal-appendix-heading p{font-size:16px;line-height:1.6}
.nal-qualification{position:relative;display:grid;grid-template-columns:138px minmax(0,720px);gap:34px;max-width:1064px;margin:0 auto;padding:40px 0 44px;border-top:1px solid rgba(42,35,48,.24);scroll-margin-top:25px}
.nal-return-letter{position:sticky;top:28px;align-self:start;justify-self:center;font-family:var(--nal-book);font-weight:400;font-size:158px;font-style:italic;line-height:.85;color:var(--nal-orchid);user-select:none;transform:translate(-12px,-10px)}
.nal-return-letter:after{content:"";position:absolute;bottom:-9px;left:-22px;width:27px;height:13px;border-left:3px solid var(--nal-orchid);border-bottom:3px solid var(--nal-orchid);border-radius:0 0 0 6px}
.nal-qualification h3{font-family:var(--nal-book);font-size:33px;font-weight:500;letter-spacing:-.02em;line-height:1.16;margin:0 0 17px}
.nal-qualification p{margin-bottom:18px}
.nal-return-link{font-size:14px;display:inline-block;padding:4px 0}
.nal-return-link:hover{color:var(--nal-ink);background:rgba(255,255,255,.5)}
.nal-footer{padding:49px max(48px,calc((100vw - 1184px)/2)) 32px;background:var(--nal-white)}
.nal-footer-note{font-family:var(--nal-book);font-size:27px;line-height:1.35;max-width:720px}
.nal-footer nav{margin:26px 0 30px}
.nal-footer ul{list-style:none;display:flex;gap:15px 34px;flex-wrap:wrap;padding:0;margin:0;font-size:14px}
.nal-copyright{font-size:13px}
.nal-missing-paper{min-height:48vh;padding:45px 0 20px}
.nal-missing-paper h1{font-family:var(--nal-book);font-size:60px;line-height:1.05;font-weight:400;margin:0 0 30px}
@keyframes nal-air-arrives{from{transform:scale(1.025)}to{transform:scale(1)}}
@media(min-width:1600px){.nal-opening{min-height:790px}.nal-title-sheet{width:1280px;padding-right:70px;padding-left:70px}.nal-title-arc{font-size:82px}.nal-relief-field{margin-top:330px}}
@media(max-width:1100px) and (min-width:601px){
 .nal-masthead{padding-left:32px;padding-right:32px}
 .nal-title-sheet{width:calc(100% - 64px);padding-left:34px;padding-right:34px}
 .nal-title-arc{font-size:clamp(32px,5.1vw,56px);column-gap:22px}
 .nal-relief-field{padding-left:32px;padding-right:32px;margin-top:240px}
 .nal-relief-measure{gap:35px;grid-template-columns:1fr 1.6fr}
 .nal-introduction{font-size:23px}
 .nal-paper{max-width:min(720px,calc(100% - 112px))}
 .nal-paper h2{margin-left:-24px;margin-right:-20px;padding-left:20px}
 .nal-inner-sheet{margin-left:32px;padding-left:30px;padding-right:30px;width:75%}
 .nal-essay-head h1{font-size:54px}
 .nal-qualification{grid-template-columns:86px minmax(0,720px);gap:22px}
 .nal-return-letter{font-size:120px;transform:none}
}
@media(max-width:600px){
 html{scroll-padding-top:18px}
 body{font-size:16px;line-height:1.85}
 .nal-masthead{height:78px;padding:7px 20px 6px}
 .nal-wordmark{font-size:33px;line-height:35px;letter-spacing:-.035em}
 .nal-directory{margin-top:5px}
 .nal-branches{display:grid;grid-template-columns:1fr 1.42fr .94fr auto;gap:8px;font-size:13px;line-height:24px;white-space:nowrap}
 .nal-branches>li>a{gap:4px}
 .nal-nav-mark{width:13px;height:13px}
 .nal-branches>li>ul{display:none}
 .nal-more-branch{display:block;position:relative}
 .nal-more-branch summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:2px;border-radius:24px}
 .nal-more-branch summary::-webkit-details-marker{display:none}
 .nal-more-branch summary:hover,.nal-more-branch summary:focus-visible{background:var(--nal-ground)}
 .nal-more-branch details>ul{position:absolute;z-index:8;right:0;top:31px;background:var(--nal-white);padding:15px 20px;list-style:none;border-radius:24px;box-shadow:5px 6px 0 var(--nal-clay),0 8px 30px rgba(42,35,48,.13);min-width:190px;line-height:2.4;font-size:15px}
 .nal-opening{min-height:0;background:var(--nal-white);display:flex;flex-direction:column;justify-content:flex-start}
 .nal-title-sheet{width:100%;margin:0;padding:24px 20px 25px;filter:none;border-top:5px solid var(--nal-orchid);background:var(--nal-ground)}
 .nal-title-sheet:before,.nal-title-sheet:after{display:none}
 .nal-title-arc{display:block;width:100%;max-width:390px;margin:auto;font-size:32px;font-weight:500;line-height:1.08;letter-spacing:-.025em;text-align:left}
 .nal-title-arc span{display:inline;margin:0!important;white-space:normal!important}
 .nal-title-arc span:first-child{display:block}
 .nal-relief-field{margin:0;padding:22px 20px 25px}
 .nal-relief-measure{display:block}
 .nal-introduction{font-size:20px;line-height:1.32;margin-bottom:18px}
 .nal-promise-mention{font-size:16px;line-height:1.6}
 .nal-rooftop{position:relative;inset:auto;z-index:0;height:134px;width:calc(100% - 40px);margin:29px auto 0;overflow:visible;animation:none}
 .nal-rooftop-view{position:absolute;bottom:0;height:100px;width:100%;object-fit:cover;object-position:center 60%;border-radius:50%;animation:none}
 .nal-standing-detail{display:block;position:absolute;left:calc(50% - 36px);bottom:11px;width:72px;height:132px;overflow:hidden;border-radius:24px;background:var(--nal-clay);box-shadow:6px 0 0 -2px var(--nal-clay)}
 .nal-standing-detail img{width:550px;height:275px;max-width:none;object-fit:cover;position:absolute;left:calc(50% - 275px);top:calc(50% - 138px)}
 .nal-paper{margin:55px auto 66px}
 .nal-paper h2{font-size:32px;line-height:1.12;margin:44px 0 21px;padding-left:14px;border-left-width:3px}
 .nal-paper p{margin-bottom:23px}
 .nal-paper>h2:first-child+p:first-letter{font-size:60px;margin-top:8px}
 .nal-essay-head{padding-top:21px}
 .nal-breadcrumb{width:calc(100% - 40px);font-size:12px;line-height:1.6;margin-bottom:20px}
 .nal-breadcrumb ol{gap:5px 9px}
 .nal-breadcrumb li+li:before{margin-right:9px}
 .nal-inner-canvas{min-height:0;padding:22px 20px 124px}
 .nal-inner-sheet{max-width:none;width:100%;margin:0;padding:20px 22px 27px;filter:drop-shadow(5px 6px 0 rgba(42,35,48,.14))}
 .nal-inner-sheet>.nal-nav-mark{width:20px;height:20px;margin-bottom:10px}
 .nal-essay-head h1{font-size:40px;line-height:1.05;letter-spacing:-.03em}
 .nal-header-photo img{object-position:center 56%}
 .nal-essay-lead{font-size:23px;line-height:1.42;padding-left:17px;margin-top:29px;border-left-width:4px}
 .nal-without-photo .nal-inner-canvas{padding:26px 20px 34px}
 .nal-without-photo .nal-inner-sheet{width:100%;margin:0;padding:0 0 0 17px;border-left-width:4px}
 .nal-appendix{padding:36px 20px 31px;border-top-width:5px}
 .nal-appendix-heading{margin-bottom:24px}
 .nal-appendix-heading h2{font-size:43px}
 .nal-appendix-heading p{font-size:16px}
 .nal-qualification{grid-template-columns:45px minmax(0,1fr);gap:14px;padding:28px 0}
 .nal-return-letter{position:relative;top:auto;font-size:73px;justify-self:start;line-height:.88;transform:none}
 .nal-return-letter:after{left:-5px;bottom:-10px;width:14px;height:7px;border-width:2px}
 .nal-qualification h3{font-size:27px;line-height:1.12}
 .nal-qualification p{line-height:1.8}
 .nal-return-link{font-size:13px}
 .nal-footer{padding:36px 20px 26px}
 .nal-footer-note{font-size:24px}
 .nal-footer ul{gap:12px 23px}
 .nal-missing-paper h1{font-size:42px}
}
@media(max-width:365px){.nal-masthead{padding-left:16px;padding-right:16px}.nal-branches{gap:5px;font-size:12px}.nal-title-sheet{padding-left:16px;padding-right:16px}.nal-title-arc{font-size:30px}.nal-relief-field{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nal-rooftop{animation:none}.nal-rooftop-view{animation:none}a{transition:none}}