@layer components{.agency-hero{grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;min-height:min(1000px,100svh - 102px);margin-bottom:130px;display:grid}.agency-hero-art{background:var(--accent);border-radius:var(--radius);grid-column:1/5;min-height:650px;position:relative;overflow:hidden}.agency-hero-art>.project-picture,.agency-hero-art img{object-fit:cover;width:100%;height:100%}.agency-art-label{justify-content:space-between;gap:16px;font-size:9px;display:flex;position:absolute;inset:auto 18px 20px}.agency-hero-copy{flex-direction:column;grid-column:7/-1;align-items:start;padding-block:12px 0;display:flex}.agency-hero-copy>.micro{margin-bottom:22px}.agency-hero h1{letter-spacing:-.065em;font-size:clamp(56px,6.3vw,122px);line-height:.94}.agency-hero-description{letter-spacing:-.025em;max-width:365px;margin-block:auto;padding-block:60px;font-size:16px;line-height:1.16}.agency-scroll{min-height:44px;color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:40px;font-size:13px;display:inline-flex}.agency-scroll .arrow{width:14px;height:14px}.agency-scroll:hover{color:var(--ink)}.agency-scroll:hover .arrow{transform:translateY(3px)rotate(135deg)}.agency-rule{border-top:1px solid var(--line);padding-top:22px}.agency-introduction{scroll-margin-top:25px}.agency-statement{border:0;max-width:1320px;padding:0;font-size:clamp(32px,3.25vw,62px);line-height:1.04}.agency-practice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:72px;padding-bottom:140px;display:grid}.agency-practice-label p{margin-top:30px;font-size:13px;line-height:1.3}.agency-founder-card,.agency-discipline{border-radius:var(--radius);min-width:0;min-height:420px;position:relative;overflow:hidden}.agency-founder-card{background:var(--accent);flex-direction:column;padding:14px;display:flex}.agency-card-heading{z-index:1;position:relative}.agency-card-heading h3{letter-spacing:-.045em;font-size:clamp(20px,1.8vw,34px);line-height:1.02}.agency-card-heading .micro{margin-top:7px;font-size:10px;display:block}.agency-founder-mark{letter-spacing:-.13em;margin-block:auto;margin-left:-.06em;font-size:clamp(120px,14vw,260px);font-weight:550;line-height:1.2}.agency-founder-bottom p{letter-spacing:-.015em;font-size:12px;line-height:1.3}.agency-founder-bottom .text-link{border-color:#0b0b0b45;margin-top:14px;font-size:12px;display:flex}.agency-discipline>.project-picture{position:absolute;inset:0}.agency-discipline img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease)}.agency-discipline .agency-card-heading{background:linear-gradient(#f3f0e9,#f3f0e900);padding:14px 14px 60px}.agency-discipline--design{grid-column:4}.agency-discipline--development{grid-area:2/3;margin-top:0}.agency-card-foot{background:#f5f1e8e8;border-radius:2px;padding:5px 7px;font-size:9px;position:absolute;bottom:14px;left:14px}.agency-manifesto{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-bottom:150px;display:grid}.agency-manifesto-art{align-self:start;overflow:hidden}.agency-manifesto-art .project-picture{border-radius:var(--radius);overflow:hidden}.agency-manifesto-art img{aspect-ratio:.83;object-fit:cover}.agency-manifesto-art figcaption{margin-top:10px;font-size:9px;line-height:1.5}.agency-manifesto-copy{grid-column:3/-1}.agency-manifesto-copy>.micro{margin-bottom:28px;display:block}.agency-manifesto-statement{letter-spacing:-.045em;max-width:800px;font-size:clamp(27px,2.35vw,44px);line-height:1.05}.agency-manifesto-statement+p{margin-top:28px}.agency-values{grid-template-columns:1fr 1fr;gap:10px;padding-bottom:130px;display:grid}.agency-section-note h2{letter-spacing:-.015em;line-height:1.4}.agency-section-note p{letter-spacing:-.025em;max-width:365px;margin-top:22px;font-size:15px;line-height:1.15}.agency-value{border-bottom:1px solid var(--line)}.agency-value summary{cursor:pointer;letter-spacing:-.055em;min-height:90px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding-block:13px;font-size:clamp(42px,4.45vw,86px);line-height:1;list-style:none;transition:color .25s;display:flex}.agency-value summary::-webkit-details-marker{display:none}.agency-value[open] summary,.agency-value summary:hover{color:var(--ink)}.agency-value-icon{flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.agency-value-icon .arrow{width:19px;height:19px;transform:rotate(135deg)}.agency-value[open] .arrow{transform:rotate(-45deg)}.agency-value-description p{letter-spacing:-.02em;max-width:390px;padding-bottom:20px;font-size:15px;line-height:1.2}.agency-belief{background:var(--accent);border-radius:var(--radius);margin-bottom:130px;padding:22px 24px 28px;overflow:clip}.agency-belief-top{justify-content:space-between;align-items:center;gap:25px;display:flex}.agency-belief h2{letter-spacing:-.07em;margin-block:85px 65px;font-size:clamp(64px,11.5vw,220px);line-height:.91}.agency-belief-bottom{justify-content:space-between;align-items:end;gap:30px;display:flex}.agency-belief-bottom>.arrow{width:clamp(50px,7vw,130px);height:auto;transform:rotate(90deg)}.agency-belief-bottom p{letter-spacing:-.025em;max-width:345px;font-size:16px;line-height:1.2}.agency-work{padding-bottom:150px}.agency-work-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px;display:grid}.agency-work-aside{position:sticky;top:24px}.agency-work-aside>p{letter-spacing:-.02em;max-width:330px;margin-top:20px;font-size:14px;line-height:1.2}.agency-work-images{aspect-ratio:1.42;background:var(--soft);border-radius:8px;margin-block:90px 20px;position:relative;overflow:hidden}.agency-work-image{opacity:0;pointer-events:none;transition:opacity .45s var(--ease), transform .65s var(--ease);background:var(--preview-color);position:absolute;inset:0;transform:translateY(6%)scale(1.04)}.agency-work-image.is-current{opacity:1;transform:none}.agency-work-image .project-picture,.agency-work-image img{object-fit:cover;object-position:top;width:100%;height:100%}.agency-work-image>span{background:var(--ink);color:var(--paper);padding:10px;font-size:9px;position:absolute;bottom:0;left:0;right:0}.agency-work-aside .text-link{font-size:12px}.agency-work-main{grid-column:3/-1}.agency-work-main h2{letter-spacing:-.06em;margin-block:5px 65px;font-size:clamp(50px,4.5vw,85px);line-height:.92}.agency-work-list{list-style:none}.agency-work-link{border-bottom:1px solid var(--line);min-height:65px;color:var(--muted);align-items:center;gap:12px;padding-block:10px;transition:color .25s;display:flex}.agency-work-name{flex-direction:column;gap:5px;min-width:0;display:flex}.agency-work-name>span:first-child{letter-spacing:-.045em;font-size:clamp(22px,1.9vw,36px);line-height:1.05}.agency-work-credit{font-size:10px;line-height:1.35}.agency-work-tag{border:1px solid var(--line);border-radius:3px;margin-left:auto;padding:3px 6px;font-size:9px}.agency-work-link>.arrow{width:16px;height:16px}.agency-work-link.is-current,.agency-work-link:hover,.agency-work-link:focus-visible{color:var(--ink)}.agency-work-link:hover>.arrow{transform:translate(2px,-2px)}.agency-work-mobile-image{display:none}.agency-location{grid-template-columns:1fr 1fr auto;align-items:start;gap:30px;padding-bottom:90px;display:grid}.agency-location h2{letter-spacing:-.015em;line-height:1.4}.agency-location p{letter-spacing:-.045em;font-size:clamp(28px,2.5vw,45px);line-height:1.02}.agency-location div>span{max-width:310px;color:var(--muted);margin-top:20px;font-size:12px;display:block}}@layer responsive{@media (hover:hover) and (pointer:fine){.agency-discipline:hover img{transform:scale(1.055)}}@media (width>=701px) and (width<=1100px){.agency-hero-art{grid-column:1/6}.agency-hero h1{font-size:5.9vw}.agency-art-label{flex-direction:column;gap:6px}.agency-practice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.agency-practice-label{grid-column:1/-1;justify-content:space-between;padding-bottom:25px;display:flex}.agency-practice-label p{margin:0}.agency-discipline--design{grid-column:3}.agency-discipline--development{grid-column:2}.agency-founder-card,.agency-discipline{min-height:350px}.agency-founder-mark{font-size:18vw}.agency-card-heading h3{font-size:23px}.agency-card-heading .micro{font-size:9px}.agency-work-aside{grid-column:1/3;padding-right:22%}}@media (width<=700px){.agency-hero{flex-direction:column;gap:32px;min-height:0;margin-bottom:65px;display:flex}.agency-hero-copy{order:-1;padding-top:24px}.agency-hero-copy>.micro{margin-bottom:25px;font-size:10px}.agency-hero h1{font-size:clamp(40px,11.8vw,82px);line-height:.96}.agency-hero-description{max-width:325px;padding-block:30px 23px;font-size:15px;line-height:1.25}.agency-scroll{font-size:12px}.agency-hero-art{height:470px;min-height:0}.agency-hero-art img{object-position:50% 46%}.agency-art-label{font-size:9px;inset:auto 15px 16px}.agency-rule{padding-top:18px}.agency-statement{font-size:clamp(28px,7.8vw,48px);line-height:1.08}.agency-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:40px;padding-bottom:70px}.agency-practice-label{grid-column:1/-1;justify-content:space-between;gap:20px;margin-bottom:10px;display:flex}.agency-practice-label .micro{font-size:10px}.agency-practice-label p{margin:0;font-size:11px}.agency-founder-card{grid-column:1/-1;min-height:440px;padding:16px}.agency-founder-mark{font-size:190px}.agency-founder-card .agency-card-heading h3{font-size:28px}.agency-founder-card .agency-card-heading .micro{font-size:10px}.agency-discipline{min-height:280px}.agency-discipline--design{grid-area:auto/1}.agency-discipline--development{grid-area:auto/2;margin-top:55px}.agency-discipline .agency-card-heading{padding:12px 10px 50px}.agency-discipline .agency-card-heading h3{font-size:clamp(18px,5vw,29px);line-height:1}.agency-discipline .agency-card-heading .micro{font-size:8px;line-height:1.45}.agency-card-foot{font-size:8px;bottom:10px;left:8px;right:8px}.agency-manifesto{grid-template-columns:1fr;gap:35px;padding-bottom:70px}.agency-manifesto-art{width:47%}.agency-manifesto-art img{aspect-ratio:.9}.agency-manifesto-art figcaption{font-size:8px}.agency-manifesto-copy{grid-column:auto}.agency-manifesto-copy>.micro{margin-bottom:25px;font-size:10px}.agency-manifesto-statement{font-size:clamp(26px,6.9vw,43px);line-height:1.1}.agency-manifesto-statement+p{margin-top:24px}.agency-values{grid-template-columns:1fr;gap:35px;padding-bottom:70px}.agency-section-note p{margin-top:15px;font-size:14px}.agency-section-note .micro{font-size:10px}.agency-value summary{min-height:76px;font-size:clamp(37px,10.8vw,65px)}.agency-value-description p{padding-right:20px;font-size:14px;line-height:1.35}.agency-belief{margin-bottom:70px;padding:18px 16px 22px}.agency-belief-top{align-items:start;font-size:9px}.agency-belief-top>span:last-child{text-align:right;max-width:75px}.agency-belief h2{margin-block:60px 50px;font-size:clamp(39px,11.9vw,83px)}.agency-belief-bottom{gap:25px}.agency-belief-bottom p{max-width:215px;font-size:13px}.agency-belief-bottom>.arrow{width:38px}.agency-work{padding-bottom:70px}.agency-work-grid{grid-template-columns:1fr;gap:35px}.agency-work-aside{position:static}.agency-work-aside>.micro{font-size:10px}.agency-work-aside>p{max-width:300px;margin-top:16px}.agency-work-aside .text-link{margin-top:16px}.agency-work-images{display:none}.agency-work-main{grid-column:auto}.agency-work-main h2{margin-block:0 30px;font-size:clamp(47px,13vw,75px)}.agency-work-link{min-height:90px;color:var(--ink);gap:12px}.agency-work-mobile-image{border-radius:3px;flex-shrink:0;width:62px;display:block;overflow:hidden}.agency-work-mobile-image img{aspect-ratio:1.15;object-fit:cover;object-position:top}.agency-work-name>span:first-child{font-size:clamp(19px,5.2vw,30px)}.agency-work-credit{color:var(--muted);font-size:9px}.agency-work-tag{display:none}.agency-work-link>.arrow{width:14px;height:14px;margin-left:auto}.agency-location{grid-template-columns:1fr;gap:25px;padding-bottom:65px}.agency-location h2{font-size:10px}.agency-location p{font-size:34px}.agency-location div>span{margin-top:18px;font-size:11px}.agency-location .text-link{justify-self:start}}}@layer motion{@media (prefers-reduced-motion:no-preference){.agency-hero-art img{animation:hero-image-enter 1.5s var(--ease) both}.agency-hero-description,.agency-scroll{animation:support-enter 1s var(--ease) both;animation-delay:.2s}@supports (interpolate-size:allow-keywords){.agency-value{interpolate-size:allow-keywords}.agency-value::details-content{block-size:0;transition:block-size .5s var(--ease), content-visibility .5s allow-discrete;overflow:clip}.agency-value[open]::details-content{block-size:auto}}@supports (animation-timeline:view()){.agency-hero-art>.project-picture{animation:linear both hero-drift;animation-range:exit;animation-timeline:view()!important}.agency-discipline img,.agency-manifesto-art img{animation:linear both material-drift;animation-range:entry exit;animation-timeline:view()!important}.agency-belief{animation:linear both agency-belief-arrive;animation-range:entry entry 90%;animation-timeline:view()!important}@keyframes agency-belief-arrive{0%{clip-path:inset(8% 2% 0 round 35px);transform:translateY(40px)}to{clip-path:inset(0 round 10px);transform:none}}}}@media (prefers-reduced-motion:reduce){.agency-work-image,.agency-discipline img,.agency-value summary,.agency-value .arrow{transition:none}}}