/* Work first: every project becomes a full-screen chapter. */
.site-header{position:sticky;top:0;z-index:20;background:rgba(9,13,11,.9);backdrop-filter:blur(12px)}.hero{min-height:calc(100svh - 72px)}.hero h1{font-size:clamp(66px,10vw,158px);line-height:.76}.projects{padding:0;background:#080b09}.projects>.section-head{height:115px;margin:0;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;border-bottom:1px solid #3c4a40}.project{margin:0!important;min-height:100svh;border:0!important;border-bottom:1px solid rgba(233,235,227,.34)!important;padding:clamp(30px,5vw,80px)!important;display:grid!important;grid-template-columns:95px minmax(300px,.8fr) minmax(300px,1.1fr) 120px;gap:30px;align-items:center;overflow:hidden;position:relative}.project::after{content:attr(data-index);position:absolute;right:3%;bottom:-10%;font:600 clamp(180px,28vw,450px)/.7 'Space Grotesk';letter-spacing:-.15em;opacity:.09}.project-number{align-self:start;z-index:1}.project-content{z-index:2}.project-content h3{font-size:clamp(72px,10vw,155px)!important;line-height:.72!important;letter-spacing:-.11em}.project-content>p:not(.project-type):not(.proof){max-width:360px;font-size:14px}.project-link{z-index:3;align-self:end}.phone,.tv-frame{justify-self:center;z-index:2;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.project:not(.is-current) .phone,.project:not(.is-current) .tv-frame{transform:translateY(45px) rotate(4deg);filter:blur(2px)}.project.is-current .phone,.project.is-current .tv-frame{transform:none;filter:none}.divine-talk{background:#e9ebe3!important;color:#080b09}.divine-talk::before{content:'';position:absolute;right:5%;top:8%;width:45%;height:84%;background:url('assets/divinetalk-logo.png') center/contain no-repeat;opacity:.16;filter:grayscale(1);mix-blend-mode:multiply}.phone-talk{z-index:2;transform:rotate(-5deg);box-shadow:25px 25px 0 #a0ff00!important}.divine-tv{background:#101714!important}.divine-tv::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101714 12%,rgba(16,23,20,.2)),url('assets/divinetv-home.jpg') 85% center/cover no-repeat;opacity:.5}.divine-tv .project-content,.divine-tv .project-number{color:#f1f1e9}.divine-tv .tv-frame{z-index:2;background:url('assets/divinetv-detail.jpg') center/cover!important;border:6px solid #080b09;box-shadow:22px 22px 0 #a0ff00!important}.divine-tv .tv-frame>*{display:none}.project-grid{display:block!important}.project-grid .project{grid-template-columns:95px minmax(300px,.8fr) minmax(180px,1.1fr) 120px}.project-grid .mini{min-height:80svh}.project-grid .mini .project-number{grid-column:1}.project-grid .mini .project-type,.project-grid .mini h3,.project-grid .mini>p{grid-column:2}.project-grid .mini .tags{grid-column:3;align-self:end}.project-grid .mini .clock-face,.project-grid .mini .wave,.project-grid .mini .relance-orbit{grid-column:3;grid-row:1;justify-self:center;transform:scale(1.65)}.project-grid .mini .clock-face{background:transparent}.project-grid .mini .wave{width:200px}.project-grid .mini .relance-orbit{width:190px;height:190px}.statement{min-height:90svh;display:grid;align-content:center}.case-study,.operating-system,.lab{min-height:90svh}@media(max-width:760px){.hero h1{font-size:clamp(65px,19vw,105px)}.projects>.section-head{height:85px;padding:0 20px}.project{min-height:86svh;padding:28px 20px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto 1fr auto}.project-number{grid-column:1}.project-content{grid-column:1/-1;align-self:center}.project-content h3{font-size:clamp(70px,22vw,108px)!important}.project-link{grid-column:2;justify-self:end}.phone,.tv-frame{grid-column:2;grid-row:2;justify-self:end;transform:scale(.72)!important;transform-origin:right center}.project-grid .project{grid-template-columns:1fr 1fr!important}.project-grid .mini .project-type,.project-grid .mini h3,.project-grid .mini>p{grid-column:1/-1}.project-grid .mini .tags{grid-column:1;align-self:end}.project-grid .mini .clock-face,.project-grid .mini .wave,.project-grid .mini .relance-orbit{grid-column:2;grid-row:2;transform:scale(1)}.project::after{font-size:180px}.divine-talk::before{width:75%;right:-12%;opacity:.1}}