@font-face{font-family:BatmipBook;src:url('assets/BATMIP1.41-Book.otf') format('opentype');font-display:swap}
@font-face{font-family:InterTight;src:url('assets/InterTight-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--font-body:InterTight,"Arial Narrow",Arial,sans-serif;--bg:#eaeae5;--ink:#17232d;--blue:#173f67;--orange:#d47f3f;--muted:#626a6f;--line:#d7d9d6;--panel:#e8eae7;--white:#fff;--pad:clamp(20px,3vw,32px);--max:min(66.666vw,1280px);--radius:14px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img{max-width:100%}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3,.numbers strong,.result-grid strong{font-family:var(--font-body);font-weight:400}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.skip{position:fixed;left:16px;top:-80px;background:var(--white);padding:10px 14px;z-index:100}.skip:focus{top:16px}
.site-header,main,footer{width:min(100%,var(--max));margin-inline:auto}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:24px var(--pad);border-bottom:1px solid var(--line)}
.brand{font-size:15px;font-weight:750;letter-spacing:.04em;line-height:1.2}.brand span{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:400;letter-spacing:0}
nav{display:flex;gap:30px;font-size:14px}nav a{padding:6px 0;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}nav a:hover{color:var(--blue);border-color:var(--blue)}
#menu{display:none;border:0;background:transparent;padding:8px 0}
.eyebrow,.project-kicker{font-size:12px;font-weight:700;letter-spacing:.11em;color:var(--blue)}

.hero{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:clamp(50px,8vw,110px);padding:54px var(--pad) 50px}
.hero-copy{padding-top:4px}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.035em;margin:22px 0 26px}.hero h1 span{color:var(--blue)}
.fact-reveal{display:block;max-width:680px;min-height:112px}.fact-label{display:block;margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.11em;color:var(--blue);text-transform:uppercase}.fact-text{display:block;font-family:var(--font-body);font-size:clamp(23px,2.7vw,36px);line-height:1.16;color:#70767a;transition:opacity .4s ease,transform .4s ease}.fact-text.leaving{opacity:0;transform:translateY(20px)}.fact-text.entering{opacity:0;transform:translateY(-20px)}
.hero-aside{position:relative;display:flex;flex-direction:column;gap:13px}.hero-portrait-link{display:block}.hero-portrait{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:22px}.hero-quote{font-family:var(--font-body);font-size:18px;line-height:1.15;color:var(--blue)}
.max-arrow{position:absolute;z-index:2;left:-82px;top:-24px;width:104px;height:108px;pointer-events:none}.max-arrow img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.max-arrow-loop{opacity:0;animation:arrowIn .8s ease 1.9s forwards}.max-arrow-intro{animation:arrowOut .8s ease 1.9s forwards}@keyframes arrowOut{to{opacity:0}}@keyframes arrowIn{to{opacity:1}}

.achievements{margin:0 var(--pad);padding:34px 0 0;border-top:1px solid var(--ink)}
.platform-results{margin-top:22px;border-bottom:1px solid var(--line)}.platform-row{display:grid;grid-template-columns:118px minmax(0,1fr);gap:30px;align-items:center;padding:28px 0;border-top:1px solid var(--line)}.platform-row:first-child{border-top:0}.platform-name{display:flex;align-items:flex-start;flex-direction:column}.platform-name img{display:block;max-width:100%;height:auto}.platform-name small{margin-top:8px;color:var(--muted);font-size:10px;line-height:1.25}.youtube-results .platform-name img,.tiktok-results .platform-name img{width:112px}
.numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0;overflow:visible}.numbers>div{min-width:0;overflow:visible}.numbers strong{display:inline-block;padding:.08em .05em .12em;margin:-.08em -.05em -.12em;font-size:clamp(38px,5vw,52px);line-height:1.14;letter-spacing:-.04em;font-variant-numeric:tabular-nums;transform-origin:left center;transition:transform .25s ease}.numbers strong.count-complete{transform:scale(1.07)}.numbers strong span{font-size:.55em;vertical-align:top}.numbers p{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.3}.youtube-results .numbers>div:first-child p b{color:var(--ink);font-weight:750}
.tiktok-results{align-items:start}.tiktok-numbers{row-gap:20px}.tiktok-numbers strong{font-size:36px}
.youtube-results .numbers>div:first-child strong,.tiktok-results .numbers>div:first-child strong{font-size:clamp(54px,6vw,76px);color:#b88318;background:linear-gradient(105deg,#8b5b12 0%,#d4a62a 25%,#fff1a8 43%,#d4a62a 58%,#9a6815 78%,#efd26e 100%);background-size:240% 100%;background-position:100% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 12px rgba(190,138,25,.18);animation:goldShine 3.4s ease-in-out infinite}
@keyframes goldShine{0%{background-position:100% 50%}100%{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.youtube-results .numbers>div:first-child strong,.tiktok-results .numbers>div:first-child strong{animation:none!important}}
.credibility{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.credibility span:nth-child(2){text-align:center}.credibility span:last-child{text-align:right}.credibility b{color:var(--ink)}.cnn-logo{display:inline-block;width:96px;height:auto;margin-left:4px;vertical-align:middle}

.section{padding:64px var(--pad) 0}.section>.eyebrow{display:block;margin-bottom:24px}
.scaresafe{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);min-height:430px;overflow:hidden;background:#3c291f;color:var(--white)}
.scaresafe-process{display:block;min-width:0}.scaresafe-process img{display:block;width:100%;height:100%;object-fit:cover}
.scaresafe-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,64px);background-image:linear-gradient(90deg,rgba(28,20,16,.86),rgba(28,20,16,.56)),url('assets/scaresafe-banner.jpg');background-size:cover;background-position:center}
.project-kicker{color:#f5d7bd}.scaresafe-title{display:flex;align-items:center;gap:16px;margin:18px 0 14px}.scaresafe-icon-link{display:block;flex:0 0 auto}.scaresafe-title img{display:block;width:68px;height:68px;border-radius:15px}.scaresafe-title h2{font-size:clamp(35px,4vw,52px);line-height:1}
.scaresafe-copy{max-width:600px;color:#f4eee9;font-size:16px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags span{padding:5px 9px;border:1px solid rgba(255,255,255,.45);font-size:12px}
.scaresafe-actions{display:flex;align-items:center;gap:18px;margin-top:34px}.primary-button{display:inline-flex;padding:11px 15px;background:var(--white);color:#6f3c1e;font-size:14px;font-weight:650}.app-store-button{border:0;background:transparent;padding:0;opacity:.68}.app-store-button img{display:block;width:142px}.app-store-button:disabled{cursor:default}
.scaresafe-showcase{grid-column:1/-1;display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(36px,7vw,90px);padding:clamp(38px,6vw,72px);background:radial-gradient(circle at 70% 45%,rgba(212,127,63,.2),transparent 42%),linear-gradient(145deg,#1b201f,#34241d 68%,#5b2c1e);border-top:1px solid rgba(255,255,255,.16)}.scaresafe-preview-copy{max-width:330px}.scaresafe-preview-copy h3{margin-top:14px;font-size:clamp(30px,4vw,46px);line-height:1.02}.scaresafe-preview-copy>p:not(.project-kicker){margin-top:16px;color:#ded3cc;font-size:14px}.scaresafe-preview-label{display:block;margin-top:34px;color:#f1b28f;font-size:14px}.scaresafe-preview-controls{display:flex;align-items:center;gap:14px;margin-top:14px}.scaresafe-preview-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(255,255,255,.08);color:var(--white);cursor:pointer}.scaresafe-preview-controls button:hover{background:rgba(255,255,255,.16)}.scaresafe-screen-count{min-width:38px;text-align:center;color:#d7c5ba;font-size:12px}
.scaresafe-screen-stage{position:relative;width:min(100%,340px);aspect-ratio:736/1600;margin-inline:auto;padding:7px;border-radius:38px;background:#0e1211;box-shadow:0 28px 70px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.12)}.scaresafe-screen{position:absolute;inset:7px;overflow:hidden;border-radius:31px;opacity:0;transform:translateX(22px) scale(.985);transition:opacity .55s ease,transform .55s ease;pointer-events:none}.scaresafe-screen.active{opacity:1;transform:none;pointer-events:auto}.scaresafe-screen a,.scaresafe-screen img{display:block;width:100%;height:100%}.scaresafe-screen img{object-fit:cover}.scaresafe-preview-dots{position:absolute;z-index:2;left:50%;bottom:18px;display:flex;gap:8px;transform:translateX(-50%);padding:8px 10px;border-radius:999px;background:rgba(18,16,14,.64);backdrop-filter:blur(10px)}.scaresafe-preview-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.42);cursor:pointer;transition:width .25s ease,background .25s ease}.scaresafe-preview-dots button.active{width:22px;background:#f29a65}
.minecraft-feature{margin-top:54px;padding-top:24px;border-top:1px solid var(--line)}.minecraft-line{max-width:560px;font-family:var(--font-body);font-size:18px;line-height:1.2;color:var(--blue);margin-bottom:12px}.minecraft-reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.minecraft-reels a,.minecraft-reels img{display:block;width:100%}.minecraft-reels img{aspect-ratio:16/9;object-fit:cover}
.logo-grid-after-minecraft{margin-top:54px}

.featured-work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px}.art-project{min-width:0}.project-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.project-heading h2{font-size:31px;line-height:1.1}.project-heading h2+p{margin-top:8px}.project-heading p,.project-heading a,.project-description,figcaption{font-size:13px}.project-heading p,.project-description,figcaption{color:var(--muted)}.project-heading a{font-weight:650}.project-heading a:hover{text-decoration:underline;text-underline-offset:4px}
.project-accolade{display:inline-block;margin-left:7px;color:var(--muted);font-size:13px;font-weight:500;letter-spacing:0;white-space:nowrap;vertical-align:middle}
.art-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.art-gallery figure,.art-gallery a{display:block;width:100%}.art-gallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .2s ease}.art-gallery a:hover img{transform:translateY(-3px)}figcaption{margin-top:8px}.project-description{margin-top:14px}

.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:72px 0 24px}.section-title h2{font-size:clamp(32px,4vw,48px);line-height:1.05}.section-title p{font-size:12px;color:var(--muted);letter-spacing:.08em}
.logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px;margin-top:54px}.logo-art,.motion-art{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;border:0;background:var(--panel);padding:22px;overflow:hidden}.logo-art img,.motion-art>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.logo-card.image-card .logo-art{padding:0}.logo-card.image-card .logo-art img{object-fit:cover;object-position:center}
.motion-art .animated{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.motion-art.playing .animated{opacity:1}.motion-art.playing .still{opacity:0}.motion-hint{position:absolute;left:14px;bottom:12px;font-size:11px;color:var(--muted)}
.card-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:13px}.card-label h3{font-size:17px;line-height:1.15}.card-label p{font-size:12px;color:var(--muted);text-align:right}
.commission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:44px}.commission-art{display:block;aspect-ratio:1.35;overflow:hidden;background:var(--panel)}.commission-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.commission-art:hover img{transform:scale(1.015)}
.results{margin-top:52px;border-block:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.results summary{padding:20px 0}.results summary small{display:block;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.1em}.results summary strong{display:block;margin-top:4px;font-family:var(--font-body);font-size:27px;font-weight:400}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:4px 0 24px}.result-grid strong{display:block;font-size:34px}.result-grid span{color:var(--muted);font-size:13px}

.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:start;column-gap:clamp(45px,8vw,100px);row-gap:28px}.about-heading{grid-column:1/-1;max-width:640px}.about-heading>.eyebrow{margin-bottom:14px}.about-heading h2{font-size:clamp(22px,2.2vw,30px);line-height:1.18}.about-copy>p{max-width:540px;color:var(--muted);font-size:14px}.about-copy>p+p{margin-top:14px}.about-details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:6px}.about-details>div{padding:18px 0;border-top:1px solid var(--line)}.about-details h3{font-size:14px}.about-details p{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.65}.about-details strong{color:var(--ink);font-weight:650}.about-tools{grid-column:1/-1}
.slides{position:relative;aspect-ratio:1;overflow:hidden;background:var(--panel)}.slide{position:absolute;inset:0;opacity:0;transform:translateX(14px);pointer-events:none;transition:opacity .4s ease,transform .4s ease}.slide.active{opacity:1;transform:none;pointer-events:auto}.slide a,.slide img{display:block;width:100%;height:100%}.slide img{object-fit:cover}.slide-controls{display:flex;align-items:center;justify-content:space-between;padding-top:12px}.slide-controls button{border:0;background:transparent;padding:4px 8px;color:var(--blue);font-size:20px;cursor:pointer}.slide-count{color:var(--muted);font-size:12px}
.portfolio-gallery .slides{border:1px solid var(--line);border-radius:12px}.portfolio-gallery .slide{display:block}
.portfolio-gallery .slide.fit-contain img{object-fit:contain;padding:22px}
.portfolio-gallery.fade-gallery .slide{transform:none;transition:opacity 1.4s ease}
.logo-card.bright-image .logo-art img{filter:brightness(1.12)}

.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px}.capability-grid>div{padding:18px 0;border-top:1px solid var(--line)}.capability-grid h3{font-size:21px}.capability-grid p{margin-top:5px;color:var(--muted);font-size:13px}.qa-note{border-top:1px solid var(--line)}.qa-note summary{padding:18px 0;font-size:14px}.qa-note>p{padding-bottom:18px;color:var(--muted);font-size:14px}
.contact{margin:64px var(--pad) 0;padding:34px;background:var(--orange);color:var(--white)}.contact .eyebrow{color:#fff1e6}.contact>div{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-top:20px}.contact h2{font-size:clamp(38px,5vw,64px);line-height:1}.contact a{font-size:14px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:4px}
footer{display:flex;justify-content:space-between;padding:26px var(--pad);color:var(--muted);font-size:12px}

/* Final visual polish */
.section{padding-top:clamp(64px,8vw,96px)}
.scaresafe{border-radius:var(--radius);box-shadow:0 18px 50px rgba(23,35,45,.08)}
.scaresafe-title img{box-shadow:0 8px 22px rgba(0,0,0,.2)}
.tags span{padding-inline:10px;border-radius:999px;background:rgba(255,255,255,.05)}
.primary-button{border-radius:6px;transition:transform .2s ease,background .2s ease}.primary-button:hover{transform:translateY(-2px);background:#fff8f2}
.minecraft-reels img{border-radius:8px}
.art-gallery a{overflow:hidden;border-radius:10px;background:transparent}.art-gallery a:hover img{transform:scale(1.018)}
.logo-grid{gap:38px 22px;margin-top:48px}.logo-art,.motion-art{border:1px solid var(--line);border-radius:12px}
.logo-grid .logo-card:first-child .logo-art img{object-position:center 56%}
.commission-grid{margin-top:50px}.commission-art{border-radius:12px}.commission-art:hover img{transform:scale(1.018)}
.commission-grid .commission-card:first-child .commission-art img{object-position:center 44%}
.project-description,.about-copy>p{line-height:1.65}.about-copy>p+p{margin-top:16px}.about-details{margin-top:12px}.about-details>div,.capability-grid>div{padding-block:22px}
.slides{border-radius:var(--radius)}
.contact{margin-top:clamp(64px,8vw,96px);padding:clamp(30px,4vw,48px);border-radius:var(--radius)}

@media(max-width:800px){
  :root{--max:100%}
  .hero{grid-template-columns:minmax(0,1fr) 190px;gap:36px}.hero h1{font-size:44px}.hero-quote{font-size:16px}.max-arrow{left:-58px;width:82px}
  .scaresafe{grid-template-columns:220px minmax(0,1fr)}.scaresafe-content{padding:32px}.scaresafe-actions{align-items:flex-start;flex-direction:column}.app-store-button img{width:150px}.scaresafe-showcase{grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);gap:34px;padding:42px 32px}.scaresafe-screen-stage{width:min(100%,300px)}
  .featured-work{grid-template-columns:1fr}.about{gap:42px}.card-label{display:block}.card-label p{text-align:left;margin-top:5px}
}

@media(max-width:600px){
  .site-header{padding-block:18px}.brand span{display:none}#menu{display:block}nav{display:none;position:absolute;z-index:20;top:62px;left:0;right:0;padding:20px var(--pad);background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:14px}nav.open{display:flex}
  .hero{grid-template-columns:1fr;padding-top:34px;gap:28px}.hero h1{font-size:clamp(36px,11vw,48px);margin:18px 0 22px}.fact-reveal{min-height:132px}.fact-text{font-size:27px}.hero-aside{width:180px;margin-left:auto}.max-arrow{left:-64px;top:-18px;width:86px}.hero-quote{font-size:16px}
  .achievements{padding-top:28px}.platform-row{grid-template-columns:1fr;gap:16px}.platform-name small{margin-top:5px}.numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.numbers>div:first-child{grid-column:auto}.numbers strong{font-size:36px}.tiktok-numbers strong{font-size:30px}.youtube-results .numbers>div:first-child strong,.tiktok-results .numbers>div:first-child strong{font-size:42px}.numbers p{font-size:11px}.minecraft-line{font-size:17px}.minecraft-reels{gap:4px}.credibility{grid-template-columns:1fr;gap:12px}.credibility span:nth-child(2),.credibility span:last-child{text-align:left}
  .section{padding-top:50px}.scaresafe{grid-template-columns:1fr;min-height:0}.scaresafe-process{height:210px}.scaresafe-content{padding:26px}.scaresafe-title img{width:56px;height:56px}.scaresafe-title h2{font-size:36px}.scaresafe-actions{margin-top:28px}.scaresafe-showcase{grid-template-columns:1fr;gap:32px;padding:34px 24px 42px}.scaresafe-preview-copy{max-width:none}.scaresafe-preview-copy h3{font-size:34px}.scaresafe-preview-label{margin-top:24px}.scaresafe-screen-stage{width:min(100%,320px);grid-row:2}
  .featured-work{margin-top:46px;gap:40px}.art-gallery{gap:12px}.section-title{display:block;margin-top:54px}.section-title p{margin-top:8px}.logo-grid{grid-template-columns:1fr 1fr;gap:24px 12px}.commission-grid{grid-template-columns:1fr;margin-top:38px}.commission-art{aspect-ratio:1.22}.card-label h3{font-size:16px}.result-grid{grid-template-columns:1fr 1fr}
  .about{grid-template-columns:1fr;column-gap:0;row-gap:24px}.about-heading h2{font-size:24px}.about-details{grid-template-columns:1fr;margin-top:0}.about-details>div,.about-tools{grid-column:1}.capability-grid{grid-template-columns:1fr 1fr;gap:0 16px}.capability-grid h3{font-size:19px}.contact{padding:26px;margin-top:50px}.contact>div{display:block}.contact a{display:inline-block;margin-top:20px}footer{gap:20px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.max-arrow-intro{display:none}.max-arrow-loop{opacity:1}}

@media(max-width:600px){
  .platform-row{gap:20px;padding-block:26px}.numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.numbers>div:first-child{grid-column:1/-1}.tiktok-numbers strong{font-size:32px}.youtube-results .numbers>div:first-child strong,.tiktok-results .numbers>div:first-child strong{font-size:50px}
  .logo-grid{gap:28px 12px}.commission-grid{margin-top:42px}.contact{border-radius:10px}
}

/* Portfolio hierarchy: readable captions, stable rhythm, and room for the work. */
:root{--max:min(1280px,max(900px,66.666vw))}
.hero{grid-template-columns:minmax(0,1fr) minmax(200px,.48fr);gap:clamp(64px,7vw,104px);padding-block:60px}
.hero h1{font-size:clamp(36px,3.2vw,52px);line-height:1.1;margin-top:0;letter-spacing:-.025em;text-wrap:balance}
.fact-text{font-size:clamp(23px,2vw,30px);line-height:1.3;color:var(--muted)}
.hero-quote{font-size:17px;line-height:1.4;color:var(--muted)}
.platform-row{align-items:start;padding-block:32px;grid-template-columns:120px minmax(0,1fr)}
.platform-name{padding-top:12px}.platform-name small{font-size:12px;line-height:1.5}
.numbers{grid-template-columns:1.25fr 1fr 1fr;align-items:start;gap:28px 24px;container-type:inline-size}
.numbers strong{font-size:clamp(32px,6.6cqw,48px);white-space:nowrap;letter-spacing:-.025em}
.youtube-results .numbers>div:first-child strong,.tiktok-results .numbers>div:first-child strong{font-size:clamp(44px,9cqw,66px)}
.numbers p{font-size:13px;line-height:1.5;max-width:150px}
.credibility{gap:24px;align-items:center;font-size:13px;line-height:1.6;padding-block:24px}
.credibility span:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.cnn-logo{width:130px;margin:0}
.scaresafe{grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr)}
.scaresafe-content{padding:clamp(28px,3.5vw,48px)}
.scaresafe-title h2{font-size:clamp(34px,3vw,46px);line-height:1.12}.scaresafe-title img{flex-shrink:0;width:60px;height:60px}
.scaresafe-copy{line-height:1.65}.scaresafe-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:24px}
.release-note{font-size:12px;color:#e5d3c4;margin-top:-8px}
.scaresafe-showcase{padding:48px;gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.scaresafe-screen-stage{max-width:280px}.scaresafe-preview-copy h3{font-size:36px;line-height:1.15}.scaresafe-preview-copy>p:not(.project-kicker){font-size:16px;line-height:1.6}
.scaresafe-preview-controls button,.slide-controls button{min-width:44px;min-height:44px}.scaresafe-preview-dots button{position:relative}.scaresafe-preview-dots button:before{content:'';position:absolute;inset:-12px -3px}
.section-title{margin-top:64px}.section-title h2{font-size:clamp(30px,3vw,42px);line-height:1.2}
.featured-work{gap:32px}.project-heading h2{font-size:28px}.project-heading p{font-size:14px}.project-heading a{font-size:14px;padding:6px 0;white-space:nowrap}
.card-label{display:block;margin-top:14px}.card-label h3{font-size:19px;line-height:1.3}.card-label p{text-align:left;margin-top:5px;font-size:13px;line-height:1.5}figcaption{font-size:13px;line-height:1.5;margin-top:12px}
.logo-grid{row-gap:32px}.minecraft-line{font-size:20px;line-height:1.4;max-width:680px;margin-bottom:18px}.minecraft-reels{gap:10px}
.about{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);column-gap:48px}.about-copy>p{font-size:16px;line-height:1.75}.about-heading{max-width:650px}.about-heading h2{font-size:28px;line-height:1.3}.about-details h3{font-size:20px}.about-details p{font-size:14px}.capability-grid p{font-size:14px;line-height:1.6}
.contact{color:var(--ink)}.contact .eyebrow{color:var(--ink)}.contact a{font-size:16px;border-color:currentColor;overflow-wrap:anywhere}
@media(max-width:1000px){
  :root{--max:100%}.hero{grid-template-columns:minmax(0,1fr) 220px;gap:64px}.hero h1{font-size:44px}
  .featured-work{grid-template-columns:1fr 1fr}.scaresafe-showcase{padding:36px;gap:32px}
}
@media(max-width:650px){
  .hero{grid-template-columns:1fr;gap:30px;padding-block:38px}.hero h1{font-size:clamp(33px,8.5vw,42px)}.hero-aside{width:200px;max-width:65%;margin-left:auto}.hero-quote{font-size:16px}.fact-text{font-size:24px}
  .platform-row{grid-template-columns:1fr;gap:22px}.platform-name{padding:0}.numbers{grid-template-columns:1fr 1fr;gap:24px}.numbers>div:first-child{grid-column:1/-1}.numbers strong{font-size:38px}.youtube-results .numbers>div:first-child strong,.tiktok-results .numbers>div:first-child strong{font-size:60px}.numbers p{font-size:13px}
  .credibility{grid-template-columns:1fr;gap:16px}.credibility span:nth-child(2),.credibility span:last-child{text-align:left}
  .scaresafe{grid-template-columns:1fr}.scaresafe-process{height:220px}.scaresafe-content{padding:28px}.scaresafe-title h2{font-size:36px}.scaresafe-showcase{grid-template-columns:1fr;padding:30px 24px 40px;gap:28px}.scaresafe-preview-copy h3{font-size:32px}
  .featured-work{grid-template-columns:1fr;gap:36px;margin-top:0}.art-gallery{gap:16px}.section-title h2{font-size:30px}.logo-art,.motion-art{padding:16px}.card-label h3{font-size:17px}
  .about{grid-template-columns:1fr;gap:28px}.about-heading h2{font-size:24px}.about-details{grid-template-columns:1fr}.about-details>div{grid-column:1}.about-copy>p{font-size:16px}
  .contact>div{display:block}.contact a{display:inline-block;margin-top:20px}.minecraft-line{font-size:18px}.minecraft-reels{gap:5px}
}
.youtube-results .numbers>div:first-child p{max-width:none}
.youtube-results .numbers>div:first-child p b{white-space:nowrap}

/* Batmip is reserved for the introductory headline. */
.hero h1{font-family:BatmipBook,Georgia,serif;font-weight:400}
.hero .hero-title{width:100%;max-width:780px;margin:0 0 26px;line-height:1}
.hero-title>img{display:block;width:100%;height:auto}
.hero-title-fallback:not([hidden]){display:block;line-height:1.1}
.hero-title-fallback>span{color:var(--blue)}
h2,h3{font-weight:600;letter-spacing:-.025em}
.numbers strong,.result-grid strong{font-weight:600;letter-spacing:-.04em}
.fact-text{font-size:clamp(21px,1.8vw,27px);line-height:1.45}
.hero-quote{font-size:15px;line-height:1.6}
.about{display:flex;flex-direction:column;gap:28px}
.about-heading{max-width:760px}.about-heading h2{font-size:clamp(25px,2.3vw,34px)}
.education{width:100%;padding:28px 0;border-block:1px solid var(--line)}
.education h3{font-size:14px;color:var(--muted);font-weight:600;letter-spacing:0;margin-bottom:12px}
.education-school{font-size:clamp(23px,2.2vw,30px);font-weight:600;line-height:1.3;letter-spacing:-.025em}
.education-degree{font-size:18px;color:var(--muted);margin-top:8px}
.about-copy{max-width:760px}.about-copy>p{max-width:none}.about-details{display:block;width:100%;margin:0}
@media(max-width:650px){.education{padding-block:24px}.education-degree{font-size:16px}.fact-text{font-size:22px}}

/* Readability and hierarchy pass */
.site-header{padding-block:30px}
.brand{font-size:19px;letter-spacing:.025em}.brand span{margin-top:6px;font-size:14px}
nav{gap:36px;font-size:17px}nav a{padding-block:8px}
.section{padding-top:clamp(72px,8vw,104px)}
.section>.eyebrow{margin-bottom:32px}
.eyebrow{font-size:clamp(16px,1.35vw,20px);line-height:1.25;letter-spacing:.075em}
.project-kicker{font-size:14px;line-height:1.4}
.achievements{padding-top:44px}.platform-results{margin-top:32px}
.section-title h2{font-size:clamp(36px,3.4vw,50px)}
.project-heading h2{font-size:32px}.card-label h3{font-size:20px}.capability-grid h3{font-size:23px}
.about-heading{max-width:none}.about-heading>.eyebrow{margin-bottom:20px}.about-heading h2{font-size:clamp(30px,3vw,42px)}
.education-school{font-size:clamp(27px,2.8vw,38px)}
.about-copy{max-width:none}.about-copy>p{max-width:none;font-size:18px;line-height:1.8}
.scaresafe-copy{max-width:none;font-size:17px;line-height:1.7}
.scaresafe-preview-copy{max-width:none}.scaresafe-preview-copy>p:not(.project-kicker){font-size:17px}
.minecraft-line{max-width:none}.project-description{max-width:none;font-size:15px}
.capability-grid p{font-size:16px}.card-label p,figcaption,.project-heading p{font-size:14px}.numbers p{font-size:14px}
.credibility{grid-template-columns:1fr auto;align-items:center;font-size:16px}
.credibility span:first-child{display:block}.credibility span:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.credibility .cnn-logo{width:150px}
.scaresafe-title h2{font-family:BatmipBook,Georgia,serif;font-weight:400;letter-spacing:-.02em}

@media(max-width:650px){
  .site-header{padding-block:22px}.brand{font-size:16px}.brand span{display:none}#menu{font-size:16px}nav{font-size:17px}
  .eyebrow{font-size:15px}.section>.eyebrow{margin-bottom:24px}
  .about-heading h2{font-size:30px}.about-copy>p{font-size:17px}
  .credibility{grid-template-columns:1fr;gap:20px}.credibility span:last-child{align-items:flex-start;text-align:left}
  .scaresafe-copy,.scaresafe-preview-copy>p:not(.project-kicker){font-size:16px}
  .project-accolade{display:block;margin:5px 0 0;font-size:12px;white-space:normal}
}