body{background:#061323}.stage{background:radial-gradient(ellipse at 76% 44%,#193952,#091929 48%,#040c17 100%);color:#eaf6ff}.copy{z-index:10}.copy .eyebrow,.chapter-no,.chapters p,.bottom{color:#89a8c1}em{color:#729ab8}.watermark{color:#5c97c511;font-size:7vw;bottom:15%}.ambient{background:radial-gradient(ellipse at 60% 50%,#2164904d,transparent 53%)}.gridlines{background-image:linear-gradient(90deg,#8ecaff0a 1px,transparent 1px)}.explore{color:#d6edff}.track{background:#7ea5c430}.track i{background:#b3e5ff;box-shadow:0 0 10px #75c9ff}.counter{color:#d6edff}.art{perspective:1200px;overflow:visible}.rig{position:absolute;left:50%;top:48%;width:220px;height:440px;transform-style:preserve-3d;will-change:transform;transform:translate(-50%,-50%) rotateX(10deg) rotateY(-24deg) rotateZ(-12deg)}.layer{position:absolute;inset:0;border-radius:34px;transform-style:preserve-3d;backface-visibility:visible}.back{background:linear-gradient(115deg,#bed4e3,#395267 14%,#091b2a 43%,#607d94 89%,#d6eaff);border:2px solid #9eb7cb;box-shadow:8px 12px 0 #1a3145,9px 13px 1px #9bb9ce,0 0 40px #80caff20}.engraving{position:absolute;bottom:15%;left:12%;font-size:13px;letter-spacing:4px;color:#c7e0ef}.engraving small{font-size:7px;letter-spacing:2px;line-height:3}.circuit{inset:9px;background:linear-gradient(140deg,#0c2a3d,#020910);border:1px solid #75c5e77a;box-shadow:0 0 20px #40bfff30;overflow:hidden}.traces{position:absolute;inset:15px;background:repeating-linear-gradient(90deg,transparent 0 18px,#70c5e744 19px 20px,transparent 21px 36px),repeating-linear-gradient(0deg,transparent 0 25px,#70c5e733 26px 27px,transparent 28px 52px);mask-image:radial-gradient(ellipse,transparent 15%,#000 55%)}.core{position:absolute;top:40%;left:20%;width:60%;aspect-ratio:1;border:1px solid #88d7ff;border-radius:24%;background:radial-gradient(#e6fbff,#458dad 5%,#153b57 35%,#040b13 70%);box-shadow:0 0 30px #60cfff60,inset 0 0 22px #6ccaff60;display:grid;place-items:center}.core b{font-size:33px;font-weight:400;color:#d4f5ff;text-shadow:0 0 20px #a1e8ff}.core span{position:absolute;inset:-15%;border:1px solid #7cddff;border-radius:50%;transform:rotateX(62deg);animation:orbital 9s linear infinite}.core span:nth-child(2){inset:-30%;animation-direction:reverse;animation-duration:12s}.core span:nth-child(3){inset:-45%;animation-duration:16s;opacity:.5}.glass{padding:6px;background:linear-gradient(130deg,#f0f9ff,#426781 20%,#172b3e 60%,#c8deed);border:1px solid #cfebff;box-shadow:5px 5px 0 #314e66,7px 6px 0 #819cb0,0 30px 70px #0008}.screen{height:100%;border-radius:28px;overflow:hidden;position:relative;background:#020d1d;border:2px solid #031020}.aurora{position:absolute;width:180%;height:70%;left:-60%;top:0;border-radius:45%;background:conic-gradient(from 10deg,transparent,#335eaf,#a3e9ff,#347ba8,transparent 60%);filter:blur(8px);animation:flow 10s ease-in-out infinite alternate;mix-blend-mode:screen}.aurora.b{top:30%;left:-12%;animation-delay:-4s;background:conic-gradient(transparent,#134f6f,#aae5ff,#315ca0,transparent 65%)}.aurora.c{top:62%;left:-60%;animation-delay:-7s;opacity:.65}.screen:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffffff24,transparent 35%,transparent 65%,#bceaff22);pointer-events:none}.screen-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 4px);opacity:.3}.screen-label{position:absolute;left:13%;bottom:13%;font-size:8px;letter-spacing:2px;line-height:2;color:#dbf5ff}.screen-label strong{font-weight:400;font-size:10px}.camera{position:absolute;top:13px;left:48%;width:7px;height:7px;border-radius:50%;background:#01060b;box-shadow:0 0 0 2px #ffffff14}.screen-line{position:absolute;bottom:8px;left:35%;width:30%;height:2px;background:#e6f9ff80;border-radius:3px}.tunnel{position:absolute;inset:0;perspective:700px;opacity:.5}.tunnel i{position:absolute;inset:calc(5% + var(--i)*3%);border:1px solid #84c5eb38;border-radius:50%;transform:rotateX(55deg) rotateZ(calc(var(--i)*15deg));box-shadow:0 0 12px #4ba8ee0d}.light-streak{position:absolute;left:5%;right:4%;top:49%;height:1px;background:linear-gradient(90deg,transparent,#96e5ffb0,transparent);box-shadow:0 0 20px 2px #58b7fa33;pointer-events:none}.annotation{color:#6697b7}.ending{background:#071523;color:#deedfa}.ending .note{color:#6d92aa}.ending .button{border:1px solid #44667d}.stage .bottom{z-index:12}@keyframes flow{from{transform:rotate(-25deg) translateY(-12%)}to{transform:rotate(40deg) translateY(16%)}}@keyframes orbital{to{transform:rotateZ(360deg) rotateX(62deg)}}@media(max-width:760px){.rig{width:144px;height:288px}.layer{border-radius:24px}.screen{border-radius:19px}.screen-label{font-size:6px}.screen-label strong{font-size:7px}.art{top:40%;height:49%}.watermark{font-size:40px}.core b{font-size:22px}}@media(prefers-reduced-motion:reduce){.aurora,.core span{animation:none}.rig{will-change:auto}}
/* The catalogue below uses the production layout and components. */
.product-content{background:#f5f7fa;color:#102c4b;position:relative;z-index:20}.product-content .range{padding-top:95px}.product-content .category{background:#fff}.product-content em{color:inherit}.product-content .contact{background:#eff4f7}.product-content .contact p{color:#61788d}.product-content .section-heading h2{letter-spacing:-2px}.rig{width:var(--device-w,220px);height:var(--device-h,440px)}.stage .art{transform-style:preserve-3d}.screen-label{white-space:nowrap}.light-streak{opacity:var(--flare,.3);height:2px;box-shadow:0 0 22px 4px #7ad4ff66,0 0 70px 12px #39a9ff33}.aurora{filter:blur(5px);animation-duration:6s}.tunnel{transition:opacity .1s}.tunnel i{border-color:#84c5eb60;box-shadow:0 0 22px #4ba8ee18}.wearables{position:absolute;inset:0;opacity:0;pointer-events:none;transform-style:preserve-3d}.watch-concept{position:absolute;width:170px;height:290px;top:24%;left:18%;transform:rotate(-18deg);filter:drop-shadow(0 25px 20px #0008)}.strap{position:absolute;left:25%;width:50%;height:100%;border-radius:30px;background:repeating-linear-gradient(0deg,#1d3c52 0px,#1d3c52 8px,#0b1a28 10px,#315067 11px);border:1px solid #6b91aa}.dial{position:absolute;top:22%;left:0;width:100%;height:57%;border-radius:36px;background:radial-gradient(circle at 60% 30%,#23445a,#030e1d 65%);border:5px solid #8caebe;box-shadow:inset 0 0 0 3px #0a263c,5px 7px 0 #314e63,6px 8px 0 #afdbf0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.dial strong{font-size:48px;line-height:.85;letter-spacing:-3px;color:#dcf6ff;font-weight:500;z-index:1}.dial strong span{display:block;color:#629fbf}.dial small{font-size:5px;letter-spacing:2px;margin-top:12px;color:#7eb2cb}.dial-ring{position:absolute;inset:8px;border-radius:28px;border:1px solid #72d4ff;box-shadow:0 0 16px #62bfff77;animation:dialpulse 4s ease-in-out infinite}.sound-concept{position:absolute;width:230px;height:250px;left:56%;top:39%;transform:rotate(14deg);filter:drop-shadow(0 25px 20px #0009)}.case{position:absolute;bottom:0;width:100%;height:49%;border-radius:35% 35% 43% 43%;background:linear-gradient(135deg,#e9f7ff,#809fae 35%,#203f52 75%,#90acbb);border:1px solid #c9edff;box-shadow:inset 0 8px 8px #ffffff33,5px 7px 0 #213b4c}.case:before{content:'';position:absolute;left:5%;right:5%;top:18%;height:1px;background:#03131e;box-shadow:0 1px #daefff80}.case i{position:absolute;left:48%;top:57%;width:7px;height:3px;border-radius:2px;background:#a3f8ff;box-shadow:0 0 12px 3px #6ddfff}.bud{position:absolute;width:41px;height:83px;border-radius:24px 24px 15px 15px;background:linear-gradient(105deg,#d9f5ff,#83a8bc 30%,#253f52 85%,#8dc3dc);border:1px solid #bfe6ff;top:11%;box-shadow:5px 5px 0 #122b3d}.bud:before{content:'';position:absolute;left:-7px;top:-5px;width:49px;height:41px;border-radius:50%;background:radial-gradient(ellipse at 25% 45%,#09101d 0 13%,#7097ad 17%,#d8f2ff 40%,#50778e 80%);border:1px solid #b9e2f7}.left-bud{left:18%;transform:rotate(-24deg)}.right-bud{right:18%;transform:rotate(24deg)}.soundwave{position:absolute;inset:-12%;border:1px solid #70ceff66;border-radius:50%;transform:rotateX(65deg);animation:wave 3s ease-out infinite}.soundwave.second{animation-delay:1.5s}.particles{position:absolute;inset:0;pointer-events:none;opacity:.5}.particles i{position:absolute;width:2px;height:2px;background:#d0f6ff;border-radius:50%;box-shadow:0 0 8px #70cfff;animation:drift calc(5s + var(--n)*.1s) ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.3s)}@keyframes drift{to{transform:translate3d(20px,-45px,0);opacity:.15}}@keyframes wave{from{transform:rotateX(65deg) scale(.6);opacity:.9}to{transform:rotateX(65deg) scale(1.5);opacity:0}}@keyframes dialpulse{50%{box-shadow:0 0 25px #62bfffb0;border-color:#d8f5ff}}@media(max-width:760px){.watch-concept{width:110px;height:190px;left:12%;top:18%}.sound-concept{width:142px;height:158px;left:53%;top:38%}.dial{border-radius:24px;border-width:3px}.dial-ring{border-radius:19px}.dial strong{font-size:32px}.bud{width:25px;height:51px}.bud:before{width:30px;height:26px}.product-content .section-heading h2{font-size:38px}.product-content .range{padding-top:65px}}@media(prefers-reduced-motion:reduce){.particles i,.soundwave,.dial-ring{animation:none}.particles{display:none}}
