html, body { margin:0; padding:0; background:#fff; color:#000; }
a { color:#000; text-decoration:none; }
a:hover { text-decoration:underline; text-underline-offset:0.2em; }
a:focus-visible { outline:2px solid #000; outline-offset:4px; }
main { position:relative; width:100vw; height:100vh; height:100dvh; background:#fff; color:#000; font-family:'Outfit',system-ui,sans-serif; display:flex; align-items:center; justify-content:center; padding:clamp(20px,4vmin,48px); box-sizing:border-box; overflow:hidden; letter-spacing:0.04em; font-weight:400; font-size:clamp(13px,1.3vw,17px); line-height:1.4; }
header, footer { position:absolute; left:clamp(20px,4vmin,48px); right:clamp(20px,4vmin,48px); display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
header { top:clamp(20px,4vmin,48px); align-items:flex-start; }
header a { white-space:nowrap; }
footer { bottom:clamp(20px,4vmin,48px); align-items:flex-end; }
.brand { text-align:right; }
.brand-name { font-weight:500; letter-spacing:0.12em; text-transform:uppercase; }
.brand-tag { font-weight:300; font-size:0.85em; letter-spacing:0.14em; text-transform:uppercase; }
section { display:flex; align-items:center; justify-content:center; }
img { width:clamp(105px,17vw,220px); max-width:55vw; max-height:22vh; height:auto; display:block; }