@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600&display=swap');
:root{--paper:#f6f6f3;--ink:#191919;--line:#c9c9c5;--accent:#deff00}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Noto Sans JP',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #626e00;outline-offset:6px}::selection{background:var(--accent);color:var(--ink)}header{height:108px;margin:0 4%;display:flex;align-items:center;border-bottom:1px solid var(--ink);gap:8%}.wordmark{font-size:44px;font-weight:600;letter-spacing:-4px;line-height:1}.wordmark span{font-size:12px;letter-spacing:0;vertical-align:top;margin-left:7px}.header-note{font-size:12px;line-height:1.45}nav{display:flex;gap:36px;margin-left:auto;font-size:14px}nav sup{font-size:10px;margin-left:5px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-8px;left:0;height:1px;width:0;background:var(--ink);transition:width .25s}nav a:hover:after{width:100%}.hero{margin:0 4%;min-height:690px;position:relative;padding-top:26px}.hero-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.05em}h1{position:relative;z-index:2;font-size:clamp(76px,11.7vw,184px);line-height:.95;letter-spacing:-.075em;font-weight:500;margin:74px 0 64px;pointer-events:none}.outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.window{position:absolute;width:34%;height:310px;top:98px;right:4%;transform:rotate(7deg);background:#899893;overflow:hidden;transition:transform .6s,clip-path .6s;clip-path:inset(0 0 0 0)}.window:hover{transform:rotate(0);clip-path:inset(3% 3% 3% 3%)}.window img{height:100%;width:100%;object-fit:cover;object-position:center 35%;filter:saturate(.75)}.window-label{position:absolute;left:0;bottom:0;width:100%;padding:14px 17px;background:var(--accent);font-size:11px;display:flex;justify-content:space-between;align-items:center}.window-label b{font-size:22px}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:40px;position:relative;z-index:3}.hero-bottom p{font-size:18px;line-height:1.8;letter-spacing:.07em;margin:0}.hero-bottom>a{font-size:11px;display:flex;gap:48px;align-items:center}.hero-bottom>a span{font-size:24px}.frame-number{font-size:11px}.works{padding:86px 4% 110px;background:#eaeae6}.section-head{display:grid;grid-template-columns:1fr 1fr auto;align-items:start;margin-bottom:64px;gap:28px}.eyebrow{font-size:12px;letter-spacing:.06em}.section-head h2{font-size:28px;font-weight:500;line-height:1.6;margin:0;letter-spacing:.04em}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding:0 0 9px;display:inline-block}.section-head .text-link{align-self:end}.work-grid{display:grid;grid-template-columns:1.2fr 1fr;column-gap:7%;row-gap:80px;align-items:start}.work-image{position:relative;overflow:hidden;background:#d5d5d0;aspect-ratio:1.24}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s,filter .65s;filter:saturate(.75)}.work:hover img{transform:scale(1.035);filter:saturate(1)}.work-caption{display:flex;justify-content:space-between;gap:20px;margin-top:18px;align-items:center}.work-caption h3{font-size:16px;font-weight:500;margin:0}.work-caption>span{font-size:10px}.work-offset{margin-top:165px}.work-offset .work-image{aspect-ratio:1.2}.work-third{width:76%;margin-left:12%}.work-third .work-image{aspect-ratio:1.3}.open-work{position:absolute;bottom:18px;right:18px;border-radius:50%;background:var(--paper);font-size:10px;width:82px;height:82px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(12px);transition:.25s}.work:hover .open-work,.work:focus-visible .open-work{opacity:1;transform:none}.work-note{align-self:center;padding:36px 0}.work-note>span{font-size:clamp(28px,3vw,48px);line-height:1.1;letter-spacing:-.04em}.work-note p{font-size:14px;line-height:2;margin:28px 0}.about{background:var(--ink);color:var(--paper);padding:86px 4% 0}.about-body{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;margin:55px 0 90px}.about h2{font-size:clamp(32px,4vw,62px);font-weight:500;line-height:1.55;letter-spacing:.01em;margin:0}.about h2 span{color:#a9aaa3}.about-copy{padding-top:10px}.about-copy p{font-size:15px;line-height:2.2;margin:0 0 30px}.about .text-link{border-color:var(--paper)}.disciplines{border-top:1px solid #62625e;display:flex;justify-content:space-between;padding:27px 0 34px;font-size:clamp(20px,3vw,48px);letter-spacing:-.03em}.contact{padding:75px 4% 60px;background:var(--accent)}.contact-meta{display:flex;align-items:center;justify-content:space-between}.contact-meta p{font-size:16px}.contact-link{font-size:clamp(60px,12vw,180px);letter-spacing:-.065em;display:flex;justify-content:space-between;align-items:center;line-height:1.3}.contact-link span{font-weight:400;transition:transform .3s}.contact-link:hover span{transform:translate(8px,-8px)}footer{padding:36px 4%;display:flex;justify-content:space-between;align-items:center}footer span,footer>a:last-child{font-size:12px}footer .wordmark{font-size:32px;letter-spacing:-3px}.skip{position:fixed;left:20px;top:-100px;background:var(--accent);padding:16px;z-index:10}.skip:focus{top:20px}@media(min-width:1600px){.hero{min-height:830px}.window{height:390px}.hero h1{margin-top:95px}}@media(max-width:760px){header{height:84px;gap:20px}.wordmark{font-size:36px}.header-note{display:none}nav{gap:20px;font-size:12px}nav sup{display:none}.hero{min-height:710px;padding-top:22px}.hero-top{font-size:10px}.hero-top>span:last-child{display:none}h1{font-size:clamp(64px,15vw,114px);margin-top:44px;line-height:1.04;letter-spacing:-.06em}.window{width:65%;height:245px;top:265px;right:7%;transform:rotate(6deg)}.hero-bottom{padding-top:244px;align-items:flex-end}.hero-bottom p{font-size:15px}.hero-bottom>a{font-size:9px;gap:18px}.frame-number{display:none}.section-head{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.section-head h2{font-size:26px}.section-head .text-link{justify-self:start}.works{padding-top:55px;padding-bottom:60px}.work-grid{grid-template-columns:1fr;gap:45px}.work-offset{margin-top:0;width:87%;justify-self:end}.work-third{width:87%;margin-left:0}.work-caption{gap:8px}.work-caption h3{font-size:14px}.work-caption>span{font-size:9px}.work-note{padding:14px 0}.about{padding-top:55px}.about-body{grid-template-columns:1fr;margin:40px 0 45px;gap:35px}.about-copy p{font-size:14px}.about h2{font-size:34px}.contact{padding-top:38px;padding-bottom:40px}.contact-meta p{font-size:14px}.contact-link{margin-top:25px}.disciplines{font-size:24px}footer{padding-top:26px;padding-bottom:26px}footer>a:last-child{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.case{padding:65px 4% 80px}.case-heading h1{font-size:clamp(44px,6vw,88px);letter-spacing:-.04em;margin:40px 0 26px;line-height:1.35}.case-heading h1 span{color:#72726c}.case-heading>p{font-size:18px}.case-meta{display:flex;gap:80px;align-items:flex-end;padding:35px 0 45px;font-size:12px}.case-meta b{display:block;margin-top:10px;font-size:16px;font-weight:500}.case-meta>a{margin-left:auto}.case-hero{margin:0}.case-hero img{width:100%;max-height:650px;object-fit:cover;display:block}.still-heading{display:flex;justify-content:space-between;align-items:center;margin:70px 0 30px}.still-heading h2{font-size:40px;letter-spacing:-.04em;font-weight:500}.still-heading span{font-size:12px}.stills{display:grid;grid-template-columns:1fr 1fr;gap:35px}.stills figure{margin:0}.stills figure:last-child{grid-column:1/-1;width:75%;margin:0 auto}.stills img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.stills figcaption{font-size:12px;margin-top:12px}.image-credit{font-size:12px;color:#62625e;margin:35px 0 65px}.image-credit a{text-decoration:underline}@media(max-width:760px){.case{padding-top:40px}.case-meta{gap:30px;flex-wrap:wrap}.case-meta>a{margin:0}.case-heading>p{font-size:15px}.stills{grid-template-columns:1fr}.stills figure:last-child{width:100%}.still-heading{margin-top:45px}.still-heading h2{font-size:30px}}
.work-filters{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:24px}.work-filters button{font:inherit;font-size:14px;display:flex;align-items:center;gap:16px;background:transparent;color:var(--ink);border:1px solid #aaa;cursor:pointer;padding:13px 22px;border-radius:0;transition:background .2s,color .2s}.work-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.work-filters button:hover{border-color:var(--ink)}.work-filters button:focus-visible{outline:3px solid #687700;outline-offset:4px}.work-filters button span{font-size:12px;opacity:.7}.result-count{font-size:12px;margin:24px 0 32px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}.archive-work[hidden]{display:none}.archive-work .work-image{aspect-ratio:4/3}.archive-work[data-category=anime] .work-image img{object-fit:contain}.archive-meta{display:flex;justify-content:space-between;font-size:12px;margin:16px 0 12px;color:#65655f}.archive-work h3{font-size:16px;line-height:1.6;font-weight:500;margin:0;overflow-wrap:anywhere}.archive-work p{font-size:14px;line-height:1.7;margin:8px 0 0;color:#65655f}.archive-work .work-image img{filter:none}.archive-work .open-work{font-size:12px}@media(max-width:960px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.archive-grid{grid-template-columns:1fr;gap:36px}.work-filters{gap:8px}.work-filters button{padding:11px 14px;gap:10px}.archive-work .work-image{aspect-ratio:4/3}.archive-meta{margin-top:14px}}
.hero h1{font-size:clamp(64px,10vw,160px);letter-spacing:-.055em}.hero-categories{position:absolute;right:0;top:135px;width:45%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero-category{background:var(--ink);color:var(--paper);display:block;transition:transform .35s}.hero-category:nth-child(2){transform:translateY(30px)}.hero-category:nth-child(3){transform:translateY(60px)}.hero-category:hover{transform:translateY(-8px)}.hero-category:nth-child(2):hover{transform:translateY(22px)}.hero-category:nth-child(3):hover{transform:translateY(52px)}.hero-category img{width:100%;height:225px;object-fit:cover;display:block}.hero-category>span{font-size:14px;display:flex;justify-content:space-between;padding:14px 10px;gap:6px}.hero-category b{font-weight:400}.hero-category:focus-visible{outline:3px solid #687700;outline-offset:5px}@media(max-width:760px){.hero h1{font-size:clamp(64px,15vw,114px);letter-spacing:-.045em}.hero-categories{top:260px;width:100%;gap:8px}.hero-category img{height:185px}.hero-category>span{font-size:12px;padding:12px 8px}.hero-category:nth-child(2){transform:translateY(16px)}.hero-category:nth-child(3){transform:translateY(32px)}.hero-bottom{padding-top:265px}}
/* Square thumbnails: the foreground always preserves the entire source image. */
.archive-work .work-image{aspect-ratio:1 / 1;isolation:isolate;background:#252525}
.archive-work .work-image .thumbnail-blur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(22px);transform:scale(1.18);z-index:0;pointer-events:none}
.archive-work .work-image .thumbnail-original{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:none;transform:none;z-index:1}
.archive-work:hover .work-image .thumbnail-original{transform:none;filter:none}
.archive-work:hover .work-image .thumbnail-blur{transform:scale(1.18);filter:blur(22px)}
.archive-work .open-work{z-index:2}
.brand-motion{position:absolute;right:3%;top:105px;width:34%;height:335px;perspective:900px}
.brand-window{position:absolute;inset:16px 12px 48px;border:1px solid var(--ink);animation:open-window 4s ease-in-out both}
.brand-letters{position:absolute;inset:16px 12px 48px;display:flex;justify-content:center;align-items:center;font-size:clamp(48px,7vw,110px);font-weight:500;letter-spacing:-.05em;gap:0}
.brand-letters span{animation:letters-arrive 3.8s cubic-bezier(.22,.61,.36,1) both}
.brand-letters span:nth-child(1){--x:-45px;--y:-65px}
.brand-letters span:nth-child(2){--x:45px;--y:-65px}
.brand-letters span:nth-child(3){--x:-45px;--y:65px}
.brand-letters span:nth-child(4){--x:45px;--y:65px}
.brand-caption{position:absolute;bottom:13px;width:100%;text-align:center;font-size:12px;letter-spacing:.04em}
@keyframes open-window{0%{transform:rotateY(-65deg);opacity:0}30%{opacity:1}100%{transform:rotateY(0);opacity:1}}
@keyframes letters-arrive{0%,15%{transform:translate(var(--x),var(--y));opacity:0}30%{opacity:1}100%{transform:translate(0,0);opacity:1}}
@media(max-width:760px){.brand-motion{top:270px;right:7%;width:86%;height:240px}.brand-letters{font-size:76px}.brand-window,.brand-letters{inset:10px 14px 44px}.hero-bottom{padding-top:240px}.brand-caption{font-size:12px}.archive-work .work-image{aspect-ratio:1 / 1}}
@media(prefers-reduced-motion:reduce){.brand-window,.brand-letters span{animation:none;transform:none;opacity:1}}
/* A quieter direction, drawn from the original mado motion. */
:root{--paper:#fff;--ink:#383b3b;--line:#dedfdd;--accent:#f4f5f3}
body{font-weight:400}header{height:100px;border-color:var(--line);margin:0 6%;gap:9%}.wordmark{font-size:32px;letter-spacing:-2px;font-weight:400}.header-note{color:#747773;letter-spacing:.02em}nav{gap:34px}nav a:after{background:#999}
.hero{margin:0 6%;min-height:690px;padding-top:28px}.hero-top{color:#777b78;letter-spacing:.09em}.hero h1{font-size:clamp(26px,3vw,42px);font-weight:400;letter-spacing:.13em;line-height:1.9;margin:175px 0 125px}.hero-bottom{padding-top:0;border-top:1px solid var(--line);padding-top:24px;padding-bottom:40px;gap:20px}.hero-bottom p{font-size:14px;line-height:2;color:#757975;letter-spacing:.04em}.hero-bottom>a{font-size:12px;color:#666;gap:25px}.hero-bottom>a span{font-size:18px}.frame-number{color:#888;font-size:12px}
.original-logo{position:absolute;top:90px;right:-2%;width:58%;text-align:right}.original-logo picture{display:block}.original-logo img{display:block;width:100%;height:auto;object-fit:contain}.original-logo button{border:0;border-bottom:1px solid var(--line);padding:5px 0;background:transparent;color:#777;font:inherit;font-size:12px;cursor:pointer;margin-right:10%}.original-logo button:hover{color:var(--ink);border-color:#999}
.works{background:#f8f9f7;padding:100px 6% 110px}.section-head{grid-template-columns:1fr 2fr;gap:40px;margin-bottom:60px}.eyebrow{letter-spacing:.12em;color:#747873}.section-head h2{font-size:23px;line-height:1.9;letter-spacing:.09em;font-weight:400}.work-filters{gap:28px;padding-bottom:0;border-bottom:1px solid var(--line)}.work-filters button{position:relative;padding:15px 0;border:0;background:none;border-bottom:1px solid transparent;color:#787c78;gap:10px}.work-filters button[aria-pressed=true]{background:none;color:var(--ink);border-color:var(--ink)}.work-filters button:hover{border-color:#999}.result-count{color:#828681;margin:23px 0 38px}.archive-grid{gap:60px 34px}.archive-work h3{font-size:16px;line-height:1.9;font-weight:400;letter-spacing:.025em}.archive-work p{font-size:14px;color:#838680}.archive-meta{margin:18px 0 9px;letter-spacing:.025em;color:#828680}.archive-work .open-work{background:rgba(255,255,255,.88);color:#555;border-radius:0;width:auto;height:auto;padding:9px 13px;font-size:12px;bottom:14px;right:14px}
.about{background:#fff;color:var(--ink);padding:110px 6% 0}.about-body{margin:65px 0 100px;gap:9%}.about h2{font-size:clamp(26px,3vw,42px);font-weight:400;line-height:1.95;letter-spacing:.08em}.about h2 span{color:#999e96}.about-copy p{font-size:16px;line-height:2.4;color:#6e746d}.about .text-link{border-color:#b7bcb4}.text-link{font-size:14px;border-color:#b7bcb4;color:#636b61}.disciplines{border-color:var(--line);font-size:26px;letter-spacing:.03em;color:#8a9087;padding:30px 0 38px}
.contact{background:#f5f6f3;padding:65px 6% 75px;border-top:1px solid #e7e9e3}.contact-meta p{font-size:15px;color:#7b8176;letter-spacing:.08em}.contact-link{font-size:clamp(44px,6vw,80px);letter-spacing:-.02em;line-height:1.6;font-weight:400;margin-top:20px}.contact-link span{font-size:.65em;color:#8b9384}.contact-link:hover span{transform:translate(3px,-3px)}footer{padding:32px 6%;color:#858b7f}footer .wordmark{font-size:28px;letter-spacing:-2px;color:var(--ink)}.case{padding-left:6%;padding-right:6%}.case-heading h1{font-size:clamp(30px,4vw,58px);line-height:1.7;font-weight:400;letter-spacing:.04em}.still-heading h2{font-size:30px;font-weight:400;letter-spacing:.015em}
@media(min-width:1600px){.hero{min-height:760px}.hero h1{margin-top:205px}.original-logo{top:90px;max-width:820px}.hero-bottom{margin-top:140px}}
@media(max-width:760px){header{height:80px;margin:0 6%}nav{gap:20px}.hero{min-height:735px;padding-top:23px}.hero h1{font-size:27px;line-height:1.9;letter-spacing:.08em;margin:40px 0 0}.hero-top{font-size:12px}.original-logo{top:200px;right:-4%;width:108%;max-width:none}.original-logo button{margin-top:4px}.hero-bottom{margin-top:335px;padding-top:20px;align-items:flex-end}.hero-bottom p{font-size:12px}.hero-bottom>a{font-size:12px;gap:12px}.hero-bottom>a span{font-size:16px}.works{padding-top:65px;padding-bottom:70px}.section-head{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.section-head h2{font-size:21px}.work-filters{column-gap:20px;row-gap:0}.work-filters button{font-size:14px;padding:13px 0}.archive-grid{gap:44px 22px}.about{padding-top:70px}.about-body{margin:35px 0 55px;gap:35px}.about h2{font-size:28px}.about-copy p{font-size:15px}.disciplines{font-size:19px;padding:24px 0}.contact{padding-top:40px;padding-bottom:45px}.contact-meta p{font-size:14px}.contact-link{font-size:52px}.case-heading h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){#logo-toggle{display:none}}
/* Keep the original motion in document flow, with a dedicated, non-overlapping cell. */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);column-gap:5%;row-gap:36px;align-items:center;min-height:0;padding-top:28px;padding-bottom:0}
.hero-top{grid-column:1/-1;min-width:0;gap:20px;flex-wrap:wrap}
.hero h1{grid-column:1;grid-row:2;margin:0;min-width:0;font-size:clamp(24px,2.7vw,40px);line-height:1.95;letter-spacing:.09em}
.original-logo{position:relative;inset:auto;grid-column:2;grid-row:2;width:100%;max-width:none;min-width:0;margin:0;padding:0;align-self:center;text-align:right}
.original-logo picture{display:block;width:100%;aspect-ratio:1547/1026}
.original-logo img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.original-logo button{display:inline-block;margin:12px 0 0;padding:7px 0}
.hero-bottom{grid-column:1/-1;grid-row:3;position:static;margin:0;padding:24px 0 40px;border-top:1px solid var(--line);min-width:0;flex-wrap:wrap}
@media(min-width:1600px){.hero{min-height:0;row-gap:44px}.hero h1{margin:0}.original-logo{inset:auto;max-width:none}.hero-bottom{margin:0}}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr);row-gap:28px;min-height:0;padding-top:23px}.hero-top{grid-column:1;grid-row:1}.hero h1{grid-column:1;grid-row:2;margin:0;font-size:27px;line-height:1.9}.original-logo{grid-column:1;grid-row:3;position:relative;inset:auto;width:100%;max-width:none;margin:0}.original-logo button{margin:8px 0 0}.hero-bottom{grid-column:1;grid-row:4;margin:0;padding:20px 0 32px;gap:20px}.hero-bottom p{flex:1 1 170px}.hero-bottom>a{flex:0 0 auto}}

.contact-link{font-size:clamp(26px,3vw,38px);font-weight:400;letter-spacing:.1em;line-height:1.8;margin-top:28px;padding:12px 0}.contact-link span{font-size:24px;font-weight:400}@media(max-width:760px){.contact-link{font-size:27px}.contact-link span{font-size:21px}}

.original-logo video{display:block;width:100%;height:auto;aspect-ratio:1547/1026;object-fit:contain;background:#fff}
@media(prefers-reduced-motion:reduce){#logo-toggle{display:inline-block}}

/* Image-first commercial detail pages */
.image-case{max-width:1320px;margin:auto}.image-case .case-heading h1{max-width:1000px;font-size:clamp(23px,3vw,40px);font-weight:400;line-height:1.7;letter-spacing:.035em;overflow-wrap:anywhere;margin:28px 0}.image-case .case-meta{padding:0 0 32px;gap:24px}.image-case .case-hero img{width:100%;height:auto;max-height:none;object-fit:contain}.case-back{display:inline-block;margin-top:48px}

/* Quiet, uncropped still galleries */
.frame-gallery{margin-top:64px}.frame-gallery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-bottom:28px}.frame-gallery-heading h2{font-size:17px;font-weight:400;letter-spacing:.08em;margin:0}.frame-gallery-heading span{font-size:10px;letter-spacing:.1em;color:#72726c}.frame-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;align-items:start}.frame-gallery-grid figure{margin:0;min-width:0}.frame-gallery-grid img{display:block;width:100%;height:auto;object-fit:contain}.frame-gallery-grid figcaption{margin-top:10px;font-size:10px;color:#72726c;letter-spacing:.1em}.frame-credit{font-size:11px;line-height:1.8;color:#72726c;margin:28px 0 0}.frame-credit a{text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.frame-gallery{margin-top:42px}.frame-gallery-grid{grid-template-columns:1fr;gap:24px}.frame-gallery-heading{margin-bottom:22px}}

/* Video first when official playback is available */
.case-video{margin:0 0 32px}.case-video-link{display:flex;align-items:center;gap:18px;width:fit-content;min-height:64px;padding:12px 24px 12px 18px;border:1px solid var(--line);border-radius:2px;font-size:15px;letter-spacing:.04em;transition:background .2s}.case-video-link:hover{background:#f1f1ed}.case-video-link:focus-visible{outline:2px solid currentColor;outline-offset:5px}.case-video-play{font-size:27px;font-weight:300}.case-video-link small{display:block;font-size:10px;letter-spacing:.05em;color:#72726c;margin-top:6px}@media(max-width:760px){.case-video-link{width:100%;box-sizing:border-box}.case-video{margin-bottom:26px}}

/* Single-row category selector, including small phones */
.filter-label{margin:0 0 12px;font-size:12px;letter-spacing:.06em;color:#666d66}.work-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-width:620px;box-sizing:border-box;padding:4px;border:1px solid #d8ddd7;border-radius:6px;background:#eef1ed}.work-filters button{display:flex;justify-content:center;align-items:center;min-width:0;min-height:48px;padding:10px 8px;gap:0;white-space:nowrap;font-size:14px;line-height:1.4;letter-spacing:0;border:1px solid transparent;border-radius:3px;color:#586158;background:transparent;cursor:pointer}.work-filters button[aria-pressed=true]{background:#fff;color:#202920;border-color:#c4cec2;box-shadow:0 1px 3px #2233220c;font-weight:600}.work-filters button:hover{background:#e5ebe3;border-color:transparent}.work-filters button[aria-pressed=true]:hover{background:#fff;border-color:#c4cec2}.work-filters button:focus-visible{outline:2px solid #485b46;outline-offset:3px}.result-count{font-size:12px;line-height:1.7;color:#626b61;margin:16px 0 30px}@media(max-width:760px){.work-filters{width:100%;max-width:none;gap:2px;padding:3px}.work-filters button{font-size:12px;min-height:46px;padding:10px 2px}.result-count{margin:14px 0 26px}}

/* Keep a real logo image visible until video playback starts. */
.logo-stage{position:relative;width:100%;aspect-ratio:1547/1026;background:#fff;overflow:hidden}.original-logo .logo-stage .logo-fallback{position:relative;display:block;width:100%;height:auto}.original-logo .logo-stage video{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.original-logo .logo-stage.is-playing video{opacity:1}