/* V17: the desktop is expressive; the hardware stays familiar and quiet. */
@font-face {
 font-family:'Emble Display';
 src:url('/assets/fonts/emble-wordmark.woff') format('woff');
 font-style:normal;
 font-weight:650;
 font-display:swap;
}
.playground { isolation:isolate; }
.hero-atmosphere { background:linear-gradient(180deg,#dfecf17d,#e4eef24d 50%,#d8e8ec40),url(/assets/coast.webp) center 46%/cover; }
.hero-atmosphere::after { background:radial-gradient(ellipse at 49% 47%,#f0f5f568,transparent 65%); }
.device-stage { pointer-events:none;transform:none; }
.macbook { isolation:isolate;container-type:inline-size;transform-style:flat; }
.macbook::before { content:none; }
.macbook::after { content:'';position:absolute;left:1%;right:1%;bottom:-10px;height:12px;border-radius:50%;background:#142b3440;filter:blur(8px);z-index:-1;pointer-events:none; }
.mac-lid { position:relative;padding:3px 3px 5px;border:1px solid #9ca4ad;border-radius:15px 15px 5px 5px;background:linear-gradient(100deg,#dfe3e7,#9ea7b1 13%,#cbd0d6 45%,#e8ebed 75%,#a8b0ba);box-shadow:inset 0 1px 0 #ffffffd9,0 1px 2px #18212a45; }
.mac-lid::after { content:'';position:absolute;left:6px;right:6px;bottom:1px;height:2px;background:linear-gradient(90deg,#959fa9,#dce1e6 50%,#8d98a4);pointer-events:none; }
.mac-display { position:relative;aspect-ratio:2560/1664;border:7px solid #101214;border-bottom-width:9px;border-radius:11px 11px 2px 2px;background:#dce3cc;box-shadow:inset 0 0 0 1px #ffffff14; }
.desktop-wallpaper { position:absolute;inset:0;overflow:hidden;background:url('/assets/playground-botanical.png') center center/cover; }
.desktop-wallpaper::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 52% 48%,#f4f5dc75 0%,#eef1db38 29%,transparent 61%);pointer-events:none; }
.desktop-wallpaper::after { content:'';position:absolute;inset:0;background:linear-gradient(120deg,#ffffff15,transparent 44%,#ffffff04);pointer-events:none; }
.desktop-menubar { height:19px;padding-inline:9px;background:#f2f5df85;backdrop-filter:none;font-size:8px;color:#293b32; }
.desktop-embel-hud { z-index:3;width:35%;left:32.5%;height:24px;padding:0 9px;background:#080b0c;box-shadow:0 2px 2px #15233324;border-radius:0 0 10px 10px; }
.desktop-embel-hud .emble-orb { width:16px;height:16px; }
.desktop-embel-hud svg { width:17px;height:17px; }
.desktop-introduction { position:absolute;inset:33px 18px 19px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#143d32;pointer-events:auto; }
.desktop-introduction h1 { margin:0;padding:0 .05em .015em 0;font-family:'Emble Display','Arial Rounded MT Bold',sans-serif;font-size:clamp(46px,14.5cqw,98px);line-height:1;letter-spacing:-.065em;font-weight:650;font-synthesis:none;text-shadow:0 1px 0 #faffdc8c; }
.desktop-tagline { margin:10px 0 24px;font-size:clamp(14px,2.9cqw,20px);line-height:1.2;letter-spacing:-.45px;font-weight:500;color:#264737;text-shadow:0 1px 6px #f8ffdeaa; }
.mac-download { position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 19px;border:1px solid #376da6;border-radius:24px;background:linear-gradient(180deg,#f5fbffb3 0%,#edf7ff66 44%,#729ed03b 46%,#366ca066 100%),linear-gradient(115deg,#badbf1,#76b0d9 63%,#9bbfdb);box-shadow:inset 0 1px 0 #f5fdff,0 2px 0 #4c769b,0 5px 9px -5px #25446599;color:#163952;font-size:14px;font-weight:600;letter-spacing:-.2px;text-shadow:0 1px 0 #edf9ff70;transition:transform 150ms ease,box-shadow 150ms ease; }
.mac-download::before { content:'';position:absolute;top:-45%;bottom:-45%;left:-65%;width:38%;z-index:-1;background:linear-gradient(90deg,transparent,#ffffff91,transparent);transform:translateX(0) rotate(22deg);opacity:0;animation:download-glint 8s ease-in-out infinite;pointer-events:none; }
.mac-download svg { width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.mac-download .download-arrow { animation:download-nudge 8s ease-in-out infinite; }
.mac-download:active { transform:translateY(1px);box-shadow:inset 0 1px 3px #33597933,0 1px 0 #4c769b; }
.mac-download:focus-visible { outline:3px solid #3467a5;outline-offset:4px; }
.desktop-introduction .release-caption { margin:11px 0 0;font-size:10px;color:#405747;line-height:1.4;text-shadow:0 1px 4px #f5fad6; }
.mac-hinge { position:relative;left:3%;right:auto;top:auto;bottom:auto;width:94%;height:3px;margin:0;background:linear-gradient(#10151b,#7d8793);border-radius:0;box-shadow:none; }
.mac-base { position:relative;left:auto;right:auto;top:auto;bottom:auto;width:108%;height:10px;margin:-1px 0 0 -4%;border-radius:1px 1px 44% 44%/1px 1px 80% 80%;background:linear-gradient(#e6e9ed 0%,#c2c8d0 26%,#aab3be 57%,#687682 94%,#465362 100%);box-shadow:inset 0 1px 0 #fff9,0 1px 1px #24415966; }
.mac-base span { position:absolute;top:0;left:43%;width:14%;height:3px;border-radius:0 0 9px 9px;background:linear-gradient(#7d8894,#c4cbd3);box-shadow:inset 0 1px 1px #57657577; }
.mac-foot { display:none; }
.landing-dock { box-shadow:inset 0 1px 0 #fff9,0 10px 22px -14px #183b5866; }
@keyframes download-glint { 0%,64%,100% { transform:translateX(0) rotate(22deg);opacity:0; } 68% { opacity:.7; } 81% { transform:translateX(550%) rotate(22deg);opacity:0; } }
@keyframes download-nudge { 0%,69%,83%,100% { transform:translateY(0); } 74% { transform:translateY(2px); } 79% { transform:translateY(-1px); } }
html[data-motion="paused"] .mac-download::before,
html[data-motion="paused"] .mac-download .download-arrow,
html[data-motion-preference="paused"] .mac-download::before,
html[data-motion-preference="paused"] .mac-download .download-arrow,
html[data-visible="false"] .mac-download::before,
html[data-visible="false"] .mac-download .download-arrow,
html[data-hero-visible="false"] .mac-download::before,
html[data-hero-visible="false"] .mac-download .download-arrow { animation-play-state:paused; }
@media(hover:hover) and (pointer:fine) { .mac-download:hover { transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 3px 0 #4c769b,0 8px 13px -6px #24446f80; } }
@media(min-width:900px) {
 .playground { height:100svh;min-height:650px;padding:0; }
 .device-stage { position:absolute;inset:152px 0 92px;width:100%;height:auto;max-width:none;margin:0;z-index:2; }
 .macbook { top:auto;bottom:0;left:50%;width:min(690px,47vw,calc((100svh - 266px)*1.48));max-width:none;transform:translateX(-50%);transform-origin:50% 95%; }
 .space,.object-space { inset:150px 24px 24px; }
 .landing-dock { bottom:19px; }
}
@media(min-width:900px) and (max-height:700px) {
 .device-stage { bottom:78px; }
 .macbook { width:min(590px,47vw,calc((100svh - 245px)*1.48)); }
 .desktop-tagline { margin:8px 0 19px; }
 .desktop-introduction .release-caption { margin-top:9px; }
 .landing-dock { bottom:15px; }
}
@media(min-width:900px) and (max-width:1100px) {
 .desktop-tagline { font-size:14px;margin:6px 0 15px; }
 .desktop-introduction .release-caption { font-size:9px;margin-top:8px; }
}
@media(max-width:899px) {
 .playground { height:auto;min-height:0;padding:175px 0 105px;overflow:clip; }
 .device-stage { position:relative;inset:auto;width:calc(100% - 34px);max-width:540px;height:auto;margin:0 auto 43px;z-index:2; }
 .macbook { position:relative;top:auto;bottom:auto;left:auto;width:100%;max-width:none;transform:none;margin:0; }
 .mac-lid { padding:2px 2px 4px;border-radius:10px 10px 4px 4px; }
 .mac-display { aspect-ratio:2560/1664;border-width:5px;border-bottom-width:6px;border-radius:7px 7px 2px 2px; }
 .desktop-introduction { inset:26px 10px 12px; }
 .desktop-introduction h1 { font-size:clamp(46px,15cqw,76px); }
 .desktop-tagline { font-size:clamp(13px,3.8cqw,18px);margin:7px 0 17px; }
 .desktop-introduction .release-caption { font-size:9px;margin-top:9px; }
 .desktop-menubar { font-size:6px;height:16px; }
 .desktop-menubar span { gap:8px; }
 .desktop-embel-hud { height:19px; }
 .desktop-embel-hud .emble-orb { width:13px;height:13px; }
 .desktop-embel-hud svg { width:14px;height:14px; }
 .mac-download { padding-inline:15px;font-size:13px; }
 .mac-base { height:8px; }
 .space { margin-top:0; }
 #space > .object-music { position:relative;inset:auto;align-self:center;margin:16px auto 42px;order:0; }
 .landing-dock { position:absolute;bottom:29px; }
}
@media(max-width:359px) {
 .desktop-introduction { inset:23px 6px 8px; }
 .desktop-introduction h1 { font-size:42px; }
 .desktop-tagline { font-size:12px;margin:4px 0 9px; }
 .desktop-introduction .release-caption { font-size:8px;margin-top:7px; }
 .mac-download { font-size:12px;min-height:44px; }
}
@media(prefers-reduced-motion:reduce) {
 .mac-download { transition:none; }
 .mac-download::before,.mac-download .download-arrow { animation:none; }
}