:root{--paper:#efede8;--paper2:#e3dfd7;--ink:#171716;--muted:#6d6961;--line:rgba(23,23,22,.2);--accent:#a96f38;--serif:Georgia,"Times New Roman","Noto Serif SC",serif;--sans:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;--gutter:clamp(24px,5vw,96px);--max:1680px;--header:72px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header);background:var(--paper)}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--ink);background:var(--paper);font-family:var(--sans);text-rendering:optimizeLegibility}body.is-ready .loader{opacity:0;visibility:hidden;pointer-events:none}::selection{color:var(--paper);background:var(--accent)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,figure,dl,dd{margin:0}ul,ol{margin:0;padding:0}[id]{scroll-margin-top:var(--header)}.shell{width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto}.section{position:relative;padding:clamp(110px,8vw,154px) 0}.eyebrow{font-size:10px;font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.16em}.line:after{display:block;width:36px;height:1px;margin-top:16px;background:currentColor;content:""}.paper{position:relative;isolation:isolate;background:radial-gradient(ellipse at 15% 20%,rgba(255,255,255,.72),transparent 25%),radial-gradient(ellipse at 83% 74%,rgba(179,172,162,.22),transparent 30%),linear-gradient(112deg,transparent 0 31%,rgba(255,255,255,.32) 32%,transparent 35% 62%,rgba(0,0,0,.035) 64%,transparent 67%),var(--paper)}.paper:before{position:absolute;z-index:-1;inset:0;opacity:.28;pointer-events:none;background-image:repeating-linear-gradient(102deg,transparent 0 21px,rgba(0,0,0,.02) 22px,transparent 24px),repeating-linear-gradient(7deg,transparent 0 30px,rgba(255,255,255,.34) 31px,transparent 33px);content:""}
.skip{position:fixed;z-index:600;top:10px;left:10px;padding:10px 14px;color:var(--paper);background:var(--ink);transform:translateY(-160%)}.skip:focus{transform:none}.progress{position:fixed;z-index:510;top:0;left:0;width:100%;height:3px;pointer-events:none}.progress span{display:block;width:0;height:100%;background:var(--accent)}
.loader{position:fixed;z-index:700;inset:0;display:grid;place-content:center;gap:18px;color:var(--paper);background:var(--ink);transition:opacity .65s,visibility .65s;animation:loader-safety .5s 2.2s forwards}.loader span{font-family:var(--serif);font-size:clamp(76px,10vw,148px);font-style:italic;line-height:.7;text-align:center}.loader i{position:relative;width:min(320px,60vw);height:1px;overflow:hidden;background:rgba(255,255,255,.2)}.loader i:after{position:absolute;inset:0;background:var(--accent);content:"";transform:translateX(-100%);animation:load-line 1.1s cubic-bezier(.77,0,.18,1) forwards}.loader small{text-align:center;text-transform:uppercase;letter-spacing:.18em;color:#aaa69e;font-size:8px}
.header{position:fixed;z-index:500;top:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:var(--header);padding:0 max(var(--gutter),calc((100vw - var(--max))/2));border-bottom:1px solid transparent;transition:transform .3s,border-color .3s,background .3s}.header.scrolled{border-color:rgba(23,23,22,.12);background:rgba(239,237,232,.9);backdrop-filter:blur(16px)}.header.hidden{transform:translateY(-100%)}.brand{display:flex;align-items:baseline;gap:8px;width:max-content;font-size:14px}.brand small{font-size:10px}.header nav{display:flex;gap:clamp(24px,3.4vw,56px)}.header nav a,.year{position:relative;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.header nav a:after,.year:after{position:absolute;right:0;bottom:-7px;left:0;height:1px;background:currentColor;content:"";transform:scaleX(0);transform-origin:right;transition:transform .25s}.header nav a:hover:after,.header nav a.active:after,.year:hover:after{transform:scaleX(1);transform-origin:left}.year{justify-self:end}
.rail{position:fixed;z-index:480;top:50%;right:18px;display:flex;flex-direction:column;align-items:flex-end;gap:9px;transform:translateY(-50%)}.rail a{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:76px;height:12px}.rail span{font-size:7px;text-transform:uppercase;letter-spacing:.12em;opacity:0;transform:translateX(5px);transition:.2s}.rail i{width:5px;height:5px;border:1px solid currentColor;border-radius:50%;opacity:.42;transition:.2s}.rail a:hover span,.rail a.active span{opacity:1;transform:none}.rail a.active i{border-color:var(--accent);background:var(--accent);opacity:1;transform:scale(1.35)}
.hero{position:relative;display:grid;place-items:center;min-height:100svh;padding:calc(var(--header) + 44px) var(--gutter) 70px;overflow:hidden}.hero-source{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:grayscale(.72) contrast(.82) brightness(1.08)}.hero-center{position:relative;z-index:2;width:min(940px,80vw);text-align:center}.hero-center>.eyebrow{margin-bottom:28px}.hero h1{font-size:clamp(86px,12vw,184px);font-weight:700;line-height:.66;letter-spacing:-.09em}.hero h1 em,.hero h1 span{display:block}.hero h1 em{margin-right:.72em;font-family:var(--serif);font-weight:400}.hero h1 span{margin-left:.55em;font-size:.72em;line-height:.9}.hero-name{display:flex;justify-content:center;gap:18px;margin-top:54px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.hero-name span{color:var(--muted)}.hero-ring{position:absolute;top:50%;left:50%;width:min(78vw,1040px);height:min(78vw,1040px);border:1px solid rgba(23,23,22,.1);border-radius:50%;transform:translate(-50%,-50%);animation:orbit 36s linear infinite}.hero-ring span{position:absolute;padding:5px 8px;background:var(--paper);font-size:7px;letter-spacing:.14em}.hero-ring span:nth-child(1){top:12%;left:8%}.hero-ring span:nth-child(2){right:-1%;bottom:31%}.hero-ring span:nth-child(3){bottom:7%;left:24%}.scroll-cue{position:absolute;right:max(var(--gutter),calc((100vw - var(--max))/2));bottom:42px;display:flex;gap:14px;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.scroll-cue span{animation:cue 1.8s ease-in-out infinite}
.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:130px minmax(0,1fr) minmax(360px,520px);gap:clamp(42px,6vw,110px);align-items:start}.section-label{display:flex;flex-direction:column;gap:9px;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.section-label span{color:var(--accent)}.about-copy{padding-top:8px}.about-copy h2{max-width:780px;margin-top:clamp(48px,6vw,88px);font-size:clamp(42px,4.4vw,72px);font-weight:500;line-height:1.16;letter-spacing:-.055em}.about-copy>p:last-of-type{max-width:700px;margin-top:34px;color:#393733;font-size:clamp(14px,1.1vw,18px);line-height:1.9}.about-copy ul{display:flex;flex-wrap:wrap;gap:9px 24px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);list-style:none}.about-copy li{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.11em}.portrait>div{position:relative;aspect-ratio:.74;overflow:hidden;background:#d8d4ce}.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:saturate(.84) contrast(1.02)}figcaption{display:flex;justify-content:space-between;gap:18px;padding-top:12px;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
.works{border-top:1px solid var(--line);background:#f5f3ef}.works-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(600px,1.3fr);gap:clamp(64px,8vw,150px)}.works-head{position:sticky;top:120px;align-self:start}.works-head h2{margin-top:54px;font-size:clamp(76px,8.5vw,132px);font-weight:700;line-height:.72;letter-spacing:-.08em}.works-head h2 em,.works-head h2 span{display:block}.works-head h2 em{font-family:var(--serif);font-weight:400}.works-head h2 span{margin-left:.18em}.works-head>p:last-child{max-width:310px;margin-top:62px;color:var(--muted);font-size:12px;line-height:1.75}.work-list{border-top:1px solid var(--ink)}.work-item{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 128px 24px;gap:18px;align-items:center;min-height:150px;padding:24px 0;border-bottom:1px solid var(--line)}.work-item:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--accent);content:"";transform:scaleX(0);transform-origin:right;transition:.45s}.work-item>span{align-self:start;color:var(--accent);font-family:var(--serif);font-size:12px}.work-item b{font-size:clamp(28px,3vw,48px);font-weight:600;line-height:1;letter-spacing:-.05em;transition:transform .35s}.work-item small{display:block;margin-top:12px;font-size:10px;font-weight:400;letter-spacing:0}.work-item img{width:128px;height:78px;object-fit:cover;filter:saturate(.65);transition:.35s}.work-item i{font-size:22px;font-style:normal;transition:.35s}.work-item:hover:after{transform:scaleX(1);transform-origin:left}.work-item:hover b{transform:translateX(8px)}.work-item:hover img{filter:none;transform:rotate(-1.5deg) scale(1.04)}.work-item:hover i{transform:translate(4px,4px)}
.marquee{overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--accent)}.marquee>div{display:flex;width:max-content;animation:marquee 25s linear infinite}.marquee span{padding:14px 3vw;color:var(--paper);font-family:var(--serif);font-size:clamp(14px,1.4vw,21px);font-style:italic;white-space:nowrap}
.ai-intro,.campaign{border-top:1px solid var(--line)}.project-head{display:grid;grid-template-columns:minmax(520px,1.05fr) minmax(330px,.6fr);gap:clamp(60px,8vw,150px);align-items:end;margin-bottom:clamp(70px,7vw,110px)}.project-head h2{margin-top:25px;font-size:clamp(58px,6vw,102px);font-weight:600;line-height:.98;letter-spacing:-.07em}.project-head>div:last-child b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em}.project-head>div:last-child p{max-width:520px;margin-top:18px;color:var(--muted);font-size:13px;line-height:1.85}.source-frame{padding:clamp(10px,1.2vw,20px);background:#e5e2dc;box-shadow:0 28px 70px rgba(31,28,24,.08)}.source-frame img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#f5f4f1}
.production{border-top:1px solid var(--line);background:#dcd8d0}.production-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:clamp(70px,7vw,110px)}.production-head h2{margin-top:28px;font-size:clamp(56px,5.6vw,94px);font-weight:500;line-height:1.02;letter-spacing:-.065em}.production-head>p{justify-self:end;color:var(--accent);font-family:var(--serif);font-size:clamp(34px,4vw,62px);line-height:1;text-align:right}.production-head>p em{font-weight:400}.execution-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px)}.execution-card.reveal{opacity:1;transform:none}.execution-card{min-width:0;padding:clamp(24px,3vw,44px);border:1px solid rgba(23,23,22,.16);background:#f2f0eb}.execution-card>header{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}.execution-card>header>span{padding-top:7px;color:var(--accent);font-family:var(--serif);font-size:13px}.execution-card h3{font-size:clamp(38px,3.4vw,58px);font-weight:500;line-height:1;letter-spacing:-.05em}.execution-card header p{margin-top:12px;color:var(--muted);font-size:11px}.execution-media{position:relative;height:clamp(260px,25vw,390px);margin-top:34px;overflow:hidden;background:#dedbd5}.execution-media img{position:absolute;top:-25%;width:200%;max-width:none;height:auto}.execution-media.left img{left:0}.execution-media.right img{left:-100%}.execution-card dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.execution-card dt{font-family:var(--serif);font-size:12px;font-weight:700;text-transform:uppercase}.execution-card dd{margin-top:10px;color:var(--muted);font-size:10px;line-height:1.75}
.motion{border-top:1px solid var(--line)}.motion-grid{display:grid;grid-template-columns:minmax(300px,.55fr) minmax(600px,1.45fr);gap:clamp(60px,7vw,130px);align-items:end}.motion header h2{margin-top:54px;font-size:clamp(52px,5vw,84px);font-weight:500;line-height:1.04;letter-spacing:-.06em}.motion header>p:last-child{max-width:380px;margin-top:30px;color:var(--muted);font-size:13px;line-height:1.8}
.social{border-top:1px solid var(--line);background:#1a1a18;color:var(--paper)}.social-head{max-width:1120px}.social-head>.eyebrow{color:#a39f97}.social-head h2{margin-top:35px;font-size:clamp(58px,7vw,112px);font-weight:500;line-height:.96;letter-spacing:-.07em}.social-head h2 em{font-family:var(--serif);font-weight:400}.social-head>p:last-child{margin-top:28px;color:#9d9991;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.social-panels{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);margin-top:clamp(80px,8vw,125px)}.social-panel{padding:clamp(24px,3vw,42px);border:1px solid rgba(255,255,255,.16);background:#22221f}.social-panel>.eyebrow{color:#a8a49c}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0}.metrics strong,.metrics span{display:block}.metrics strong{font-family:var(--serif);font-size:clamp(34px,3.5vw,58px);font-weight:400;letter-spacing:-.05em}.metrics span{margin-top:8px;color:#9c988f;font-size:8px}.social-panel img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#efede8}
.campaign-grid{display:grid;grid-template-columns:minmax(650px,1.35fr) minmax(300px,.65fr);gap:clamp(50px,7vw,120px);align-items:stretch}.stats{border-top:1px solid var(--ink)}.stats>div{display:grid;grid-template-columns:.78fr 1.22fr;align-items:baseline;gap:18px;min-height:116px;padding:24px 0;border-bottom:1px solid var(--line)}.stats strong{font-family:var(--serif);font-size:clamp(44px,4.4vw,72px);font-weight:400;letter-spacing:-.055em}.stats span{color:var(--muted);font-size:11px}
.ecommerce{border-top:1px solid var(--line);background:#dedbd4}.ecommerce-grid{display:grid;grid-template-columns:minmax(360px,.65fr) minmax(650px,1.35fr);gap:clamp(60px,8vw,145px);align-items:center}.ecommerce-copy h2{margin-top:30px}.ecommerce-copy h2 em,.ecommerce-copy h2 span{display:block}.ecommerce-copy h2 em{font-family:var(--serif);font-size:clamp(72px,7vw,112px);font-weight:400;line-height:.8}.ecommerce-copy h2 span{margin-top:25px;font-size:clamp(48px,4.7vw,76px);font-weight:500;line-height:1.04;letter-spacing:-.06em}.ecommerce-copy>p:not(.eyebrow){margin-top:34px;color:var(--muted);font-size:13px;line-height:1.8}.commerce-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:54px;padding-top:23px;border-top:1px solid var(--line)}.commerce-metrics strong,.commerce-metrics span{display:block}.commerce-metrics strong{font-family:var(--serif);font-size:clamp(30px,3vw,48px);font-weight:400}.commerce-metrics span{margin-top:8px;color:var(--muted);font-size:9px}
.process{border-top:1px solid var(--line);background:#f5f3ef}.process-head{display:grid;grid-template-columns:.48fr 1.52fr;gap:clamp(60px,8vw,150px)}.process-head>p{font-family:var(--serif);font-size:clamp(34px,4vw,60px);font-style:italic}.process-head h2{font-size:clamp(56px,6vw,98px);font-weight:500;line-height:1.02;letter-spacing:-.07em}.process-head>div>p{max-width:760px;margin-top:28px;color:var(--muted);font-size:13px;line-height:1.85}.process-line{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:18px;margin-top:112px;list-style:none}.process-line:before{position:absolute;top:16px;left:0;width:100%;height:1px;background:var(--line);content:""}.process-line li{position:relative;padding-top:43px}.process-line li:before{position:absolute;top:11px;left:0;width:9px;height:9px;border:1px solid var(--accent);border-radius:50%;background:#f5f3ef;content:""}.process-line span,.process-line b,.process-line em,.process-line p{display:block}.process-line span{margin-bottom:12px;color:var(--accent);font-size:8px}.process-line b{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.process-line em{margin-top:6px;font-family:var(--serif);font-size:11px;font-style:normal}.process-line p{margin-top:13px;color:var(--muted);font-size:9px;line-height:1.55}.manifesto{margin-top:100px;padding-top:32px;border-top:1px solid var(--ink);font-size:clamp(30px,4vw,62px);font-weight:500;line-height:1.2;letter-spacing:-.05em}.manifesto em{color:var(--accent);font-family:var(--serif);font-weight:400}
.contact{position:relative;display:grid;place-items:center;min-height:100svh;padding:calc(var(--header) + 70px) var(--gutter) 90px;text-align:center;overflow:hidden}.contact-inner>.eyebrow{margin-bottom:50px;color:var(--muted)}.contact h2{font-size:clamp(82px,11vw,172px);font-weight:700;line-height:.68;letter-spacing:-.09em}.contact h2 em,.contact h2 span{display:block}.contact h2 em{margin-right:.55em;font-family:var(--serif);font-weight:400}.contact h2 span{margin-left:.5em;font-size:.72em;line-height:.95}.contact-name{margin-top:70px;font-size:clamp(22px,2.2vw,36px);font-weight:600}.contact-role{margin-top:9px;font-size:9px}.contact-links{display:flex;justify-content:center;gap:10px;margin-top:34px}.contact-links a{display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:205px;padding:14px 17px;border:1px solid var(--ink);font-size:9px;text-align:left;text-transform:uppercase;letter-spacing:.08em;transition:.2s}.contact-links a:hover{color:var(--paper);background:var(--ink)}.contact footer{position:absolute;right:max(var(--gutter),calc((100vw - var(--max))/2));bottom:30px;left:max(var(--gutter),calc((100vw - var(--max))/2));display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.1em}
.cursor{position:fixed;z-index:650;top:0;left:0;width:10px;height:10px;border-radius:50%;pointer-events:none;background:var(--accent);opacity:0;transition:width .18s,height .18s,opacity .18s;mix-blend-mode:multiply}.cursor.show{opacity:1}.cursor.active{width:34px;height:34px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}.d1{transition-delay:.12s}:focus-visible{outline:1px solid var(--accent);outline-offset:5px}
@keyframes orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes cue{50%{transform:translateY(7px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes load-line{to{transform:translateX(0)}}@keyframes loader-safety{to{opacity:0;visibility:hidden}}
@media(max-width:1180px){.rail{display:none}.about-grid{grid-template-columns:90px 1fr .78fr;gap:36px}.works-grid{grid-template-columns:1fr}.works-head{position:static}.work-list{margin-top:30px}.project-head,.production-head,.motion-grid,.campaign-grid,.ecommerce-grid{grid-template-columns:1fr}.production-head>p{justify-self:start;text-align:left}.motion-grid,.campaign-grid,.ecommerce-grid{gap:60px}.execution-card dl{grid-template-columns:1fr}.process-line{grid-template-columns:repeat(4,1fr);row-gap:52px}.process-line:before{display:none}.process-line li{border-top:1px solid var(--line)}}
@media(max-width:760px){:root{--gutter:22px;--header:62px}.header{grid-template-columns:1fr auto;padding:0 var(--gutter)}.header nav{display:none}.year{font-size:8px}.hero{min-height:760px}.hero-center{width:100%}.hero-center>.eyebrow{font-size:7px}.hero h1{font-size:clamp(72px,23vw,104px);line-height:.75}.hero h1 em{margin-right:.1em}.hero h1 span{margin-left:.08em;font-size:.77em}.hero-name{flex-direction:column;gap:6px;margin-top:42px;font-size:8px}.hero-ring{width:130vw;height:130vw}.scroll-cue{right:22px}.about-grid{display:block}.section-label{margin-bottom:60px}.about-copy h2{margin-top:48px;font-size:36px}.about-copy>p:last-of-type{font-size:13px}.portrait{margin-top:65px}.portrait>div{aspect-ratio:.72}.works-head h2{font-size:76px}.work-list{margin-top:68px}.work-item{grid-template-columns:32px 1fr 22px;min-height:126px}.work-item img{display:none}.work-item b{font-size:29px}.marquee span{padding:12px 24px;font-size:12px}.project-head{display:block}.project-head h2{font-size:52px}.project-head>div:last-child{margin-top:34px}.source-frame{padding:8px}.production-head{display:block}.production-head h2{font-size:50px}.production-head>p{margin-top:30px;font-size:36px}.execution-grid{grid-template-columns:1fr}.execution-card{padding:22px}.execution-card h3{font-size:38px}.execution-media{height:240px}.motion header h2{font-size:50px}.social-head h2{font-size:50px}.social-panels{grid-template-columns:1fr}.metrics strong{font-size:35px}.campaign .project-head h2{font-size:44px}.stats>div{min-height:96px}.ecommerce-copy h2 em{font-size:72px}.ecommerce-copy h2 span{font-size:46px}.process-head{display:block}.process-head>div{margin-top:42px}.process-head h2{font-size:49px}.process-line{grid-template-columns:1fr 1fr;margin-top:75px}.manifesto{margin-top:75px;font-size:31px}.contact{min-height:780px}.contact h2{font-size:clamp(68px,21vw,96px);line-height:.75}.contact h2 em{margin-right:.06em}.contact h2 span{margin-left:.05em}.contact-links{flex-direction:column}.contact-links a{width:100%}.contact footer span:last-child{display:none}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.cursor{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{display:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* Original Canva media — no page screenshots */
.d2{transition-delay:.24s}
.ai-media-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(12px,1.6vw,28px);height:clamp(500px,58vw,920px);padding:clamp(12px,1.6vw,24px);background:#dfdcd5;box-shadow:0 30px 80px rgba(31,28,24,.1)}
.ai-media{position:relative;overflow:hidden;background:#d0cdc6}
.ai-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.ai-media:hover img{transform:scale(1.025)}
.ai-window{grid-column:1/5;grid-row:1/10}.ai-chess{grid-column:5/9;grid-row:2/11}.ai-craft{grid-column:9/13;grid-row:1/10}
.execution-media{display:grid;height:clamp(280px,28vw,430px);gap:3px;background:#f2f0eb}
.execution-media img{position:static;width:100%;max-width:100%;height:100%;object-fit:cover}
.match-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.transform-grid{grid-template-columns:repeat(3,1fr)}
.motion{overflow:hidden;border-top:0;color:#efede8;background:#151513}
.motion:before{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(169,111,56,.2),transparent 30%),linear-gradient(115deg,transparent 0 60%,rgba(255,255,255,.035) 60.1%,transparent 70%);content:""}
.motion-head{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(50px,8vw,140px);align-items:end;margin-bottom:clamp(56px,6vw,96px)}
.motion-head h2{margin-top:36px;font-size:clamp(58px,6.8vw,112px);font-weight:500;line-height:.92;letter-spacing:-.07em}
.motion-head>p{max-width:460px;color:#a8a49d;font-size:13px;line-height:1.85}
.video-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.5vw,42px)}
.video-card{min-width:0;padding:10px 10px 22px;border:1px solid rgba(255,255,255,.16);background:#1d1d1a;box-shadow:0 24px 64px rgba(0,0,0,.2)}
.video-card video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#090909}
.video-card>div{padding:20px 10px 0}.video-card span{color:#b47a42;font-size:8px;letter-spacing:.15em}.video-card h3{margin-top:10px;font-family:var(--serif);font-size:clamp(22px,2.2vw,35px);font-weight:400}.video-card p{margin-top:8px;color:#99958d;font-size:10px;line-height:1.6}
.social-gallery{display:grid;gap:4px;overflow:hidden;background:#171715}
.social-gallery img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;background:#171715}
.social-gallery.overseas{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:clamp(330px,32vw,510px)}
.social-gallery.overseas img:nth-child(3){grid-column:2;grid-row:1/3}
.social-gallery.domestic{height:clamp(330px,32vw,510px)}
.campaign-media{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1.12fr;gap:6px;min-height:clamp(520px,50vw,800px);padding:10px;background:#dedbd4;box-shadow:0 28px 70px rgba(31,28,24,.09)}
.campaign-media img{width:100%;height:100%;object-fit:cover}.campaign-media img:nth-child(3){grid-column:1/3}
.commerce-gallery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,32px);align-items:center;padding:clamp(18px,3vw,50px);background:#e9e7e2;box-shadow:0 28px 70px rgba(31,28,24,.09)}
.commerce-gallery figure{overflow:hidden;background:#d7d4ce}.commerce-gallery figure:nth-child(2){transform:translateY(7%)}
.commerce-gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.commerce-gallery figure:hover img{transform:scale(1.025)}
@media(max-width:1180px){.ai-media-grid{height:72vw;min-height:540px}.motion-head{grid-template-columns:1fr}.campaign-media{min-height:68vw}.social-gallery.overseas,.social-gallery.domestic{height:50vw}}
@media(max-width:760px){.ai-media-grid{grid-template-columns:1fr 1fr;height:auto;min-height:0}.ai-media{grid-column:auto;grid-row:auto;aspect-ratio:9/14}.ai-craft{grid-column:1/3;aspect-ratio:16/10}.video-grid{grid-template-columns:1fr;gap:28px}.motion-head{display:block}.motion-head>p{margin-top:28px}.motion-head h2{font-size:50px}.video-card video{aspect-ratio:9/14}.social-gallery.overseas,.social-gallery.domestic{height:430px}.campaign-media{min-height:620px}.commerce-gallery{gap:10px;padding:12px}.commerce-gallery figure:nth-child(2){transform:translateY(4%)}}
/* v4 — complete media framing and HR-readable type */
.match-grid{height:auto;aspect-ratio:1/1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.match-grid img{min-width:0;min-height:0}
.social-gallery.domestic{height:auto;aspect-ratio:1599/920}
.social-gallery.domestic img{object-fit:contain}
.commerce-gallery figure:nth-child(2) img{transform:translateY(-3px) scale(1.005)}
.commerce-gallery figure:nth-child(2):hover img{transform:translateY(-3px) scale(1.025)}
.eyebrow{font-size:12px;line-height:1.45}
.header nav a,.year{font-size:11px}.brand small{font-size:11px}
.section-label{font-size:11px}.about-copy>p:last-of-type{font-size:clamp(16px,1.15vw,19px);line-height:1.8}.about-copy li{font-size:11px}figcaption{font-size:10px}
.works-head>p:last-child{font-size:15px}.work-item small{font-size:13px}
.project-head>div:last-child b{font-size:12px}.project-head>div:last-child p{font-size:15px;line-height:1.8}
.execution-card header p{font-size:14px}.execution-card dt{font-size:15px}.execution-card dd{font-size:13px;line-height:1.7}
.motion-head>p{font-size:15px}.video-card span{font-size:10px}.video-card p{font-size:12px}
.social-head>p:last-child{font-size:11px}.metrics span{font-size:11px;line-height:1.45}.stats span{font-size:14px;line-height:1.5}
.ecommerce-copy>p:not(.eyebrow){font-size:15px}.commerce-metrics span{font-size:11px}
.process-head>div>p{font-size:15px}.process-line span{font-size:10px}.process-line b{font-size:14px}.process-line em{font-size:14px}.process-line p{font-size:13px;line-height:1.6}
.contact-role{font-size:11px}.contact-links a{font-size:11px}.contact footer{font-size:9px}
@media(max-width:760px){.match-grid{height:auto;aspect-ratio:1/1}.social-gallery.domestic{height:auto}.process-line{grid-template-columns:1fr}.execution-card dd{font-size:14px}.metrics span,.commerce-metrics span{font-size:12px}}
/* v5 — final legibility lift */
.execution-card dd{font-size:14px}.metrics span{font-size:12px}.process-line span{font-size:11px}.process-line b{font-size:15px}.process-line em{font-size:15px}.process-line p{font-size:14px}.work-item small{font-size:14px}