*{box-sizing:border-box;margin:0;padding:0}body{color:#ff0c10;background:#fff;min-height:100vh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}:root{--primary:#ff0c10;--mono:"IBM Plex Mono", monospace;--display:"Darker Grotesque", sans-serif;--sans:"Helvetica Neue", Helvetica, Arial, sans-serif}.wrap{flex-direction:column;max-width:1440px;min-height:100vh;margin:0 auto;display:flex}.site-header{grid-template-columns:repeat(14,1fr);align-items:center;padding-top:20px;display:grid}.logo{grid-column:3/span 1;width:105px;height:105px;text-decoration:none;transition:transform .3s;display:block}.logo:hover{transform:scale(1.1)}.logo .logo-box{border:1px solid var(--primary);width:105px;height:105px;font-family:var(--display);color:var(--primary);justify-content:center;align-items:center;font-size:64px;font-weight:700;line-height:1;display:flex}.site-nav{grid-column:5/13;justify-content:space-between;display:flex}.site-nav a{color:var(--primary);font-family:var(--display);flex-direction:column;align-items:center;font-size:20px;font-weight:400;line-height:1;text-decoration:none;display:inline-flex}.site-nav a>.nav-label{display:block}.site-nav a:hover>.nav-label{text-transform:uppercase;font-weight:700}.site-nav a>.nav-ghost{visibility:hidden;text-transform:uppercase;aria-hidden:true;height:0;font-weight:700;display:block;overflow:hidden}.hero{flex:none;justify-content:center;height:700px;display:flex;overflow:hidden}.hero-stage{flex-shrink:0;width:1440px;height:100%;position:relative}.hero-photo{z-index:10;width:314px;height:341px;position:absolute;top:75px;left:294px}.hero-photo .ph{width:100%;height:100%;font-family:var(--mono);color:#9ca3af;letter-spacing:-.3px;background:linear-gradient(160deg,#f4f4f4 0%,#e3e3e3 55%,#d2d2d2 100%);justify-content:center;align-items:flex-end;padding-bottom:14px;font-size:12px;font-weight:300;display:flex}.hero-bg{z-index:20;pointer-events:none;width:1062px;height:547px;position:absolute;top:0;left:189px;overflow:hidden}.hero-bg .ph{background:radial-gradient(420px 240px at 24% 62%,#ff0c1024,#0000 70%),radial-gradient(560px 300px at 76% 30%,#ff0c1014,#0000 70%),radial-gradient(300px 300px at 55% 85%,#0000000d,#0000 70%),linear-gradient(120deg,#fafafa 0%,#f0f0f0 60%,#e9e9e9 100%);width:100%;height:100%}.hero-title{z-index:30;width:396px;position:absolute;top:97px;left:835px}.hero-title .fade{background:linear-gradient(270deg,#ffffff1c 0%,#ffffffcf 33.65%,#ffffff8f 67.79%,#fff0 100%);width:206px;height:65px;position:absolute;top:0;left:0}.hero-title .tag{font-family:var(--mono);color:var(--primary);font-size:14px;font-weight:400;line-height:18px;position:relative}.hero-title h1{text-align:right;font-family:var(--sans);letter-spacing:-.04em;color:var(--primary);font-size:64px;font-weight:700;line-height:.8;position:absolute;top:0;right:0}.hero-desc{z-index:30;width:396px;position:absolute;top:247px;left:835px}.hero-desc:before{content:"";background:linear-gradient(90deg,#fffc 20.19%,#ffffff24 54.45%,#fffc 75.7%,#fff0 100%);position:absolute;inset:0}.hero-desc p{font-family:var(--mono);text-align:justify;color:var(--primary);font-size:14px;font-weight:400;line-height:18px;position:relative}.annotation{z-index:40;position:absolute}.annotation .bar{background:var(--primary);height:10px}.annotation .box{border:1px solid var(--primary);padding:12px}.annotation .box.solid{background:#fffc}.annotation p{font-family:var(--mono);text-align:justify;color:var(--primary);font-size:14px;font-weight:300;line-height:1.25}.hero-lines{pointer-events:none;z-index:35;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.work-section{grid-template-columns:repeat(14,1fr);padding:80px 0 40px;display:grid}.work-inner{grid-column:3/13}.work-head{border-bottom:1px solid var(--primary);justify-content:space-between;align-items:baseline;margin-bottom:32px;padding-bottom:10px;display:flex}.work-head h2{font-family:var(--display);letter-spacing:-.04em;text-transform:uppercase;font-size:40px;font-weight:700;line-height:.9}.work-head span{font-family:var(--mono);font-size:12px;font-weight:300}.work-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.work-tile{border:1px solid var(--primary);aspect-ratio:4/3;position:relative;overflow:hidden}.work-tile .tile-bar{background:var(--primary);width:60px;height:8px;position:absolute;top:0;left:0}.work-tile .ph{font-family:var(--mono);color:var(--primary);opacity:.5;background:linear-gradient(150deg,#fbfbfb,#f1f1f1);justify-content:center;align-items:center;font-size:12px;font-weight:300;display:flex;position:absolute;inset:0}.site-footer{height:210px;margin-top:auto;position:relative}.site-footer:before{content:"";background:linear-gradient(#ffffff73,#0000);position:absolute;inset:0}.footer-grid{grid-template-columns:repeat(14,1fr);align-items:center;max-width:1440px;height:100%;margin:0 auto;display:grid;position:relative}.footer-contact{text-align:right;color:var(--primary);grid-column:11/14}.footer-contact .label{font-family:var(--mono);letter-spacing:-.56px;text-transform:uppercase;margin-bottom:16px;font-size:14px;font-weight:300}.footer-contact a{font-family:var(--sans);letter-spacing:-.56px;color:var(--primary);justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;line-height:.8;text-decoration:none;display:flex}.footer-contact a:hover{opacity:.7}.footer-contact a svg{display:block}.copyright{text-align:center;font-family:var(--mono);letter-spacing:-.3px;color:#ff0c1080;font-size:11px;font-weight:300;position:absolute;bottom:16px;left:0;right:0}.api-status{font-family:var(--mono);color:#ff0c1066;font-size:11px;font-weight:300;position:absolute;bottom:16px;left:20px}.hero-mobile{display:none}@media (width<=899px){.hero{display:none}.hero-mobile{padding:32px 20px;display:block}.hero-mobile .tag{font-family:var(--mono);text-align:right;margin-bottom:8px;font-size:12px;line-height:18px}.hero-mobile h1{font-family:var(--sans);letter-spacing:-.04em;text-align:right;margin-bottom:32px;font-size:40px;font-weight:700;line-height:.9}.hero-mobile .m-photo{aspect-ratio:314/341;width:100%;max-width:340px;font-family:var(--mono);color:#9ca3af;background:linear-gradient(160deg,#f4f4f4,#d2d2d2);justify-content:center;align-items:flex-end;margin:0 auto 24px;padding-bottom:14px;font-size:12px;font-weight:300;display:flex}.m-annotations{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.m-annotations .bar{background:var(--primary);width:60px;height:8px}.m-annotations .box{border:1px solid var(--primary);font-family:var(--mono);padding:8px;font-size:12px;font-weight:300;line-height:1.25}.hero-mobile .desc{font-family:var(--mono);text-align:justify;background:#fff9;padding:16px;font-size:12px;line-height:18px}.site-nav{grid-column:1/-1;padding:0 20px}.site-nav a{font-size:15px}.logo{grid-column:1/-1;margin:0 auto}.site-header{grid-template-columns:1fr;justify-items:center;gap:16px}.work-inner{grid-column:1/-1;padding:0 20px}.work-grid{grid-template-columns:1fr 1fr}.footer-contact{text-align:center;grid-column:1/-1;padding:0 20px}.footer-contact a{justify-content:center}}