:root{--ink:#1b272e;--muted:#65717a;--paper:#f4f3ed;--line:#cdd1cd;--accent:#346b68;--dark:#10171d;--light:#e7ecea}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}img,video{max-width:100%}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:22px 40px;border-bottom:1px solid var(--line);background:#f4f3edf5;backdrop-filter:blur(12px)}.wordmark{font:32px Georgia,serif;line-height:1}.wordmark span{display:block;font:8px Arial,sans-serif;letter-spacing:.17em;margin-top:9px;color:var(--muted)}nav{display:flex;gap:28px;font-size:12px}nav a:last-child{border-bottom:1px solid var(--accent)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.15em;color:var(--accent);margin:0 0 20px}.intro{padding-block:65px 48px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}h1,h2,h3,h4,p{margin-top:0}h1{font:clamp(44px,5.6vw,82px)/1.02 Georgia,serif;letter-spacing:-.045em;margin-bottom:0}h1 em{font-style:normal;color:var(--accent)}.intro-note{font-size:20px;max-width:400px;padding-bottom:5px}.intro-note .muted{font-size:14px}.muted{color:var(--muted)}.text-link{font-size:13px;border-bottom:1px solid var(--accent);padding-bottom:7px;display:inline-block}.text-link span{margin-left:35px}.reel-section{background:var(--dark);color:var(--light);padding:24px 0 30px}.reel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.reel-heading .eyebrow{color:#89c5bb;margin:0}.reel-heading p:last-child{font-size:10px;color:#a0aeb5;margin:0}figure{margin:0}.video-frame{position:relative;background:#252728;overflow:hidden}.video-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#252728}.hero-reel{margin-top:18px}.play-video{position:absolute;inset:0;background:linear-gradient(0deg,#07101555,transparent 70%);color:white;border:0;display:flex;align-items:center;justify-content:center;gap:16px;font-size:15px;transition:background .2s}.play-video small{display:block;font-size:10px;letter-spacing:.13em;margin-top:3px}.play-icon{display:grid;place-items:center;width:65px;height:65px;border:1px solid #f3f5f0bb;border-radius:50%;background:#0c191b88;padding-left:4px;font-size:20px}.play-video:hover .play-icon{background:#346b68}.play-video:disabled{cursor:wait}.chapters{display:flex;gap:8px;margin-top:18px;overflow-x:auto;padding-bottom:8px}.chapter{border:1px solid #465159;background:transparent;color:#d8e1e3;text-align:left;padding:9px 12px;white-space:nowrap;font-size:10px;flex:1}.chapter span{display:block;font-size:10px;color:#89c5bb;margin-bottom:4px}.chapter:hover,.chapter[aria-current=true]{border-color:#89c5bb;background:#1a2a31}.fine{font-size:10px;color:var(--muted);margin:16px 0 0}.reel-section .fine{color:#a0aeb5}.section{padding-block:80px}.section-title{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-bottom:45px}.section-title .eyebrow{grid-column:1/-1}.section-title h2{font:clamp(32px,4vw,55px)/1.08 Georgia,serif;letter-spacing:-.025em;margin:0}.section-title>p:last-child{color:var(--muted);max-width:380px;align-self:end;margin:0}.work-case{border-top:1px solid var(--line);padding-top:36px;margin-top:55px}.case-heading{display:grid;grid-template-columns:45px 1fr 1fr;gap:25px 45px;margin-bottom:30px}.case-number{color:var(--accent);font-size:13px}.case-heading h3{font:34px/1.15 Georgia,serif;margin:0}.case-heading .eyebrow{margin-bottom:12px}.case-heading>div:last-child{color:var(--muted);font-size:13px;max-width:500px}.credit{font-size:11px;margin-bottom:0}.credit b{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.1em;color:var(--accent);margin-bottom:5px}.character-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.character .video-frame video{aspect-ratio:4/3}.wide .video-frame video{aspect-ratio:2.225}figcaption{font-size:10px;color:var(--muted);margin-top:12px}.focus-strip{display:flex;gap:25px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:20px}.focus-strip span:before{content:'↗';color:var(--accent);margin-right:10px}.hamster-layout{display:grid;grid-template-columns:360px 1fr;gap:100px;align-items:center;padding:30px 50px;background:#e8e8de}.portrait .video-frame video{aspect-ratio:9/16}.portrait .play-video{flex-direction:column;font-size:11px}.project-scope h4{font:44px/1.1 Georgia,serif}.project-scope dl{margin:25px 0 0}.project-scope dl div{border-top:1px solid #bfc7be;padding:14px 0;display:grid;grid-template-columns:100px 1fr;gap:25px;font-size:12px}.project-scope dt{color:var(--accent)}.project-scope dd{margin:0;color:var(--muted)}.ai-section{background:#e7e9ed}.ai-section .eyebrow{color:#5a6581}.ai-layout{display:grid;grid-template-columns:1.6fr .6fr;gap:40px;align-items:center}.ai-note{font-size:13px}.pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;padding:0;margin:35px 0 0}.pipeline li{border-top:1px solid #aeb7c4;padding-top:16px}.pipeline span{font-size:10px;color:#5a6581;margin-right:18px}.pipeline b{font-weight:500;font-size:15px}.pipeline p{color:var(--muted);font-size:12px;margin:8px 0 0}.approach{display:grid;grid-template-columns:1fr 1fr;gap:80px}.approach h2{font:47px/1.1 Georgia,serif}.lead{font-size:20px}.tool-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.tool-list span{font-size:10px;border:1px solid var(--line);padding:7px 11px}.contact{text-align:center;background:var(--dark);color:#e7ecea;padding:70px 24px}.contact .eyebrow{color:#89c5bb}.contact h2{font:58px/1.1 Georgia,serif;margin-bottom:30px}.button{display:inline-block;padding:13px 23px;background:#84b9ad;color:#101d21;font-size:12px}footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-block:28px;font-size:10px;color:var(--muted)}footer>span{font:24px Georgia,serif;color:var(--ink)}footer p{margin:0}.skip{position:fixed;top:-100px;left:15px;z-index:100;padding:12px;background:white}.skip:focus{top:12px}:focus-visible{outline:3px solid #65a99d;outline-offset:5px}
@media(max-width:1000px){.wrap{width:calc(100% - 52px)}.intro{gap:35px}.case-heading{gap:22px}.hamster-layout{grid-template-columns:280px 1fr;gap:45px;padding:30px}.project-scope h4{font-size:35px}.ai-layout{grid-template-columns:1fr 1fr}}
@media(max-width:720px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 36px)}.site-header{padding:18px}.wordmark{font-size:28px}.wordmark span{font-size:6px}.site-header nav{gap:18px;font-size:10px}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:none}.intro{grid-template-columns:1fr;gap:28px;padding-block:38px}.intro h1{font-size:51px}.intro-note{font-size:17px}.intro-note .muted{font-size:13px}.reel-heading p:last-child{display:none}.hero-reel .play-icon{width:48px;height:48px;font-size:15px}.play-video{font-size:12px}.chapters{margin-top:14px}.chapter{flex:0 0 112px}.fine{font-size:9px}.section{padding-block:50px}.section-title{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.section-title h2{font-size:37px}.section-title>p:last-child{font-size:13px}.case-heading{grid-template-columns:24px 1fr;gap:20px}.case-heading h3{font-size:29px}.case-heading>div:last-child{grid-column:2}.case-heading .eyebrow{font-size:9px}.work-case{padding-top:28px;margin-top:38px}.character-pair{grid-template-columns:1fr;gap:28px}.focus-strip{gap:13px;font-size:9px}.hamster-layout{grid-template-columns:1fr;gap:35px;padding:22px}.portrait{width:min(100%,300px);margin:auto}.project-scope h4{font-size:36px}.project-scope dl div{grid-template-columns:80px 1fr;gap:16px}.ai-layout{grid-template-columns:1fr;gap:25px}.ai-note{font-size:13px}.pipeline{gap:15px}.pipeline b{display:block;font-size:13px;margin-top:9px}.pipeline p{font-size:10px}.approach{grid-template-columns:1fr;gap:25px}.approach h2{font-size:37px;margin:0}.lead{font-size:17px}.contact{padding:55px 20px}.contact h2{font-size:46px}footer{flex-wrap:wrap;gap:15px}footer p{order:3;width:100%;font-size:9px}figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.broader-portfolio{margin-top:32px;padding-top:24px;border-top:1px solid var(--line,#d6d5cc)}.broader-portfolio span{display:block;font-size:10px;letter-spacing:.14em;margin-bottom:12px}.broader-portfolio a{display:inline-block;color:var(--accent,#326b60);font-size:16px;text-underline-offset:5px;line-height:1.6}

.chapters .chapter{cursor:pointer}.chapter:disabled{opacity:.65;cursor:wait}.chapter-status{color:#b9ded5}