/* Design and engineering by StudioMatsu. */
:root{--studiomatsu-black:#111111;--studiomatsu-panel:#242424;--studiomatsu-muted:#737373;--studiomatsu-light:#D4D4D4;--studiomatsu-paper:#F3F3F3;--studiomatsu-white:#F3F3F3;--studiomatsu-line:#737373;--studiomatsu-display:'Barlow Condensed','Arial Narrow',sans-serif;--studiomatsu-body:Manrope,Arial,sans-serif;--studiomatsu-width:1280px;--studiomatsu-space:clamp(20px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px}body{margin:0;background:var(--studiomatsu-black);color:var(--studiomatsu-paper);font:400 16px/1.7 var(--studiomatsu-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:var(--studiomatsu-paper);color:var(--studiomatsu-black)}h1,h2,h3,p{margin:0}img{display:block;max-width:100%;height:auto}ul{list-style:none;padding:0;margin:0}.studiomatsu-wrap{width:min(calc(100% - var(--studiomatsu-space)*2),var(--studiomatsu-width));margin-inline:auto}.studiomatsu-skip{position:fixed;top:12px;left:12px;z-index:100;background:var(--studiomatsu-paper);color:var(--studiomatsu-black);padding:12px 20px;transform:translateY(-200%)}.studiomatsu-skip:focus{transform:none}.studiomatsu-header{min-height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--studiomatsu-line);gap:24px}.studiomatsu-identity{display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.25;font-weight:700}.studiomatsu-monogram{font:800 34px/.9 var(--studiomatsu-display);letter-spacing:-2px;border:1px solid var(--studiomatsu-paper);padding:6px}.studiomatsu-meta{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;line-height:1.5}.studiomatsu-eyebrow{display:flex;justify-content:space-between;gap:20px;padding-top:24px}.studiomatsu-hero{padding-bottom:40px}.studiomatsu-hero-title{font:800 clamp(100px,19.4vw,274px)/.95 var(--studiomatsu-display);letter-spacing:-.025em;margin:28px 0 32px;white-space:nowrap}.studiomatsu-hero-content{display:grid;grid-template-columns:5fr 4fr 3fr;gap:40px;border-top:1px solid var(--studiomatsu-line);padding-top:32px;align-items:stretch}.studiomatsu-name{font:600 clamp(32px,4vw,56px)/1.05 var(--studiomatsu-display);letter-spacing:-.02em;margin-bottom:24px}.studiomatsu-roles{font-size:14px;line-height:1.8;color:var(--studiomatsu-light)}.studiomatsu-intro{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:28px}.studiomatsu-intro p{max-width:340px}.studiomatsu-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;background:var(--studiomatsu-paper);color:var(--studiomatsu-black);font-size:14px;font-weight:600;border:1px solid var(--studiomatsu-paper);transition:background .2s,color .2s}.studiomatsu-button:hover{background:var(--studiomatsu-black);color:var(--studiomatsu-paper)}.studiomatsu-button--outline{background:transparent;color:var(--studiomatsu-paper)}.studiomatsu-button--outline:hover{background:var(--studiomatsu-paper);color:var(--studiomatsu-black)}.studiomatsu-signal{background:var(--studiomatsu-paper);color:var(--studiomatsu-black);min-height:236px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.studiomatsu-signal-corner{position:absolute;left:12px;top:12px;font-size:12px;letter-spacing:.08em}.studiomatsu-signal-bottom{position:absolute;bottom:12px;right:12px;font-size:12px}.studiomatsu-symbol{width:148px;height:148px;border-radius:50%;background:repeating-linear-gradient(-45deg,var(--studiomatsu-black) 0px,var(--studiomatsu-black) 15px,var(--studiomatsu-paper) 15px,var(--studiomatsu-paper) 27px);position:relative}.studiomatsu-symbol:after{content:'';position:absolute;width:38px;height:38px;background:var(--studiomatsu-black);right:-10px;top:-10px;border:8px solid var(--studiomatsu-paper)}.studiomatsu-hero-bottom{border-bottom:1px solid var(--studiomatsu-line);padding:32px 0 20px;display:flex;justify-content:space-between;color:var(--studiomatsu-light)}.studiomatsu-section{padding-block:88px}.studiomatsu-section-head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;align-items:end;padding-bottom:40px}.studiomatsu-section-head .studiomatsu-meta{align-self:start;padding-top:10px}.studiomatsu-section-title{font:600 clamp(48px,7.4vw,104px)/.96 var(--studiomatsu-display);text-transform:uppercase;letter-spacing:-.02em}.studiomatsu-section-description{font-size:14px;color:var(--studiomatsu-light);max-width:240px}.studiomatsu-work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:72px 40px;align-items:start}.studiomatsu-work{grid-column:span 7;min-width:0}.studiomatsu-work:nth-child(4n+2),.studiomatsu-work:nth-child(4n+3){grid-column:span 5}.studiomatsu-work:nth-child(4n+2){margin-top:112px}.studiomatsu-work:nth-child(4n+3){margin-top:0}.studiomatsu-work:nth-child(4n+4){margin-top:96px}.studiomatsu-work-link{display:block}.studiomatsu-work-image{background:var(--studiomatsu-panel);position:relative;overflow:hidden;aspect-ratio:1}.studiomatsu-work-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.studiomatsu-work:nth-child(2n) .studiomatsu-work-image{aspect-ratio:1}.studiomatsu-work-link:hover img{transform:scale(1.025)}.studiomatsu-work-view{position:absolute;bottom:16px;right:16px;background:var(--studiomatsu-paper);color:var(--studiomatsu-black);padding:7px 14px;font-size:12px;opacity:0;transform:translateY(4px);transition:.25s}.studiomatsu-work-link:hover .studiomatsu-work-view,.studiomatsu-work-link:focus-visible .studiomatsu-work-view{opacity:1;transform:none}.studiomatsu-work-info{border-top:1px solid var(--studiomatsu-line);margin-top:20px;padding-top:16px}.studiomatsu-work-top{display:flex;gap:16px;align-items:baseline;justify-content:space-between}.studiomatsu-work h3{font:600 32px/1.15 var(--studiomatsu-display);letter-spacing:-.01em}.studiomatsu-work-number{font-size:12px;color:var(--studiomatsu-light)}.studiomatsu-work-category{margin-top:8px;color:var(--studiomatsu-light);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.studiomatsu-work-summary{font-size:14px;line-height:1.65;margin-top:12px;max-width:490px;color:var(--studiomatsu-light)}.studiomatsu-archive{margin-top:72px;border-top:1px solid var(--studiomatsu-line)}.studiomatsu-archive summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:24px 0;font-size:16px;font-weight:600;border-bottom:1px solid var(--studiomatsu-line)}.studiomatsu-archive summary::-webkit-details-marker{display:none}.studiomatsu-archive summary:after{content:'+';font:500 28px/1 var(--studiomatsu-body)}.studiomatsu-archive[open] summary:after{content:'−'}.studiomatsu-archive-item{display:grid;grid-template-columns:48px 1fr 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--studiomatsu-line);align-items:center;font-size:14px}.studiomatsu-archive-item:hover{background:var(--studiomatsu-panel)}.studiomatsu-archive-item span:last-child{justify-self:end;color:var(--studiomatsu-light);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.studiomatsu-light-section{background:var(--studiomatsu-paper);color:var(--studiomatsu-black)}.studiomatsu-light-section .studiomatsu-section-description{color:var(--studiomatsu-panel)}.studiomatsu-capabilities{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--studiomatsu-line)}.studiomatsu-capability{padding:32px 28px 32px 0}.studiomatsu-capability+.studiomatsu-capability{border-left:1px solid var(--studiomatsu-line);padding-left:32px}.studiomatsu-capability h3{font:600 36px/1.1 var(--studiomatsu-display);margin:24px 0}.studiomatsu-tags{display:flex;flex-wrap:wrap;gap:8px}.studiomatsu-tags li{font-size:13px;line-height:1.35;border:1px solid var(--studiomatsu-line);padding:8px 12px}.studiomatsu-capability-note{font-size:13px;line-height:1.6;margin-top:24px;color:var(--studiomatsu-panel)}.studiomatsu-about-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px}.studiomatsu-about-title{font:600 clamp(40px,5vw,68px)/1.06 var(--studiomatsu-display);letter-spacing:-.02em;max-width:570px}.studiomatsu-about-copy{margin-top:28px;max-width:570px;color:var(--studiomatsu-light)}.studiomatsu-about-aside{display:flex;flex-direction:column;justify-content:space-between;gap:32px}.studiomatsu-about-aside strong{font:600 58px/1.1 var(--studiomatsu-display)}.studiomatsu-timeline{margin:64px 0 0 25%;border-top:1px solid var(--studiomatsu-line)}.studiomatsu-timeline-heading{padding:16px 0;border-bottom:1px solid var(--studiomatsu-line)}.studiomatsu-timeline-row{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:24px 0;border-bottom:1px solid var(--studiomatsu-line)}.studiomatsu-timeline-row span{font-size:13px;color:var(--studiomatsu-light)}.studiomatsu-timeline-row h3{font-size:18px;font-weight:600;line-height:1.5}.studiomatsu-timeline-row p{font-size:14px;color:var(--studiomatsu-light);margin-top:4px}.studiomatsu-other-experience{margin-top:24px;font-size:14px;color:var(--studiomatsu-light)}.studiomatsu-other-experience summary{cursor:pointer;padding-block:12px}.studiomatsu-other-experience ul{padding-block:8px;display:grid;gap:10px}.studiomatsu-contact{border-top:1px solid var(--studiomatsu-line);padding-block:64px}.studiomatsu-contact-top{display:flex;justify-content:space-between;gap:32px}.studiomatsu-contact-title{font:700 clamp(76px,12vw,172px)/.96 var(--studiomatsu-display);letter-spacing:-.02em;text-transform:uppercase;margin-top:36px}.studiomatsu-contact-bottom{margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:32px}.studiomatsu-contact-bottom p{max-width:360px;color:var(--studiomatsu-light)}.studiomatsu-contact-links{display:flex;gap:24px;align-items:center;font-size:14px}.studiomatsu-contact-links>a:not(.studiomatsu-button){border-bottom:1px solid var(--studiomatsu-line);padding-block:10px}.studiomatsu-footer{border-top:1px solid var(--studiomatsu-line);padding-block:24px;display:flex;justify-content:space-between;gap:24px;color:var(--studiomatsu-light);font-size:12px}.studiomatsu-case-hero{padding-top:32px}.studiomatsu-back{font-size:14px;border-bottom:1px solid var(--studiomatsu-line);padding-bottom:6px;display:inline-block}.studiomatsu-case-kicker{display:flex;justify-content:space-between;margin-top:48px}.studiomatsu-case-title{font:700 clamp(72px,12vw,164px)/.98 var(--studiomatsu-display);letter-spacing:-.025em;text-transform:uppercase;max-width:1100px;padding-block:24px 40px}.studiomatsu-case-info{display:grid;grid-template-columns:1fr 1fr 2fr;gap:40px;padding:24px 0 40px;border-top:1px solid var(--studiomatsu-line)}.studiomatsu-case-info dd{margin:8px 0 0;font-size:14px}.studiomatsu-case-info dl{margin:0}.studiomatsu-case-info p{font-size:16px;line-height:1.75}.studiomatsu-case-cover{background:var(--studiomatsu-panel);margin:0}.studiomatsu-case-cover img{width:100%;max-height:800px;object-fit:contain}.studiomatsu-case-cover figcaption{font-size:12px;color:var(--studiomatsu-light);padding:16px 24px}.studiomatsu-case-story{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;padding-block:64px}.studiomatsu-case-story h2{font:600 48px/1 var(--studiomatsu-display)}.studiomatsu-case-story p{margin-top:24px;color:var(--studiomatsu-light)}.studiomatsu-case-story p:first-child{margin-top:0}.studiomatsu-case-story aside{font-size:13px;color:var(--studiomatsu-light)}.studiomatsu-case-gallery{padding-bottom:64px}.studiomatsu-case-gallery-title{display:flex;justify-content:space-between;border-top:1px solid var(--studiomatsu-line);padding:20px 0;margin-bottom:16px}.studiomatsu-case-gallery img{width:100%;height:auto;background:var(--studiomatsu-panel)}.studiomatsu-source-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.studiomatsu-next{display:block;border-top:1px solid var(--studiomatsu-line);padding:40px 0 64px}.studiomatsu-next h2{font:600 clamp(44px,7vw,92px)/1.05 var(--studiomatsu-display);margin-top:16px}.studiomatsu-next:hover h2{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.studiomatsu-error{padding:88px 0 120px}.studiomatsu-error h1{font:700 160px/1 var(--studiomatsu-display)}.studiomatsu-error p{margin:24px 0}.studiomatsu-error h2{font:600 48px/1 var(--studiomatsu-display)}
.studiomatsu-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.studiomatsu-work:nth-child(n) .studiomatsu-work-image{aspect-ratio:1}
.studiomatsu-work-image img{object-fit:contain}
.studiomatsu-case-gallery{width:min(calc(100% - var(--studiomatsu-space)*2),1920px)}
html.studiomatsu-loading{overflow:hidden}
html.studiomatsu-loading:after{content:'';position:fixed;inset:0;background:var(--studiomatsu-black);z-index:100}
html.studiomatsu-loading .studiomatsu-header,html.studiomatsu-loading main,html.studiomatsu-loading .studiomatsu-footer{visibility:hidden}
.studiomatsu-preloader{border:0;margin:0;padding:24px;background:var(--studiomatsu-black);color:var(--studiomatsu-paper);width:100%;height:100%;max-width:none;max-height:none;inset:0}
.studiomatsu-preloader[open]{display:grid;place-items:center}
.studiomatsu-preloader::backdrop{background:var(--studiomatsu-black)}
.studiomatsu-preloader-content{width:min(100%,480px);text-align:center}
.studiomatsu-preloader .studiomatsu-meta{color:var(--studiomatsu-light)}
.studiomatsu-preloader-title{font:600 clamp(40px,8vw,64px)/1.05 var(--studiomatsu-display);text-transform:uppercase;margin-top:24px}
.studiomatsu-preloader-description{font-size:14px;max-width:320px;margin:20px auto 28px;color:var(--studiomatsu-light)}
.studiomatsu-preloader-phone{width:160px;height:160px;display:grid;place-items:center;margin:0 auto 16px}
.studiomatsu-preloader-phone svg{width:64px;height:112px;animation:studiomatsu-rotate-phone 2.8s ease-in-out infinite;transform-origin:center}
.studiomatsu-preloader-progress{height:2px;width:160px;background:var(--studiomatsu-panel);overflow:hidden;margin:24px auto 40px}
.studiomatsu-preloader-progress:after{content:'';display:block;width:50%;height:100%;background:var(--studiomatsu-paper);animation:studiomatsu-loading-line 1.3s ease-in-out infinite}
.studiomatsu-preloader [hidden]{display:none}
@keyframes studiomatsu-rotate-phone{0%,20%,100%{transform:rotate(0deg)}55%,80%{transform:rotate(90deg)}}
@keyframes studiomatsu-loading-line{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}
@media(min-width:1500px){.studiomatsu-hero-title{font-size:274px}}
@media(max-width:1024px){.studiomatsu-header{min-height:92px}.studiomatsu-hero-content{grid-template-columns:1fr 1fr;gap:32px}.studiomatsu-signal{display:none}.studiomatsu-section{padding-block:64px}.studiomatsu-section-head{grid-template-columns:1fr 3fr}.studiomatsu-section-description{grid-column:2;max-width:360px}.studiomatsu-work-grid{gap:56px 24px}.studiomatsu-work:nth-child(4n+2){margin-top:64px}.studiomatsu-work:nth-child(4n+4){margin-top:48px}.studiomatsu-about-grid{grid-template-columns:1fr 3fr}.studiomatsu-about-aside{grid-column:2;flex-direction:row;align-items:center}.studiomatsu-capability{padding-right:16px}.studiomatsu-capability+.studiomatsu-capability{padding-left:20px}.studiomatsu-capability h3{font-size:30px}.studiomatsu-case-story{grid-template-columns:1fr 3fr}.studiomatsu-case-story aside{grid-column:2}.studiomatsu-case-info{gap:24px}.studiomatsu-contact-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){:root{--studiomatsu-space:20px}.studiomatsu-header{min-height:88px;position:relative;flex-wrap:wrap;gap:0}.studiomatsu-identity{font-size:12px}.studiomatsu-monogram{font-size:30px}.studiomatsu-eyebrow{padding-top:20px}.studiomatsu-eyebrow span:last-child{display:none}.studiomatsu-hero-title{font-size:20vw;margin:32px 0 24px;line-height:1}.studiomatsu-hero-content{grid-template-columns:1fr;gap:24px;padding-top:24px}.studiomatsu-name{font-size:40px;margin-bottom:16px}.studiomatsu-intro p{max-width:none}.studiomatsu-intro{gap:24px}.studiomatsu-hero-bottom{gap:16px;padding-top:32px}.studiomatsu-hero-bottom span:last-child{max-width:120px;text-align:right}.studiomatsu-section{padding-block:56px}.studiomatsu-section-head{display:block;padding-bottom:32px}.studiomatsu-section-head .studiomatsu-meta{padding-top:0;margin-bottom:20px;display:block}.studiomatsu-section-title{font-size:60px}.studiomatsu-section-description{margin-top:20px;max-width:300px}.studiomatsu-work-grid{display:block}.studiomatsu-work{margin-bottom:40px}.studiomatsu-work:nth-child(n){margin-top:0}.studiomatsu-work:nth-child(n) .studiomatsu-work-image{aspect-ratio:1}.studiomatsu-work h3{font-size:32px}.studiomatsu-work-view{opacity:1;transform:none}.studiomatsu-work-info{margin-top:16px}.studiomatsu-archive{margin-top:16px}.studiomatsu-archive-item{grid-template-columns:28px 1fr;gap:12px;padding:16px 0}.studiomatsu-archive-item span:last-child{grid-column:2;justify-self:start}.studiomatsu-capabilities{display:block}.studiomatsu-capability{padding:28px 0}.studiomatsu-capability+.studiomatsu-capability{padding:28px 0;border-left:0;border-top:1px solid var(--studiomatsu-line)}.studiomatsu-capability h3{font-size:36px;margin:16px 0 24px}.studiomatsu-about-grid{display:block}.studiomatsu-about-grid>.studiomatsu-meta{margin-bottom:24px;display:block}.studiomatsu-about-title{font-size:44px}.studiomatsu-about-aside{margin-top:32px;display:flex;flex-direction:row;align-items:center}.studiomatsu-timeline{margin:40px 0 0}.studiomatsu-timeline-row{grid-template-columns:1fr;gap:12px}.studiomatsu-contact{padding-block:48px}.studiomatsu-contact-top{display:block}.studiomatsu-contact-top>p:last-child{margin-top:16px}.studiomatsu-contact-title{font-size:19vw;margin-top:28px}.studiomatsu-contact-bottom{margin-top:28px;gap:24px}.studiomatsu-contact-links{flex-wrap:wrap;gap:20px}.studiomatsu-footer{flex-wrap:wrap;gap:12px}.studiomatsu-case-kicker{margin-top:36px;gap:24px}.studiomatsu-case-title{font-size:72px;overflow-wrap:anywhere;hyphens:auto;padding-bottom:28px}.studiomatsu-case-info{grid-template-columns:1fr 1fr;gap:24px}.studiomatsu-case-info>p{grid-column:1/-1}.studiomatsu-case-story{display:block;padding-block:48px}.studiomatsu-case-story h2{margin-bottom:24px}.studiomatsu-case-story aside{margin-top:28px}.studiomatsu-case-cover figcaption{padding:16px;font-size:12px}.studiomatsu-source-actions a{width:100%}.studiomatsu-case-gallery-title{gap:20px;align-items:center}.studiomatsu-case-gallery-title span:last-child{text-align:right}.studiomatsu-error h1{font-size:120px}}
@media(max-width:640px){}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.studiomatsu-work-link:hover img{transform:none}}
/* StudioMatsu: identity, alternating tags and horizontal desktop portfolio. */
.studiomatsu-logo{width:36px;height:58px;object-fit:contain;filter:invert(1) brightness(.952941)}
.studiomatsu-language{position:relative;font-size:12px;z-index:40}
.studiomatsu-language summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;min-height:44px;padding:8px 12px;border:1px solid transparent}
.studiomatsu-language summary:hover{border-color:var(--studiomatsu-line)}
.studiomatsu-language summary::-webkit-details-marker{display:none}
.studiomatsu-language svg{width:21px;height:21px}
.studiomatsu-language-options{position:absolute;right:0;top:calc(100% + 8px);min-width:128px;background:var(--studiomatsu-black);border:1px solid var(--studiomatsu-line);padding:6px}
.studiomatsu-language-options a{display:block;min-height:44px;padding:10px 14px}
.studiomatsu-language-options a:hover,.studiomatsu-language-options a[aria-current]{background:var(--studiomatsu-paper);color:var(--studiomatsu-black)}
.studiomatsu-tags li{background:transparent;color:var(--studiomatsu-black)}
.studiomatsu-tags li:nth-child(even){background:var(--studiomatsu-black);color:var(--studiomatsu-paper);border-color:var(--studiomatsu-black)}
.studiomatsu-capability h3{margin-top:0}
.studiomatsu-archive-item{grid-template-columns:1fr 1fr}
.studiomatsu-language-level{font-size:14px}
.studiomatsu-scroll-progress{position:fixed;bottom:0;left:0;right:0;height:3px;background:var(--studiomatsu-panel);z-index:50;pointer-events:none}
.studiomatsu-scroll-progress span{display:block;width:100%;height:100%;background:var(--studiomatsu-paper);transform:scaleX(0);transform-origin:left}
@media(max-width:640px){.studiomatsu-logo{width:30px;height:49px}.studiomatsu-archive-item{grid-template-columns:1fr}.studiomatsu-archive-item span:last-child{grid-column:1}.studiomatsu-eyebrow{flex-direction:column;gap:8px}.studiomatsu-eyebrow span:last-child{display:block;font-size:10px}.studiomatsu-hero-bottom span:first-child{max-width:175px}}

.studiomatsu-scroll-hint{display:inline}
@media(min-width:1025px){.studiomatsu-scroll-hint{display:inline;color:var(--studiomatsu-paper)}}
/* Contain accessible offscreen labels within their reading region. */
main{position:relative}
/* StudioMatsu: brace hats, vertical text choreography and responsive logo stage. */
.studiomatsu-meta:not(.studiomatsu-eyebrow,.studiomatsu-hero-bottom,.studiomatsu-case-kicker,.studiomatsu-case-gallery-title)::before,
.studiomatsu-eyebrow>span::before,.studiomatsu-hero-bottom>span::before,.studiomatsu-case-kicker>span::before,.studiomatsu-case-gallery-title>span::before,.studiomatsu-tags li::before{content:'{';margin-right:.55em;font:400 1.3em/1 var(--studiomatsu-body)}
.studiomatsu-meta:not(.studiomatsu-eyebrow,.studiomatsu-hero-bottom,.studiomatsu-case-kicker,.studiomatsu-case-gallery-title)::after,
.studiomatsu-eyebrow>span::after,.studiomatsu-hero-bottom>span::after,.studiomatsu-case-kicker>span::after,.studiomatsu-case-gallery-title>span::after,.studiomatsu-tags li::after{content:'}';margin-left:.55em;font:400 1.3em/1 var(--studiomatsu-body)}
.studiomatsu-tags li{display:inline-flex;align-items:center}
.studiomatsu-statement{min-height:100svh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:80px 0}
.studiomatsu-statement-title{font-size:clamp(36px,3.7vw,64px);line-height:1.15;text-align:center;letter-spacing:-.015em}
.studiomatsu-statement-hat{position:absolute;left:0;top:24px}
.studiomatsu-statement-note{font-size:14px;max-width:480px;text-align:center}
.studiomatsu-statement-word,.studiomatsu-statement-char{display:inline-block}
.studiomatsu-statement-line{display:block;white-space:nowrap}
.studiomatsu-size{padding-block:88px}
.studiomatsu-size-reel{position:relative;min-height:420px;height:min(72svh,700px);overflow:hidden}
.studiomatsu-size-device{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:82%;border-radius:32px;background:var(--studiomatsu-paper);border:2px solid var(--studiomatsu-paper)}
.studiomatsu-size-device-detail{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:32px;height:3px;border-radius:3px;background:var(--studiomatsu-black)}
.studiomatsu-size-logo{position:absolute;left:50%;top:50%;width:72px;height:118px;object-fit:contain;transform:translate(-50%,-50%)}
.studiomatsu-size-word{position:absolute;left:50%;top:50%;font:500 clamp(32px,6vw,92px)/1.05 var(--studiomatsu-display);white-space:nowrap}
.studiomatsu-size-left{transform:translate(calc(-100% - 130px),-50%)}
.studiomatsu-size-right{transform:translate(130px,-50%)}
.studiomatsu-size-caption{text-align:center;font-size:16px;max-width:460px;margin:32px auto 0}
.studiomatsu-button{border-radius:100px}
[data-studiomatsu-motion-button]{position:relative;isolation:isolate;overflow:hidden;--studiomatsu-button-flair:var(--studiomatsu-paper);--studiomatsu-button-hover:var(--studiomatsu-black)}
.studiomatsu-button[data-studiomatsu-motion-button]{--studiomatsu-button-flair:var(--studiomatsu-black);--studiomatsu-button-hover:var(--studiomatsu-paper)}
.studiomatsu-button--outline[data-studiomatsu-motion-button]{--studiomatsu-button-flair:var(--studiomatsu-paper);--studiomatsu-button-hover:var(--studiomatsu-black)}
.studiomatsu-button[data-studiomatsu-motion-button]:hover{background:var(--studiomatsu-paper);color:var(--studiomatsu-black)}
.studiomatsu-button--outline[data-studiomatsu-motion-button]:hover{background:transparent;color:var(--studiomatsu-paper)}
.studiomatsu-button-flair{position:absolute;z-index:-1;border-radius:50%;background:var(--studiomatsu-button-flair);transform:scale(0);pointer-events:none}
.studiomatsu-button-label{position:relative;display:inline-flex;align-items:center;justify-content:inherit;gap:inherit;pointer-events:none}
.studiomatsu-archive summary .studiomatsu-button-label{flex:1;justify-content:space-between}
@media(min-width:1025px){.studiomatsu-statement-title{white-space:nowrap}}
@media(max-width:1024px){.studiomatsu-statement{min-height:60svh}.studiomatsu-statement-title{font-size:clamp(40px,6vw,64px);max-width:720px}.studiomatsu-size-reel{height:520px}.studiomatsu-size-device{width:170px;height:75%}.studiomatsu-size-left{transform:translate(calc(-100% - 102px),-50%)}.studiomatsu-size-right{transform:translate(102px,-50%)}}
@media(max-width:640px){.studiomatsu-hero-bottom{flex-wrap:wrap}.studiomatsu-scroll-hint{order:3;width:100%;text-align:left!important;max-width:none!important}.studiomatsu-statement{min-height:64svh;padding:80px 0 48px}.studiomatsu-statement-title{font-size:42px;max-width:350px}.studiomatsu-size{padding-block:56px}.studiomatsu-size-reel{min-height:360px;height:54svh}.studiomatsu-size-device{width:100px;height:72%;border-radius:22px}.studiomatsu-size-logo{width:42px;height:69px}.studiomatsu-size-word{font-size:clamp(24px,7vw,32px)}.studiomatsu-size-left{transform:translate(calc(-100% - 60px),-50%)}.studiomatsu-size-right{transform:translate(60px,-50%)}.studiomatsu-size-caption{font-size:14px}.studiomatsu-meta{letter-spacing:.04em}.studiomatsu-contact-top>p{max-width:260px}}
.studiomatsu-statement-next{position:absolute;inset:72px 0 56px;display:grid;align-items:center;overflow-y:auto;scrollbar-width:thin}
.studiomatsu-statement-next .studiomatsu-capabilities{width:100%}
.studiomatsu-statement{overflow:hidden}
.studiomatsu-work-view{border-radius:100px}
.studiomatsu-work-view[data-studiomatsu-motion-button]{--studiomatsu-button-flair:var(--studiomatsu-black);--studiomatsu-button-hover:var(--studiomatsu-paper)}
/* StudioMatsu: three cards with outline-only hats. */
.studiomatsu-capabilities{border:0;gap:24px;align-items:stretch}
.studiomatsu-capability,.studiomatsu-capability+.studiomatsu-capability{border:0;padding:32px;background:var(--studiomatsu-white);color:var(--studiomatsu-black)}
.studiomatsu-capability:nth-child(2){background:var(--studiomatsu-black);color:var(--studiomatsu-paper)}
.studiomatsu-capability .studiomatsu-tags li:nth-child(n){background:transparent;color:inherit;border:1px solid currentColor}
.studiomatsu-capability:nth-child(2) .studiomatsu-capability-note{color:var(--studiomatsu-light)}
.studiomatsu-about-grid{grid-template-columns:1fr 3fr}
.studiomatsu-archive summary,.studiomatsu-other-experience summary{padding:24px 28px;gap:24px;min-height:72px}
.studiomatsu-other-experience summary{display:flex;align-items:center;list-style:none}
.studiomatsu-other-experience summary::-webkit-details-marker{display:none}
.studiomatsu-other-experience summary::after{content:'+';font-size:24px;line-height:1;margin-left:auto}
.studiomatsu-other-experience[open] summary::after{content:'−'}
.studiomatsu-other-experience summary .studiomatsu-button-label{flex:1}
[data-studiomatsu-motion-button]::after{position:relative;pointer-events:none}
.studiomatsu-archive summary::after,.studiomatsu-other-experience summary::after{transition:color .55s}
.studiomatsu-archive summary.studiomatsu-button-active::after,.studiomatsu-other-experience summary.studiomatsu-button-active::after{color:var(--studiomatsu-button-hover);transition-delay:.2s}
.studiomatsu-contact-links{margin-left:auto}
.studiomatsu-whatsapp-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);width:28px;height:28px;color:var(--studiomatsu-paper);opacity:0;pointer-events:none;transition:opacity .4s .25s,transform .4s .25s}
[data-studiomatsu-whatsapp] .studiomatsu-button-label{transition:opacity .3s .15s}
[data-studiomatsu-whatsapp].studiomatsu-button-active .studiomatsu-button-label{opacity:0}
[data-studiomatsu-whatsapp].studiomatsu-button-active .studiomatsu-whatsapp-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}
[data-studiomatsu-whatsapp]:not([data-studiomatsu-motion-button]):hover{background:var(--studiomatsu-black)}
[data-studiomatsu-whatsapp]:not([data-studiomatsu-motion-button]):hover .studiomatsu-whatsapp-icon{opacity:1}
.studiomatsu-contact-title[data-studiomatsu-pointer-ink]{--studiomatsu-ink-radius:0px;--studiomatsu-ink-x:50%;--studiomatsu-ink-y:50%;background-image:radial-gradient(circle var(--studiomatsu-ink-radius) at var(--studiomatsu-ink-x) var(--studiomatsu-ink-y),var(--studiomatsu-black) 0%,var(--studiomatsu-paper) 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.studiomatsu-size--pinned{height:100svh;min-height:100svh;padding-block:clamp(20px,4vh,40px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.studiomatsu-size--pinned .studiomatsu-size-reel{width:100%;flex-shrink:0}
#studiomatsu-sobre{position:relative;z-index:1;background:var(--studiomatsu-black)}
.studiomatsu-work-image.studiomatsu-cover-placeholder{display:grid;place-items:center}
.studiomatsu-cover--light{background:var(--studiomatsu-white);color:var(--studiomatsu-black)}
.studiomatsu-cover--dark{background:var(--studiomatsu-black);color:var(--studiomatsu-paper)}
.studiomatsu-work-image img.studiomatsu-cover-logo{width:44px;height:72px;object-fit:contain}
.studiomatsu-cover--dark .studiomatsu-cover-logo{filter:invert(1) brightness(.952941)}
.studiomatsu-case-cover.studiomatsu-cover-placeholder{position:relative;display:grid;place-items:center;aspect-ratio:1;width:min(calc(100% - var(--studiomatsu-space)*2),1080px);margin:0 auto}
.studiomatsu-case-cover img.studiomatsu-cover-logo{width:clamp(36px,4vw,56px);height:auto;max-height:none}
.studiomatsu-case-cover.studiomatsu-cover-placeholder figcaption{position:absolute;bottom:0;left:0;color:inherit}
@media(max-width:1024px){.studiomatsu-capabilities{gap:16px}.studiomatsu-capability,.studiomatsu-capability+.studiomatsu-capability{padding:24px}}
@media(max-width:640px){.studiomatsu-capabilities{display:grid;grid-template-columns:1fr;gap:16px}.studiomatsu-about-grid{display:block}.studiomatsu-archive summary,.studiomatsu-other-experience summary{padding:22px 24px;gap:16px}.studiomatsu-contact-links{margin-left:0;align-self:flex-end}.studiomatsu-work-image img.studiomatsu-cover-logo{width:36px;height:59px}}
/* Keep the project action anchored and its pointer fill clipped to the pill. */
.studiomatsu-work-view[data-studiomatsu-motion-button]{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;min-height:40px;max-width:calc(100% - 32px);overflow:hidden;isolation:isolate}
@media(max-width:360px){.studiomatsu-section-head .studiomatsu-section-title{font-size:52px}}
.studiomatsu-about-grid{display:block;margin-left:0}
.studiomatsu-about-accordion{margin:0;border-bottom:1px solid var(--studiomatsu-line)}
.studiomatsu-about-accordion>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:24px 28px;min-height:72px;gap:24px;color:var(--studiomatsu-paper)}
.studiomatsu-about-accordion>summary::-webkit-details-marker{display:none}
.studiomatsu-about-accordion>summary::after{content:'+';font-size:24px;line-height:1;transition:color .55s}
.studiomatsu-about-accordion[open]>summary::after{content:'−'}
.studiomatsu-about-accordion>summary .studiomatsu-button-label{flex:1;justify-content:flex-start}
.studiomatsu-about-accordion>summary.studiomatsu-button-active::after{color:var(--studiomatsu-button-hover);transition-delay:.2s}
.studiomatsu-about-accordion .studiomatsu-timeline-row:last-child{border-bottom:0}
.studiomatsu-accordion-content>ul{padding:24px 28px;display:grid;gap:12px}
@media(max-width:640px){.studiomatsu-about-grid{margin-left:0}.studiomatsu-about-accordion>summary{padding:22px 24px;gap:16px}.studiomatsu-accordion-content>ul{padding:22px 24px}}
/* All section containers share the same 1280px content alignment. */
.studiomatsu-timeline{margin-left:0}
.studiomatsu-about-title,.studiomatsu-about-copy{max-width:none}
.studiomatsu-case-cover.studiomatsu-cover-placeholder{width:min(calc(100% - var(--studiomatsu-space)*2),var(--studiomatsu-width))}
.studiomatsu-case-gallery{width:min(calc(100% - var(--studiomatsu-space)*2),var(--studiomatsu-width))}
.studiomatsu-header .studiomatsu-logo{width:auto;height:40px}
.studiomatsu-signal.studiomatsu-portrait{display:block;aspect-ratio:3/4;min-height:0;align-self:start;background:var(--studiomatsu-black)}
.studiomatsu-portrait img{width:100%;height:100%;object-fit:cover;object-position:center}
.studiomatsu-scroll-window{display:inline-block;height:1.5em;overflow:hidden;vertical-align:bottom}
.studiomatsu-scroll-track{display:flex;flex-direction:column;will-change:transform}
.studiomatsu-scroll-track>span{display:block;height:1.5em;line-height:1.5;white-space:nowrap}
@media(min-width:641px) and (max-width:1024px){.studiomatsu-portrait{grid-column:1/-1;width:min(100%,360px);justify-self:end}}
.studiomatsu-hero-content{align-items:center}
.studiomatsu-hero-content .studiomatsu-intro{justify-content:center}
.studiomatsu-section-head{align-items:center}
.studiomatsu-section-head .studiomatsu-meta{align-self:center;padding-top:0}
/* Keep 1280px available whenever the viewport can fit it plus side gutters. */
:root{--studiomatsu-space:20px}
@media(min-width:1025px){.studiomatsu-section-head .studiomatsu-section-description{justify-self:end;width:100%;max-width:100%}}
/* Shared section rhythm and moving editorial dividers. */
.studiomatsu-section,.studiomatsu-contact,.studiomatsu-case-story,.studiomatsu-next{padding-block:60px}
.studiomatsu-hero{padding-bottom:60px}
.studiomatsu-size:not(.studiomatsu-size--pinned){padding-block:60px}
.studiomatsu-case-gallery{padding-block:60px}
@property --studiomatsu-divider-position{syntax:'<percentage>';inherits:false;initial-value:-30%}
@keyframes studiomatsu-divider-flow{from{--studiomatsu-divider-position:-30%}to{--studiomatsu-divider-position:130%}}
:is(.studiomatsu-header,.studiomatsu-hero-content,.studiomatsu-hero-bottom,.studiomatsu-work-info,.studiomatsu-archive,.studiomatsu-archive summary,.studiomatsu-archive-item,.studiomatsu-timeline,.studiomatsu-timeline-row,.studiomatsu-about-accordion,.studiomatsu-contact,.studiomatsu-footer,.studiomatsu-case-info,.studiomatsu-case-gallery-title,.studiomatsu-next){
  border-image-source:linear-gradient(90deg,var(--studiomatsu-black) calc(var(--studiomatsu-divider-position) - 35%),var(--studiomatsu-paper) var(--studiomatsu-divider-position),var(--studiomatsu-black) calc(var(--studiomatsu-divider-position) + 35%));
  border-image-slice:1;
  animation:studiomatsu-divider-flow var(--studiomatsu-divider-duration,7s) linear var(--studiomatsu-divider-delay,0s) infinite var(--studiomatsu-divider-direction,normal);
}
@media(prefers-reduced-motion:reduce){
  :is(.studiomatsu-header,.studiomatsu-hero-content,.studiomatsu-hero-bottom,.studiomatsu-work-info,.studiomatsu-archive,.studiomatsu-archive summary,.studiomatsu-archive-item,.studiomatsu-timeline,.studiomatsu-timeline-row,.studiomatsu-about-accordion,.studiomatsu-contact,.studiomatsu-footer,.studiomatsu-case-info,.studiomatsu-case-gallery-title,.studiomatsu-next){animation:none;--studiomatsu-divider-position:50%}
}
@media(min-width:1025px){
  .studiomatsu-section-head{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:center}
  .studiomatsu-section-head>.studiomatsu-meta{justify-self:start;text-align:left}
  .studiomatsu-section-head>.studiomatsu-section-title{justify-self:center;text-align:center;font-size:clamp(56px,5.5vw,80px);width:100%}
  .studiomatsu-section-head>.studiomatsu-section-description{justify-self:end;text-align:left;max-width:100%;width:max-content}
}
.studiomatsu-section-description>span{display:block}
.studiomatsu-capability .studiomatsu-tags li{font-size:16px}
.studiomatsu-capability-note{font-size:14px}
.studiomatsu-back.studiomatsu-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid var(--studiomatsu-paper)}
.studiomatsu-back.studiomatsu-button{gap:10px}
.studiomatsu-back-arrow{width:20px;height:20px;flex-shrink:0}
.studiomatsu-footer-credit{display:flex;align-items:center;gap:12px}
.studiomatsu-footer .studiomatsu-logo{height:20px;width:auto}
.studiomatsu-timeline,.studiomatsu-about-accordion,.studiomatsu-timeline-row{border-image:none;animation:none;border-color:var(--studiomatsu-line)}
.studiomatsu-archive,.studiomatsu-archive summary,.studiomatsu-archive-item{border-image:none;animation:none;border-color:var(--studiomatsu-line)}
/* Override the shared divider selector on both containers and their rows. */
#studiomatsu-projetos :is(.studiomatsu-archive,.studiomatsu-archive summary,.studiomatsu-archive-item),
#studiomatsu-sobre :is(.studiomatsu-timeline,.studiomatsu-about-accordion,.studiomatsu-timeline-row){border-image-source:none;animation:none;border-color:var(--studiomatsu-line)}
.studiomatsu-contact{border-top:0}
.studiomatsu-hero-content{border-top:0}
.studiomatsu-hero-bottom{border-bottom:0}
.studiomatsu-eyebrow{padding-top:80px}
.studiomatsu-section-head{padding-bottom:80px}
#studiomatsu-projetos{padding-bottom:80px}
.studiomatsu-project-list{border-top:1px solid var(--studiomatsu-line)}
.studiomatsu-project-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;min-height:74px;border-bottom:1px solid var(--studiomatsu-line);color:var(--studiomatsu-paper)}
.studiomatsu-project-row .studiomatsu-button-label{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px}
.studiomatsu-project-arrow{width:22px;height:22px;flex-shrink:0;transition:transform .4s}
.studiomatsu-project-row:hover .studiomatsu-project-arrow,.studiomatsu-project-row:focus-visible .studiomatsu-project-arrow{transform:translateX(4px)}
@media(max-width:640px){.studiomatsu-project-row{padding:22px 24px}.studiomatsu-project-row .studiomatsu-meta{font-size:12px}}
.studiomatsu-next h2{font-size:clamp(28px,3vw,44px);line-height:1.1}
.studiomatsu-statement-note{font-size:16px}
@media(max-width:1024px){
  .studiomatsu-statement{min-height:100svh;padding:48px 0}
  .studiomatsu-statement-line{white-space:normal}
  .studiomatsu-statement-word{white-space:nowrap}
  .studiomatsu-statement-title{width:100%;max-width:720px}
}