.projects-page{--project-line:#ffffff22}.projects-page header{position:absolute;inset:0 0 auto;z-index:5;border:0;padding:28px 5%;background:linear-gradient(#090909a0,transparent)}.projects-page main{max-width:none;padding:0}.projects-hero{position:relative;min-height:760px;height:100svh;max-height:1150px;overflow:hidden;background:#090909}.hero-film,.hero-shade{position:absolute;inset:0}.hero-film video{width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:.75}.hero-shade{background:linear-gradient(90deg,#090909a8,transparent 80%),linear-gradient(0deg,#090909 1%,transparent 40%,#09090955 100%);pointer-events:none}.hero-topline{position:absolute;top:145px;left:5%;right:5%;display:flex;justify-content:space-between}.hero-topline .eyebrow{color:#bdbdbd;font-size:9px}.hero-statement{position:absolute;left:5%;right:5%;top:32%;display:flex;align-items:end;gap:6%;justify-content:space-between}.hero-statement h1{font-size:clamp(64px,8.5vw,145px);line-height:1.08;letter-spacing:-.07em;margin:0;max-width:1100px}.hero-statement p{font-size:14px;line-height:1.8;color:#d4d4d4;min-width:220px;margin:0 0 10px}.hero-bottom{position:absolute;left:5%;right:5%;bottom:55px;display:flex;justify-content:space-between;align-items:end}.hero-explore{font:10px IBM Plex Mono;letter-spacing:.13em;border-bottom:1px solid #ffffff60;padding:0 0 17px;min-width:240px;display:flex;justify-content:space-between}.hero-caption{font:10px/1.7 IBM Plex Mono;text-align:right;letter-spacing:.1em}.hero-caption small{color:#aaa;font-size:8px}.projects-page .portfolio-nav{margin:0;padding:28px 5%;border-bottom:1px solid var(--project-line);border-top:0;justify-content:space-between;font-size:10px}.projects-page .portfolio-section{margin:0;padding:110px 5%;border:0;scroll-margin-top:25px}.chapter-intro{display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:30px;align-items:start;margin-bottom:65px}.chapter-intro .eyebrow{padding-top:12px}.chapter-intro h2{font-size:clamp(32px,4vw,65px);line-height:1.22;margin:0}.chapter-intro>p{font-size:14px;color:#aaa;margin:12px 0 0;max-width:360px}.projects-page .portfolio-card{min-width:0}.projects-page .portfolio-card h3{font-size:clamp(22px,2.1vw,34px);margin:16px 0 12px;letter-spacing:-.05em}.projects-page .portfolio-card p{font-size:14px;max-width:590px;margin:0}.projects-page .case-media{background:#111;margin-bottom:25px;position:relative}.projects-page .case-media img{transition:transform .8s cubic-bezier(.2,.65,.3,1)}.projects-page .case-media:hover img{transform:scale(1.025)}.projects-page .tag{font-size:8px;color:#939393}.visual-editorial{display:grid;gap:90px}.visual-editorial #case-sallve>.case-media{aspect-ratio:1.92}.visual-editorial #case-sallve>.case-media img{object-position:50% 52%}.projects-page .case-gallery{grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:35px}.case-gallery img{aspect-ratio:1.12;object-fit:cover;background:#151515}.visual-editorial #case-prime{width:86%;margin-left:auto}.visual-editorial #case-prime .case-media{aspect-ratio:1.5}.visual-pair{display:grid;grid-template-columns:1.4fr 1fr;gap:7%;align-items:start}.visual-pair #case-cafe{padding-top:100px}.visual-pair #case-cafe .case-media{aspect-ratio:1}.visual-pair #case-coca .case-media{aspect-ratio:9/16}.projects-page .systems-chapter{background:#111110;border-block:1px solid var(--project-line)}.systems-grid{display:grid;grid-template-columns:1fr 1fr;gap:5%}.projects-page .system-case{margin:0;min-width:0}.projects-page .case-heading{display:block}.projects-page .case-heading h3{font-size:clamp(22px,2.25vw,36px);min-height:88px;margin:20px 0}.projects-page .case-heading p{font-size:14px;max-width:460px;min-height:100px}.projects-page .laptop-stage{padding:55px 5% 15px;min-height:0}.projects-page .laptop{padding-bottom:10px}.projects-page .system-links{align-items:start;flex-direction:column;gap:10px;line-height:1.7;font-size:9px}.projects-page .system-links a{font-size:11px}.projects-page .experiments-chapter{padding-bottom:130px}.experiments-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:7%;align-items:start}.experiments-grid .portfolio-card:last-child{padding-top:130px}.experiments-grid .portfolio-card:first-child .case-media{aspect-ratio:16/9}.experiments-grid .portfolio-card:last-child .case-media{aspect-ratio:4/5}.manifesto-case{position:relative;margin:0 5%;overflow:hidden;border-top:1px solid var(--project-line)}.manifesto-layout{display:block;position:relative;height:620px}.manifesto-case img{width:100%;height:100%;object-fit:cover;opacity:.7}.manifesto-layout>div{position:absolute;inset:0;padding:65px 0;background:linear-gradient(90deg,#090909 0%,#090909b0 30%,transparent 65%)}.manifesto-case h2{font-size:clamp(38px,5.2vw,80px)}.projects-page .cta{margin:90px 5% 110px;padding-top:65px}.projects-page .cta h2{font-size:clamp(42px,6.3vw,100px);line-height:1.2;margin-bottom:25px}.projects-page .cta .button{min-width:260px}.hero-film-control{position:absolute;right:5%;bottom:126px;font:9px IBM Plex Mono;letter-spacing:.06em;padding:10px 0;border:0;border-bottom:1px solid #ffffff55;z-index:2}@media(min-width:1700px){.projects-page .portfolio-section{padding-inline:max(5%,calc((100vw - 1550px)/2))}}@media(max-width:1000px){.hero-statement{display:block;top:33%}.hero-statement p{margin-top:30px}.chapter-intro{grid-template-columns:1fr 2.5fr}.chapter-intro>p{grid-column:2}.systems-grid{gap:4%}.projects-page .case-heading h3{min-height:95px}.projects-page .case-heading p{min-height:145px}.projects-page .laptop-stage{padding-inline:2%}.projects-page .portfolio-nav{width:auto;gap:15px}.hero-topline{top:155px}}@media(max-width:650px){.projects-page header{padding:22px 6%}.projects-hero{min-height:720px;max-height:950px}.hero-topline{top:147px;left:6%;right:6%}.hero-topline .eyebrow{font-size:7px}.hero-topline .eyebrow:last-child{display:none}.hero-film video{object-position:57% 50%;opacity:.58}.hero-statement{left:6%;right:6%;top:33%}.hero-statement h1{font-size:clamp(46px,12.3vw,77px);letter-spacing:-.065em}.hero-statement p{font-size:12px;margin-top:28px}.hero-bottom{left:6%;right:6%;bottom:38px;align-items:end}.hero-explore{min-width:170px;font-size:8px}.hero-caption{font-size:8px;max-width:120px}.hero-caption small{font-size:6px}.hero-film-control{right:6%;bottom:98px;font-size:8px}.projects-page .portfolio-nav{padding:23px 6%;font-size:8px;gap:10px;flex-wrap:nowrap}.projects-page .portfolio-section{padding:65px 6%}.chapter-intro{display:block;margin-bottom:35px}.chapter-intro h2{font-size:34px;margin-top:22px}.chapter-intro>p{font-size:13px;max-width:310px;margin-top:22px}.visual-editorial{gap:55px}.visual-editorial #case-sallve>.case-media{aspect-ratio:1.2}.projects-page .case-gallery{gap:9px;grid-template-columns:1fr 1fr;margin-top:25px}.case-gallery img:last-child{grid-column:1/-1;aspect-ratio:1.7}.visual-editorial #case-prime{width:100%}.visual-pair{grid-template-columns:1fr;gap:50px}.visual-pair #case-cafe{padding-top:0}.visual-pair #case-coca{width:85%;margin-left:auto}.projects-page .portfolio-card h3{font-size:24px}.projects-page .portfolio-card p{font-size:13px}.systems-grid{grid-template-columns:1fr;gap:55px}.projects-page .case-heading h3{min-height:0;font-size:27px;margin:15px 0}.projects-page .case-heading p{min-height:0;font-size:13px}.projects-page .laptop-stage{padding-top:28px}.experiments-grid{grid-template-columns:1fr;gap:50px}.experiments-grid .portfolio-card:last-child{padding:0;width:85%;margin-left:auto}.manifesto-case{margin-inline:6%}.manifesto-layout{height:450px}.manifesto-case img{object-position:60%}.manifesto-layout>div{padding-top:40px}.manifesto-case h2{font-size:37px}.projects-page .cta{margin:60px 6% 80px;padding-top:40px}.projects-page .cta h2{font-size:38px}.projects-page .cta .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){.projects-page .case-media img{transition:none}.projects-page .case-media:hover img{transform:none}}.hero-film{display:flex;align-items:center;justify-content:flex-end;padding:100px 4% 65px 28%}.hero-film video{object-fit:contain;max-width:1176px;opacity:.9}.visual-editorial #case-prime{max-width:1176px}.manifesto-layout{height:auto;display:grid;grid-template-columns:1fr 1.8fr;align-items:center;min-height:520px}.manifesto-case img{grid-column:2;grid-row:1;height:auto;object-fit:contain;opacity:1}.manifesto-layout>div{position:relative;grid-column:1;grid-row:1;padding:60px 0;background:none}.laptop-screen iframe{pointer-events:none}.laptop-stage.active iframe{pointer-events:auto}.activate-screen{z-index:2}@media(max-width:650px){.hero-film{padding:160px 0 210px;align-items:start}.hero-film video{object-position:center;opacity:.8}.manifesto-layout{display:flex;flex-direction:column;min-height:0}.manifesto-case img{order:2;width:100%}.manifesto-layout>div{width:100%;padding:35px 0 0}.manifesto-case h2{margin:20px 0}}.manifesto-case h2{font-size:clamp(34px,4.2vw,64px)}.manifesto-case img{transform:scale(1.25);transform-origin:75% 50%}.ecofarma-case{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-bottom:60px;border-bottom:1px solid #ffffff22}.projects-page .ecofarma-copy h3{font-size:clamp(32px,4vw,62px);line-height:1.2;margin:28px 0}.projects-page .comparison-hint{font:10px/1.8 IBM Plex Mono;margin-top:40px;color:#bbb}.comparison-choices{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.comparison-choices button{padding:12px;font:10px IBM Plex Mono;border:1px solid #ffffff30;background:none;color:#aaa}.comparison-choices button[aria-pressed=true]{background:#ddd;color:#111}.comparison{position:relative;aspect-ratio:4/5;overflow:hidden;background:#111;isolation:isolate}.comparison>img{display:block;width:100%;height:100%;object-fit:cover}.comparison>.comparison-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:4;touch-action:pan-y}.comparison:has(input:focus-visible){outline:2px solid #eee;outline-offset:5px}.comparison-label{position:absolute;top:18px;padding:8px 10px;font:9px IBM Plex Mono;background:#090909ba;color:#fff;pointer-events:none}.comparison-label.before{left:18px}.comparison-label.after{right:18px}.comparison-divider{position:absolute;left:var(--split);top:0;bottom:0;width:1px;background:transparent;pointer-events:none}.comparison-divider b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#111b;border:1px solid #eee;border-radius:50%;width:44px;height:44px;font:22px sans-serif}.projects-page .comparison img,.projects-page .comparison:hover img{transition:none;transform:none}.video-comparison-control{display:grid;gap:12px;font:10px IBM Plex Mono;margin:-5px 0 28px;color:#ccc}.video-comparison-control input{width:100%;accent-color:#ddd}.comparison-video .comparison-before{pointer-events:none}@media(max-width:650px){.ecofarma-case{grid-template-columns:1fr;gap:28px}.projects-page .ecofarma-copy h3{font-size:34px}.projects-page .comparison-hint{margin-top:24px}.manifesto-case img{transform:scale(1.25);transform-origin:65% 50%}}.film-sound{position:absolute;right:15px;bottom:55px;z-index:5;background:#090909d9;color:#eee;border:1px solid #ffffff66;padding:11px 13px;font:9px IBM Plex Mono;cursor:pointer}.hero-film .film-sound{right:5%;bottom:168px;z-index:4}.hero-shade{z-index:1}.hero-statement,.hero-bottom,.hero-topline{z-index:2}.hero-film{z-index:auto}.hero-film-control{z-index:3}@media(max-width:650px){.hero-film .film-sound{bottom:140px;right:6%}.film-sound{font-size:8px;right:10px;padding:10px}}.laptop-screen>video{width:100%;height:100%;object-fit:cover;display:block}#case-sallve .case-gallery img{aspect-ratio:4/5;object-fit:cover}@media(max-width:650px){#case-sallve .case-gallery img:last-child{aspect-ratio:1.3}}.comparison-video .comparison-divider b{display:none}.comparison-drag{position:absolute;left:clamp(24px,var(--split),calc(100% - 24px));top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border:1px solid #eee;border-radius:50%;display:grid;place-items:center;color:#fff;background:#111b;font:22px sans-serif;z-index:4;cursor:ew-resize;touch-action:none;padding:0}.comparison-drag:hover{background:#222e}.comparison-drag:focus-visible{outline:2px solid white;outline-offset:4px}.screen-interaction{position:static;background:none;color:#bbb;border:0;border-bottom:1px solid #ffffff40;padding:4px 0;font:10px IBM Plex Mono;cursor:pointer}.screen-interaction:hover{color:#fff}.projects-page .systems-chapter{background:transparent}.projects-page .system-case{overflow:visible;background:transparent}.projects-page .laptop-stage{overflow:visible;background:transparent;padding:65px 10%;perspective:1800px}.projects-page .laptop-stage .laptop{background:transparent}.projects-page .laptop-stage .laptop-lid{transform:rotateX(var(--lid-angle,-88deg));transition:none}.projects-page .laptop-stage.active .laptop-lid{transform:rotateX(0)}.projects-page .laptop-base{margin-inline:-4%;border-radius:2px 2px 45% 45%/2px 2px 70% 70%;box-shadow:0 14px 22px #0004}@media(max-width:650px){.projects-page .laptop-stage{padding:38px 8% 35px}}@media(min-width:651px){.visual-pair #case-cafe{padding-top:0}.visual-pair #case-cafe .case-media{aspect-ratio:63/80}.visual-pair #case-cafe .case-media img{object-fit:cover;object-position:50% 50%}}.manifesto-layout{grid-template-columns:1fr 2.5fr;min-height:720px}.manifesto-layout .exploded-symbol{grid-column:2;grid-row:1;width:100%;height:720px;min-height:0;aspect-ratio:auto;transform:none;padding:0;background:none;border:0;outline-offset:-5px}.manifesto-layout .exploded-symbol canvas{width:100%;height:100%;display:block}.manifesto-layout .exploded-symbol img[hidden]{display:none}@media(max-width:650px){.manifesto-layout{min-height:0}.manifesto-layout .exploded-symbol{height:460px;order:2}}@media(pointer:coarse){.film-sound,.hero-film-control,[data-comparison-pair],.system-links a{min-height:44px;touch-action:manipulation}[data-comparison-pair]{font-size:11px;padding:10px 12px}.comparison input{touch-action:pan-y}}.hero-media-rail{position:absolute;bottom:55px;right:5%;display:flex;align-items:center;gap:28px;z-index:3}.hero-media-rail .hero-caption{text-align:left;margin-right:18px}.hero-media-rail .film-sound,.hero-media-rail .hero-film-control{position:static;min-height:44px;padding:10px 0;background:none;border:0;border-bottom:1px solid #ffffff30;font:9px IBM Plex Mono}@media(max-width:1000px){.projects-hero{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;padding:165px 0 36px;overflow:visible}.hero-topline{position:static;order:0;margin:0 6%}.hero-topline .eyebrow:last-child{display:none}.hero-statement{position:static;order:1;margin:30px 6% 36px;display:block}.hero-statement h1{font-size:clamp(44px,8.5vw,76px);line-height:1.12}.hero-statement p{font-size:14px;margin:24px 0 0;line-height:1.8}.hero-film{position:relative;inset:auto;order:2;padding:0;width:100%;aspect-ratio:1.5}.hero-film video{display:block;width:100%;height:100%;object-fit:cover;opacity:1}.hero-shade{display:none}.hero-media-rail{position:static;order:3;display:flex;margin:0 6%;padding:24px 0;gap:20px;border-bottom:1px solid var(--project-line);flex-wrap:wrap}.hero-media-rail .hero-caption{font-size:10px;line-height:1.9;flex:1;min-width:130px;margin:0;max-width:none}.hero-media-rail .hero-caption small{font-size:8px}.hero-media-rail .film-sound,.hero-media-rail .hero-film-control{font-size:10px}.hero-bottom{position:static;order:4;margin:24px 6% 0}.hero-explore{width:100%;font-size:10px;min-height:44px;align-items:center;padding:8px 0}}.projects-page #case-prime .prime-gallery{grid-template-columns:1fr 1fr}.projects-page #case-prime .prime-gallery img{aspect-ratio:16/10;width:100%}.projects-page #case-prime>.case-media:not(.prime-film){aspect-ratio:16/9;margin-top:36px;margin-bottom:0}.projects-page #case-sallve>.case-media{margin-top:36px;margin-bottom:0}.projects-page #case-prime .prime-film{margin-top:32px}@media(max-width:600px){.projects-page #case-prime .prime-gallery{grid-template-columns:1fr;gap:16px}}.projects-page #case-lavi .case-media{aspect-ratio:auto;overflow:hidden}.projects-page #case-lavi .case-media img{width:100%;height:auto;display:block;object-fit:contain}.projects-page #case-lavi .case-media:hover img{transform:none}.hero-film>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media(max-width:1000px){.hero-film>img{object-position:55% center}}@media(min-width:1001px){.projects-hero .hero-film{bottom:120px}.projects-hero .hero-media-rail{bottom:30px;min-height:48px;align-items:center}.projects-hero .hero-bottom{bottom:38px}}@media(max-width:1000px){.projects-hero .hero-media-rail{padding-top:38px;padding-bottom:28px}}@media(min-width:1001px){.projects-hero .hero-statement>p{position:absolute;top:calc(min(100svh,1150px) - 32vh - 87px);left:29%;margin:0;max-width:380px;font-size:14px;line-height:1.8}.projects-hero .hero-statement{align-items:start}}.projects-hero>.hero-intro-copy{position:absolute;bottom:28px;left:35%;margin:0;font-size:14px;line-height:1.8;color:#d4d4d4;z-index:3}@media(max-width:1000px){.projects-hero>.hero-intro-copy{position:static;order:4;margin:24px 6% 12px;font-size:14px}}.projects-page #case-lavi>.case-media{margin-top:36px;margin-bottom:0}.curated-copy{max-width:850px;margin-bottom:36px}.curated-copy h3{text-wrap:balance}.curated-copy p{text-wrap:pretty;max-width:65ch}.curated-cover img,.curated-gallery img{display:block;width:100%;height:auto}.curated-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px;align-items:start}.curated-gallery figure{margin:0}.curated-gallery figcaption{font-family:monospace;font-size:11px;letter-spacing:.08em;color:#aaa;margin-top:16px;line-height:1.6}.curated-case{scroll-margin-top:100px}@media(max-width:650px){.curated-copy{margin-bottom:26px}.curated-gallery{grid-template-columns:1fr;gap:28px;margin-top:24px}}.curated-film{margin-top:28px}.curated-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#090909}.projects-page .laptop-stage{perspective:2200px;perspective-origin:50% 65%}.projects-page .laptop-lid{transform-origin:50% 100%;box-shadow:0 8px 24px #0005}.projects-page .laptop-screen{filter:brightness(var(--screen-light,1))}