.ph-row{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.ph-block{width:min-content;max-width:100%}.ph-block .kick{white-space:nowrap}.ph-lead{margin-top:28px;font-size:clamp(17px,1.55vw,24px);line-height:1.4}.ph-lead b{font-weight:600}@media (width<=860px){.ph-block{width:auto}}#head .ph{padding-top:110px;padding-bottom:60px}.work-title{line-height:.95;overflow:visible}.work-title-line{white-space:nowrap;max-width:100%;display:block}.work-title .sq{background:var(--green);width:.14em;height:.14em;margin-left:.06em;display:inline-block}@media (width<=1100px) and (width>=861px){.work-title{font-size:clamp(48px,9vw,96px)}}.filter{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.filter .tags .tag.sel{background:var(--fg);border-color:var(--fg);color:var(--bg)}.filter .count{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.6;font-size:11px}.case{border-bottom:1px solid var(--line);transition:opacity .3s}.case.hide{display:none}.case-head{cursor:pointer;width:100%;color:inherit;text-align:left;font:inherit;background:0 0;border:0;grid-template-columns:70px 1fr auto;align-items:center;gap:30px;padding:clamp(28px,4vw,54px) 0;display:grid;position:relative}.case-head .ix{font-family:var(--mono);letter-spacing:.16em;opacity:.5;font-size:12px}.case-head h2{font-size:var(--t-h1);letter-spacing:-.035em;line-height:.9;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.case-head:hover h2{transform:translate(14px)}.case-head h2 em{color:var(--green);-webkit-text-stroke:0;font-style:normal}.tone-green .case-head h2 em{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--fg);-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg);text-underline-offset:.08em;text-decoration-thickness:.06em}.case-head .tags{margin-top:16px}.case-head .tags .chip{font-size:9.5px}.case-head .open{border:1.5px solid var(--fg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:20px;transition:transform .35s,background .2s,color .2s;display:flex}.case.on .case-head .open{background:var(--fg);color:var(--bg);transform:rotate(45deg)}.peek{opacity:0;pointer-events:none;z-index:3;width:clamp(180px,20vw,300px);transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;right:120px;transform:translateY(-50%)scale(.92)rotate(-3deg)}.case-head:hover .peek{opacity:1;transform:translateY(-50%)scale(1)rotate(-2deg)}.case.on .peek{display:none}@media (width<=1100px){.peek{display:none}}.case-body{animation:.28s cubic-bezier(.2,.8,.2,1) both case-detail-in;display:block}@keyframes case-detail-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.cb-grid{grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);padding:0 0 clamp(40px,6vw,80px) 100px;display:grid}.cb-text h3{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;opacity:.5;margin:26px 0 10px;font-size:10px}.cb-text h3:first-child{margin-top:0}.cb-text p{font-size:var(--t-lead);max-width:520px;line-height:1.55}.cb-stats{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:1px;max-width:560px;margin-top:34px;display:grid}.cb-stats div{background:var(--bg);padding:18px 16px}.cb-stats b{font-family:var(--head);letter-spacing:-.04em;font-size:clamp(26px,2.6vw,40px);font-weight:800;line-height:.9;display:block}.cb-stats span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-top:8px;font-size:9.5px;display:block}.cb-live{margin-top:22px}.cb-live a{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:inherit;opacity:.8;border-bottom:1px solid;align-items:center;gap:10px;padding-bottom:4px;font-size:10px;text-decoration:none;transition:opacity .2s;display:inline-flex}.cb-live a:hover{opacity:1}.cb-stack{min-height:420px;position:relative}.cb-stack .shot{border-radius:4px;position:absolute;overflow:hidden;box-shadow:0 30px 80px -30px #0006}.cb-stack .shot.a{aspect-ratio:16/10;width:68%;top:0;left:0}.cb-stack .shot.b{aspect-ratio:9/16;width:36%;bottom:0;right:0}.cb-stack .shot.c{aspect-ratio:4/3;width:34%;bottom:-6%;left:22%}@media (width<=900px){.cb-grid{grid-template-columns:1fr;padding-left:0}.cb-stack{min-height:360px}}.ui{width:100%;height:100%;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;gap:6%;padding:8%;font-size:9px;display:flex}.ui.dark{background:var(--carbon);color:var(--white)}.ui.light{color:var(--black);background:#fff}.ui.green{background:var(--green);color:var(--black)}.ui .top{opacity:.6;justify-content:space-between;display:flex}.ui .h{font-family:var(--head);letter-spacing:-.03em;text-transform:uppercase;overflow-wrap:anywhere;font-size:clamp(14px,2vw,30px);font-weight:800;line-height:.95}.peek .ui .h{font-size:clamp(12px,1.2vw,19px);line-height:1.05}.ui .bar{opacity:.15;background:currentColor;border-radius:3px;height:6px}.ui .bar.g{background:var(--green);opacity:1;width:45%}.ui .grid{flex:1;grid-template-columns:repeat(3,1fr);gap:6%;display:grid}.ui .grid i{opacity:.08;background:currentColor;border-radius:3px}.ui .grid i:first-child{background:var(--green);opacity:1}.ui .btn{text-align:center;color:var(--green);background:currentColor;border-radius:2px;margin-top:auto;padding:6% 0;font-weight:500}.ui.dark .btn{background:var(--green);color:var(--black)}.ui .chart{flex:1;align-items:flex-end;gap:4%;display:flex}.ui .chart i{opacity:.12;background:currentColor;border-radius:2px 2px 0 0;flex:1}.ui .chart i:nth-child(3n){background:var(--green);opacity:1}.logos{text-align:center;padding-block:clamp(60px,8vw,110px)}.logos .row{flex-wrap:wrap;justify-content:center;gap:clamp(24px,4vw,64px);margin-top:36px;display:flex}.logos .row span{font-family:var(--head);letter-spacing:-.03em;text-transform:uppercase;opacity:.35;font-size:clamp(18px,2.2vw,32px);font-weight:800;transition:opacity .2s}.logos .row span:hover{opacity:1}.cb-stack .shot img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=860px){#head{overflow:visible}#head .ph{height:auto;min-height:0;padding-top:calc(120px + env(safe-area-inset-top));padding-bottom:50px}.ph-row{flex-wrap:wrap;gap:16px}.ph-block{flex:100%;width:auto;max-width:100%}.scroll-cue{flex:none}.ph-row{display:block}.ph-block,.ph-lead{width:100%;min-width:0;max-width:none}.work-title{width:100%;max-width:100%;font-size:clamp(30px,9.8vw,48px);line-height:.95;overflow:visible}.work-title-line{overflow-wrap:anywhere;max-width:100%;display:block}.ph-lead{overflow-wrap:anywhere;margin-top:22px;font-size:17px;line-height:1.42}.scroll-cue{width:max-content;margin-top:22px}#cases>.wrap,.logos,.cta-band{min-width:0}.filter{align-items:flex-start;padding:18px 0 20px}.filter .tags{width:100%;min-width:0}.filter .count{width:100%;padding-top:2px}.case{min-width:0;scroll-margin-top:calc(82px + env(safe-area-inset-top))}.case-head{grid-template-columns:minmax(0,1fr) 48px;grid-template-areas:"index action""content content";align-items:center;gap:14px 12px;min-width:0;padding:26px 0}.case-head>div{grid-area:content;min-width:0;max-width:100%}.case-head .ix{grid-area:index;min-width:0;display:block}.case-head h2{overflow-wrap:anywhere;word-break:normal;max-width:100%;font-size:clamp(30px,10.5vw,42px);line-height:.92}.case-head:hover h2{transform:none}.case-head .tags{max-width:100%;margin-top:14px}.case-head .tags .chip{overflow-wrap:anywhere;max-width:100%}.case-head .open{grid-area:action;justify-self:end;width:48px;height:48px;font-size:18px}.case-head:focus-visible{outline:2px solid var(--green);outline-offset:4px}.cb-grid{min-width:0;padding:0 0 44px;display:block}.cb-text,.cb-stack,.cb-stats{min-width:0;max-width:100%}.cb-text p{overflow-wrap:anywhere;font-size:16px;line-height:1.55}.cb-stats{grid-template-columns:1fr 1fr;max-width:none}.cb-stack{gap:14px;min-height:0;margin-top:28px;display:grid}.cb-stack .shot,.cb-stack .shot.a,.cb-stack .shot.b,.cb-stack .shot.c{aspect-ratio:auto;width:100%;height:auto;min-height:190px;position:relative;inset:auto}.cb-stack .shot img{object-fit:contain;background:var(--card);height:auto;max-height:none}.logos .row{gap:18px}.filter{gap:12px}}@media (width<=420px){.cb-stats{grid-template-columns:1fr}.case-head h2{font-size:clamp(28px,10vw,38px)}}@media (width<=640px){.ph h1,.ph .ph-title{-webkit-hyphens:none;hyphens:none;font-size:clamp(30px,9.8vw,48px);line-height:.95}}@media (prefers-reduced-motion:reduce){.case-body{animation:none}}