/* Source: /styles.css */
:root{color-scheme:dark;--bg:#080808;--fg:#f1f0eb;--muted:#9a9a96;--line:#2c2c2a;--accent:#c5fb54;--gutter:clamp(22px,4vw,72px);--font:Arial,Helvetica,'Noto Sans JP','Hiragino Kaku Gothic ProN',Meiryo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased}body.has-dialog{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}button:disabled{cursor:default}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}button{border-radius:0}::selection{background:var(--accent);color:#000}.skip{position:fixed;top:10px;left:20px;z-index:200;background:var(--fg);color:#111;padding:14px;transform:translateY(-150%)}.skip:focus{transform:none}.header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:48px;height:112px;padding:20px var(--gutter);color:#fff}.wordmark{font-weight:800;letter-spacing:-.085em;font-size:3rem;line-height:1;padding-right:4px}.wordmark span{color:var(--accent)}.header-studio{font-size:0.75rem;line-height:1.25;letter-spacing:.02em}.nav{display:flex;align-items:center;gap:32px;margin-left:auto}.nav a{font-size:0.875rem;position:relative;padding:10px 0}.nav a:after,.text-link:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav a:hover:after,.text-link:hover:after{transform:scaleX(1)}.nav a span{font-size:0.625rem;vertical-align:top;margin-left:7px;color:#92928e}.menu-toggle{display:none;background:none;border:0;padding:12px 0}.hero{position:relative;isolation:isolate;min-height:740px;height:100svh;max-height:1160px;overflow:hidden;background:#050505;padding:0 var(--gutter)}.hero-art,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-art{background:#050505}.hero-fallback{width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:.8}.hero-art canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s}.hero-art.webgl-ready canvas{opacity:1}.hero-art.webgl-ready .hero-fallback{opacity:0;transition:opacity 1.2s}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(5,5,5,.68),transparent 80%),linear-gradient(0deg,rgba(5,5,5,.84),transparent 26%,transparent 80%,rgba(5,5,5,.35))}.hero-topline{position:absolute;top:142px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:0.75rem;letter-spacing:.05em;color:#b4b4b0}.hero-copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:170px}.hero-jp{font-size:clamp(16px,1.5vw,22px);letter-spacing:.12em;margin-bottom:25px}.hero h1{font-size:clamp(85px,13.8vw,226px);letter-spacing:-.078em;line-height:.83;font-weight:700;margin-left:-.065em}.hero h1 span{white-space:nowrap}.hero-bottom{position:absolute;bottom:42px;left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.hero-bottom p{font-size:0.875rem;line-height:1.8;color:#bcbcb8}.scroll-cue{display:flex;gap:20px;align-items:center;font-size:0.8125rem;white-space:nowrap}.scroll-cue span{height:1px;background:#aaa;width:70px}.motion-toggle{display:flex;align-items:center;gap:9px;white-space:nowrap;padding:10px 0;background:transparent;border:0;color:#bcbcb8;font-size:0.75rem}.motion-toggle[hidden]{display:none}.pause-symbol{font-size:1.125rem;line-height:1}.preview-note{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #252523;border-bottom:1px solid #252523;padding:16px var(--gutter);font-size:0.75rem;color:#858581}.preview-note>span:first-child{letter-spacing:.08em}.section{padding:120px var(--gutter)}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:65px}.eyebrow{font-size:0.75rem;font-weight:400;letter-spacing:.07em;line-height:1.5}.section-kicker{font-size:0.75rem;line-height:1.5;letter-spacing:.03em;text-align:right;color:#9b9b98}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:54px}.work-heading h2{font-size:clamp(80px,12vw,190px);font-weight:500;letter-spacing:-.075em;line-height:.8}.count{font-size:0.9375rem;letter-spacing:-.04em;display:inline-block;vertical-align:top;margin:12px 0 0 23px}.work-heading>p{font-size:0.875rem;color:#aaa;line-height:1.9}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:34px;row-gap:100px;align-items:start}.work-card{padding:0;text-align:left;border:0;background:none;min-width:0}.work-feature{grid-column:1/-1}.work-image{position:relative;overflow:hidden;background:#151515}.work-image img{width:100%;height:100%;aspect-ratio:1280/722;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1),filter .8s}.work-feature .work-image img{aspect-ratio:2.18;object-fit:cover}.work-card:hover .work-image img{transform:scale(1.035);filter:brightness(.8)}.work-card:focus-visible .work-image img{filter:brightness(.7)}.work-number{position:absolute;top:20px;left:22px;font-size:0.75rem;color:white;text-shadow:0 1px 7px #000}.view-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);font-size:0.75rem;letter-spacing:.04em;padding:17px 21px;border:1px solid #ffffff88;background:#0004;backdrop-filter:blur(10px);opacity:0;transition:.3s;white-space:nowrap;color:white}.work-card:hover .view-label,.work-card:focus-visible .view-label{opacity:1;transform:translate(-50%,-50%)}.work-meta{display:grid;grid-template-columns:1fr auto;gap:6px 20px;padding-top:22px;border-bottom:1px solid var(--line);padding-bottom:20px}.work-meta h3{font-weight:500;font-size:1.5rem;letter-spacing:-.035em;line-height:1.2;grid-column:1}.work-meta small{display:block;font-size:0.8125rem;letter-spacing:0;margin-top:8px;color:#aaa}.work-meta p{font-size:0.75rem;color:#aaa;grid-column:1;line-height:1.5}.work-meta>span{font-size:0.75rem;grid-column:2;grid-row:1}.work-droas{grid-column:1/8}.work-tumi{grid-column:8/13;margin-top:200px}.work-tumi .work-meta h3{font-size:1.5rem}.work-koiniwa{grid-column:6/13}.work-end{grid-column:1/5;grid-row:3;align-self:center}.work-end>p{font-size:clamp(24px,3vw,44px);line-height:1.15;letter-spacing:-.04em;color:#7f7f7b;margin-bottom:45px}.text-link{display:inline-flex;align-items:center;gap:35px;position:relative;font-size:0.875rem;padding-bottom:14px;border-bottom:1px solid #555}.link-mark{font-size:1.5rem;font-weight:200}.about{border-top:1px solid var(--line);padding-bottom:0}.about-statement{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:end}.about h2{font-size:clamp(34px,4.8vw,74px);font-weight:500;letter-spacing:-.04em;line-height:1.4}.about h2 span{color:#7b7b78}.about-description{max-width:520px}.about-description p{font-size:1rem;line-height:2}.about-description p:first-child{font-size:1.25rem;line-height:1.8;margin-bottom:28px}.about-description p+p{color:#9e9e99}.studio-line{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:clamp(16px,2.7vw,40px);letter-spacing:-.04em;padding:80px 0 45px;border-bottom:1px solid var(--line);color:#8e8e89}.services{padding-top:110px}.section-title{font-size:clamp(64px,9.3vw,148px);letter-spacing:-.07em;line-height:.88;font-weight:500;margin-bottom:70px}.service-item{display:grid;grid-template-columns:.18fr 1fr 1fr;gap:30px;padding:35px 0;border-top:1px solid var(--line);align-items:start}.service-item:last-child{border-bottom:1px solid var(--line)}.service-num{font-size:0.75rem;color:#898984;padding-top:8px}.service-item h3{font-size:clamp(26px,3.3vw,50px);line-height:1.08;letter-spacing:-.045em;font-weight:400}.service-item h3 span{display:block;font-size:0.8125rem;letter-spacing:0;color:#92928c;margin-top:15px}.service-item p{font-size:1rem;line-height:1.9;color:#adada7;max-width:480px}.partners{background:#111110;border-top:1px solid #242422;border-bottom:1px solid #242422}.partner-head{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:60px;align-items:center}.partner-head h2{font-size:clamp(30px,4vw,64px);font-weight:400;letter-spacing:-.04em}.partner-tabs{display:flex;gap:30px;border-bottom:1px solid #373734;margin-left:33.333%}.partner-tabs button{border:0;border-bottom:2px solid transparent;background:none;font-size:0.875rem;padding:18px 0;color:#888882}.partner-tabs button[aria-selected=true]{border-bottom-color:var(--fg);color:var(--fg)}.partner-panel{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding-top:56px}.partner-panel[hidden]{display:none}.partner-panel h3{font-weight:400;font-size:clamp(28px,3.2vw,48px);letter-spacing:-.035em;line-height:1.5;margin-bottom:24px}.partner-panel p{font-size:1rem;line-height:1.95;color:#aaa9a2;max-width:490px}.partner-panel ol{list-style:none;margin:0;padding:0}.partner-panel li{display:flex;gap:30px;border-bottom:1px solid #33332f;padding:22px 0}.partner-panel li:first-child{padding-top:0}.partner-panel li>span{font-size:0.75rem;color:#76766f;padding-top:4px}.partner-panel strong{font-size:1rem;font-weight:400}.partner-panel li p{font-size:0.875rem;margin-top:7px}.company{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding-top:100px;padding-bottom:100px}.company dl{margin:0}.company dl>div{display:grid;grid-template-columns:1fr 3fr;border-bottom:1px solid var(--line);padding:18px 0;gap:20px;font-size:0.875rem;line-height:1.6}.company dt{color:#898982}.company dd{margin:0}.company a:hover{text-decoration:underline}.contact{padding:100px var(--gutter) 75px;border-top:1px solid var(--line)}.contact .section-top{margin-bottom:60px}.contact .section-top>span{font-size:0.875rem;color:#aaa}.contact h2{font-size:clamp(80px,16vw,250px);font-weight:500;line-height:.84;letter-spacing:-.075em;margin-left:-.045em}.contact-bottom{margin-top:70px;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.contact-email{font-size:clamp(23px,3.3vw,50px);letter-spacing:-.045em;border-bottom:1px solid #888;padding-bottom:10px}.contact-email:hover{color:var(--accent);border-color:var(--accent)}.contact-bottom p{font-size:0.875rem;line-height:1.9;color:#999}.footer{display:flex;align-items:flex-end;gap:60px;padding:45px var(--gutter);border-top:1px solid var(--line)}.footer .wordmark{font-size:4.375rem}.footer>p{font-size:0.75rem;line-height:1.3;color:#919189}.footer>div{margin-left:auto;display:flex;gap:45px;font-size:0.75rem;color:#8a8a85}.footer a:hover{color:#fff}dialog{position:fixed;inset:0;width:min(1040px,calc(100% - 60px));max-height:90svh;margin:auto;padding:0;border:1px solid #42423d;background:#111;color:var(--fg);overflow:auto}dialog::backdrop{background:#000d;backdrop-filter:blur(12px)}.dialog-close{position:sticky;top:0;display:flex;align-items:center;gap:20px;justify-content:flex-end;padding:18px 24px;background:#111;border:0;width:100%;font-size:0.8125rem;z-index:2}.dialog-close span{font-size:1.5rem}.dialog-image{background:#000}.dialog-image img{aspect-ratio:1280/722;object-fit:contain}.dialog-body{padding:40px}.dialog-body h2{font-size:clamp(24px,4vw,46px);font-weight:400;line-height:1.3;letter-spacing:-.03em;margin:18px 0 36px}.dialog-details{margin:0}.dialog-details>div{display:grid;grid-template-columns:1fr 2fr;gap:20px;border-top:1px solid var(--line);padding:15px 0;font-size:0.875rem;line-height:1.5}.dialog-details dt{color:#999}.dialog-details dd{margin:0}.dialog-note{font-size:0.8125rem;color:#92928b;line-height:1.7;margin-top:25px}.dialog-links a{display:inline-block;padding:15px 0;border-bottom:1px solid #bbb;font-size:0.875rem;margin-top:20px}.dialog-links a:hover{color:var(--accent)}
@media(min-width:1800px){.section,.contact,.footer{padding-left:max(var(--gutter),calc((100vw - 1656px)/2));padding-right:max(var(--gutter),calc((100vw - 1656px)/2))}}
@media(max-width:1000px){.header-studio{display:none}.nav{gap:24px}.hero{min-height:700px}.hero-copy{bottom:200px}.hero h1{font-size:14.2vw}.hero-bottom{flex-wrap:wrap}.hero-bottom p{font-size:0.8125rem}.section{padding-top:85px;padding-bottom:85px}.work-grid{column-gap:24px;row-gap:70px}.work-tumi{margin-top:100px}.work-meta h3{font-size:1.25rem}.about-statement{gap:45px;grid-template-columns:1fr 1fr}.about h2{font-size:4.8vw}.about-description p{font-size:0.9375rem}.about-description p:first-child{font-size:1.125rem}.about{padding-bottom:0}.service-item{grid-template-columns:30px 1fr 1fr;gap:20px}.service-item p{font-size:0.9375rem}.partner-panel{gap:50px}.partner-tabs{margin-left:0}.contact-bottom{align-items:flex-start;flex-direction:column;gap:30px}.footer>div{gap:25px}}
@media(max-width:680px){html{scroll-padding-top:30px}.header{height:89px;gap:20px}.header .wordmark{font-size:2.625rem}.menu-toggle{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:0.8125rem;min-height:44px}.menu-lines{width:24px;height:8px;border-top:1px solid;border-bottom:1px solid;transition:transform .3s}.menu-toggle[aria-expanded=true] .menu-lines{transform:rotate(-45deg)}.nav{display:none;position:absolute;top:89px;left:0;right:0;background:#080808;padding:28px var(--gutter) 35px;border-bottom:1px solid #3b3b35}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav a{font-size:2rem;padding:18px 0;border-bottom:1px solid #292925;letter-spacing:-.035em}.nav a span{font-size:0.75rem;margin-left:15px}.hero{min-height:700px;height:100svh;max-height:1000px}.hero-topline{top:116px;font-size:0.6875rem}.hero-copy{bottom:207px}.hero h1{font-size:18vw;letter-spacing:-.07em;line-height:.9}.hero-jp{font-size:0.9375rem;letter-spacing:.06em;margin-bottom:22px}.hero-shade{background:linear-gradient(0deg,#050505 0%,#05050530 55%,#05050555 100%)}.hero-fallback{object-fit:cover;object-position:61% center;opacity:.75}.hero-bottom{bottom:28px;gap:23px}.hero-bottom p{width:100%;font-size:0.75rem;line-height:1.8;max-width:360px}.scroll-cue{font-size:0.75rem;gap:12px}.scroll-cue span{width:32px}.motion-toggle{margin-left:auto}.preview-note{font-size:0.625rem;line-height:1.5;gap:15px;padding-top:13px;padding-bottom:13px}.preview-note>span:last-child{font-size:0.6875rem;max-width:145px}.section{padding-top:65px;padding-bottom:65px}.section-top{margin-bottom:42px}.section-kicker{font-size:0.625rem}.eyebrow{font-size:0.6875rem}.work-heading{align-items:flex-start;flex-direction:column;margin-bottom:32px;gap:26px}.work-heading h2{font-size:22vw}.count{font-size:0.8125rem;margin:8px 0 0 17px}.work-heading>p{font-size:0.8125rem;line-height:1.8}.work-grid{display:flex;flex-direction:column;gap:45px}.work-card{width:100%}.work-feature .work-image img{aspect-ratio:1280/722}.work-tumi{margin-top:0}.work-meta{padding-top:17px;padding-bottom:15px}.work-meta h3{font-size:1.3125rem}.work-meta small{font-size:0.75rem;margin-top:6px}.work-meta p,.work-meta>span{font-size:0.6875rem}.work-number{left:14px;top:14px;font-size:0.6875rem}.view-label{font-size:0.625rem;padding:12px 16px}.work-end{order:5;width:100%;display:flex;align-items:end;justify-content:space-between;gap:22px;padding-top:6px}.work-end>p{font-size:1.1875rem;margin:0}.text-link{font-size:0.75rem;gap:15px;white-space:nowrap}.link-mark{font-size:1.25rem}.about{padding-bottom:0}.about-statement{display:block}.about h2{font-size:8.7vw;line-height:1.5;margin-bottom:40px}.about-description{max-width:100%}.about-description p:first-child{font-size:1.125rem;margin-bottom:20px}.about-description p{font-size:0.9375rem;line-height:2}.studio-line{font-size:0.8125rem;gap:14px;padding:42px 0 30px;letter-spacing:-.015em}.section-title{font-size:16.5vw;margin-bottom:43px}.service-item{grid-template-columns:22px 1fr;padding:28px 0;gap:16px}.service-num{font-size:0.6875rem}.service-item h3{font-size:2rem}.service-item h3 span{font-size:0.75rem;margin-top:10px}.service-item p{grid-column:2;font-size:0.875rem;line-height:1.9}.partner-head{display:block;margin-bottom:32px}.partner-head h2{font-size:7vw;margin-top:25px}.partner-tabs{gap:20px}.partner-tabs button{font-size:0.75rem;padding:18px 0}.partner-panel{display:block;padding-top:32px}.partner-panel h3{font-size:1.6875rem;line-height:1.5;margin-bottom:20px}.partner-panel p{font-size:0.875rem}.partner-panel ol{margin-top:32px}.partner-panel li{gap:20px;padding:20px 0}.partner-panel strong{font-size:0.875rem}.partner-panel li p{font-size:0.8125rem}.company{display:block}.company h2{margin-bottom:28px}.company dl>div{font-size:0.8125rem;grid-template-columns:65px 1fr;gap:18px}.contact{padding:65px var(--gutter) 55px}.contact .section-top{margin-bottom:44px}.contact .section-top>span{font-size:0.75rem}.contact h2{font-size:20.7vw}.contact-bottom{margin-top:43px;gap:26px}.contact-email{font-size:7vw}.contact-bottom p{font-size:0.8125rem;line-height:1.9}.footer{flex-wrap:wrap;gap:25px;align-items:center;padding-top:30px;padding-bottom:30px}.footer .wordmark{font-size:3.5625rem}.footer>p{font-size:0.625rem;margin-left:auto}.footer>div{width:100%;justify-content:space-between;margin-top:15px;font-size:0.6875rem}dialog{width:calc(100% - 24px);max-height:94svh}.dialog-close{padding:12px 18px}.dialog-body{padding:24px}.dialog-body h2{font-size:1.5625rem;margin:15px 0 28px}.dialog-details>div{grid-template-columns:1fr;gap:6px;font-size:0.8125rem}.dialog-note{font-size:0.75rem}.dialog-links a{font-size:0.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-art canvas{display:none}.hero-art.webgl-ready .hero-fallback{opacity:.8}}@media(forced-colors:active){.hero-art,.hero-shade{display:none}.work-meta,.service-item{border-color:CanvasText}}
/* Readability pass: body text stays usable on phone and at enlarged text sizes. */
@media(max-width:680px){.hero-bottom p{font-size:0.875rem;max-width:360px}.hero-copy{bottom:228px}.hero-bottom{row-gap:20px}.about-description p,.service-item p,.partner-panel p{font-size:1rem}.partner-panel li p{font-size:0.875rem}.work-heading>p,.contact-bottom p{font-size:0.875rem}.preview-note{font-size:0.6875rem}.section-kicker,.hero-topline,.eyebrow,.work-number,.work-meta p,.work-meta>span,.footer>p,.footer>div{font-size:0.75rem}.header .nav a span{font-size:0.75rem}}
/* Art-directed 3D render: photographic material quality, a quieter spatial drift. */
.hero-art{transform:translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0);will-change:transform}
.hero-fallback{opacity:1;transform:translate3d(13%,0,0) scale(1.025);transform-origin:56% 50%;will-change:transform}
.hero-art.motion-ready .hero-fallback{animation:render-drift 24s ease-in-out infinite;animation-play-state:paused}
.hero-art.motion-active .hero-fallback{animation-play-state:running}
@keyframes render-drift{0%,100%{transform:translate3d(13%,0,0) scale(1.025)}50%{transform:translate3d(12%,-.8%,0) scale(1.055)}}
@media(max-width:680px){.hero-fallback{position:absolute;top:64px;left:50%;width:240%;height:auto;max-width:none;object-fit:contain;transform:translateX(-50%);transform-origin:50% 50%}.hero-art.motion-ready .hero-fallback{animation-name:render-drift-mobile}.hero-shade{background:linear-gradient(0deg,#050505 0%,#050505c0 18%,#05050500 54%,#05050520 100%)}@keyframes render-drift-mobile{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translate(-49%,-1%) scale(1.015)}}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none!important}.hero-fallback{will-change:auto}.hero-art.motion-ready .hero-fallback{animation:none!important}}
/* Identity and editorial pass: original logo, calmer metadata, better glyph spacing. */
:root{--accent:#b7ccff}
.brand{--brand-width:115px;position:relative;display:block;flex-shrink:0;width:var(--brand-width);height:calc(var(--brand-width)*376/685);overflow:hidden}
.brand img{position:absolute;max-width:none;width:calc(var(--brand-width)*1895/685);height:auto;left:calc(var(--brand-width)*-618/685);top:calc(var(--brand-width)*-350/685)}
.hero h1{letter-spacing:-.055em}.hero-jp{text-shadow:0 2px 22px #000,0 1px 4px #0009}
.hero-bottom p{font-size:0.9375rem}.work-heading>p{font-size:1rem}.work-end>p{font-size:clamp(22px,2.4vw,35px);line-height:1.6;letter-spacing:-.035em}
.section-title{letter-spacing:-.055em;font-size:clamp(60px,8.8vw,140px)}
.contact h2.contact-jp{font-size:clamp(62px,7.8vw,125px);letter-spacing:-.035em;line-height:1.35;font-weight:500;margin-left:0}
.footer .brand{--brand-width:168px}.footer{align-items:center}
@media(max-width:1000px){.hero-bottom p{font-size:0.875rem}.work-heading>p{font-size:0.9375rem}}
@media(max-width:680px){.brand{--brand-width:91px}.header{height:94px}.nav{top:94px}.hero h1{letter-spacing:-.052em}.hero-bottom p{font-size:0.875rem}.work-heading>p{font-size:0.875rem}.work-end>p{font-size:1.125rem;line-height:1.5}.section-title{font-size:14.9vw}.contact h2.contact-jp{font-size:11.4vw;line-height:1.5}.footer .brand{--brand-width:118px}.footer>p{font-size:0.75rem}}
/* Specific offer, readable proof, protected mobile text. */
.hero{min-height:46rem}.hero-copy{bottom:10.625rem}.hero-bottom{bottom:2.625rem}.hero-jp{font-size:clamp(1rem,1.45vw,1.375rem)}
.motion-toggle{min-height:44px;min-width:100px;justify-content:flex-end}.scroll-cue{min-height:44px}
.work-meta p{font-size:.875rem;color:#b7b7b0}.work-meta .work-open{grid-column:2;grid-row:2;font-size:.75rem;color:#b7b7b0;align-self:end;white-space:nowrap}.work-meta h3{line-height:1.3}.work-meta small{line-height:1.6}
@media(max-width:680px){.hero{min-height:44rem}.hero-copy{bottom:14.25rem}.hero-bottom{bottom:1.75rem}.hero-jp{font-size:.875rem;letter-spacing:.015em;max-width:23em}.hero-shade{background:radial-gradient(ellipse at 0% 63%,#050505a8,transparent 65%),linear-gradient(0deg,#050505 0%,#050505c0 18%,#05050500 54%,#05050520 100%)}.work-meta p{font-size:.8125rem}.work-meta .work-open{font-size:.75rem}.hero-bottom p{font-size:.875rem;line-height:1.85}}
/* Eight original projects in an editorial sequence, not a client-logo wall. */
.work-grid{row-gap:82px}.work-card{margin-top:0}.work-feature{grid-column:1/-1;grid-row:1}.work-tumi{grid-column:1/8;grid-row:2}.work-teaser{grid-column:8/13;grid-row:2;margin-top:140px}.work-stlassh{grid-column:1/7;grid-row:3}.work-mila{grid-column:7/13;grid-row:3;margin-top:90px}.work-caridora{grid-column:1/6;grid-row:4}.work-droas{grid-column:6/13;grid-row:4;margin-top:120px}.work-koiniwa{grid-column:5/13;grid-row:5}.work-end{grid-column:1/5;grid-row:5}.work-end>p{font-size:clamp(1.1rem,1.6vw,1.6rem)}
@media(max-width:1000px){.work-grid{row-gap:60px}.work-teaser{margin-top:90px}.work-mila{margin-top:70px}.work-droas{margin-top:75px}}
@media(max-width:680px){.work-grid{gap:44px}.work-card{margin-top:0}.work-end{order:10;align-items:center}.work-end>p{font-size:1rem}.work-open{min-height:24px;display:flex;align-items:center}}
/* Enlarged-text audit: keep the 320px layout inside its content column. */
@media(max-width:680px){.work-end{flex-direction:column;align-items:flex-start;gap:22px}.work-end .text-link{white-space:normal;min-width:0;max-width:100%}.service-item{grid-template-columns:22px minmax(0,1fr)}.service-item h3{min-width:0;overflow-wrap:anywhere}}

/* Non-layout accessibility/credit correction after visual baseline pass6. */
.work-credit-empty{min-height:1.3125rem}.partner-panel li>span{color:#93938b}
/* Faster perceived response; scrolling stays native without long anchor easing. */
html{scroll-behavior:auto}.nav a:after,.text-link:after{transition-duration:.18s}.work-image img{transition:transform .36s cubic-bezier(.2,.7,.2,1),filter .2s}.view-label{transition:opacity .18s,transform .22s}
.hero-art,.hero-fallback{will-change:auto}.hero-art.motion-active,.hero-art.motion-active .hero-fallback{will-change:transform}
.hero-art.motion-ready .hero-fallback{animation-name:render-drift-active;animation-duration:8s}
@keyframes render-drift-active{0%,100%{transform:translate3d(12.5%,.25%,0) rotate(-1.5deg) scale(1.025)}50%{transform:translate3d(9.5%,-1%,0) rotate(1.8deg) scale(1.075)}}
/* The actual logo assembles through three image masks. It is never redrawn. */
@media(max-width:680px){.hero-fallback{width:220%;top:74px}.hero-art.motion-ready .hero-fallback{animation-name:render-drift-active-mobile;animation-duration:7.5s}@keyframes render-drift-active-mobile{0%,100%{transform:translateX(-50.5%) rotate(-1.35deg) scale(1)}50%{transform:translate(-49.5%,-1.4%) rotate(1.5deg) scale(1.025)}}}
@media(prefers-reduced-motion:reduce){.intro-pending .brand-intro,.intro-pending .intro-skip{display:none!important}.hero-art.motion-ready .hero-fallback{animation:none!important}.hero-art{will-change:auto!important}.hero-fallback{will-change:auto!important}}

/* Mobile paint-work reduction; no device FPS claim. */
body.has-dialog .hero-art .hero-fallback{animation-play-state:paused}
body.has-dialog .hero-art,body.has-dialog .hero-fallback{will-change:auto}
@media(hover:none),(pointer:coarse){
 dialog::backdrop{background:#000e;backdrop-filter:none;-webkit-backdrop-filter:none}
 .view-label{background:#000b;backdrop-filter:none;-webkit-backdrop-filter:none}
 .work-card:hover:not(:focus-visible) .work-image img{transform:none;filter:none}
 .work-card:hover:not(:focus-visible) .view-label{opacity:0}
}

/* Genuine rendered motion, with the previously tested artwork as still fallback. */

.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;transform:translate3d(13%,0,0) scale(1.025);opacity:0;pointer-events:none;transition:opacity .24s}
.hero-art.video-ready .hero-video{opacity:1}
.hero-art.video-ready .hero-fallback{opacity:0;animation-play-state:paused!important;transition:opacity .24s;will-change:auto}
@media(max-width:680px){.hero-video{inset:auto;top:74px;left:50%;width:220%;height:auto;aspect-ratio:8/5;max-width:none;object-fit:contain;transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none}}

.hero-art.video-ready + .hero-shade{background:linear-gradient(90deg,#050505ae 0%,#0505059e 45%,transparent 80%),linear-gradient(0deg,#050505d6,transparent 26%,transparent 80%,#05050559)}
@media(max-width:680px){.hero-art.video-ready + .hero-shade{background:linear-gradient(90deg,#05050599 0%,#05050580 55%,transparent 90%),radial-gradient(ellipse at 0% 63%,#050505a8,transparent 65%),linear-gradient(0deg,#050505 0%,#050505c0 18%,#05050500 54%,#05050520 100%)}}

/* Input-led motion: no repeating sway, no scroll hijack. */
.hero-art,.hero-art.motion-active{transform:none!important;will-change:auto}
.hero-art .hero-fallback,.hero-art.motion-ready .hero-fallback{animation:none!important;will-change:auto}
.hero-art canvas{inset:0;width:100%;height:100%;transform:translate3d(13%,0,0) scale(1.025);transition:opacity .35s}
.hero-art.webgl-ready .hero-fallback{transition:opacity .35s}
.hero-art.webgl-ready + .hero-shade{background:linear-gradient(90deg,#050505ae 0%,#0505059e 45%,transparent 80%),linear-gradient(0deg,#050505d6,transparent 26%,transparent 80%,#05050559)}
.reveal-pending{opacity:0;transform:translate3d(0,22px,0)}
.revealed{opacity:1;transform:translateZ(0);transition:opacity .52s ease,transform .62s cubic-bezier(.22,1,.36,1)}
.reveal-pending:focus-within{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){
 .work-card .work-image img{transition:transform .55s cubic-bezier(.22,1,.36,1),filter .28s ease}
 .work-card:hover .work-image img{transform:scale(1.025);filter:brightness(.72)}
 .work-card .view-label{left:var(--hover-x,50%);top:var(--hover-y,50%);transform:translate(-50%,-50%) scale(.93);padding:17px 20px;background:#080808dd;backdrop-filter:none;border:1px solid #ffffff66;transition:opacity .16s,transform .24s cubic-bezier(.22,1,.36,1)}
 .work-card:hover .view-label,.work-card:focus-visible .view-label{transform:translate(-50%,-50%) scale(1)}
 .work-meta{transition:border-color .25s}.work-card:hover .work-meta{border-color:#a8b7c7}
 .work-open{transition:transform .25s,color .25s}.work-card:hover .work-open{transform:translateX(3px);color:#fff}
 .nav a:after,.text-link:after{transition:transform .24s cubic-bezier(.22,1,.36,1)}
 .contact-email{transition:color .2s,border-color .2s}
}
@media(max-width:680px){
 .hero-art canvas{inset:auto;top:74px;left:50%;width:220%;height:auto;aspect-ratio:8/5;transform:translateX(-50%)}
 .hero-art.webgl-ready + .hero-shade{background:linear-gradient(90deg,#05050599 0%,#05050580 55%,transparent 90%),radial-gradient(ellipse at 0% 63%,#050505a8,transparent 65%),linear-gradient(0deg,#050505 0%,#050505c0 18%,#05050500 54%,#05050520 100%)}
 .reveal-pending{transform:translate3d(0,14px,0)}.revealed{transition-duration:.38s,.45s}
}
.motion-paused .reveal-pending{opacity:1;transform:none}.motion-paused .revealed,.motion-paused .work-card *{transition:none!important}
@media(prefers-reduced-motion:reduce){.reveal-pending,.revealed{opacity:1;transform:none;transition:none}.hero-art.webgl-ready .hero-fallback{opacity:1}.hero-art.webgl-ready canvas{display:none}}

/* Tonal charcoal depth; all lighting here is static and requires no animation loop. */
:root{--bg:#0b0e11;--line:#2c333a;--muted:#a1a6aa}
body{background:radial-gradient(ellipse at 96% 27%,#1b2027 0%,transparent 34%),radial-gradient(ellipse at 0% 68%,#151a20 0%,transparent 31%),#0b0e11}
.hero{background:radial-gradient(ellipse at 79% 32%,#252e39 0%,#111820 37%,#090d12 68%,#07090c 100%)}
.hero-art{background:transparent}
.hero-shade,.hero-art.webgl-ready + .hero-shade{background:linear-gradient(90deg,#06090dc7 0%,#070a0e74 43%,transparent 80%),linear-gradient(0deg,#0b0e11 0%,#0b0e1170 12%,transparent 35%,transparent 83%,#06090d40)}
.preview-note{background:#0d1116;border-color:#29313a;color:#959da5}
.works{background:radial-gradient(ellipse at 93% 21%,#1c242d66,transparent 45%)}
.about{background:linear-gradient(135deg,#151a20aa,#0c1015 70%)}
.services{background:linear-gradient(180deg,#0c1015,#10151b)}
.partners{background:radial-gradient(ellipse at 12% 8%,#20283288,transparent 55%),#11171d;border-color:#29313a}
.company{background:linear-gradient(125deg,#0d1116,#151c23)}
.contact{background:radial-gradient(ellipse at 80% 82%,#27323e80,transparent 56%),linear-gradient(130deg,#10161d,#0a0e13);border-color:#303945}
.footer{background:#0a0d11;border-color:#27303a}
dialog,.dialog-close{background:#141a21}dialog{border-color:#49545f}
@media(max-width:680px){
 .hero{background:radial-gradient(ellipse at 75% 29%,#263340 0%,#141d27 36%,#090e14 73%)}
 .hero-shade,.hero-art.webgl-ready + .hero-shade{background:linear-gradient(90deg,#070b10a6 0%,#080d1470 55%,transparent 94%),radial-gradient(ellipse at 0% 62%,#070b12ab,transparent 67%),linear-gradient(0deg,#0b0e11 0%,#0b0e11c9 16%,transparent 55%,#080d141a)}
}
.motion-paused .work-card:hover .work-image img{transform:none!important}
@media(prefers-reduced-motion:reduce){.work-card:hover .work-image img{transform:none!important}}
@media(forced-colors:active){body,.hero,.preview-note,.works,.about,.services,.partners,.company,.contact,.footer,dialog,.dialog-close{background:Canvas}}
/* Preserve the same charcoal atmosphere when the still fallback is used. */
.hero-art{background:inherit}
.hero-fallback{mix-blend-mode:screen}
/* One continuous atmosphere carries the work, studio and contact into each other. */
body{background:#0b0e11}
main{position:relative;isolation:isolate;background:radial-gradient(ellipse 95% 1500px at 100% 25%,#24313e46,transparent 73%),radial-gradient(ellipse 100% 1800px at 0% 61%,#2434433d,transparent 75%),linear-gradient(180deg,#0b0e11 0%,#0d131a 49%,#0a0e13 100%)}
.preview-note{background:transparent;border:0;color:#959da5;padding-top:20px;padding-bottom:20px}
.works,.about,.services,.partners,.company,.contact{background:transparent;border-top:0;border-bottom:0}
.works{padding-bottom:clamp(90px,10vw,160px)}
.about{padding-top:clamp(48px,5vw,80px)}
.studio-line{border-bottom:0;padding-bottom:25px}
.services{padding-top:70px;padding-bottom:85px}
.partners{padding-top:65px;padding-bottom:95px}
.company{padding-top:50px;padding-bottom:90px}
.contact{position:relative;isolation:isolate;padding-top:85px}
.contact:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:-150px 0 -40px;background:radial-gradient(ellipse at 82% 65%,#36495d38,transparent 69%)}
.work-image{box-shadow:0 22px 45px -30px #000b,0 1px 0 #ffffff0c}
.service-item{border-color:#ffffff17}
.partner-panel li,.partner-tabs,.company dl>div{border-color:#ffffff18}
.footer{background:#0a0e13;border-top-color:#ffffff12}
.about-members-link{margin-top:30px}
@media(max-width:680px){
 main{background:radial-gradient(ellipse 170% 1400px at 115% 27%,#26374840,transparent 74%),radial-gradient(ellipse 190% 1800px at -20% 66%,#2233433d,transparent 76%),linear-gradient(180deg,#0b0e11,#0d131a 49%,#0a0e13)}
 .works{padding-bottom:100px}.about{padding-top:35px}.services{padding-top:60px;padding-bottom:58px}.partners{padding-top:45px;padding-bottom:65px}.company{padding-top:30px;padding-bottom:65px}.contact{padding-top:55px}
 .work-image{box-shadow:0 16px 28px -23px #000c}
}
@media(forced-colors:active){main{background:Canvas}.contact:before{display:none}.work-image{box-shadow:none}}
/* A quiet typographic member profile uses verified public fields only. */
.nav a[aria-current=page]:after{transform:scaleX(1)}
.members-main{min-height:100svh;background:radial-gradient(ellipse at 90% 13%,#2b3a4a70,transparent 52%),radial-gradient(ellipse at 0% 71%,#24344345,transparent 61%),linear-gradient(180deg,#0a0e13,#101720 50%,#0a0e13)}
.members-intro{padding-top:220px;padding-bottom:85px}
.members-intro h1{font-size:clamp(74px,13.3vw,205px);line-height:.9;font-weight:500;letter-spacing:-.067em;margin:32px 0 24px}
.members-lead{font-size:1rem;color:#a5adb5;letter-spacing:.08em}
.member-profile{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;padding-top:55px;padding-bottom:110px;align-items:end}
.member-identity h2{font-size:clamp(44px,6.1vw,94px);font-weight:400;line-height:1.35;letter-spacing:.05em;margin:34px 0 19px}
.member-role{font-size:1rem;color:#b0b9c2;letter-spacing:.14em}
.member-detail dl{margin:0}.member-detail dl>div{display:grid;grid-template-columns:80px 1fr;gap:20px;border-bottom:1px solid #ffffff1c;padding:20px 0;font-size:.9375rem;line-height:1.8}
.member-detail dt{color:#9aa5af}.member-detail dd{margin:0}
.member-links{display:flex;flex-wrap:wrap;gap:24px 32px;margin-top:34px}
.member-links .text-link{gap:22px}
.member-return{padding-top:50px;padding-bottom:100px;display:flex;justify-content:space-between;align-items:end;gap:30px}
.member-return>p{font-size:clamp(30px,4vw,60px);line-height:1.5;font-weight:400;letter-spacing:-.02em;color:#d5dce2}
@media(min-width:681px) and (max-width:1000px){.header{gap:24px}.nav{gap:18px}.nav a{font-size:.8125rem}.nav a span{margin-left:4px;font-size:.5625rem}}
@media(max-width:680px){
 .members-intro{padding-top:160px;padding-bottom:58px}.members-intro h1{font-size:17vw;margin-top:25px;letter-spacing:-.06em}.members-intro .count{font-size:.75rem;margin:4px 0 0 12px}.members-lead{font-size:.875rem}
 .member-profile{display:block;padding-top:25px;padding-bottom:65px}.member-identity h2{font-size:12.5vw;margin:27px 0 16px}.member-role{font-size:.9375rem}.member-detail{margin-top:46px}.member-detail dl>div{font-size:.875rem;grid-template-columns:55px 1fr;gap:18px}.member-links{gap:22px;margin-top:28px;flex-direction:column;align-items:flex-start}
 .member-return{display:block;padding-top:35px;padding-bottom:80px}.member-return>p{font-size:1.875rem;margin-bottom:30px}
}
@media(forced-colors:active){.members-main{background:Canvas}.member-detail dl>div{border-color:CanvasText}}

.member-collaborator{position:relative;padding-top:75px}
.member-collaborator:before{content:'';position:absolute;left:var(--gutter);right:var(--gutter);top:0;height:1px;background:linear-gradient(90deg,#d0deed38,transparent 86%)}
.member-roman{font-size:.75rem;letter-spacing:.16em;color:#8f9da9;margin:-5px 0 23px}
.member-bio{font-size:1.0625rem;line-height:2;color:#c1cbd3;max-width:480px}
@media(max-width:680px){.member-collaborator{padding-top:55px}.member-roman{font-size:.6875rem;margin-bottom:20px}.member-bio{font-size:.9375rem;line-height:1.95}.member-collaborator .text-link{white-space:normal;line-height:1.6}}

/* Source-order editorial slots; media keeps its own verified aspect ratio. */
.work-slot-1{grid-column:1/-1;grid-row:1}.work-slot-2{grid-column:1/8;grid-row:2}.work-slot-3{grid-column:8/13;grid-row:2;margin-top:140px}.work-slot-4{grid-column:1/7;grid-row:3}.work-slot-5{grid-column:7/13;grid-row:3;margin-top:90px}.work-slot-6{grid-column:1/6;grid-row:4}.work-slot-7{grid-column:6/13;grid-row:4;margin-top:120px}.work-slot-8{grid-column:5/13;grid-row:5}
.work-card .work-image img{aspect-ratio:var(--card-aspect);object-fit:contain}
.work-card[data-orientation=portrait] .work-image{width:min(100%,420px)}
.dialog-media{position:relative;aspect-ratio:var(--media-aspect,1.77778);width:100%;background:#050709}
.dialog-media iframe,.dialog-media img{display:block;width:100%;height:100%;border:0;object-fit:contain}
.dialog-media[data-orientation=portrait]{width:min(100%,calc(70svh * var(--media-aspect)));margin-inline:auto}
.dialog-note:empty,.dialog-links:empty{display:none}
@media(min-width:681px) and (max-width:1000px){.work-slot-3{margin-top:90px}.work-slot-5{margin-top:70px}.work-slot-7{margin-top:75px}}
@media(max-width:680px){.work-card[class*="work-slot-"]{margin-top:0;grid-column:auto;grid-row:auto}.work-card[data-orientation=portrait] .work-image{width:100%;max-width:360px;margin-inline:auto}}

@media(max-width:680px){.hero-sculptural-wordmark{min-height:max(44rem,calc(25rem + min(62.5vw,250px) + 32.4vw))}.hero-sculptural-wordmark .hero-copy{top:calc(10rem + min(62.5vw,250px));bottom:auto}}
/* A camera move in the hero, with the page available from the first frame. */
.hero-sculptural-wordmark .hero-stage{position:absolute;right:-1%;top:80px;width:56%;aspect-ratio:8/5;overflow:hidden;isolation:isolate}
.hero-sculptural-wordmark .hero-stage canvas,.hero-sculptural-wordmark .hero-stage .hero-fallback{position:absolute;inset:0!important;width:100%;height:100%;max-width:none;transform:none;aspect-ratio:auto}
.camera-intro-skip{position:absolute;left:var(--gutter);top:174px;z-index:12;min-height:44px;padding:10px 0;border:0;background:none;font-size:.6875rem;letter-spacing:.04em;color:#aeb9c4}
.camera-intro-skip[hidden]{display:none}
@media(min-width:681px) and (hover:hover) and (pointer:fine){
 .camera-intro-pending .hero-copy{clip-path:inset(0 0 100% 0);animation:camera-copy-safety .01s .75s forwards}
 .camera-intro-running .hero-copy{animation:camera-copy-reveal .55s .65s cubic-bezier(.22,1,.36,1) both}
 .camera-intro-pending .hero-stage .hero-fallback{transform-origin:28% 46%;transform:translate(22%,4%) scale(3.7);animation:camera-fallback-safety .15s .7s forwards!important}
}
@keyframes camera-copy-safety{to{clip-path:inset(0)}}
@keyframes camera-copy-reveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@keyframes camera-fallback-safety{to{transform:translate(0) scale(1)}}
@media(max-width:680px){.hero-sculptural-wordmark .hero-stage{left:50%;right:auto;top:8.75rem;width:min(100%,400px);transform:translateX(-50%)}.camera-intro-skip{left:auto;right:var(--gutter);top:94px;font-size:.625rem}}
@media(prefers-reduced-motion:reduce){.camera-intro-pending .hero-copy,.camera-intro-running .hero-copy{clip-path:none;animation:none}.camera-intro-skip{display:none!important}}

.camera-intro-running .hero-art canvas,.camera-intro-running .hero-fallback{transition:none}
@media(prefers-reduced-motion:reduce){.camera-intro-pending .hero-stage .hero-fallback{animation:none!important;transform:none!important}}

/* Project viewer: one native dialog, film proportions and continuous browsing. */
#work-dialog{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:92svh;border-color:#ffffff24}
.dialog-toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 18px;background:#141a21;border-bottom:1px solid #ffffff15}
.dialog-browse{display:flex;align-items:center;gap:12px}
.dialog-browse button{width:44px;min-height:44px;background:none;border:1px solid #ffffff26;font-size:1.125rem;transition:background .18s,border-color .18s}
.dialog-browse button:disabled{opacity:.3}
.dialog-browse button:not(:disabled):hover{background:#ffffff0a;border-color:#ffffff80}
#work-position{min-width:55px;text-align:center;font-size:.75rem;font-variant-numeric:tabular-nums;color:#b9c3cc;letter-spacing:.06em}
.dialog-toolbar .dialog-close{position:static;width:auto;min-height:44px;padding:8px 0 8px 14px;gap:16px;flex-shrink:0}
.dialog-media,.dialog-media[data-orientation=portrait]{width:min(100%,calc(72svh * var(--media-aspect)),calc((100svh - 11rem) * var(--media-aspect)));margin-inline:auto}
.dialog-media iframe{min-height:0}
.dialog-body{padding:clamp(24px,4vw,48px)}
.dialog-body h2{max-width:26ch;text-wrap:balance;margin-bottom:32px}
.dialog-details>div{grid-template-columns:minmax(155px,.7fr) 1.4fr;gap:24px}
.dialog-details dd{overflow-wrap:anywhere}
@media(max-width:680px){.dialog-toolbar{padding:7px 12px;gap:8px}.dialog-browse{gap:7px}.dialog-toolbar .dialog-close{gap:10px;padding-left:8px}.dialog-details>div{grid-template-columns:1fr;gap:8px}.dialog-body h2{font-size:clamp(1.375rem,6vw,1.75rem)}}
@media(forced-colors:active){.dialog-toolbar{background:Canvas;border-color:CanvasText}.dialog-browse button{border-color:ButtonText}}
/* A shared spacing rhythm joins the work sequence to the studio statement. */
.works{padding-bottom:clamp(72px,6vw,96px)}
.about{padding-top:clamp(32px,3.4vw,54px)}
.work-heading>p{max-width:33ch;line-height:1.9;text-wrap:pretty}
.work-meta{padding-top:24px;padding-bottom:22px;row-gap:9px}
.work-meta h3{font-size:clamp(1.25rem,1.6vw,1.625rem);letter-spacing:-.02em;text-wrap:balance}
.work-meta small{color:#abb4bd;letter-spacing:.015em;margin-top:7px}
.about-description p,.service-item p,.partner-panel p{max-width:34em;text-wrap:pretty}
.about h2,.partner-head h2,.partner-panel h3{letter-spacing:-.025em}
@media(max-width:680px){.works{padding-bottom:72px}.about{padding-top:32px}.work-grid{gap:54px}.work-meta{padding-top:18px;padding-bottom:18px;row-gap:8px}.work-meta h3{font-size:1.375rem}.about-description p,.service-item p,.partner-panel p{line-height:1.95}}

/* Film first. Original brand identity, a restrained type scale and real footage. */
@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff') format('woff');font-weight:200 800;font-style:normal;font-display:swap}
:root{--font:Manrope,Arial,Helvetica,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif}
.hero-film{min-height:720px;max-height:1100px;height:100svh;background:#0b141c}
.film-backdrop,.film-shade{position:absolute;inset:0;z-index:-2;pointer-events:none}
.film-backdrop video,.film-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.film-backdrop video{opacity:0;transition:opacity .35s}
.film-backdrop.film-ready video{opacity:1}
.film-shade{z-index:-1;background:linear-gradient(180deg,#03091085 0%,#0309100d 35%,#050c1370 57%,#070e15eb 100%),linear-gradient(90deg,#060c124a,transparent 65%)}
.hero-film .hero-topline{top:142px;color:#ffffffb8;font-size:.6875rem;letter-spacing:.12em}
.film-copy{position:absolute;left:var(--gutter);bottom:150px;max-width:660px}
.film-signature{--brand-width:clamp(200px,20vw,290px);margin-bottom:30px}
.hero-film h1{font-size:clamp(24px,2.3vw,36px);font-family:'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;letter-spacing:.08em;line-height:1.8;font-weight:400;margin:0;text-shadow:0 1px 16px #0004}
.film-copy>p{margin-top:24px;font-size:.625rem;letter-spacing:.15em;line-height:1.8;color:#e4eaf0b8}
.film-bottom{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:1fr auto auto;gap:32px;align-items:end;border-top:1px solid #ffffff3a;padding-top:18px}
.film-current{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;max-width:440px;min-height:44px;font-size:.8125rem;line-height:1.5}
#film-current-index{font-size:.625rem;letter-spacing:.06em;color:#d0d9e2}
.film-current>span:last-child{font-size:1.125rem}
.film-current:hover #film-current-title{text-decoration:underline;text-underline-offset:5px}
.hero-film .scroll-cue,.hero-film .motion-toggle{font-size:.6875rem;color:#e6ecf2}
.hero-film .scroll-cue span{width:42px;background:#ffffff88}
.film-established .film-copy h1,.film-established .film-copy>p{animation:film-copy-settle .7s cubic-bezier(.22,1,.36,1) both}
.film-established .film-copy>p{animation-delay:.08s}
@keyframes film-copy-settle{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.work-heading{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-bottom:66px}
.work-intro-copy>p{font-size:.9375rem;color:#adb7c0;line-height:1.95;margin-top:36px;max-width:34ch}
.work-heading h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(76px,10.3vw,150px);font-weight:400;letter-spacing:-.065em;line-height:1}
.studio-sculpture{position:relative;isolation:isolate;aspect-ratio:8/5;min-width:0}
.studio-sculpture .hero-art{background:none}
.studio-sculpture .hero-stage{position:absolute;inset:0}
.studio-sculpture .hero-stage canvas,.studio-sculpture .hero-fallback{position:absolute;inset:0!important;width:100%;height:100%;max-width:none;object-fit:contain;transform:none!important;aspect-ratio:auto}
.studio-sculpture .hero-fallback{opacity:1}
.studio-sculpture .webgl-ready .hero-fallback{opacity:0}
.work-slot-9{grid-column:6/13;grid-row:5;margin-top:120px}.work-slot-8{grid-column:1/6;grid-row:5}.work-end{grid-column:1/-1;grid-row:6;display:flex;justify-content:space-between;align-items:center;padding-top:6px}.work-end>p{margin:0}
.section-title{font-family:Manrope,Arial,sans-serif;font-weight:400;letter-spacing:-.05em;line-height:.98;font-size:clamp(60px,8vw,128px)}
@media(max-width:1000px){.film-bottom{gap:22px}.film-current{max-width:340px}.work-heading{gap:12px}.work-intro-copy>p{font-size:.875rem}.work-slot-9{margin-top:75px}}
@media(max-width:680px){
 .hero-film{min-height:740px;height:100svh;max-height:none}.hero-film .hero-topline{top:116px;font-size:.625rem;letter-spacing:.07em}
 .film-backdrop video,.film-poster{object-position:50% center}
 .film-shade{background:linear-gradient(180deg,#03091073 0%,#0309101a 27%,#050c1350 44%,#070e15e8 72%,#070e15 100%)}
 .film-copy{bottom:184px;right:var(--gutter);max-width:none}.film-signature{--brand-width:176px;margin-bottom:22px}.hero-film h1{font-size:1.375rem;line-height:1.85;letter-spacing:.075em}.film-copy>p{font-size:.5625rem;letter-spacing:.1em;margin-top:20px}
 .film-bottom{bottom:23px;grid-template-columns:1fr auto;gap:10px 20px;padding-top:10px}.film-current{grid-column:1/-1;max-width:none;font-size:.75rem;min-height:44px}.film-current>span:last-child{justify-self:end}.hero-film .scroll-cue{font-size:.6875rem;gap:14px}.hero-film .motion-toggle{font-size:.6875rem;min-width:90px}
 .work-heading{grid-template-columns:1fr;gap:24px;margin-bottom:38px}.work-heading h2{font-size:22vw}.work-intro-copy>p{margin-top:26px}.studio-sculpture{width:100%;max-width:430px;margin:0 auto}.work-card.work-slot-9{margin-top:0}.work-end{display:flex;flex-direction:row;align-items:center;gap:24px}.work-end .text-link{max-width:55%}.section-title{font-size:14.9vw;line-height:1}
}
@media(max-height:540px) and (min-width:681px){.hero-film{height:740px}}
@media(prefers-reduced-motion:reduce){.film-established .film-copy h1,.film-established .film-copy>p{animation:none}.studio-sculpture .webgl-ready .hero-fallback{opacity:1}}
@media(forced-colors:active){.film-backdrop,.film-shade,.studio-sculpture{display:none}.hero-film{background:Canvas}.film-bottom{border-color:CanvasText}}
/* Phone framing preserves more of the original shot; the film fades into the copy. */
@media(max-width:680px){.film-backdrop{bottom:auto;height:72svh;min-height:490px;max-height:640px}.film-backdrop video,.film-poster{object-position:var(--film-focus,50%) center}.film-shade{background:linear-gradient(180deg,#03091073 0%,#03091014 22%,#07101b1a 36%,#0b141cb0 58%,#0b141c 77%)}.hero-film{background:#0b141c}}

.hero-film{min-height:max(720px,45rem)}
@media(max-width:680px){.hero-film{min-height:max(740px,46rem)}.film-copy{bottom:11.5rem}}

/* Navigation belongs to the document top and scrolls away with the film. */
.header{position:absolute;z-index:30;height:80px;padding-top:12px;padding-bottom:12px;background:#0b1119ed;border-bottom:1px solid #ffffff13;transform:translateY(0);transition:transform .24s cubic-bezier(.22,1,.36,1),background-color .22s,border-color .22s}
.header>.brand{--brand-width:84px;opacity:1;visibility:visible;transition:opacity .18s}
.header.header-over-film{height:112px;padding-top:20px;padding-bottom:20px;background:transparent;border-bottom-color:transparent}
.header.header-over-film>.brand{opacity:0;visibility:hidden;pointer-events:none}
.header:focus-within,.header.header-menu-open{transform:translateY(0)}
.header .nav a{min-height:44px;display:flex;align-items:center;gap:7px}
.header .nav a span{align-self:flex-start;margin-left:0;padding-top:3px}
.header .nav a:after{bottom:6px;transform-origin:right;transition:transform .24s cubic-bezier(.22,1,.36,1)}
.header .nav a:hover:after,.header .nav a:focus-visible:after,.header .nav a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}
html{scroll-padding-top:100px}
@media(max-width:680px){
 .header{height:68px;padding-top:10px;padding-bottom:10px}.header>.brand{--brand-width:76px}.header.header-over-film{height:94px;padding-top:16px;padding-bottom:16px}
 .header .nav{top:100%;max-height:calc(100svh - 68px);overflow-y:auto;overscroll-behavior:contain;background:#0b1119;border-bottom-color:#ffffff24}
 .header.header-over-film .nav{max-height:calc(100svh - 94px)}
 .header .nav a{display:block;min-height:58px}.header .nav a span{display:inline;vertical-align:super;margin-left:12px;padding-top:0}
 .header .nav a:after{display:none}.header .nav a:focus-visible{outline-offset:-4px}
 .header.header-menu-open{background:#0b1119}.header.header-menu-open.header-over-film>.brand{visibility:hidden}
 html{scroll-padding-top:86px}
}
@media(prefers-reduced-motion:reduce){.header,.header>.brand,.header .nav a:after{transition:none}}
@media(forced-colors:active){.header,.header.header-menu-open,.header .nav{background:Canvas;border-color:CanvasText}.header.header-over-film{background:Canvas}}
.motion-paused .header,.motion-paused .header>.brand,.motion-paused .header .nav a:after{transition:none}

/* OASIZ reference: compact control strip, precise image entrances, local hover cue.
   This is an original charcoal adaptation, not a reproduction of its WebGL layer. */
.header{background:linear-gradient(180deg,#081019b8,transparent);border:0}
.header.header-over-film{background:transparent}
.header .nav{padding:4px 18px;gap:28px;background:#101923bd;border:1px solid #ffffff1a;border-radius:5px}
.header .nav a{font-size:.8125rem;min-height:40px}
.header .nav a span{color:#adb9c5}
.header .nav a:after{bottom:5px}
.work-card.reveal-pending{transform:translate3d(0,12px,0)}
.work-card.revealed{transition:opacity .42s ease,transform .56s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){
 .work-card .view-label{display:flex;align-items:center;justify-content:center;width:84px;height:84px;padding:18px;border:0;border-radius:50%;background:var(--accent);color:#101720;font-size:.6875rem;font-weight:500;letter-spacing:.035em;line-height:1.45;text-align:center;white-space:normal;transform:translate(-50%,-50%) scale(.84);transition:opacity .16s,transform .25s cubic-bezier(.22,1,.36,1)}
 .work-card:hover .work-image img{transform:scale(1.018);filter:brightness(.87)}
 .work-card:hover .view-label,.work-card:focus-visible .view-label{transform:translate(-50%,-50%) scale(1)}
}
@media(min-width:681px) and (max-width:1000px){.header .nav{padding:3px 12px;gap:18px}.header .nav a{font-size:.75rem}}
@media(max-width:680px){
 .header{background:linear-gradient(180deg,#081019c9,transparent)}
 .header .menu-toggle{padding:8px 14px;min-height:44px;border:1px solid #ffffff24;border-radius:4px;background:#101923df;gap:14px}
 .header .nav{padding:18px var(--gutter) 25px;gap:0;border-radius:0;border-inline:0;background:#0b1119}
 .header .nav a{font-size:1.75rem;min-height:58px}
 .header.header-menu-open{background:#0b1119}
}
@media(prefers-reduced-motion:reduce){.work-card.reveal-pending,.work-card.revealed{transform:none;opacity:1;transition:none}}
@media(forced-colors:active){.header,.header.header-over-film,.header .nav,.header .menu-toggle{background:Canvas;border-color:CanvasText}.work-card .view-label{background:Highlight;color:HighlightText}}

/* Film-led opening, with the original mark in the upper-left and no navigation backplate. */
.header,.header.header-over-film{height:100px;background:none;border:0;padding-top:18px;padding-bottom:18px}
.header>.brand,.header.header-over-film>.brand{--brand-width:108px;opacity:1;visibility:visible;pointer-events:auto;filter:drop-shadow(0 1px 7px #0006)}
.header .nav{padding:0;gap:30px;background:none;border:0;border-radius:0}
.header .nav a{text-shadow:0 1px 8px #0009}.header .nav a span{color:#b7c1ca}
.film-copy h1,.film-copy>p{animation:none}
.work-heading{display:block}.work-intro-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.work-intro-copy>p{margin:0 0 10px;max-width:35ch}
.footer .brand{--brand-width:84px}
@media(min-width:681px) and (max-width:1000px){.header .nav{gap:20px}}
@media(max-width:680px){.header,.header.header-over-film{height:94px;padding-top:16px;padding-bottom:16px}.header>.brand,.header.header-over-film>.brand{--brand-width:91px}.header .menu-toggle{background:none;border:0;padding:8px 0;gap:16px;text-shadow:0 1px 8px #0009}.header .nav{padding:18px var(--gutter) 25px;gap:0;background:#0b1119;border-bottom:1px solid #ffffff24;max-height:calc(100svh - 94px)}.header.header-menu-open{background:#0b1119}.work-intro-copy{display:block}.work-intro-copy>p{margin-top:26px}.footer .brand{--brand-width:70px}}
@media(forced-colors:active){.header,.header .nav,.header .menu-toggle{background:Canvas}.header>.brand{filter:none}}

/* Film-led editorial refinement. Keep the imagery, identity and native flow. */
:root{--font-jp:'Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;--ease-out:cubic-bezier(.22,1,.36,1)}
body{font-feature-settings:"palt";font-kerning:normal}
.hero-film{background:#0b0e11}
.film-shade{background:linear-gradient(180deg,#03091085 0%,#0309100d 35%,#050c1370 57%,#0b0e11 100%),linear-gradient(90deg,#060c124a,transparent 65%)}
.hero-film h1{font-family:var(--font-jp);font-weight:400;letter-spacing:.065em;line-height:1.8}
.hero-film .hero-topline{font-size:.75rem;letter-spacing:.08em}
.film-copy>p{font-size:.75rem;line-height:1.85;letter-spacing:.09em;color:#d1dae2;max-width:36em}
.film-current{font-size:.875rem;max-width:470px;gap:16px}
#film-current-index{font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.hero-film .scroll-cue,.hero-film .motion-toggle{font-size:.875rem}
.header .nav a{font-size:.875rem}
.header .nav a span{font-size:.75rem;opacity:.8}
.film-bottom{column-gap:28px;border-top-color:#ffffff30}
.film-current,.scroll-cue,.motion-toggle{transition:color .18s ease}
.film-current:hover,.scroll-cue:hover,.motion-toggle:hover{color:var(--accent)}
.works{padding-top:clamp(76px,7vw,112px)}
.section-top{margin-bottom:clamp(34px,4vw,58px)}
.section-kicker,.eyebrow{font-size:.75rem;letter-spacing:.085em;color:#b1bbc4}
.work-heading{margin-bottom:clamp(40px,4.5vw,68px)}
.work-heading h2{font-size:clamp(76px,10vw,144px);font-weight:400;letter-spacing:-.055em;line-height:1.04}
.count{font-size:.875rem;font-variant-numeric:tabular-nums;letter-spacing:0;margin-top:12px}
.work-intro-copy>p{font-size:1rem;line-height:1.9;color:#b1bbc4;max-width:34ch}
.work-meta{column-gap:18px;row-gap:8px;padding-top:22px;padding-bottom:22px;border-bottom-color:#ffffff22}
.work-meta h3{font-weight:400;letter-spacing:-.015em;line-height:1.4;min-width:0}
.work-meta small{font-size:.875rem;color:#adb7c0;margin-top:5px;line-height:1.7}
.work-meta p{font-size:.875rem;color:#aeb8c1;overflow-wrap:anywhere}
.work-meta .work-open{font-size:.875rem;color:#bfc8d0;min-height:28px;display:flex;align-items:center}
.work-year,.work-number{font-variant-numeric:tabular-nums}
.about h2,.partner-head h2,.partner-panel h3,.contact h2.contact-jp{font-family:var(--font-jp);font-weight:400;letter-spacing:.015em}
.about h2{line-height:1.6}.about h2 span{color:#8b99a6}
.about-description p,.service-item p,.partner-panel p,.member-bio{line-height:2;color:#b7c1ca}
.about-description p:first-child{color:var(--fg)}
.studio-line{font-weight:400;letter-spacing:-.025em;color:#9caab7}
.service-item{padding-block:36px;row-gap:22px}
.service-item h3{letter-spacing:-.035em;line-height:1.15}
.service-item h3 span{font-size:.875rem;line-height:1.6;color:#a5b1bc}
.service-num{font-size:.75rem;font-variant-numeric:tabular-nums;color:#a5b1bc}
.partner-tabs button{font-size:.875rem;line-height:1.65;min-height:56px;color:#a5b1bc}
.partner-panel li>span{font-size:.75rem;font-variant-numeric:tabular-nums}
.company dl>div,.member-detail dl>div{font-size:.9375rem;line-height:1.9;padding-block:20px}
.company dt,.member-detail dt{color:#a4b0bb}
.contact-email{overflow-wrap:anywhere;line-height:1.45}
.contact-bottom p{font-size:1rem;line-height:2;color:#b1bbc4}
.text-link{font-size:.875rem;line-height:1.7;min-height:44px}
.footer>div{font-size:.875rem;color:#aab6c1}.footer>p{font-size:.75rem;line-height:1.65;letter-spacing:.035em}
.members-lead{font-size:1rem;line-height:1.9}
.member-role{line-height:1.8}.member-roman{font-size:.75rem;line-height:1.7}
@media(hover:hover) and (pointer:fine){
 .work-card .work-image img{transition:transform .36s var(--ease-out),filter .18s ease}
 .work-card .view-label{transition:opacity .14s ease,transform .2s var(--ease-out);font-size:.75rem}
 .work-meta{transition:border-color .18s ease}.work-open{transition:color .18s ease,transform .18s var(--ease-out)}
}
@media(min-width:681px) and (max-width:1000px){.header .nav{gap:18px}.header .nav a{gap:5px}.header .nav a span{font-size:.75rem}.film-bottom{column-gap:20px}.film-current{max-width:390px}.work-intro-copy{gap:28px}.work-intro-copy>p{max-width:27ch}}
@media(max-width:680px){
 .hero-film .hero-topline{font-size:.75rem;letter-spacing:.03em}
 .film-shade{background:linear-gradient(180deg,#03091073 0%,#03091014 22%,#07101b1a 36%,#0b0e11b0 58%,#0b0e11 77%)}
 .film-copy{bottom:12rem}.hero-film h1{font-size:1.375rem;letter-spacing:.045em;line-height:1.85}
 .film-copy>p{font-size:.75rem;letter-spacing:.035em;max-width:31em;margin-top:20px}
 .film-bottom{gap:8px 18px}.film-current{font-size:.875rem;gap:12px;max-width:none}.film-current>span:last-child{font-size:1rem}
 .hero-film .scroll-cue,.hero-film .motion-toggle{font-size:.8125rem}.hero-film .scroll-cue{gap:12px}.hero-film .scroll-cue span{width:28px}
 .header .nav a{font-size:1.75rem}.header .menu-toggle{font-size:.875rem}
 .works{padding-top:64px}.section-top{margin-bottom:36px;gap:18px}.section-kicker{max-width:15em;letter-spacing:.035em}
 .work-heading h2{font-size:22vw}.work-intro-copy>p{font-size:1rem;margin-top:26px}
 .work-grid{gap:48px}.work-meta{padding-top:18px;padding-bottom:18px;column-gap:12px}.work-meta h3{font-size:1.25rem}.work-meta small{font-size:.8125rem}.work-meta p{font-size:.8125rem}.work-meta .work-open{font-size:.8125rem}
 .work-end{gap:24px}.work-end>p{font-size:1.125rem;line-height:1.6}.work-end .text-link{max-width:none}
 .about h2{font-size:8.7vw;line-height:1.65;margin-bottom:32px}.about-description p{font-size:1rem}
 .studio-line{font-size:.875rem;line-height:1.8;gap:10px 20px;padding-block:38px 24px}
 .service-item{padding-block:28px;row-gap:18px}.service-item h3 span{font-size:.875rem}.service-item p{font-size:1rem}
 .partner-head h2{line-height:1.65}.partner-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:18px}.partner-tabs button{text-align:left;padding-block:15px}
 .partner-panel h3{line-height:1.65}.partner-panel p{font-size:1rem}.partner-panel strong{font-size:1rem}.partner-panel li p{font-size:.875rem}
 .company dl>div{grid-template-columns:74px minmax(0,1fr);gap:18px;font-size:.875rem}.company dd{overflow-wrap:anywhere}
 .contact .section-top>span{font-size:.875rem}.contact h2.contact-jp{line-height:1.55}.contact-bottom{margin-top:32px}.contact-bottom p{font-size:1rem}
 .footer>div{font-size:.875rem}.member-bio{font-size:1rem}.member-detail dl>div{font-size:.875rem}
 .dialog-body{padding:22px}.dialog-note,.dialog-details>div{font-size:.875rem;line-height:1.8}
}
@media(max-width:360px){.work-end{flex-direction:column;align-items:flex-start;gap:18px}.film-current{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.film-current>span:nth-child(2){font-size:.8125rem}.film-bottom{column-gap:12px}.hero-film .scroll-cue{gap:9px}.hero-film .scroll-cue span{width:20px}.partner-tabs{gap:14px}.company dl>div{grid-template-columns:70px minmax(0,1fr);gap:14px}}
@media(prefers-reduced-motion:reduce){.film-current,.scroll-cue,.motion-toggle,.work-card .work-image img,.work-card .view-label,.work-meta,.work-open{transition:none}}
@media(forced-colors:active){.film-shade{display:none}.hero-film{background:Canvas}.eyebrow,.section-kicker,.work-meta p,.work-meta small,.work-meta .work-open,.about h2 span,.service-num,.service-item h3 span,.company dt,.member-detail dt,.footer>div,.footer>p{color:CanvasText}}

/* Balanced contact label within the existing mobile company column. */
.company-contact-break{display:none}
@media(max-width:680px){.company-contact-break{display:block}}

/* Source: /white.css */
/* White editorial surfaces; original films, content and interaction remain. */
:root{color-scheme:light;--bg:#fff;--fg:#151515;--muted:#555;--line:#d5d5d5;--accent:#171717}
body{background:#fff;color:#151515}
main{background:#fff}
.film-established .film-copy h1{animation:none}
.header,.header.header-over-film,.header.header-menu-open{position:absolute;background:#fff;color:#151515;border-bottom:1px solid #ddd;transform:none}
.header>.brand,.header.header-over-film>.brand{filter:none}
.brand img{filter:brightness(0)}
.header .nav a,.header .menu-toggle{text-shadow:none;color:#151515}
.header .nav a span{color:#555;opacity:1}
.header .nav,.header .menu-toggle{background:#fff;border-color:#ddd}
.menu-lines{background:transparent}.menu-lines:before,.menu-lines:after{background:#151515}
.hero-film{height:auto;min-height:0;max-height:none;padding-top:112px;padding-bottom:32px;background:#fff;display:flex;flex-direction:column}
.hero-film .hero-topline{position:static;order:0;justify-content:flex-end;color:#555;margin:0 0 18px;font-size:.875rem}
.film-backdrop{position:relative;inset:auto;order:1;z-index:0;width:100%;max-width:1024px;margin-inline:auto;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;background:#eee}
.film-backdrop video,.film-poster{object-fit:contain;object-position:center}
.film-shade{display:none}
.film-copy{position:static;order:2;max-width:none;margin:36px 0 28px}
.hero-film h1{font-size:clamp(28px,3.6vw,52px);line-height:1.6;letter-spacing:.025em;text-shadow:none;color:#151515}
.film-bottom{position:static;order:3;border-color:#ccc;align-items:center}
.film-current,#film-current-index,.hero-film .scroll-cue,.hero-film .motion-toggle{color:#303030;font-size:.875rem}
.hero-film .scroll-cue span{background:#777}
.preview-note{background:#f5f5f5;color:#555;border-color:#ddd;font-size:.75rem}
.preview-note>span,.preview-note>span:last-child{width:auto;max-width:none;flex-basis:auto;text-align:left}
.eyebrow,.section-kicker,.work-meta p,.work-meta small,.work-meta .work-open,.footer>div,.footer>p,.contact .section-top>span{color:#555}
.works .work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px;align-items:stretch}
.works .work-card{grid-column:auto;grid-row:auto;margin:0;width:100%;display:flex;flex-direction:column;align-self:stretch}
.works .work-image{width:100%;aspect-ratio:16/9;background:#f0f0f0}
.works .work-card[data-orientation=portrait] .work-image{width:100%;max-width:none;margin:0}
.works .work-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;transform:none}
.works .work-meta{width:100%;flex:1;min-height:132px;border-color:#ccc;grid-template-columns:1fr auto}
.works .work-meta h3{font-size:1.25rem;grid-column:1/-1}
.work-year{display:none}
.works .work-number,.works .work-meta small,.works .work-meta p{display:none}
.works .work-meta{min-height:104px}
.work-end{grid-column:1/-1;grid-row:auto}
.work-card .view-label{background:#151515;color:#fff}
.work-heading h2,.home-members h2{font-size:clamp(44px,4.5vw,64px);font-weight:400;line-height:1.2;letter-spacing:-.04em}
.studio-editorial h2 span,.expertise-intro h2 span,.consult-editorial .partner-head h2 span{color:#151515}
.studio-editorial .about-description p,.expertise-intro>p,.expertise-editorial .service-item>p,.consult-editorial .partner-message>p,.member-bio,.contact-bottom p{color:#444}
.studio-editorial .about-description .studio-lead,.expertise-editorial .service-item h3 span,.consult-editorial .partner-panel strong{color:#222}
.studio-frame img{background:#f0f0f0}
.studio-frame figcaption,.studio-editorial .studio-line,.expertise-editorial .service-num,.service-scope,.tab-index,.consult-editorial .partner-panel li>span,.consult-editorial .partner-panel li p{color:#555}
.service-scope li,.expertise-editorial .service-item,.consult-editorial .partner-panel li,.consult-bottom{border-color:#ccc}
.consult-editorial{background:#f5f5f5}
.consult-editorial:before{display:none}
.consult-editorial .partner-tabs button{color:#555;border-color:#ccc}
.consult-editorial .partner-tabs button:hover,.consult-editorial .partner-tabs button[aria-selected=true]{color:#111;border-bottom-color:#111}
.consult-editorial .partner-tabs button[aria-selected=true] .tab-index{color:#111}
.consult-editorial .partner-panel:focus-visible{outline-color:#111}
.consult-bottom .text-link{border-color:#555}
.home-members .section-top{align-items:center}
.home-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px}
.home-member-grid article{border-top:1px solid #ccc;padding-top:28px}
.home-member-grid h3{font-size:2rem;font-weight:400;margin:20px 0}
.home-member-grid p{font-size:1.125rem;line-height:1.95;color:#444}
.home-member-grid .eyebrow{font-size:.875rem}.home-member-grid .member-role{margin-bottom:16px}
.company dt,.member-detail dt,.member-role,.member-roman,.members-lead,.member-return p{color:#555}
.contact{background:#f5f5f5}.contact-email{color:#151515}.footer{background:#fff;border-color:#ddd}
dialog,.dialog-toolbar,.dialog-close{background:#fff;color:#151515;border-color:#ccc}
.dialog-browse button{border-color:#888;background:#fff}.dialog-browse button:disabled{opacity:.4}
.dialog-browse button:hover:not(:disabled){background:#eee;border-color:#222}
.dialog-details dt,.dialog-note{color:#555}.dialog-media{background:#eee}
#work-position{color:#555}
.members-page,.members-main,.member-profile{background:#fff}.member-profile{border-color:#ccc}
@media(min-width:681px) and (max-width:1000px){.works .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 .hero-film{padding-top:112px;padding-bottom:24px}.hero-film .hero-topline{margin-bottom:16px}.film-copy{margin:26px 0 24px}.hero-film h1{font-size:1.625rem;line-height:1.7}
 .film-bottom{grid-template-columns:1fr auto;gap:12px}.film-current{grid-column:1/-1}.hero-film .scroll-cue,.hero-film .motion-toggle{font-size:.875rem}
 .header .nav,.header.header-menu-open{background:#fff;border-color:#ddd}.header .nav a{color:#151515}
 .works .work-grid{grid-template-columns:minmax(0,1fr);gap:36px}.works .work-meta{min-height:112px}.work-meta p,.work-meta small,.work-meta .work-open{font-size:.875rem}
 .studio-editorial h2 span{margin-left:0}.section-kicker{font-size:.75rem}.service-scope{font-size:.875rem}
 .consult-editorial .partner-tabs button:nth-child(-n+2),.consult-editorial .partner-panel li:first-child{border-color:#ccc}
 .home-member-grid{grid-template-columns:minmax(0,1fr);gap:36px}.home-member-grid p{font-size:1rem}.home-members .section-top{flex-wrap:wrap}.home-members h2{font-size:2.75rem}
 .preview-note{flex-direction:column;gap:6px}.dialog-close{font-size:.875rem}
}
@media(forced-colors:active){.brand img{filter:none}.consult-editorial,.contact,.header,.header .nav,dialog{background:Canvas;color:CanvasText}}
/* Edge-to-edge film blends into the white page without an inset frame. */
.hero-film{height:max(800px,100svh);min-height:800px;max-height:1200px;display:block;padding-top:0}
.hero-film .hero-topline{position:absolute;top:118px;left:var(--gutter);right:var(--gutter);margin:0;z-index:2}
.film-backdrop{position:absolute;inset:146px 0 90px;z-index:-2;width:100%;max-width:none;margin:0;height:auto;min-height:0;max-height:none;aspect-ratio:auto}
.film-backdrop video,.film-poster{object-fit:cover;object-position:var(--film-focus,50%) top}
.film-shade{display:block;inset:146px 0 90px;background:linear-gradient(180deg,transparent 90%,#fff 100%)}
.film-copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:138px;margin:0;max-width:none}
.film-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:32px}
@media(max-width:680px){.hero-film{height:max(760px,100svh);min-height:760px;max-height:1000px}.hero-film .hero-topline{top:114px}.film-backdrop{inset:145px 0 auto;height:clamp(320px,56svh,480px)}.film-shade{inset:145px 0 auto;height:clamp(320px,56svh,480px);background:linear-gradient(180deg,transparent 90%,#fff 100%)}.film-copy{bottom:188px}.film-bottom{bottom:26px}}
@media(forced-colors:active){.film-shade{display:none}}
/* Brief factual service information, with one reading order. */
.studio-editorial,.expertise-editorial,.consult-editorial{padding-block:64px}
.studio-editorial .section-top,.expertise-editorial .section-top{margin-bottom:20px}
.studio-editorial h2,.expertise-intro h2,.consult-editorial .partner-head h2{font-size:clamp(28px,3vw,40px);line-height:1.5;letter-spacing:0}
.studio-editorial .about-statement{margin-bottom:32px}
.studio-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.studio-editorial .about-description p{font-size:1.125rem;line-height:1.9}
.expertise-layout{display:block}.expertise-intro{display:block;padding:0;margin-bottom:28px}
.expertise-intro>p{margin-top:12px;font-size:1.125rem}
.expertise-editorial .service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.expertise-editorial .service-item{display:block;padding:24px 0;border-top:1px solid #ccc}
.expertise-editorial .service-num{display:none}
.expertise-editorial .service-item h3{font-size:1.375rem;line-height:1.6;letter-spacing:0;margin-bottom:12px}
.expertise-editorial .service-item>p{font-size:1rem;line-height:1.9}
.consult-editorial .partner-head{display:block;margin-bottom:28px}
.consult-editorial .partner-tabs button{min-height:76px;padding-block:16px;gap:10px}
.consult-editorial .partner-panel{display:block;padding-top:28px}
.consult-editorial .partner-panel h3{display:none}
.consult-editorial .partner-message>p{max-width:48em;font-size:1.125rem;line-height:1.9}
.consult-bottom{margin-top:24px;padding-top:16px}
@media(max-width:680px){.studio-editorial,.expertise-editorial,.consult-editorial{padding-block:44px}.studio-story{gap:24px}.studio-editorial .about-description p,.expertise-intro>p,.consult-editorial .partner-message>p{font-size:1rem}.expertise-editorial .service-list{grid-template-columns:1fr;gap:0}.expertise-editorial .service-item{padding:22px 0}.expertise-editorial .service-item h3{font-size:1.25rem}.consult-editorial .partner-tabs button{min-height:92px}.consult-bottom .text-link{margin-top:0}}
.company-main{padding-top:100px;min-height:70svh}
.standalone-main{padding-top:100px;min-height:75svh}
.standalone-intro{padding-top:64px;padding-bottom:48px;max-width:1200px;margin:auto}
.standalone-intro h1{font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.5;margin-bottom:32px}
.standalone-intro h2{font-size:1.5rem;font-weight:400;margin-bottom:24px}
.standalone-intro p{font-size:1.125rem;line-height:1.9;color:#444;margin-bottom:24px}
.standalone-intro .contact-email{display:inline-block;margin-bottom:24px;font-size:clamp(22px,3vw,36px)}
@media(max-width:680px){.standalone-main{padding-top:94px}.standalone-intro{padding-block:40px}.standalone-intro p{font-size:1rem}.header .nav{overflow-y:auto}.footer>div{flex-wrap:wrap}}
.company-main .company{display:block;max-width:1100px;margin:auto;padding-top:64px;padding-bottom:40px}
.company-main h1{font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.5;margin-bottom:36px}
.company-main .company dl{max-width:none;margin:0}
.company-main .company dl>div{grid-template-columns:180px minmax(0,1fr);font-size:1.125rem}
.company-main .company dl>div[hidden]{display:none}
.company-return{display:flex;justify-content:space-between;gap:24px;max-width:1100px;margin:auto;padding-top:12px;padding-bottom:64px}
@media(max-width:680px){.company-main{padding-top:94px}.company-main .company{padding-top:40px}.company-main .company dl>div{grid-template-columns:90px minmax(0,1fr);font-size:1rem;gap:16px}.company-return{flex-direction:column;align-items:flex-start;padding-bottom:44px}}

.contact-form{max-width:720px;display:grid;gap:12px;margin:32px 0 48px}.contact-form label{font-size:1rem;margin-top:12px}.contact-form label span{color:#555}.contact-form input,.contact-form textarea{width:100%;min-width:0;padding:14px;border:1px solid #999;background:#fff;color:#151515;border-radius:0;font:inherit;font-size:16px;line-height:1.6}.contact-form textarea{resize:vertical}.contact-form :is(input,textarea,button):focus-visible{outline:2px solid #111;outline-offset:3px}.standalone-intro .contact-form-note{font-size:14px;line-height:1.8;margin:8px 0}.contact-compose{justify-self:start;padding:16px 24px;background:#151515;color:white;border:1px solid #151515;font:inherit;cursor:pointer}.contact-compose:hover{background:#333}.standalone-intro .contact-direct{font-size:16px;margin-bottom:12px}

/* AI-generated decorative imagery; not portfolio photography. */
.consult-editorial .partner-panel{position:relative;isolation:isolate;min-height:300px;padding:48px 40px;display:flex;align-items:center;overflow:hidden;background-color:#fff;background-image:linear-gradient(90deg,#fffffff5 0%,#ffffffc9 42%,#ffffff08 78%),var(--consult-image);background-size:cover;background-position:center 58%;margin-top:24px}
.consult-editorial .partner-panel[hidden]{display:none}
#production-panel{--consult-image:url('assets/consult-production.jpg')}
#agency-panel{--consult-image:url('assets/consult-agency.jpg')}
#live-panel{--consult-image:url('assets/consult-live.jpg')}
#other-panel{--consult-image:url('assets/consult-general.jpg')}
.consult-editorial .partner-message{max-width:52%;position:relative}
.consult-editorial .partner-message>p{color:#222;max-width:32em}
@media(max-width:680px){.consult-editorial .partner-panel{min-height:320px;padding:28px 22px;align-items:flex-start;background-position:82% center;background-image:linear-gradient(180deg,#ffffffed 0%,#ffffffd9 48%,#ffffff33 100%),var(--consult-image)}.consult-editorial .partner-message{max-width:100%}}
@media(forced-colors:active){.consult-editorial .partner-panel{background-image:none}}

/* Immediate work-grid visibility and a useful first frame while the player loads. */
.works .work-card{opacity:1;transform:none;transition:none}
.dialog-media{position:relative;background-size:contain;background-position:center;background-repeat:no-repeat}
.dialog-media video{display:block;width:100%;height:100%;object-fit:contain;background:#111}
.player-loading{position:absolute;left:16px;bottom:16px;padding:8px 12px;background:#fffffff2;color:#222;font-size:14px;pointer-events:none}
.player-loading[hidden]{display:none}

.work-variants{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.work-variants button{min-height:44px;min-width:76px;padding:10px 18px;background:#fff;color:#151515;border:1px solid #999;font:inherit;cursor:pointer}.work-variants button[aria-pressed="true"]{background:#151515;color:#fff;border-color:#151515}.work-variants button:focus-visible{outline:2px solid #151515;outline-offset:3px}

/* Keep the established film placement; preserve complete portrait frames. */
.film-backdrop{background:#fff}
.film-backdrop.film-ready .film-poster{visibility:hidden}
.film-backdrop[data-orientation=portrait] video{object-fit:contain;object-position:center}
@media(max-width:680px){.film-backdrop[data-orientation=portrait] video{object-fit:cover;object-position:center}}

/* No headline block: close only the mobile space formerly reserved for copy. */
@media(max-width:680px){.hero-film{height:calc(145px + clamp(320px,56svh,480px) + 148px);min-height:0;max-height:none}}

/* Approved brochure headline: keep the film as the visual focus. */
.hero-film .film-copy h1{font-size:clamp(36px,3.6vw,52px);font-weight:400;line-height:1.15;letter-spacing:-.025em}
@media(max-width:680px){.hero-film .film-copy{bottom:168px}.hero-film .film-copy h1{font-size:30px;line-height:1.15;letter-spacing:-.025em}}

/* OASIZ-inspired scale and image overlap, using Drip's own copy and film. */
.film-backdrop,.film-shade{top:126px}
.hero-film .film-copy{bottom:150px;pointer-events:none}
.hero-film .film-copy h1{display:block;width:100%;max-width:none;font-family:var(--font);font-size:clamp(72px,8.4vw,144px);font-weight:500;line-height:.98;letter-spacing:-.055em;color:#111;-webkit-text-stroke:0;text-shadow:none}
.hero-film .film-copy h1 span{display:block;white-space:normal}
@media(max-width:680px){.hero-film{height:calc(120px + clamp(320px,56svh,480px) + 148px)}.film-backdrop,.film-shade{top:120px}.hero-film .film-copy{bottom:170px}.hero-film .film-copy h1{font-size:clamp(44px,14vw,82px);line-height:1.05;letter-spacing:-.05em;-webkit-text-stroke:0;text-shadow:none}}
@media(forced-colors:active){.hero-film .film-copy h1{color:CanvasText;-webkit-text-stroke:0;text-shadow:none;background:Canvas}}

/* Personal contribution attribution remains visible on every added card. */
.works .work-card[data-credit="individual"] .work-meta p.individual-credit{display:block;grid-column:1/-1;font-size:.72rem;line-height:1.6;color:#555;margin:0;overflow-wrap:anywhere}

/* Merged work variants remain readable on narrow dialogs. */
.work-variants button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}

/* Source: /news.css?v=20261012-3 */
.news-main{min-height:calc(100svh - 170px)}
.news-main .standalone-intro{padding-bottom:54px}
.news-main h1{font-size:clamp(64px,9vw,140px);font-weight:400;letter-spacing:-.065em;line-height:1.05;margin:22px 0}
.news-section{padding-top:0;max-width:1200px;margin:auto}
.news-columns,.news-list>li>a,.news-list>li>article{display:grid;grid-template-columns:150px 180px 1fr;gap:24px;align-items:start}
.news-columns{font-size:12px;letter-spacing:.06em;padding:20px 0;border-block:1px solid #ccc;color:#555}
.news-list{padding:0;margin:0;list-style:none}.news-list li{border-bottom:1px solid #ddd}.news-list>li>a,.news-list>li>article{padding:28px 0;font-size:18px;line-height:1.7}.news-list h2{font-size:20px;font-weight:400}.news-list time,.news-list .category{font-size:14px}.news-empty{padding:60px 0 80px;color:#555;font-size:18px;line-height:1.8}.news-empty[hidden]{display:none}
@media(max-width:680px){.news-main h1{font-size:64px}.news-columns{grid-template-columns:75px 95px 1fr;gap:12px;font-size:10px}.news-empty{font-size:16px;padding:48px 0 64px}.news-list>li>a,.news-list>li>article{grid-template-columns:1fr 1fr;gap:12px}.news-list h2{grid-column:1/-1}}

.news-list h2{font-family:var(--font);font-weight:500;letter-spacing:0;line-height:1.4}
/* The index stays concise; complete reports have their own address. */
.news-preview{grid-column:3;display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr);gap:24px;align-items:start;font-size:15px;line-height:1.9;color:#444}
.news-preview figure{margin:0;min-width:0}.news-preview img{display:block;width:100%;height:auto;background:#f3f3f3}.news-preview figcaption{font-size:12px;line-height:1.7;margin-top:8px;color:#666}
@media(max-width:900px){.news-preview{grid-template-columns:1fr;gap:16px}}
@media(max-width:680px){.news-preview{grid-column:1/-1;max-width:100%}}

.news-preview .news-record-note{margin:0 0 12px;font-size:13px;line-height:1.8;color:#555}

/* Source: /navigation.css?v=20261012-3 */
@media(min-width:681px){.header .nav{gap:clamp(10px,1.5vw,24px)}.header .nav a{white-space:nowrap}.header .nav a span{margin-left:5px}}
@media(min-width:681px) and (max-width:1100px){.header{gap:18px}.header .nav a{font-size:12px}.header .nav a span{display:none}}
.footer>div{flex-wrap:wrap;row-gap:20px}
/* Smaller header signature with a comfortable 44px link target; footer unchanged. */
.header>.brand,.header.header-over-film>.brand{--brand-width:60px;height:44px}
.header>.brand img{top:calc(var(--brand-width)*-350/685 + (44px - var(--brand-width)*376/685)/2)}
@media(max-width:680px){.header>.brand,.header.header-over-film>.brand{--brand-width:56px}}
/* About is the compact route to expertise, people and company information. */
.about-links{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:28px}
.about-links .text-link{font-size:14px;margin:0}
@media(max-width:680px){.about-links{gap:18px 24px}}

/* Source: /typography.css?v=20261012-3 */
/* One restrained grotesk system. Inter is locally hosted under SIL OFL 1.1.
   Reference: bird-and-insect.com, observed 2026-10-12; no third-party kit reused. */
@font-face{font-family:Inter;src:url('assets/fonts/inter-variable.woff') format('woff');font-weight:100 900;font-style:normal;font-display:swap}
:root{--font:'Inter','Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Noto Sans JP',Meiryo,sans-serif;--font-jp:'Hiragino Kaku Gothic ProN','Noto Sans JP',Meiryo,sans-serif;--type-weight:500;--type-tracking:0;--title-size:clamp(40px,4.75vw,68px)}
body{font-family:var(--font);font-weight:400;letter-spacing:0}
button,input,textarea,select{font-family:inherit}
.header .nav a,.menu-toggle,.text-link{font-weight:500;letter-spacing:0}
.eyebrow,.section-kicker,.tab-index{font-family:var(--font);font-weight:500;letter-spacing:.025em}
/* White hero type over a restrained 28% black veil; the bottom 10% fades to white. */
.hero-film .film-copy{left:clamp(30px,6.78vw,170px);right:clamp(30px,6.78vw,170px);top:calc(50% + 18px);bottom:auto;margin:0;transform:translateY(-50%)}
.hero-film .film-shade{background:linear-gradient(180deg,transparent 90%,#fff 100%),linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.28))}
.hero-film .film-copy h1{font-family:var(--font);font-size:clamp(48px,5.6vw,84px);font-weight:500;line-height:1.1;letter-spacing:0;color:#fff;font-optical-sizing:auto;text-shadow:none;-webkit-text-stroke:0;max-width:11em}
.hero-film .film-copy h1 span{display:block;white-space:nowrap}
.hero-film .film-copy h1 span+span{margin-top:.035em}
/* Matching heading hierarchy across all six pages. Names and work titles stay original. */
.work-heading h2,.studio-editorial h2,.expertise-intro h2,.consult-editorial .partner-head h2,.home-members h2,.contact h2.contact-jp,.members-intro h1,.company-main h1,.standalone-intro h1{font-family:var(--font);font-size:var(--title-size);font-weight:500;letter-spacing:0;line-height:1.1;text-transform:none}
.work-heading h2 .count{font-size:16px;vertical-align:top;line-height:1.5;letter-spacing:0;margin-left:14px}
.studio-editorial,.expertise-editorial,.consult-editorial,.home-members{padding-block:clamp(72px,8vw,120px)}
.studio-editorial .about-statement,.expertise-intro,.consult-editorial .partner-head{margin-bottom:48px}
.studio-story{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,6.5vw,96px)}
.studio-editorial .about-description p{font-size:clamp(16px,1.25vw,18px);line-height:1.95}
.expertise-intro>p{margin-top:24px}
.expertise-editorial .service-item h3{font-family:var(--font);font-size:clamp(22px,2vw,30px);font-weight:500;line-height:1.3;letter-spacing:0;overflow-wrap:normal}
.consult-editorial .partner-tabs button{font-family:var(--font);font-size:clamp(15px,1.45vw,19px);font-weight:500;letter-spacing:0;line-height:1.4}
.consult-editorial .partner-panel h3{font-family:var(--font);font-weight:500;letter-spacing:0}
.works .work-grid{row-gap:64px}
.works .work-meta h3{font-family:var(--font);font-weight:500;letter-spacing:0;line-height:1.45}
.dialog-body h2{font-family:var(--font);font-weight:500;letter-spacing:0;line-height:1.3}
.member-card-row h3,.member-card-row .member-identity h2{font-family:var(--font);font-weight:500;letter-spacing:0}
.members-intro,.standalone-intro,.company-main .company{padding-top:96px;padding-bottom:56px}
.members-intro{padding-top:196px}
.members-intro h1,.standalone-intro h1,.company-main h1{margin-top:0;margin-bottom:40px}
.members-intro .eyebrow{margin-bottom:28px}
.standalone-intro h2{font-family:var(--font);font-weight:500;letter-spacing:0}
.contact h2.contact-jp{font-size:clamp(56px,8vw,112px);margin-block:40px}
.footer>p{font-family:var(--font);font-weight:500;letter-spacing:0;line-height:1.4}
@media(max-width:900px){.header .nav a{font-size:12px}.studio-story{gap:36px}.expertise-editorial .service-list{gap:24px}}
@media(max-width:680px){
 :root{--title-size:clamp(34px,9.5vw,48px)}
 .header .nav a{font-size:20px}
 .hero-film .film-copy{left:30px;right:30px;top:calc(120px + clamp(320px,56svh,480px)/2);bottom:auto}
 .hero-film .film-copy h1{font-size:clamp(32px,9.2vw,52px);line-height:1.12;letter-spacing:0}
 .studio-editorial,.expertise-editorial,.consult-editorial,.home-members{padding-block:64px}
 .studio-editorial .about-statement,.expertise-intro,.consult-editorial .partner-head{margin-bottom:32px}
 .studio-story{gap:28px}
 .expertise-editorial .service-list{gap:0}
 .expertise-editorial .service-item h3{font-size:24px}
 .consult-editorial .partner-tabs button{font-size:16px;min-height:100px}
 .works .work-grid{row-gap:44px}
 .members-intro,.standalone-intro,.company-main .company{padding-top:56px;padding-bottom:40px}
 .members-intro{padding-top:156px}
 .members-intro h1,.standalone-intro h1,.company-main h1{margin-bottom:28px}
 .contact h2.contact-jp{font-size:clamp(44px,12vw,64px)}
}
@media(forced-colors:active){.hero-film .film-copy h1{color:CanvasText;background:Canvas}}

/* Source: /news-article.css?v=20261012-1 */
.news-article{max-width:1240px;margin:auto;padding-top:96px;padding-bottom:104px}
.news-article-header{max-width:920px;margin:0 0 48px}
.news-article-header>.text-link{font-size:14px;margin-bottom:56px}
.news-article-meta{display:flex;gap:32px;margin-bottom:24px;font-size:14px;line-height:1.6}
.news-article h1{font-size:clamp(34px,4.2vw,60px);font-weight:500;letter-spacing:0;line-height:1.18;margin:0;text-wrap:balance}
.news-article-cover{margin:0 0 64px}.news-article-cover img{width:100%;height:auto;background:#f3f3f3}
.news-article-cover figcaption{margin-top:12px;font-size:12px;line-height:1.7;color:#666}
.news-article-copy{max-width:780px;margin:0 auto 72px;font-size:17px;line-height:2;color:#333}.news-article-copy p+p{margin-top:24px}
.news-article-gallery h2{font-size:24px;line-height:1.4;font-weight:500;letter-spacing:0;margin:0 0 28px}
.news-article-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.news-article-photos figure{margin:0;min-width:0}.news-article-photos figure:first-child{grid-column:1/-1}.news-article-photos img{width:100%;height:auto;background:#f3f3f3}
.news-article-end{display:flex;justify-content:space-between;align-items:baseline;gap:32px;flex-wrap:wrap;margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}
.news-article-end .news-source{font-size:14px;text-decoration:underline;text-underline-offset:4px}.news-article-end .text-link{font-size:14px}
@media(max-width:680px){.news-article{padding-top:56px;padding-bottom:72px}.news-article-header{margin-bottom:32px}.news-article-header>.text-link{margin-bottom:36px}.news-article-meta{gap:24px;margin-bottom:20px;font-size:12px}.news-article-cover{margin-bottom:40px}.news-article-copy{font-size:16px;line-height:1.95;margin-bottom:48px}.news-article-photos{grid-template-columns:1fr;gap:20px}.news-article-gallery h2{font-size:22px;margin-bottom:24px}.news-article-end{margin-top:36px}}