:root{color-scheme:light;--ink:#172a32;--muted:#5c6b70;--paper:#f5f5ef;--accent:#dd622e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100svh;display:flex;flex-direction:column;padding:40px clamp(24px,7vw,112px)}header{display:flex;align-items:center;gap:13px;font-weight:750;font-size:23px;letter-spacing:-.8px}.symbol{display:grid;grid-template-columns:repeat(2,9px);gap:4px;transform:rotate(-8deg)}.symbol i{height:9px;background:var(--ink)}.symbol i:last-child{background:var(--accent)}main{flex:1;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:36px;padding:90px 0;max-width:1400px;width:100%;margin:auto}.label{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:2px;font-weight:650;text-transform:uppercase}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(44px,6.2vw,88px);font-weight:550;line-height:1.07;letter-spacing:-.055em;max-width:850px;margin:24px 0}p{font-size:clamp(17px,1.7vw,21px);line-height:1.65;color:var(--muted);max-width:510px;margin:28px 0 0}.art{position:relative;aspect-ratio:1;max-width:370px;width:100%;justify-self:end;overflow:hidden;background:radial-gradient(circle,#d5dbd4 1px,transparent 1.5px);background-size:20px 20px;border-radius:50%}.ring{position:absolute;border:1px solid #bec8c0;border-radius:50%;inset:12%}.ring:nth-child(2){inset:25%}.ring:nth-child(3){inset:38%}.tile{position:absolute;left:42%;top:42%;width:16%;height:16%;background:var(--accent);border-radius:8px;transform:rotate(-12deg);box-shadow:0 14px 35px #dd622e25}footer{border-top:1px solid #d8ddd5;padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);letter-spacing:.03em}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:720px){body{padding-top:26px;padding-bottom:26px}main{grid-template-columns:1fr;padding:65px 0 45px;gap:25px}.art{max-width:180px;justify-self:start}h1{font-size:clamp(40px,10vw,64px)}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:no-preference){main{animation:appear .6s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}