*{box-sizing:border-box}body{margin:0;background:#111310;color:#eff2e9;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{padding:25px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18}header>a{font-size:27px;font-weight:bold;letter-spacing:-1px}header>span{font:9px monospace;color:#879080}main{padding:40px 4%}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px;gap:20px}h1{font-size:clamp(32px,4vw,60px);font-weight:400;letter-spacing:-2px;line-height:1.05;margin:0}h1 em{font-family:Georgia;color:#6ef790}.intro p{font:11px/1.7 monospace;color:#9da597}.studies{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.preview{display:block;aspect-ratio:9/16;position:relative;overflow:hidden;background:#20251e;border:1px solid #ffffff16}.preview iframe{width:900px;height:1600px;border:0;transform:scale(var(--scale,.25));transform-origin:top left;pointer-events:none}.open{position:absolute;bottom:15px;right:15px;background:var(--accent);color:#111;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;transition:transform .25s}.preview:hover .open{transform:rotate(45deg)}.preview:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.caption{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:15px 0}.caption h2{font-size:18px;font-weight:400;margin:0}.caption>span{font:8px/1.5 monospace;color:#899281}.note{font:10px monospace;color:#727d6c;margin-top:35px}@media(max-width:1000px){.studies{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}}@media(max-width:550px){.studies{grid-template-columns:1fr}.intro{display:block}header>span{font-size:7px}.caption>span{font-size:9px}.intro p{margin-top:20px}}

.studies article{min-width:0}.preview iframe{position:absolute;left:0;top:0;display:block}