@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}.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;justify-self:start;margin-top:25px}footer{grid-column:1/-1;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}