/* Studio Trace — shared styles for the homepage (Trace.html) and Legal.html */
:root{
  --ink:#111111; --bg:#FFFFFF; --card:#F2F2F2; --rule:#D6D6D6; --muted:#666666; --ph:#8A8A8A;
  --display:'Schibsted Grotesk',Helvetica,Arial,sans-serif;
  --serif:'Instrument Serif',Georgia,serif;
  --sans:'DM Sans',Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;background:var(--bg)}
body{font-family:var(--sans);-webkit-font-smoothing:antialiased;color:var(--ink)}
a{color:var(--ink);text-decoration:none}
a:hover{opacity:.65}
input::placeholder{color:var(--ph)}
[id]{scroll-margin-top:24px}

/* Logo lockup */
.logo{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1}
.logo .row{display:flex;align-items:baseline}
.logo .studio{font-family:var(--serif);font-style:italic;font-size:30px;letter-spacing:-0.02em}
.logo .trace{font-family:var(--display);font-weight:900;font-size:27px;letter-spacing:-0.06em}
.logo .tag{font-size:8px;font-weight:600;letter-spacing:0.14em;margin-top:1px;margin-right:22%}

.serif{font-family:var(--serif);font-style:italic}
.h2{margin:0;font-family:var(--display);font-weight:900;font-size:clamp(40px,5.6vw,96px);line-height:.9;letter-spacing:-0.05em;text-transform:uppercase}

/* Footer links row */
.foot-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;font-size:14px}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}