@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600&display=swap');
:root{--bg:#f3f3ef;--ink:#171817;--muted:#858681;--line:#c8c9c4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}header{height:72px;padding:0 4.2vw;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;position:relative;z-index:2}.logo{font:12px 'DM Mono';white-space:nowrap}.logo small{color:var(--muted);margin-left:12px}nav{display:flex;gap:26px;margin-left:auto}nav a,.status,.label,.filters button,.section-head>p,article footer,.manifesto small,.contact footer{font:10px 'DM Mono';letter-spacing:.03em}.status{color:#718173}.pad{padding-left:8vw;padding-right:8vw}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1fr minmax(360px,43vw);align-items:center;gap:8vw;padding-top:62px;padding-bottom:72px}.hero h1,.section-head h2,.about h2,.contact h2{font-size:clamp(52px,7vw,116px);line-height:.92;letter-spacing:-.07em;font-weight:500;margin:0}.hero h1 i,h2 i{font-family:Georgia,serif;font-weight:400}.label{color:var(--muted);margin:0 0 28px}.intro{font-size:14px;line-height:1.55;max-width:340px;margin:56px 0 28px}.under{font:10px 'DM Mono';padding-bottom:7px;border-bottom:1px solid;display:inline-block}.hero-art{display:flex;gap:12px;align-items:stretch}.poster{position:relative;overflow:hidden;aspect-ratio:3/4}.hero-art .poster{width:100%;max-height:700px;box-shadow:18px 22px 40px #0002}.vertical{font:9px 'DM Mono';color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg)}.poster small,.poster em{position:absolute;z-index:2;font:8px 'DM Mono';letter-spacing:.05em}.poster small{left:7%;top:5%}.poster em{left:7%;bottom:5%;font-style:normal}.poster b{position:absolute;z-index:2;left:7%;bottom:10%;font-size:clamp(42px,6vw,92px);line-height:.78;letter-spacing:-.08em}.poster b i{font-family:Georgia,serif;font-weight:400}.p1{color:#f1f1ed;background:linear-gradient(145deg,#242725,#58605b 50%,#b8c0b8)}.p1:before{content:'';position:absolute;inset:-20% -20% 30% 20%;background:linear-gradient(120deg,transparent,#fff5,transparent);transform:rotate(17deg)}.p1 .sphere{position:absolute;width:50%;aspect-ratio:1;border-radius:50%;right:6%;top:24%;background:radial-gradient(circle at 30% 25%,#e0e4da,#86928b 30%,#26302b 73%);box-shadow:-20px 25px 35px #0005}.p2{background:#191a19;color:#eee}.p2:before{content:'';position:absolute;inset:0;background:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:15% 15%}.p2 span{position:absolute;width:22%;aspect-ratio:1;border-radius:50%;background:#d87850;right:8%;top:8%}.p3{background:linear-gradient(145deg,#eeeee8,#acbbbd);color:#202727}.p3 span{position:absolute;width:55%;aspect-ratio:1;border:1px solid;right:-10%;top:12%;border-radius:50%;box-shadow:0 0 0 22px #26373712,0 0 0 44px #2637370c}.p4{background:radial-gradient(circle at 75% 68%,#5c6a61 0 25%,transparent 26%),#292a28;color:#eee}.p5{background:linear-gradient(150deg,#e7e8e1,#f3e9df);color:#1d1d1b}.p5:before{content:'';position:absolute;width:130%;height:35%;left:-20%;top:22%;background:#d68c69;transform:rotate(-28deg)}.p6{background:radial-gradient(circle at 70% 25%,#687c7b,#252a2b 43%,#151616);color:#eee}.p6 span{position:absolute;width:35%;aspect-ratio:1;border-radius:50%;right:5%;top:8%;background:radial-gradient(circle at 30% 30%,#e2e5db,#82948d 60%,transparent 62%)}.p7{background:linear-gradient(145deg,#b3c84f,#d6dda5 55%,#849a8d);color:#162019}.p7:before{content:'';position:absolute;width:140%;height:1px;background:#18201b;left:-20%;top:38%;transform:rotate(-32deg);box-shadow:0 28px #18201b88,0 56px #18201b44}.p8{background:linear-gradient(130deg,#191c1b,#4f5651,#242826);color:#eee}.p8 span{position:absolute;width:50%;aspect-ratio:1;border:1px solid;right:-10%;top:7%;border-radius:50%;box-shadow:0 0 0 20px #fff2,0 0 0 42px #fff1}.manifesto{border-top:1px solid var(--line);padding-top:95px;padding-bottom:120px;display:grid;grid-template-columns:1fr 2.5fr 1fr;align-items:end}.manifesto p{font-size:clamp(35px,4.6vw,72px);letter-spacing:-.065em;line-height:.96;margin:0}.manifesto p i{font-family:Georgia,serif;color:var(--muted)}.manifesto small:last-child{text-align:right;color:var(--muted)}.works{padding-top:45px;padding-bottom:140px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.section-head h2,.about h2{font-size:clamp(48px,6.5vw,105px)}.section-head>p{text-align:right;color:var(--muted)}.filters{display:flex;gap:8px;margin-bottom:34px;flex-wrap:wrap}.filters button{padding:9px 13px;background:transparent;border:1px solid var(--line);cursor:pointer}.filters button.active{background:var(--ink);color:var(--bg)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:52px 18px}.grid article.wide{grid-column:span 2}.grid article.hidden{display:none}.grid article>button{border:0;padding:0;background:none;text-align:left;width:100%;cursor:pointer}.grid .poster{width:100%;transition:.45s}.grid button:hover .poster{transform:translateY(-7px);box-shadow:12px 16px 25px #0002}.grid footer{display:flex;justify-content:space-between;padding-top:12px}.grid footer span{color:var(--muted)}.about{border-top:1px solid var(--line);padding-top:105px;padding-bottom:130px;display:grid;grid-template-columns:1fr 1.15fr;gap:9vw}.about-copy{padding-top:68px}.about-copy>p{font-size:20px;letter-spacing:-.03em;max-width:430px}.about-copy>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);margin:85px 0 55px;padding-top:15px;font:10px 'DM Mono';color:var(--muted)}.about-copy b{display:block;color:var(--ink);font:13px/1.7 Manrope;margin-top:18px}.contact{background:#1b1c1b;color:#ecece7;min-height:75vh;padding-top:105px;padding-bottom:25px;display:flex;flex-direction:column}.contact h2{max-width:1100px}.contact h2 i{color:#8c8e88}.contact>a{font:clamp(18px,2.2vw,30px) 'DM Mono';border-bottom:1px solid #777;align-self:flex-start;margin-top:auto;padding-bottom:10px}.contact footer{display:flex;justify-content:space-between;color:#777;margin-top:85px}.contact footer a{color:#aaa}dialog{width:min(900px,calc(100% - 40px));border:0;padding:50px;background:var(--bg);grid-template-columns:1fr .8fr;gap:45px;align-items:center}dialog[open]{display:grid}dialog::backdrop{background:#171817bb;backdrop-filter:blur(7px)}dialog .close{position:absolute;right:18px;top:15px;border:0;background:none;font:10px 'DM Mono';cursor:pointer}.modal-art .poster{width:100%}.modal-copy h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.06em;margin:0 0 25px}.modal-copy>p:not(.label){font-size:14px;line-height:1.6;color:#555;margin:0 0 35px}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:760px){header{height:62px;padding:0 5vw}.status{display:none}nav{gap:13px}nav a{font-size:9px}.pad{padding-left:6vw;padding-right:6vw}.hero{grid-template-columns:1fr;gap:48px;padding-top:55px}.hero-art{width:98vw;margin-right:-6vw}.hero h1,.section-head h2,.about h2,.contact h2{font-size:clamp(46px,14vw,70px)}.intro{margin-top:40px}.manifesto{grid-template-columns:1fr 1fr;gap:32px}.manifesto p{grid-column:1/-1;grid-row:1}.manifesto small:last-child{text-align:right}.section-head{display:block}.section-head>p{text-align:left;margin-top:28px}.grid{grid-template-columns:repeat(2,1fr);gap:36px 10px}.grid article.wide{grid-column:span 2}.grid footer{display:block;font-size:8px}.grid footer span{display:block;margin-top:3px}.about{display:block}.about-copy{padding-top:40px}.contact{min-height:78vh}.contact footer{font-size:8px;flex-wrap:wrap;gap:12px}dialog{padding:38px 24px 28px;grid-template-columns:1fr}.modal-art{width:65%;margin:auto}.modal-copy h2{font-size:45px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}