@font-face{font-family:"EB Garamond";src:url("../fonts/eb-garamond-400.02285d22.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("../fonts/eb-garamond-400-italic.898e7195.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("../fonts/eb-garamond-500.c96aad67.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("../fonts/eb-garamond-600.46a92ba0.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("../fonts/eb-garamond-600-italic.19b03c1e.woff2") format("woff2");font-weight:600;font-style:italic;font-display:swap}

:root{--cream:#F4EAD5;--charcoal:#3A2E25;--umber:#7B5E3C;--garnet:#7B2D3A;--sage:#8A9A6B;--white:#FFFFFF;
--col:1232px;--margin:72px;--measure:540px;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--charcoal);font-family:"EB Garamond",Garamond,"Times New Roman",serif;
font-size:19px;line-height:28px;font-variant-numeric:oldstyle-nums;font-kerning:normal}
img{display:block;max-width:100%;height:auto}
picture{display:block}
figure{margin:0}
h1,h2,p{margin:0}
h1,h2{font-weight:600;text-wrap:balance}
p{text-wrap:pretty}
em{font-style:italic}
a{color:var(--garnet);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--garnet);outline-offset:3px}
.wrap{width:min(var(--col),calc(100% - 2 * var(--margin)));margin-inline:auto}
.skip{position:absolute;left:-10000px;top:0}
.skip:focus{left:16px;top:8px;z-index:30;background:var(--cream);padding:6px 12px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
hr.rule{border:0;border-top:1px solid var(--sage);margin:0}

/* header */
.site-header{position:relative}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px}
.brand{display:block;flex:none}
.brand img{height:40px;width:auto}
.menu-toggle{display:none;background:none;border:0;padding:10px 8px;margin-right:-8px;color:var(--charcoal);cursor:pointer}
.menu-toggle .bar{display:block;width:26px;height:2px;background:currentColor}
.menu-toggle .bar+.bar{margin-top:6px}
.menu{list-style:none;margin:0;padding:0;display:flex;gap:44px;font-weight:500;font-size:21px;line-height:28px}
.menu a{color:var(--charcoal);text-decoration:none}
.menu a:hover{text-decoration:underline;text-decoration-color:var(--garnet);text-underline-offset:8px}
.menu a[aria-current]{text-decoration:underline;text-decoration-color:var(--garnet);
text-decoration-thickness:2px;text-underline-offset:8px}
.has-sub{position:relative}
.has-sub>a::after{content:"";display:inline-block;margin-left:7px;border-left:4px solid transparent;
border-right:4px solid transparent;border-top:5px solid currentColor;vertical-align:4px}
.sub{list-style:none;margin:0;padding:8px 0;position:absolute;left:-16px;top:100%;min-width:270px;
background:var(--cream);border:1px solid var(--sage);display:none;z-index:20}
.sub a{display:block;padding:6px 16px;font-size:19px}
.sub a[aria-current]{text-underline-offset:4px}
.has-sub:hover .sub,.has-sub:focus-within .sub{display:block}

/* home */
.band img{width:100%}
.credit,figcaption{font-style:italic;font-size:15px;line-height:21px;color:var(--umber);text-wrap:pretty}
.credit em,figcaption em{font-style:normal}
.credit{margin-top:12px;text-align:right}
.statement{font-weight:400;font-size:40px;line-height:54px;text-align:center;max-width:1050px;margin:56px auto 72px}
.plinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-block:56px 88px}
.plink{display:block;color:var(--charcoal);text-decoration:none}
.plink img{width:100%;aspect-ratio:4/3;object-fit:cover}
.plink h2{font-size:28px;line-height:36px;margin:22px 0 2px}
.plink:hover h2{text-decoration:underline;text-decoration-color:var(--garnet);text-decoration-thickness:2px;
text-underline-offset:5px}
.feature{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;margin-block:64px 0}
.feature-cover{grid-column:1;width:100%}
.feature-cover img{width:100%}
.feature-text{grid-column:2/span 2;max-width:var(--measure);padding-top:20px}
.label{font-weight:500;font-size:13px;line-height:18px;letter-spacing:2px;text-transform:uppercase;color:var(--umber)}
.feature .label{margin-bottom:10px}
.book-title{font-size:34px;line-height:42px;margin-bottom:10px}
.byline{font-style:italic;font-size:21px;line-height:28px;margin-bottom:18px}
.tagline{font-style:italic;font-size:22px;line-height:30px;color:var(--umber);margin-bottom:14px}
.oneline{margin-bottom:14px}
.formats{margin-bottom:30px}
.button{display:inline-block;background:var(--garnet);color:var(--cream);font-weight:500;font-size:19px;
line-height:48px;padding:0 28px;border-radius:3px;text-decoration:none}
.button:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.more{display:inline-block;margin-top:16px;font-weight:500}

/* inner pages */
.page{padding-top:64px}
.page h1{font-size:40px;line-height:52px}
.opening{display:grid;grid-template-columns:minmax(0,540px) minmax(0,620px);justify-content:space-between;
column-gap:40px;grid-template-areas:"title ." "lead fig";align-items:start}
.opening h1{grid-area:title;margin-bottom:12px}
.opening .lead{grid-area:lead}
.opening figure{grid-area:fig}
.row{display:grid;column-gap:40px;justify-content:space-between;align-items:start}
.row>h2{grid-area:h;font-size:28px;line-height:36px;margin-bottom:8px}
.row>.lead{grid-area:p}
.row>.label{grid-area:lab;margin:22px 0 6px}
.row>.record{grid-area:rec;font-size:17px;line-height:25px}
.row>figure{grid-area:fig;margin-top:6px}
.row>.link-line{grid-area:link;margin-top:12px}
.img-right{grid-template-columns:minmax(0,540px) minmax(0,560px);grid-template-rows:auto auto auto auto auto 1fr;
grid-template-areas:"h fig" "p fig" "lab fig" "rec fig" "link fig" ". fig"}
.img-left{grid-template-columns:minmax(0,560px) minmax(0,540px);grid-template-rows:auto auto auto auto auto 1fr;
grid-template-areas:"fig h" "fig p" "fig lab" "fig rec" "fig link" "fig ."}
.img-right.tall{grid-template-columns:minmax(0,540px) minmax(0,460px)}
.img-left.tall{grid-template-columns:minmax(0,460px) minmax(0,540px)}
.enlarge{display:block}
.text-only{grid-template-columns:minmax(0,540px);grid-template-areas:"h" "p" "lab" "rec" "link"}
figcaption{margin-top:10px}
hr.rule.section-rule{margin-block:40px 56px}
.wide-fig{margin-top:40px}
.wide-fig .mat{display:block;background:var(--white);padding:12px}
.wide-fig figcaption{margin-top:12px}
.tap{display:none}
@media (hover:none) and (pointer:coarse){.tap{display:inline}.click{display:none}}
.closing{display:grid;gap:36px;max-width:var(--measure)}
.closing h2,.pair h2,.about-block h2{font-size:28px;line-height:36px;margin-bottom:8px}
.link-line{margin-top:8px;font-weight:500}
.about-top{display:grid;grid-template-columns:minmax(0,540px) minmax(0,460px);justify-content:space-between;
column-gap:40px;grid-template-areas:"one fig" "two fig" ". fig";grid-template-rows:auto auto 1fr;align-items:start}
.about-top figure{grid-area:fig;margin-top:6px}
.about-top .one{grid-area:one}
.about-top .two{grid-area:two;margin-top:36px}
.principal{display:grid;grid-template-columns:minmax(0,460px) minmax(0,540px);justify-content:space-between;
column-gap:40px;grid-template-areas:"fig h" "fig p1" "fig p2" "fig .";grid-template-rows:auto auto auto 1fr;
align-items:start}
.principal h2{grid-area:h;font-size:28px;line-height:36px;margin-bottom:8px}
.principal .p1{grid-area:p1}
.principal .p2{grid-area:p2;margin-top:14px}
.principal figure{grid-area:fig;margin-top:6px}
.pair{display:grid;grid-template-columns:minmax(0,540px) minmax(0,540px);justify-content:space-between;column-gap:40px}
.pair .pair-rule{display:none}
.closing-line{max-width:var(--measure)}
.placeholder{max-width:var(--measure);margin-top:12px;color:var(--umber);font-style:italic}

/* the Clouds page (visual cut v0.2, approved; ruling 37) */
.nw{white-space:nowrap}
.clouds hr.rule.section-rule{margin-block:56px}
.clouds hr.rule.section-rule.last{margin-bottom:48px}
.clouds-open{display:grid;grid-template-columns:minmax(0,460px) minmax(0,540px);justify-content:space-between;
column-gap:40px;grid-template-areas:"fig text";align-items:start}
.clouds-open .title-block{grid-area:text}
.clouds-open figure{grid-area:fig;margin-top:6px}
.clouds-open h1{margin-bottom:10px}
.clouds-open .byline{margin-bottom:16px}
.clouds-open .tagline{margin-bottom:18px}
.clouds-open .formats{margin-bottom:22px}
.clouds-open .btn-line{margin-bottom:14px}
.clouds-open .also{margin-bottom:6px}
.stack>p+p{margin-top:14px}
.family h2{font-size:28px;line-height:36px;margin-bottom:18px}
.fam-row{display:flex;gap:32px;align-items:flex-start}
.fam-row figure{flex:var(--a) 1 0%;min-width:0}
.fam-row img{width:100%}
.pair h2.ed{margin-bottom:12px}
.details{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:18px;row-gap:6px;margin:0 0 12px;
font-size:17px;line-height:25px}
.details dt{font-weight:600}
.details dd{margin:0;text-wrap:pretty}
.ed-note+.ed-note{margin-top:10px}
.clouds .principal .p2{margin-top:8px}
.clouds .closing-line+.closing-line{margin-top:18px}

/* The Field Press and Operation Triple Crown (visual cuts v0.2 and v0.1, approved; ruling 39) */
.press h1{margin-bottom:12px}
.press-open{display:grid;grid-template-columns:minmax(0,540px) minmax(0,460px);justify-content:space-between;
column-gap:40px;grid-template-areas:"p mark";align-items:center}
.press-open .lead{grid-area:p}
.press-mark{grid-area:mark;justify-self:center;width:380px;max-width:100%;height:auto}
.press hr.rule.section-rule{margin-block:48px 56px}
.press hr.rule.section-rule.first{margin-top:56px}
.press hr.rule.section-rule.last{margin-bottom:48px}
.pair.books .label{margin-bottom:10px}
.pair.books h2{margin-bottom:6px}
.books .byline,.books .tagline{margin-bottom:12px}
.books .t+.t{margin-top:10px}
.books .link-line{margin-top:14px}
.signings h2,.stores h2{font-size:28px;line-height:36px;margin-bottom:8px}
.signings h2{margin-bottom:12px}
.event{font-weight:600}
.signings .gap{margin-top:14px}
.signings .gap-s{margin-top:10px}
.stores .intro{margin-bottom:16px}
.press>section{max-width:var(--measure)}
h2[id]{scroll-margin-top:24px}
.otc-col{max-width:var(--measure)}
.otc .label{margin-bottom:10px}
.otc h1{margin-bottom:8px}
.otc .byline{margin-bottom:12px}
.otc .tagline{margin-bottom:22px}
.otc-lines{margin-top:28px}
.otc-lines p+p{margin-top:14px}
.otc .link-line{margin-top:28px}

/* the worked examples under Services (build v0.7; ruling 46): the text at the left in the 540 px column, the picture
   at the right (560 px, or 460 px for an upright one), a figure on its mat across the column */
.example .label{margin-bottom:10px}
.example h1{margin-bottom:24px}
.example-top{display:grid;grid-template-columns:minmax(0,540px) minmax(0,560px);justify-content:space-between;
column-gap:40px;grid-template-areas:"text fig";align-items:start}
.example-top.tall{grid-template-columns:minmax(0,540px) minmax(0,460px)}
.example-top>.stack,.example-top>.letter{grid-area:text}
.example-top>figure{grid-area:fig;margin-top:6px}
.letter>.label{margin-bottom:10px}
.brief-link{display:block}
.photo-box{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;
background:#EADFC6;color:var(--charcoal);font-style:italic}
.draft-note{max-width:var(--measure);margin-bottom:28px;border-left:2px solid var(--garnet);padding-left:12px;
font-style:italic}
.example .closing-line.after{margin-top:36px}
.example .closing-line+.link-line{margin-top:14px}

/* Contact (visual cut v0.1, approved; ruling 40) */
[hidden]{display:none!important}
.contact h1{margin-bottom:12px}
.contact-top{display:grid;grid-template-columns:minmax(0,540px) minmax(0,540px);justify-content:space-between;
column-gap:40px;align-items:start}
.contact-top .stack-rule{display:none}
.contact-form{margin-top:28px;display:grid;gap:20px}
.field{display:grid;gap:6px}
.field label{font-weight:500;font-size:17px;line-height:25px}
.field input,.field select,.field textarea{display:block;width:100%;margin:0;font-family:inherit;font-size:19px;
line-height:28px;color:var(--charcoal);background-color:var(--white);border:1px solid var(--umber);border-radius:3px;
padding:9px 14px;min-height:48px}
.field textarea{min-height:192px;resize:vertical}
.field select{appearance:none;-webkit-appearance:none;padding-right:44px;background-repeat:no-repeat;
background-position:right 16px center;background-size:10px 6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%233A2E25'/%3E%3C/svg%3E")}
.field select:invalid{color:var(--umber)}
.field option{color:var(--charcoal)}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.form-end{display:grid;gap:12px;justify-items:start;margin-top:4px}
button.button{border:0;cursor:pointer;font-family:inherit}
.form-note{border-left:2px solid var(--garnet);padding-left:12px}
.form-privacy{font-style:italic;font-size:15px;line-height:21px;color:var(--umber)}
.contact-about h2{font-size:28px;line-height:36px;margin-bottom:10px}
.contact-about h3{font-weight:600;font-size:19px;line-height:28px;margin:0}
.contact-about .entry+.entry{margin-top:18px}
.profiles{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.contact hr.rule.section-rule{margin-block:48px 56px}

/* footer */
main{padding-bottom:72px}
.site-footer{background:var(--charcoal);color:var(--cream);padding-block:40px 26px;font-size:16px;line-height:24px}
.site-footer a{color:var(--cream);text-decoration:none}
.site-footer a:hover{text-decoration:underline;text-decoration-thickness:1px}
.site-footer :focus-visible{outline-color:var(--cream)}
.foot-top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.foot-top img{height:30px;width:auto}
.foot-nav{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 32px;font-weight:500}
.foot-links{margin-bottom:16px}
.foot-links .sep{padding-inline:10px}

/* the menu folds into the three-line button where the five links no longer fit beside the wordmark */
@media (max-width:1179px){
.menu-toggle{display:block}
.js .menu{display:none;position:absolute;left:0;right:0;top:100%;z-index:20;flex-direction:column;gap:0;
background:var(--cream);padding:0 var(--margin) 16px;border-bottom:1px solid var(--sage);font-size:20px}
.js .menu.open{display:flex}
.menu li{border-top:1px solid var(--sage)}
.menu a{display:block;padding:12px 0}
.menu a[aria-current]{text-underline-offset:6px}
.has-sub>a::after{display:none}
.sub{display:block;position:static;min-width:0;border:0;background:none;padding:0 0 8px 20px}
.sub a{padding:6px 0;font-size:18px}
html:not(.js) .site-header .wrap{flex-wrap:wrap}
html:not(.js) .menu{flex-direction:column;gap:0;flex-basis:100%;padding-bottom:12px}
html:not(.js) .menu-toggle{display:none}
}

/* narrower screens: each section stacks in the phone order */
@media (max-width:1023px){
:root{--margin:40px}
.opening,.row,.img-right,.img-left,.img-right.tall,.text-only,.about-top,.principal,.pair{display:block}
.opening figure,.row>figure,.about-top figure,.principal figure{max-width:620px;margin:0 0 24px}
.opening h1{margin-bottom:20px}
.row>h2,.row>.lead,.row>.label,.row>.record,.row>.link-line{max-width:var(--measure)}
.row>.lead{margin-bottom:18px}
.row>.label{margin-top:0}
.about-top figure{margin-bottom:28px}
.about-top .one,.about-top .two,.principal h2,.principal .p1,.principal .p2{max-width:var(--measure)}
.principal .p2{margin-bottom:18px}
.pair>div{max-width:var(--measure)}
.pair .pair-rule{display:block;margin-block:32px}
.opening .lead{max-width:var(--measure)}
.tall>figure,.about-top figure,.principal figure{max-width:460px}
.foot-links .grp{display:block}
.foot-links .sep.between{display:none}
.clouds-open{display:block}
.clouds-open .title-block{max-width:var(--measure);margin-bottom:24px}
.clouds-open figure{max-width:460px;margin:0}
.fam-row{display:block}
.fam-row figure{max-width:620px;margin-bottom:24px}
.fam-row figure.tall{max-width:460px}
.fam-row figure:last-child{margin-bottom:0}
.press h1{margin-bottom:18px}
.press-open{display:block;max-width:var(--measure)}
.press-mark{display:block;width:250px;margin:0 auto 22px}
.pair>section{max-width:var(--measure)}
.contact-top{display:block}
.contact-main,.contact-about{max-width:var(--measure)}
.contact-top .stack-rule{display:block;margin-block:32px}
.example-top{display:block}
.example-top>.stack,.example-top>.letter{max-width:var(--measure);margin-bottom:24px}
.example-top>figure{max-width:620px;margin-top:0}
.example-top.tall>figure{max-width:460px}
}
@media (max-width:767px){
.plinks{grid-template-columns:minmax(0,1fr);gap:40px}
.feature{display:block}
.feature-cover{display:none}
.feature-text{max-width:none;padding-top:0}
}

/* phones: the phone type scale and 20 px margins */
@media (max-width:599px){
:root{--margin:20px}
body{font-size:17px;line-height:24px}
.site-header .wrap{min-height:64px}
.brand img{height:24px}
.statement{font-size:24px;line-height:33px;margin:30px auto 48px}
.credit,figcaption{font-size:13px;line-height:18px}
.credit{margin-top:8px}
.plinks{margin-block:40px 48px}
.plink h2{font-size:22px;line-height:30px;margin:16px 0 0}
.feature{margin-top:40px}
.label{font-size:11px;line-height:16px;letter-spacing:1.5px}
.book-title{font-size:26px;line-height:33px;margin-bottom:8px}
.byline{font-size:18px;line-height:24px;margin-bottom:12px}
.tagline{font-size:18px;line-height:25px;margin-bottom:10px}
.oneline{margin-bottom:10px}
.formats{margin-bottom:24px}
.button{font-size:17px;line-height:44px;padding:0 24px}
.more{margin-top:12px}
.page{padding-top:32px}
.page h1{font-size:30px;line-height:36px}
.opening h1{margin-bottom:14px}
.row>h2,.closing h2,.pair h2,.about-block h2,.principal h2{font-size:22px;line-height:28px}
.row>.record{font-size:16px;line-height:23px}
.opening figure,.row>figure,.about-top figure,.principal figure{max-width:none;margin-bottom:18px}
hr.rule.section-rule{margin-block:32px}
.wide-fig .mat{padding:8px}
.closing{gap:28px}
main{padding-bottom:48px}
.site-footer{padding-block:28px 30px;font-size:13px;line-height:18px}
.foot-top{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:10px}
.foot-top img{height:20px}
.foot-nav{gap:0 20px}
.foot-links .grp{display:block}
.foot-links .sep.between{display:none}
.imprint{margin-bottom:8px}
.foot-links{margin-bottom:10px}
.foot-nav a,.foot-links a{display:inline-block;padding-block:4px}
.clouds hr.rule.section-rule{margin-block:32px}
.clouds hr.rule.section-rule.last{margin-bottom:28px}
.clouds-open .title-block{max-width:none}
.clouds-open figure{width:300px;max-width:100%;margin-inline:auto}
.clouds-open figcaption{text-align:center}
.stack>p+p{margin-top:12px}
.family h2{font-size:22px;line-height:28px;margin-bottom:12px}
.fam-row figure,.fam-row figure.tall{max-width:none}
.pair h2.ed{margin-bottom:10px}
.details{font-size:16px;line-height:23px;column-gap:14px;row-gap:5px;margin-bottom:10px}
.ed-note+.ed-note{margin-top:8px}
.clouds .closing-line+.closing-line{margin-top:14px}
.press hr.rule.section-rule{margin-block:32px}
.press hr.rule.section-rule.last{margin-bottom:28px}
.signings h2,.stores h2{font-size:22px;line-height:28px}
.signings h2{margin-bottom:10px}
.stores .intro{margin-bottom:14px}
.otc .label{margin-bottom:8px}
.otc h1{margin-bottom:6px}
.otc .tagline{margin-bottom:20px}
.otc-lines{margin-top:24px}
.otc-lines p+p{margin-top:12px}
.otc .link-line{margin-top:24px}
.contact h1{margin-bottom:14px}
.contact-form{margin-top:24px;gap:16px}
.field{gap:5px}
.field label{font-size:16px;line-height:23px}
.field input,.field select,.field textarea{font-size:17px;line-height:24px;min-height:44px;padding:9px 12px}
.field textarea{min-height:176px}
.form-privacy{font-size:13px;line-height:18px}
.contact-about h2{font-size:22px;line-height:28px;margin-bottom:8px}
.contact-about h3{font-size:17px;line-height:24px}
.contact-about .entry+.entry{margin-top:14px}
.profiles{gap:8px}
.contact hr.rule.section-rule{margin-block:32px}
.example .label{margin-bottom:8px}
.example h1{margin-bottom:18px}
.example-top>.stack,.example-top>.letter{margin-bottom:18px}
.example-top>figure,.example-top.tall>figure{max-width:none}
.wide-fig{margin-top:32px}
.photo-box{padding:16px}
.draft-note{margin-bottom:22px}
.example .closing-line.after{margin-top:28px}
.example .closing-line+.link-line{margin-top:12px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* accessibility pass, 27 September: nothing here changes the page at 375 px and wider */
a[href^="mailto:"]{overflow-wrap:anywhere}
@media (max-width:374px){.site-header .wrap{gap:12px}.brand img{height:20px}}
@media (min-width:1180px){.has-sub.closed .sub{display:none}}

/* R22, the print style: no menu, no form, white paper, the address printed after every outside link, and the
   desktop arrangement kept at 80 percent (text 540 px, pictures 300 px beside it) */
@media print{
@page{size:letter;margin:0.6in 0.65in}
html,body{background:#fff}
body{zoom:.8;color:var(--charcoal)}
.skip,.menu-toggle,nav[aria-label="Main"],.foot-top,.tap,.click,.contact-form,.form-note,.stack-rule,.pair-rule{display:none!important}
.wrap{width:auto;margin-inline:0}
.site-header .wrap{min-height:0;display:block;padding-bottom:18px}
.brand img{height:30px}
main{padding-bottom:0}
.page{padding-top:8px}
a{color:inherit;text-decoration:none}
a[href^="http"]::after{content:" (" attr(href) ")";font-size:15px;overflow-wrap:anywhere}
.button{background:none;color:inherit;padding:0;line-height:inherit;font-weight:600;border-radius:0}
.statement{margin:36px auto 40px}
.plinks{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:36px 44px}
.feature{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:28px;margin-top:40px}
.feature-cover{display:block}
.feature-text{grid-column:2;padding-top:0}
.opening{display:grid;grid-template-columns:minmax(0,540px) 300px;column-gap:24px}
.row.img-right,.row.img-right.tall{display:grid;grid-template-columns:minmax(0,540px) 300px;column-gap:24px}
.row.img-left{display:grid;grid-template-columns:300px minmax(0,540px);column-gap:24px}
.about-top{display:grid;grid-template-columns:minmax(0,540px) 300px;column-gap:24px}
.principal{display:grid;grid-template-columns:300px minmax(0,540px);column-gap:24px}
.clouds-open{display:grid;grid-template-columns:300px minmax(0,540px);column-gap:28px}
.clouds-open .title-block{margin-bottom:0}
.press-open{display:grid;grid-template-columns:minmax(0,540px) 240px;column-gap:28px;max-width:none}
.press-mark{width:220px;margin:0}
.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px}
.opening figure,.row>figure,.about-top figure,.principal figure,.clouds-open figure{max-width:none;margin:6px 0 0}
.row>.lead{margin-bottom:0}
.row>.label{margin:18px 0 6px}
.principal .p2{margin-bottom:0}
.fam-row{display:flex;gap:24px}
.fam-row figure,.fam-row figure.tall{max-width:none;margin:0}
.wide-fig .mat{padding:0;background:none}
.example-top{display:grid;grid-template-columns:minmax(0,540px) 300px;column-gap:24px}
.example-top>.stack,.example-top>.letter{margin-bottom:0}
.example-top>figure{max-width:none;margin:6px 0 0}
figure,dl,.details,.entry,.plink,.stores,.signings,.closing>div{break-inside:avoid}
h1,h2,h3,.label{break-after:avoid}
p{orphans:3;widows:3}
hr.rule.section-rule,.clouds hr.rule.section-rule,.press hr.rule.section-rule,.contact hr.rule.section-rule{margin-block:24px}
.site-footer{background:none;color:var(--charcoal);border-top:1px solid var(--charcoal);margin-top:28px;padding:12px 0 0;
font-size:15px;line-height:21px}
.site-footer a{color:inherit}
.foot-links .grp{display:block}
.foot-links .sep.between{display:none}
.imprint,.foot-links{margin-bottom:6px}
}