body.next-page{background:#000;color:#eee9dd;height:100svh;min-height:540px;overflow:hidden}.next-page header{position:absolute;pointer-events:none}.next-page header a,.next-page header button{pointer-events:auto}.next-page #menu{background:#000}.next-main{position:relative;width:100%;height:100%;min-height:540px;isolation:isolate;background:#000}#sandCanvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;outline-offset:-5px}.next-heading{position:absolute;left:6%;top:25%;pointer-events:none;transition:opacity .7s;max-width:85%}.next-heading .eyebrow{color:#b7a98b}.next-heading h1{font-size:clamp(40px,6.5vw,96px);margin:25px 0;line-height:1.08;font-weight:300;text-shadow:0 2px 30px #0009}.next-heading em{color:#c6b18a}.sand-invitation{font-size:13px;letter-spacing:.06em;color:#bbb2a1}.drawing .next-heading{opacity:.16}.sand-bottom{position:absolute;bottom:35px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:24px;pointer-events:none}.sand-bottom>*{pointer-events:auto}.next-back{font-size:11px;white-space:nowrap}.sand-tools{display:flex;gap:25px;align-items:center;background:#11100ee6;border:1px solid #bda98142;border-radius:40px;padding:16px 24px;box-shadow:0 8px 40px #0004;backdrop-filter:blur(12px)}.sand-tools label{display:flex;align-items:center;gap:12px;font-size:11px}.sand-tools input{width:90px;accent-color:#baa17a;cursor:pointer}.sand-tools button{background:none;border:0;border-left:1px solid #ffffff25;padding:5px 0 5px 24px;font-size:11px}.sand-tools button span{margin-left:8px;font-size:17px}.sand-hint{font-size:8px;letter-spacing:1.5px;color:#b4a58b;pointer-events:none}.next-page a:focus-visible,.next-page button:focus-visible,.next-page input:focus-visible,#sandCanvas:focus-visible{outline:2px solid #c5b99b;outline-offset:6px}.next-page #menu>a[aria-current]{color:#c5b99b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:700px){.next-heading{top:26%;left:7%}.next-heading h1{font-size:clamp(38px,9vw,64px)}.sand-bottom{bottom:24px;flex-wrap:wrap;justify-content:center;gap:20px}.sand-tools{order:-1;flex-basis:auto;padding:12px 20px;gap:18px}.next-back{position:absolute;bottom:68px;left:0}.sand-hint{display:none}.next-page #menu{padding-inline:6%}}@media(prefers-reduced-motion:reduce){.next-heading{transition:none}}
/* Legible navigation against the black sand. */
body.next-page header{color:#eee9dd}body.next-page #menuToggle{color:#eee9dd}body.next-page header .brand img{filter:brightness(0) invert(1)}

/* Sunlit sand; the navigation overlay remains black. */
body.next-page{background:#e4d5a8;color:#38382a}.next-main{background:#e4d5a8}
body.next-page header,body.next-page #menuToggle{color:#37372c}
body.next-page header .brand img{filter:none}
body.next-page.menu-open header,body.next-page.menu-open #menuToggle{color:#eee9dd}
body.next-page.menu-open header .brand img{filter:brightness(0) invert(1)}
.next-heading .eyebrow{color:#59583c}.next-heading h1{text-shadow:0 2px 24px #fff4}.next-heading em{color:#726144}.sand-invitation,.sand-hint{color:#57573e}
.sand-tools{background:#f7f0d5dd;border-color:#fff6;box-shadow:0 8px 35px #70634715;color:#474736}.sand-tools input{accent-color:#77745a}.sand-tools button{border-left-color:#5d5c4633}.sand-tools button:disabled{opacity:.5;cursor:wait}
.next-page a:focus-visible,.next-page button:focus-visible,.next-page input:focus-visible,#sandCanvas:focus-visible{outline-color:#615c3c}

.next-heading em{color:#48743c}

body.next-page .next-heading h1 em{color:#37852d}

body.next-page .next-heading .eyebrow,body.next-page .sand-invitation{color:#37852d}

/* Keep the introduction near the header and leave the sand open for drawing. */
body.next-page .next-heading{top:145px}
@media(max-width:700px){body.next-page .next-heading{top:120px}.next-heading h1{margin:16px 0}.sand-invitation{margin-top:12px}}
@media(max-height:600px){body.next-page .next-heading{top:100px}.next-heading h1{font-size:clamp(32px,5vw,60px);margin:12px 0}}

body.next-page .next-back,body.next-page .sand-hint{color:#000}

/* Flat menu and no rectangular tap overlay. */
body.next-page #menu::after{display:none;background:none;box-shadow:none}
body.next-page #menu,body.next-page #menu a,body.next-page #menuToggle{box-shadow:none;text-shadow:none;-webkit-tap-highlight-color:transparent}
body.next-page #menuToggle:focus:not(:focus-visible){outline:none}
body.next-page.menu-open header .brand{background:transparent;box-shadow:none}