/* AO sections — values from the approved design (src/home.jsx and friends). */

/* hero */
.ao-hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex}
.ao-hero__media{position:absolute;inset:0}
.ao-hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1800ms var(--ease-quiet)}
.ao-hero__slide.is-on{opacity:1}
.ao-hero__img,.ao-hero__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.ao-hero__img img{transform:scale(1);transition:transform 7000ms linear}
.ao-hero__slide.is-on .ao-hero__img img{transform:scale(1.08)}
.ao-hero__img--m{display:none}
.ao-hero__scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(246,243,236,.82) 0%,rgba(246,243,236,.62) 34%,rgba(246,243,236,.18) 56%,rgba(246,243,236,0) 66%)}
.ao-hero__inner{position:relative;flex:1;display:grid;grid-template-rows:1fr auto;gap:32px;padding-top:130px;padding-bottom:40px}
.ao-hero__title{align-self:center;font-size:clamp(46px,5.6vw,104px)}
.ao-hero__title>*{display:block}
.ao-hero__foot{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:end;max-width:min(560px,46%)}
.ao-hero__caps{display:grid}
.ao-hero__cap{grid-area:1/1;display:flex;flex-direction:column;gap:4px;color:inherit;text-decoration:none;visibility:hidden}
.ao-hero__cap:hover{color:inherit}
.ao-hero__cap.is-on{visibility:visible}
.ao-hero__cap.is-on>*{animation:ao-rise 900ms var(--ease-quiet) both}
.ao-hero__cap.is-on>*:nth-child(2){animation-delay:80ms}
.ao-hero__name{font-size:32px}
.ao-hero__ctl{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.ao-hero__bars{display:flex;gap:6px;width:100%;max-width:420px}
.ao-hero__bar{all:unset;cursor:pointer;flex:1;height:14px;display:flex;align-items:center}
.ao-hero__bar>span{display:block;width:100%;height:1px;background:var(--ao-ink-40);position:relative;overflow:hidden}
.ao-hero__bar>span>span{position:absolute;inset:0;background:var(--ao-charcoal-black);transform-origin:left;transform:scaleX(0)}
.ao-hero__bar.is-done>span>span{transform:scaleX(1)}
.ao-hero__bar.is-on>span>span{animation:ao-fillbar var(--ao-hero-ms,6000ms) linear both}
.ao-hero__btns{display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap}
.ao-hero__btns .ao-button{white-space:nowrap}
@media(max-width:700px){
  .ao-hero__img img{object-position:22% 50%}
  .ao-hero__img--d{display:none}.ao-hero__img--m{display:block}
  .ao-hero__scrim{background:linear-gradient(180deg,rgba(246,243,236,.25) 0%,rgba(246,243,236,.72) 18%,rgba(246,243,236,.6) 52%,rgba(246,243,236,.35) 70%,rgba(246,243,236,.7) 100%)}
  .ao-hero__foot{grid-template-columns:1fr;gap:28px;max-width:none}
}

/* statement */
.ao-statement{padding:140px 0}
.ao-statement--ivory{background:var(--surface-ivory)}
.ao-statement__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px;max-width:920px;margin:0 auto;box-sizing:content-box}
.ao-statement--ivory .ao-statement__inner{gap:28px;max-width:none}
.ao-statement__stmt{text-wrap:balance}
.ao-statement__disp{font-size:clamp(40px,4.6vw,76px);max-width:16ch}
.ao-statement__text{font-size:17px;line-height:1.6;max-width:54ch;display:flex;flex-direction:column;gap:28px}
.ao-statement__text p{margin:0}
.ao-statement--white .ao-statement__text{color:var(--text-secondary);max-width:52ch}
.ao-statement__closing{margin:0;font-size:clamp(22px,2vw,28px)}

/* essence index */
.ao-index{padding-top:40px;padding-bottom:140px}
.ao-index__head{align-items:end;margin-bottom:40px}
.ao-index__intro{display:flex;flex-direction:column;gap:16px}
.ao-index__text{font-size:16px;max-width:44ch}
.ao-index__text p{margin:0}
.ao-index__all{justify-self:end;align-self:end}
.ao-index__list{border-top:var(--border-rule)}
.ao-index__item{border-bottom:var(--border-hairline)}
.ao-index__row{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:80px minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) 90px 24px;align-items:baseline;gap:16px;padding:22px 0}
.ao-index__row:focus-visible{outline:1px solid currentColor;outline-offset:2px}
.ao-index__name{font-size:clamp(28px,3.2vw,48px);line-height:1}
.ao-index__kw{color:var(--text-secondary)}
.ao-index__price{text-align:right;white-space:nowrap}
.ao-index__plus{font:var(--type-body);text-align:right;transition:transform 400ms var(--ease-quiet)}
.ao-index__item.is-open .ao-index__plus{transform:rotate(45deg)}
.ao-index__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 600ms var(--ease-quiet)}
.ao-index__item.is-open .ao-index__body{grid-template-rows:1fr}
.ao-index__body>div{overflow:hidden}
.ao-index__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gutter);padding:4px 0 32px 96px;align-items:stretch}
.ao-index__copy{display:flex;flex-direction:column;gap:18px;justify-content:center;opacity:0;transition:opacity 500ms var(--ease-quiet) 150ms}
.ao-index__item.is-open .ao-index__copy{opacity:1}
.ao-index__line{margin:0;max-width:44ch;font-size:16px}
.ao-index__study{font-size:24px}
.ao-index__img{position:relative;min-height:360px;background:var(--ao-stone);overflow:hidden;display:grid;place-items:center}
.ao-index__bg,.ao-index__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.ao-index__bg img{opacity:1}
.ao-index__carton{position:relative;transform:translateY(16px);opacity:0;transition:transform 800ms var(--ease-quiet) 100ms,opacity 800ms var(--ease-quiet) 100ms;filter:drop-shadow(0 18px 30px rgba(22,19,17,.2))}
.ao-index__item.is-open .ao-index__carton{transform:none;opacity:1}
@media(max-width:1080px){.ao-index__row{grid-template-columns:44px minmax(0,1fr) auto 20px}.ao-index__panel{padding-left:0}}
@media(max-width:700px){.ao-index__panel{grid-template-columns:1fr}.ao-index__img{min-height:300px}}

/* image and text (the Discovery Set split) */
.ao-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--surface-carton)}
.ao-split__media{display:block;min-height:560px;position:relative}
.ao-split__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ao-split__copy{padding:clamp(40px,6vw,96px);display:flex;flex-direction:column;justify-content:center;gap:24px}
.ao-split__title{font-size:clamp(44px,5vw,84px)}
.ao-split__sub{font-size:clamp(24px,2.2vw,32px)}
.ao-split__text{max-width:40ch;font-size:16px}
.ao-split__text p{margin:0}
@media(max-width:900px){.ao-split{grid-template-columns:1fr}.ao-split__media{min-height:420px}}

/* film */
.ao-film{padding-top:140px;padding-bottom:40px}
.ao-film__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:24px;flex-wrap:wrap}
.ao-film__note{color:var(--text-secondary)}
.ao-film__frame{position:relative;aspect-ratio:16/9;background:var(--ao-charcoal-black);overflow:hidden}
.ao-film__empty{margin:0;padding:24px 0;color:var(--text-secondary);text-align:center;border:1px dashed var(--ao-ink-40)}

/* image strip (Material Studies) */
.ao-strip{padding:100px 0 120px}
.ao-strip__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}
.ao-strip__hint{color:var(--text-secondary);white-space:nowrap}
.ao-strip__fig{margin:0;width:min(380px,78vw);flex:none;scroll-snap-align:start}
.ao-strip__img{aspect-ratio:4/5;position:relative}
.ao-strip__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ao-strip__cap{margin-top:14px;display:flex;flex-direction:column;gap:4px}
.ao-strip__title{font-size:22px}
.ao-strip__text{color:var(--text-secondary)}

/* journal teaser */
.ao-journal{padding-top:40px;padding-bottom:140px}
.ao-journal__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}
.ao-journal__card{display:flex;flex-direction:column;gap:14px;color:inherit;text-decoration:none}
.ao-journal__card:hover{color:inherit}
.ao-journal__img{display:block;aspect-ratio:3/2;width:100%;position:relative;background:var(--ao-carton)}
.ao-journal__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ao-journal__title{font-size:28px;line-height:1.1}

/* questions */
.ao-faq{padding-top:0;padding-bottom:140px}
.ao-faq__more{margin-top:20px}

/* product card (design: shop.jsx ProductCard) — product page "Continue the study" and the shop grid */
.ao-card{display:flex;flex-direction:column;gap:14px;position:relative}
.ao-card__media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--ao-carton)}
.ao-card__img,.ao-card__img img,.ao-card__noimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity 600ms var(--ease-quiet),transform 1600ms var(--ease-quiet)}
.ao-card__pack{position:absolute;inset:0;display:grid;place-items:center;background:var(--ao-stone);opacity:0;transition:opacity 600ms var(--ease-quiet)}
.ao-card__quick{position:absolute;left:0;right:0;top:0;aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}
.ao-card__form{display:block;pointer-events:auto;transform:translateY(100%);opacity:0;transition:transform 450ms var(--ease-quiet),opacity 300ms}
.ao-card__form form{margin:0}
.ao-card__add{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:block;text-align:center;padding:14px 16px;background:rgba(255,255,255,.94);border-top:var(--border-hairline);font:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-primary)}
.ao-card__add:hover{background:#fff}
.ao-card__add.loading{opacity:.6}
.ao-card__form .form__error-message{font:var(--type-small);background:#fff;padding:6px 10px}
.ao-card__form .form__error-message.hidden{display:none}
@media(hover:hover){
  .ao-card:hover .ao-card__pack{opacity:1}
  .ao-card:hover .ao-card__form,.ao-card:focus-within .ao-card__form{transform:none;opacity:1}
}
.ao-card:focus-within .ao-card__form{transform:none;opacity:1}
@media(hover:none){.ao-card__form{transform:none;opacity:1}.ao-card__quick{position:static;aspect-ratio:auto}}
.ao-card__info{display:flex;flex-direction:column;gap:6px;color:inherit;text-decoration:none}
.ao-card__info:hover{color:inherit}
.ao-card__row{display:flex;justify-content:space-between;gap:12px}
.ao-card__name{font-size:26px;line-height:1.1}
.ao-card__line{color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ao-card__sold{color:var(--text-secondary)}

/* shop: the native collection cover and grid, skinned (design: shop.jsx) */
body .main-collection-cover{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gutter);align-items:end;padding:72px var(--margin-page) 48px}
body .main-collection-cover .block-main-collection__description{padding:0;margin:0;max-width:40ch;font:var(--type-body);font-size:16px}
body .main-collection-cover .block-main-collection__description p{margin:0}
body .main-collection-cover [class*="title"]{font-family:var(--font-display)!important;font-weight:400!important;font-size:clamp(48px,7.2vw,124px)!important;line-height:.98;letter-spacing:-.015em;text-align:left}
.ao-shopbar{position:sticky;top:var(--ao-bar-h);z-index:10;background:rgba(255,255,255,.96);border-top:var(--border-hairline);border-bottom:var(--border-hairline);display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.ao-shopbar__tabs{display:flex;gap:24px;flex-wrap:wrap}
.ao-shopbar__tab .ao-lab{opacity:.5}
.ao-shopbar__tab.on .ao-lab{opacity:1}
.ao-shopbar__tools{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font:var(--type-small)}
.ao-shopbar__chips{display:flex;gap:10px;flex-wrap:wrap}
.ao-chip{all:unset;cursor:pointer;padding:5px 10px;border:1px solid var(--rule-hairline);font:var(--type-small);transition:border-color 300ms}
.ao-chip[aria-pressed="true"]{border-color:var(--rule)}
.ao-chip:focus-visible{outline:1px solid currentColor}
.ao-shopbar__empty{color:var(--text-secondary);padding:0 var(--margin-page)}
body .main-collection-container .page-width{max-width:none;padding:40px var(--margin-page) 120px}
body .main-collection__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:56px var(--gutter);list-style:none;margin:0;padding:0}
body .main-collection__list>li[hidden]{display:none}
@media(max-width:1100px){body .main-collection__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body .main-collection__list{grid-template-columns:repeat(2,minmax(0,1fr))}body .main-collection-cover{grid-template-columns:1fr}}

/* page heading, tabs */
.ao-head{padding-top:72px;padding-bottom:56px;align-items:end}
.ao-head__title{display:flex;flex-direction:column;gap:16px}
.ao-head__text{max-width:42ch;font-size:16px}
.ao-head__text p{margin:0}
.ao-tabs{display:flex;gap:28px;border-bottom:var(--border-hairline);padding-bottom:14px}
.ao-tabs__tab .ao-lab{opacity:.5}
.ao-tabs__tab.on .ao-lab{opacity:1}

/* help pages */
.ao-help{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:var(--gutter);padding-bottom:140px;align-items:start}
.ao-help__nav{position:sticky;top:120px;display:flex;flex-direction:column;gap:12px}
.ao-help__link{align-self:flex-start;opacity:.5}
.ao-help__link.on{opacity:1}
.ao-help__body{animation:ao-rise 600ms var(--ease-quiet) both;display:flex;flex-direction:column;gap:32px}
.ao-help__content{max-width:60ch}
.ao-help__content p{margin:0 0 1em}
.ao-help__blocks--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px var(--gutter)}
.ao-help__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:16px 0;border-bottom:var(--border-hairline)}
.ao-help__card{border-top:var(--border-rule);padding-top:16px;display:flex;flex-direction:column;gap:6px}
.ao-help__cardtitle{font-size:28px}
.ao-help__cardtext{color:var(--text-secondary);white-space:pre-line}
.ao-help__text p{margin:0 0 1em}
.ao-help__contact form{display:flex;flex-direction:column;gap:24px;max-width:520px}
.ao-help__select{appearance:none;-webkit-appearance:none;background:transparent}
.ao-help__message{resize:vertical;min-height:110px}
.ao-help__error{color:#8a1f11;margin:0}
.ao-help__sent{margin:0}
@media(max-width:900px){.ao-help{grid-template-columns:1fr}.ao-help__nav{position:static;flex-direction:row;flex-wrap:wrap;gap:12px 20px}.ao-help__row{grid-template-columns:1fr;gap:4px}.ao-help__blocks--grid{grid-template-columns:1fr}}

/* studio: cover, text split, manifesto, principles, founder; services rows */
.ao-cover{position:relative;height:var(--ao-cover-h,62vh);min-height:420px;display:grid;place-items:center;overflow:hidden;animation:ao-fade 1400ms var(--ease-quiet) both}
.ao-cover__bg,.ao-cover__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ao-cover__mark{position:relative;width:min(var(--ao-logo-w,440px),55vw);color:var(--ao-ivory-white);animation:ao-rise 1400ms var(--ease-quiet) 300ms both}
.ao-tsplit{padding-top:100px;padding-bottom:100px;align-items:start}
.ao-tsplit__title{max-width:16ch}
.ao-tsplit--label .ao-tsplit__left{position:sticky;top:120px}
.ao-tsplit--label{padding-top:120px;padding-bottom:120px}
.ao-tsplit__right{display:flex;flex-direction:column;gap:28px}
.ao-tsplit--label .ao-tsplit__right{gap:24px}
.ao-tsplit--label .ao-tsplit__stmt{font-size:clamp(24px,2.3vw,36px)}
.ao-tsplit__text{font-size:16px;max-width:56ch;display:flex;flex-direction:column;gap:24px}
.ao-tsplit__text p{margin:0}
.ao-manifesto{background:var(--surface-ivory);padding:120px 0}
.ao-manifesto__inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.ao-manifesto__head{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:56px}
.ao-manifesto__stanzas{display:flex;flex-direction:column;gap:26px;max-width:620px}
.ao-manifesto__stanza{margin:0;font-size:clamp(20px,1.7vw,25px);line-height:1.45;text-wrap:pretty}
.ao-principles{background:var(--surface-ivory);padding:140px 0}
.ao-principles__head{align-items:end;margin-bottom:72px}
.ao-principles__title{font-size:clamp(44px,5vw,84px)}
.ao-principles__intro{display:flex;flex-direction:column;gap:16px;max-width:44ch}
.ao-principles__intro p{margin:0;color:var(--text-secondary)}
.ao-principles__body{align-items:start}
.ao-principles__fig{position:sticky;top:120px;width:100%;max-width:calc(72vh * .8)}
.ao-principles__frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--surface-muted)}
.ao-principles__img{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity 900ms var(--ease-quiet),transform 1400ms var(--ease-quiet)}
.ao-principles__img.is-on{opacity:1;transform:scale(1)}
.ao-principles__img img{width:100%;height:100%;object-fit:cover}
.ao-principles__caps{margin-top:14px;display:grid}
.ao-principles__cap{grid-area:1/1;display:flex;justify-content:space-between;color:var(--text-secondary);visibility:hidden}
.ao-principles__cap.is-on{visibility:visible}
.ao-principles__list{border-top:var(--border-rule)}
.ao-principles__row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:32px 0;border-bottom:var(--border-hairline);opacity:.4;transition:opacity 500ms var(--ease-quiet)}
.ao-principles__row.is-on{opacity:1}
.ao-principles__n{padding-top:10px}
.ao-principles__copy{display:flex;flex-direction:column;gap:12px}
.ao-principles__name{font-size:clamp(28px,3vw,46px);line-height:1.04}
.ao-principles__text{color:var(--text-secondary);max-width:42ch}
@media(max-width:900px){.ao-principles__fig{display:none}.ao-principles__row{opacity:1}}
.ao-founder{padding-top:20px;padding-bottom:140px;align-items:start}
.ao-founder__portrait{position:sticky;top:110px;aspect-ratio:4/5;max-height:86vh}
.ao-founder__portrait img{width:100%;height:100%;object-fit:cover}
.ao-founder__copy{display:flex;flex-direction:column;gap:22px;max-width:560px}
.ao-founder__name{font-size:clamp(40px,4.4vw,72px)}
.ao-founder__bio{display:flex;flex-direction:column;gap:22px;font-size:16px}
.ao-founder__bio p{margin:0}
.ao-founder__quote{margin:16px 0;font-size:clamp(22px,2vw,30px);padding-left:20px;border-left:var(--border-rule)}
.ao-founder__closing{margin:0;font-size:16px}
@media(max-width:700px){.ao-founder__portrait,.ao-tsplit--label .ao-tsplit__left{position:static}}
.ao-rows{padding-top:24px;padding-bottom:140px}
.ao-rows__row{display:grid;grid-template-columns:80px minmax(0,1.2fr) minmax(0,1fr) auto;gap:24px;align-items:baseline;padding:36px 0;border-bottom:var(--border-hairline)}
.ao-rows__text{font:var(--type-small);font-size:15px}
@media(max-width:900px){.ao-rows__row{grid-template-columns:40px 1fr;row-gap:12px}.ao-rows__text,.ao-rows__row>a{grid-column:2}}
.ao-gallery--page{padding-bottom:120px}

/* events */
.ao-events{padding-bottom:140px}
.ao-events__list{border-top:var(--border-rule)}
.ao-events__row{display:grid;grid-template-columns:140px minmax(0,1.3fr) minmax(0,1fr) 200px;gap:24px;padding:36px 0;border-bottom:var(--border-hairline);align-items:start}
.ao-events__date{line-height:.95}.ao-events__day{font-size:64px}.ao-events__month{font-size:22px}
.ao-events__main{display:flex;flex-direction:column;gap:10px}
.ao-events__main a,.ao-events__main a:hover{color:inherit;text-decoration:none}
.ao-events__main span{max-width:46ch}
.ao-events__meta{display:flex;flex-direction:column;gap:6px}
.ao-events__seats{color:var(--text-secondary)}
.ao-events__buy{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.ao-events__price{font-size:22px}
.ao-events__form form{margin:0}.ao-events__form .ao-button{width:100%}
.ao-events__form .form__error-message.hidden{display:none}
.ao-events__empty{margin:32px 0 0;color:var(--text-secondary);font-size:16px}
@media(max-width:900px){.ao-events__row{grid-template-columns:1fr;gap:16px}}

/* 404 */
.ao-404{padding-top:96px;padding-bottom:160px;align-items:end;min-height:64vh}
.ao-404__title{display:flex;flex-direction:column;gap:16px}
.ao-404__copy{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.ao-404__copy p{margin:0;max-width:40ch;font-size:16px}
.ao-404__links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}

/* lower gallery: 6 across, alternating square and 3:4 */
.ao-gallery{padding-top:40px}
.ao-gallery__title{margin-bottom:32px}
.ao-gallery__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:center}
.ao-gallery__item{position:relative;aspect-ratio:1;background:var(--ao-carton)}
.ao-gallery__grid>:nth-child(even) .ao-gallery__item,.ao-gallery__grid>.ao-gallery__item:nth-child(even){aspect-ratio:3/4}
.ao-gallery__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}


/* journal: the native blog list, the first entry featured (design: pages.jsx Journal) */
body .main-blog .page-width,body .main-article .page-width{max-width:none;padding-left:var(--margin-page);padding-right:var(--margin-page)}
body .main-blog{padding-bottom:140px}
body .main-blog__list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:56px var(--gutter)!important;list-style:none;margin:0;padding:0}
body .main-blog__list>li:first-child{grid-column:1/-1;padding-bottom:56px;border-bottom:var(--border-hairline)}
body .main-blog__list>li:first-child .block-article-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--gutter);align-items:end}
body .main-blog__list>li:first-child [class*="article-card__title"]{font-family:var(--font-display)!important;font-size:clamp(28px,3.3vw,52px)!important;line-height:1.16}
body .main-blog__list [class*="article-card__image-wrapper"]{aspect-ratio:4/5;overflow:hidden;border-radius:0}
body .main-blog__list>li:first-child [class*="article-card__image-wrapper"]{aspect-ratio:3/2}
body .main-blog__list img{width:100%;height:100%;object-fit:cover;transition:transform 1600ms var(--ease-quiet)}
body .main-blog__list a:hover img{transform:scale(1.045)}
body .main-blog__list [class*="article-card__title"]{font-family:var(--font-display)!important;font-weight:400!important;font-size:28px!important;line-height:1.1!important;color:var(--text-primary)}
body .main-blog__list [class*="article-card__excerpt"],body .main-blog__list [class*="date"]{font:var(--type-small)!important;color:var(--text-secondary)}
@media(max-width:900px){body .main-blog__list{grid-template-columns:1fr!important}body .main-blog__list>li:first-child .block-article-card{grid-template-columns:1fr}}

/* article (design: pages.jsx Article) */
body .main-article{padding-top:64px}
body .main-article-container{max-width:none!important}
body .main-article__info,body .main-article [class*="title"]{text-align:center;margin-left:auto;margin-right:auto}
body .main-article__info{font:var(--type-small)!important;color:var(--text-primary)}
body .main-article h1,body .main-article [class*="article__title"]{font-family:var(--font-display)!important;font-weight:400!important;font-size:clamp(48px,7.2vw,124px)!important;line-height:.98!important;letter-spacing:-.015em;max-width:14ch}
body .main-article__cover-image{aspect-ratio:21/9;overflow:hidden;margin:48px 0 0}
body .main-article__cover-image img{width:100%;height:100%;object-fit:cover}
body .main-article__content{max-width:680px;margin:0 auto;padding:80px 0;font-size:18px;line-height:1.6}
body .main-article__content p{margin:0 0 1.2em;text-wrap:pretty}
body .main-article__content blockquote{font-family:var(--font-display);font-size:clamp(28px,3.3vw,52px);line-height:1.16;text-align:center;margin:56px -60px}
body .main-article__content img{max-width:100%;height:auto}
.ao-nextart{display:block;border-top:var(--border-rule);padding-top:40px;padding-bottom:120px;color:inherit;text-decoration:none}
.ao-nextart:hover{color:inherit}
.ao-nextart__title{display:block;font-size:clamp(40px,5vw,80px);margin-top:12px}
@media(max-width:900px){body .main-article__content blockquote{margin:40px 0}}