.dh-note{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,2.6vw,2rem);margin-top:clamp(2rem,3.6vw,3rem)}
.dh-note__i .dh-h4{font-weight:var(--dh-fw-hv);color:var(--dh-text)}
.dh-note__i .dh-p{color:var(--dh-soft)}
.dh-note__i--tint .dh-p{color:var(--dh-on-band)}
.dh-note__i--tint .dh-h4{color:var(--dh-text)}

.dh-sel{position:relative;isolation:isolate;overflow-x:clip;overflow-y:visible;padding-block:clamp(3rem,5.4vw,4.6rem);background:linear-gradient(180deg,var(--dh-ink),var(--dh-deep))}

.dh-pk{position:relative;display:grid;gap:clamp(1rem,2vw,1.6rem);margin-top:clamp(2.2rem,4vw,3.2rem);--dh-pk-h:clamp(25rem,34vw,31rem)}
.dh-pk__st{display:grid;min-height:var(--dh-pk-h)}
.dh-pk__p{grid-area:1/1;display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,1fr);min-height:0;overflow:clip;box-shadow:none;opacity:0;visibility:hidden;transition:opacity var(--dh-t)}
.dh-pk__side{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}
.dh-pk__ph{border-radius:0;background:transparent;overflow:visible;display:grid;align-items:end;align-self:end;width:100%}
.dh-pk__ph img{width:100%;height:auto;max-width:none;object-fit:contain;border-radius:0 var(--dh-r-lg) 0 0}
.dh-pk__b{display:grid;align-content:start;justify-items:start;min-height:0;gap:clamp(1.35rem,2.2vw,1.9rem);padding:clamp(1.4rem,2.6vw,2.2rem)}
.dh-pk__top{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem}
.dh-pk__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-pk__b .dh-p{max-width:56ch}
.dh-pk__a{color:var(--dh-text)}
.dh-pk__c{margin-left:clamp(1rem,4.5%,2.6rem);padding:clamp(1rem,1.7vw,1.4rem) clamp(1.1rem,1.9vw,1.5rem);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-pk__why{display:grid;gap:.25rem}
.dh-pk__why p{font-family:var(--dh-ff-b);font-weight:var(--dh-fw-bd);font-size:1.0625rem;line-height:1.7;color:var(--dh-soft)}
.dh-pk__f{align-self:start;gap:clamp(.9rem,1.6vw,1.3rem);padding:clamp(1.4rem,2.6vw,2.2rem) clamp(1rem,1.8vw,1.6rem) clamp(1.6rem,3vw,2.6rem) clamp(1.4rem,2.6vw,2.2rem)}
.dh-pk__f .dh-pt__v{font-size:clamp(1.35rem,1.9vw,1.7rem)}
.dh-pk__b>.dh-btn{justify-self:start;margin-top:clamp(.3rem,1vw,.8rem)}

.dh-pk__list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.55rem,1.1vw,.9rem)}
.dh-pk__t{min-width:0}
.dh-pk__t{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;padding:.5rem .8rem .5rem .5rem;border-radius:var(--dh-r-sm);cursor:pointer;background:var(--dh-gl);box-shadow:inset 1px 1px 0 0 var(--dh-key-hi),inset -1px -1px 0 0 var(--dh-key-lo);transition:box-shadow var(--dh-t)}
.dh-pk__t img{width:3rem;height:3.9rem;max-width:none;object-fit:cover;object-position:center;border-radius:calc(var(--dh-r-sm) - 3px)}
.dh-pk__t:hover{box-shadow:inset 1px 1px 0 0 var(--dh-key-up),inset -1px -1px 0 0 var(--dh-key-lo)}
.dh-pk__tb{display:grid;gap:.15rem}
.dh-pk__tn{font-family:var(--dh-ff-d);font-weight:var(--dh-fw-md);font-size:1rem;line-height:1.15;color:var(--dh-soft);transition:color var(--dh-t)}
.dh-pk__tl{font-family:var(--dh-ff-b);font-weight:var(--dh-fw-bd);font-size:1rem;line-height:1.2;color:var(--dh-mut)}
.dh-pk__t:hover .dh-pk__tn{color:var(--dh-text)}

#dh-sk-0:checked~.dh-pk__st .dh-pk__p--0,
#dh-sk-1:checked~.dh-pk__st .dh-pk__p--1,
#dh-sk-2:checked~.dh-pk__st .dh-pk__p--2,
#dh-sk-3:checked~.dh-pk__st .dh-pk__p--3,
#dh-sk-4:checked~.dh-pk__st .dh-pk__p--4,
#dh-sk-5:checked~.dh-pk__st .dh-pk__p--5{opacity:1;visibility:visible}

#dh-sk-0:checked~.dh-pk__list [for="dh-sk-0"],
#dh-sk-1:checked~.dh-pk__list [for="dh-sk-1"],
#dh-sk-2:checked~.dh-pk__list [for="dh-sk-2"],
#dh-sk-3:checked~.dh-pk__list [for="dh-sk-3"],
#dh-sk-4:checked~.dh-pk__list [for="dh-sk-4"],
#dh-sk-5:checked~.dh-pk__list [for="dh-sk-5"]{background:var(--dh-gl-2);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 10px 26px -14px var(--dh-glow-b)}

#dh-sk-0:checked~.dh-pk__list [for="dh-sk-0"] .dh-pk__tn,
#dh-sk-1:checked~.dh-pk__list [for="dh-sk-1"] .dh-pk__tn,
#dh-sk-2:checked~.dh-pk__list [for="dh-sk-2"] .dh-pk__tn,
#dh-sk-3:checked~.dh-pk__list [for="dh-sk-3"] .dh-pk__tn,
#dh-sk-4:checked~.dh-pk__list [for="dh-sk-4"] .dh-pk__tn,
#dh-sk-5:checked~.dh-pk__list [for="dh-sk-5"] .dh-pk__tn{color:var(--dh-cyan)}

.dh-stg{margin-top:clamp(1.2rem,2.2vw,1.9rem);scroll-margin-block:clamp(1.2rem,3vw,2.4rem);border-radius:var(--dh-r-lg);overflow:clip;background:var(--dh-ink-3);box-shadow:inset 1px 1px 0 0 var(--dh-key-hi),inset -1px -1px 0 0 var(--dh-key-lo),0 26px 60px -30px var(--dh-sh)}
.dh-stg__f{position:relative;display:grid;place-items:center;height:clamp(13rem,20vh,15.5rem);padding:clamp(1.2rem,2.4vw,2rem);transition:height var(--dh-t-n)}
.dh-stg.is-live .dh-stg__f{height:clamp(27rem,62vh,38rem)}
.dh-stg__f iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.dh-stg__ph{max-width:42ch;text-align:center;font-family:var(--dh-ff-b);font-weight:var(--dh-fw-bd);font-size:1.0625rem;line-height:1.6;color:var(--dh-mut)}
.dh-stg__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.2rem;padding:.9rem clamp(1rem,2vw,1.4rem);box-shadow:inset 0 3px 0 -1px var(--dh-key-lo)}
.dh-stg__bar p{font-family:var(--dh-ff-b);font-weight:var(--dh-fw-bd);font-size:1rem;color:var(--dh-mut)}
.dh-stg__r{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.3rem}
.dh-stg__r a,.dh-stg__x{font-family:var(--dh-ff-b);font-weight:var(--dh-fw-bd);font-size:1rem;color:var(--dh-cyan);background:none;border:0;padding:0;text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.2em;transition:color var(--dh-t)}
.dh-stg__r a:hover,.dh-stg__x:hover{color:var(--dh-cyan-hi)}

.dh-end{position:relative;isolation:isolate;overflow:clip;padding-block:clamp(3.6rem,6.4vw,5.6rem);background:linear-gradient(98deg,var(--dh-deep),var(--dh-ink-2) 58%,var(--dh-blue-lo))}
.dh-end__in{position:relative;z-index:2;display:grid;justify-items:start;gap:clamp(1rem,1.8vw,1.4rem)}
.dh-end__in .dh-h2{max-width:28ch}
.dh-end__in .dh-p{max-width:52ch}
.dh-end__fig{position:absolute;z-index:1;top:0;right:0;bottom:0;width:min(44%,36rem);pointer-events:none}
.dh-end__fig img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:left bottom}
.dh-end__fig::after{content:'';position:absolute;inset:0;background:linear-gradient(92deg,var(--dh-ink-2),transparent 62%)}

@media (max-width:1080px){
.dh-pk{--dh-pk-h:clamp(28rem,46vw,34rem)}
.dh-pk__p{grid-template-columns:minmax(0,.42fr) minmax(0,1fr)}
.dh-pk__list{grid-template-columns:repeat(3,minmax(0,1fr))}
.dh-pk__t img{width:2.7rem;height:3.5rem}
}

@media (max-width:960px){
.dh-pk{--dh-pk-h:auto}
.dh-pk__p{grid-template-columns:minmax(0,1fr)}
.dh-pk__side{grid-template-rows:auto auto}
.dh-pk__ph{border-radius:0;background:var(--dh-ink-3);overflow:clip;display:block;aspect-ratio:16/9;align-self:auto;order:-1}
.dh-pk__ph img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 64%;border-radius:0}
.dh-pk__f{grid-auto-flow:column;grid-auto-columns:max-content;padding-bottom:0}
}

@media (max-width:820px){
.dh-note{grid-template-columns:minmax(0,1fr)}
.dh-pk__ph{aspect-ratio:16/10}
.dh-pk__c{margin-left:0}
.dh-pk__f{gap:.9rem 1.4rem}
.dh-stg__f{height:clamp(11rem,20vh,13rem)}
.dh-stg.is-live .dh-stg__f{height:clamp(24rem,68vh,34rem)}
.dh-end__in{max-width:none}
.dh-end__fig{position:relative;top:auto;right:auto;bottom:auto;width:min(72%,22rem);margin-top:clamp(1.6rem,4vw,2.4rem);aspect-ratio:9/8}
.dh-end__fig::after{background:linear-gradient(180deg,transparent 56%,var(--dh-ink-2))}
}

@media (max-width:560px){
.dh-pk__list{grid-template-columns:repeat(2,minmax(0,1fr))}
.dh-pk__f{grid-auto-flow:row;grid-auto-columns:auto;gap:.7rem}
}