/* One photograph, one typographic gesture, textured yellow paper. */
body{background-color:var(--butter)}body::after{content:"";position:fixed;inset:0;background-image:url('assets/grain.svg');opacity:.28;mix-blend-mode:multiply;pointer-events:none;z-index:60}.hero,.header{background-color:var(--butter);background-image:radial-gradient(ellipse at 8% 30%,#92763313,transparent 40%),radial-gradient(ellipse at 90% 75%,#8f744710,transparent 30%)}.header{border-bottom:0;height:100px;padding-top:28px;padding-bottom:18px}.brand{width:178px}.desktop-nav{font-size:10px;gap:34px;font-weight:400}.talk-link{font-size:10px;border:0}.talk-link span{font-size:18px;margin-left:20px}.hero{height:calc(100svh - 100px);min-height:670px;padding-top:12px}.hero-top{font-size:8px;opacity:.7}.hero h1{font-size:35.4vw;top:16%;left:3.2%;line-height:.78;letter-spacing:-.025em;width:94%;white-space:nowrap}.hero-photo{width:39%;height:91%;top:11%;right:28%;transform:none;pointer-events:auto}.performer{height:100%;width:100%;object-fit:contain;object-position:center bottom;position:relative;z-index:2;animation:photo-entrance 1.6s cubic-bezier(.2,.65,.2,1) both}.hero-bottom{bottom:34px;align-items:end}.hero-bottom p{font-size:12px}.hero-bottom .mono{font-size:8px}.hero-bottom .underlink{font-size:11px}.hero-bottom>.underlink{margin-left:33%;}.cutout-fragments{position:absolute;inset:0;pointer-events:none;z-index:3}.cutout-fragments span{position:absolute;inset:0;background:url('assets/performer-cutout.webp') center bottom/contain no-repeat;clip-path:inset(30% 0 59% 0);transform:translateX(-8px);animation:fragment-settle 8s ease-in-out infinite}.cutout-fragments span:nth-child(2){clip-path:inset(60% 0 32% 0);transform:translateX(6px);animation-delay:1s}.oversize-number,.gallery-hero{display:none}.hero-photo:hover .cutout-fragments span{animation-play-state:paused;transform:translateX(0);transition:transform .6s}.portrait-slice,.crosshair,.client-star{display:none}.portrait-collage>img:first-child,.academy-picture img{clip-path:none}.portrait-collage{width:100%;margin-left:0}.academy-patch{display:none}.collective,.services,.clients,.academy{padding-top:40px;padding-bottom:65px}.clients{min-height:100svh}.round-link{background:none;color:var(--paper);border:1px solid #f2ede3aa;transform:none;width:115px;height:115px}.round-link:hover{transform:none;background:var(--paper);color:var(--ink)}.work-title{font-size:clamp(100px,15vw,240px)}.aerial h2{font-size:clamp(80px,10vw,165px)}.aerial-grid{opacity:.1}.chapter-index{border:0;background:#f4efc2d9;box-shadow:none}.outline{-webkit-text-stroke-width:1px}.facts strong{font-size:60px}.services .asterisk{font-size:38px}.contact .contact-title b{font-size:10vw}.client-list{column-gap:32px;row-gap:22px}.client-list span{font-size:clamp(17px,2.2vw,34px)}
body[data-look="oversize"] .hero h1{font-size:9vw;white-space:normal;max-width:250px;top:46%;left:6%;line-height:.9}body[data-look="oversize"] .oversize-number{display:block;position:absolute;top:3%;left:17%;font-family:Display;font-size:65vw;line-height:.85;letter-spacing:-.06em;color:#b7b781;opacity:.55}body[data-look="oversize"] .hero-photo{right:22%;width:42%;top:6%;height:97%}body[data-look="gallery"] .hero h1{font-size:21.2vw;top:9%;left:3.6%;letter-spacing:-.03em}body[data-look="gallery"] .hero-photo{inset:29% 16% 12%;height:auto;width:auto}body[data-look="gallery"] .performer,body[data-look="gallery"] .cutout-fragments{display:none}body[data-look="gallery"] .gallery-hero{display:block;width:100%;height:100%;object-fit:cover}body[data-look="gallery"] .hero-bottom>.underlink{margin-left:0}
@keyframes photo-entrance{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes fragment-settle{0%,18%,100%{transform:translateX(0);opacity:0}24%,32%{transform:translateX(-9px);opacity:1}40%,75%{transform:translateX(0);opacity:0}}
@media(min-width:1600px){.hero-photo{width:36%;right:30%}.hero h1{font-size:34vw}}
@media(max-width:900px){.hero{min-height:730px}.hero h1{font-size:36vw;top:23%;left:3%}.hero-photo{width:58%;right:20%;height:85%;top:20%}.hero-bottom>.underlink{margin-left:10%}.brand{width:160px}}
@media(max-width:600px){.header{height:88px;padding-top:25px}.brand{width:145px}.hero{height:calc(100svh - 88px);min-height:660px}.hero-top{font-size:7px}.hero-top span:first-child{max-width:130px}.hero h1{font-size:38vw;top:20%;left:4%;letter-spacing:-.025em}.hero-photo{width:92%;right:4%;height:76%;top:25%}.hero-bottom{bottom:24px}.hero-bottom p{font-size:10px;max-width:120px}.hero-bottom .underlink{font-size:10px;margin-left:0}.hero-bottom>.mono{display:none}.hero-bottom .underlink span{font-size:18px}.collective,.services,.clients,.academy{padding-top:25px;padding-bottom:50px}.work-title{font-size:27vw}.portrait-collage{width:100%}.collective-layout{gap:25px}.collective-lead{margin-bottom:15px}.facts strong{font-size:48px}.clients{min-height:auto}.client-list{gap:15px 13px}.client-list span{font-size:20px}.academy-picture{width:100%}.academy-picture img{height:420px}.academy-layout{gap:40px}.aerial h2{font-size:20vw;margin-top:120px}.contact .contact-title b{font-size:60px}body[data-look="oversize"] .hero h1{font-size:17vw;top:29%;left:6%;max-width:120px}body[data-look="oversize"] .oversize-number{font-size:120vw;left:5%;top:22%}body[data-look="oversize"] .hero-photo{width:87%;right:0;top:20%;height:83%}body[data-look="gallery"] .hero h1{font-size:21vw;top:20%;left:4%}body[data-look="gallery"] .hero-photo{inset:32% 8% 16%}body[data-look="gallery"] .gallery-hero{object-position:50%}}
/* The texture stays static, so high-ISO grain adds tactility without flicker. */
.outline{-webkit-text-stroke-color:var(--ink)}.full-image .outline{-webkit-text-stroke-color:var(--paper)}
body::after{opacity:.34;filter:contrast(230%)}
.hero{background-image:radial-gradient(ellipse at 3% 80%,#8b6b3320,transparent 28%),radial-gradient(ellipse at 87% 16%,#8b6b331c,transparent 22%),radial-gradient(ellipse at 55% 91%,#fff8df44,transparent 26%)}
.hero h1{font-size:33.2vw;left:3.4%}
.hero-bottom>.underlink{margin-left:0;background:var(--butter);padding:8px 14px;border:0;position:absolute;right:0;bottom:60px}
@media(max-width:900px){.hero h1{font-size:33.8vw}.hero-bottom>.underlink{bottom:60px}}
@media(max-width:600px){.hero h1{font-size:35vw;left:3.6%}.hero-bottom>.underlink{right:0;bottom:0;font-size:10px}.hero-bottom p{background:var(--butter);padding:5px 6px}.hero-photo{height:74%;top:25%}.hero{min-height:650px}}
@media(prefers-reduced-motion:reduce){.cutout-fragments{display:none}}.motion-paused .cutout-fragments{display:none}

/* Match the opening to the viewport, including shorter laptops and phones. */
.hero{min-height:0}
.motion-paused .performer{animation:none!important;opacity:1;transform:none}
@media(max-width:600px){.hero{min-height:0}}
body[data-look="oversize"] .hero h1{font-size:7vw;max-width:320px;top:42%}
body[data-look="gallery"] .gallery-hero{object-position:center top}
@media(max-width:600px){body[data-look="oversize"] .hero h1{font-size:16vw;max-width:140px;top:29%}}