.dlh{--dlh-ink:#191b18;--dlh-muted:#6e766d;background:#fff;color:var(--dlh-ink);font-family:Arial,Helvetica,sans-serif;padding:78px 24px 62px;text-align:center;position:relative;isolation:isolate}.dlh,.dlh *{box-sizing:border-box}.dlh h1{font-size:clamp(48px,6.6vw,94px);line-height:1.02;font-weight:500;letter-spacing:-.065em;margin:0 auto;max-width:1000px;text-wrap:balance}.dlh h1 span{display:block}.dlh-gallery{height:355px;max-width:1080px;position:relative;margin:35px auto 6px;display:flex;justify-content:center;align-items:center;isolation:isolate}.dlh-frame{position:relative;flex:0 0 184px;height:240px;margin:0 0 0 -15px;transform:translateY(var(--lift)) rotate(var(--angle));z-index:var(--order);border-radius:15px;outline-offset:7px;cursor:default}.dlh-frame:first-of-type{margin-left:0}.dlh-card{width:100%;height:100%;position:relative;overflow:hidden;border-radius:inherit;box-shadow:0 14px 28px #18271b1a;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;background:#204441;pointer-events:none}.dlh-frame:hover{z-index:15}.dlh-frame:hover .dlh-card,.dlh-frame:focus-visible .dlh-card{transform:scale(1.035);box-shadow:0 22px 40px #18271b25}.dlh-card img{display:block;height:100%;width:100%;object-fit:cover}.dlh-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 42%,#07100aa3)}.dlh-card figcaption{position:absolute;left:16px;right:10px;bottom:20px;z-index:1;color:#fff;text-align:left;font-size:17px;letter-spacing:-.045em;font-weight:700;line-height:1.06}.dlh-card figcaption small{display:block;margin-top:10px;letter-spacing:.12em;font-size:9px;font-weight:400}.dlh-frame:nth-of-type(1){--angle:-13deg;--lift:24px;--order:1}.dlh-frame:nth-of-type(2){--angle:-8deg;--lift:0px;--order:2}.dlh-frame:nth-of-type(3){--angle:-3deg;--lift:3px;--order:3}.dlh-frame:nth-of-type(4){--angle:5deg;--lift:0px;--order:4}.dlh-frame:nth-of-type(5){--angle:9deg;--lift:9px;--order:5}.dlh-frame:nth-of-type(6){--angle:13deg;--lift:27px;--order:6}.dlh-label{position:absolute;z-index:20;border-radius:30px;color:#fff;padding:9px 13px;font-size:13px;letter-spacing:-.035em;pointer-events:none}.dlh-label:after{content:'';position:absolute;bottom:-5px;left:18px;width:11px;height:11px;background:inherit;transform:rotate(45deg)}.dlh-label-left{top:5px;left:13%;background:#5865f5;transform:rotate(-7deg)}.dlh-label-right{top:15px;right:9%;background:#82a88a;transform:rotate(8deg)}.dlh-copy{font-size:16px;line-height:1.75;color:#525e51;margin:0 auto 25px;max-width:620px}.dlh-actions{display:flex;align-items:center;justify-content:center;gap:28px}.dlh-actions a{font-size:14px;text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:12px}.dlh-actions .dlh-primary{background:#191c18;color:#fff;border-radius:100px;padding:19px 28px;gap:25px;transition:background .2s}.dlh-primary:hover{background:#35472f}.dlh-play{font-size:9px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #dce2d9;border-radius:50%}.dlh-note{font-size:11px;color:#8b9386;margin:25px 0 0}.dlh a:focus-visible,.dlh-frame:focus-visible{outline:3px solid #5264e7;outline-offset:6px}.dlh-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Body-level fixed portal: never clipped by a rotated card or gallery. */
.dlh-cursor-badge{position:fixed!important;top:0;left:0;z-index:2147483647!important;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:100px;background:rgba(38,38,38,.94);color:#bdbdbd;font:11px/1.2 Arial,Helvetica,sans-serif;white-space:nowrap;pointer-events:none!important;user-select:none;box-shadow:0 4px 12px #0002;will-change:transform;margin:0;border:0;width:max-content;max-width:none}.dlh-cursor-badge strong{font-weight:700;color:#fff}.dlh-cursor-badge[hidden]{display:none!important}
@media(max-width:1100px){.dlh-frame{flex-basis:155px;height:220px}.dlh-gallery{height:320px}.dlh-card figcaption{font-size:15px}}
@media(max-width:760px){.dlh{padding:60px 0 45px;overflow-x:clip}.dlh h1{font-size:clamp(42px,9.8vw,68px);padding:0 18px}.dlh-gallery{width:650px;max-width:none;height:265px;left:50%;transform:translateX(-50%);margin:28px 0 8px}.dlh-frame{flex-basis:125px;height:178px;margin-left:-24px}.dlh-card figcaption{font-size:13px;left:11px;bottom:15px}.dlh-card figcaption small{font-size:8px}.dlh-label{font-size:11px;padding:7px 10px}.dlh-label-left{left:24%;top:0}.dlh-label-right{right:22%;top:3px}.dlh-copy{font-size:14px;padding:0 28px;max-width:410px}.dlh-copy br{display:none}.dlh-actions{gap:19px}.dlh-actions a{font-size:12px}.dlh-actions .dlh-primary{padding:16px 21px;gap:16px}.dlh-note{font-size:10px;padding:0 18px}}
@media(prefers-reduced-motion:reduce){.dlh *{transition:none!important}}
.dlh-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}.dlh-playing .dlh-card video{opacity:1}
/* Decorative treatment preserves the original fan and its hit areas. */
.dlh-gallery:before{content:'';position:absolute;inset:30px -10px -10px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 65%,#c9c7ff55 0%,#daf0ef33 38%,transparent 70%)}
.dlh-frame .dlh-card{border:2px solid #fff;box-shadow:0 13px 25px #27253f24}
.dlh-frame.dlh-playing{z-index:18}
.dlh-frame.dlh-playing .dlh-card{transform:translateY(-16px) scale(1.10);box-shadow:0 22px 34px #27253f30}
.dlh-playing .dlh-card:before{content:'▶  Playing';position:absolute;top:10px;left:10px;z-index:3;background:#171a20b8;backdrop-filter:blur(8px);color:#fff;border:1px solid #ffffff40;border-radius:20px;padding:6px 9px;font:10px/1 Arial,Helvetica,sans-serif;letter-spacing:.02em}
.dlh-film-hint{display:flex;justify-content:center;align-items:center;gap:8px;margin:4px 0 24px;color:#7d7b89;font-size:11px;letter-spacing:.04em}
.dlh-film-hint span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #e3e1ec;border-radius:50%;font-size:7px;color:#655de0}
@media(max-width:760px){.dlh-film-hint{font-size:10px;margin-bottom:22px}.dlh-playing .dlh-card:before{top:8px;left:8px;font-size:8px;padding:5px 7px}}
/* Match the input device, including touch-enabled computers. */
.dlh-film-hint b{font-weight:400}.dlh-prompt-mouse{display:none}
@media(hover:hover) and (pointer:fine){.dlh-prompt-touch{display:none}.dlh-prompt-mouse{display:inline}}
.dlh-video-progress{position:absolute;bottom:0;left:0;right:0;height:3px;z-index:4;pointer-events:none;background:#ffffff30;opacity:0}
.dlh-video-progress:after{content:'';display:block;height:100%;width:100%;background:#fff;transform:scaleX(var(--dlh-progress,0));transform-origin:left}
.dlh-playing .dlh-video-progress{opacity:1}

/* Alternative B: inward-facing cinematic perspective gallery. */
.dlh{overflow-x:clip}
.dlh-gallery{width:100%;max-width:1240px;height:360px;margin:32px auto 8px;gap:clamp(10px,1.6vw,23px);left:auto;transform:none}
.dlh-frame,.dlh-frame:first-of-type{flex:0 0 var(--card-width);width:var(--card-width);height:auto;aspect-ratio:3/4;margin:0;transform:perspective(700px) rotateY(var(--yaw));border-radius:13px}
.dlh-frame:nth-of-type(1){--card-width:20%;--yaw:32deg;--order:6}
.dlh-frame:nth-of-type(2){--card-width:15%;--yaw:23deg;--order:4}
.dlh-frame:nth-of-type(3){--card-width:11%;--yaw:10deg;--order:2}
.dlh-frame:nth-of-type(4){--card-width:11%;--yaw:-10deg;--order:1}
.dlh-frame:nth-of-type(5){--card-width:15%;--yaw:-23deg;--order:3}
.dlh-frame:nth-of-type(6){--card-width:20%;--yaw:-32deg;--order:5}
.dlh-gallery:before{inset:0 -30px -20px;background:radial-gradient(ellipse at center,#c9c7ff40,transparent 70%)}
.dlh-label-left{top:0;left:29%}.dlh-label-right{top:0;right:28%}
.dlh-card figcaption{font-size:clamp(10px,1.25vw,17px);left:10px;bottom:14px;right:6px}
.dlh-card figcaption small{font-size:clamp(6px,.65vw,9px);letter-spacing:.05em}
.dlh-frame:nth-of-type(3) figcaption,.dlh-frame:nth-of-type(4) figcaption{font-size:clamp(9px,1vw,13px)}
@media(max-width:1100px){.dlh-gallery{height:300px}}
@media(max-width:760px){
.dlh{padding-top:52px}.dlh h1{font-size:clamp(34px,8.6vw,62px)}
.dlh-gallery{width:100%;height:clamp(195px,44vw,300px);gap:1.3%;margin:24px auto 8px;padding:26px 8px 0}
.dlh-frame,.dlh-frame:first-of-type{border-radius:7px;transform:perspective(400px) rotateY(var(--yaw))}
.dlh-label{font-size:9px;padding:7px 9px}.dlh-label-left{left:18%;top:0}.dlh-label-right{right:16%;top:3px}
.dlh-card figcaption,.dlh-frame:nth-of-type(3) figcaption,.dlh-frame:nth-of-type(4) figcaption{font-size:clamp(5px,1.4vw,10px);left:4px;right:3px;bottom:7px}.dlh-card figcaption small{display:none}
.dlh-frame .dlh-card{border-width:1px}.dlh-playing .dlh-card:before{font-size:5px;padding:4px;left:3px;top:4px}
}

/* Continuous edge-to-edge perspective loop. */
.dlh-gallery{display:block;width:100vw;max-width:none;left:50%;transform:translateX(-50%);height:clamp(240px,42vw,610px);margin:28px 0 0;padding:0;overflow:visible}
.dlh-gallery .dlh-frame,.dlh-gallery .dlh-frame:first-of-type{position:absolute;left:calc(50% - 11.5vw);top:calc(50% - 15.333vw);width:23vw;height:30.666vw;max-width:none;margin:0;aspect-ratio:auto;transform-origin:center;will-change:transform}
.dlh-gallery .dlh-frame.dlh-playing .dlh-card{transform:translateY(-24px) scale(1.14);box-shadow:0 28px 48px #27253f40}
.dlh-gallery .dlh-label-left{left:34%;top:2px}.dlh-gallery .dlh-label-right{right:32%;top:2px}
.dlh-gallery:before{inset:0;background:radial-gradient(ellipse at center,#c9c7ff55,transparent 68%)}
.dlh-gallery .dlh-card figcaption{font-size:clamp(10px,1.2vw,20px);left:12px;bottom:17px}
.dlh-gallery .dlh-card figcaption small{font-size:clamp(6px,.65vw,10px)}
@media(max-width:760px){.dlh-gallery{height:clamp(210px,46vw,350px);margin-top:20px}.dlh-gallery .dlh-label-left{left:18%;top:0}.dlh-gallery .dlh-label-right{right:15%;top:0}.dlh-gallery .dlh-card figcaption{font-size:clamp(6px,1.7vw,12px);left:5px;bottom:8px}.dlh-gallery .dlh-frame.dlh-playing .dlh-card{transform:translateY(-14px) scale(1.14)}}

/* Reference proportions: small central panels, spaced larger outer panels. */
.dlh-gallery{height:clamp(240px,34vw,490px)}
.dlh-gallery .dlh-frame,.dlh-gallery .dlh-frame:first-of-type{left:calc(50% - 6vw);top:calc(50% - 8vw);width:12vw;height:16vw}
.dlh-gallery .dlh-card figcaption{font-size:clamp(7px,.85vw,13px);left:8px;bottom:12px}
.dlh-gallery .dlh-card figcaption small{font-size:clamp(5px,.48vw,7px)}
.dlh-gallery .dlh-frame.dlh-playing .dlh-card{transform:translateY(-18px) scale(1.08)}
@media(max-width:760px){.dlh-gallery{height:clamp(195px,38vw,300px)}.dlh-gallery .dlh-card figcaption{font-size:clamp(4px,1.15vw,8px);left:3px;bottom:5px}.dlh-gallery .dlh-frame.dlh-playing .dlh-card{transform:translateY(-10px) scale(1.08)}}

/* Video playback is independent from hover selection. */
.dlh-live .dlh-card video{opacity:1}
@font-face{font-family:'Driveless Google Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/google-sans-regular.ttf') format('truetype')}
@font-face{font-family:'Driveless Google Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/google-sans-medium.ttf') format('truetype')}
.dlh{font-family:'Driveless Google Sans',Arial,Helvetica,sans-serif}
.dlh h1{font-family:'Driveless Google Sans',Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:-.025em;line-height:1.06;color:#0a0a0a;font-size:clamp(42px,5.4vw,78px)}
.dlh h1 span{font-weight:400;color:#737373}
.dlh-copy{font-weight:400;color:#737373;letter-spacing:0;line-height:1.7}
@media(max-width:760px){.dlh h1{font-size:clamp(32px,8vw,60px);letter-spacing:-.025em}}