
.dvx{padding-top:calc(var(--sec) * .4)}
.dvx__head{margin-bottom:clamp(28px,3.4vw,52px)}
.dvx__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gut);row-gap:clamp(36px,4vw,64px)}
.dvx__i{min-width:0}
.dvx__i[hidden]{display:none}
.dvx.is-filtered .dvx__grid{display:none}
.dvx__vis{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--paper-2);text-align:left;cursor:pointer}
.dvx__vis img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
@media (hover:hover){.dvx__vis:hover img{transform:scale(1.03)}}
.dvx__vis:focus-visible{outline:2px solid var(--focus-l);outline-offset:3px}
.dvx__vis--type{display:flex;align-items:flex-end;padding:clamp(18px,2vw,28px)}
.dvx__type{font-weight:200;font-size:clamp(36px,3.8vw,60px);line-height:1;letter-spacing:-.04em;color:var(--tl);font-variant-numeric:tabular-nums}
.dvx__code{margin-top:16px;font-family:var(--f-mono);font-size:12px;line-height:1.4;letter-spacing:.04em;color:var(--copper-lo)}
.dvx__name{margin-top:6px;font-weight:300;font-size:var(--fs-h3);line-height:1.15;letter-spacing:-.025em;color:var(--tl);text-wrap:balance}
.dvx__desc{margin-top:8px;font-size:15px;line-height:1.55;color:var(--ml);max-width:42ch}
@media (max-width:1099.98px){
  .dvx__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dvx__desc{font-size:16px}
}
@media (max-width:699.98px){
  .dvx__grid{grid-template-columns:minmax(0,1fr);row-gap:36px}
  .dvx__code{margin-top:14px}
}

.tstrip{margin:0;padding-bottom:clamp(28px,3vw,44px)}
.tstrip__row{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:2px;height:clamp(260px,30vw,520px)}
.tstrip__row:focus-visible{outline:2px solid var(--focus-l);outline-offset:-2px}
.tstrip__t{position:relative;min-width:0;overflow:hidden;background:var(--paper-2)}
.tstrip__t img{display:block;width:100%;height:100%;object-fit:cover}
.tstrip__cap{padding-top:12px;font-size:12px;line-height:1.5;color:var(--ml)}
@media (max-width:760px){
  .tstrip__row{display:flex;height:auto;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
  .tstrip__row::-webkit-scrollbar{display:none}
  .tstrip__t{flex:0 0 70vw;height:calc(70vw * 1.15);scroll-snap-align:start}
  .tstrip__cap{font-size:13px}
}

.tproc__l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gut);row-gap:clamp(40px,5vw,64px)}
.tproc__i{min-width:0}
.tproc__img{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--paper-2)}
.tproc__img img{display:block;width:100%;height:100%;object-fit:cover}
.tproc__txt{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(14px,1.4vw,22px);align-items:start;margin-top:clamp(18px,2vw,28px)}
.tproc__n{grid-row:1/span 2;font-weight:200;font-size:clamp(40px,3.6vw,60px);line-height:.86;letter-spacing:-.05em;color:var(--copper-lo);font-variant-numeric:tabular-nums}
.tproc__txt h3{font-weight:500;font-size:var(--fs-h4);line-height:1.3;letter-spacing:-.01em}
.tproc__txt p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--ml);max-width:42ch}
.tproc__txt a{border-bottom:1px solid var(--line-l2);transition:color var(--dur-1),border-color var(--dur-1)}
@media (hover:hover){.tproc__txt a:hover{color:var(--copper-lo);border-color:var(--copper-lo)}}
.tproc__src{margin-top:clamp(28px,3vw,44px);font-size:12px;line-height:1.5;color:var(--ml)}
@media (max-width:1099.98px){
  .tproc__txt{display:block}
  .tproc__n{display:block;margin-bottom:12px}
  .tproc__txt p{font-size:16px;line-height:1.55}
}
@media (max-width:699.98px){
  .tproc__l{grid-template-columns:minmax(0,1fr);row-gap:44px}
  .tproc__txt{display:grid;margin-top:18px}
  .tproc__n{margin-bottom:0}
  .tproc__src{font-size:13px}
}

.tcmp__t{width:100%;border-collapse:collapse;table-layout:fixed}
.tcmp__t th,.tcmp__t td{padding:clamp(18px,2vw,28px) clamp(16px,2.4vw,40px) clamp(18px,2vw,28px) 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line-d)}
.tcmp__t thead th,.tcmp__t thead td{padding-top:0;padding-bottom:14px;font-size:var(--fs-micro);line-height:1.4;letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600}
.tcmp__t thead .tcmp__dv{color:var(--td)}
.tcmp__t thead .tcmp__ord{color:var(--md)}
.tcmp__corner{width:24%}
.tcmp__t tbody th{font-weight:300;font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.025em;color:var(--td)}
.tcmp__t tbody td{font-size:17px;line-height:1.55;text-wrap:pretty}
.tcmp__t tbody td.tcmp__dv{color:var(--td)}
.tcmp__t tbody td.tcmp__ord{color:var(--md)}
.tcmp__note{margin-top:var(--s-5);font-size:13px;line-height:1.5;color:var(--md)}
@media (max-width:700px){
  .tcmp__t,.tcmp__t tbody,.tcmp__t tr,.tcmp__t tbody th,.tcmp__t tbody td{display:block;width:auto}
  .tcmp__t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .tcmp__t tbody tr{padding:22px 0;border-bottom:1px solid var(--line-d)}
  .tcmp__t tbody tr:first-child{border-top:1px solid var(--line-d)}
  .tcmp__t tbody th,.tcmp__t tbody td{padding:0;border:0}
  .tcmp__t tbody th{margin-bottom:14px;font-size:var(--fs-micro);line-height:1.4;letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--copper)}
  .tcmp__t tbody td{font-size:16px}
  .tcmp__t tbody td+td{margin-top:14px}
  .tcmp__t tbody td::before{content:attr(data-col);content:attr(data-col) / "";display:block;margin-bottom:4px;font-size:var(--fs-micro);line-height:1.4;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--md)}
}

.dbx__photos{display:grid;gap:clamp(8px,1vw,14px);width:100%;align-self:center}
.dbx__photos .dbx__ph{position:relative;min-width:0;overflow:hidden}
.dbx__photos .dbx__ph>.dbx__fill{position:absolute;inset:0;width:100%;height:100%}
.dbx__photos .dbx__ph>img.dbx__fill{object-fit:cover}
.dbx__photos .dbx__ph--b{background:rgba(237,230,218,.05)}
.dbx__photos .dbx__ph>img.dbx__fan{object-fit:contain;padding:9%}
.dbx__photos--3{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.dbx__photos--3 .dbx__ph--a{grid-row:1/span 2}
.dbx__photos--3 .dbx__ph--b,.dbx__photos--3 .dbx__ph--c{aspect-ratio:1/1}
.dbx__photos--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dbx__photos--2 .dbx__ph{aspect-ratio:4/5}
.dbx__photos--1{max-width:560px;justify-self:center}
.dbx__photos--1 .dbx__ph{aspect-ratio:1332/1400;background:none}
.dbx__photos--1 .dbx__ph>img.dbx__fan{padding:0}
@media (max-width:600px){
  .dbx__photos--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dbx__photos--3 .dbx__ph--a{grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}
}

.dbx-lamp{max-width:760px;margin:clamp(40px,5vw,72px) 0 0 calc(100% / 3 + clamp(16px,2vw,32px))}
.dbx-lamp__ph{position:relative;aspect-ratio:3/2;overflow:hidden}
.dbx-lamp__ph>*{position:absolute;inset:0;width:100%;height:100%}
.dbx-lamp__ph>img{object-fit:cover}
.dbx-lamp__cap{margin-top:12px;font-size:13px;line-height:1.5;color:var(--ml)}
@media (max-width:1100px){.dbx-lamp{margin-left:0}}

.faqx .faqnav a{gap:16px;line-height:1.35}
.faqx .faqnav a::after{flex:none}
