/* Curated homepage and full project collection */
.home-page .featured-project .project-image{height:480px}.work-index-link{border-top:1px solid #c4c8ba;margin-top:45px;padding-top:26px;display:flex;justify-content:space-between;align-items:center;gap:25px}.work-index-link p{font-size:11px;color:#68705f;line-height:1.7}.work-index-link a{font-family:'Space Grotesk';font-size:24px;letter-spacing:-.04em;font-weight:700;white-space:nowrap}.work-index-link a span{margin-left:25px}.work-index-link a:hover{text-decoration:underline;text-underline-offset:8px}
.work-page-intro{padding-top:155px;padding-bottom:65px;background:var(--ink)}.work-page-intro>.back-work{margin-bottom:40px}.work-page-intro>.eyebrow{color:#b6bca9}.work-page-intro h1{font-size:clamp(52px,7vw,100px);letter-spacing:-.065em;line-height:1;margin:30px 0}.work-page-intro h1 span{color:var(--yellow)}.work-page-intro>p:last-child{color:#abb39e;max-width:600px;font-size:14px;line-height:1.8}.work-collection{background:var(--paper);color:var(--ink);padding-top:45px}.work-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:40px}.work-filters button{font-size:10px;background:none;color:#59634e;border:1px solid #bec5b3;border-radius:30px;padding:12px 17px;cursor:pointer}.work-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.work-filters button:hover{border-color:#101110}.filter-count{margin-left:auto;font-size:9px;color:#737a69}.work-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px;align-items:start}.work-page-grid>[hidden]{display:none!important}.work-page-grid .work-collection-card .project-image,.work-page-grid .portfolio-visual,.work-page-grid .small-project .project-image{height:360px}.work-page-grid .project-caption>span{display:none}.work-page-grid .project-caption h3{font-size:23px}.work-page-grid .project-caption{min-height:80px}.work-page-grid .portfolio-portraits img{max-height:92%;max-width:90%}.portfolio-story{padding:0 6% 35px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:27px}.portfolio-story section{border-top:1px solid #ccd0c3;padding-top:18px}.portfolio-story h3{font-family:Inter;font-size:11px;margin-bottom:12px;font-weight:700;letter-spacing:0}.portfolio-story p{font-size:11px;line-height:1.8;color:#606957}
/* An exploded view made from clipped layers of the original logo. */
.hero-object .brand-slab.exploded-logo{background:transparent;border:0;box-shadow:none;width:245px;height:345px;transition:transform .4s var(--ease)}.logo-assembly{position:absolute;width:210px;height:297px;top:16px;left:17px;transform-style:preserve-3d}.logo-piece{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .7s;pointer-events:none}.hero-object .exploded-logo .logo-piece img{width:100%;height:100%;object-fit:fill;max-width:none;user-select:none}.piece-frame img{clip-path:polygon(evenodd,7.2% 10.8%,93.5% 10.8%,93.5% 90%,7.2% 90%,7.2% 10.8%,9.8% 12.6%,9.8% 87.8%,91.4% 87.8%,91.4% 12.6%,9.8% 12.6%)}.piece-one img{clip-path:polygon(10.4% 20.7%,31% 11%,32.5% 12.6%,32.5% 51%,12.3% 51%,12.3% 21%)}.piece-zero img{clip-path:ellipse(27.5% 19.4% at 60.3% 32%)}.piece-two img{clip-path:polygon(12.4% 50.8%,51% 50.8%,51% 86%,12.4% 86%)}.piece-seven img{clip-path:polygon(50.5% 51.4%,87.7% 51.4%,87.7% 86%,50.5% 86%)}.piece-tagline img{clip-path:inset(90.5% 0 0 0)}
.hero-object.is-exploded .piece-one{transform:translate3d(-40px,-42px,65px) rotateZ(-9deg)}.hero-object.is-exploded .piece-zero{transform:translate3d(42px,-32px,100px) rotateZ(7deg)}.hero-object.is-exploded .piece-two{transform:translate3d(-42px,38px,75px) rotateZ(-8deg)}.hero-object.is-exploded .piece-seven{transform:translate3d(46px,40px,120px) rotateZ(9deg)}.hero-object.is-exploded .piece-frame{transform:translateZ(-45px) scale(1.12);opacity:.45}.hero-object.is-exploded .piece-tagline{transform:translate3d(0,70px,100px) rotateZ(-4deg)}.hero-object .object-tag{bottom:-13px}.explode-toggle{position:absolute;bottom:-48px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;border:1px solid #677052;border-radius:30px;padding:10px 16px;background:var(--ink);color:var(--paper);cursor:pointer}.explode-toggle span{color:var(--yellow);margin-left:14px}.explode-toggle:hover,.explode-toggle[aria-pressed=true]{border-color:var(--yellow)}.home-page .hero-layout{padding-bottom:75px}.home-page .hero-object{margin-bottom:20px}
@media(min-width:1600px){.hero-object .brand-slab.exploded-logo{width:290px;height:390px}.logo-assembly{width:245px;height:347px;left:22px;top:20px}}
@media(max-width:1050px){.work-page-grid .portfolio-visual,.work-page-grid .work-collection-card .project-image,.work-page-grid .small-project .project-image{height:300px}.portfolio-story{gap:20px}.hero-object .brand-slab.exploded-logo{width:205px;height:290px}.logo-assembly{width:175px;height:248px;left:15px;top:18px}}
@media(max-width:700px){.home-page .featured-project .project-image{height:310px}.work-index-link{display:block}.work-index-link a{display:inline-block;margin-top:22px;font-size:23px}.work-page-intro{padding-top:120px;padding-bottom:45px}.work-page-intro h1{font-size:48px}.work-page-intro>p:last-child{font-size:12px}.work-filters{gap:8px}.work-filters button{font-size:9px;padding:10px 13px}.filter-count{flex-basis:100%;margin:8px 0 0}.work-page-grid{grid-template-columns:1fr;gap:35px}.work-page-grid .portfolio-visual,.work-page-grid .work-collection-card .project-image,.work-page-grid .small-project .project-image{height:300px}.work-page-grid .project-caption{min-height:0}.portfolio-story{grid-template-columns:1fr;padding-bottom:25px;gap:20px}.portfolio-story section{padding-top:15px}.portfolio-story h3{font-size:12px;margin-bottom:10px}.portfolio-story p{font-size:12px}.home-page .hero-layout{padding-bottom:65px}.home-page .hero-object{height:330px;margin-bottom:20px}.hero-object .brand-slab.exploded-logo{width:175px;height:245px}.logo-assembly{width:145px;height:205px;left:15px;top:12px}.hero-object.is-exploded .piece-one{transform:translate3d(-25px,-25px,35px) rotateZ(-7deg)}.hero-object.is-exploded .piece-zero{transform:translate3d(26px,-22px,55px) rotateZ(6deg)}.hero-object.is-exploded .piece-two{transform:translate3d(-28px,28px,40px) rotateZ(-6deg)}.hero-object.is-exploded .piece-seven{transform:translate3d(28px,28px,70px) rotateZ(7deg)}.hero-object.is-exploded .piece-tagline{transform:translate3d(0,45px,60px) rotateZ(-3deg)}.hero-object .object-tag{bottom:-4px}.explode-toggle{bottom:-38px;font-size:9px}.home-page .object-coordinate{bottom:20px}}
@media(prefers-reduced-motion:reduce){.logo-piece{transition:none!important}}
.logo-piece{mask-image:url('assets/1027-logo.png');mask-size:100% 100%;mask-mode:luminance;mask-repeat:no-repeat}

/* A decisive transition from the idea to the work. */
.idea-band{position:relative;display:grid;grid-template-columns:1fr 2.1fr 1fr;align-items:center;gap:32px;padding:38px 6vw;background:var(--yellow);color:var(--ink);overflow:hidden;text-decoration:none;border-bottom:1px solid #101110}
.idea-band-kicker{font-size:9px;font-weight:700;letter-spacing:.16em;align-self:start;padding-top:12px}
.idea-band-message{font-family:'Space Grotesk',sans-serif;font-size:clamp(40px,5.5vw,86px);font-weight:700;letter-spacing:-.065em;line-height:.98;z-index:1}
.idea-band-message>span{color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.idea-burst{position:absolute;width:210px;height:210px;left:59%;top:50%;transform:translateY(-50%) rotate(-12deg);fill:var(--ink);opacity:.09;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .4s}
.idea-band-link{font-size:9px;font-weight:700;letter-spacing:.08em;display:flex;align-items:center;justify-content:flex-end;gap:25px;z-index:1}
.idea-band-link>span{font-size:50px;line-height:1;transition:transform .35s}
.idea-band:hover .idea-burst{transform:translateY(-50%) rotate(25deg) scale(1.12);opacity:.16}
.idea-band:hover .idea-band-link>span{transform:translate(6px,6px)}
.idea-band:focus-visible{outline:3px solid white;outline-offset:-7px}
@media(max-width:700px){.idea-band{grid-template-columns:1fr auto;gap:20px;padding:28px 6vw}.idea-band-kicker{grid-column:1/-1;font-size:8px;padding:0}.idea-band-message{font-size:11vw}.idea-band-link{font-size:0;gap:0}.idea-band-link>span{font-size:44px}.idea-burst{width:145px;height:145px;left:60%}}
@media(prefers-reduced-motion:reduce){.idea-band *{transition:none!important}}

.idea-band-message>span{color:var(--ink);-webkit-text-stroke:0}
.idea-band .idea-burst{animation:idea-drift 12s linear infinite;transform-origin:center}
@keyframes idea-drift{0%{transform:translateY(-50%) rotate(0deg) scale(.95)}50%{transform:translateY(-50%) rotate(90deg) scale(1.08)}100%{transform:translateY(-50%) rotate(180deg) scale(.95)}}
.idea-band.is-bursting{pointer-events:none}
.idea-band.is-bursting .idea-burst{animation:idea-explode .58s cubic-bezier(.3,0,.2,1) forwards;z-index:3}
.idea-band.is-bursting .idea-band-message,.idea-band.is-bursting .idea-band-kicker,.idea-band.is-bursting .idea-band-link{opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .35s}
@keyframes idea-explode{0%{transform:translateY(-50%) rotate(0deg) scale(1);opacity:.16}35%{transform:translateY(-50%) rotate(24deg) scale(.75);opacity:.5}100%{transform:translateY(-50%) rotate(110deg) scale(16);opacity:1}}
@media(prefers-reduced-motion:reduce){.idea-band .idea-burst{animation:none!important}}