.dh-ovs{position:relative;isolation:isolate;overflow-x:clip;overflow-y:visible;padding-block:clamp(3rem,5.6vw,4.8rem);background:linear-gradient(180deg,var(--dh-ink),var(--dh-deep))}
.dh-ov{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.2vw,1.6rem)}
.dh-ov__i{gap:.45rem;align-content:start;transition:box-shadow var(--dh-t),transform var(--dh-t)}
.dh-ov__i--w{grid-column:span 2}
.dh-ov__i:hover,.dh-ov__i:focus-visible{outline:0;transform:scale(1.012);box-shadow:inset 1px 1px 0 0 var(--dh-key-up),inset -1px -1px 0 0 var(--dh-key-lo),0 0 0 2px var(--dh-cyan-lo),0 22px 54px -22px var(--dh-glow-b)}
.dh-ov__g{font-family:var(--dh-ff-d);font-weight:var(--dh-fw-md);font-size:1rem;letter-spacing:.05em;color:var(--dh-soft)}
.dh-ov__u{font-family:var(--dh-ff-d);font-weight:var(--dh-fw-hv);font-size:1.55rem;line-height:1.05;letter-spacing:-.015em;color:var(--dh-cyan);margin-top:.15rem}
.dh-ov__i--tint .dh-ov__u{color:var(--dh-cyan-hi)}

.dh-kaps{position:relative;isolation:isolate;overflow-x:clip;overflow-y:visible;background:linear-gradient(180deg,var(--dh-deep),var(--dh-ink) 19%,var(--dh-deep) 41%,var(--dh-ink) 62%,var(--dh-deep) 84%,var(--dh-ink))}
.dh-ka{position:relative;isolation:isolate;padding-block:clamp(3.2rem,6vw,5.4rem)}
.dh-ka__in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(1.3rem,2.6vw,2.2rem) clamp(1.2rem,2.4vw,2rem)}
.dh-ka__top{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.1rem}
.dh-ka__g{font-family:var(--dh-ff-d);font-weight:var(--dh-fw-md);font-size:1.05rem;letter-spacing:.055em;color:var(--dh-cyan)}
.dh-ka__plate img{width:100%;height:auto;border-radius:var(--dh-r);box-shadow:0 34px 64px -30px var(--dh-sh)}

.dh-ka__marks{display:grid;align-content:start;gap:.9rem;padding:clamp(1.2rem,2vw,1.7rem);border-radius:var(--dh-r);box-shadow:inset 1px 1px 0 0 var(--dh-key-hi),inset -1px -1px 0 0 var(--dh-key-lo),0 18px 42px -26px var(--dh-sh);background:linear-gradient(150deg,var(--dh-tint-b),var(--dh-tint-b2))}
.dh-ka__marks>div{display:grid;gap:.2rem}
.dh-ka__marks b{font-family:var(--dh-ff-d);font-weight:var(--dh-fw-hv);font-size:1.75rem;line-height:1.05;letter-spacing:-.015em;color:var(--dh-cyan-hi)}
.dh-ka__marks p{font-family:var(--dh-ff-b);font-weight:var(--dh-fw-bd);font-size:1.0625rem;line-height:1.45;color:var(--dh-on-band)}
.dh-ka__marks .dh-lab{color:var(--dh-band-mut)}

.dh-ka__pan{padding:clamp(1.15rem,2vw,1.6rem) clamp(1.25rem,2.2vw,1.75rem);border-radius:var(--dh-r);box-shadow:inset 1px 1px 0 0 var(--dh-key-hi),inset -1px -1px 0 0 var(--dh-key-lo),0 18px 42px -26px var(--dh-sh)}
.dh-ka__pan--n{background:var(--dh-gl);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.dh-ka__pan--b{background:linear-gradient(150deg,var(--dh-tint-b),var(--dh-tint-b2))}
.dh-ka__pan--c{background:linear-gradient(150deg,var(--dh-tint-c),var(--dh-tint-c2))}
.dh-p.dh-ka__pan--b,.dh-p.dh-ka__pan--c{color:var(--dh-on-band)}

.dh-ka__tell{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.35rem clamp(1rem,2.4vw,1.9rem);padding:clamp(1rem,1.7vw,1.4rem) clamp(1.2rem,2.2vw,1.7rem);border-radius:var(--dh-r);background:var(--dh-gl);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 1px 1px 0 0 var(--dh-key-hi),inset -1px -1px 0 0 var(--dh-key-lo)}
.dh-ka__tell p{font-family:var(--dh-ff-b);font-weight:var(--dh-fw-bd);font-size:1.0625rem;line-height:1.55;color:var(--dh-cyan-hi)}

.dh-ka--a .dh-ka__plate{grid-column:1/4;grid-row:1/3}
.dh-ka--a .dh-ka__top{grid-column:4/13;grid-row:1}
.dh-ka--a .dh-ka__p1{grid-column:4/9;grid-row:2}
.dh-ka--a .dh-ka__marks{grid-column:9/13;grid-row:2}
.dh-ka--a .dh-ka__p2{grid-column:1/7;grid-row:3}
.dh-ka--a .dh-ka__p3{grid-column:7/13;grid-row:3}
.dh-ka--a .dh-ka__tell{grid-column:1/13;grid-row:4}

.dh-ka--b .dh-ka__top{grid-column:1/10;grid-row:1}
.dh-ka--b .dh-ka__plate{grid-column:10/13;grid-row:1/3}
.dh-ka--b .dh-ka__p1{grid-column:1/6;grid-row:2}
.dh-ka--b .dh-ka__marks{grid-column:6/10;grid-row:2}
.dh-ka--b .dh-ka__p2{grid-column:1/7;grid-row:3}
.dh-ka--b .dh-ka__p3{grid-column:7/13;grid-row:3}
.dh-ka--b .dh-ka__tell{grid-column:1/13;grid-row:4}

.dh-fin{position:relative;isolation:isolate;overflow-x:clip;overflow-y:visible;padding-block:clamp(3.2rem,5.6vw,4.8rem);background:linear-gradient(180deg,var(--dh-ink),var(--dh-deep))}
.dh-fin__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:clamp(1.8rem,4vw,4rem)}
.dh-fin__b{display:grid;justify-items:start;gap:clamp(1rem,1.8vw,1.35rem)}
.dh-fin__b .dh-p{max-width:54ch}
.dh-fin__b .dh-list{margin-top:clamp(.5rem,1.2vw,.9rem)}
.dh-fin__ph{position:relative;margin-right:calc((100% - 100vw)/2);overflow:clip;aspect-ratio:7/5;border-radius:var(--dh-r-lg) 0 0 var(--dh-r-lg);background:var(--dh-ink-3)}
.dh-fin__ph img{width:100%;height:100%;max-width:none;object-fit:cover}

@media (max-width:1080px){
.dh-ov{grid-template-columns:repeat(2,minmax(0,1fr))}
.dh-ov__i--w{grid-column:span 2}
.dh-ka__in{gap:1.2rem}
.dh-ka--a .dh-ka__plate,.dh-ka--b .dh-ka__plate{grid-column:1/5;grid-row:1/3}
.dh-ka--a .dh-ka__top,.dh-ka--b .dh-ka__top{grid-column:5/13;grid-row:1}
.dh-ka--a .dh-ka__p1,.dh-ka--b .dh-ka__p1{grid-column:5/13;grid-row:2}
.dh-ka--a .dh-ka__marks,.dh-ka--b .dh-ka__marks{grid-column:1/13;grid-row:3}
.dh-ka--a .dh-ka__p2,.dh-ka--b .dh-ka__p2{grid-column:1/7;grid-row:4}
.dh-ka--a .dh-ka__p3,.dh-ka--b .dh-ka__p3{grid-column:7/13;grid-row:4}
.dh-ka--a .dh-ka__tell,.dh-ka--b .dh-ka__tell{grid-column:1/13;grid-row:5}
}

@media (max-width:820px){
.dh-ka__in{grid-template-columns:minmax(0,1fr)}
.dh-ka__in>*{grid-column:1!important;grid-row:auto!important}
.dh-ka__plate{width:min(62%,17rem)}
.dh-fin__in{grid-template-columns:minmax(0,1fr)}
.dh-fin__ph{order:2;margin-right:calc(-1 * clamp(1.1rem,4vw,2.5rem));margin-left:calc(-1 * clamp(1.1rem,4vw,2.5rem));border-radius:var(--dh-r);aspect-ratio:16/10}
}

@media (max-width:620px){
.dh-ov{grid-template-columns:minmax(0,1fr)}
.dh-ov__i--w{grid-column:span 1}
.dh-ka__tell{grid-template-columns:minmax(0,1fr);gap:.3rem}
}