@import url('app-motion-v8.css');
/* Media proportions follow reference ProjectPage's 12-column hierarchy:
   wide 10/12, inset 8/12, paired 4/12. Palette/content are DIVESYNC. */
body{background:#06111b;color:#dceaf1}figure{margin:0}main{overflow:clip}.index-label{font:9px/1.5 monospace;letter-spacing:.17em;color:#8ca7b7}.editorial-intro,.editorial-caption,.detail-caption,.motion-top,.film-caption,.digital-intro,.app-stage,.app-endnote,.footer-v8{position:relative;z-index:3}.editorial-intro{width:83.333%;margin:0 auto;padding:140px 0 95px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.editorial-intro>.index-label{grid-column:1/-1;margin-bottom:30px}.editorial-intro h2{font-size:clamp(35px,4vw,65px);font-weight:400;line-height:1.4;letter-spacing:-.045em;margin:0}.editorial-intro h2 em{font-style:normal;color:#8ea6b7}.intro-side{justify-self:end;align-self:end}.intro-side p{font-size:13px;line-height:2.1;color:#a4b8c6}.intro-side>span{font:8px monospace;letter-spacing:.12em;display:block;margin-top:28px;color:#688698}.media-panel{position:relative;overflow:visible;background:#040b12}.media-panel>img,.media-panel>video{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .15s}.product-wide{width:83.333%;height:58vw;max-height:860px;margin:auto}.product-wide>img{object-fit:contain}.product-wide figcaption{position:absolute;z-index:3;bottom:30px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:end;font:11px monospace;letter-spacing:.12em;pointer-events:none}.product-wide figcaption small{font-size:8px}.editorial-caption{width:66.667%;margin:65px auto 145px;display:flex;justify-content:space-between;gap:50px}.editorial-caption h3{font-size:21px;font-weight:400;letter-spacing:.02em;margin:0}.editorial-caption p{font-size:12px;line-height:2;color:#819cac;margin:0}.detail-duo{display:grid;grid-template-columns:1fr 1fr;gap:3.333vw;width:66.667%;margin:0 auto 150px}.detail-piece.offset{padding-top:145px}.detail-piece .media-panel{height:40vw;max-height:670px}.detail-piece:first-child img{object-position:35% center}.detail-caption{padding-top:30px;min-height:145px}.detail-caption>span{font:9px monospace;letter-spacing:.12em;color:#7a98a8}.detail-caption h3{font-size:23px;font-weight:400;margin:20px 0 13px}.detail-caption p{font-size:11px;color:#819cac;line-height:2}.motion-editorial{padding:0 0 130px}.motion-top{width:66.667%;margin:0 auto 55px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.motion-top>.index-label{grid-column:1/-1;margin-bottom:40px}.motion-top h2{font-size:clamp(43px,5.4vw,82px);font-weight:300;line-height:.97;letter-spacing:-.045em;margin:0}.motion-top h2 em{font-family:Georgia,serif;font-weight:400;color:#91bdce}.motion-top p{justify-self:end;font-size:12px;line-height:2;color:#819cac}.optical-film{width:83.333%;height:54vw;max-height:830px;margin:0 auto;background:#04090d}.optical-film video{object-fit:cover}.film-caption{display:flex;justify-content:space-between;width:83.333%;margin:22px auto 0;font:8px monospace;letter-spacing:.15em;color:#708c9e}.ocean-journey{height:1100px;min-height:100svh;position:relative;margin:0;background:#061420}.ocean-media{position:absolute;inset:0}.ocean-media img{object-position:65% center}.ocean-wash{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(0deg,#06111b,transparent 32%,#06111b40 65%,#06111b),linear-gradient(90deg,#03162299,transparent 85%)}.ocean-title{position:absolute;z-index:4;top:110px;left:8.333%}.ocean-title h2{font-size:clamp(38px,4.8vw,76px);line-height:1.35;font-weight:400;letter-spacing:-.045em;margin:32px 0}.ocean-title h2 em{font-style:normal;color:#a9d8e7}.ocean-title p{font-size:12px;color:#c0d4dd;line-height:2}.dive-console{position:absolute;z-index:4;width:350px;right:10%;top:40%;border-top:1px solid #d7f2ff55;border-bottom:1px solid #d7f2ff55;padding:22px 0 15px;transition:opacity .6s,transform .6s}.console-top{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:.07em;color:#bddeeb}.console-top i{display:inline-block;border-radius:50%;width:5px;height:5px;background:#baf6e7;box-shadow:0 0 10px #baf6e7;animation:signalPulse 2s infinite}.signal-tabs{display:flex;gap:30px;margin:28px 0 20px}.signal-tabs button{border:0;border-bottom:1px solid transparent;background:none;color:#92b3c4;padding:5px 0 9px;font-size:11px;cursor:pointer;transition:color .25s,border-color .25s}.signal-tabs button[aria-selected=true]{color:#edffff;border-color:#b1f3ff}.signal-reading>span{font:9px monospace;color:#95c1d4;letter-spacing:.14em}.signal-reading strong{display:flex;align-items:baseline;gap:12px;margin-top:5px;font-weight:300}.signal-reading b{font-size:86px;line-height:1.15;font-weight:300;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.signal-reading small{font:17px monospace;color:#adccdd}.signal-reading svg{width:100%;height:65px;overflow:visible}.signal-reading path{fill:none;stroke:#a1e6ee;stroke-width:1.2;stroke-dasharray:500;stroke-dashoffset:500;animation:drawSignal 1.4s forwards}.dive-console>p{font-size:11px;color:#b7d2df;line-height:1.8;margin:12px 0 25px}.console-bottom{display:flex;justify-content:space-between;align-items:center;color:#7f9fac;font-size:9px}.console-bottom button{background:none;border:0;color:#cbe3eb;font-size:10px;cursor:pointer}.ocean-transition{position:absolute;z-index:4;bottom:55px;left:8.333%;right:8.333%;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9bb7c7}.ocean-transition a{display:flex;gap:40px}.ocean-particles{position:absolute;inset:0;overflow:hidden;z-index:3;pointer-events:none}.ocean-particles i{position:absolute;bottom:-10%;width:2px;height:2px;border-radius:50%;background:#b1efff88;animation:riseParticle var(--duration) linear infinite;animation-delay:var(--delay);left:var(--left)}.ocean-journey.clean-view .signal-reading,.ocean-journey.clean-view .signal-tabs,.ocean-journey.clean-view .dive-console>p,.ocean-journey.clean-view .console-top{opacity:0;pointer-events:none}.digital-experience{background:radial-gradient(ellipse at 60% 65%,#142d40,#06111b 70%);padding:130px 0 90px}.digital-intro{width:83.333%;margin:0 auto 100px;display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:30px}.digital-intro .index-label{grid-column:1/-1;margin-bottom:30px}.digital-intro h2{font-size:clamp(40px,4.8vw,74px);line-height:1.3;font-weight:400;letter-spacing:-.04em;margin:0}.digital-intro h2 em{font-style:normal;color:#94b2c5}.digital-intro>p{justify-self:end;color:#8aa6b8;font-size:12px;line-height:2}.app-stage{display:grid;grid-template-columns:1fr 390px .7fr;gap:5%;width:83.333%;margin:0 auto;align-items:center}.app-chapters>.index-label{display:block;margin-bottom:32px}.app-chapters>button{width:100%;display:flex;gap:18px;text-align:left;align-items:center;background:none;border:0;border-bottom:1px solid #63839433;color:#688697;padding:25px 0;cursor:pointer;transition:color .4s,padding-left .4s}.app-chapters>button>span{font:9px monospace;align-self:start;margin-top:4px}.app-chapters b{font-size:15px;font-weight:400;display:block}.app-chapters small{font-size:9px;display:block;margin-top:10px}.app-chapters i{margin-left:auto;font-style:normal;font-size:19px;transition:transform .4s}.app-chapters button.active{color:#d7f2ff}.app-chapters button.active i{transform:rotate(45deg)}.app-chapters button:hover{color:#d7f2ff;padding-left:8px}.app-chapters>p{font-size:10px;line-height:2;color:#6d8a9b;margin:30px 0}.app-chapters>a{font-size:10px;color:#b8d2df;border-bottom:1px solid #b8d2df44;padding-bottom:6px}.phone-presentation{position:relative;perspective:1500px}.phone-aura{position:absolute;inset:15% -30%;background:radial-gradient(ellipse,#31688755,transparent 65%);filter:blur(30px);pointer-events:none}.phone-presentation #dive-app{position:relative;width:100%;filter:drop-shadow(0 35px 35px #0007)}.app-stage-note>span{font-size:clamp(19px,2.2vw,32px);line-height:1.2;letter-spacing:-.04em;color:#7899ad;font-weight:300}.app-stage-note em{font-family:Georgia,serif;color:#b4d3df}.app-stage-note p{font-size:11px;line-height:2;color:#799aaf;margin:45px 0 18px}.app-stage-note small{font:8px monospace;letter-spacing:.12em;color:#7899ad}.app-endnote{display:flex;justify-content:space-between;width:83.333%;margin:80px auto 0;border-top:1px solid #62809233;padding-top:25px;font-size:9px;color:#658396}.app-endnote button{background:none;border:0;color:#9bb8c9;font-size:10px;cursor:pointer}.closing-v8{height:85svh;min-height:550px;position:relative}.closing-media{position:absolute;inset:0}.closing-v8>div{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(#06111b,transparent 50%,#06111b88)}.closing-v8>div>span{font:9px monospace;letter-spacing:.22em}.closing-v8 h2{font-size:clamp(90px,12vw,190px);font-weight:300;letter-spacing:-.07em;line-height:.82;margin:45px 0}.closing-v8 h2 em{font-family:Georgia,serif;font-weight:400}.closing-v8 a{font-size:11px;margin-top:20px}.footer-v8{background:#06111b;padding:45px 8.333%;display:flex;align-items:center;justify-content:space-between}.footer-v8>a{font-size:23px;letter-spacing:-.065em}.footer-v8>span{font-size:10px;color:#7290a2}.footer-v8 button{border:0;background:none;color:#8da9bc;font-size:10px;cursor:pointer}.motion-enter{opacity:0;transform:translateY(25px);transition:opacity 1.2s,transform 1.2s cubic-bezier(.2,.7,.2,1)}.motion-enter.visible{opacity:1;transform:none}
@keyframes riseParticle{to{transform:translate(35px,-1000px);opacity:0}}@keyframes signalPulse{50%{opacity:.35}}@keyframes drawSignal{to{stroke-dashoffset:0}}
@media(max-width:1100px){.app-stage{grid-template-columns:1fr 360px;gap:7%}.app-stage-note{display:none}.dive-console{right:8%;width:310px}.detail-duo{width:75%}.editorial-caption{width:75%}}
@media(max-width:800px){.editorial-intro{padding:100px 0 65px;display:block}.editorial-intro>.index-label{display:block;margin-bottom:35px}.intro-side{margin-top:35px}.intro-side>span{margin-top:20px}.product-wide{width:90%;height:70vw}.editorial-caption{display:block;margin:45px auto 80px;width:83.333%}.editorial-caption p{margin-top:20px}.detail-duo{width:83.333%;gap:4vw;margin-bottom:95px}.detail-piece.offset{padding-top:85px}.detail-piece .media-panel{height:57vw}.detail-caption h3{font-size:19px;line-height:1.6}.detail-caption p{font-size:10px}.motion-top{width:83.333%;display:block}.motion-top>.index-label{display:block;margin-bottom:30px}.motion-top p{margin-top:25px}.optical-film{width:90%;height:75vw}.film-caption{width:90%}.motion-editorial{padding-bottom:70px}.ocean-journey{height:1100px}.ocean-title{top:80px}.dive-console{top:49%;width:310px;right:8%}.digital-experience{padding-top:95px}.digital-intro{display:block;margin-bottom:60px}.digital-intro .index-label{display:block}.digital-intro>p{margin-top:25px}.app-stage{width:90%;grid-template-columns:minmax(0,1fr) 340px;gap:5%}.app-chapters b{font-size:12px}.app-chapters small{font-size:8px;line-height:1.7}.app-chapters>button{gap:10px;padding:24px 0}.app-chapters>.index-label{font-size:8px}.app-endnote{width:90%}.footer-v8{padding:35px 5%}}
@media(max-width:600px){.editorial-intro h2{font-size:34px}.intro-side p{font-size:11px}.product-wide{height:82vw}.product-wide figcaption{left:20px;right:20px;bottom:20px;font-size:9px}.editorial-caption h3{font-size:19px}.editorial-caption p{font-size:10px}.detail-duo{width:86%;display:block}.detail-piece .media-panel{height:108vw}.detail-piece.offset{padding-top:45px;width:87%;margin-left:auto}.detail-caption{min-height:120px}.detail-caption h3{margin-top:16px}.motion-top h2{font-size:44px}.optical-film{height:95vw}.ocean-title h2{font-size:37px}.ocean-journey{height:1050px}.dive-console{left:8%;right:8%;width:auto;top:49%;max-width:350px}.ocean-transition{font-size:10px;bottom:45px}.ocean-title p{font-size:11px}.digital-intro h2{font-size:38px}.app-stage{display:flex;flex-direction:column;width:88%;gap:40px}.app-chapters{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.app-chapters>.index-label{grid-column:1/-1;margin-bottom:10px}.app-chapters>button{padding:18px 0}.app-chapters>p{display:none}.app-chapters>a{grid-column:1/-1;justify-self:start;margin-top:20px}.app-chapters i{display:none}.phone-presentation{width:100%;max-width:360px}.app-endnote{margin-top:45px;font-size:8px;gap:15px}.app-endnote button{font-size:8px}.closing-v8{min-height:580px}.footer-v8{flex-wrap:wrap;gap:22px}.footer-v8>span{font-size:8px}.footer-v8 button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.motion-enter{opacity:1;transform:none}.ocean-particles i,.console-top i,.signal-reading path{animation:none}.signal-reading path{stroke-dashoffset:0}}.reduce-motion *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}