/* The aperture borrows the existing mark's open edge and angled right side. */
.intro h1{display:flex;align-items:center;justify-content:flex-start;gap:29px;font-size:138px;padding-block:18px 22px}
.identity-signature{width:83px;height:93px;object-fit:contain;flex:none}
.intro .wordmark>span:nth-child(-n+2){color:#dd5a35}
.intro .intro-line{font-size:33px;line-height:1.2;max-width:600px}
.intro .intro-side{gap:32px;align-items:center}
.intro .intro-side p{max-width:355px;line-height:1.6;font-size:16px}
.intro .studio-label .square{width:8px;height:8px;clip-path:polygon(0 0,70% 0,100% 25%,100% 75%,70% 100%,0 100%)}
.identity-section-note{font-size:12px;color:var(--muted)}
.identity-feature{padding-top:30px;padding-bottom:52px}
.identity-feature-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}
.identity-feature-heading h3{font:800 47px/1.05 'Manrope',sans-serif;text-align:right}
.identity-feature-heading .index{font-size:12px;margin-bottom:12px}
.identity-feature-heading>p{font-size:21px;line-height:1.3;max-width:330px}
.identity-feature-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:44px;align-items:start}
.identity-aperture{position:relative;display:block;width:100%;aspect-ratio:1.9;background:#dd5a35;padding:0;isolation:isolate;clip-path:polygon(0 0,91% 0,100% 15%,100% 85%,91% 100%,0 100%);transition:clip-path .65s var(--motion-ease)}
.identity-window{position:absolute;inset:3px;display:block;background:#dd5a35;overflow:hidden;clip-path:polygon(0 0,91% 0,100% 15%,100% 85%,91% 100%,0 100%);transition:clip-path .65s var(--motion-ease)}
.identity-photo{position:absolute;max-width:none;width:190%;height:auto;top:-110%;left:-45%;transition:scale .65s var(--motion-ease);transform-origin:center 80%}
@media(hover:hover) and (pointer:fine){.identity-aperture:hover,.identity-aperture:hover .identity-window{clip-path:polygon(0 0,96% 0,100% 8%,100% 92%,96% 100%,0 100%)}.identity-aperture:hover .identity-photo{scale:1.025}}
.identity-aperture:focus-visible{outline:0;background:#141c17}.identity-aperture:focus-visible .identity-window{inset:7px}.identity-mobile-proof:focus-visible{outline-offset:6px}
.identity-image-credit{font-size:11px;line-height:1.5;color:var(--muted);padding-top:11px}
.identity-project-button{font-size:15px;min-height:44px;margin-top:17px}
.identity-decisions>section{border-top:1px solid var(--line);padding-top:15px}
.identity-decision-index{display:block;font-size:11px;color:#b24931;margin-bottom:8px}
.identity-decisions h4{font-size:23px;line-height:1.15;margin:0 0 12px;font-weight:700}
.identity-decisions p{font-size:15px;line-height:1.65;color:var(--muted);max-width:365px}
.identity-palette{display:flex;align-items:center;gap:7px;margin-top:18px}
.identity-palette>span{display:block;flex:none;width:15px;height:15px;background:var(--swatch);border:1px solid #0001}
.identity-palette small{font-size:10px;color:var(--muted);margin-right:5px}
.identity-mobile-decision{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:17px;margin-top:27px}
.identity-mobile-proof{padding:0;background:transparent;display:block;width:110px;align-self:start}
.identity-mobile-proof img{width:100%;height:auto;border:1px solid var(--line)}
.identity-feature+.lead-project{border-top:1px solid var(--line)}
.identity-feature+.lead-project .lead-caption .index{font-size:12px}
.phone-layout .intro h1{font-size:67px;gap:13px;padding-block:18px 20px}
.phone-layout .identity-signature{width:39px;height:46px}
.phone-layout .intro .intro-line{font-size:28px;line-height:1.2}
.phone-layout .intro .intro-side p{font-size:16px;max-width:100%}
.phone-layout .identity-section-note{display:none}
.phone-layout .identity-feature{padding-top:23px;padding-bottom:32px}
.phone-layout .identity-feature-heading{display:block;margin-bottom:19px}
.phone-layout .identity-feature-heading h3{font-size:36px;text-align:left}
.phone-layout .identity-feature-heading>p{font-size:19px;margin-top:15px;max-width:none}
.phone-layout .identity-feature-heading>p br{display:none}
.phone-layout .identity-feature-grid{display:block}
.phone-layout .identity-aperture{aspect-ratio:1.4}
.phone-layout .identity-photo{width:230%;left:-65%;top:-104%}
.phone-layout .identity-decisions{margin-top:25px}
.phone-layout .identity-decisions h4{font-size:22px}
.phone-layout .identity-decisions p{font-size:16px;max-width:none}
.phone-layout .identity-mobile-decision{grid-template-columns:minmax(0,1fr) 105px;gap:18px;margin-top:22px}
.phone-layout .identity-mobile-proof{width:105px;min-height:44px}
.phone-layout .identity-mobile-decision h4{font-size:21px}
.phone-layout .identity-mobile-decision p{font-size:15px}
@media(min-width:901px) and (max-width:1150px){.intro h1{font-size:118px}.identity-feature-grid{gap:28px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.identity-feature-heading h3{font-size:42px}.identity-decisions h4{font-size:21px}.identity-mobile-decision{grid-template-columns:minmax(0,1fr) 95px;gap:13px}.identity-mobile-proof{width:95px}.intro .intro-line{font-size:30px}.intro .intro-side p{font-size:15px;max-width:285px}}
@media(max-width:370px){.phone-layout .intro h1{font-size:55px;gap:10px}.phone-layout .identity-signature{width:30px;height:36px}.phone-layout .intro .intro-line{font-size:25px}.phone-layout .identity-mobile-decision{grid-template-columns:minmax(0,1fr) 90px;gap:14px}.phone-layout .identity-mobile-proof{width:90px}.phone-layout .identity-mobile-decision h4{font-size:20px}}
.motion-paused .identity-aperture,.motion-paused .identity-window,.motion-paused .identity-photo{transition:none;scale:none}
@media(prefers-reduced-motion:reduce){.identity-aperture,.identity-window,.identity-photo{transition:none!important;scale:none!important}}