:root{color-scheme:light;--bg:#f1f1ef;--panel:#e6e6e3;--text:#232323;--muted:#62625f;--line:#23232330;--space:clamp(24px,4.7vw,76px);--radius:24px;--font:Arial,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:34px}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,video:focus-visible{outline:2px solid var(--text);outline-offset:6px}::selection{background:var(--text);color:var(--bg)}.skip{position:fixed;top:-100px;left:20px;z-index:1000;padding:15px;background:#fff;color:#111}.skip:focus{top:15px}.reading-line{position:fixed;top:0;left:0;width:var(--scroll-progress,0%);height:3px;background:var(--text);z-index:100}.header{height:100px;padding:0 var(--space);display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:5}.wordmark{display:flex;flex-direction:column;line-height:.9;font-size:25px;font-weight:900;letter-spacing:-1.4px}.wordmark span{font-size:12px;letter-spacing:2.8px;margin-top:8px}.division-nav{display:flex;gap:26px}.division-nav a{padding:12px 0;color:var(--muted);font-size:14px;font-weight:600;white-space:nowrap;border-bottom:2px solid transparent}.division-nav a[aria-current]{color:var(--text);border-color:var(--text)}.header-contact{font-size:14px;font-weight:600;background:var(--text);color:var(--bg);padding:13px 25px;border-radius:40px}.hero{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;min-height:670px;height:min(870px,calc(100svh - 100px));padding:0 var(--space) 75px;overflow:hidden;isolation:isolate}.hero-marquee{position:absolute;top:40%;left:0;width:100%;z-index:-1;overflow:hidden;pointer-events:none}.hero-marquee>div{display:flex;width:max-content;animation:marquee 32s linear infinite}.hero-marquee span{font-size:clamp(125px,17vw,280px);line-height:1.1;letter-spacing:-.08em;font-weight:900;white-space:nowrap;color:#fff}.hero-copy{position:relative;z-index:2;pointer-events:none;align-self:center;max-width:510px;padding-bottom:45px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.7;color:var(--muted)}.hero h1{font-size:clamp(50px,6vw,94px);font-weight:800;line-height:1.23;letter-spacing:-.065em;margin:26px 0}.line-mask{display:block;overflow:hidden;padding-bottom:.05em}.line-mask>span{display:block;animation:line-rise .85s cubic-bezier(.2,.8,.2,1) both}.line-mask:nth-child(2)>span{animation-delay:.12s}.hero-description{font-size:16px;color:var(--muted);line-height:1.8}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:16px 27px;border:1px solid var(--text);border-radius:40px;font-size:14px;line-height:1.5;font-weight:600;transition:background .2s,transform .25s,color .2s;pointer-events:auto}.primary{background:var(--text);color:var(--bg)}.primary:hover{background:#444;transform:translateY(-3px)}.secondary{background:transparent;color:var(--text)}.secondary:hover{background:var(--panel);transform:translateY(-3px)}.hero-copy .button{margin-top:30px}.globe-wrap{position:relative;min-width:0;width:122%;margin-left:-12%;height:100%;min-height:570px;animation:globe-arrive 1.2s cubic-bezier(.16,.7,.2,1) both}.orbit{position:absolute;inset:-25px -10px 68px;cursor:grab;touch-action:pan-y}.orbit.dragging{cursor:grabbing}#sphere{display:block;width:100%;height:100%;outline:none;filter:drop-shadow(0 28px 24px #1e1e2218)}.globe-loading{position:absolute;inset:0;z-index:3;display:grid;place-items:center;color:var(--muted);font-size:14px;pointer-events:none}.globe-ready .globe-loading,.no-webgl .globe-loading{display:none}.orb-fallback{display:none;position:absolute;inset:15%;border-radius:50%;background:#e6e6e3;align-items:center;justify-content:center;aspect-ratio:1}.orb-fallback img{width:55%}.no-webgl .orb-fallback{display:flex}.orbit-tools{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;white-space:nowrap}.drag-label{font-size:14px;color:var(--muted)}.rotation-buttons{display:flex;gap:7px}.rotation-buttons button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--bg);font-size:20px;line-height:1}.rotation-buttons button:hover{background:var(--text);color:var(--bg)}#rotation-toggle{font-size:14px}.hover-work{position:absolute;bottom:3px;text-align:center;left:0;right:0;min-height:16px;font-size:12px;color:var(--muted);letter-spacing:.05em;pointer-events:none}.hero-bottom{position:absolute;bottom:0;left:var(--space);right:var(--space);height:67px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:.08em;color:var(--muted)}.hero-bottom a{font-size:14px;letter-spacing:0;color:var(--text)}.hero-bottom a:hover{text-decoration:underline}.section{padding:100px var(--space);max-width:1800px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:38px}.section-heading h2{font-size:clamp(32px,5vw,72px);font-weight:800;line-height:1.15;letter-spacing:-.045em}.showreel{padding-top:80px;padding-bottom:30px;overflow:hidden}.reel-stage{padding:16px;border:1.5px solid var(--text);border-radius:34px;will-change:transform;transform-origin:center center;background:var(--bg)}.video-wrap{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--panel)}.video-wrap video{display:block;aspect-ratio:16/9;width:100%;max-height:720px;object-fit:contain;background:#e9e9eb}.reel-caption{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.05em;padding:16px 8px 0}.sound-toggle{border:1px solid var(--line);border-radius:40px;background:transparent;padding:9px 15px;font-size:12px}.works{padding-top:95px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}.filters button{border:1px solid var(--line);border-radius:30px;background:none;color:var(--muted);font-size:14px;padding:10px 18px;line-height:1.5}.filters button.active{color:var(--bg);background:var(--text);border-color:var(--text)}.filters span{font-size:12px;margin-left:8px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.work-item{text-align:left;background:none;padding:0;min-width:0;animation:card-reveal .6s both}.work-visual{display:block;aspect-ratio:1.25;background:#e4e4e1;border-radius:20px;overflow:hidden;position:relative;border:1px solid #23232312}.work-visual img{height:100%;width:100%;object-fit:contain;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.work-item.contain .work-visual img{padding:6%}.work-item:hover .work-visual img{transform:scale(1.06) rotate(-1deg)}.work-action{position:absolute;right:12px;bottom:12px;font-size:12px;background:#232323;color:#fff;padding:9px 13px;border-radius:30px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}.work-item:hover .work-action,.work-item:focus-visible .work-action{opacity:1;transform:none}.work-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:17px}.work-meta strong{font-size:17px;font-weight:600;line-height:1.5}.work-meta small{font-size:12px;color:var(--muted);line-height:1.6}.work-subtitle{display:block;font-size:14px;color:var(--muted);line-height:1.8;margin-top:6px}.archive-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:40px}.kinetic-section{background:var(--text);color:var(--bg);padding:30px var(--space);overflow:hidden;position:relative}.kinetic-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.1em;position:relative;z-index:2}.kinetic-heading button{font-size:12px;border:1px solid #ffffff60;border-radius:30px;padding:9px 14px;background:transparent}.kinetic-stage{height:clamp(320px,43vw,620px);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;isolation:isolate}.kinetic-word{display:flex;align-items:center;justify-content:center;gap:.2em;font-size:clamp(45px,10vw,155px);font-weight:900;line-height:1;letter-spacing:-.065em;z-index:1}.kinetic-word span{animation:kinetic-type 7s cubic-bezier(.2,.8,.2,1) infinite}.kinetic-word span:nth-child(2){animation-delay:.15s}.kinetic-word span:nth-child(3){animation-delay:.3s}.kinetic-caption{font-size:16px;margin-top:25px;z-index:1}.motion-rings{position:absolute;width:42%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.motion-rings i{position:absolute;inset:0;border:1px solid #f1f1ef60;border-radius:50%;animation:graphic-orbit 9s ease-in-out infinite}.motion-rings i:nth-child(2){inset:-20%;animation-delay:-2s}.motion-rings i:nth-child(3){inset:-40%;animation-delay:-4s}.motion-rings i:nth-child(4){inset:-60%;animation-delay:-6s}.motion-stamp{position:absolute;width:clamp(68px,9vw,125px);aspect-ratio:1;bottom:8%;right:1%;background:var(--bg);border-radius:50%;display:grid;place-items:center;animation:stamp-turn 14s linear infinite}.motion-stamp img{width:70%;mix-blend-mode:multiply}.service-list article{display:grid;grid-template-columns:50px 1fr 100px;gap:25px;padding:34px 0;border-top:1px solid var(--line);align-items:center}.service-num{font-size:12px;color:var(--muted);align-self:start;padding-top:9px}.service-list h3{font-size:30px;font-weight:650;line-height:1.5;margin-bottom:10px;letter-spacing:-.03em}.service-list p{font-size:16px;line-height:1.8;color:var(--muted)}.quiet-link{font-size:14px;border-bottom:1px solid var(--line);padding:10px 0;text-align:center}.quiet-link:hover{border-color:var(--text)}.contact{padding-top:60px;padding-bottom:100px;border-top:1px solid var(--line)}.contact h2{font-size:clamp(44px,7vw,106px);line-height:1.2;font-weight:800;letter-spacing:-.055em;margin-top:25px}.contact-intro{font-size:16px;color:var(--muted);line-height:1.9;margin:28px 0}.contact-links{display:flex;gap:12px;flex-wrap:wrap}.contact-help{font-size:12px;color:var(--muted);line-height:1.8;margin-top:18px;min-height:22px}footer{padding:35px var(--space);display:flex;align-items:center;gap:40px;border-top:1px solid var(--line)}footer>a:not(.wordmark){font-size:14px;color:var(--muted);margin-left:auto}footer>span{font-size:12px;color:var(--muted)}dialog{padding:0;border:1px solid var(--line);border-radius:24px;width:min(1140px,94vw);max-height:90svh;background:var(--bg);color:var(--text);overflow:auto;box-shadow:0 30px 100px #0004}dialog[open]{display:grid;grid-template-columns:1.1fr 1fr}dialog::backdrop{background:#181819bb;backdrop-filter:blur(8px)}.dialog-media{background:#e4e4e1;display:flex;align-items:center;justify-content:center;padding:24px;min-height:520px}.dialog-media img,.dialog-media video{width:100%;max-height:72vh;object-fit:contain}.dialog-info{padding:66px 32px 32px}.dialog-info h2{font-size:28px;line-height:1.5;font-weight:650;margin:15px 0}.dialog-info>p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--muted)}.dialog-info dl{margin:26px 0}.dialog-info dt{font-size:12px;color:var(--muted);margin-top:20px}.dialog-info dd{font-size:14px;line-height:1.8;margin:7px 0}.dialog-close{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:50%;background:var(--bg);border:1px solid var(--line);font-size:26px;z-index:2}.dialog-nav{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:25px;margin-top:25px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.dialog-nav button{background:none;padding:10px 0;color:var(--text);font-size:14px}.no-scroll{overflow:hidden}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s}.reveal.is-visible{opacity:1;transform:none}body[data-motion=off] *,body.page-hidden *{animation-play-state:paused!important}body[data-motion=off] .reveal{opacity:1;transform:none}body[data-motion=off] .hero-marquee>div{transform:translateX(0)}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes line-rise{from{transform:translateY(115%)}to{transform:none}}@keyframes globe-arrive{from{opacity:0;transform:translateY(70px) rotate(-12deg) scale(.85)}to{opacity:1;transform:none}}@keyframes card-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes kinetic-type{0%,8%{transform:translateY(45%) rotate(6deg);opacity:0}18%,68%{transform:none;opacity:1}80%,100%{transform:translateY(-45%) rotate(-6deg);opacity:0}}@keyframes graphic-orbit{0%,100%{transform:rotate(-35deg) scaleX(.34)}50%{transform:rotate(35deg) scaleX(1)}}@keyframes stamp-turn{to{transform:rotate(360deg)}}
@media(min-width:1700px){.hero{height:880px}.hero h1{font-size:104px}.globe-wrap{max-width:1050px}}@media(max-width:1100px){.hero{grid-template-columns:.9fr 1.1fr;min-height:640px}.hero h1{font-size:56px}.hero-description{font-size:14px}.globe-wrap{width:140%;margin-left:-20%;min-height:530px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-meta{display:block}.work-meta small{display:block;margin-top:4px}.header{gap:15px}.header-contact{font-size:12px;padding:11px 18px}}
@media(max-width:700px){.header{height:115px;padding:22px 22px;align-items:flex-start;position:relative;gap:15px}.wordmark{font-size:22px}.wordmark span{font-size:12px;letter-spacing:1.6px}.header-contact{margin-left:auto;font-size:12px;padding:10px 16px}.division-nav{position:absolute;top:70px;left:22px;right:22px;gap:25px}.division-nav a{padding:8px 0;font-size:14px}.hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;padding:27px 22px 60px}.hero-copy{pointer-events:auto;padding:0}.hero h1{font-size:clamp(46px,12vw,72px);margin:16px 0;line-height:1.23}.hero-description{font-size:14px;line-height:1.8}.hero-copy .button{margin-top:22px;padding:12px 23px;min-height:46px}.hero .eyebrow{font-size:12px}.hero-marquee{top:53%}.hero-marquee span{font-size:110px}.globe-wrap{width:calc(100% + 44px);height:420px;min-height:0;margin:-2px -22px 0}.orbit{inset:0 0 64px}.orbit-tools{gap:16px;bottom:25px}.drag-label{font-size:12px}.rotation-buttons button{width:34px;height:34px}.hover-work{bottom:1px;font-size:12px}.hero-bottom{left:22px;right:22px;height:50px}.hero-bottom>span{font-size:10px;letter-spacing:.02em;max-width:140px;line-height:1.6}.hero-bottom a{font-size:12px}.section{padding:58px 22px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:39px;margin-top:10px}.showreel{padding-bottom:15px}.reel-stage{padding:9px;border-radius:22px}.video-wrap{border-radius:14px}.reel-caption{font-size:10px;padding:12px 3px 2px}.sound-toggle{font-size:10px;padding:7px 9px}.filters{gap:8px;margin-bottom:26px}.filters button{font-size:14px;padding:8px 13px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.work-visual{aspect-ratio:1/1;border-radius:13px}.work-meta{display:block;margin-top:12px}.work-meta strong{font-size:14px}.work-meta small{font-size:10px;text-align:left;margin-top:4px}.work-subtitle{font-size:12px;line-height:1.6}.work-action{display:none}.archive-note{font-size:12px}.kinetic-section{padding:22px}.kinetic-stage{height:315px}.kinetic-word{font-size:clamp(39px,10.5vw,64px);gap:.16em}.kinetic-caption{font-size:14px;margin-top:20px}.motion-rings{width:60%}.motion-stamp{width:60px;right:0;bottom:8%}.kinetic-heading{font-size:10px}.kinetic-heading button{font-size:12px;padding:8px 11px}.service-list article{grid-template-columns:25px 1fr;gap:15px;padding:26px 0}.service-list h3{font-size:23px}.service-list p{font-size:16px}.service-list .quiet-link{grid-column:2;justify-self:start;padding:6px 0}.contact h2{font-size:48px}.contact-links{display:grid;grid-template-columns:1fr}.contact-intro{font-size:16px}footer{padding:32px 22px;gap:24px;flex-wrap:wrap}footer>a:not(.wordmark){font-size:12px}footer>span{width:100%}dialog[open]{display:block}.dialog-media{min-height:0;height:330px;padding:20px}.dialog-media img,.dialog-media video{max-height:100%}.dialog-info{padding:28px 24px}.dialog-info h2{font-size:25px}.dialog-close{position:sticky;top:12px;float:right;margin:12px 12px -52px 0}.dialog-info .button{width:100%}}
@media(max-width:370px){.hero h1{font-size:44px}.globe-wrap{height:385px}.division-nav a{font-size:13px}.section-heading h2{font-size:33px}.work-grid{gap:24px 10px}.kinetic-word{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

body[data-motion=off] .line-mask>span,body[data-motion=off] .globe-wrap,body[data-motion=off] .work-item,body[data-motion=off] .kinetic-word span{animation:none!important;opacity:1;transform:none}.dialog-media [hidden]{display:none!important}

.work-video-badge{position:absolute;left:12px;bottom:12px;background:#232323;color:#fff;padding:9px 13px;border-radius:30px;font-size:12px;letter-spacing:.02em}@media(max-width:700px){.work-video-badge{font-size:10px;padding:7px 9px;left:8px;bottom:8px}}

/* Moving imagery lives behind the floating work layer. */
.hero-background{position:absolute;inset:0 0 55px 30%;z-index:-2;overflow:hidden;pointer-events:none;background:var(--panel);mask-image:linear-gradient(to right,transparent 0%,#000 32%),linear-gradient(to bottom,transparent,#000 17%,#000 78%,transparent);mask-composite:intersect}
.hero-background::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f1f1efaa,#f1f1ef26 70%);pointer-events:none}
.hero-video{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(.88);opacity:.40;transform:scale(1.05)}
.hero-background.video-fallback .hero-video{opacity:.22}
.hero-marquee{z-index:-1;opacity:.75}
.hero-playback{position:absolute;top:20px;right:var(--space);display:flex;gap:10px;z-index:4}
.hero-playback button{font-size:12px;line-height:1.5;padding:9px 15px;border:1px solid var(--line);border-radius:30px;background:#f1f1efdc;backdrop-filter:blur(10px)}
.hero-playback [hidden]{display:none!important}.globe-wrap{animation:none}
.orbit-media-cache{position:fixed;left:0;bottom:0;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none;z-index:-5}.orbit-media-cache video{width:1px;height:1px}
/* A charcoal portal dissolves into the existing light-gray world. */
.entry-overlay{display:none;position:fixed;inset:0;z-index:900;background:#151619;pointer-events:none;--portal-x:67vw;--portal-y:49vh;--portal-opening:0px;mask-image:radial-gradient(circle at var(--portal-x) var(--portal-y),transparent var(--portal-opening),#000 calc(var(--portal-opening) + 2px))}
html[data-entry=pending] .entry-overlay,html[data-entry=running] .entry-overlay{display:block}
.entry-tunnel{position:absolute;inset:0;width:100%;height:100%}.entry-brand{position:absolute;left:67%;top:49%;transform:translate(-50%,-50%);width:max-content;text-align:center;color:#f1f1ef}
.entry-brand img{display:block;width:96px;height:96px;object-fit:contain;background:#f1f1ef;border-radius:50%;padding:18px;margin:0 auto 26px;box-shadow:0 0 80px #ffffff14}.entry-brand>span{font-size:clamp(21px,3vw,42px);font-weight:800;letter-spacing:-.03em}.entry-brand p{font-size:14px;line-height:1.8;margin-top:16px;letter-spacing:.14em;color:#d4d4d3}
.entry-skip{display:none;position:fixed;right:var(--space);top:28px;z-index:901;background:#23242acc;color:#f1f1ef;border:1px solid #ffffff60;border-radius:30px;padding:12px 20px;font-size:14px}.entry-skip:focus-visible{outline-color:white}
html[data-entry=pending] .entry-skip,html[data-entry=running] .entry-skip{display:block}
html[data-entry=done] .entry-overlay,html[data-entry=done] .entry-skip{display:none}
@media(max-width:700px){.hero-background{inset:34% -45% 55px -45%;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 70%,transparent)}.hero-playback{top:auto;bottom:65px;right:22px}.hero-playback button{font-size:12px;padding:7px 11px}.orbit-tools{bottom:49px}.hover-work{bottom:30px}.entry-brand{left:50%;top:54%}.entry-brand img{width:80px;height:80px;padding:15px}.entry-skip{right:22px;top:24px}}
@media(prefers-reduced-motion:reduce){.entry-overlay,.entry-skip{display:none!important}.hero-video{transform:none}}