/* Drawings are part of the built world; the interactive lab belongs to beyond. */
.drawing-room{padding:85px 40px 100px;border-top:1px solid var(--line);background-color:#fafbf8;background-image:linear-gradient(#7583650a 1px,transparent 1px),linear-gradient(90deg,#7583650a 1px,transparent 1px);background-size:24px 24px}.drawing-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.drawing-heading h2{font-size:clamp(50px,5.5vw,85px)}.drawing-heading>p{font:11px/1.7 var(--mono);color:var(--muted)}.drawing-desk{border:1px solid var(--fg);background:#fff}.drawing-tools{display:flex;border-bottom:1px solid var(--fg)}.drawing-tools button{flex:1;text-align:left;padding:17px 20px;border:0;border-right:1px solid var(--line);background:none;font:10px var(--mono)}.drawing-tools button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.drawing-surface{position:relative;padding:65px 70px 0}.ruler{position:absolute;left:70px;top:20px;right:70px;font:9px var(--mono);letter-spacing:4px;border-bottom:1px solid var(--line);padding-bottom:10px;color:var(--muted)}.north{position:absolute;right:22px;top:65px;font:16px var(--mono);text-align:center}#drawing-expand{background:none;border:0;display:block;width:100%;padding:0;position:relative}#drawing-image{width:100%;height:540px;object-fit:contain}#drawing-expand>span{position:absolute;bottom:10px;right:0;font:9px var(--mono);padding:9px;background:var(--bg);border:1px solid var(--line)}.drawing-stamp{margin-top:20px;display:grid;grid-template-columns:1fr 2fr 1fr;border-top:1px solid var(--line);font:8px var(--mono)}.drawing-stamp span{padding:15px;border-right:1px solid var(--line)}.drawing-strip{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;margin-top:45px}.drawing-strip figure{margin:0;border:1px solid var(--line);background:#fff;padding:15px}.drawing-strip img{width:100%;height:250px;object-fit:contain}.drawing-strip figcaption{font:8px var(--mono);border-top:1px solid var(--line);padding-top:10px}html[data-world=beyond] .drawing-room,html[data-world=built] .reality-scroll{display:none}
.reality-scroll{height:250svh;border-top:1px solid var(--line);position:relative}.reality-stage{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at center,#223d39 0%,#111c23 55%,#10151c 85%)}.stage-top,.stage-bottom{position:absolute;left:40px;right:40px;display:flex;justify-content:space-between;font:9px var(--mono);z-index:3}.stage-top{top:30px;border-bottom:1px solid #b6f0cd40;padding-bottom:15px}.stage-bottom{bottom:30px;align-items:center;gap:25px}.scene-progress{height:1px;flex:1;background:#ffffff20}.scene-progress i{display:block;width:0;height:2px;background:var(--accent)}#reality-canvas{position:absolute;inset:0;width:100%;height:100%}.stage-caption{position:absolute;left:11%;top:24%;z-index:2;max-width:55%}.stage-caption>span{font:10px var(--mono);color:var(--accent)}.stage-caption h2{font-size:clamp(60px,7vw,110px);margin:22px 0}.stage-caption p{font:11px/1.7 var(--mono);max-width:270px;color:var(--muted)}.lab-coordinate{position:absolute;left:40px;top:50%;font:10px/2 var(--mono);color:var(--accent)}.lab-window{position:absolute;border:1px solid #9fcab080;box-shadow:0 25px 65px #0005;background:#16241fe8;margin:0;will-change:transform}.lab-window figcaption{padding:9px;font:8px var(--mono);border-bottom:1px solid #9fcab080;display:flex;justify-content:space-between}.lab-window img{width:100%;height:100%;object-fit:cover;display:block}.lab-window-a{right:9%;top:21%;width:270px;transform:rotate(5deg)}.lab-window-b{left:23%;bottom:12%;width:175px;transform:rotate(-8deg)}.lab-tag{display:block;font:7px var(--mono);padding:8px;color:var(--accent)}html[data-world=beyond] .hero{background-image:linear-gradient(#b6f0cd0b 1px,transparent 1px),linear-gradient(90deg,#b6f0cd0b 1px,transparent 1px);background-size:65px 65px}html[data-world=beyond] .work{background-image:radial-gradient(#b6f0cd35 .7px,transparent .7px);background-size:20px 20px}html[data-world=beyond] .projects:not(.list){display:block;height:1370px;position:relative;min-height:0;margin-top:35px;padding:0}html[data-world=beyond] .projects:not(.list) .project{position:absolute;width:var(--card-width,210px);left:var(--card-x);top:var(--card-y);margin:0;transform:translate(var(--drag-x,0px),var(--drag-y,0px)) rotate(var(--card-angle,0deg));transition:box-shadow .2s;touch-action:pan-y}html[data-world=beyond] .projects:not(.list) .project-image{aspect-ratio:1;box-shadow:0 10px 30px #0005;border:1px solid var(--line)}html[data-world=beyond] .projects:not(.list) .project-meta{background:var(--bg);padding:10px;border:1px solid var(--line)}html[data-world=beyond] .project h3{font-size:15px}html[data-world=beyond] .project p{font-size:8px}html[data-world=beyond] .project.dragging{z-index:5;box-shadow:0 0 0 1px var(--accent)}html[data-world=beyond] .project:hover{z-index:4}#reset-field{border:1px solid var(--line);background:none;padding:8px 12px;font:8px var(--mono);margin-top:5px}#reset-field[hidden]{display:none}#drawing-dialog{width:min(95vw,1450px);max-height:95svh;border:1px solid var(--fg);background:#fff;color:#1e251f;padding:45px 20px 15px}#drawing-dialog::backdrop{background:#10151cba;backdrop-filter:blur(6px)}#drawing-dialog img{width:100%;max-height:78svh;object-fit:contain}#drawing-dialog p{font:10px var(--mono)}#close-drawing{position:absolute;top:12px;right:15px;background:none;border:0;font:10px var(--mono)}
#drone-cursor,#cursor-target{display:none;pointer-events:none;position:fixed;left:0;top:0;z-index:9999}#drone-cursor{width:78px;height:78px;will-change:transform}#drone-cursor img{width:100%;height:100%;filter:drop-shadow(0 2px 1px #0004)}#drone-label{position:absolute;left:80px;top:35px;white-space:nowrap;color:var(--fg);font:7px var(--mono);background:var(--bg);padding:3px 5px;border:1px solid var(--line)}.drone-shadow{position:absolute;inset:27px 12px 0;background:#0005;filter:blur(9px);border-radius:50%;transform:translate(12px,18px);z-index:-1}#cursor-target{width:5px;height:5px;border:1px solid var(--accent);border-radius:50%;z-index:10000}#cursor-toggle{position:fixed;bottom:15px;right:18px;background:var(--bg);border:1px solid var(--line);padding:8px 10px;font:8px var(--mono);z-index:100;display:none}@media(hover:hover) and (pointer:fine){#cursor-toggle{display:block}.drone-enabled,.drone-enabled a,.drone-enabled button,.drone-enabled [role=button]{cursor:none}.drone-enabled #drone-cursor,.drone-enabled #cursor-target{display:block}.drone-enabled.cursor-away #drone-cursor,.drone-enabled.cursor-away #cursor-target{display:none}}@media(max-width:1000px){html[data-world=beyond] .projects:not(.list){height:1600px}html[data-world=beyond] .projects:not(.list) .project{width:175px}.lab-window-a{width:210px;right:6%;top:36%}.stage-caption{left:9%;top:19%;max-width:75%}.stage-caption h2{font-size:70px}.lab-window-b{left:14%;bottom:10%;width:150px}.drawing-surface{padding:50px 35px 0}#drawing-image{height:400px}.drawing-stamp{grid-template-columns:1fr 2fr}.drawing-stamp span:last-child{display:none}}
@media(max-width:600px){.drawing-room{padding:55px 18px}.drawing-heading{display:block;margin-bottom:25px}.drawing-heading h2{font-size:50px}.drawing-heading>p{font-size:10px;margin-top:20px}.drawing-tools{display:grid;grid-template-columns:1fr 1fr}.drawing-tools button{font-size:8px;padding:14px 12px;border-bottom:1px solid var(--line)}.drawing-surface{padding:40px 12px 0}.ruler{left:12px;right:12px;font-size:6px;letter-spacing:1px;top:12px}.north{right:10px;top:42px;font-size:10px}#drawing-image{height:300px}#drawing-expand>span{font-size:7px;padding:5px}.drawing-stamp{grid-template-columns:1fr}.drawing-stamp span{font-size:7px;padding:10px}.drawing-strip{grid-template-columns:1fr;gap:15px;margin-top:20px}.drawing-strip img{height:180px}.drawing-strip figcaption{font-size:7px}.reality-scroll{height:230svh}.reality-stage{min-height:660px}.stage-top,.stage-bottom{left:18px;right:18px;font-size:7px}.stage-top{top:20px}.stage-caption{top:14%;left:24px;max-width:90%}.stage-caption h2{font-size:53px}.stage-caption>span{font-size:8px}.stage-caption p{font-size:9px;max-width:200px}.lab-window-a{width:160px;top:48%;right:24px}.lab-window-b{width:110px;left:24px;bottom:11%}.lab-window figcaption{font-size:6px;padding:6px}.lab-coordinate{left:18px;top:45%;font-size:8px}.stage-bottom{bottom:20px;gap:12px}.stage-bottom>span:first-child{max-width:110px;line-height:1.6}html[data-world=beyond] .projects:not(.list){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;padding:20px 0 45px;margin-top:0;gap:30px 18px}html[data-world=beyond] .projects:not(.list) .project{position:relative;inset:auto;width:auto;transform:none!important;margin:0!important}html[data-world=beyond] .projects:not(.list) .project:nth-child(even){margin-top:35px!important}html[data-world=beyond] .project h3{font-size:12px}html[data-world=beyond] .project p{font-size:6px;line-height:1.6}html[data-world=beyond] .projects:not(.list) .project-meta{padding:8px}.project-meta>span{font-size:15px}#reset-field{display:none!important}}
@media(prefers-reduced-motion:reduce){.reality-scroll{height:auto}.reality-stage{position:relative;height:850px}.lab-window{will-change:auto}#drone-cursor,#cursor-target,#cursor-toggle{display:none!important}.drone-enabled,.drone-enabled a,.drone-enabled button{cursor:auto!important}}
/* A quieter aircraft mark; when flight is off, an eight-spoke mark replaces the arrow. */
.project-date{display:inline-block;font:9px/1.6 var(--mono);letter-spacing:0;color:var(--muted);white-space:nowrap;margin-left:4px;vertical-align:middle}html[data-world=beyond] .project-date{font-size:8px}.project h3{line-height:1.35}#drone-cursor{width:40px;height:40px}#drone-cursor img{filter:none}#drone-label,.drone-shadow{display:none}#cursor-target{width:3px;height:3px;border:0;background:var(--accent)}
@media(hover:hover) and (pointer:fine){html,body,body a,body button,body dialog{cursor:url('assets/asterisk.svg') 16 16,crosshair}body.drone-enabled,body.drone-enabled a,body.drone-enabled button,body.drone-enabled dialog{cursor:none}body.entering,body.entering button{cursor:url('assets/asterisk.svg') 16 16,crosshair}body.entering #drone-cursor,body.entering #cursor-target{display:none}}
@media(prefers-reduced-motion:reduce){html body,html body a,html body button,html body dialog{cursor:url('assets/asterisk.svg') 16 16,crosshair!important}}
body.entering{overflow:hidden}#entry-screen{position:fixed;inset:0;z-index:10001;background:#f8f9f6;color:#1e251f;display:flex;flex-direction:column;justify-content:space-between;padding:30px 40px;transition:opacity .6s,visibility .6s;background-image:linear-gradient(90deg,transparent calc(50% - .5px),#d6dbd150 50%,transparent calc(50% + .5px))}#entry-screen[hidden]{display:none}#entry-screen.entry-leaving{opacity:0;visibility:hidden;pointer-events:none}.entry-top{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.04em}.entry-center{text-align:center;position:relative;padding:35px 0}.entry-symbol{font:70px/1 var(--sans);display:block;color:#657365;margin-bottom:35px;animation:entry-turn 9s linear infinite}.entry-center .eyebrow{font-size:9px;margin-bottom:22px}.entry-center h1{font-size:clamp(72px,10vw,150px);line-height:.88;font-weight:450;letter-spacing:-.075em}.entry-subtitle{font-size:13px;line-height:1.5;margin-top:25px;color:#687165}.entry-bottom{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:40px}.entry-loading{max-width:290px}.entry-loading-row{display:flex;justify-content:space-between;font:8px var(--mono);gap:20px}.entry-track{height:1px;background:#d6dbd1;margin-top:12px}.entry-track i{display:block;width:0;height:1px;background:#1e251f;transition:width .35s}.entry-caption{font:8px var(--mono);text-align:right}#enter-site{justify-self:center;background:none;color:#1e251f;border:1px solid #d6dbd1;padding:15px 24px;min-width:180px;display:flex;justify-content:space-between;gap:35px;font:10px var(--mono);transition:background .25s,color .25s}#enter-site:disabled{opacity:.4}#enter-site:not(:disabled):hover{background:#1e251f;color:#f8f9f6}#enter-site:focus-visible{outline:1px solid #657365;outline-offset:5px}@keyframes entry-turn{to{transform:rotate(180deg)}}
@media(max-width:600px){.project-date,html[data-world=beyond] .project-date{font-size:7px;margin-left:2px}#entry-screen{padding:24px 20px}.entry-top{font-size:7px;gap:25px;line-height:1.6}.entry-top span:last-child{text-align:right;max-width:125px}.entry-center{padding:25px 0}.entry-symbol{font-size:55px;margin-bottom:35px}.entry-center h1{font-size:82px}.entry-center .eyebrow{font-size:8px}.entry-subtitle{font-size:11px}.entry-bottom{grid-template-columns:1fr;gap:24px}.entry-loading{width:100%;max-width:none}.entry-caption{text-align:center;font-size:7px}#enter-site{order:-1;padding:15px 22px}.entry-loading-row{font-size:7px}}
@media(prefers-reduced-motion:reduce){.entry-symbol{animation:none}}