@font-face{font-family:HFH;src:url('./assets/heading.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;--ink:#f2ecdf}
*{box-sizing:border-box}body{margin:0;background:#171716;color:var(--ink);font-family:Arial,Helvetica,sans-serif}body:before{content:'';position:fixed;inset:0;background:linear-gradient(#0002,#0002),url('./assets/wall.webp') center/cover;z-index:-1}
main{width:min(100%,480px);margin:auto;padding:42px 25px 30px}
h1{font-family:HFH,'Arial Narrow',sans-serif;font-weight:600;font-size:clamp(76px,24vw,116px);line-height:.9;letter-spacing:-1.5px;margin:0 0 30px}h1 span{display:block}.links{display:grid;gap:12px}a{color:inherit;text-decoration:none}.service{display:flex;align-items:center;gap:18px;border:1px solid #f2ecdfd9;min-height:64px;padding:14px 18px;background:#09090938;font-size:19px;transition:background .15s,color .15s}.service:hover{background:var(--ink);color:#171716;--icon-cutout:var(--ink)}.service:focus-visible,.contact:focus-visible{outline:3px solid #e5ad76;outline-offset:5px}.icon{width:29px;height:29px;flex:none;fill:currentColor}.arrow{margin-left:auto;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.contact{display:inline-block;margin-top:30px;font:14px monospace;letter-spacing:2px;border-bottom:1px solid currentColor;padding-bottom:5px}footer{border-top:1px solid #f2ecdf80;margin-top:32px;padding-top:19px;font:11px monospace;letter-spacing:1.5px}
@media(min-width:800px){main{width:min(100% - 100px,1000px);min-height:100svh;display:grid;grid-template-columns:1.15fr 1fr;align-content:center;column-gap:90px;padding:65px 0}h1{font-size:150px;grid-column:1;grid-row:2/4;margin:0}.links{grid-column:2;grid-row:2;align-self:center}.contact{grid-column:2;grid-row:3;justify-self:start;margin-top:25px}footer{grid-column:1/-1;grid-row:4;margin-top:55px}.service{min-height:70px}body:before{background-size:100% auto}}
@media(prefers-reduced-motion:reduce){.service{transition:none}}

h1{-webkit-mask-image:url("./assets/type-wear.svg");mask-image:url("./assets/type-wear.svg");-webkit-mask-size:300px 240px;mask-size:300px 240px;-webkit-mask-repeat:repeat;mask-repeat:repeat}

.releases{margin-top:64px;border-top:1px solid #f2ecdf80;padding-top:28px}
.releases h2{font-family:HFH,'Arial Narrow',sans-serif;font-weight:600;font-size:24px;line-height:.9;letter-spacing:-.3px;margin:0 0 28px}
.release-category h3{font:14px monospace;letter-spacing:2px;font-weight:400;margin:0 0 18px}
.release-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.release-grid figure{margin:0;min-width:0}.release-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
figcaption{padding-top:12px}.release-title{display:block;font-size:18px;line-height:1.3}.release-year{display:block;margin-top:5px;color:#ccc5b8;font:12px monospace;letter-spacing:1px}
.singles{margin-top:40px;padding-top:26px;border-top:1px solid #f2ecdf50}
@media(min-width:800px){.releases{grid-column:1/-1;grid-row:4;margin-top:75px;padding-top:30px}.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}footer{grid-row:5;margin-top:45px}}