/* pic! for Illustrator teaser: dark, sealed, a little mysterious. Everything hinted is marked as research, never a promise. */
.ill{--ease:cubic-bezier(.16,1,.3,1);--amber:#ff9d2e;background:#000;color:#f3f2ec}
.ill .preview{background:#111;color:#c9cabf;border-bottom:1px solid #222}.ill .preview strong{color:var(--yellow)}
.ill .nav{border-bottom:1px solid #1d1d1a;min-height:84px}.ill .logo img{height:42px}.ill .nav nav a{color:#c9cabf}.ill .nav nav a:hover,.ill .nav nav a[aria-current]{color:#fff}
.ill .button{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.ill .skip-link{position:absolute;left:16px;top:-60px;z-index:100;padding:10px 14px;background:var(--yellow);color:var(--ink);border-radius:6px}.ill .skip-link:focus{top:12px}
.ill h1,.ill h2,.ill h3{text-wrap:balance;color:#fff}
.ill .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ill-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font-size:12px;font-weight:800;letter-spacing:.16em;color:#a8a99e}
.ill-eyebrow::before{content:"";width:18px;height:2px;background:var(--yellow)}
.ill-tag{padding:3px 9px;border:1px solid #3a3b34;border-radius:99px;letter-spacing:.08em;color:var(--yellow)}

/* Hero: a flashlight reveals hidden words, a colour chip crosses between two dim windows */
.ill-hero{position:relative;overflow:hidden;min-height:min(86vh,760px);display:grid;align-items:center;padding-block:72px;--mx:50%;--my:40%;isolation:isolate}
.ill-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(700px 420px at 78% 18%,rgba(255,157,46,.16),transparent 70%),radial-gradient(600px 400px at 12% 90%,rgba(255,229,0,.07),transparent 70%)}
.ill-secret{position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-mask:radial-gradient(circle 190px at var(--mx) var(--my),#000 0,rgba(0,0,0,.55) 45%,transparent 100%);mask:radial-gradient(circle 190px at var(--mx) var(--my),#000 0,rgba(0,0,0,.55) 45%,transparent 100%)}
.ill-secret span{position:absolute;left:var(--x);top:var(--y);font-size:clamp(28px,4.2vw,64px);font-weight:900;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px rgba(255,229,0,.75);white-space:nowrap}
.ill-hero-inner{position:relative;z-index:2}
.ill-hero h1{font-size:clamp(42px,6vw,88px);line-height:1.1;letter-spacing:-.04em;margin:0 0 26px;max-width:11em}
.ill-blur{display:inline-block;animation:ill-focus 6s ease-in-out infinite;background:linear-gradient(transparent 70%,rgba(255,229,0,.55) 70%,rgba(255,229,0,.55) 90%,transparent 90%)}
@keyframes ill-focus{0%,55%,100%{filter:blur(0)}75%,85%{filter:blur(7px)}}
.ill-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.8;color:#b9baae;max-width:26em;margin:0 0 28px}
.ill-hint{margin:0;font-size:13px;color:#77786d}.ill-hint span{color:var(--yellow);margin-right:6px}
.ill-signal{position:absolute;right:clamp(16px,6vw,110px);top:50%;width:min(420px,44vw);transform:translateY(-50%);display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;z-index:1;opacity:.9}
.ill-win{position:relative;aspect-ratio:1/1.1;border-radius:14px;background:#0d0d0c;border:1px solid #2a2b26;display:grid;place-items:center;filter:blur(1.5px)}
.ill-win b{font:900 34px/1 Arial,sans-serif}.ill-win i{position:absolute;left:12px;top:12px;width:8px;height:8px;border-radius:50%;background:#ff5f57;box-shadow:12px 0 #febc2e,24px 0 #28c840;opacity:.7}
.ill-ps b{color:#31a8ff}.ill-ps{box-shadow:0 0 40px -10px rgba(49,168,255,.35)}
.ill-ai b{color:var(--amber)}.ill-ai{box-shadow:0 0 40px -10px rgba(255,157,46,.4)}
.ill-track{position:relative;height:2px;background:repeating-linear-gradient(90deg,#3a3b34 0 6px,transparent 6px 12px)}
.ill-chip{position:absolute;left:0;top:-7px;width:16px;height:16px;border-radius:50%;background:var(--yellow);box-shadow:0 0 18px 4px rgba(255,229,0,.55);animation:ill-travel 3.6s var(--ease) infinite}
@keyframes ill-travel{0%{left:0;background:#31a8ff;box-shadow:0 0 18px 4px rgba(49,168,255,.55);opacity:0}12%{opacity:1}50%{background:var(--yellow);box-shadow:0 0 18px 4px rgba(255,229,0,.6)}88%{opacity:1}100%{left:calc(100% - 16px);background:var(--amber);box-shadow:0 0 18px 4px rgba(255,157,46,.6);opacity:0}}

/* Sealed cards */
.ill-seals{padding-block:clamp(72px,9vw,128px) 40px}
.ill-head h2{font-size:clamp(32px,4vw,56px);line-height:1.2;letter-spacing:-.04em;margin:0 0 16px}
.ill-disclaimer{margin:0 0 40px;color:#8b8c81;font-size:14px}
.ill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ill-card{position:relative;isolation:isolate;padding:18px 24px 30px;border-radius:20px;background:#0c0c0b;border:1px solid #23241f;outline-offset:5px;transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px)) scale(var(--sc,1));transition:transform .6s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .5s}
.ill-card:focus{outline:none}.ill-card:focus-visible{outline:2px solid var(--yellow)}
.ill-card:is(:hover,:focus,.is-open){--lift:-10px;--sc:1.03;border-color:rgba(255,229,0,.7);box-shadow:0 40px 70px -28px rgba(0,0,0,.9),0 30px 60px -30px rgba(255,229,0,.4)}
.ill-lock{position:absolute;z-index:5;right:22px;top:22px;transform:translateZ(90px);width:22px;height:18px;margin-top:8px;border-radius:4px;background:#3a3b34;transition:background .3s}
.ill-lock::before{content:"";position:absolute;left:4px;top:-9px;width:14px;height:12px;border:2.5px solid #3a3b34;border-bottom:0;border-radius:8px 8px 0 0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),border-color .3s;transform-origin:left bottom}
.ill-card:is(:hover,:focus,.is-open) .ill-lock,.ill-card:is(:hover,:focus,.is-open) .ill-lock::before{background:var(--yellow);border-color:var(--yellow)}
.ill-card:is(:hover,:focus,.is-open) .ill-lock::before{background:none;transform:rotate(-38deg) translateY(-2px)}
.ill-art{position:relative;height:150px;margin:0 -12px 22px;border-radius:14px;background:radial-gradient(circle at 50% 55%,#1a1a17,#0c0c0b 75%);overflow:hidden;transform:translateZ(50px);transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.ill-card:is(:hover,:focus,.is-open) .ill-art{transform:translateZ(80px) scale(1.05)}
.ill-art i{position:absolute;display:block;border-radius:50%;transition:transform .8s var(--ease),opacity .6s}
.ill-art-1 i{width:34px;height:34px;top:58px;background:var(--c,#31a8ff);filter:blur(1px)}
.ill-art-1 i:nth-child(1){left:26%;--c:#31a8ff}.ill-art-1 i:nth-child(2){left:46%;--c:var(--yellow)}.ill-art-1 i:nth-child(3){left:66%;--c:var(--amber)}
.ill-card:hover .ill-art-1 i:nth-child(1),.ill-card.is-open .ill-art-1 i:nth-child(1),.ill-card:focus .ill-art-1 i:nth-child(1){transform:translateX(-30px)}
.ill-card:hover .ill-art-1 i:nth-child(3),.ill-card.is-open .ill-art-1 i:nth-child(3),.ill-card:focus .ill-art-1 i:nth-child(3){transform:translateX(30px)}
.ill-art-2 i{width:70px;height:70px;top:40px;border:3px solid;mix-blend-mode:screen}
.ill-art-2 i:nth-child(1){left:calc(50% - 60px);border-color:#31a8ff}.ill-art-2 i:nth-child(2){left:calc(50% - 10px);border-color:var(--amber)}
.ill-card:is(:hover,:focus,.is-open) .ill-art-2 i:nth-child(1){transform:translateX(26px)}.ill-card:is(:hover,:focus,.is-open) .ill-art-2 i:nth-child(2){transform:translateX(-26px)}
.ill-art-3 i{width:46px;height:8px;left:calc(50% - 23px);border-radius:4px;background:#3a3b34}
.ill-art-3 i:nth-child(1){top:34px}.ill-art-3 i:nth-child(2){top:58px}.ill-art-3 i:nth-child(3){top:82px}.ill-art-3 i:nth-child(4){top:106px}
.ill-card:is(:hover,:focus,.is-open) .ill-art-3 i{background:var(--yellow)}.ill-card:is(:hover,:focus,.is-open) .ill-art-3 i:nth-child(odd){transform:translateX(18px)}.ill-card:is(:hover,:focus,.is-open) .ill-art-3 i:nth-child(even){transform:translateX(-18px)}
.ill-no{display:block;margin-bottom:10px;font-size:11px;font-weight:800;letter-spacing:.2em;color:#77786d;transform:translateZ(30px)}
.ill-card h3{font-size:24px;letter-spacing:-.04em;margin:0 0 10px;transform:translateZ(40px)}
.ill-card p{margin:0;font-size:14px;line-height:1.85;color:#a8a99e}
/* redaction bars that peel away, one after another */
.redact{background:#3a3b34;color:transparent;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background .6s calc(var(--i) * .35s + .15s),color .6s calc(var(--i) * .35s + .15s);user-select:none}
.ill-card:is(:hover,:focus,.is-open) .redact{background:transparent;color:#f3f2ec;user-select:auto}
.redact-static{background:#3a3b34;color:transparent;border-radius:3px;user-select:none;padding:0 .3em}

/* Known / unknown */
.ill-known{padding-block:56px 24px}
.ill-known-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ill-known-grid>div{padding:26px 28px;border:1px solid #23241f;border-radius:16px;background:#0a0a09}
.ill-known-grid h3{font-size:16px;letter-spacing:.06em;margin:0 0 14px;color:var(--yellow)}
.ill-known-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ill-known-grid li{position:relative;padding-left:22px;font-size:15px;line-height:1.7;color:#c9cabf}
.ill-known-grid li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--yellow)}
.ill-locked li::before{background:#3a3b34}

/* Sponsor call */
.ill-cta{margin-top:56px;padding-block:clamp(72px,9vw,120px);background:var(--yellow);color:var(--ink)}
.ill-cta h2{color:var(--ink);font-size:clamp(32px,4vw,56px);line-height:1.2;letter-spacing:-.04em;margin:0 0 18px}
.ill-cta .ill-eyebrow{color:#5f5a20}.ill-cta .ill-eyebrow::before{background:var(--ink)}
.ill-cta-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(32px,6vw,96px);align-items:end}
.ill-cta p:not(.ill-eyebrow){margin:0;font-size:17px;line-height:1.8;color:#3d3918;max-width:32em}
.ill-cta-actions{display:grid;gap:18px;justify-items:start}
.ill .ill-cta .button{background:var(--ink);border-color:var(--ink);color:var(--yellow);min-height:60px;padding-inline:30px;font-size:17px}
.ill-link{font-weight:800;border-bottom:2px solid currentColor;padding-bottom:2px}

/* Footer on black */
.ill .site-footer{background:#000;color:#a8a99e;border-top:1px solid #1d1d1a}.ill .site-footer a:hover{color:#fff}.ill .footer-legal{color:#66675e}

@media(max-width:1000px){.ill-grid{grid-template-columns:1fr}.ill-cta-inner,.ill-known-grid{grid-template-columns:1fr}.ill-signal{position:relative;right:auto;top:auto;transform:none;width:min(360px,80%);margin:48px auto 0}.ill-hero{align-items:start;padding-block:48px}.ill-hero-inner{order:-1}}
@media(hover:none){.ill-card{transform:none!important}}
@media(prefers-reduced-motion:reduce){.ill *,.ill *::before,.ill *::after{animation:none!important;transition-duration:0s!important}.ill-secret{-webkit-mask:none;mask:none;opacity:.35}.redact{background:transparent;color:inherit}}
.ill .footer-brand p,.ill .footer-brand span{color:#a8a99e}.ill .footer-links a{color:#a8a99e}