@charset "UTF-8";
.agency-page { --agency-black:#161616; --agency-cream:#f5f5f1; --agency-line:#d9d9d3; font-family:"Manrope",Arial,sans-serif; background:var(--agency-cream); color:var(--agency-black); overflow:hidden; }
.agency-page h1,.agency-page h2,.agency-page h3,.agency-page p { margin:0; }
.agency-page .wrap { width:100%; max-width:none; padding-inline:clamp(25px,5.5vw,110px); }
.agency-page .agency-small-index { display:block; font-size:11px; font-weight:800; letter-spacing:.16em; line-height:1.6; text-transform:uppercase; }
.agency-hero { min-height:calc(100svh - var(--header-rest-height,148px)); background:#f5f5f1; }
.agency-hero-wrap { display:flex; flex-direction:column; min-height:inherit; }
.agency-hero-top { display:flex; align-items:center; gap:11px; padding-block:24px; border-bottom:1px solid var(--agency-line); color:#5e5e59; font-size:12px; font-weight:650; }
.agency-hero-top a { transition:color .25s ease; }
.agency-hero-top a:hover { color:#000; }
.agency-hero-top .agency-hero-index { margin-left:auto; color:#888883; font-size:10px; letter-spacing:.14em; }
.agency-hero-grid { display:grid; grid-template-columns:minmax(0,1.17fr) minmax(330px,.83fr); align-items:stretch; gap:clamp(36px,5.5vw,105px); flex:1; padding-block:clamp(40px,5vw,80px); }
.agency-hero-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-width:0; padding-bottom:clamp(8px,2vw,32px); }
.agency-kicker { display:inline-flex; align-items:center; gap:12px; margin-bottom:clamp(22px,3vw,52px); font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.agency-kicker i { width:7px; height:7px; border-radius:50%; background:#171717; }
.agency-hero h1 { max-width:980px; font-size:clamp(54px,6.1vw,112px); font-weight:760; line-height:1.03; letter-spacing:-.077em; text-wrap:balance; }
.agency-hero-copy > p { max-width:650px; margin-top:clamp(22px,3vw,45px); color:#5f5f5a; font-size:clamp(16px,1.4vw,20px); line-height:1.65; }
.agency-round-link { display:grid; place-items:center; width:62px; height:62px; margin-top:clamp(26px,3.5vw,60px); border:1px solid #9c9c96; border-radius:50%; font-size:28px; transition:color .35s,background .35s,transform .45s; }
.agency-round-link:hover { color:#fff; background:#161616; transform:translateY(5px); }
.agency-hero-art { position:relative; display:grid; place-items:center; min-width:0; min-height:clamp(440px,45vw,680px); overflow:hidden; background:#e9e9e3; isolation:isolate; }
.agency-page--about .agency-hero-art { background:radial-gradient(circle at 50% 38%,#f9f9f5 0,#e9e9e3 70%); }
.agency-cat-mark { position:relative; z-index:2; width:83%; max-width:570px; max-height:85%; object-fit:contain; filter:drop-shadow(0 18px 20px #00000016); animation:agency-cat-float 7s ease-in-out infinite; }
.agency-art-ring { position:absolute; z-index:0; width:90%; aspect-ratio:1; border:1px solid #16161620; border-radius:50%; }
.agency-art-ring-one { transform:scale(.78); }
.agency-art-ring-two { transform:scale(1.34); }
.agency-art-caption { position:absolute; z-index:3; bottom:26px; left:30px; font-size:10px; font-weight:800; letter-spacing:.17em; }
.agency-editorial-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.agency-page--career .agency-hero-art::after,.agency-page--academy .agency-hero-art::after { content:""; position:absolute; inset:55% 0 0; background:linear-gradient(transparent,#0009); pointer-events:none; }
.agency-image-label { position:absolute; z-index:2; right:25px; bottom:25px; left:25px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px 20px; border:1px solid #ffffff70; color:#fff; background:#14141475; backdrop-filter:blur(15px); font-size:11px; font-weight:800; letter-spacing:.17em; }
.agency-image-label b { font-size:21px; line-height:1; }
.agency-brand-showcase { display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; padding:clamp(22px,3vw,48px); color:#f8f8f5; background:#171b1d; }
.agency-browser { overflow:hidden; border:1px solid #ffffff33; border-radius:9px; background:#121820; box-shadow:0 23px 60px #0008; }
.agency-browser-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; height:39px; padding-inline:15px; border-bottom:1px solid #ffffff2b; color:#aeb8bc; background:#22292c; }
.agency-browser-bar > span { display:flex; gap:5px; }
.agency-browser-bar i { display:block; width:6px; height:6px; border-radius:50%; background:#859097; }
.agency-browser-bar b { font-size:8px; font-weight:750; letter-spacing:.16em; }
.agency-browser > img { width:100%; aspect-ratio:1.65; object-fit:cover; object-position:center top; }
.agency-brand-showcase-foot { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:34px; }
.agency-brand-showcase-foot img { width:155px; height:70px; object-fit:contain; }
.agency-brand-showcase-foot span { max-width:190px; color:#adb7b8; font-size:12px; line-height:1.5; }
@keyframes agency-cat-float { 50% { transform:translateY(-11px); } }
.agency-brand-art,.agency-career-art,.agency-academy-art { display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; padding:clamp(28px,5vw,72px); }
.agency-brand-art { position:relative; background:#171717; color:#f5f5f0; }
.agency-brand-art::before,.agency-career-art::before,.agency-academy-art::before { content:""; position:absolute; inset:10%; border:1px solid currentColor; opacity:.13; border-radius:50%; transform:scale(1.35); pointer-events:none; }
.agency-brand-art > span { font-size:clamp(22px,3vw,48px); letter-spacing:-.06em; }
.agency-brand-art strong { position:relative; z-index:1; max-width:530px; font-size:clamp(56px,6vw,105px); line-height:1; font-weight:800; letter-spacing:-.085em; }
.agency-brand-art strong span { color:#aaa9a2; }
.agency-brand-art i { position:absolute; right:8%; bottom:5%; font-size:clamp(86px,10vw,165px); font-style:normal; font-weight:300; line-height:1; }
.agency-career-art { position:relative; align-items:flex-start; color:#f7f7f2; background:#252525; }
.agency-career-art > span { position:relative; z-index:2; margin-bottom:23px; font-size:12px; font-weight:800; letter-spacing:.2em; }
.agency-career-art strong { position:relative; z-index:2; font-size:clamp(59px,7vw,118px); font-weight:800; letter-spacing:-.085em; line-height:.95; overflow-wrap:anywhere; }
.agency-career-art i { position:absolute; right:2%; bottom:-19%; color:#ffffff15; font-size:clamp(300px,36vw,680px); font-style:normal; font-weight:300; line-height:1; }
.agency-academy-art { position:relative; color:#161616; background:#e5e5de; }
.agency-academy-art > span { position:relative; z-index:2; font-size:clamp(21px,3vw,42px); font-weight:850; letter-spacing:-.07em; }
.agency-academy-art strong { position:relative; z-index:2; font-size:clamp(53px,6vw,105px); font-weight:800; line-height:1; letter-spacing:-.085em; overflow-wrap:anywhere; }
.agency-academy-art strong span { display:inline-block; margin-left:.12em; font-size:.5em; vertical-align:top; }
.agency-academy-art small { position:relative; z-index:2; margin-top:24px; font-size:11px; font-weight:800; letter-spacing:.22em; }
.agency-hero-bottom { display:flex; justify-content:space-between; gap:25px; padding:21px 0 25px; border-top:1px solid var(--agency-line); color:#71716a; font-size:10px; font-weight:800; letter-spacing:.15em; }
.agency-hero-bottom b { margin-left:10px; color:#141414; font-size:16px; }
.agency-section { padding-block:clamp(95px,11vw,180px); }
.agency-section-head { max-width:900px; margin-bottom:clamp(46px,6vw,90px); }
.agency-section-head h2,.agency-sticky-label h2 { margin-top:19px; font-size:clamp(45px,5vw,82px); font-weight:750; line-height:1.07; letter-spacing:-.068em; text-wrap:balance; }
.agency-section-head p { max-width:610px; margin-top:28px; color:#666660; font-size:clamp(16px,1.4vw,19px); line-height:1.7; }
.agency-section-head-split { display:grid; grid-template-columns:1fr 2.1fr; gap:7%; max-width:none; }
.agency-section-head-split > .agency-small-index { padding-top:12px; }
.agency-about-body { background:#171717; color:#f7f7f2; }
.agency-about-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(65px,11vw,200px); align-items:start; }
.agency-sticky-label { position:sticky; top:140px; }
.agency-sticky-label h2 { max-width:700px; margin-top:32px; }
.agency-line { width:100%; max-width:350px; height:1px; margin-top:40px; background:#ffffff50; }
.agency-outline-word { display:block; margin-top:44px; color:transparent; font-size:clamp(130px,19vw,300px); font-weight:850; line-height:.85; letter-spacing:-.12em; -webkit-text-stroke:1px #ffffff38; }
.agency-prose { color:#55554f; font-size:clamp(16px,1.35vw,20px); line-height:1.95; }
.agency-prose p { margin:0 0 1.45em; }
.agency-prose p:last-child { margin-bottom:0; }
.agency-about-body .agency-prose { color:#c8c8c1; }
.agency-work-section { background:#eaeae4; }
.agency-work-gallery { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); gap:clamp(14px,1.8vw,30px); }
.agency-work-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid #d1d1ca; color:#181818; background:#f5f5f1; transition:border-color .35s,transform .55s cubic-bezier(.22,1,.36,1); }
.agency-work-card:hover { border-color:#8d8d85; transform:translateY(-6px); }
.agency-work-card-top { display:flex; justify-content:space-between; gap:15px; padding:20px clamp(20px,2.3vw,36px); border-bottom:1px solid #d8d8d1; font-size:10px; font-weight:800; letter-spacing:.15em; }
.agency-work-card-top span:last-child { color:#81817a; }
.agency-work-stage { display:grid; position:relative; place-items:center; height:clamp(310px,36vw,560px); overflow:hidden; }
.agency-work-stage-web { padding:clamp(22px,3.5vw,56px); background:radial-gradient(circle at 50% 65%,#343c3e 0,#151b1e 50%,#0d1113 100%); }
.agency-work-stage-web::before { content:""; position:absolute; width:85%; aspect-ratio:1; border:1px solid #ffffff16; border-radius:50%; transform:scale(1.28); }
.agency-work-browser { position:relative; z-index:1; width:100%; overflow:hidden; border:1px solid #ffffff45; border-radius:8px; background:#07121b; box-shadow:0 28px 55px #0007; transition:transform .65s cubic-bezier(.22,1,.36,1); }
.agency-work-card:hover .agency-work-browser { transform:translateY(-7px) scale(1.015); }
.agency-work-browser-bar { display:flex; align-items:center; justify-content:space-between; height:33px; padding:0 14px; border-bottom:1px solid #ffffff25; color:#bbc1c2; background:#242b2e; }
.agency-work-browser-bar > span { display:flex; gap:5px; }
.agency-work-browser-bar i { width:6px; height:6px; border-radius:50%; background:#7b878a; }
.agency-work-browser-bar small { font-size:9px; font-weight:600; letter-spacing:.06em; }
.agency-work-browser img { display:block; width:100%; height:auto; aspect-ratio:1.86; object-fit:cover; object-position:top; }
.agency-work-stage-design { isolation:isolate; background:radial-gradient(ellipse at 50% 43%,#796958 0,#4e4036 48%,#302720 100%); }
.agency-work-stage-design::before { content:""; position:absolute; inset:13% 8% 10%; border:1px solid #ffffff1c; border-radius:50%; box-shadow:0 0 0 65px #ffffff08; }
.agency-work-stage-design::after { content:""; position:absolute; right:0; bottom:8%; left:0; height:1px; background:#e7d9c447; box-shadow:0 16px 28px 18px #100b0866; }
.agency-work-product { position:absolute; z-index:2; width:auto; max-width:none; object-fit:contain; filter:drop-shadow(0 18px 18px #130d0a55); transition:transform .7s cubic-bezier(.22,1,.36,1); }
.agency-work-product-left { bottom:12%; left:-24%; height:67%; transform:rotate(-9deg); }
.agency-work-product-right { bottom:12%; right:-24%; height:67%; transform:rotate(9deg); }
.agency-work-product-main { z-index:3; bottom:7%; left:50%; height:86%; transform:translateX(-50%); }
.agency-work-card:hover .agency-work-product-left { transform:translate(-7px,-7px) rotate(-11deg); }
.agency-work-card:hover .agency-work-product-right { transform:translate(7px,-7px) rotate(11deg); }
.agency-work-card:hover .agency-work-product-main { transform:translate(-50%,-12px); }
.agency-work-product-label,.agency-work-product-index { position:absolute; z-index:4; color:#f6eee2; font-size:9px; font-weight:800; line-height:1.5; letter-spacing:.15em; }
.agency-work-product-label { top:23px; left:25px; }
.agency-work-product-index { right:25px; bottom:20px; }
.agency-work-card-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; min-height:135px; padding:27px clamp(20px,2.3vw,36px) 31px; }
.agency-work-card-bottom > div { display:flex; flex-direction:column; gap:10px; }
.agency-work-card-bottom > div > span { color:#767670; font-size:10px; font-weight:800; letter-spacing:.13em; }
.agency-work-card-bottom strong { font-size:clamp(25px,2.65vw,42px); font-weight:750; letter-spacing:-.055em; line-height:1.1; }
.agency-work-arrow { display:grid; flex:none; place-items:center; width:46px; height:46px; border:1px solid #a4a49d; border-radius:50%; font-size:23px; font-weight:350; transition:color .3s,background .3s,transform .3s; }
.agency-work-card:hover .agency-work-arrow { color:#fff; background:#181818; transform:rotate(45deg); }
.agency-work-foot { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:28px; font-size:13px; }
.agency-work-foot > span { color:#707069; }
.agency-work-foot a { display:inline-flex; align-items:center; gap:18px; border-bottom:1px solid #20201c; padding-bottom:6px; font-weight:750; transition:gap .3s; }
.agency-work-foot a:hover { gap:25px; }
.agency-work-foot a span { font-size:20px; font-weight:400; line-height:1; }
.agency-facts { padding-block:clamp(80px,9vw,150px); }
.agency-facts-head { display:flex; justify-content:space-between; gap:30px; margin-bottom:55px; }
.agency-facts-head p { max-width:440px; font-size:clamp(20px,2vw,32px); font-weight:650; line-height:1.3; letter-spacing:-.04em; }
.agency-facts-grid { display:grid; grid-template-columns:1fr 1fr .8fr; border-top:1px solid #bdbdb5; border-bottom:1px solid #bdbdb5; }
.agency-fact { display:flex; flex-direction:column; justify-content:space-between; min-height:270px; padding:32px 32px 30px 0; }
.agency-fact + .agency-fact { padding-left:clamp(22px,3vw,60px); border-left:1px solid #bdbdb5; }
.agency-fact strong { font-size:clamp(80px,9vw,158px); font-weight:750; letter-spacing:-.09em; line-height:1; }
.agency-fact strong span { font-size:.26em; font-weight:700; letter-spacing:-.04em; }
.agency-fact > span { color:#74746e; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; }
.agency-fact-link { padding-right:0; }
.agency-fact-link a { display:flex; flex-direction:column; justify-content:space-between; flex:1; font-size:clamp(21px,2vw,34px); font-weight:700; line-height:1.25; letter-spacing:-.05em; }
.agency-fact-link b { align-self:flex-end; font-size:70px; font-weight:350; line-height:1; transition:transform .4s; }
.agency-fact-link a:hover b { transform:translate(7px,-7px); }
.agency-process { background:#e9e9e3; }
.agency-process-list { border-top:1px solid #c4c4bc; }
.agency-process-row { display:grid; grid-template-columns:.25fr 1fr 1.2fr auto; align-items:center; gap:4%; padding-block:30px; border-bottom:1px solid #c4c4bc; }
.agency-process-row > span { font-size:12px; font-weight:800; }
.agency-process-row h3 { font-size:clamp(22px,2.4vw,38px); font-weight:700; letter-spacing:-.05em; }
.agency-process-row p { max-width:480px; color:#686861; font-size:15px; line-height:1.6; }
.agency-process-row i { font-size:32px; font-style:normal; }
.agency-brands-section { padding-bottom:clamp(90px,10vw,150px); }
.agency-brand-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--agency-line); border-left:1px solid var(--agency-line); }
.agency-brand-cell { display:flex; position:relative; flex-direction:column; justify-content:space-between; align-items:center; min-height:clamp(230px,22vw,340px); padding:25px; border-right:1px solid var(--agency-line); border-bottom:1px solid var(--agency-line); transition:background .45s; }
.agency-brand-cell:hover { background:#fff; }
.agency-brand-cell img { width:min(77%,300px); height:125px; margin:auto; object-fit:contain; filter:grayscale(1); opacity:.62; transition:filter .5s,opacity .5s,transform .5s; }
.agency-brand-cell img[src*="ofisostim-transparent"] { transform:scale(1.24); }
.agency-brand-cell:hover img[src*="ofisostim-transparent"] { transform:scale(1.3); }
.agency-brand-cell:hover img { filter:grayscale(0); opacity:1; transform:scale(1.045); }
.agency-brand-number,.agency-brand-name { align-self:flex-start; color:#85857d; font-size:10px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.agency-brand-name { align-self:flex-end; }
.agency-brand-foot { display:flex; align-items:center; justify-content:space-between; gap:30px; padding-top:31px; color:#696963; font-size:13px; }
.agency-brand-editorial { max-width:850px; margin-top:42px; }
.agency-brand-foot a,.agency-inline-link { display:inline-flex; align-items:center; gap:25px; padding-bottom:7px; border-bottom:1px solid currentColor; color:#161616; font-weight:750; transition:gap .3s; }
.agency-brand-foot a:hover,.agency-inline-link:hover { gap:34px; }
.agency-brand-foot b,.agency-inline-link span { font-size:22px; font-weight:400; line-height:1; }
.agency-career-section { background:#e9e9e3; }
.agency-career-list { border-top:1px solid #bdbdb5; }
.agency-career-row { display:grid; grid-template-columns:80px 1fr 40px; align-items:center; min-height:140px; border-bottom:1px solid #bdbdb5; }
.agency-career-row > span:first-child { font-size:12px; font-weight:800; }
.agency-career-row h3 { font-size:clamp(28px,3.5vw,58px); font-weight:700; letter-spacing:-.06em; }
.agency-career-row > span:last-child { font-size:29px; font-weight:300; }
.agency-career-note-grid { display:grid; grid-template-columns:1fr 1fr; gap:10%; }
.agency-career-note h2,.agency-academy-note h2 { max-width:700px; margin-top:25px; font-size:clamp(43px,4.8vw,76px); font-weight:750; line-height:1.08; letter-spacing:-.065em; }
.agency-career-note p { margin-top:24px; color:#62625c; font-size:16px; line-height:1.75; }
.agency-career-note .agency-inline-link { margin-top:24px; font-size:clamp(17px,2vw,24px); overflow-wrap:anywhere; }
.agency-academy-section { background:#eaeae4; }
.agency-academy-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#c4c4bd; border:1px solid #c4c4bd; }
.agency-academy-card { display:flex; flex-direction:column; min-height:450px; padding:clamp(28px,3vw,50px); background:#eaeae4; transition:background .35s; }
.agency-academy-card:hover { background:#f8f8f4; }
.agency-academy-card > span { font-size:10px; font-weight:800; letter-spacing:.16em; }
.agency-academy-card-image { width:100%; height:clamp(170px,16vw,250px); margin:32px 0 auto; overflow:hidden; background:#f9f9f6; }
.agency-academy-card-image img { width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.22,1,.36,1); }
.agency-academy-card:hover .agency-academy-card-image img { transform:scale(1.055); }
.agency-academy-card:first-child .agency-academy-card-image img { object-fit:contain; }
.agency-academy-glyph { display:grid; place-items:center; width:92px; height:92px; margin:auto 0 40px; border:1px solid #9a9a92; border-radius:50%; font-size:45px; font-weight:300; }
.agency-academy-card h3 { margin-top:30px; font-size:clamp(27px,2.5vw,42px); font-weight:750; line-height:1.1; letter-spacing:-.055em; }
.agency-academy-card p { max-width:340px; margin-top:17px; color:#676760; font-size:15px; line-height:1.65; }
.agency-academy-note-grid { display:grid; grid-template-columns:1fr 2.1fr; gap:7%; }
.agency-academy-note-grid > .agency-small-index { padding-top:12px; }
.agency-academy-note h2 { margin:0 0 34px; }
.agency-academy-note .agency-prose { max-width:700px; }
.agency-academy-note .agency-inline-link { margin-top:35px; }
.agency-cta { padding-block:clamp(70px,8vw,135px); color:#f7f7f2; background:#171717; }
.agency-cta a { display:flex; align-items:flex-end; justify-content:space-between; gap:50px; margin-top:35px; }
.agency-cta h2 { max-width:1250px; font-size:clamp(52px,7vw,118px); font-weight:750; line-height:1.02; letter-spacing:-.075em; text-wrap:balance; }
.agency-cta a > span { font-size:clamp(68px,8vw,130px); font-weight:300; line-height:.8; transition:transform .35s; }
.agency-cta a:hover > span { transform:translate(10px,-10px); }
.agency-related { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-block:35px; }
.agency-related a { display:flex; justify-content:space-between; gap:15px; padding:15px 20px 15px 0; border-right:1px solid var(--agency-line); font-size:15px; font-weight:750; transition:padding .3s,color .3s; }
.agency-related a + a { padding-left:20px; }
.agency-related a:last-child { border-right:0; }
.agency-related a:hover { color:#6e6e66; padding-right:12px; }
.agency-related a[aria-current="page"] { color:#888881; }
.agency-related span { font-size:20px; font-weight:400; }
@media(max-width:1100px){
  .agency-hero-grid { grid-template-columns:minmax(0,1fr) minmax(290px,.82fr); gap:35px; }
  .agency-hero h1 { font-size:clamp(53px,6.3vw,80px); }
  .agency-hero-art { min-height:480px; }
  .agency-about-grid { gap:60px; }
  .agency-fact { min-height:220px; }
  .agency-fact strong { font-size:clamp(70px,8vw,110px); }
}
@media(max-width:760px){
  .agency-page .wrap { padding-inline:clamp(20px,5.8vw,34px); }
  .agency-hero { min-height:auto; }
  .agency-hero-top { padding-block:16px; font-size:11px; }
  .agency-hero-index { display:none; }
  .agency-hero-grid { grid-template-columns:1fr; gap:32px; padding-block:47px 24px; }
  .agency-hero-copy { padding:0; }
  .agency-kicker { margin-bottom:25px; font-size:10px; }
  .agency-hero h1 { font-size:clamp(48px,10.8vw,78px); }
  .agency-hero-copy > p { margin-top:26px; font-size:15px; }
  .agency-round-link { width:52px; height:52px; margin-top:29px; font-size:23px; }
  .agency-hero-art { min-height:355px; }
  .agency-browser > img { aspect-ratio:1.7; }
  .agency-brand-showcase-foot { margin-top:20px; }
  .agency-brand-showcase-foot img { width:120px; height:55px; }
  .agency-brand-showcase-foot span { font-size:10px; }
  .agency-image-label { right:16px; bottom:16px; left:16px; padding:13px; font-size:9px; }
  .agency-cat-mark { width:77%; max-height:320px; }
  .agency-brand-art,.agency-career-art,.agency-academy-art { padding:34px; }
  .agency-brand-art strong,.agency-career-art strong,.agency-academy-art strong { font-size:clamp(50px,11vw,78px); }
  .agency-hero-bottom { padding-block:18px; font-size:9px; }
  .agency-section { padding-block:80px; }
  .agency-section-head,.agency-section-head-split { display:block; margin-bottom:42px; }
  .agency-section-head h2,.agency-sticky-label h2 { font-size:clamp(42px,9vw,62px); }
  .agency-section-head-split > .agency-small-index { padding:0; }
  .agency-about-grid,.agency-career-note-grid,.agency-academy-note-grid { grid-template-columns:1fr; gap:40px; }
  .agency-sticky-label { position:static; }
  .agency-outline-word { display:none; }
  .agency-line { margin-top:25px; }
  .agency-prose { font-size:16px; }
  .agency-work-gallery { grid-template-columns:1fr; gap:18px; }
  .agency-work-stage { height:clamp(280px,65vw,440px); }
  .agency-work-card-bottom { min-height:115px; }
  .agency-work-foot { align-items:flex-start; flex-direction:column; }
  .agency-facts-head { display:block; margin-bottom:30px; }
  .agency-facts-head p { margin-top:22px; }
  .agency-facts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .agency-fact { min-height:190px; padding:25px 15px 24px 0; }
  .agency-fact + .agency-fact { padding-left:20px; }
  .agency-fact strong { font-size:clamp(60px,12vw,95px); }
  .agency-fact > span { font-size:10px; }
  .agency-fact-link { grid-column:1/-1; min-height:130px; padding-left:0!important; border-top:1px solid #bdbdb5; border-left:0!important; }
  .agency-fact-link a { flex-direction:row; align-items:flex-end; }
  .agency-fact-link b { font-size:62px; }
  .agency-process-row { grid-template-columns:40px 1fr 25px; gap:14px; padding-block:24px; }
  .agency-process-row h3 { font-size:25px; }
  .agency-process-row p { grid-column:2; font-size:13px; }
  .agency-process-row i { grid-column:3; grid-row:1; font-size:23px; }
  .agency-brand-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .agency-brand-cell { min-height:210px; padding:18px; }
  .agency-brand-cell img { width:84%; height:90px; }
  .agency-brand-foot { align-items:flex-start; flex-direction:column; }
  .agency-career-row { min-height:110px; grid-template-columns:44px 1fr 28px; }
  .agency-career-row h3 { font-size:clamp(25px,5.8vw,38px); }
  .agency-career-note h2,.agency-academy-note h2 { font-size:clamp(40px,8vw,60px); }
  .agency-academy-grid { grid-template-columns:1fr; }
  .agency-academy-card { min-height:310px; }
  .agency-academy-card-image { height:200px; margin-top:22px; }
  .agency-academy-glyph { width:70px; height:70px; margin:35px 0; font-size:32px; }
  .agency-cta a { gap:18px; }
  .agency-cta h2 { font-size:clamp(45px,9vw,70px); }
  .agency-cta a > span { font-size:65px; }
  .agency-related { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .agency-related a { border-bottom:1px solid var(--agency-line); }
  .agency-related a:nth-child(2) { border-right:0; }
  .agency-related a:nth-child(3) { padding-left:0; border-bottom:0; }
  .agency-related a:nth-child(4) { border-bottom:0; }
}
@media(max-width:420px){
  .agency-hero h1 { font-size:45px; }
  .agency-hero-art { min-height:300px; }
  .agency-brand-art strong,.agency-career-art strong,.agency-academy-art strong { font-size:48px; }
  .agency-brand-cell { min-height:175px; }
  .agency-brand-cell img { height:75px; }
  .agency-brand-name { font-size:8px; }
  .agency-fact strong { font-size:60px; }
  .agency-related a { font-size:12px; }
}
@media(prefers-reduced-motion:reduce){ .agency-cat-mark { animation:none; } .agency-page * { scroll-behavior:auto; } }