.portfolio-opening{display:grid;grid-template-columns:1.65fr 1fr;gap:8%;align-items:center;padding-block:50px 80px}
.portfolio-opening .eyebrow{margin-bottom:20px}.portfolio-opening h1{font-size:clamp(36px,4.5vw,69px);line-height:1.5}
.portfolio-lead{font-size:16px;margin-top:30px;line-height:2}.portfolio-jumps{display:flex;gap:30px;flex-wrap:wrap;margin-top:30px}.portfolio-jumps .text-link{font-size:12px;gap:18px}
.portfolio-proof{border-left:1px solid var(--line);padding-left:40px}.portfolio-proof .metric-label{font-size:15px}
.portfolio-number{display:flex;align-items:baseline;gap:18px;line-height:1;margin-top:12px;font-family:Arial,sans-serif}.portfolio-number .counter{font-size:clamp(130px,13vw,195px);letter-spacing:-.07em}.portfolio-number>span:last-child{font-family:"Yu Gothic",sans-serif;font-size:22px}.portfolio-proof .metric-breakdown{margin-top:20px;font-size:13px}.portfolio-proof .source-note{font-size:11px;margin-top:17px}
.portfolio-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:end;margin-bottom:42px}.portfolio-heading .eyebrow{margin-bottom:20px}.portfolio-heading h2{font-size:clamp(30px,3.6vw,52px)}.portfolio-heading>p{font-size:15px;line-height:2}
.portfolio-originals{border-top:1px solid var(--line);padding-block:80px 96px}.portfolio-project{display:block;text-decoration:none}.portfolio-image img{width:100%;height:auto;background:#e5e6e0;color:var(--ink)}.portfolio-project-copy{padding-top:24px}.portfolio-project-copy .eyebrow{font-size:10px;margin-bottom:16px}.portfolio-project-copy h3{font-size:clamp(24px,2.3vw,34px);margin-bottom:17px}.portfolio-project-copy>p{font-size:15px;line-height:1.9}.portfolio-project-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:44px;border-bottom:1px solid currentColor;font-size:12px;margin-top:22px}.portfolio-project-link>span{transition:transform .25s}.portfolio-project:hover .portfolio-project-link>span,.portfolio-project:focus-visible .portfolio-project-link>span{transform:translate(5px,-3px)}.portfolio-project:hover h3,.portfolio-project:focus-visible h3{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}.portfolio-feature .portfolio-project{display:grid;grid-template-columns:1.7fr 1fr;gap:5%;align-items:center}.portfolio-feature .portfolio-project-copy{padding:0}.portfolio-feature h3{font-size:clamp(23px,2.5vw,36px)}
.portfolio-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px}.portfolio-originals .portfolio-pair{margin-top:64px}.portfolio-brands{border-top:1px solid var(--line);padding-block:80px 96px}.portfolio-beyblade,.portfolio-zoids{aspect-ratio:1536/983;display:flex;align-items:center;background:#e9ebe5}.portfolio-brands .portfolio-project-copy>p{font-size:14px}.portfolio-brands .portfolio-project-copy .source-note{font-size:11px;margin-top:12px}.portfolio-brands .portfolio-project-copy .copyright{font-size:9px}.portfolio-credit{color:var(--muted)}.portfolio-project-copy .text-link{margin-top:20px;font-size:12px}.portfolio-inline-metric{margin-top:20px!important;font-size:13px!important}.portfolio-inline-metric strong{font-family:Arial,"Yu Gothic",sans-serif;font-size:34px;letter-spacing:-.035em;font-weight:400;margin-inline:8px}
.portfolio-live{background:#171f22;color:#f7f8f3;padding-block:80px}.portfolio-live .eyebrow,.portfolio-live .section-no{color:#c5d5d5}.portfolio-live figcaption{font-size:11px;color:#c5d5d5;margin-top:12px}.portfolio-live-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px}.portfolio-live-bottom p{font-size:16px}.portfolio-live a:focus-visible{outline-color:var(--yellow)}
.portfolio-archive{padding-block:88px 96px}.archive-note{font-size:12px;color:var(--muted);line-height:1.9}.archive-column-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:40px;padding-bottom:17px;letter-spacing:.05em}.portfolio-register{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.portfolio-register li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:22px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center}.archive-index{font-family:Arial,sans-serif;color:var(--muted);font-size:11px;align-self:start;padding-top:6px}.archive-name{font-size:19px;line-height:1.7;letter-spacing:0}.archive-name a{text-decoration:none}.archive-name a:hover,.archive-name a:focus-visible{text-decoration:underline}.archive-name a>span{font-size:13px;display:inline-block;margin-left:10px}.archive-source{font-size:10px;color:var(--muted);margin-top:7px;line-height:1.8}.archive-source a{display:inline-flex;align-items:center;min-height:24px;margin-left:15px}.archive-visits{font-family:Arial,"Yu Gothic",sans-serif;font-size:27px;font-weight:400;line-height:1.5;letter-spacing:-.025em;text-align:right;white-space:nowrap}.archive-visits small{font-size:10px;letter-spacing:0;display:block;color:var(--muted)}.archive-history{display:block;font-size:11px;color:var(--muted);line-height:1.8;margin-top:5px}.portfolio-event-register{margin-top:56px}.portfolio-event-register .eyebrow{margin-bottom:13px}.portfolio-event-register h3{font-size:23px;margin-bottom:25px}.portfolio-event-register .archive-note{margin-top:20px}.portfolio-event-register .archive-note a{display:inline-block;margin-left:12px;min-height:24px}.portfolio-contact{background:#eaece5;padding-block:88px 96px}.portfolio-contact h2{font-size:clamp(32px,4vw,60px);margin-bottom:25px}
@media(max-width:1100px){.portfolio-opening{grid-template-columns:1.4fr 1fr;gap:5%}.portfolio-proof{padding-left:28px}.portfolio-jumps{gap:12px 25px}.portfolio-heading{gap:5%}.portfolio-pair{gap:30px}.portfolio-feature .portfolio-project{grid-template-columns:1.4fr 1fr}.portfolio-feature h3{font-size:24px}.portfolio-project-copy>p{font-size:14px}.portfolio-register li{gap:16px}.archive-name{font-size:18px}.archive-visits{font-size:24px}}
@media(max-width:767px){.portfolio-opening{grid-template-columns:1fr;gap:36px;padding-block:32px 50px}.portfolio-opening h1{font-size:clamp(31px,7.7vw,46px)}.portfolio-lead{font-size:14px;margin-top:24px}.portfolio-lead br{display:none}.portfolio-jumps{gap:12px 25px;margin-top:23px}.portfolio-proof{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.portfolio-number .counter{font-size:150px}.portfolio-number{margin-top:8px}.portfolio-proof .source-note{margin-top:14px}.portfolio-proof .metric-breakdown{margin-top:15px}.portfolio-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.portfolio-heading h2{font-size:31px}.portfolio-heading>p{font-size:14px}.portfolio-heading>p br{display:none}.portfolio-originals{padding-block:48px 60px}.portfolio-feature .portfolio-project{grid-template-columns:1fr;gap:0}.portfolio-feature .portfolio-project-copy{padding-top:22px}.portfolio-pair{grid-template-columns:1fr;gap:42px}.portfolio-originals .portfolio-pair{margin-top:42px}.portfolio-project-copy{padding-top:22px}.portfolio-project-copy h3,.portfolio-feature h3{font-size:25px;margin-bottom:15px}.portfolio-project-copy .eyebrow{font-size:9px;margin-bottom:14px}.portfolio-project-link{margin-top:17px}.portfolio-brands{padding-block:48px 60px}.portfolio-brands .portfolio-project-copy h3{font-size:23px}.portfolio-live{padding-block:53px 60px}.portfolio-live h2{font-size:clamp(25px,7.2vw,34px)}.portfolio-live-bottom{display:block;margin-top:24px}.portfolio-live-bottom p{font-size:14px}.portfolio-live-bottom .text-link{margin-top:20px}.portfolio-live figcaption{font-size:10px}.portfolio-archive{padding-block:54px 60px}.archive-note{font-size:11px}.archive-column-labels{margin-top:30px;font-size:9px;gap:15px}.portfolio-register li{grid-template-columns:20px minmax(0,1fr);gap:7px 12px;padding:21px 0}.archive-index{grid-row:1 / 3;padding-top:3px;font-size:10px}.archive-name{font-size:18px}.archive-source{font-size:10px;margin-top:8px}.archive-source a{margin-left:12px}.archive-visits{grid-column:2;text-align:left;display:flex;align-items:baseline;gap:9px;font-size:24px}.archive-visits small{font-size:10px}.portfolio-event-register{margin-top:40px}.portfolio-event-register h3{font-size:20px}.portfolio-event-register .archive-note a{display:block;margin:8px 0 0}.portfolio-contact{padding-block:55px 62px}.portfolio-contact h2{font-size:clamp(26px,7.1vw,36px)}.portfolio-contact .read-copy{font-size:14px}.portfolio-contact .read-copy br{display:none}}
@media print{.portfolio-live{background:white;color:var(--ink)}.portfolio-register li,.portfolio-pair article{break-inside:avoid}.portfolio-opening,.portfolio-originals,.portfolio-brands,.portfolio-live,.portfolio-archive,.portfolio-contact{padding-block:25px}}

/* Reserve the external-link mark so it cannot become an orphaned line. */
.archive-name a{display:block;position:relative;padding-right:25px;text-wrap:balance}.archive-name a>span{position:absolute;right:0;top:.25em;margin:0}
.archive-credit{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.8}.metrics-note{border-top:1px solid var(--line);margin-top:44px;padding-top:26px;color:var(--muted);font-size:11px;line-height:1.9;max-width:960px}.metrics-note h3{font-size:14px;color:var(--ink);margin-bottom:14px}.metrics-note p+p{margin-top:9px}.metrics-note a{display:inline-block}.observation-dates{margin-top:14px}.observation-dates summary{cursor:pointer;min-height:32px}.portfolio-archive .portfolio-heading{grid-template-columns:1.4fr 1fr}.portfolio-archive h2{font-size:clamp(27px,3.3vw,48px)}
.archive-credit a{display:inline-block;min-height:24px;text-decoration-thickness:1px;text-underline-offset:3px}
@media(max-width:767px){.portfolio-archive .portfolio-heading{grid-template-columns:1fr}.portfolio-archive h2{font-size:clamp(23px,6.3vw,32px)}.archive-credit{font-size:11px}.metrics-note{margin-top:32px;padding-top:22px}.portfolio-register li{row-gap:9px}}