@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--ink:#13251c;--paper:#fbf8e9;--yellow:#e8bc47;--coral:#db684c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"Noto Sans SC",sans-serif}a{color:inherit}nav,footer{padding:22px clamp(20px,4vw,64px);display:flex;justify-content:space-between;font:11px "DM Mono",monospace;letter-spacing:.07em}nav a,footer a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.project-hero{min-height:74svh;padding:clamp(38px,6vw,100px) clamp(20px,10vw,160px);display:flex;flex-direction:column;background:var(--ink);color:var(--paper)}.project-hero>p,.project__info p:first-child{font:11px "DM Mono",monospace;letter-spacing:.09em;margin:0}.project-hero h1{font-size:clamp(77px,15vw,240px);line-height:.74;letter-spacing:-.12em;margin:auto 0 40px}.project-hero em{font-style:normal;color:var(--yellow)}.project-hero__meta{display:flex;justify-content:space-between;gap:24px;font-size:13px;line-height:1.5}.project-hero__meta p{margin:0}.statement{padding:clamp(95px,16vw,240px) clamp(20px,15vw,240px);font-size:clamp(34px,5.6vw,80px);font-weight:700;letter-spacing:-.08em;line-height:1.08}.statement p{margin:0}.projects{display:grid}.project{padding:clamp(40px,7vw,100px);display:grid;grid-template-columns:minmax(210px,.65fr) 1.35fr;gap:clamp(30px,8vw,130px)}.project--education{background:var(--yellow)}.project--roobox{background:#ef6b50;color:var(--paper)}.project--logos{background:#b6d4d0}.project__info>p:not(:first-child){font-size:14px;line-height:1.6}.project h2{font-size:clamp(48px,7vw,105px);letter-spacing:-.1em;line-height:.88;margin:34px 0 24px}.project__info a{display:inline-block;margin-top:28px;font:11px "DM Mono",monospace;letter-spacing:.05em}.project iframe{width:100%;height:min(55vw,680px);border:0;background:white;box-shadow:14px 14px 0 rgba(19,37,28,.21)}footer{background:var(--coral);color:var(--paper)}@media(max-width:650px){nav span{display:none}.project-hero{min-height:620px}.project-hero__meta{font-size:11px}.project{grid-template-columns:1fr}.project iframe{height:460px}.statement{padding-top:105px;padding-bottom:105px}}