@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Bowlby+One+SC&family=IBM+Plex+Mono:wght@500;600;700&display=swap');

* { box-sizing:border-box; }
html { color-scheme:dark; background:#0b1210; }
body {
  margin:0; min-width:320px; color:#291b11;
  background:
    radial-gradient(ellipse at 78% 4%,#42695b5c 0,transparent 34%),
    radial-gradient(ellipse at 5% 70%,#6c2d253d 0,transparent 30%),
    repeating-linear-gradient(0deg,transparent 0 112px,#0003 113px 116px),
    linear-gradient(90deg,#120d09,#24160f 50%,#0d100d);
  font-family:"Barlow Condensed",sans-serif;
}

.legal-home {
  min-width:205px; padding:0 34px; display:grid; align-content:center;
  border-left:1px solid #5c3b1d35; color:#4d3524; text-decoration:none;
  text-transform:uppercase;
}
.legal-home span { font:600 8px/1 "IBM Plex Mono",monospace; letter-spacing:.16em; }
.legal-home b { margin-top:7px; font-size:20px; line-height:1; letter-spacing:.035em; }
.legal-home:hover,.legal-home:focus-visible { color:#21150e; background:#fff6d94d; box-shadow:inset 0 -4px #287666; outline:0; }

.legal-page { width:min(1180px,100%); min-height:calc(100vh - 88px); margin:auto; padding:clamp(45px,7vw,92px) clamp(16px,5vw,64px) clamp(70px,9vw,120px); }
.legal-plate {
  position:relative; overflow:hidden;
  border:10px solid #3a1c10; border-color:#744522 #2c160d #211008 #68401f;
  background:
    repeating-linear-gradient(101deg,#fff9e617 0 1px,transparent 1px 9px),
    radial-gradient(circle at 12% 8%,#fff8dc 0,transparent 31%),
    linear-gradient(114deg,#ead7a8,#f7e9c5 55%,#cfad69);
  box-shadow:0 38px 90px #000c,inset 0 0 0 2px #9a682e,inset 0 0 46px #66401742;
}
.legal-plate::before,.legal-plate::after { content:""; position:absolute; width:15px; height:15px; z-index:3; border:1px solid #50341e; border-radius:50%; background:radial-gradient(circle at 35% 30%,#efc67d,#8b572d 58%,#342015); box-shadow:0 2px 4px #0008; }
.legal-plate::before { left:16px; top:16px; }
.legal-plate::after { right:16px; bottom:16px; }
.legal-plate__heading { min-height:320px; padding:clamp(38px,6vw,72px); position:relative; display:flex; flex-direction:column; justify-content:flex-end; border-bottom:3px solid #432716; background:linear-gradient(90deg,#112820 0 57%,#142e25 57% 100%); color:#f5e6bb; }
.legal-plate__heading::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 82% 48%,#d4a64d17,transparent 31%),repeating-linear-gradient(90deg,transparent 0 5px,#fff1 6px); pointer-events:none; }
.legal-plate__heading p { margin:0 0 22px; display:flex; align-items:center; gap:10px; color:#d8ad58; font:700 10px/1 "IBM Plex Mono",monospace; letter-spacing:.15em; text-transform:uppercase; }
.legal-plate__heading p i { width:9px; height:9px; border-radius:50%; background:#d9553e; box-shadow:0 0 12px #d9553eaa; }
.legal-plate h1 { max-width:730px; margin:0; position:relative; z-index:1; font:400 clamp(55px,9vw,112px)/.78 "Bowlby One SC",sans-serif; letter-spacing:-.04em; text-transform:uppercase; }
.legal-plate h1 em { display:block; color:#d7a756; font-style:normal; }
.legal-plate__heading > span { position:absolute; right:clamp(25px,7vw,85px); top:50%; z-index:1; color:#c8934273; font:400 clamp(86px,16vw,190px)/.58 "Bowlby One SC",sans-serif; letter-spacing:-.08em; text-align:center; transform:translateY(-46%) rotate(-6deg); }
.legal-plate__copy { padding:0 clamp(24px,5vw,66px); }
.legal-plate__copy article { padding:clamp(28px,4vw,46px) 0; display:grid; grid-template-columns:70px minmax(0,1fr); gap:clamp(18px,3vw,42px); border-bottom:1px solid #714c2980; }
.legal-plate__copy article > b { color:#a64d36; font:700 13px/1 "IBM Plex Mono",monospace; letter-spacing:.1em; }
.legal-plate h2 { margin:0 0 10px; color:#321f12; font:800 clamp(25px,3vw,34px)/.95 "Barlow Condensed",sans-serif; letter-spacing:.025em; text-transform:uppercase; }
.legal-plate__copy p { max-width:780px; margin:0; color:#57412b; font-size:clamp(18px,2vw,22px); line-height:1.45; }
.legal-plate__copy strong { color:#2d1c11; }
.legal-plate > footer { padding:24px clamp(24px,5vw,66px) 32px; display:flex; justify-content:space-between; gap:24px; color:#755938; font:700 10px/1 "IBM Plex Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }
.legal-plate > footer a { color:#2d5f50; text-decoration:none; }
.legal-plate > footer a i { margin-left:8px; color:#a94c35; font-style:normal; font-size:16px; }
.legal-plate > footer a:hover,.legal-plate > footer a:focus-visible { color:#183f34; outline:2px solid #2d5f50; outline-offset:5px; }

@media(max-width:700px){
  .arcade-shell-header { grid-template-columns:minmax(0,1fr) auto; }
  .arcade-shell-header > .arcade-shell-brand { grid-column:1; grid-row:1; min-width:0; }
  .legal-home { grid-column:2; grid-row:1; }
  .legal-home { min-width:140px; padding-inline:18px; }
  .legal-home b { font-size:16px; }
  .legal-page { padding-inline:10px; padding-top:28px; }
  .legal-plate { border-width:6px; }
  .legal-plate__heading { min-height:265px; padding:35px 26px; }
  .legal-plate__heading > span { right:24px; top:37%; opacity:.65; }
  .legal-plate h1 { font-size:clamp(46px,14vw,70px); }
  .legal-plate__copy article { grid-template-columns:38px 1fr; gap:10px; }
  .legal-plate > footer { flex-direction:column; line-height:1.5; }
}
@media(max-width:470px){
  .arcade-shell-brand__type small { font-size:8px; letter-spacing:.08em; }
  .legal-home span { display:none; }
  .legal-home { min-width:112px; padding-inline:12px; }
  .legal-home b { margin:0; }
  .legal-plate__heading > span { font-size:86px; }
  .legal-plate__copy { padding-inline:20px; }
  .legal-plate__copy article { display:block; }
  .legal-plate__copy article > b { display:block; margin-bottom:12px; }
}