@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Fraunces:opsz,wght@9..144,500;9..144,700&display=swap');
:root{--bg:#f4efe7;--red:#c65d42;--ink:#29251f;--pink:#efd5c9;--yellow:#eedc8f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Mono',monospace}a{color:inherit;text-decoration:none}header,footer{padding:22px max(5vw,25px);display:flex;justify-content:space-between;align-items:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.logo{font:bold 2rem/1 Arial;color:var(--red);display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.logo-mark{display:block;width:46px;height:46px;object-fit:cover;border-radius:7px}.logo span{color:var(--ink)}header p{margin-right:auto;margin-left:18px}main{max-width:1200px;margin:auto;padding:25px}.intro{min-height:300px;position:relative;padding:70px 7%}.intro>p,small{color:var(--red);font-size:.67rem;text-transform:uppercase;letter-spacing:.1em}.intro h1{font:500 clamp(3.8rem,8vw,7.3rem)/.86 Fraunces,serif;letter-spacing:-.08em;margin:20px 0}.intro em{font-weight:500;color:var(--red)}.circle{position:absolute;right:12%;top:80px;width:92px;height:92px;border:1px solid var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;font-size:.68rem;line-height:1.4;transform:rotate(12deg)}section{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.feature,.row a{padding:34px;min-height:245px;display:flex;flex-direction:column;transition:transform .2s}.feature:hover,.row a:hover{transform:rotate(-1deg) scale(1.01)}.feature{background:#dcecf7;border-top:3px solid #7da6c4}h2{font:700 clamp(2rem,4vw,3.8rem)/.95 Fraunces,serif;letter-spacing:-.06em;margin:24px 0}.feature p{font-size:.82rem;line-height:1.7;max-width:320px}.row{display:grid;gap:16px}.row a:first-child{background:#f3e6c9;border-top:3px solid #c49a62}.row a:last-child{background:#deede3;color:#294437;border-top:3px solid #78a589}.row a:last-child small{color:#356f50}b{margin-top:auto;font-size:.7rem}i{font-style:normal;font-size:1.1rem;margin-left:8px}footer{margin-top:40px;border-top:1px solid #c9c1b7}footer a{margin-left:20px}@media(max-width:700px){header p{display:none}.intro{padding:55px 4%;min-height:320px}.circle{right:5%;top:40px}section{grid-template-columns:1fr}.row{grid-template-columns:1fr 1fr}.row a{min-height:200px;padding:23px}footer{flex-direction:column;gap:15px;align-items:flex-start}footer a{margin:0 15px 0 0}}