*{box-sizing:border-box}body{margin:0;background:#090b0b;color:#e9e6dd;font-family:"IBM Plex Mono",monospace}header,main,footer{max-width:1200px;margin:auto}header{height:84px;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid #303332}.brand{font:500 38px "Cormorant Garamond";letter-spacing:.15em}nav{margin-left:auto;font-size:11px;letter-spacing:.12em}.hero{padding:48px 24px 55px;min-height:570px;background:radial-gradient(circle at 85% 30%,#293136 0,transparent 28%)}.kicker,.signal{font-size:10px;letter-spacing:.2em;color:#999}.signal{margin-top:55px;border-left:2px solid #9d4030;padding-left:13px;line-height:1.8}h1{font:400 clamp(55px,9vw,105px)/.82 "Cormorant Garamond";letter-spacing:-.03em;margin:28px 0}.dek{max-width:520px;color:#bbb;line-height:1.7;font-size:12px}.cards{padding:0 24px 70px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cards article{border:1px solid #303332;padding:10px 10px 20px}.art{height:170px;margin-bottom:18px;background:#111;overflow:hidden}.textart{background:repeating-linear-gradient(167deg,#0c0d0d 0 20px,#36342f 21px,#0c0d0d 22px 39px)}.musicart{background:repeating-radial-gradient(circle at 50% 50%,#111 0 14px,#665044 15px 16px,#111 17px 30px)}.mapart{background:repeating-linear-gradient(33deg,#0b0d0d 0 17px,#343837 18px 19px,#0b0d0d 20px 33px)}.selfart{background:linear-gradient(123deg,#080909 0 35%,#333 36% 37%,#121414 38% 63%,#4a4843 64% 65%,#090a0a 66%)}article small{color:#777}h2{font:400 29px "Cormorant Garamond";letter-spacing:.08em;margin:7px 0}article p{font-size:10px;line-height:1.6;color:#999}.quote{margin:0 24px;padding:70px 15px 90px;border-top:1px solid #303332;text-align:center;font:italic 35px "Cormorant Garamond"}.quote small{display:block;margin-top:16px;font:9px "IBM Plex Mono";letter-spacing:.2em;color:#888}footer{border-top:1px solid #303332;padding:25px 24px 40px;font-size:9px;color:#888;letter-spacing:.1em}footer span{float:right}@media(max-width:700px){header{height:70px;padding:0 17px}.brand{font-size:27px}nav{display:none}.hero{padding:30px 17px 45px;min-height:540px}.signal{margin-top:45px}h1{font-size:59px}.cards{padding:0 17px 55px;grid-template-columns:1fr 1fr}.art{height:135px}.quote{margin:0 17px;font-size:29px}footer{margin:0 17px;padding-left:0;padding-right:0}footer span{float:none;display:block;margin-top:10px}}@media(max-width:390px){.cards{grid-template-columns:1fr}.art{height:180px}}