@font-face{font-family:Jost;src:url(assets/space-products/jost-300.ttf);font-weight:300;font-display:swap}@font-face{font-family:Jost;src:url(assets/space-products/jost-400.ttf);font-weight:400;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#111;background:#fff;font-family:Jost,Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}header,footer{display:flex;justify-content:space-between;align-items:center;padding:28px 4.5%;border-bottom:1px solid #ddd}header>a{font-size:23px}nav{display:flex;gap:32px}section{padding:110px 4.5%}h1,h2,h3,p{margin:0}h1,h2{font-weight:300;letter-spacing:-.05em;line-height:1.02}h1{font-size:clamp(65px,8.5vw,150px);margin:40px 0}h2{font-size:clamp(45px,6vw,100px);margin:35px 0 65px}h3{font-weight:400}small{font-size:13px;letter-spacing:.16em;color:#888}p{font-size:23px;line-height:1.55;color:#666}img{display:block;width:100%}.hero{padding-top:75px;background:#f4f4f2}.hero>img{margin-top:65px;max-height:830px;object-fit:cover}.intro{display:flex;justify-content:space-between;gap:40px;align-items:end}.intro p{max-width:650px}.link{display:inline-block;font-size:21px;border-bottom:1px solid #aaa;padding-bottom:6px;white-space:nowrap}.three,.four{display:grid;gap:35px;grid-template-columns:repeat(3,1fr)}.three article,.four article{border-top:1px solid #ccc;padding-top:25px}.three span{color:#888}.three h3{font-size:30px;margin:30px 0 20px}.three p,.four p{font-size:21px}.scope{border-bottom:1px solid #ddd}.project{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center;margin-top:100px}.project:nth-of-type(even) .project-image{order:2}.project h3{font-size:clamp(36px,4vw,65px);line-height:1.08;letter-spacing:-.04em;font-weight:300;margin:30px 0}.project .link{margin-top:30px}.project img{aspect-ratio:5/4;object-fit:contain;background:#f4f4f2}.note{font-size:15px;color:#888;margin-top:60px;max-width:750px}.dark{background:#080808;color:white}.four{grid-template-columns:repeat(4,1fr)}.four h3{font-size:28px;margin:15px 0 25px}.dark article{border-color:#333}.dark p{color:#aaa}.detail{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.detail img{max-height:760px;object-fit:contain;background:#f4f4f2}.detail h2{margin-bottom:35px}.contact{background:#f4f4f2}.contact p{max-width:780px}.actions{display:flex;gap:40px;margin-top:45px;flex-wrap:wrap}.actions a{font-size:25px;border-bottom:1px solid #aaa;padding-bottom:8px}footer{font-size:15px}a:focus-visible{outline:3px solid #728aaf;outline-offset:6px}@media(max-width:800px){section{padding:70px 5%}.three,.four{grid-template-columns:1fr 1fr}.project,.detail{gap:30px}.intro{display:block}.intro .link{margin-top:30px}.project h3{font-size:36px}.project p{font-size:20px}}@media(max-width:550px){header{padding:22px 5%}header>a{font-size:19px}nav{gap:16px;font-size:13px}h1{font-size:60px}h2{font-size:44px;margin-bottom:40px}p{font-size:20px}.three,.four,.project,.detail{grid-template-columns:1fr}.project{margin-top:65px}.project:nth-of-type(even) .project-image{order:0}.project h3{margin:22px 0}.project small{font-size:11px}.hero>img{margin-top:40px}.three h3{margin:20px 0 15px}.detail{gap:40px}.actions{gap:25px}.actions a{font-size:22px}footer{gap:25px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}