:root{--d:#07131c;--r:#ef4048;--p:#f1f2ef}*{box-sizing:border-box}body{margin:0;background:var(--p);color:var(--d);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:74px;padding:0 6vw;display:flex;align-items:center;gap:40px;position:absolute;width:100%;z-index:2;color:white;border-bottom:1px solid #ffffff30}header b{font-size:22px}header i{display:inline-block;width:8px;height:8px;background:var(--r);margin-left:8px}header nav{display:flex;gap:30px;margin-left:auto;font-size:12px}.hero{min-height:760px;padding:74px 6vw 80px;background:var(--d);color:white;display:grid;grid-template-columns:55% 45%;position:relative}.hero>div{padding-top:120px;z-index:1}.hero figure{position:relative;margin:0 -6vw 0 0}.hero figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--d),transparent 45%),linear-gradient(0deg,var(--d),transparent 40%)}.hero img{object-fit:cover;filter:grayscale(1)}label{display:block;color:var(--r);font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px}h1,h2,label{font-weight:900}h1,h2{font-size:clamp(3.5rem,6vw,6.7rem);line-height:.9;letter-spacing:-.065em;margin:0}em{font-style:normal;color:var(--r)}.hero p{max-width:650px;color:#bec7ce;font-size:18px;line-height:1.55;margin:34px 0}.btn{display:inline-block;background:var(--r);padding:15px 20px;font-size:13px;font-weight:700}.hero aside{position:absolute;bottom:0;width:100%;padding:25px 6vw;border-top:1px solid #ffffff30;color:#aab5bd}.hero aside b{color:white;font-size:22px}.about,.cta,.intro,.projects,.work{padding:110px 6vw}.intro{background:white}.about p,.intro p{max-width:720px;margin:55px 0 0 auto;color:#647078;font-size:18px;line-height:1.7}.cta,.work{background:var(--d);color:white}.about h2,.cta h2,.projects h2,.work h2{font-size:clamp(3rem,5vw,5.5rem);margin-bottom:55px}.work article{display:grid;grid-template-columns:60px 1fr 1fr 130px;gap:25px;align-items:center;border-top:1px solid #ffffff30;padding:30px 0}.work article a,.work article span,small{color:var(--r);font-size:11px;font-weight:700}.work article p{color:#aab5bd}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid>a{background:white;padding-bottom:28px}.grid figure{height:350px;position:relative;margin:0 0 25px}.grid img{object-fit:cover}.grid h3,.grid small{margin-left:28px;margin-right:28px}.grid h3{font-size:25px}.about{background:white}.cta h2{margin-bottom:40px}footer{padding:35px 6vw;background:#030a0f;color:white;display:flex;gap:40px;font-size:11px}footer span{color:#74818a}footer nav{margin-left:auto;display:flex;gap:22px}@media(max-width:800px){header nav{display:none}.hero{grid-template-columns:1fr}.hero>div{padding-top:80px}.hero figure{height:420px;margin:30px -6vw 0}.hero aside{position:relative;grid-column:1;margin:0 -6vw -80px;width:auto}.work article{grid-template-columns:40px 1fr}.work article a,.work article p{grid-column:2}.grid{grid-template-columns:1fr}}@media(max-width:500px){.hero,header{padding-left:20px;padding-right:20px}.hero h1{font-size:15vw}.about,.cta,.intro,.projects,.work{padding:75px 20px}.hero aside,.hero figure{margin-left:-20px;margin-right:-20px}.grid figure{height:270px}}.thinking{padding:110px 6vw;background:var(--d);color:#fff}.thinking h2{font-size:clamp(3rem,5vw,5.5rem);margin-bottom:35px}.thinking-intro{max-width:680px;color:#aab5bd;line-height:1.6;margin-bottom:48px}.idea-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff30;border-left:1px solid #ffffff30}.idea-grid>a{min-height:255px;padding:30px;border-right:1px solid #ffffff30;border-bottom:1px solid #ffffff30;display:flex;flex-direction:column}.idea-grid span{color:var(--r);font:700 11px monospace}.idea-grid small{margin-top:20px;text-transform:uppercase;letter-spacing:.14em}.idea-grid h3{font-size:25px;line-height:1.1;margin:12px 0}.idea-grid p{color:#aab5bd;font-size:13px}.idea-grid b{margin-top:auto;font-size:11px}.all-content,.idea-grid>a:hover h3{color:var(--r)}.all-content{display:inline-block;margin-top:30px;font-size:12px;font-weight:700}@media(max-width:800px){.idea-grid{grid-template-columns:1fr}}@media(max-width:500px){.thinking{padding:75px 20px}}