*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eee9dc;color:#111;font-family:Arial,Helvetica,sans-serif}a{color:inherit}header{height:68px;border-bottom:3px solid;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;position:sticky;top:0;background:#eee9dc;z-index:5}header a{font-weight:900;text-decoration:none}nav{display:flex;gap:24px;font-size:12px}.hero{min-height:calc(100vh - 68px);padding:7vh 3vw 4vh;border-bottom:3px solid;display:flex;flex-direction:column;justify-content:space-between}.hero>p{font:700 12px monospace;letter-spacing:.12em}.hero h1{font:900 clamp(80px,17vw,250px)/.72 Arial;margin:.15em 0;letter-spacing:-.08em}.hero h1 span{-webkit-text-stroke:3px #111;color:transparent}.intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.intro p{max-width:650px;font-size:clamp(16px,1.5vw,22px);font-weight:700}.intro a{justify-self:end;font-size:clamp(20px,2.2vw,34px);font-weight:900;text-decoration:none;border-bottom:5px solid}section:not(.hero){padding:0 3vw 7vw;border-bottom:3px solid}.title{min-height:110px;display:grid;grid-template-columns:60px 1fr;align-items:center;border-bottom:3px solid;margin-bottom:3vw}.title h2{font-size:clamp(30px,4vw,64px);margin:0;letter-spacing:-.05em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw 2vw}.card{cursor:pointer}.poster,.preview{aspect-ratio:1/1.414;background:#111;color:#eee9dc;display:flex;align-items:center;justify-content:center;font-size:clamp(70px,10vw,150px);font-weight:900;border:2px solid}.card:nth-child(even) .poster{background:#eee9dc;color:#111}.card h3{font-size:26px;margin:8px 0}.meta{border-top:2px solid;padding-top:10px;margin-top:10px;display:flex;justify-content:space-between;font:700 11px monospace}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw}.about h3{font-size:clamp(34px,5vw,74px);line-height:.94;margin:0;letter-spacing:-.05em}.about div{font-size:17px;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:3px solid}.steps article{padding:2vw;min-height:230px}.steps article+article{border-left:3px solid}.steps h3{font-size:clamp(24px,2.5vw,44px);margin:35px 0 8px}footer{padding:5vw 3vw;background:#111;color:#eee9dc;display:grid;grid-template-columns:1fr 1fr auto;align-items:end}footer strong{font-size:clamp(32px,5vw,70px)}dialog{width:min(1000px,92vw);padding:0;border:3px solid;background:#eee9dc}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#000b}#close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:40px;cursor:pointer}.info{padding:5vw 4vw}.info h2{font-size:48px}.info button{width:100%;padding:16px;background:#111;color:#eee9dc;border:0;font-weight:900}@media(max-width:720px){.hero{min-height:80vh}.hero h1{font-size:23vw}.intro,.about{grid-template-columns:1fr}.intro a{justify-self:start}.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.steps article+article{border-left:0;border-top:3px solid}footer{grid-template-columns:1fr;gap:20px}dialog[open]{grid-template-columns:1fr;max-height:90vh;overflow:auto}}

.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.footer-links a{font-weight:700}@media(max-width:720px){header{height:auto;min-height:68px;flex-wrap:wrap;gap:12px;padding-top:14px;padding-bottom:14px}nav{flex-wrap:wrap;gap:16px}.footer-links{align-items:flex-start}}

.poster img,.preview img{width:100%;height:100%;object-fit:contain;display:block}.poster:has(img),.preview:has(img){background:#fff}.download{display:block;text-align:center;padding:16px;background:#111;color:#eee9dc;font-weight:900;text-decoration:none}.download[hidden]{display:none}