/* 7 Nov 2026 15:00, Malcolm. The window, live: see window_one.mjs. One typeface, no boxes, a thin rule. */
html.window-one #bar{opacity:0;pointer-events:none}
html.window-one.w1-year-open #bar{opacity:1;pointer-events:auto}
html.window-one.w1-year-open #bar #field-guide .brand,html.window-one.w1-year-open #bar #period-display,html.window-one.w1-year-open #bar #orientation{display:none}
html.window-one.w1-year-open #bar{top:auto;bottom:calc(64px + env(safe-area-inset-bottom));left:50%;right:auto;transform:translateX(-50%);width:min(520px,calc(100vw - 32px))}
html.window-one #skip-flight{display:none!important}
html.window-one #stage-a-skip{display:none!important}
#window-one{position:fixed;inset:0;pointer-events:none;z-index:99993; /* 15:23 Fraser: the glass is on OUR side; the clouds (stage-a canvas 99990, sheet 99991, skip 99992) are beyond it; the loading screen (99998) and the failure page (99995) stay above */font-family:'Avenir Next','Helvetica Neue',Arial,sans-serif;color:#f6f1e6;text-shadow:0 1px 4px #0009;--pad:clamp(14px,2.2vw,40px)}
#window-one .w1-fly,#window-one .w1-land{display:flex;opacity:0;transition:opacity 2.4s ease;pointer-events:none} /* 15:20 Fraser: the fade was still too quick: 2.4 s out, 2.4 s in */
#window-one.flying .w1-fly,#window-one.landed .w1-land{opacity:1}
#window-one.landed .w1-land button{pointer-events:auto}#window-one.flying .w1-fly button{pointer-events:auto}
#window-one.flying .w1-land,#window-one.landed .w1-fly{transition-delay:0s}#window-one.landed .w1-land{transition-delay:2.4s}
#window-one .w1-line{position:absolute;left:var(--pad);right:var(--pad);top:calc(var(--pad) + env(safe-area-inset-top));align-items:flex-end;gap:clamp(14px,3vw,60px);padding-bottom:clamp(6px,.8vw,14px);border-bottom:1px solid #f6f1e6cc;flex-wrap:wrap}
#window-one .w1-lab{display:block;font-size:clamp(9px,.85vw,13px);letter-spacing:.22em;text-transform:uppercase;opacity:.8;font-weight:600}
#window-one .w1-num{display:block;font-size:clamp(15px,1.7vw,26px);line-height:1;margin-top:.2em;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
#window-one .w1-year{margin-left:auto;text-align:right}#window-one .w1-year .w1-num{font-size:clamp(22px,2.4vw,36px)}
#window-one .w1-place{line-height:1;min-width:0}#window-one .w1-name{display:block;font-size:clamp(18px,2vw,30px);font-weight:600;letter-spacing:-.01em;margin-top:.15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#window-one .w1-around{display:block;font-size:clamp(12px,1.15vw,18px);letter-spacing:.06em;margin-top:.5em;opacity:.9}
#window-one .w1-foot{position:absolute;left:var(--pad);right:calc(var(--pad) + 56px);bottom:calc(var(--pad) + env(safe-area-inset-bottom));align-items:flex-end;justify-content:space-between}
#window-one .w1-tick{font-size:clamp(10px,.95vw,15px);letter-spacing:.14em;text-transform:uppercase;opacity:.85}
#window-one button{pointer-events:auto;font:inherit;background:none;border:0;color:inherit;cursor:pointer;padding:0;text-shadow:inherit}
#window-one .w1-skip{font-size:clamp(11px,1.05vw,16px);letter-spacing:.22em;text-transform:uppercase;font-weight:600;padding-bottom:4px;border-bottom:2px solid #f6f1e6;min-height:44px;display:inline-flex;align-items:flex-end}
#window-one .w1-ways{position:absolute;left:50%;bottom:calc(var(--pad) + env(safe-area-inset-bottom));transform:translateX(-50%);gap:clamp(18px,3.6vw,56px);font-size:clamp(11px,1.05vw,16px);letter-spacing:.22em;text-transform:uppercase;font-weight:600}
#window-one .w1-ways button{padding-bottom:5px;border-bottom:2px solid transparent;opacity:.8;min-height:44px;display:inline-flex;align-items:flex-end}#window-one .w1-ways button.on{opacity:1;border-color:#f6f1e6}
#window-one .w1-north{position:absolute;right:calc(var(--pad) + 56px);opacity:0;transition:opacity 2.4s ease 2.4s;bottom:calc(var(--pad) + env(safe-area-inset-bottom));width:clamp(30px,3.2vw,48px);height:clamp(30px,3.2vw,48px);border:1.5px solid #f6f1e6cc;border-radius:50%;display:none;place-items:center;font-size:clamp(10px,.9vw,14px);font-weight:700;transition:transform .2s}
#window-one .w1-north{display:grid}#window-one.landed .w1-north{opacity:1}
#window-one .w1-north:before{content:'';position:absolute;left:50%;top:-2px;border:5px solid transparent;border-bottom:9px solid #f6f1e6;transform:translate(-50%,-100%)}
@media(max-width:650px){#window-one .w1-north{display:none!important}#window-one .w1-line{gap:12px 18px}#window-one .w1-ways{left:var(--pad);right:var(--pad);transform:none;justify-content:space-between;gap:0}
 html.window-one #harvey-host{bottom:72px}}
