.dock-hero{--dock-arrival: 1;--dock-flight: 0;position:relative;width:min(100%,1060px);margin:clamp(2.5rem,5vw,4rem) auto 0;isolation:isolate}.dock-hero__macbook{position:relative;width:100%;padding:0 0 2%;-webkit-user-select:none;user-select:none}.dock-hero__lid{position:relative;width:86.8%;margin:0 auto;padding:clamp(4px,1.05vw,12px) clamp(4px,1.05vw,12px) 0;border:1px solid #c3c5c7;border-radius:clamp(12px,2.8vw,28px) clamp(12px,2.8vw,28px) 5px 5px;background:linear-gradient(145deg,#333538,#090a0c 40%,#1c1d1f);box-shadow:inset 0 0 0 1px #6b6c6e,inset 0 0 0 3px #121315,0 0 0 1px #9a9c9f}.dock-hero__screen{position:relative;width:100%;aspect-ratio:1.6;overflow:hidden;container-type:inline-size;border-radius:clamp(7px,1.5vw,16px) clamp(7px,1.5vw,16px) 2px 2px;background:#44849b;color:#f8fcff}.dock-hero__wallpaper{position:absolute;inset:0;display:block;width:100%;height:100%}.dock-hero__menubar{position:absolute;z-index:1;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:3.2cqw;padding:0 1.45cqw;background:#edf8fc40;color:#173642;font-size:1.08cqw;line-height:1;font-weight:500}.dock-hero__menus,.dock-hero__status{display:flex;align-items:center;gap:1.55cqw}.dock-hero__menus strong{font-weight:700}.dock-hero__apple{width:1.6cqw;height:1.6cqw}.dock-hero__status{gap:1.25cqw}.dock-hero__status svg{width:1.75cqw;height:1.3cqw}.dock-hero__notch{position:absolute;z-index:2;top:0;left:45.9%;width:8.2%;height:3.15cqw;background:#080a0c;border-radius:0 0 .85cqw .85cqw}.dock-hero__notch i{position:absolute;width:.5cqw;height:.5cqw;top:.9cqw;left:47%;border-radius:50%;background:#101d2b;box-shadow:inset 0 0 0 .13cqw #15181e}.dock-hero__welcome{position:absolute;top:28%;left:0;right:0;text-align:center;opacity:var(--dock-arrival);transform:translateY(calc(10px * (1 - var(--dock-arrival))));text-shadow:0 2px 18px rgba(31,57,59,.18)}.dock-hero__welcome span{display:block;margin-bottom:1cqw;font-size:1.65cqw;font-weight:500;letter-spacing:.02em;color:#ffffffe0}.dock-hero__welcome strong{font-size:5.4cqw;line-height:1.06;font-weight:600;letter-spacing:-.055em}.dock-hero__dock{position:absolute;z-index:3;left:10%;bottom:2.7%;display:grid;grid-template-columns:repeat(10,minmax(0,1fr)) .22fr minmax(0,1fr);align-items:center;gap:.36cqw;width:80%;padding:.7cqw .8cqw 1.1cqw;border:1px solid rgba(255,255,255,.43);border-radius:1.95cqw;background:#e3f1f64f;box-shadow:inset 0 0 0 1px #ffffff17,0 6px 18px #061a2a26;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.dock-hero__slot{position:relative;min-width:0;width:100%;aspect-ratio:1}.dock-hero__slot img{display:block;width:100%;height:100%;max-width:none;flex-shrink:0;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.13))}.dock-hero__slot--trash{grid-column:12}.dock-hero__slot--trash:before{content:"";position:absolute;height:77%;width:1px;left:-.75cqw;top:11%;background:#213e4a40}.dock-hero__slot--supermac{z-index:4}.dock-hero__slot .dock-hero__supermac{position:absolute;inset:0;transform-origin:center;filter:drop-shadow(0 6px 8px rgba(22,40,46,.15))}.dock-hero__missing{position:absolute;inset:9%;border:1px dashed rgba(245,251,255,.77);border-radius:24%;background:#e8f8ff1f;opacity:var(--dock-flight)}.dock-hero__arrival{position:absolute;inset:-13%;border-radius:31%;background:#ffe29d33;box-shadow:0 0 24px #ffdfa042;opacity:var(--dock-arrival)}.dock-hero__running{position:absolute;left:calc(50% - .17cqw);bottom:-.55cqw;width:.34cqw;height:.34cqw;border-radius:50%;background:#12252fc2}.dock-hero__running--supermac{opacity:var(--dock-arrival)}.dock-hero__chin{height:clamp(5px,1.2vw,13px)}.dock-hero__base{position:relative;height:clamp(8px,1.9vw,22px);margin-top:-1px;border:1px solid #a9aaad;border-top-color:#e4e5e8;border-radius:2px 2px 48% 48%/2px 2px 66% 66%;background:linear-gradient(90deg,#96999d,#dce0e3 2%,#aeb1b5 8%,#edf0f2 23%,#c7cbce,#e4e7e9 77%,#afb2b7 93%,#dadee1 98%,#94989c);box-shadow:inset 0 -4px 3px #4042483d,0 2px #73767b}.dock-hero__lip{position:absolute;top:-1px;left:43.4%;width:13.2%;height:41%;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#81858a,#c1c5c9 8%,#d9dce0,#c1c5c9 92%,#81858a);box-shadow:inset 0 -1px 1px #4f53594d}.dock-hero__shadow{position:absolute;z-index:-1;bottom:-1%;left:6%;width:88%;height:7%;border-radius:50%;background:#181c2129;filter:blur(12px)}.dock-hero__caption{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.3em;padding:1.9rem 0 .4rem;color:var(--muted, #6e6e73);font-size:clamp(.875rem,1.55vw,1.125rem);font-weight:400;letter-spacing:-.018em;text-align:center}.dock-hero__caption strong{color:var(--ink, #1d1d1f);font-weight:600}.dock-hero__caption-rule{width:clamp(1.2rem,3vw,2.5rem);height:1px;margin-inline:.65rem;background:#d2d2d7}@media(max-width:600px){.dock-hero{width:calc(100% + 1rem);max-width:none;margin:2rem -.5rem 0}.dock-hero__lid{width:90%}.dock-hero__caption{padding-top:1.3rem}.dock-hero__caption-rule{width:1rem;margin-inline:.2rem}}@media(prefers-reduced-motion:reduce){.dock-hero{--dock-arrival: 1 !important;--dock-flight: 0 !important}.dock-hero__slot .dock-hero__supermac{transform:none!important}}