@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap";
:root{--black:#111;--white:#f7f7f5;--grey:#d4d4d1;--red:red;--blue:#00f;--mono:"Geist Mono", "SFMono-Regular", Consolas, monospace;--sans:"Space Grotesk", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);color:var(--black);font-family:var(--sans);cursor:crosshair;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site-nav{z-index:50;mix-blend-mode:multiply;grid-template-columns:1fr auto auto;align-items:start;gap:34px;width:100%;padding:18px 22px;display:grid;position:fixed;top:0;left:0}.site-nav nav{align-items:center;gap:28px;display:flex}.site-nav a,.lang-button{letter-spacing:-.02em;font-size:13px}.site-nav a:hover{text-decoration:underline;text-decoration-thickness:1px}.site-nav nav a:not(.active){text-decoration:line-through;text-decoration-thickness:1px}.site-nav .plus-link{font-size:22px;line-height:12px;text-decoration:none!important}.lang-button{cursor:pointer;background:0 0;border:0;padding:0}.mono{font-family:var(--mono)}.photo-font{letter-spacing:-.09em;font-family:Space Grotesk,sans-serif;font-style:italic;font-weight:600;display:inline-block;transform:skew(-8deg)}.home{min-height:100vh;overflow:hidden}.home-meta{font:12px var(--mono);justify-content:space-between;display:flex;position:absolute;top:75px;left:22px;right:22px}.home-stage{place-items:center;min-height:100vh;padding:120px 30px 80px;display:grid;position:relative}.home-visual{aspect-ratio:4/3;width:min(48vw,620px);transform:rotate(-2deg)}.placeholder{background:var(--grey);width:100%;height:100%;position:relative;overflow:hidden}.placeholder:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 15px,#ffffff24 15px 16px);position:absolute;inset:0}.placeholder span{z-index:2;font:10px var(--mono);color:#777;position:absolute;top:12px;left:12px}.home-plus{z-index:5;font:44px var(--mono);cursor:pointer;color:var(--red);background:0 0;border:0;transition:transform .2s;position:absolute;top:36%;left:49%}.home-plus:hover{color:var(--blue);transform:rotate(90deg)scale(1.2)}.home-index{white-space:nowrap;font:12px var(--mono);gap:9px;display:flex;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.enter{font:13px var(--mono);position:absolute;bottom:90px;right:23px}.enter:hover{color:var(--red)}.home-footer{font:10px var(--mono);justify-content:space-between;display:flex;position:fixed;bottom:18px;left:22px;right:22px}.section-page{min-height:100vh;padding:130px 22px 60px}.page-heading{grid-template-columns:1fr 2fr 2fr;gap:20px;padding-bottom:90px;display:grid}.page-heading h1{margin:0;font-size:clamp(48px,10vw,160px);font-weight:500;line-height:.85}.page-heading p{margin:0;font-size:12px;line-height:1.4}.project-list{margin-bottom:90px}.section-label{border-bottom:1px solid var(--black);padding-bottom:8px;font-size:12px}.project-list-lines{border-bottom:1px solid var(--black)}.project-row{border-bottom:1px solid #aaa;grid-template-columns:50px 2fr 2fr 70px 12px;align-items:center;gap:15px;min-height:62px;font-size:12px;display:grid;position:relative}.project-row:hover{background:var(--black);color:var(--white);padding-left:8px}.project-number{font:10px var(--mono)}.project-title{font-size:14px}.project-mark{background:#999;border-radius:50%;width:10px;height:10px}.project-mark.red{background:var(--red)}.project-mark.blue{background:var(--blue)}.list-end{font:50px var(--mono);text-align:center;margin:100px}.project-page{padding:150px 22px 40px}.project-intro{grid-template-columns:1.1fr .9fr;align-items:start;gap:8vw;max-width:1200px;min-height:300px;display:grid}.eyebrow,.course,.teacher{font:11px var(--mono);margin:0 0 12px}.project-intro h1{font:500 clamp(44px, 7vw, 105px) var(--mono);max-width:900px;margin:20px 0;line-height:.9}.project-description{max-width:460px;padding-top:25px}.project-description p{font-size:16px;line-height:1.45}.shuffle-button{border:1px solid var(--black);font:11px var(--mono);cursor:pointer;background:0 0;padding:10px 12px}.shuffle-button:hover{background:var(--red);color:#fff;border-color:var(--red)}.project-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(120px,10vw);gap:10px;margin-top:30px;display:grid}.project-grid .placeholder:first-child{grid-area:span 3/1/auto/7}.project-grid .placeholder:nth-child(2){grid-area:span 2/8/auto/13}.project-grid .placeholder:nth-child(3){grid-area:span 3/5/auto/10}.project-grid .placeholder:nth-child(4){grid-area:span 2/1/auto/5}.project-grid .placeholder:nth-child(5){grid-area:span 3/10/auto/13}.project-grid .placeholder:nth-child(6){grid-area:span 2/2/auto/8}.project-grid .placeholder:nth-child(n+7){grid-area:span 2/span 4}.project-grid.seed-1 .placeholder:first-child{grid-column:7/13}.project-grid.seed-1 .placeholder:nth-child(2){grid-column:1/5}.project-grid.seed-1 .placeholder:nth-child(3){grid-column:5/10}.project-grid.seed-2 .placeholder:first-child{grid-column:2/8}.project-grid.seed-2 .placeholder:nth-child(2){grid-column:9/13}.project-grid.seed-3 .placeholder:first-child{grid-column:1/5}.project-grid.seed-3 .placeholder:nth-child(2){grid-column:6/13}.project-end{font:10px var(--mono);justify-content:space-between;margin-top:80px;display:flex}.photo-page{min-height:100vh;overflow:hidden}.photo-title{z-index:10;position:fixed;top:105px;left:22px}.photo-title h1{color:var(--blue);margin:12px 0;font-size:clamp(60px,13vw,190px);line-height:.75}.photo-title span,.photo-title p{font:10px var(--mono)}.photo-field{min-height:100vh;padding:150px 30px 30px;position:relative}.photo-card{width:18vw;min-width:130px;height:13vw;min-height:95px;transition:left .45s,top .45s,transform .45s;position:absolute}.photo-1{top:25%;left:12%;transform:rotate(-5deg)}.photo-2{top:20%;left:40%;transform:rotate(4deg)}.photo-3{top:29%;left:68%;transform:rotate(-2deg)}.photo-4{top:51%;left:23%;transform:rotate(7deg)}.photo-5{top:55%;left:51%;transform:rotate(-7deg)}.photo-6{top:58%;left:78%;transform:rotate(3deg)}.photo-7{top:72%;left:5%;transform:rotate(3deg)}.photo-8{top:75%;left:35%;transform:rotate(-4deg)}.photo-9{top:77%;left:62%;transform:rotate(5deg)}.photo-card:nth-child(n+10){display:none}.photo-field.seed-1 .photo-card:first-child{top:20%;left:30%}.photo-field.seed-1 .photo-card:nth-child(2){top:25%;left:65%}.photo-field.seed-1 .photo-card:nth-child(3){top:48%;left:15%}.photo-field.seed-1 .photo-card:nth-child(4){top:52%;left:46%}.photo-field.seed-1 .photo-card:nth-child(5){top:57%;left:76%}.photo-field.seed-2 .photo-card:first-child{top:25%;left:55%}.photo-field.seed-2 .photo-card:nth-child(2){top:32%;left:18%}.photo-field.seed-2 .photo-card:nth-child(3){top:44%;left:75%}.photo-field.seed-2 .photo-card:nth-child(4){top:60%;left:34%}.photo-field.seed-2 .photo-card:nth-child(5){top:70%;left:7%}.photo-instruction{font:10px var(--mono);position:fixed;bottom:20px;right:22px}.about-layout{grid-template-columns:1fr 1fr;gap:10vw;min-height:70vh;display:grid}.about-title h1{font:500 clamp(60px, 11vw, 180px) var(--mono);margin:30px 0;line-height:.78}.about-title p{font:11px var(--mono)}.about-cross{color:var(--red);font:100px var(--mono)}.about-text{max-width:600px;padding-top:55px;font-size:18px;line-height:1.45}.about-text p{margin:0 0 30px}.about-details{border-top:1px solid var(--black);font:10px var(--mono);gap:8px;margin-top:60px;padding-top:12px;display:grid}.plus-page{min-height:100vh;padding:130px 22px 60px}.plus-hero{flex-direction:column;justify-content:center;align-items:center;min-height:55vh;display:flex}.giant-plus{font:30vw/.7 var(--mono);color:var(--red)}.plus-hero p{font:12px var(--mono)}.plus-grid{border-top:1px solid var(--black);grid-template-columns:repeat(3,1fr);display:grid}.plus-item{border-right:1px solid var(--black);border-bottom:1px solid var(--black);flex-direction:column;justify-content:space-between;min-height:180px;padding:15px;display:flex}.plus-item:nth-child(3n){border-right:0}.plus-item strong{font:30px var(--mono)}.plus-item.red strong{color:var(--red)}.plus-item.blue strong{color:var(--blue)}.plus-item span{font:10px var(--mono)}@media (max-width:700px){.site-nav{grid-template-columns:1fr auto;gap:10px;padding:14px}.site-nav nav{grid-area:2/1/auto/-1;justify-content:space-between;gap:8px}.site-nav nav a{font-size:10px}.home-meta{top:90px;left:14px;right:14px}.home-stage{padding:150px 14px 90px}.home-visual{width:85vw;transform:rotate(-2deg)}.home-index{gap:4px;font-size:8px;bottom:17%}.home-footer{font-size:8px;bottom:12px;left:14px;right:14px}.enter{bottom:55px;right:14px}.section-page,.plus-page,.project-page{padding:145px 14px 40px}.page-heading{padding-bottom:55px;display:block}.page-heading h1{margin:35px 0 20px}.project-row{grid-template-columns:28px 1fr 45px;gap:8px;min-height:70px}.project-row>span:nth-child(3),.project-row>span:nth-child(5){display:none}.project-title{font-size:12px}.project-intro{min-height:0;display:block}.project-intro h1{font-size:42px}.project-description{padding-top:30px}.project-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:35vw;gap:6px}.project-grid .placeholder,.project-grid .placeholder:nth-child(n){grid-area:span 1}.project-grid .placeholder:first-child{grid-column:span 2}.photo-title{top:125px;left:14px}.photo-title h1{font-size:21vw}.photo-card{width:42vw;height:31vw}.photo-1{top:31%;left:5%}.photo-2{top:28%;left:52%}.photo-3{top:44%;left:26%}.photo-4{top:59%;left:2%}.photo-5{top:62%;left:54%}.photo-6{top:77%;left:20%}.photo-7,.photo-8,.photo-9{display:none}.about-layout{display:block}.about-title h1{font-size:20vw}.about-text{padding-top:50px;font-size:16px}.plus-grid{grid-template-columns:1fr 1fr}.plus-item:nth-child(3n){border-right:1px solid var(--black)}.plus-item:nth-child(2n){border-right:0}}