.p-hero__art picture{display:block;width:100%;height:100%}


@media (min-width:900px) and (min-aspect-ratio:5/4){
  
  .p-hero--leftwall h1{max-width:4.5em}
  .p-hero--leftwall .lead{max-width:14em}
  
  .p-hero--topwall .lead{max-width:none}
}

@media (min-width:1081px) and (min-aspect-ratio:5/4) and (min-height:761px){
  .p-hero--mix{
    --img-h:min(56.25vw,100svh);
    --mach:calc(100svh - var(--img-h) * .5933);
    --gold:calc(var(--hd) + 48px + 43.5px + 1.06 * clamp(46px,5.6vw,84px) + 22px + 1.55 * clamp(18px,1.55vw,22px) + 34px + 49px);
    --over:calc((var(--gold) + 4px - var(--mach)) * 1000);
  }
  .p-hero--mix .p-hero__copy{padding-top:calc(var(--hd) + 48px - clamp(0px,var(--over),24px))}
  .p-hero--mix .kicker{margin-bottom:calc(24px - clamp(0px,var(--over),10px))}
  .p-hero--mix h1{font-size:calc(clamp(46px,5.6vw,84px) - clamp(0px,var(--over),clamp(46px,5.6vw,84px) - clamp(44px,4.6vw,72px)))}
  .p-hero--mix .lead{margin-top:calc(22px - clamp(0px,var(--over),8px));font-size:calc(clamp(18px,1.55vw,22px) - clamp(0px,var(--over),clamp(18px,1.55vw,22px) - clamp(16px,1.4vw,20px)))}
  .p-hero--mix .btns{margin-top:calc(34px - clamp(0px,var(--over),12px))}
  .p-hero--mix .btn{padding:calc(16px - clamp(0px,var(--over),2px)) calc(22px - clamp(0px,var(--over),4px));font-size:calc(15px - clamp(0px,var(--over),1px))}
}
@media (min-width:1081px) and (min-aspect-ratio:16001/10000) and (max-aspect-ratio:39/20) and (min-height:761px){
  .p-hero--mix{--img-h:max(56.25vw,100svh)}
}

@media (min-width:900px) and (min-aspect-ratio:5/4) and (min-height:641px){
  .p-hero--mix{
    --need:calc(var(--hd) + 24px + 33.5px + 1.06 * clamp(44px,4.6vw,72px) + 14px + 1.55 * clamp(16px,1.4vw,20px) + 22px + 45px + 4px);
    height:max(100svh, min(var(--need) / .4067, var(--need) + 33.37vw));
  }
}
@media (min-width:900px) and (min-aspect-ratio:16001/10000) and (max-aspect-ratio:3899/2000) and (min-height:641px){
  .p-hero--mix{height:max(100svh, max(var(--need) / .4067, var(--need) + 33.37vw))}
}

@media (min-width:900px) and (min-aspect-ratio:5/4) and (max-height:640px){
  .p-hero--topwall{height:auto;min-height:0}
  .p-hero--topwall .p-hero__copy{position:relative;padding-bottom:44px}
  .p-hero--topwall .p-hero__art{position:relative;inset:auto;height:auto;aspect-ratio:16/9}
  .p-hero--topwall .p-hero__art img{object-fit:cover;object-position:50% 100%}
}

.p-hero--leftwall .p-hero__art img{-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 8%);mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 8%)}
.p-hero--topwall .p-hero__art img{-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 16%);mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 16%)}
@media (min-width:900px) and (min-aspect-ratio:5/4) and (max-aspect-ratio:8/5){
  .p-hero--leftwall .p-hero__art img,.p-hero--topwall .p-hero__art img{--edge:calc(max(100svh,600px) - 56.25vw)}
  .p-hero--leftwall .p-hero__art img{-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) var(--edge),#000 calc(var(--edge) + 4.5vw));mask-image:linear-gradient(180deg,rgba(0,0,0,0) var(--edge),#000 calc(var(--edge) + 4.5vw))}
  .p-hero--topwall .p-hero__art img{-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) var(--edge),#000 calc(var(--edge) + 9vw));mask-image:linear-gradient(180deg,rgba(0,0,0,0) var(--edge),#000 calc(var(--edge) + 9vw))}
}
@media (max-width:720px){
  
  .p-hero--leftwall .p-hero__art img,.p-hero--topwall .p-hero__art img{-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 18%);mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 18%)}
  
  .p-hero--leftwall .p-hero__art img{-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 2%);mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 2%)}
}

@media (max-width:720px){
  .p-hero--topwall h1,.p-hero--leftwall h1{max-width:none}
}


.p-keys dd b{white-space:nowrap}



.ex--text .ex-fields{grid-column:1/-1;grid-row:auto}
@media (min-width:721px){
  .ex--text .ex-group:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:0 40px} 
  .ex--text .ex-group li.more{grid-column:1/-1}
}
.ex--text .ex-fields .ex-also{margin-top:18px;color:var(--mute)}

.ex--two .ex-fields{grid-row:1}
.ex--two .ex-fields .ex-group{border-bottom:1px solid var(--line)}
.ex--two .ex-fields .ex-groups{margin-top:6px}
@media (min-width:721px) and (max-width:1080px){
  .ex--two .ex-fields{grid-row:auto}
}



#spec .sec-h.grid{align-items:end;margin-bottom:0}
#spec .sec-h.grid .t-body{max-width:30em}

#spec .render.photo img{mix-blend-mode:normal;border-radius:4px}
#spec .render.photo figcaption{margin-top:12px;color:var(--mute)}

@media (max-width:1080px){
  
  #spec .render.photo{margin-top:32px}
  #spec .sec-h.grid .col-5{margin-top:20px}
}
@media (max-width:720px){
  #spec .sec-h.grid .col-5{margin-top:0}
  #spec .sec-h.grid .t-body{margin-top:18px}
}


.sizes--bars .box{aspect-ratio:var(--ar)}
@media (max-width:720px){.sizes--bars .box{aspect-ratio:var(--ar-phone)}}
.sizes--bars .lab-abs{transform:translate(-100%,-100%);padding-bottom:6px}
.sizes--bars .tick{stroke:var(--ink);stroke-width:1.25;fill:none}

.chips-note{margin-top:12px;color:var(--mute)}


.spec-set + .spec-set{margin-top:56px}
.spec-set__h{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap;margin-bottom:14px}
.spec-set__h h4{font-family:var(--head);font-weight:500;font-size:clamp(18px,1.5vw,21px);line-height:1.4;letter-spacing:-.01em}
.spec-set__h .t-small{color:var(--mute)}
.home-page .table-scroll td.none{color:var(--mute)}

.home-page .table-scroll .spec-many td,.home-page .table-scroll .spec-one td,.home-page .table-scroll .spec-list td{white-space:normal;word-break:keep-all;overflow-wrap:normal}

@media (min-width:1081px){
  
  .home-page .table-scroll .spec-many{table-layout:fixed}
  .home-page .table-scroll .spec-many thead th:first-child{width:23%}
  .home-page .table-scroll .spec-many thead th:not(:first-child){width:11%}
  .home-page .table-scroll .spec-many[data-cols="6"] thead th:first-child{width:34%}
  .home-page .table-scroll .spec-many[data-cols="6"] thead th:not(:first-child){width:11%}
  .home-page .table-scroll .spec-many th,.home-page .table-scroll .spec-many td{padding:14px 10px}
  .home-page .table-scroll .spec-many thead th{padding:18px 10px;font-size:16px}
  .home-page .table-scroll .spec-many td{font-size:16px}
  .home-page .table-scroll .spec-many tbody tr.group th{padding:20px 10px 10px}
  
  .spec-pair{display:block}
  .spec-pair > .spec-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-items:start;margin-top:72px}
  .spec-pair > .spec-side .spec-set + .spec-set{margin-top:0}
  .home-page .table-scroll .spec-one thead th:first-child{width:42%}
  .home-page .table-scroll .spec-one thead th:not(:first-child){width:58%}
  .home-page .table-scroll .spec-list thead th:first-child{width:46%}
  .home-page .table-scroll .spec-list thead th:not(:first-child){width:auto}
  .home-page .table-scroll .spec-list--3 thead th:nth-child(1){width:31%}
  .home-page .table-scroll .spec-list--3 thead th:nth-child(2){width:55%} 
  .home-page .table-scroll .spec-list--3 thead th:nth-child(3){width:14%}
  .home-page .table-scroll .spec-list td,.home-page .table-scroll .spec-one td{font-size:16px}
  .home-page .table-scroll .spec-list thead th,.home-page .table-scroll .spec-one thead th{font-size:16px}
}
@media (max-width:1080px){
  .spec-pair .spec-side{margin-top:56px}
  .spec-pair .spec-set + .spec-set{margin-top:48px}
}
@media (min-width:1081px){.spec-pair > .spec-side .chips-note{max-width:34em}}
@media (min-width:721px) and (max-width:1080px){
  
  .home-page .table-scroll .spec-many thead th:first-child{width:23%}
  .home-page .table-scroll .spec-many thead th:not(:first-child){width:11%}
  .home-page .table-scroll .spec-many[data-cols="6"] thead th:first-child{width:34%} 
  .home-page .table-scroll .spec-many[data-cols="6"] thead th:not(:first-child){width:11%}
  .home-page .table-scroll .spec-many th,.home-page .table-scroll .spec-many td{padding:13px 5px}
  .home-page .table-scroll .spec-many thead th{padding:16px 5px;font-size:14px}
  .home-page .table-scroll .spec-many td{font-size:14px;line-height:1.4}
  .home-page .table-scroll .spec-many tbody th{font-size:13px}
  .home-page .table-scroll .spec-many tbody th small{font-size:12px}
  .home-page .table-scroll .spec-many tbody tr.group th{padding:11px 5px}
  .home-page .table-scroll .spec-one thead th:first-child,.home-page .table-scroll .spec-list thead th:first-child{width:50%}
  .home-page .table-scroll .spec-one thead th:not(:first-child),.home-page .table-scroll .spec-list thead th:not(:first-child){width:auto}
  .home-page .table-scroll .spec-list--3 thead th:nth-child(1){width:36%}
  .home-page .table-scroll .spec-list--3 thead th:nth-child(2){width:50%}
  .home-page .table-scroll .spec-list--3 thead th:nth-child(3){width:14%}
}
@media (max-width:720px){
  
  .spec-set + .spec-set{margin-top:44px}
  .spec-set .tabs{margin-bottom:14px}
  .spec-set .tabs button{flex:1 1 22%;min-width:0;padding:9px 6px;font-variant-numeric:tabular-nums}
  .home-page .table-scroll .spec-one,.home-page .table-scroll .spec-list{min-width:0;table-layout:fixed}
  .home-page .table-scroll .spec-one thead th:first-child,.home-page .table-scroll .spec-list thead th:first-child{width:54%;text-align:left}
  .home-page .table-scroll .spec-one thead th:not(:first-child),.home-page .table-scroll .spec-list thead th:not(:first-child){width:46%}
  .home-page .table-scroll .spec-one td,.home-page .table-scroll .spec-list td{font-size:15px;line-height:1.45}
  .home-page .table-scroll .spec-list--3 thead th:nth-child(1){width:36%}
  .home-page .table-scroll .spec-list--3 thead th:nth-child(2){width:47%}
  .home-page .table-scroll .spec-list--3 thead th:nth-child(3){width:17%}
}




.home-page .table-scroll .spec-text{table-layout:fixed;width:100%;min-width:0}
.home-page .table-scroll .spec-text thead th,.home-page .table-scroll .spec-text td{text-align:left}
.home-page .table-scroll .spec-text td{white-space:normal;word-break:keep-all;overflow-wrap:anywhere;line-height:1.5}

.home-page .table-scroll .spec-text tbody tr:last-child td{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}

.home-page .table-scroll .spec-text thead th{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
.home-page .table-scroll .spec-text thead th:not(:first-child){width:auto}
.home-page .table-scroll .spec-text thead th:first-child{width:30%}
.home-page .table-scroll .spec-text[data-cols="1"] thead th:first-child{width:36%}
.home-page .table-scroll .spec-text[data-cols="2"] thead th:first-child{width:28%}
.home-page .table-scroll .spec-text[data-cols="5"] thead th:first-child{width:25%}
.home-page .table-scroll .spec-text[data-cols="6"] thead th:first-child{width:22%}

.spec-pair .table-scroll .spec-one thead th,.spec-pair .table-scroll .spec-one td,.spec-pair .table-scroll .spec-list thead th,.spec-pair .table-scroll .spec-list td{text-align:left}

.home-page .table-scroll tbody tr:not(.group):not(:has(td:not(:empty))){display:none}
@media (min-width:1081px){
  .home-page .table-scroll .spec-text th,.home-page .table-scroll .spec-text td{padding:16px 20px}
  .home-page .table-scroll .spec-text thead th{padding:18px 20px;font-size:16px}
  .home-page .table-scroll .spec-text td{font-size:16px;white-space:normal}
  .home-page .table-scroll .spec-text[data-cols="5"] th,.home-page .table-scroll .spec-text[data-cols="5"] td,.home-page .table-scroll .spec-text[data-cols="6"] th,.home-page .table-scroll .spec-text[data-cols="6"] td{padding:16px 14px}
  
  .spec-pair .table-scroll .spec-one th,.spec-pair .table-scroll .spec-one td,.spec-pair .table-scroll .spec-list th,.spec-pair .table-scroll .spec-list td{padding:17px 20px}
  .spec-pair .table-scroll .spec-one tbody tr.group th{padding:22px 20px 10px}
  .spec-pair .table-scroll .spec-one tbody th small{margin-top:5px}
}
@media (min-width:721px) and (max-width:1080px){
  .home-page .table-scroll .spec-text th,.home-page .table-scroll .spec-text td{padding:14px 12px}
  .home-page .table-scroll .spec-text thead th{padding:16px 12px;font-size:15px}
  .home-page .table-scroll .spec-text td{font-size:15px;line-height:1.45}
  .home-page .table-scroll .spec-text[data-cols="5"] td,.home-page .table-scroll .spec-text[data-cols="6"] td,.home-page .table-scroll .spec-text[data-cols="5"] thead th,.home-page .table-scroll .spec-text[data-cols="6"] thead th{font-size:13px;padding-left:7px;padding-right:7px}
  .home-page .table-scroll .spec-text[data-cols="5"] tbody th,.home-page .table-scroll .spec-text[data-cols="6"] tbody th{font-size:13px;padding-left:8px;padding-right:8px}
  .spec-pair > .spec-side{display:block}
}
@media (max-width:720px){
  .home-page .table-scroll .spec-text{min-width:0;table-layout:fixed}
  .home-page .table-scroll .spec-text thead th:first-child,.home-page .table-scroll .spec-text[data-cols] thead th:first-child{width:44%;text-align:left}
  .home-page .table-scroll .spec-text.mob thead th:first-child{width:44%}
  .home-page .table-scroll .spec-text.mob thead th.show{width:56%}
  .home-page .table-scroll .spec-text td{font-size:15px;line-height:1.45;overflow-wrap:anywhere;word-break:keep-all}
}


.spec-cmp + .spec-cmp{margin-top:64px}
.spec-built .tabs button{flex:1 1 30%}

.spec-cmp:not(.is-built){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px 40px;align-items:start}
.spec-cmp.is-built > .spec-src{display:none}
@media (max-width:720px){.spec-cmp + .spec-cmp{margin-top:48px}}


.ex--list{row-gap:0}
.ex--list .ex-photo{grid-column:1/-1;grid-row:auto}
.ex-gallery--list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;align-items:stretch}
.ex-gallery--list .sample{grid-column:1/8}
.ex-gallery--list .ex-strip{grid-column:8/13;display:flex;flex-direction:column;gap:0;margin-top:0;border-bottom:1px solid var(--line)}
.ex-gallery--list .ex-strip [role=tab]{flex:1 1 0;display:flex;align-items:center;gap:18px;min-height:0;aspect-ratio:auto;border-radius:0;overflow:visible;background:none;opacity:1;text-align:left;border-top:1px solid var(--line);padding:6px 0;box-shadow:none}
.ex-gallery--list .ex-strip [role=tab]:first-child{border-top-color:var(--ink)}
.ex-gallery--list .ex-strip [role=tab] img{flex:none;width:auto;height:100%;max-height:56px;aspect-ratio:5/3;object-fit:cover;border-radius:3px;opacity:.78;transition:opacity .25s var(--ease)}
.ex-strip__cap{position:relative;font-family:var(--head);font-size:16px;line-height:1.4;letter-spacing:-.01em;color:var(--mute);padding-left:18px;transition:color .25s var(--ease)}
.ex-strip__cap::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--lime);transform:scale(0);transition:transform .25s var(--ease)}
.ex-gallery--list .ex-strip [role=tab]:hover img,.ex-gallery--list .ex-strip [role=tab][aria-selected="true"] img{opacity:1}
.ex-gallery--list .ex-strip [role=tab]:hover .ex-strip__cap{color:var(--ink)}
.ex-gallery--list .ex-strip [role=tab][aria-selected="true"]{box-shadow:none}
.ex-gallery--list .ex-strip [role=tab][aria-selected="true"] .ex-strip__cap{color:var(--ink);font-weight:500}
.ex-gallery--list .ex-strip [role=tab][aria-selected="true"] .ex-strip__cap::before{transform:scale(1)}
.ex-gallery--list .ex-strip [role=tab]:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.ex-note{grid-column:1/-1;margin-top:16px}
.ex + .ex{margin-top:64px}
@media (max-width:1080px){
  .ex-gallery--list{display:block}
  .ex-gallery--list .ex-strip{margin-top:16px}
  .ex-gallery--list .ex-strip [role=tab]{flex:none;padding:8px 0}
  .ex-gallery--list .ex-strip [role=tab] img{height:48px}
}
@media (max-width:720px){
  .ex-gallery--list .ex-strip{margin-top:12px}
  .ex-gallery--list .ex-strip [role=tab]{gap:14px;padding:7px 0}
  .ex-gallery--list .ex-strip [role=tab] img{height:42px}
  .ex-strip__cap{font-size:15px}
  .ex + .ex{margin-top:44px}
}
@media (prefers-reduced-motion:reduce){.ex-gallery--list .ex-strip [role=tab] img,.ex-strip__cap,.ex-strip__cap::before{transition:none}}

.home-page .table-scroll table.mob tbody tr:not(.group):has(td.show:empty){display:none}

@media (min-width:721px){.ex-next > .btns:only-child{margin-left:auto}}