@font-face{font-family:Archivo;src:url('assets/archivo-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Archivo;src:url('assets/archivo-bold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--surface:#f8f6ef;--surface-muted:#eae8df;--text:#242620;--text-secondary:#5d6057;--accent:#243ce2;--accent-dark:#192caf;--on-accent:#f8f6ef;--border:#cecec2;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--surface);color:var(--text);font-family:Archivo,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3,p,figure{margin:0}h1,h2,h3,strong{font-weight:800}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a.button,.explore,.nav-link,.next-link{transition:transform 140ms var(--ease)}button:active,a.button:active,.explore:active,.nav-link:active,.next-link:active{transform:translateY(2px)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--accent)}.blue-world :focus-visible{box-shadow:0 0 0 3px var(--accent),0 0 0 5px var(--surface)}[hidden]{display:none!important}.wrap{width:calc(100% - 96px);max-width:1440px;margin-inline:auto}.skip,.sr-only,.show-all-examples{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus,.show-all-examples:focus{clip:auto;width:auto;height:auto;background:var(--surface);color:var(--accent);padding:16px;z-index:30;top:8px;left:8px}.blue-world{background:var(--accent);color:var(--on-accent)}.header{display:flex;align-items:center;justify-content:space-between;padding-block:32px}.wordmark{font-size:28px;font-weight:800;line-height:.84;letter-spacing:-1.6px;display:block;width:136px}.wordmark>span{display:block}.wordmark>span:last-child{position:relative;padding-top:4px}.wordmark-line{display:inline-block;width:28px;height:3px;margin-left:4px;background:currentColor;vertical-align:middle}.header-note{font-size:14px;line-height:1.35;margin-right:auto;margin-left:64px}.nav-link{font-size:16px;border-bottom:1px solid #f8f6ef66;padding-bottom:8px;display:flex;gap:24px;align-items:center}.hero{padding-top:64px;padding-bottom:48px}.hero-intro{font-size:clamp(20px,2.5vw,32px);line-height:1.2;margin-bottom:32px}.hero-poster{position:relative}.hero h1{font-size:clamp(90px,17.1vw,244px);line-height:.82;letter-spacing:-.04em}.hero h1>span{display:block}.hero h1>span+span{margin-top:16px}.hero-photo{position:absolute;right:0;top:-16px;width:35%;height:43%;}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:55% 44%;display:block}.hero-photo figcaption{position:absolute;left:12px;bottom:12px;font-size:12px;line-height:1.2;background:var(--surface);color:var(--text);padding:8px 12px}.shared-line{position:absolute;width:20%;left:40%;top:22%;height:3px;background:currentColor;transform-origin:left}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:48px;padding-top:24px;border-top:1px solid #f8f6ef55;gap:32px}.hero-bottom p{max-width:440px;font-size:20px;line-height:1.4}.explore{display:flex;gap:48px;align-items:center;font-size:16px;white-space:nowrap}.explore span{font-size:32px;line-height:1}.partnership{padding-top:96px;padding-bottom:96px}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:24px 48px;margin-bottom:64px}.eyebrow{font-size:14px;color:var(--text-secondary)}h2{font-size:clamp(36px,4.4vw,64px);letter-spacing:-.03em;line-height:1.04}.section-heading h2{grid-column:2}.section-deck{grid-column:2;max-width:420px;font-size:20px;line-height:1.4;color:var(--text-secondary)}.work-pin{display:grid;grid-template-columns:1fr 1.7fr;gap:64px}.work-tabs{border-top:1px solid var(--border)}.work-tabs button{display:flex;width:100%;gap:16px;align-items:baseline;text-align:left;background:none;color:var(--text-secondary);border:0;border-bottom:1px solid var(--border);padding:24px 0}.tab-number{font-size:12px;font-variant-numeric:tabular-nums}.work-tabs strong{font-size:28px;letter-spacing:-.04em;line-height:1.2}.work-tabs small{display:block;font-size:14px;font-weight:400;margin-top:8px;line-height:1.4}.tab-arrow{margin-left:auto;opacity:0;font-size:24px}.work-tabs [aria-selected=true]{color:var(--accent)}.work-tabs [aria-selected=true] .tab-arrow{opacity:1}.work-note{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-top:32px}.work-stage{position:relative;height:504px;background:var(--surface-muted);overflow:hidden;touch-action:pan-y}.scene{width:100%;height:100%;position:relative;overflow:hidden}.work-caption{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin-top:16px;line-height:1.4}.work-caption #scene-count{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-secondary)}.example-note{font-size:12px;color:var(--text-secondary);margin-top:8px}.mobile-work-heading,.mobile-work-progress,.stacked-title,.stacked-description{display:none}.artifact-top{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.06em}.wholesale-scene{padding:40px;display:flex;justify-content:center;align-items:center;background:#e3e2d8}.folio-back{background:var(--accent);color:var(--on-accent);width:60%;height:80%;position:absolute;left:8%;top:8%;transform:rotate(-8deg);padding:24px}.folio-back>span{font-size:10px;letter-spacing:.05em}.folio-back strong{display:block;font-size:28px;line-height:1.05;margin-top:48px;letter-spacing:-.04em}.buyer-letter{background:var(--surface);padding:24px 32px;width:76%;height:95%;max-width:340px;position:relative;transform:rotate(5deg) translate(24px,4px);box-shadow:0 5px 20px #24262012}.letter-to{display:block;font-size:12px;margin-top:32px;color:var(--text-secondary)}.buyer-letter h3{font-size:48px;line-height:.96;letter-spacing:-.035em;margin-top:16px}.buyer-letter p{font-size:14px;line-height:1.45;margin-top:24px}.letter-rule{margin-top:24px;height:1px;background:var(--border)}.letter-bottom{display:flex;justify-content:space-between;margin-top:16px;font-size:14px;line-height:1.2}.letter-bottom>span{font-size:32px}.campaign-scene{background:var(--accent);color:var(--on-accent);padding:32px}.campaign-poster{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:24px}.campaign-poster h3{font-size:clamp(52px,5.8vw,84px);letter-spacing:-.035em;line-height:.9;margin-top:24px}.campaign-bottom{display:flex;justify-content:space-between;align-items:end;font-size:16px;line-height:1.3;margin-top:auto}.campaign-bottom>span:last-child{font-size:76px;line-height:1}.poster-strip{position:absolute;bottom:0;left:0;right:0;padding:8px 32px;border-top:1px solid #f8f6ef55;font-size:10px;letter-spacing:.07em}.commerce-scene{background:#e3e2d8;padding:40px 48px}.store-window{background:var(--surface);position:relative;height:100%;padding:24px;max-width:400px;margin:auto}.window-bar{font-size:9px;display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border);gap:8px}.store-window h3{font-size:44px;line-height:.98;letter-spacing:-.05em;margin:24px 0}.store-window img{display:block;width:100%;height:40%;object-fit:cover;object-position:center 40%}.locator-row{display:flex;justify-content:space-between;font-size:12px;padding-top:16px}.commerce-stamp{position:absolute;right:16px;bottom:28px;background:var(--accent);color:var(--on-accent);padding:16px;transform:rotate(-8deg);font-weight:800;font-size:18px;line-height:1.05;letter-spacing:-.03em}.retention-scene{padding:32px 48px;background:#e4e3d9}.followup{background:var(--surface);padding:24px 32px;height:100%;max-width:400px;margin:auto;color:var(--accent)}.followup h3{font-size:64px;line-height:.9;letter-spacing:-.035em;margin:24px 0 16px}.followup p{font-size:14px;line-height:1.4;color:var(--text)}.followup ul{list-style:none;margin:24px 0 0;padding:0;font-size:14px;color:var(--text)}.followup li{display:flex;gap:24px;border-top:1px solid var(--border);padding:8px 0}.followup li span{font-size:12px;color:var(--text-secondary)}.followup-signature{margin-top:16px;font-weight:800;display:flex;justify-content:space-between;font-size:20px;letter-spacing:-.03em}.scope{border-top:1px solid var(--border);padding-top:48px;padding-bottom:96px;display:grid;grid-template-columns:1fr 2fr;gap:48px}.scope-body h2{font-size:48px;margin-bottom:32px}.scope-lines p{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:16px 0;border-top:1px solid var(--border);font-size:16px;line-height:1.4;color:var(--text-secondary)}.scope-lines p span{color:var(--text);font-weight:800}.next{background:var(--accent);color:var(--on-accent);padding-block:64px}.next-layout{display:flex;justify-content:space-between;gap:48px;align-items:end}.next h2{font-size:48px;max-width:600px}.next-link{background:none;border:0;border-bottom:1px solid #f8f6ef88;color:inherit;display:flex;justify-content:space-between;align-items:center;gap:32px;text-align:left;font-size:20px;padding:16px 0;white-space:nowrap}.next-link span{font-size:32px}.footer-top{display:flex;justify-content:space-between;padding-top:48px;font-size:14px}.footer-brand{display:block;font-weight:800;color:var(--accent);font-size:clamp(80px,19.2vw,280px);letter-spacing:-.05em;line-height:.78;padding-block:64px}.footer-brand>span{display:block}.footer-brand>span+span{margin-top:16px;display:flex;justify-content:space-between}.footer-brand>span>span{font-size:.8em;font-weight:400;letter-spacing:0}.footer-bottom{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--text-secondary);padding-block:24px}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}
dialog{padding:32px;max-width:520px;width:calc(100% - 32px);border:0;background:var(--surface);color:var(--text)}dialog::backdrop{background:#111a22aa;backdrop-filter:blur(3px)}.modal-open{overflow:hidden}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.close-dialog{width:44px;height:44px;border:1px solid var(--border);background:none;font-size:20px;color:var(--text)}dialog h2{font-size:40px}dialog .dialog-note{font-size:14px;color:var(--text-secondary);margin:16px 0 32px}form{display:grid;gap:24px}label{font-size:14px;display:grid;gap:8px}input,select,textarea{width:100%;padding:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:0;font-size:16px}textarea{resize:vertical}.button{display:flex;justify-content:space-between;gap:24px;background:var(--accent);color:var(--on-accent);padding:16px 24px;border:0;font-size:16px}.text-link{display:block;background:none;border:0;text-decoration:underline;padding:16px 0;color:var(--text)}#brief-result h3{font-size:28px}#brief-result p{margin:16px 0}.small-note{font-size:12px;color:var(--text-secondary)}.sheet-handle{display:none}
@media(hover:hover) and (pointer:fine){.work-tabs button:hover{color:var(--accent)}.nav-link:hover,.explore:hover,.next-link:hover{opacity:.8}.footer-top a:hover,.footer-bottom a:hover{text-decoration:underline}.button:hover{background:var(--accent-dark)}}
@media(min-width:1600px){.hero h1{font-size:244px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{padding-top:48px}.hero-photo{top:-8px}.hero-photo figcaption{font-size:10px;padding:8px;left:8px;bottom:8px}.work-pin{grid-template-columns:1fr 1.5fr;gap:32px}.work-stage{height:460px}.work-tabs strong{font-size:24px}.work-tabs small{font-size:12px}.wholesale-scene{padding:24px}.buyer-letter{padding:24px;width:80%;transform:rotate(5deg) translate(12px,4px)}.buyer-letter h3{font-size:40px}.buyer-letter p{margin-top:16px}.letter-rule{margin-top:16px}.commerce-scene,.retention-scene{padding:32px}.store-window{padding:16px}.followup{padding:24px}.followup h3{font-size:56px}.next-layout{display:block}.next-link{margin-top:32px;max-width:400px;min-width:300px}.scope-body h2{font-size:40px}.scope-lines p{grid-template-columns:90px 1fr;gap:16px}}
@media(max-width:699px){html{scroll-padding-top:16px}.wrap{width:calc(100% - 40px)}.header{padding-block:24px}.wordmark{font-size:24px;width:120px;letter-spacing:-1.4px}.wordmark-line{width:24px;height:2px}.header-note{display:none}.nav-link{font-size:14px;gap:16px;padding-bottom:4px}.hero{padding-top:40px;padding-bottom:32px}.hero-intro{font-size:20px;max-width:280px;line-height:1.25;margin-bottom:32px}.hero h1{font-size:20.7vw;letter-spacing:-.04em;line-height:.88}.hero h1>span+span{margin-top:16px}.hero-photo{width:36%;height:44%;top:-4px}.hero-photo img{object-position:55% 50%}.hero-photo figcaption{display:none}.shared-line{left:44%;width:15%;top:23%;height:2px}.hero-bottom{display:block;margin-top:32px;padding-top:24px}.hero-bottom p{font-size:18px;line-height:1.35;max-width:330px}.explore{margin-top:24px;justify-content:space-between;max-width:none;font-size:14px}.explore span{font-size:24px}.partnership{padding-top:64px;padding-bottom:48px}.section-heading{display:block;margin-bottom:32px}.eyebrow{font-size:12px}.section-heading h2{font-size:36px;line-height:1.03;margin-top:24px;letter-spacing:-.04em}.section-deck{font-size:18px;margin-top:16px;max-width:330px}.work-pin{display:block}.work-nav{display:none}.mobile-work-heading{display:flex;justify-content:space-between;align-items:baseline;padding-top:8px;background:var(--surface);gap:16px}.mobile-work-heading h3{font-size:28px;line-height:1.2;letter-spacing:-.04em}.mobile-work-heading>span{font-size:12px;white-space:nowrap;color:var(--text-secondary);font-variant-numeric:tabular-nums}.mobile-work-progress{display:flex;gap:4px;margin:16px 0;background:var(--surface)}.mobile-work-progress span{height:2px;flex:1;background:var(--border)}.mobile-work-progress .is-current{background:var(--accent)}.work-stage{height:360px}.work-caption{font-size:12px;line-height:1.5;margin-top:12px;max-width:320px}.work-caption #scene-count{display:none}.example-note{font-size:10px;margin-top:8px}.is-scroll .work-pin{position:sticky;top:16px;background:var(--surface);padding-bottom:8px}.is-scroll{height:var(--story-height)}.work-visual{position:relative}.wholesale-scene{padding:24px}.folio-back{padding:16px;width:66%;left:8%;top:9%;height:80%}.folio-back>span{font-size:8px}.folio-back strong{font-size:24px;margin-top:32px}.buyer-letter{width:78%;height:95%;padding:16px 24px;transform:rotate(5deg) translate(16px,8px);max-width:290px}.artifact-top{font-size:8px}.letter-to{font-size:10px;margin-top:24px}.buyer-letter h3{font-size:36px;margin-top:12px}.buyer-letter p{font-size:12px;line-height:1.4;margin-top:16px}.letter-rule{margin-top:16px}.letter-bottom{font-size:12px;margin-top:12px}.letter-bottom>span{font-size:24px}.campaign-scene{padding:24px}.campaign-poster{padding-bottom:24px}.campaign-poster h3{font-size:52px;line-height:.92;margin-top:24px}.campaign-bottom{font-size:12px}.campaign-bottom>span:last-child{font-size:56px}.poster-strip{font-size:8px;padding:8px 24px}.commerce-scene{padding:24px 32px}.store-window{padding:16px}.window-bar{font-size:8px;padding-bottom:12px}.store-window h3{font-size:36px;margin:16px 0}.store-window img{height:40%}.locator-row{font-size:10px;padding-top:12px}.commerce-stamp{font-size:16px;padding:12px;right:8px;bottom:16px}.retention-scene{padding:24px}.followup{padding:16px 24px}.followup h3{font-size:48px;margin:16px 0 12px}.followup p{font-size:12px}.followup ul{margin-top:16px;font-size:12px}.followup li{padding:6px 0}.followup-signature{font-size:18px;margin-top:12px}.scope{padding-top:32px;padding-bottom:48px;display:block}.scope-body h2{font-size:36px;margin-top:24px;margin-bottom:24px}.scope-lines p{display:block;font-size:14px;padding:16px 0}.scope-lines p span{display:block;font-size:16px;margin-bottom:4px}.next{padding-block:48px}.next-layout{display:block}.next h2{font-size:36px}.next-link{font-size:18px;margin-top:24px;min-width:0;width:100%;padding:12px 0}.next-link span{font-size:28px}.footer-top{font-size:12px;padding-top:32px;gap:24px}.footer-top>span{max-width:180px}.footer-top a{white-space:nowrap}.footer-brand{font-size:22vw;padding-block:48px;letter-spacing:-.05em}.footer-bottom{display:block;font-size:10px;padding-block:16px}.footer-bottom a{display:block;margin-top:8px}dialog{margin:auto 0 0;width:100%;max-width:none;padding:24px;max-height:92dvh;overflow:auto;border-radius:16px 16px 0 0}.sheet-handle{display:block;width:32px;height:4px;border-radius:4px;background:var(--border);margin:0 auto 16px}.dialog-top{margin-bottom:16px}dialog h2{font-size:32px}dialog .dialog-note{margin:12px 0 24px}.is-stacked{height:auto}.is-stacked .work-pin{position:static}.is-stacked .work-stage{height:auto;background:none;overflow:visible}.is-stacked .scene{height:360px;margin-bottom:12px}.is-stacked .stacked-title{display:block;font-size:28px;letter-spacing:-.04em;margin:32px 0 16px}.is-stacked .stacked-description{display:block;font-size:12px;margin-bottom:32px}.is-stacked .mobile-work-heading,.is-stacked .mobile-work-progress,.is-stacked .work-caption{display:none}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.header{padding-block:20px}.hero{padding-top:32px}.hero-intro{font-size:18px}.hero-bottom p{font-size:16px}.section-heading h2,.scope-body h2,.next h2{font-size:32px}.work-stage,.is-stacked .scene{height:340px}.buyer-letter{padding:16px}.buyer-letter h3{font-size:32px}.letter-to{margin-top:16px}.buyer-letter p{font-size:11px}.campaign-poster h3{font-size:46px}.store-window h3{font-size:32px}.followup h3{font-size:42px}.followup{padding:16px}.next-link{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,a.button,.explore,.nav-link,.next-link{transition:opacity 100ms var(--ease)}button:active,a.button:active,.explore:active,.nav-link:active,.next-link:active{transform:none;opacity:.75}}
/* Mobile scenes use the available screen, rather than a fixed-height card. */
@media(max-width:699px){
  .is-scroll .work-pin{height:calc(100svh - 32px);min-height:0;padding-bottom:8px}
  .is-scroll .work-visual{height:100%;display:flex;flex-direction:column;min-height:0}
  .is-scroll .mobile-work-heading{flex:0 0 auto;padding-top:0}
  .is-scroll .mobile-work-progress{flex:0 0 auto;margin:12px 0}
  .is-scroll .work-stage{height:auto;flex:1 1 auto;min-height:0}
  .is-scroll .work-caption{flex:0 0 auto;margin-top:12px;max-width:none}
  .is-scroll .example-note{flex:0 0 auto;margin-top:4px}
  .is-scroll .campaign-poster h3{margin-block:auto;line-height:.96;font-size:clamp(46px,13.3vw,72px)}
  .is-scroll .campaign-bottom{margin-top:24px}
  .is-scroll .buyer-letter{height:90%;display:flex;flex-direction:column;justify-content:center;max-width:340px}
  .is-scroll .buyer-letter .artifact-top{margin-bottom:auto}
  .is-scroll .buyer-letter .letter-to{margin-top:24px}
  .is-scroll .buyer-letter h3{font-size:clamp(36px,10vw,54px)}
  .is-scroll .buyer-letter p{font-size:14px;margin-top:24px}
  .is-scroll .letter-rule{margin-top:auto}
  .is-scroll .letter-bottom{margin-top:16px;font-size:14px}
  .is-scroll .store-window{display:flex;flex-direction:column}
  .is-scroll .store-window h3{font-size:clamp(36px,10vw,54px);margin-block:24px}
  .is-scroll .store-window img{height:auto;min-height:0;flex:1;object-fit:cover}
  .is-scroll .locator-row{flex:0 0 auto;padding-top:16px}
  .is-scroll .followup{display:flex;flex-direction:column;justify-content:center}
  .is-scroll .followup .artifact-top{margin-bottom:auto}
  .is-scroll .followup h3{font-size:clamp(48px,15vw,72px);margin-top:24px}
  .is-scroll .followup p{font-size:14px}
  .is-scroll .followup ul{margin-top:32px;margin-bottom:auto;font-size:14px}
  .is-scroll .followup li{padding-block:12px}
  .is-scroll .followup-signature{margin-top:24px}
}

/* The same scroll-led story on wider screens; labels are optional navigation. */
@media(min-width:700px){
  .is-scroll{height:var(--story-height)}
  .is-scroll .work-pin{position:sticky;top:16px;height:calc(100svh - 32px);padding-block:8px;background:var(--surface)}
  .is-scroll .work-nav{align-self:center}
  .is-scroll .work-visual{display:flex;flex-direction:column;min-height:0}
  .is-scroll .work-stage{flex:1;min-height:0;height:auto}
  .is-scroll .work-caption,.is-scroll .example-note{flex:0 0 auto}
  .is-scroll .buyer-letter{height:85%;max-height:520px;display:flex;flex-direction:column}
  .is-scroll .buyer-letter .letter-rule{margin-top:auto}
  .is-scroll .campaign-poster h3{margin-block:auto}
  .is-scroll .campaign-bottom{margin-top:24px}
  .is-scroll .store-window{display:flex;flex-direction:column}
  .is-scroll .store-window img{height:auto;min-height:0;flex:1;object-fit:cover}
  .is-scroll .window-bar,.is-scroll .locator-row{flex:0 0 auto}
  .is-scroll .followup{display:flex;flex-direction:column}
  .is-scroll .followup h3{margin-top:auto}
  .is-scroll .followup-signature{margin-top:auto}
  .is-stacked .work-pin{display:block}
  .is-stacked .work-nav{display:none}
  .is-stacked .work-visual{max-width:820px;margin-inline:auto}
  .is-stacked .work-stage{height:auto;background:none;overflow:visible;touch-action:auto}
  .is-stacked .scene{height:504px;margin-bottom:16px}
  .is-stacked .stacked-title{display:block;font-size:32px;letter-spacing:-.03em;margin:32px 0 16px}
  .is-stacked .stacked-description{display:block;font-size:14px;margin-bottom:48px}
  .is-stacked .work-caption{display:none}
}

/* Polish: a clearer photograph, quieter chrome, and proportioned printed pieces. */
::selection{background:var(--text);color:var(--surface)}
.header-note{color:rgba(247,248,242,.8)}
.nav-link,.explore{min-height:44px}
.hero-photo{width:38%;height:47%;top:-8px}
.shared-line{width:15%}
.section-heading h2,.section-deck{text-wrap:balance}
.work-tabs button{position:relative}
.work-tabs small{color:var(--text-secondary)}
.work-tabs [aria-selected=true] small{color:var(--text)}
.tab-arrow{transition:opacity 140ms var(--ease),transform 180ms var(--ease);transform:translate(-4px,4px)}
.work-tabs [aria-selected=true] .tab-arrow{transform:translate(0,0)}
.artifact-top>span+span{display:none}
.is-scroll .buyer-letter{height:auto;max-height:90%;aspect-ratio:.7;justify-content:flex-start}
.is-scroll .buyer-letter .artifact-top{margin-bottom:0}
.is-scroll .buyer-letter .letter-to{margin-top:32px}
.is-scroll .buyer-letter p{margin-top:24px}
.is-scroll .buyer-letter .letter-rule{margin-top:auto}
.buyer-letter{box-shadow:0 2px 4px #24262005,0 8px 24px #24262008}
.is-scroll .followup{max-height:600px;margin-block:auto}
.work-visual{min-width:0}
.work-caption{min-height:40px;align-items:baseline}
.example-note{font-size:12px;line-height:1.4}
.scope-lines p:first-child{border-top:0;padding-top:0}
.footer-top a{display:inline-flex;align-items:center;min-height:44px}
.footer-bottom{align-items:baseline}
.footer-bottom a{font-size:12px;line-height:1.5}
button,a{touch-action:manipulation}
.wordmark,.footer-brand{transition:opacity 140ms var(--ease)}
.wordmark:active,.footer-brand:active{opacity:.75}
@media(hover:hover) and (pointer:fine){
  .explore span,.nav-link span,.next-link span{transition:transform 180ms var(--ease)}
  .explore:hover span{transform:translateY(4px)}
  .nav-link:hover span,.next-link:hover span{transform:translate(3px,-3px)}
}
@media(min-width:700px){
  .work-tabs small{max-width:27ch}
  .is-scroll .work-pin{height:min(820px,calc(100svh - 32px))}
  .work-caption{min-height:0}
  .scope{padding-top:48px}
}
@media(max-width:699px){
  .header{padding-block:24px}
  .hero{padding-top:24px;padding-bottom:24px}
  .hero-intro{margin-bottom:24px;max-width:none;text-wrap:balance}
  .hero h1{font-size:20.7vw}
  .hero-photo{position:relative;top:auto;right:auto;width:100%;height:clamp(128px,38vw,184px);margin-top:24px}
  .hero-photo img{object-position:50% 44%}
  .shared-line{display:none}
  .hero-bottom{margin-top:24px;padding-top:0;border-top:0}
  .hero-bottom p{font-size:18px;line-height:1.4;max-width:34ch}
  .explore{margin-top:16px}
  .section-heading h2{margin-top:16px}
  .section-deck{font-size:16px;line-height:1.45;max-width:30ch}
  .mobile-work-heading>span{font-size:14px}
  .work-caption{font-size:13px;line-height:1.4;min-height:36px}
  .example-note{font-size:12px}
  .artifact-top{font-size:10px;line-height:1.3}
  .folio-back>span{font-size:10px}
  .is-scroll .folio-back{height:64%;max-height:440px;top:50%;transform:translateY(-50%) rotate(-8deg)}
  .is-scroll .buyer-letter{width:90%;max-width:340px;min-height:380px;padding:24px;transform:rotate(4deg) translate(12px,4px)}
  .is-scroll .buyer-letter h3{font-size:clamp(32px,9.4vw,48px)}
  .is-scroll .buyer-letter .letter-to{margin-top:24px;font-size:12px}
  .is-scroll .buyer-letter p{font-size:14px;margin-top:16px}
  .is-scroll .buyer-letter .letter-bottom{font-size:13px}
  .is-scroll .campaign-poster h3{font-size:clamp(42px,12.8vw,72px)}
  .campaign-bottom{font-size:14px}
  .poster-strip{font-size:9px;letter-spacing:.05em}
  .scope>.eyebrow{margin-bottom:24px}
  .scope-lines p{font-size:16px;line-height:1.45}
  .footer-top{align-items:center}
  .footer-top>span{max-width:190px}
  .footer-bottom{font-size:12px}
}
@media(max-width:360px){
  .hero-bottom p{font-size:16px}
  .is-scroll .buyer-letter{padding:20px;min-height:360px}
  .is-scroll .buyer-letter h3{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
  .tab-arrow,.explore span,.nav-link span,.next-link span{transition:none!important;transform:none!important}
}

.footer-top{justify-content:flex-end}

/* Keep the page focused on the promise, examples and next step. */
.nav-link{border:0;padding-bottom:0}
.hero-bottom{border:0;padding-top:0}
.explore{font-size:16px}
.section-heading{display:block}
.section-heading h2{margin-top:0;max-width:900px}
.work-tabs,.work-tabs button{border:0}
.work-tabs button{padding-block:20px}
.next-link{background:var(--surface);color:var(--accent);border:0;padding:16px 24px;justify-content:center;font-size:18px;min-width:0;width:auto}
.footer-top{padding-top:24px}
.footer-bottom{border:0;padding-top:8px}
@media(max-width:700px){.next-link{width:100%}.hero-bottom .explore{margin-top:20px}}

.dialog-top{justify-content:flex-end}

.next-link{white-space:normal;text-align:center}

.hero-photo img{object-position:50% 90%}
@media(max-width:700px){.hero-photo img{object-position:50% 90%}}