/* Agency introduction and original bakery case. Requires capacity-service tokens. */
.cv-page .agency-intro{padding:28px 0 76px;background:radial-gradient(ellipse at 79% 33%,rgba(var(--acid-rgb),.07),transparent 55%)}
.cv-page .agency-intro__grid{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(30px,5vw,74px);align-items:center}
.cv-page .agency-intro__copy{position:relative;z-index:1;padding-bottom:15px}
.cv-page .agency-intro h1{margin:0;font:650 clamp(2.6rem,4.3vw,4.7rem)/1.04 var(--display);letter-spacing:-.055em;text-wrap:balance}
.cv-page .agency-intro h1 em{display:block;margin-top:.08em;color:var(--acid-light);font:italic 400 1.18em/1.05 var(--serif);letter-spacing:-.055em}
.cv-page .agency-intro__lede{max-width:520px;margin:26px 0 0;color:var(--muted-light);font-size:clamp(1rem,1.15vw,1.13rem);line-height:1.8}
.cv-page .agency-intro__actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}
.cv-page .agency-intro__actions .cv-button{gap:13px;min-height:48px}
.cv-page .agency-text-link{display:inline-flex;align-items:center;gap:12px;font-size:.81rem;font-weight:600;line-height:1.6;text-decoration:none;text-underline-offset:5px}
.cv-page .agency-text-link:hover{text-decoration:underline;color:var(--acid-light)}
.cv-page .agency-intro__scope{max-width:440px;margin:23px 0 0;color:var(--muted);font-size:.74rem}
.cv-page .agency-intro__visual{position:relative;min-width:0;padding:0 0 72px 36px}
.cv-page .agency-intro__result{position:relative;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#15120e;box-shadow:0 30px 90px rgba(0,0,0,.25)}
.cv-page .agency-intro__result>img{width:100%;aspect-ratio:1.25;object-fit:cover;transform:scale(1.18)}
.cv-page .agency-intro__result figcaption{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;gap:9px;width:fit-content;max-width:calc(100% - 32px);padding:7px 11px;border:1px solid rgba(255,255,255,.19);border-radius:4px;background:rgba(9,11,10,.76);color:#fff;backdrop-filter:blur(8px);font-size:.68rem;line-height:1.4}
.cv-page .agency-intro__result figcaption span,.cv-page .agency-intro__reference figcaption span{font-size:.61rem;font-weight:700;letter-spacing:.08em;color:var(--acid-light)}
.cv-page .agency-intro__reference{position:absolute;bottom:20px;left:0;width:31%;min-width:135px;max-width:170px;margin:0;padding:7px;border:1px solid rgba(244,240,231,.25);border-radius:6px;background:#171a16;box-shadow:0 12px 35px rgba(0,0,0,.4);transform:rotate(-5deg)}
.cv-page .agency-intro__reference img{width:100%;aspect-ratio:.9;object-fit:cover;object-position:50% 70%;border-radius:2px}
.cv-page .agency-intro__reference figcaption{display:flex;align-items:center;gap:6px;padding:10px 2px 3px;font-size:.65rem;font-weight:500;line-height:1.4}
.cv-page .agency-intro__reference figcaption b{margin-left:auto;font-size:1.1rem;color:var(--acid-light)}
.cv-page .agency-intro__note{margin:15px 0 0 35%;color:var(--muted);font-size:.67rem;letter-spacing:.02em;text-align:right}
.cv-page .agency-case{padding:74px 0 86px;border-top:1px solid var(--line);background:var(--ink-soft);scroll-margin-top:88px}
.cv-page .agency-case__heading{display:grid;grid-template-columns:1.07fr 1fr;align-items:end;gap:clamp(30px,7vw,100px);margin-bottom:35px}
.cv-page .agency-case__heading h2{max-width:620px;margin:0;font:550 clamp(2rem,3.25vw,3.4rem)/1.12 var(--display);letter-spacing:-.055em;text-wrap:balance}
.cv-page .agency-case__heading>p{max-width:490px;margin:0;color:var(--muted-light);font-size:.96rem;line-height:1.8}
.cv-page .agency-case__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.cv-page .agency-case__tile{grid-column:span 2;position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#161712}
.cv-page .agency-case__tile--1,.cv-page .agency-case__tile--2{grid-column:span 3}
.cv-page .agency-case__tile>img{width:100%;aspect-ratio:1.6;object-fit:cover;transition:transform .45s ease}
.cv-page .agency-case__tile--1>img,.cv-page .agency-case__tile--2>img{aspect-ratio:1.7}
.cv-page .agency-case__tile:hover>img{transform:scale(1.025)}
.cv-page .agency-case__tile figcaption{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:10px;padding:35px 17px 15px;background:linear-gradient(transparent,rgba(0,0,0,.86));font-size:.78rem;font-weight:600;line-height:1.4;color:#fff}
.cv-page .agency-case__tile figcaption span{color:#f6a778;font-size:.6rem;letter-spacing:.08em}
.cv-page .agency-case__note{max-width:890px;margin:17px 0 0;color:var(--muted);font-size:.72rem;line-height:1.7}
.cv-page .agency-video{display:grid;grid-template-columns:.7fr 1fr;align-items:center;gap:clamp(30px,6vw,85px);margin-top:62px;padding-top:55px;border-top:1px solid var(--line)}
.cv-page .agency-video__copy h3{margin:0;font:500 clamp(1.9rem,2.7vw,2.8rem)/1.13 var(--display);letter-spacing:-.05em;text-wrap:balance}
.cv-page .agency-video__copy>p:not(.cv-section-label){margin:22px 0;color:var(--muted-light);font-size:.94rem;line-height:1.8}
.cv-page .agency-video__screen{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line);border-radius:7px;background:#000}
.cv-page .agency-video__play{position:absolute;inset:0;display:block;text-decoration:none}
.cv-page .agency-video__play>img{width:100%;height:100%;object-fit:cover}
.cv-page .agency-video__play::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.73))}
.cv-page .agency-video__play-label{position:absolute;z-index:1;bottom:20px;left:20px;right:20px;display:flex;align-items:center;gap:14px;color:#fff;font-size:.85rem;font-weight:650}
.cv-page .agency-video__play-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;padding-left:3px;border-radius:50%;background:var(--acid);color:var(--ink);font-size:1rem;transition:transform .2s}
.cv-page .agency-video__play:hover .agency-video__play-icon{transform:scale(1.08)}
.cv-page .agency-video__screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cv-page .agency-video__close{position:absolute;z-index:3;top:10px;right:10px;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#171a16;color:#fff;font-size:1.5rem;cursor:pointer}
.cv-page .agency-video__privacy{margin:9px 0 0;color:var(--muted);font-size:.66rem}
.cv-page .agency-selector{margin-top:50px;border-block:1px solid var(--line)}
.cv-page .agency-selector>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;padding:20px 0;color:var(--paper);font:500 clamp(1rem,1.35vw,1.24rem)/1.5 var(--display);letter-spacing:-.02em;list-style:none;cursor:pointer}
.cv-page .agency-selector>summary::-webkit-details-marker{display:none}
.cv-page .agency-selector__plus{flex:none;display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line-strong);border-radius:50%;font:400 1.3rem/1 var(--sans);color:var(--acid-light);transition:transform .2s}
.cv-page .agency-selector[open] .agency-selector__plus{transform:rotate(45deg)}
.cv-page .agency-selector__body{display:grid;grid-template-columns:.8fr 1fr;gap:40px;padding:5px 0 30px}
.cv-page .agency-selector__controls>p:first-child{margin:0 0 24px;color:var(--muted-light);font-size:.86rem;line-height:1.7}
.cv-page .agency-selector__fields[hidden]{display:none}
.cv-page .agency-selector fieldset{min-width:0;padding:0;border:0;margin:0 0 15px}
.cv-page .agency-selector legend{margin-bottom:7px;padding:0;font-size:.78rem;font-weight:650}
.cv-page .agency-selector__choices{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cv-page .agency-selector__option{position:relative;display:block;cursor:pointer}
.cv-page .agency-selector__option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.cv-page .agency-selector__option span{display:flex;align-items:center;justify-content:center;min-height:43px;padding:9px 10px;border:1px solid var(--line-strong);border-radius:5px;text-align:center;font-size:.7rem;line-height:1.5;color:var(--muted-light)}
.cv-page .agency-selector__option input:checked+span{border-color:var(--acid);background:rgba(var(--acid-rgb),.12);color:var(--acid-light)}
.cv-page .agency-selector__option input:focus-visible+span{outline:3px solid var(--acid);outline-offset:3px}
.cv-page .agency-selector__note{margin:21px 0 0;color:var(--muted);font-size:.72rem;line-height:1.7}
.cv-page .agency-selector__preview{min-width:0;margin:0}
.cv-page .agency-selector__preview>img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:5px;background:#171914}
.cv-page .agency-selector__preview figcaption{padding:14px 0;color:var(--muted-light);font-size:.8rem}
.cv-page .agency-selector__preview figcaption>span{font:600 .6rem/1.4 var(--display);text-transform:uppercase;letter-spacing:.12em;color:var(--acid-light)}
.cv-page .agency-selector__preview figcaption p{margin:7px 0 0;line-height:1.6}
@media(min-width:1500px){.cv-page .agency-intro{padding-top:36px;padding-bottom:88px}}
@media(max-width:900px){
  .cv-page .agency-intro__grid{grid-template-columns:1fr 1fr;gap:24px}
  .cv-page .agency-intro h1{font-size:clamp(2.4rem,4.8vw,3.4rem)}
  .cv-page .agency-intro__visual{padding-left:18px}
  .cv-page .agency-intro__reference{min-width:112px}
  .cv-page .agency-intro__note{margin-left:38%;font-size:.62rem}
  .cv-page .agency-case__heading{gap:30px}
  .cv-page .agency-selector__body{gap:25px}
}
@media(max-width:680px){
  .cv-page .agency-intro{padding:15px 0 45px}
  .cv-page .agency-intro__grid{grid-template-columns:1fr;gap:35px}
  .cv-page .agency-intro__copy{padding:0}
  .cv-page .agency-intro .cv-eyebrow{margin-bottom:17px}
  .cv-page .agency-intro h1{max-width:560px;font-size:clamp(2.6rem,9.2vw,3.6rem)}
  .cv-page .agency-intro__lede{margin-top:20px;font-size:1rem;line-height:1.7}
  .cv-page .agency-intro__actions{gap:18px;margin-top:23px}
  .cv-page .agency-intro__scope{margin-top:17px;font-size:.7rem}
  .cv-page .agency-intro__visual{padding:0 0 56px 20px}
  .cv-page .agency-intro__result>img{aspect-ratio:1.22}
  .cv-page .agency-intro__reference{bottom:10px;width:29%;min-width:110px;max-width:155px}
  .cv-page .agency-intro__reference img{aspect-ratio:1}
  .cv-page .agency-intro__note{margin-top:14px;margin-left:33%;font-size:.63rem}
  .cv-page .agency-case{padding:48px 0 50px}
  .cv-page .agency-case__heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}
  .cv-page .agency-case__heading h2{font-size:clamp(2rem,7.6vw,2.7rem)}
  .cv-page .agency-case__heading>p{font-size:.92rem}
  .cv-page .agency-case__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cv-page .agency-case__tile,.cv-page .agency-case__tile--1,.cv-page .agency-case__tile--2{grid-column:span 1}
  .cv-page .agency-case__tile--1{grid-column:span 2}
  .cv-page .agency-case__tile>img,.cv-page .agency-case__tile--2>img{aspect-ratio:1.6}
  .cv-page .agency-case__tile--1>img{aspect-ratio:1.6}
  .cv-page .agency-case__tile figcaption{gap:6px;padding:32px 10px 11px;font-size:.69rem}
  .cv-page .agency-case__tile figcaption span{font-size:.53rem}
  .cv-page .agency-case__note{font-size:.68rem}
  .cv-page .agency-video{grid-template-columns:1fr;gap:24px;margin-top:38px;padding-top:35px}
  .cv-page .agency-video__copy h3{font-size:2rem}
  .cv-page .agency-video__copy>p:not(.cv-section-label){margin:17px 0;font-size:.9rem}
  .cv-page .agency-video__play-label{bottom:13px;left:13px;right:13px;gap:10px;font-size:.75rem}
  .cv-page .agency-video__play-icon{width:42px;height:42px}
  .cv-page .agency-selector{margin-top:33px}
  .cv-page .agency-selector>summary{font-size:1rem;min-height:83px}
  .cv-page .agency-selector__body{grid-template-columns:1fr;gap:24px}
  .cv-page .agency-selector__preview figcaption{padding-bottom:0}
}
@media(prefers-reduced-motion:reduce){.cv-page .agency-case__tile>img,.cv-page .agency-video__play-icon,.cv-page .agency-selector__plus{transition:none}.cv-page .agency-case__tile:hover>img{transform:none}}