body{background:#dddcd6;color:#242522}header{border-bottom:1px solid #24252255}.hero{padding:22px 4vw 36px;overflow:hidden}.topline{display:flex;justify-content:space-between;font-size:9px}.hero h1{font-family:Arial,sans-serif;font-weight:900;font-size:clamp(80px,14vw,230px);letter-spacing:-.075em;line-height:.82;margin:45px 0 0;position:relative;z-index:2;pointer-events:none}.hero h1 span{display:block}.hero h1 .outline{-webkit-text-stroke:1px #242522;color:transparent;position:relative;z-index:3;margin-left:25vw}.hero-stage{position:relative;height:480px;width:70%;margin:-90px auto 0;perspective:1200px}.slab{position:absolute;width:72%;height:85%;top:0;left:14%;transform:rotate(-7deg);transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter 1.2s}.slab-back{background:#6a6d63;transform:translate(-45px,25px) rotate(-14deg)}.slab-mid{background:#bcff59;transform:translate(45px,10px) rotate(2deg)}.slab-image{overflow:hidden;box-shadow:0 28px 40px #0002}.slab-image img{filter:grayscale(1);object-position:center 55%}.stage-type{position:absolute;top:130px;left:0;font-size:clamp(40px,5vw,80px);font-weight:700;line-height:1.4;color:#bcff59;mix-blend-mode:difference;pointer-events:none}.stage-control{position:absolute;bottom:0;right:0;display:flex;gap:24px;align-items:center}.stage-control button{background:#242522;color:#f1f2ea;padding:14px 20px;border:0;font-size:12px}.expanded .slab-back{transform:translate(-140px,5px) rotate(-22deg)}.expanded .slab-mid{transform:translate(130px,0) rotate(13deg)}.expanded .slab-image{transform:translateY(-35px) rotate(0)}.hero-foot{display:flex;justify-content:space-between;align-items:end;padding-top:30px}.hero-foot p{font-size:14px}.hero-foot a{font-size:12px;border-bottom:1px solid;padding-bottom:8px}.manifesto{background:#bcff59;display:grid;grid-template-columns:1fr 2fr;gap:40px}.manifesto h2{font-size:clamp(65px,10vw,160px);letter-spacing:-.06em;line-height:1.15}.manifesto-body{grid-column:2;display:flex;justify-content:space-between;gap:30px;margin-top:45px}.manifesto-body p{font-size:15px}.cross{font-size:100px;line-height:1}.works{background:#242522;color:#e9e9e0}.works h2{font:900 clamp(40px,6vw,90px)/.95 Arial;letter-spacing:-.055em}.works h2 i{font-style:normal;color:#bcff59}.work-grid{margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.work:nth-child(2){margin-top:120px}.work .image{height:530px;filter:grayscale(1)}.work:nth-child(2) .image{height:400px}.work .tag{color:#bcff59;font-size:9px}.services{display:grid;grid-template-columns:1fr 1.2fr;gap:7vw}.services h2{font-size:clamp(30px,3.4vw,54px);line-height:1.5;margin-top:40px;letter-spacing:-.045em}.journal{border-top:1px solid #24252255;padding-top:50px}.journal summary{font-size:clamp(24px,4vw,50px)}.contact{background:#bcff59}.contact h2{font-size:clamp(65px,11vw,170px);font-weight:700;line-height:1.2;letter-spacing:-.055em;margin:60px 0}.contact-pending{font-size:12px;max-width:260px;line-height:1.8}.notice{background:#242522;color:#d9dbd2}footer{background:#242522;color:#d9dbd2}@media(max-width:700px){.hero{padding:20px 6vw 35px}.topline{font-size:7px}.hero h1{font-size:20vw;margin-top:40px}.hero h1 .outline{margin-left:7vw}.hero-stage{width:100%;height:350px;margin:0 auto}.slab{width:70%;height:75%;top:25px;left:15%}.slab-back{transform:translate(-20px,15px) rotate(-14deg)}.slab-mid{transform:translate(20px,8px) rotate(2deg)}.stage-type{font-size:43px;top:100px}.stage-control{width:100%;justify-content:space-between;gap:10px}.stage-control .tag{font-size:8px}.expanded .slab-back{transform:translate(-40px,5px) rotate(-22deg)}.expanded .slab-mid{transform:translate(40px,0) rotate(13deg)}.hero-foot{padding-top:20px;gap:20px}.hero-foot p{font-size:12px}.hero-foot a{font-size:10px}.manifesto{grid-template-columns:1fr;gap:30px}.manifesto h2{font-size:75px}.manifesto-body{grid-column:1;margin-top:0}.manifesto-body p{font-size:13px}.cross{font-size:70px}.works .row{display:block}.works .row .tag{display:block;margin-top:20px}.work-grid{grid-template-columns:1fr;gap:50px;margin-top:40px}.work:nth-child(2){margin-top:0}.work .image,.work:nth-child(2) .image{height:390px}.services{grid-template-columns:1fr;gap:30px}.contact .row{flex-direction:column}.contact h2{font-size:19vw;margin:40px 0}.contact p{font-size:13px}}
@media(max-width:700px){.hero h1{font-size:17.2vw}.hero h1 .outline{margin-left:4vw}.stage-type{mix-blend-mode:normal;text-shadow:0 2px 14px #0007}}
.stage-type{mix-blend-mode:normal;text-shadow:0 2px 14px #0007}
@media(max-width:700px){.works h2{font-size:clamp(29px,9.2vw,48px)}}