body.sa-page{background:#061018!important;color:#f7f8fa}
body.sa-page .site-shell{background-color:#061018!important}
.sa-case{--sa-ink:#f7f8fa;--sa-muted:#b8cdd6;--sa-cyan:#16b9ff;--sa-pink:#ff0a78;--sa-lime:#a9e500;--sa-yellow:#ffd400;font-family:"CMYKER Gilroy",Gilroy,Arial,sans-serif;color:var(--sa-ink);background:#061018;position:relative;isolation:isolate;overflow:clip}
.sa-case *{box-sizing:border-box}.sa-case :is(h1,h2,h3,p,figure){margin:0}.sa-case :is(h1,h2,h3){font-family:inherit;color:inherit}.sa-case a{color:inherit;text-decoration:none}.sa-case button{font:inherit}.sa-case img{display:block;width:100%;height:auto}.sa-wrap{width:min(1500px,calc(100% - 112px));margin-inline:auto;position:relative;z-index:1}
.sa-case:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(4,16,24,.98),rgba(4,16,24,.96) 55%,rgba(4,16,24,.9)),url('/cases/summer-adventures/assets/images/hero_installation.webp') center top/100% auto repeat-y;opacity:.3}
.sa-hero{padding-top:24px;position:relative}.sa-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 77% 35%,#076ca328,transparent 60%),radial-gradient(ellipse at 20% 75%,#ffad1710,transparent 45%);pointer-events:none}
.sa-hero-grid{display:grid;grid-template-columns:40% minmax(0,60%);align-items:center;gap:0;min-height:650px;padding-block:36px 56px}.sa-hero-copy{position:relative;padding-right:30px;z-index:2}.sa-back{display:inline-block;font-size:14px;color:#bac8ce!important;margin-bottom:48px;transition:color .2s}.sa-back:hover{color:white!important}.sa-eyebrow{font-size:11px!important;font-weight:600;line-height:1.5!important;letter-spacing:.2em;text-transform:uppercase;color:#acd7e8!important;margin-bottom:20px!important}.sa-case h1{font-size:clamp(48px,5.9vw,92px);font-weight:800;line-height:1.05;letter-spacing:-.045em;white-space:nowrap;position:relative;isolation:isolate}.sa-case h1>span{display:inline-block;background:#e50068;padding:4px 16px 10px 10px;margin-left:-10px;margin-top:9px;border-radius:12px;box-shadow:0 6px 0 #940e4966;font-size:.665em;letter-spacing:-.025em}.sa-subtitle{font-size:clamp(19px,1.75vw,28px)!important;font-weight:600;line-height:1.22!important;margin-top:30px!important;max-width:360px}.sa-lead{color:var(--sa-muted);font-size:clamp(16px,1.35vw,20px);line-height:1.5;max-width:385px;margin-top:18px!important}.sa-tags{display:flex;flex-wrap:wrap;gap:9px;padding:0;list-style:none;margin:27px 0 0;max-width:385px}.sa-tags li{font-size:12px;line-height:1.3;border:1px solid #6490a354;border-radius:24px;padding:10px 13px;background:#02121a80}.sa-tags li:before{content:"";display:inline-block;width:6px;height:6px;background:var(--sa-cyan);border-radius:50%;margin-right:8px}.sa-tags li:nth-child(2):before{background:var(--sa-pink)}.sa-tags li:nth-child(3):before{background:var(--sa-yellow)}.sa-tags li:nth-child(4):before{background:var(--sa-lime)}.sa-explore{display:flex;width:fit-content;align-items:center;gap:30px;font-size:14px;margin-top:36px;color:#d4e5ec!important}.sa-explore span{font-size:23px;color:var(--sa-cyan)}
.sa-hero-visual{position:relative;align-self:center}.sa-hero-visual a{display:block;border-radius:26px;overflow:hidden;box-shadow:0 18px 80px #0006,0 0 70px #008ad317}.sa-hero-visual img{aspect-ratio:3/2;object-fit:cover}.sa-hero-visual figcaption{font-size:11px;letter-spacing:.09em;color:#a8c4cd;margin-top:15px;text-align:right}.sa-section-nav{display:flex;gap:42px;padding:20px 0 26px;border-top:1px solid #729aae30}.sa-section-nav a{font-size:12px;color:#5fb5d4;letter-spacing:.08em;transition:color .2s}.sa-section-nav span{color:#d6e4ea;margin-left:9px}.sa-section-nav a:hover span{color:var(--sa-cyan)}
.sa-section{padding:clamp(60px,7vw,106px) 0;scroll-margin-top:88px}.sa-section-head{margin-bottom:42px}.sa-section-head h2{font-size:clamp(34px,4.4vw,68px);font-weight:800;line-height:1.08;letter-spacing:-.035em;max-width:1280px}.sa-section-head em{font-style:normal;background:linear-gradient(100deg,#ff1688 0%,#ffa520 45%,#bfe814 63%,#27c6fd 95%);color:transparent;background-clip:text}.sa-section-head>p:last-child:not(.sa-eyebrow){font-size:19px;line-height:1.5;color:var(--sa-muted);margin-top:20px}.sa-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.sa-pink{--accent:var(--sa-pink)}.sa-cyan{--accent:var(--sa-cyan)}.sa-lime{--accent:var(--sa-lime)}.sa-yellow{--accent:var(--sa-yellow)}
.sa-stage,.sa-detail{background:linear-gradient(150deg,#092332ed,#071923e8);border:1px solid #47758b70;border-radius:24px;padding:26px 22px;min-width:0;box-shadow:inset 0 1px 0 #7cbeda12;transition:border-color .25s,transform .25s}.sa-stage:hover,.sa-detail:hover{border-color:#82b5cc90;transform:translateY(-3px)}.sa-stage-head{display:flex;gap:17px;align-items:center;margin-bottom:22px;min-height:64px}.sa-number{position:relative;display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;color:#fff;font-size:31px;font-weight:800;isolation:isolate}.sa-number:before{content:"";position:absolute;inset:-5px;background:var(--accent);z-index:-1;clip-path:polygon(50% 0%,59% 15%,73% 5%,77% 23%,96% 20%,88% 39%,100% 50%,84% 60%,94% 78%,76% 78%,72% 96%,57% 86%,45% 100%,39% 83%,20% 94%,21% 73%,3% 70%,15% 53%,0% 39%,19% 33%,13% 13%,36% 21%);transform:rotate(-8deg)}.sa-lime .sa-number{color:#132007}.sa-stage h3{font-size:clamp(22px,2.1vw,32px);line-height:1.08;font-weight:700;letter-spacing:-.02em}.sa-stage>p,.sa-detail>p{font-size:16px;line-height:1.5;color:#d1dfe5}.sa-stage>p:first-of-type{min-height:192px}.sa-stage-art{margin-top:24px!important}.sa-case .sa-art-link{position:relative;display:block;overflow:hidden;border-radius:12px;background:#06121c}.sa-art-link:after{content:'↗';position:absolute;right:9px;bottom:9px;border-radius:50%;background:#061018c9;color:white;width:28px;height:28px;display:grid;place-items:center;font-size:16px;opacity:0;transition:opacity .2s}.sa-art-link:hover:after,.sa-art-link:focus-visible:after{opacity:1}.sa-stage-art img{height:260px;object-fit:contain}.sa-stage-art figcaption,.sa-detail figcaption{font-size:12px;color:#92b6c8;line-height:1.45;margin-top:10px}.sa-image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.sa-image-pair img{height:140px;object-fit:contain}.sa-stage-note{font-size:14px!important;margin-top:18px!important;color:#b7d2de!important}.sa-process-poster{display:grid;grid-template-columns:138px 1fr;align-items:center;gap:18px;margin-top:22px}.sa-process-poster img{aspect-ratio:1;object-fit:contain}.sa-process-poster>span{font-size:15px;color:#b4cbd4;line-height:1.45}.sa-install-pair img{height:165px}
.sa-details{background:linear-gradient(180deg,#08192120,#07172190);border-top:1px solid #689db51c}.sa-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sa-detail{padding:22px 18px}.sa-detail-heading{display:flex;align-items:flex-start;gap:10px;min-height:63px;margin-bottom:18px}.sa-detail-heading>span{font-weight:800;font-size:24px;line-height:1;color:var(--accent)}.sa-detail h3{font-size:22px;line-height:1.12;font-weight:700}.sa-detail>p{font-size:16px;min-height:144px}.sa-detail>figure{margin-top:20px}.sa-detail>figure img{height:220px;object-fit:contain}.sa-detail-quality{display:grid;gap:12px;margin-top:20px}.sa-detail-quality img{aspect-ratio:16/9;object-fit:contain}.sa-production-list{list-style:none;padding:0;margin:0;display:grid;gap:18px;min-height:186px}.sa-production-list li{display:flex;gap:12px;align-items:center}.sa-production-list li>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border:1px solid #76a2b961;border-radius:50%;color:var(--accent);font-size:21px}.sa-production-list b{font-size:14px;line-height:1.3;display:block}.sa-production-list small{font-size:13px;line-height:1.4;color:#a8c0cc;display:block;margin-top:4px}.sa-detail .sa-image-pair{margin-top:20px}.sa-detail .sa-image-pair img{height:140px}.sa-installed{margin-top:20px}.sa-installed>a img{aspect-ratio:4/3;object-fit:contain}.sa-installed .sa-image-pair{margin-top:10px}.sa-installed .sa-image-pair img{height:115px}
.sa-video{padding-bottom:64px}.sa-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.sa-film{min-width:0}.sa-film figcaption{margin-bottom:20px;min-height:102px}.sa-film figcaption>span{font-size:11px;letter-spacing:.12em;color:var(--sa-cyan);text-transform:uppercase}.sa-film h3{font-size:25px;line-height:1.2;margin-top:10px;font-weight:600}.sa-film p{font-size:15px;color:#a6c3d0;line-height:1.4;margin-top:10px}.sa-player{position:relative;background:#03090e;border:1px solid #577e945e;border-radius:22px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center}.sa-player video{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.sa-player-portrait{aspect-ratio:16/9;background:linear-gradient(90deg,#06121dda,#06121dc9),url('/cases/summer-adventures/assets/images/hero_installation.webp') center/cover}.sa-player-portrait video{object-fit:contain}.sa-play{position:absolute;inset:0;width:100%;height:calc(100% - 44px);padding:0;background:none;border:0;color:white;display:grid;place-items:center;cursor:pointer}.sa-play span{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#ea096ccf;box-shadow:0 0 0 10px #fd45941c;font-size:27px;transition:transform .2s}.sa-film:nth-child(2) .sa-play span{background:#008fcacb;box-shadow:0 0 0 10px #22b7f01c}.sa-play:hover span{transform:scale(1.08)}.sa-play[hidden]{display:none}.sa-closing{border-top:1px solid #78a9bb30;padding-top:32px;margin-top:48px!important;text-align:center;font-size:clamp(14px,1.4vw,20px);line-height:1.8;color:#c1d5df}.sa-closing span{color:var(--sa-cyan);margin-inline:12px}
.sa-case :is(a,button):focus-visible{outline:2px solid #4dccff;outline-offset:5px}.sa-lightbox{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:20px 24px;background:#040d14fa;color:#f7f8fa;overflow:hidden;font-family:"CMYKER Gilroy",Gilroy,Arial,sans-serif}.sa-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px}.sa-lightbox::backdrop{background:#02070ceb}.sa-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:24px}.sa-lightbox-bar p{margin:0;font-size:15px;line-height:1.4}.sa-lightbox button{background:#152937;border:1px solid #5384a267;color:white;border-radius:50%;width:44px;height:44px;flex-shrink:0;font-size:25px;cursor:pointer}.sa-lightbox button:focus-visible{outline:2px solid #4dccff;outline-offset:4px}.sa-lightbox>img{width:100%;height:100%;object-fit:contain;min-height:0}.sa-lightbox-controls{display:flex;gap:28px;justify-content:center;align-items:center}.sa-lightbox-controls span{font-size:13px;color:#c2dce7}
/* Directional entrances, one time per module. */
.sa-reveal{--sa-x:0px;--sa-y:42px;--sa-scale:.96;--sa-turn:0deg;opacity:1}
.sa-section-head{--sa-y:-28px;--sa-scale:1}
.sa-stage:nth-child(1),.sa-detail:nth-child(1),.sa-film:first-child{--sa-x:-68px;--sa-y:20px;--sa-turn:-1deg}
.sa-stage:nth-child(2),.sa-detail:nth-child(2){--sa-y:-52px;--sa-scale:.93}
.sa-stage:nth-child(3),.sa-detail:nth-child(3),.sa-film:last-child{--sa-x:68px;--sa-y:26px;--sa-turn:1deg}
.sa-motion .sa-reveal.sa-pending{opacity:0;transform:translate(var(--sa-x),var(--sa-y)) scale(var(--sa-scale)) rotate(var(--sa-turn))}
.sa-motion .sa-reveal.sa-arriving{animation:sa-module-enter .88s both cubic-bezier(.18,.75,.24,1)}
@keyframes sa-module-enter{0%{opacity:0;transform:translate(var(--sa-x),var(--sa-y)) scale(var(--sa-scale)) rotate(var(--sa-turn))}72%{opacity:1;transform:translate(0,-5px) scale(1.008) rotate(0)}100%{opacity:1;transform:translate(0,0) scale(1) rotate(0)}}
.sa-hero-copy{animation:sa-hero-left .95s both cubic-bezier(.16,1,.3,1)}.sa-hero-visual{animation:sa-hero-right 1.1s .12s both cubic-bezier(.16,1,.3,1)}
@keyframes sa-hero-left{from{opacity:0;translate:-45px 0}to{opacity:1;translate:0 0}}
@keyframes sa-hero-right{from{opacity:0;translate:60px 18px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
.sa-lightbox[open]{animation:sa-dialog-in .32s ease-out both}.sa-lightbox[open]::backdrop{animation:sa-dialog-in .32s ease-out both}
.sa-lightbox.sa-closing-dialog{animation:sa-dialog-out .24s ease-in both}.sa-lightbox.sa-closing-dialog::backdrop{animation:sa-dialog-out .24s ease-in both}
@keyframes sa-dialog-in{from{opacity:0}to{opacity:1}}@keyframes sa-dialog-out{from{opacity:1}to{opacity:0}}
@media(max-width:600px){.sa-case .sa-reveal{--sa-x:0px;--sa-y:28px;--sa-turn:0deg;--sa-scale:.98}.sa-case .sa-stage:nth-child(odd),.sa-case .sa-detail:nth-child(odd){--sa-x:-24px;--sa-y:12px}.sa-case .sa-stage:nth-child(even),.sa-case .sa-detail:nth-child(even){--sa-x:24px;--sa-y:-18px}}
@media(min-width:1650px){.sa-stage>p:first-of-type{min-height:168px}.sa-detail>p{min-height:160px}}
@media(max-width:1200px){.sa-wrap{width:calc(100% - 72px)}.sa-hero-grid{grid-template-columns:42% 58%;min-height:610px}.sa-back{margin-bottom:34px}.sa-case h1{font-size:clamp(50px,6.3vw,78px)}.sa-stage{padding:22px 17px}.sa-stage-head{gap:12px}.sa-stage h3{font-size:24px}.sa-stage>p:first-of-type{min-height:245px}.sa-stage-art img{height:225px}.sa-process-poster{grid-template-columns:100px 1fr;gap:12px}.sa-process-poster>span{font-size:13px}.sa-detail{padding:26px}.sa-detail-heading{min-height:0}.sa-detail>p{min-height:100px}.sa-detail>figure img{height:270px}.sa-detail-quality{grid-template-columns:1fr}.sa-detail-quality img{height:225px;aspect-ratio:auto}.sa-detail .sa-image-pair img{height:185px}.sa-production-list{min-height:initial}.sa-detail h3{font-size:25px}.sa-installed>a img{max-height:200px}.sa-installed .sa-image-pair img{height:125px}}
@media(max-width:900px){.sa-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-detail:last-child{grid-column:1/-1}.sa-hero-grid{grid-template-columns:1fr;gap:32px;padding-top:20px}.sa-hero-copy{padding:0}.sa-hero-copy .sa-eyebrow{margin-bottom:18px!important}.sa-back{margin-bottom:26px}.sa-case h1{font-size:clamp(58px,9vw,80px)}.sa-subtitle{max-width:none}.sa-lead{max-width:560px}.sa-tags{max-width:none}.sa-explore{margin-top:25px}.sa-hero-visual{width:100%}.sa-hero-visual img{max-height:540px;object-fit:contain;background:#051119}.sa-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-stage:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.sa-stage:last-child .sa-stage-head{grid-column:1}.sa-stage:last-child>p{grid-column:1;min-height:0;grid-row:2}.sa-stage:last-child .sa-stage-art{grid-column:2;grid-row:1/3;margin-top:0!important}.sa-stage:last-child .sa-image-pair{grid-column:1/-1;margin:0}.sa-stage:last-child .sa-image-pair img{height:220px}.sa-stage-art img{height:245px}.sa-stage>p:first-of-type{min-height:220px}.sa-section-nav{gap:30px}.sa-video-grid{gap:20px}.sa-film figcaption{min-height:125px}.sa-film h3{font-size:22px}.sa-play span{width:56px;height:56px;font-size:22px}.sa-section-head h2{font-size:46px}}
@media(max-width:600px){.sa-detail:last-child{grid-column:auto}.sa-wrap{width:calc(100% - 36px)}.sa-hero{padding-top:10px}.sa-hero-grid{gap:28px;padding-bottom:28px;min-height:0}.sa-case h1{font-size:clamp(50px,13.8vw,76px)}.sa-case h1>span{font-size:.66em;padding-inline:8px;margin-left:-4px;letter-spacing:-.035em;border-radius:9px}.sa-subtitle{font-size:22px!important;margin-top:26px!important;max-width:330px}.sa-lead{font-size:17px}.sa-tags{gap:8px}.sa-tags li{font-size:11px;padding:9px 10px}.sa-hero-visual a{border-radius:16px}.sa-hero-visual figcaption{text-align:left;font-size:10px;line-height:1.4}.sa-section-nav{gap:0;justify-content:space-between;padding-bottom:16px}.sa-section-nav a{font-size:10px;letter-spacing:0}.sa-section-nav span{margin-left:4px}.sa-section{padding-block:54px}.sa-section-head{margin-bottom:28px}.sa-section-head h2{font-size:clamp(33px,8.8vw,48px)}.sa-section-head>p:last-child:not(.sa-eyebrow){font-size:17px}.sa-process-grid,.sa-details-grid,.sa-video-grid{grid-template-columns:1fr;gap:24px}.sa-stage{padding:25px 20px}.sa-stage:last-child{display:block}.sa-stage h3{font-size:29px}.sa-stage>p:first-of-type{min-height:0}.sa-stage:last-child .sa-stage-art{margin-top:24px!important}.sa-stage-art img{height:auto;max-height:340px;object-fit:contain}.sa-process-poster{grid-template-columns:135px 1fr}.sa-process-poster>span{font-size:15px}.sa-stage:last-child .sa-image-pair{margin-top:16px}.sa-stage:last-child .sa-image-pair img{height:165px}.sa-detail{padding:24px 20px}.sa-detail>p{min-height:0;font-size:16px}.sa-detail h3{font-size:25px}.sa-detail-quality{grid-template-columns:1fr}.sa-detail-quality img{height:auto}.sa-detail>figure img{height:auto}.sa-detail .sa-image-pair img{height:150px}.sa-installed>a img{max-height:none}.sa-film figcaption{min-height:0;margin-bottom:16px}.sa-film h3{font-size:24px}.sa-video-grid{gap:38px}.sa-player{border-radius:16px}.sa-player-portrait{aspect-ratio:9/16;width:min(100%,350px);margin-inline:auto}.sa-play span{width:64px;height:64px;font-size:25px}.sa-closing{margin-top:34px!important;text-align:left;padding-top:25px;font-size:14px}.sa-closing span{margin-inline:4px}.sa-lightbox{padding:14px 12px}.sa-lightbox-bar p{font-size:13px}.sa-case:before{background-size:auto 900px;opacity:.5}}
@media(prefers-reduced-motion:reduce){.sa-case *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sa-motion .sa-reveal.sa-pending{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce){.sa-lightbox,.sa-lightbox::backdrop{animation:none!important;transition:none!important}}