/* Approved homepage depth styles. Keep the comparison skin in design/divers-home-depth/proposal.css in sync. */
html{--review-panel:#eff6f7;--review-edge:#b6ccd4;--review-shadow:0 3px 0 #6d929e25,0 22px 40px -24px #002c4d75;--review-ink:#102c3a}
html[data-theme=dark]{--review-panel:#153746;--review-edge:#486a7b;--review-shadow:0 3px 0 #00131c80,0 24px 40px -22px #000b;--review-ink:#edf7fa}
.home-experience{background:radial-gradient(ellipse at 0 20%,#86bdc51a,transparent 45%),var(--appearance-bg,#f5f8f8)}
html[data-theme=dark] .home-experience{background:radial-gradient(ellipse at 0 20%,#1a566a55,transparent 45%),#071e2b}
.home-experience :is(.button,.home-voucher,.home-shortcuts a,.home-help a,.home-service-list>a,.home-place,.home-path){transition:translate .32s cubic-bezier(.2,.65,.3,1),box-shadow .32s ease,border-color .25s ease,background-color .25s ease}
.home-experience .button{border:1px solid #ff859180;border-radius:9px;background:linear-gradient(145deg,#ee2535,#b10014);color:#fff;box-shadow:inset 0 1px 1px #ffffff90,0 3px 0 #77000e,0 9px 15px #71001130;transform:none;translate:0 0;text-decoration:none}
.home-experience .button:hover{background:linear-gradient(145deg,#ee2535,#b10014);color:#fff;box-shadow:inset 0 1px 1px #ffffffb3,0 3px 0 #77000e,0 13px 21px #71001145}
.home-experience .button:active{translate:0 0;box-shadow:inset 0 2px 5px #19000b55}
/* Override the original homepage's hover reset without changing link geometry. */
html .home-experience :is(a.text-link,.home-place .text-link){background:none;border:0;border-radius:2px;box-shadow:none;text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:5px;transition:color .25s ease,text-underline-offset .25s ease,text-decoration-color .25s ease}
html .home-experience :is(a.text-link,.home-place .text-link):is(:hover,:focus-visible,:active),
html .home-experience .home-place:is(:hover,:focus-visible) .text-link{background:none;text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:2px;text-underline-offset:6px}
@media(hover:hover) and (pointer:fine){
 html .home-experience a.text-link:hover{color:#b60016}
 html .home-experience :is(.home-hero,.home-places,.home-trips) a.text-link:hover,
 html .home-experience .home-place:hover .text-link,
 html[data-theme=dark] .home-experience a.text-link:hover{color:#70dbe9}
}
html .home-experience a.text-link:active{color:#9f0013;text-underline-offset:5px}
html[data-theme=dark] .home-experience a.text-link:active{color:#b5f3fa}
@media(prefers-reduced-motion:reduce){html .home-experience :is(a.text-link,.home-place .text-link){transition:none}}
.home-experience :is(a,button):focus-visible{outline:3px solid #008db8;outline-offset:5px}
html[data-theme=dark] .home-experience :is(a,button):focus-visible{outline-color:#71e6f4}
.home-hero .hero-copy h1{text-shadow:0 3px 1px #00162255,0 14px 28px #0006}
.home-hero .home-voucher{border-radius:14px;background:linear-gradient(135deg,#53788870,#0b283bd9);box-shadow:inset 0 1px 1px #ffffff40,0 16px 30px -15px #0009;backdrop-filter:blur(12px);border:1px solid #a8d3df80;border-left:3px solid #a1e2ef}
.home-experience .home-shortcuts{gap:12px;border:0;padding-block:26px}
.home-experience .home-shortcuts a{padding:18px 20px;border:1px solid var(--review-edge);border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--review-panel) 90%,white),var(--review-panel));box-shadow:inset 0 1px 1px #ffffff66,var(--review-shadow);font-size:27px}
.home-experience .home-shortcuts a:hover{background:var(--review-panel)}
.home-experience .home-place{border:1px solid #547583;border-radius:22px;background:linear-gradient(145deg,#234859,#102e3e);box-shadow:inset 0 1px 1px #ffffff35,0 3px 0 #00172280,0 25px 40px -20px #000b;overflow:hidden}
.home-experience .home-place-image{border-radius:0}
.home-experience .home-place-copy{padding:26px 28px 30px;max-width:none}
.home-experience :is(.home-store .store-image,.home-path-visual,.home-team-photo,.home-travel-main,.home-travel-detail){border-radius:20px;border:1px solid var(--review-edge);box-shadow:inset 0 1px 0 #ffffff70,var(--review-shadow)}
.home-experience .home-service-list>a{box-shadow:inset 0 1px 1px #ffffff50,0 3px 0 #00152266,0 22px 35px -19px #002c4790;border-color:#809da955}
.home-experience .home-service-caption{border-radius:7px;border:1px solid #bfdce155;box-shadow:0 6px 16px #00152366}
.home-experience .home-service-number{display:none}
.home-experience .home-service-list h3{margin-top:26px}
.home-experience .home-path-number{align-self:start;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:linear-gradient(145deg,#e72133,#aa0014);color:white;box-shadow:inset 0 1px 1px #ff9aa4,0 3px 0 #77000e,0 8px 13px #92001130;font-size:20px}
.home-experience .home-path{border:1px solid var(--review-edge);border-radius:18px;background:var(--review-panel);padding:28px 24px;margin-bottom:22px;min-height:330px;box-shadow:inset 0 1px 1px #ffffff66,var(--review-shadow);grid-template-columns:40px minmax(0,1fr)}
.home-experience .home-help{gap:16px;border:0;padding-block:32px}
.home-experience .home-help a{padding:22px;border:1px solid var(--review-edge);border-radius:15px;background:var(--review-panel);box-shadow:inset 0 1px 1px #ffffff66,var(--review-shadow)}
.home-experience .home-help a:hover{background:var(--review-panel)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .home-experience .button:hover{translate:0 -2px}
 .home-experience :is(.home-shortcuts a,.home-help a,.home-service-list>a,.home-place,.home-voucher):hover{translate:0 -4px;box-shadow:inset 0 1px 1px #ffffff70,0 3px 0 #45677930,0 28px 38px -20px #002b4b99}
}
@media(max-width:760px){.home-experience .home-shortcuts{gap:10px}.home-experience .home-shortcuts a{padding:16px;font-size:23px}.home-experience .home-place-copy{padding:22px}.home-experience .home-path{padding:22px 18px;gap:14px;min-height:0}.home-experience .home-path-mobile{border-radius:12px;overflow:hidden}.home-experience .home-help{gap:12px}.home-experience .home-help a{padding:18px}}
@media(prefers-reduced-motion:reduce){.home-experience :is(.button,.home-voucher,.home-shortcuts a,.home-help a,.home-service-list>a,.home-place,.home-path){transition:none;translate:none}}

/* Equipment belongs to the same raised surfaces as the rest of the proposal. */
html .home-experience .gear-fans{gap:22px;margin-top:28px}
html .home-experience .gear-fan{position:relative;border:1px solid var(--review-edge);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--review-panel) 88%,white),var(--review-panel));box-shadow:inset 0 1px 1px #ffffff80,var(--review-shadow);transition:translate .32s cubic-bezier(.2,.65,.3,1),box-shadow .32s ease,border-color .25s ease;text-decoration:none}
html .home-experience .gear-stage{height:245px;border-radius:17px 17px 0 0;background:radial-gradient(ellipse at 50% 85%,#6996a91c,transparent 65%)}
html .home-experience .gear-cutout{filter:drop-shadow(0 10px 7px #092d3d35)}
html .home-experience .gear-label{margin:0 18px;padding:16px 0 19px;border-color:var(--review-edge);font-weight:700;transition:color .25s ease;text-decoration:none}
html .home-experience .gear-fan:is(:hover,:focus-visible) .gear-label{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;color:#b60016}
html[data-theme=dark] .home-experience .gear-fan{background:linear-gradient(145deg,#244958,#12323f)}
html[data-theme=dark] .home-experience .gear-fan:is(:hover,:focus-visible) .gear-label{color:#70dbe9}
/* Secondary controls stay quieter than red calls to action, but have a visible edge and depth. */
html .home-experience :is(.gear-toggle,.film-toggle,.motion-toggle,.glass-arrows button){border:1px solid var(--review-edge);border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--review-panel) 88%,white),var(--review-panel));color:var(--review-ink);box-shadow:inset 0 1px 1px #ffffff80,0 2px 0 #627e8d45,0 8px 14px -9px #002b4b80;min-height:44px;transition:translate .32s cubic-bezier(.2,.65,.3,1),box-shadow .32s ease,border-color .25s ease,background-color .25s ease}
html .home-experience :is(.film-toggle,.motion-toggle){background:linear-gradient(145deg,#365968,#153443);color:#fff;border-color:#89aeba;box-shadow:inset 0 1px 1px #ffffff50,0 2px 0 #00152280,0 8px 14px #00152240}
html .home-experience .glass-arrows :is([data-banner-prev],[data-banner-next]){border-radius:50%}
html .home-experience :is(.gear-toggle,.film-toggle,.motion-toggle,.glass-arrows button):not(:disabled):active{translate:0 0;box-shadow:inset 0 2px 4px #001c3030}
html .home-experience :is(.gear-toggle,.film-toggle,.motion-toggle,.glass-arrows button):disabled{opacity:.5;box-shadow:none;cursor:not-allowed}
@media(hover:hover) and (pointer:fine){
 html .home-experience :is(.gear-toggle,.film-toggle,.motion-toggle,.glass-arrows button):not(:disabled):not(:active):hover{border-color:#498fa5;box-shadow:inset 0 1px 1px #ffffff80,0 2px 0 #627e8d45,0 12px 18px -9px #002b4b90}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html .home-experience .gear-fan:hover{translate:0 -4px;box-shadow:inset 0 1px 1px #ffffff80,0 3px 0 #45677930,0 27px 36px -20px #002b4b99;border-color:#5795a8}
 html .home-experience :is(.gear-toggle,.film-toggle,.motion-toggle,.glass-arrows button):not(:disabled):not(:active):hover{translate:0 -2px}
}
@media(max-width:600px){
 html .home-experience .gear-fans{grid-template-columns:1fr;gap:14px}
 html .home-experience .gear-fan{display:grid;grid-template-columns:125px minmax(0,1fr);align-items:center}
 html .home-experience .gear-stage{height:140px;border-radius:17px 0 0 17px}
 html .home-experience .gear-label{margin:0 16px;border:0;padding:18px 0;font-size:18px}
}
@media(prefers-reduced-motion:reduce){html .home-experience :is(.gear-fan,.gear-toggle,.film-toggle,.motion-toggle,.glass-arrows button){transition:none;translate:none}}

/* Keep the lower edge interactive while the surface lifts under a stationary pointer. */
html .home-experience :is(.button,.home-shortcuts a,.home-help a,.home-service-list>a,.home-place,.home-voucher,.gear-toggle,.glass-arrows button){position:relative}
html .home-experience :is(.button,.home-shortcuts a,.home-help a,.home-service-list>a,.home-place,.home-voucher,.gear-fan,.gear-toggle,.film-toggle,.motion-toggle,.glass-arrows button)::after{content:"";position:absolute;left:0;right:0;top:100%;height:5px;background:transparent}
/* Reveal and hover animate different properties; neither may replace the other. */
@media(prefers-reduced-motion:no-preference){
 html .home-experience.home-motion-active :is(.home-service-list>a,.home-place)[data-home-reveal]{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1),translate .32s cubic-bezier(.2,.65,.3,1),box-shadow .32s ease,border-color .25s ease;transition-delay:0s}
}
html .home-experience .button:active{translate:0 0}
html[data-motion-paused] .home-experience :is(.button,.home-shortcuts a,.home-help a,.home-service-list>a,.home-place,.home-voucher,.gear-fan,.gear-toggle,.film-toggle,.motion-toggle,.glass-arrows button){translate:none;transition:none}

html .home-experience :is(.home-place,.home-service-list>a){overflow:visible}
html .home-experience :is(.home-place-image,.home-service-visual){overflow:hidden;border-radius:21px 21px 0 0}