:root{--ink:#173cce;--paper:#fafbf7;--mono:'Space Mono',monospace;--display:'Barlow Condensed',Impact,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--mono)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px dashed currentColor;outline-offset:5px}a{color:inherit;text-decoration:none}button{border:0;background:none}button:hover,a:hover{opacity:.75}::selection{background:var(--ink);color:var(--paper)}.experience{min-height:100svh;padding:0 3vw;display:flex;flex-direction:column;overflow:hidden;transition:background .7s,color .7s}header{height:95px;display:flex;align-items:center;gap:30px;border-bottom:2px solid;flex:none}.logo{font:900 53px/.9 var(--display);letter-spacing:-2px;transform:skew(-8deg)}sup{font:12px var(--mono);vertical-align:top;margin-left:3px;letter-spacing:0}.top-note{font-size:8px;line-height:1.7;letter-spacing:1px;margin-left:24px}header>button{margin-left:auto}header>button,header>a:last-child{font-size:10px;letter-spacing:1px}header>button span{margin-left:8px;font-size:20px}.status{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;padding:17px 0}.status i{display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:5px}.stage{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;padding:12px 4vw 0}.side-label{position:absolute;left:0;top:50%;writing-mode:vertical-rl;transform:rotate(180deg) translateY(50%);font-size:8px;letter-spacing:2px}.headline-wrap{width:100%;position:relative}.micro{font-size:9px;letter-spacing:1.4px;margin-bottom:20px}h1{font:800 clamp(65px,10.8vw,177px)/.82 var(--display);letter-spacing:-.025em;margin:0}h1>span{display:block}h1>span+span{margin-top:8px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.under-title{display:flex;justify-content:space-between;align-items:center;padding:24px 0 25px;font-size:12px}.issue{font-size:9px;letter-spacing:2px}.panels{display:grid;grid-template-columns:1.05fr 1fr 1.13fr .95fr;gap:8px;perspective:1000px}.panel{position:relative;border:2px solid var(--ink);height:clamp(170px,22vh,245px);padding:13px 14px 12px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;text-align:left;overflow:hidden;transition:transform .25s,background .35s,color .35s;isolation:isolate}.panel:hover{opacity:1;transform:translateY(-8px) rotate(-1deg);box-shadow:5px 7px 0 var(--ink)}.panel-label,.panel-footer{font-size:7px;letter-spacing:.6px;display:flex;justify-content:space-between;align-items:center;gap:8px;z-index:2}.panel-label b{font-size:17px;font-weight:400}.panel-footer{font-size:6px}.action{opacity:0;transition:opacity .2s}.panel:hover .action,.panel:focus-visible .action{opacity:1}.panel-one{background-image:radial-gradient(#173cce60 .65px,transparent .65px);background-size:4px 4px}.eye{align-self:center;width:110px;height:62px;border:3px solid;border-radius:85% 0 85% 0;transform:rotate(45deg);display:grid;place-items:center;background:var(--paper);position:relative}.eye:before,.eye:after{content:'';position:absolute;width:130px;height:1px;background:currentColor;left:-14px;transform:translateY(-47px)}.eye:after{transform:translateY(47px)}.pupil{width:42px;height:42px;border:10px solid var(--ink);background:var(--paper);border-radius:50%;transform:translate(var(--px,0px),var(--py,0px));transition:transform .1s}.panel-two{color:var(--paper);background:var(--ink)}.type-art{font:900 clamp(44px,4.9vw,75px)/.78 var(--display);letter-spacing:-1px;transform:skew(-8deg);align-self:center}.type-art em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--paper)}.ledger-art{display:flex;flex-direction:column;gap:7px;transform:rotate(-6deg);font:700 clamp(17px,2.5vw,36px)/1 var(--display);align-self:center}.ledger-art span:nth-child(2){background:var(--ink);color:var(--paper);padding:2px 7px}.panel-four{background-image:linear-gradient(#173cce20 1px,transparent 1px),linear-gradient(90deg,#173cce20 1px,transparent 1px);background-size:17px 17px}.target-art{width:91px;height:91px;border:1px solid;border-radius:50%;align-self:center;display:grid;place-items:center;position:relative}.target-art:after{content:'';position:absolute;inset:14px;border:1px solid;border-radius:50%}.target-art span{font:80px/.8 Arial;font-weight:100;transform:rotate(0);transition:transform .5s}.panel-four:hover .target-art span{transform:rotate(90deg)}.panel.blind{background:var(--ink);color:var(--paper);transform:rotate(0);box-shadow:none}.panel.blind:after{content:'REDACTED';position:absolute;inset:0;display:grid;place-items:center;font:800 clamp(28px,3.6vw,52px) var(--display);letter-spacing:-1px;transform:rotate(-12deg);text-decoration:line-through;text-decoration-thickness:4px}.panel.blind>.eye,.panel.blind>.type-art,.panel.blind>.ledger-art,.panel.blind>.target-art{visibility:hidden}.panel.blind .action{opacity:1}.stage-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 0 27px}.instruction{font-size:8px;letter-spacing:1px}.stage-bottom button{border:1px solid;padding:12px 16px;font-size:9px;letter-spacing:1px}.stage-bottom button span{margin-left:15px;font-size:17px}footer{min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:2px solid;font-size:8px;letter-spacing:.5px}footer button{font-size:8px;padding:8px 0}#message{font-size:7px;opacity:.75}.resolution{min-height:225px;display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:30px}.resolution p{font-size:13px;line-height:1.8}.seal{border:2px solid;border-radius:50%;width:130px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:900 90px/.8 var(--display);transform:rotate(-12deg)}.seal span{font:6px var(--mono);letter-spacing:1px;margin-top:10px}.enter{background:var(--paper);color:var(--ink);padding:20px 25px;font-size:10px}.enter span{margin-left:30px;font-size:20px}.resolution-note{grid-column:1/-1;font-size:8px;letter-spacing:1px;text-align:center}.experience.free{background:var(--ink);color:var(--paper)}.free h1 em{-webkit-text-stroke-color:var(--paper)}.free .status i{background:var(--paper)}.free .stage-bottom{justify-content:center}.free .headline-wrap{animation:arrive .6s both}.free .resolution{animation:arrive 1s both}.free .micro{letter-spacing:3px}.free .side-label{opacity:.5}[hidden]{display:none!important}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}dialog{width:min(760px,90vw);max-height:85svh;border:2px solid var(--ink);color:var(--ink);background:var(--paper);padding:30px;box-shadow:12px 12px 0 var(--ink)}dialog::backdrop{background:#173cce99;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;font-size:9px}.dialog-top button{font-size:9px}dialog h2{font:800 clamp(35px,5vw,65px)/.9 var(--display);letter-spacing:-1px;margin:40px 0 25px}dialog ol{padding-left:24px;font-size:11px;line-height:1.8}dialog li{padding:8px 0 8px 10px;border-bottom:1px solid #173cce30}dialog>a{display:inline-block;background:var(--ink);color:var(--paper);padding:15px 20px;font-size:10px;margin-top:20px}@media(min-width:1500px){.stage{padding-inline:7vw}.micro{margin-bottom:25px}h1{font-size:10vw}}@media(max-width:900px){.experience{padding:0 22px}.stage{padding:20px 0 0}.side-label{display:none}.top-note{margin-left:0}.panel{padding:10px 8px}.panel-label,.panel-footer{font-size:6px;letter-spacing:0}.eye{width:80px;height:48px}.pupil{width:33px;height:33px;border-width:8px}.eye:before,.eye:after{width:90px;left:-6px}.target-art{width:74px;height:74px}.resolution{grid-template-columns:110px 1fr;gap:20px}.seal{width:100px;height:100px;font-size:70px}.enter{grid-column:2;justify-self:start}.resolution-note{margin-bottom:12px}}@media(max-width:600px){.experience{padding:0 15px}header{height:73px;gap:20px}.logo{font-size:43px}.top-note{display:none}header>button,header>a:last-child{font-size:8px}.status{font-size:6px;letter-spacing:.5px;padding:15px 0}#chapter{display:none}.stage{justify-content:flex-start;padding-top:23px}.micro{font-size:6px;letter-spacing:.6px;margin-bottom:18px}h1{font-size:15.1vw;line-height:.86;letter-spacing:-.035em}.under-title{font-size:10px;padding:20px 0 25px}.issue{font-size:6px;letter-spacing:0}.panels{grid-template-columns:1fr 1fr;gap:7px}.panel{height:180px;padding:10px 12px}.panel-label{font-size:7px}.panel-footer{font-size:6px}.action{opacity:.65}.type-art{font-size:58px}.ledger-art{font-size:26px}.eye{width:95px;height:55px}.target-art{width:77px;height:77px}.stage-bottom{flex-direction:column;gap:17px;padding:24px 0}.instruction{font-size:6px;letter-spacing:.4px}.stage-bottom button{width:100%;padding:14px;font-size:9px}footer{flex-wrap:wrap;gap:8px;padding:15px 0;font-size:6px}footer #message{order:4;flex-basis:100%;font-size:6px}footer button{font-size:7px}.resolution{padding:24px 0;grid-template-columns:90px 1fr;gap:20px}.resolution p{font-size:10px}.seal{width:85px;height:85px;font-size:56px}.seal span{font-size:5px}.enter{grid-column:1/-1;justify-self:stretch;text-align:center}.resolution-note{font-size:6px}.free .stage{justify-content:center}.free h1{font-size:15vw}.free .micro{letter-spacing:1px}.free .stage-bottom{padding-top:0}dialog{padding:22px}dialog ol{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.panel:hover{transform:none}}

/* Elevation: the resource panels are a sequence, not clickable cards. */
.logo{display:flex;flex-direction:column;font-size:39px;line-height:.77;letter-spacing:-1px}.brand-second{font-size:19px;letter-spacing:.5px;margin-top:6px}.panel{cursor:default}.panel:hover{transform:none;box-shadow:none}.resource-number{font:800 clamp(48px,6.5vw,96px)/.8 var(--display);letter-spacing:-2px;align-self:center}.resource-number>span{display:block;font:600 15px/1 var(--display);letter-spacing:3px;margin-top:14px}.burn-type{font:800 clamp(38px,4.8vw,72px)/.8 var(--display);align-self:center;transform:skew(-8deg)}.burn-type em{font-style:normal;-webkit-text-stroke:1px var(--ink);color:transparent}.rise-type{display:flex;align-items:center;gap:8px;align-self:center;font:90px/.8 Arial}.rise-type>span{font:800 clamp(24px,2.8vw,44px)/.9 var(--display)}.panel.ignited{background:var(--ink);color:var(--paper)}.panel.ignited .burn-type em{-webkit-text-stroke-color:var(--paper)}.experience.igniting .panel-one .resource-number,.experience.igniting .panel-two .resource-number{animation:consume 1.1s ease-in both}.experience.igniting .panel-two .resource-number{animation-delay:.3s}.experience.igniting .panel-three{background:var(--ink);color:var(--paper)}.experience.igniting .burn-type em{-webkit-text-stroke-color:var(--paper)}.experience.igniting .panel-four .rise-type{animation:elevate 1.2s ease-in-out infinite}.experience.igniting h1{animation:heat .2s steps(2) 8}.free .seal{font-family:Arial;font-size:80px}.free .seal span{font-family:var(--mono)}.brief-copy{font-size:13px;line-height:1.8;margin-top:25px}.brief-note{font-size:10px;line-height:1.8;opacity:.75}.stage-bottom button:disabled{cursor:wait;opacity:.6}@keyframes consume{to{opacity:.08;transform:translateY(-25px);filter:blur(6px)}}@keyframes elevate{50%{transform:translateY(-14px)}}@keyframes heat{50%{transform:translateX(2px)}}@media(max-width:600px){.logo{font-size:32px}.brand-second{font-size:15px}.resource-number{font-size:69px}.resource-number>span{font-size:15px}.burn-type{font-size:54px}.rise-type{font-size:75px}.rise-type>span{font-size:29px}.panel-footer{font-size:6px}.free .seal{font-size:50px}.free h1{font-size:19vw}.free .resolution p{font-size:10px}.free .resolution-note{line-height:1.6}}
