/* About: the quiet evening frame. Nothing here claims more than it can show. */
.ab-hero{position:relative;height:calc(var(--vh)*100);min-height:600px;overflow:hidden;background:var(--plum);color:var(--bone);isolation:isolate}
.ab-hero .nv-plate{z-index:-1}
.ab-hero .nv-plate img{object-position:60% 100%}
.ab-hero__h{position:absolute;left:var(--gut);right:var(--gut);top:calc(var(--nav-h) + 2px);font-size:min(10.2vw,calc(var(--vh)*20));line-height:1.04;letter-spacing:-.022em;white-space:nowrap}
.ab-hero__h span{font-weight:700;letter-spacing:-.032em}
.ab-hero__l{position:absolute;left:var(--gut);bottom:calc(var(--vh)*5);max-width:21em}

.ab-true{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,5vw,84px);padding:clamp(48px,calc(var(--vh)*8),96px) var(--gut);background:var(--bone)}
.ab-true__h{font-size:var(--d2);line-height:1.03;letter-spacing:-.02em;align-self:start;position:sticky;top:calc(var(--nav-h) + 12px)}
.ab-true__l div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4px 20px;align-items:baseline;padding:10px 0 12px;border-top:1px solid var(--rule-ink)}
.ab-true__l div:last-child{border-bottom:1px solid var(--rule-ink)}
.ab-true__l dt{font-size:var(--t-body);line-height:1.3}
.ab-true__l dd{font-family:var(--serif);font-size:var(--d4);line-height:1.08;letter-spacing:-.012em}
.ab-true__l .nv-ph{white-space:normal;font-size:13px}

.ab-gal{padding:clamp(48px,calc(var(--vh)*7),84px) var(--gut) clamp(52px,calc(var(--vh)*8),96px);background:linear-gradient(var(--saffron),var(--marigold))}
.ab-gal__top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,4vw,64px);align-items:end;margin-bottom:clamp(26px,3.4vw,50px)}
.ab-gal__h{font-size:var(--d2);line-height:1.03;letter-spacing:-.02em}
.ab-gal__l{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(16px,2.2vw,34px);align-items:start}
.ab-s{margin-top:calc(var(--y)*clamp(0px,1.5vw,26px))}
.ab-s .nv-view{aspect-ratio:9/16;box-shadow:-9px 7px 0 rgba(21,16,10,.2)}
.ab-s .nv-placard{margin-top:12px;margin-left:-4px;width:auto;max-width:none}

.ab-why{padding:clamp(48px,calc(var(--vh)*8),96px) var(--gut);background:var(--padpa)}
.ab-why__h{font-size:var(--d1);line-height:1.03;letter-spacing:-.024em;margin-bottom:.22em;max-width:7.4em}
.ab-why__c{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(22px,3vw,44px) clamp(20px,3vw,48px)}
.ab-why__i{grid-column:span 3;padding-top:10px;border-top:2px solid var(--ink)}
.ab-why__i h3{font-size:var(--d4);line-height:1.06;letter-spacing:-.012em;margin-bottom:.3em}
.ab-why__i p{font-size:var(--t-body);line-height:1.46}
.ab-why__i--big{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(20px,3vw,48px);align-items:end}
.ab-why__i--big h3{font-size:var(--d3);line-height:1.05;margin:0}
.ab-why__i--big p{font-size:var(--t-lede);line-height:1.4}

.ab-five{padding:clamp(48px,calc(var(--vh)*7),84px) 0 0;background:var(--bone)}
.ab-five__h{font-size:var(--d2);line-height:1.03;letter-spacing:-.02em;padding:0 var(--gut)}
.ab-five__l{padding:10px var(--gut) clamp(22px,3vw,40px);max-width:38em;box-sizing:content-box}
.ab-five__r li{background:var(--wall);color:var(--wall-fg)}
.ab-five__r a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:.12em var(--gut) .2em;font-family:var(--serif);font-size:clamp(34px,5.5vw,96px);line-height:1.1;letter-spacing:-.018em}
.ab-five__r a:focus-visible{outline:3px solid currentColor;outline-offset:-6px}
.ab-five__r a:active{opacity:.8}
.ab-five__r .nv-arrow{flex:none;width:clamp(22px,3vw,44px);height:auto}

.ab-reach{padding:clamp(52px,calc(var(--vh)*9),110px) var(--gut);background:var(--plum);color:var(--bone)}
.ab-reach__h{font-size:var(--d3);line-height:1.04;letter-spacing:-.018em}
.ab-reach__m{font-family:var(--serif);font-size:min(10.8vw,190px);line-height:1.16;letter-spacing:-.022em;white-space:nowrap;margin:.04em 0 .1em -.02em}
.ab-reach__m a{background:linear-gradient(currentColor,currentColor) 0 94%/100% 3px no-repeat;transition:background-size .36s var(--ease)}
.ab-reach__m a:hover{background-size:0 3px;background-position:100% 94%}
.ab-reach__m a:focus-visible{outline:2px solid var(--bone);outline-offset:4px}
.ab-reach__l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px clamp(20px,3vw,48px);margin-bottom:clamp(24px,3vw,40px)}
.ab-reach__l div{padding-top:8px;border-top:1px solid var(--rule-bone)}
.ab-reach__l dt{font-size:var(--t-small);margin-bottom:6px}
.ab-reach__l .nv-ph{white-space:normal}

@media (max-width:1100px){
  .ab-why__i{grid-column:span 6}
  .ab-gal__l{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:820px){
  .ab-hero{height:calc(var(--vh)*100);min-height:640px}
  .ab-hero .nv-plate img{object-position:50% 100%}
  .ab-hero__h{font-size:min(19vw,calc(var(--vh)*11));white-space:normal}
  .ab-hero__h span{display:block}
  .ab-hero__l{right:var(--gut);bottom:calc(var(--dock-h) + 14px);max-width:none}
  .ab-true,.ab-gal__top{grid-template-columns:minmax(0,1fr)}
  .ab-true__h{position:static}
  .ab-true__l div{grid-template-columns:minmax(0,1fr)}
  .ab-gal__l{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ab-s{margin-top:0}
  .ab-s .nv-placard{padding:9px 10px 10px}
  .ab-why__h{font-size:var(--d2)}
  .ab-why__i{grid-column:1/-1}
  .ab-why__i--big{grid-template-columns:minmax(0,1fr)}
  .ab-reach__l{grid-template-columns:minmax(0,1fr)}
  .ab-reach__m{font-size:11.6vw}
  .ab-reach{padding-bottom:calc(var(--dock-h) + 40px)}
}