/* Figma Desktop 1/2, 2026-10-22. Native exports and measured dimensions. */
@font-face{font-family:'Zen Kaku Gothic New';src:url('assets/fonts/ZenKakuGothicNew-Regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:'Zen Kaku Gothic New';src:url('assets/fonts/ZenKakuGothicNew-Medium.ttf');font-weight:500;font-display:swap}
@font-face{font-family:'Zen Kaku Gothic New';src:url('assets/fonts/ZenKakuGothicNew-Bold.ttf');font-weight:700;font-display:swap}
@font-face{font-family:Jost;src:url('assets/fonts/Jost-Variable.ttf');font-weight:100 900;font-display:swap}
@font-face{font-family:Jost;src:url('assets/fonts/Jost-Italic-Variable.ttf');font-weight:100 900;font-style:italic;font-display:swap}
:root{--yu-teal:#2f9eac;--yu-dark:#277f8b;--yu-ink:#2e343a;--yu-muted:#56656e;--yu-pale:#eef1f6;--paper:#fff;--ink:#2e343a;--font-body:'Zen Kaku Gothic New',sans-serif;--font-display:Jost,sans-serif;scroll-behavior:auto;scroll-padding-top:95px}
body.yu-page{margin:0;background:#fff;color:var(--yu-ink);font:16px/normal var(--font-body);letter-spacing:0;isolation:isolate}
/* Viewport-fixed watercolor: independent of the height and scroll of each section. */
body.yu-page:before{content:'';position:fixed;inset:0;z-index:-1;background:#d6fef5 url('assets/figma/f1b94.png') center/cover no-repeat;pointer-events:none}
.yu-section,.yu-about-body{background:#fff}
.yu-page-tail{width:min(1140px,100%);margin-inline:auto;background:#fff}
.yu-static *,.yu-static *:before,.yu-static *:after{animation:none!important;transition:none!important}
.yu-static [data-yu-reveal]{opacity:1!important;transform:none!important}
.yu-static .yu-button:hover,.yu-static .yu-button:hover span,.yu-static .yu-work-open:hover img,.yu-static .yu-work-open:focus-visible img,.yu-static .yu-text-link:hover span,.yu-static .yu-filters button:hover{transform:none}
.yu-page img{display:block}.yu-en{font:italic 400 40px/normal Jost,sans-serif;letter-spacing:.04em;color:var(--yu-teal)}
.yu-nav,.yu-mobile-nav,.yu-work-view,.yu-dialog-meta dt{font-family:Jost,var(--font-body)}
.yu-header{position:sticky;top:0;z-index:40;height:95px;padding:0 max(24px,calc((100% - 1026px)/2));gap:0;background:#d6fef5;backdrop-filter:none;box-shadow:none}
.yu-nav{gap:64px;font-size:16px;font-weight:500;letter-spacing:0;align-self:flex-start;margin-top:35px;line-height:normal}.yu-nav a{padding:0;flex-shrink:0}.yu-nav a:nth-child(-n+3){width:auto}.yu-nav a:after{display:none}
.yu-header-right{gap:19px;align-self:flex-start;margin-top:20px}.yu-instagram{width:50px;height:50px;display:grid;place-items:center}.yu-instagram img{max-width:none;width:auto;height:auto}
.yu-button{font-family:var(--font-body);font-weight:700;letter-spacing:.04em;line-height:normal;border-radius:8px;box-shadow:none}.yu-button:hover{background:var(--yu-teal);box-shadow:none}
.yu-button-small{height:55px;min-height:0;padding:16px 32px;gap:8px;font-size:16px;white-space:nowrap}.yu-button-small img{max-width:none;width:auto;height:auto}
.yu-hero-shell,.yu-about-shell{position:relative;padding:0;background:none;isolation:isolate}.yu-hero-shell:before,.yu-about-shell:before{content:none}
.yu-hero{width:1140px;max-width:100%;height:714px;min-height:0;margin:auto;overflow:hidden;background:#fff}
.yu-hero-photo{left:150px;top:0;right:auto;bottom:auto;width:990px;height:714px;clip-path:none}.yu-hero-photo img{width:990px;height:714px;object-fit:fill;object-position:center;transform:none}
.yu-hero-line{position:absolute;left:167px;top:0;max-width:none;width:auto;height:auto;pointer-events:none}.yu-hero-pointer{position:absolute;left:715.5px;top:0;max-width:none;width:auto;height:auto;pointer-events:none}
.yu-hero-copy{position:absolute;inset:0;padding:0;max-width:none;z-index:2;background:none;pointer-events:none}.yu-hero-title{position:absolute;left:77px;top:217px;font:italic 400 52px/normal Jost,sans-serif;letter-spacing:2.08px;margin:0}
.yu-signature{position:absolute;left:78.6465px;top:299.6464px;width:176.707px;height:60.6392px;max-width:none;margin:0}.yu-signature img{max-width:none;width:auto;height:auto}
.yu-hero-lead{position:absolute;left:77px;top:453px;width:296px;font-size:16px;font-weight:500;line-height:normal;letter-spacing:.32px;color:var(--yu-muted);margin:0}.yu-hero-lead p{margin:0}
.yu-about-button{position:absolute;left:77px;top:599px;width:247px;height:66px;min-height:0;padding:0;gap:16px;font-size:20px}.yu-about-button img{max-width:none;width:auto;height:auto}
.yu-section{width:min(1140px,calc(100% - 48px));margin:auto;padding:96px 100px;scroll-margin-top:24px}.yu-section-heading{text-align:center;margin:0 0 40px}.yu-section-heading>.yu-en{font-size:40px;line-height:normal;margin:0}.yu-section-heading>p{font-size:14px;line-height:normal;letter-spacing:0;color:var(--yu-muted);margin:4px 0 0}
.yu-filters{gap:16px;margin:0 0 24px;flex-wrap:wrap}.yu-filters button{padding:8px 36px;height:40px;border:2px solid var(--yu-teal);border-radius:30px;font-size:14px;font-weight:700;line-height:20px;letter-spacing:.56px;white-space:nowrap}.yu-filters button[data-category="all"],.yu-filters button[data-category="banner"]{width:120px}.yu-filters button:hover{background:#fff}.yu-filters button[aria-pressed=true]:hover{background:var(--yu-teal)}
.yu-work-grid{width:925px;max-width:100%;margin:auto;gap:20px;align-items:start}.yu-work-image{aspect-ratio:1;border-radius:8px;background:var(--yu-pale)}.yu-work-caption{font-size:16px;line-height:23px;letter-spacing:0;padding-top:12px}.yu-work-caption small{font-size:12px;line-height:18px;color:var(--yu-teal);margin-top:3px}.yu-work-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.yu-work-view{font:700 14px Jost,sans-serif;letter-spacing:0;color:#fff;background:var(--yu-teal);padding:12px 24px;transform:none}.yu-work-empty{padding:100px 20px;border-radius:8px}.yu-work-empty p:last-child{font-size:14px}
.yu-services{padding:96px 110px;margin-top:-8px}.yu-service-grid{grid-template-columns:repeat(3,252px);gap:82px}.yu-service{display:flex;align-items:flex-start;flex-direction:column}.yu-service h3{font-size:24px;line-height:normal;font-weight:500;letter-spacing:.96px;min-height:70px;align-self:center;margin:0}.yu-service-art{position:relative;height:149px;margin:24px auto 40px;overflow:hidden}.yu-service-instagram .yu-service-art{width:209px}.yu-service-web .yu-service-art{width:215px}.yu-service-banner .yu-service-art{width:190px}.yu-service-art img{position:absolute;max-width:none}.yu-service-instagram .yu-service-art img{width:117.89%;height:106.04%;left:-9.66%;top:0}.yu-service-web .yu-service-art img{width:113.98%;height:111.27%;left:-9.08%;top:-4.93%}.yu-service-banner .yu-service-art img{width:109.87%;height:106.04%;left:-5.46%;top:0}.yu-service>p{font-size:16px;line-height:normal;letter-spacing:.64px;color:#2e3a2e;margin:0 0 8px}.yu-text-link{font-size:14px;font-weight:700;line-height:20px;letter-spacing:.56px;border:0;padding:0;margin:0;display:flex;gap:4px;align-items:center}.yu-text-link img{max-width:none;width:auto;height:auto}
.yu-contact{padding:122px 85px 150px;margin-top:-8px;min-height:1226px}.yu-contact .yu-section-heading{width:996px;max-width:100%;margin-bottom:40px}.yu-contact .yu-en{font-size:48px}.yu-contact-message{width:996px;max-width:100%;font-size:20px;line-height:normal;letter-spacing:.8px;margin:0 0 32px}.yu-contact-grid{grid-template-columns:496px 1fr;gap:48px;align-items:start;position:relative}
.yu-form{padding:32px 40px;border:1px solid #d9d9d9;border-radius:8px;background:#fff}.yu-form h3{font-size:20px;font-weight:500;letter-spacing:.8px;line-height:normal;margin:0 0 4px}.yu-form-intro{font-size:16px;letter-spacing:.64px;line-height:normal;margin:0 0 24px;white-space:nowrap}.yu-form-fields{display:flex;flex-direction:column;gap:16px;margin:0 0 32px}.yu-form label{width:285px;max-width:100%;font-size:16px;line-height:23px;letter-spacing:.64px;margin:0}.yu-form label>span{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-size:14px;line-height:20px;letter-spacing:.56px;color:#fff;background:#c254a4;border-radius:4px;padding:1px 8px;margin-left:8px}.yu-form input,.yu-form textarea{height:55px;min-height:0;border:1px solid #d9d9d9;border-radius:8px;background:#fff;margin-top:4px;padding:10px 12px;font-size:16px;line-height:normal}.yu-form label.yu-message-field{width:414px}.yu-form textarea{height:129px;resize:vertical}.yu-form .yu-button{font-size:16px;min-height:0;padding:16px 32px;line-height:23px}.yu-form-status:empty{display:none}.yu-form-status{font-size:14px;line-height:1.7;margin-top:16px}
.yu-contact-side{position:relative;padding:341px 0 0 57px}.yu-contact-art{position:absolute;top:-27px;left:0;width:391.595px;height:354.564px}.yu-contact-wash{position:absolute;width:356.042px;height:313.51px;top:20.527px;left:17.7765px;transform:rotate(-7deg);overflow:hidden}.yu-contact-wash img{position:absolute;max-width:none;width:317.47%;height:254.98%;left:-201.81%;top:-13.16%}.yu-contact-person{position:absolute;left:92px;top:60px;width:234px;height:217px;overflow:hidden}.yu-contact-person img{position:absolute;max-width:none;width:284.78%;height:383.79%;left:-166.3%;top:-126.27%}
.yu-contact-card{width:304px;padding:32px 24px;display:flex;flex-direction:column;gap:16px;border-radius:8px;box-shadow:3px 3px 10px #00000026;font-style:normal;background:#fff}.yu-contact-card p,.yu-contact-card>a{display:flex;align-items:center;gap:32px;margin:0;letter-spacing:.64px;font-size:16px;line-height:normal;white-space:nowrap}.yu-contact-card img{flex-shrink:0;max-width:none;width:auto;height:auto}.yu-social-card{gap:24px;margin-top:30px}.yu-social-card>a{font-size:14px;letter-spacing:.56px}.yu-social-card img{width:23px;height:23px;object-fit:cover}.yu-page-tail{height:380px}
.yu-about-intro{width:1140px;max-width:100%;height:777px;padding:0;position:relative;overflow:hidden;background:#fff}.yu-breadcrumb{position:absolute;left:108px;top:66px;font-size:12px;color:var(--yu-muted)}.yu-about-intro>.yu-section-heading{position:absolute;left:108px;top:95px;text-align:left;margin:0;z-index:2}.yu-about-intro>.yu-section-heading .yu-en{letter-spacing:0}.yu-about-wash{position:absolute;width:610.923px;height:662.749px;left:425.1955px;top:93.0105px;overflow:hidden;transform:rotate(-23deg);border-radius:10px;pointer-events:none}.yu-about-wash img{position:absolute;width:348.82%;height:227.41%;max-width:none;left:-18.3%;top:-8.98%}
.yu-about-grid{display:block}.yu-about-person{position:absolute;left:80px;top:207px;width:295px}.yu-about-person>img{width:295px;height:295px;max-width:none;border-radius:0}.yu-person-name{padding:29px 0 0 28px}.yu-person-name>p{font-size:14px;font-weight:500;color:var(--yu-teal);margin:0 0 20px}.yu-person-name h2{font-size:32px;font-weight:700;line-height:normal;margin:0 0 8px}.yu-person-name small{font:14px var(--font-body);color:var(--yu-muted);letter-spacing:0;margin:0}.yu-about-copy{position:absolute;left:417px;top:206px;width:628px}.yu-about-copy h2{font-size:24px;font-weight:700;line-height:1.5;margin:0 0 16px;letter-spacing:0}.yu-about-copy p{font-size:16px;line-height:1.8;margin:0 0 8px;letter-spacing:0}.yu-about-copy p:nth-of-type(2){width:620px;max-width:100%}
.yu-about-body{width:1140px;max-width:100%;margin:auto}.yu-about-section{padding:96px 150px}.yu-about-section>.yu-section-heading{text-align:left;margin-bottom:40px}.yu-about-section>.yu-section-heading .yu-en{letter-spacing:0}.yu-strength-grid{gap:24px;align-items:start}.yu-strength-grid article{padding:32px 28px;background:var(--yu-pale);border-radius:16px}.yu-strength-grid article>span{display:block;font-size:32px;line-height:normal;letter-spacing:0}.yu-strength-grid h3{font-size:18px;line-height:normal;font-weight:700;margin:12px 0}.yu-strength-grid p{font-size:14px;line-height:1.8;letter-spacing:0}
.yu-experience{list-style:none;margin:0;padding:0}.yu-experience li{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;padding:24px 0;border-bottom:1px solid #d9d9d9}.yu-experience li>span{font:italic 300 14px Jost,var(--font-body);color:var(--yu-teal)}.yu-experience h3{font-size:18px;font-weight:500;line-height:normal;margin:0 0 6px}.yu-experience p{font-size:14px;line-height:1.7;color:var(--yu-muted)}
.yu-skills{display:flex;flex-direction:column;gap:12px}.yu-skills>div{border:0!important;border-radius:12px;background:var(--yu-pale);padding:20px 28px;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:center}.yu-skills dt{font-size:16px;font-weight:700}.yu-skills dd{font-size:15px;line-height:1.7}.yu-service-links>p{font-size:16px;margin-bottom:40px}.yu-service-links>div:last-child{display:flex;justify-content:space-between;gap:8px}.yu-service-links>div:last-child>a{border:1px solid #d9d9d9;border-radius:12px;padding:24px 32px;display:flex;gap:8px;align-items:center;color:var(--yu-teal);font-size:16px;font-weight:700;letter-spacing:.64px;white-space:nowrap}.yu-service-links img{width:auto;height:auto;max-width:none}
.yu-about-contact{position:relative;width:1140px;max-width:100%;height:515px;padding:0;margin:0;background:none;isolation:isolate;display:grid;place-items:center;text-align:center}.yu-about-contact>div:last-child{width:616px;max-width:calc(100% - 40px);z-index:1}.yu-about-contact h2{font-size:26px;font-weight:700;line-height:normal;margin:0 0 24px}.yu-about-contact p{font-size:16px;line-height:1.8}.yu-about-contact .yu-button{font-size:18px;border-radius:40px;padding:20px 48px;margin-top:40px;letter-spacing:0}.yu-cta-wash{position:absolute;width:393.164px;height:385.603px;left:366.704px;top:65.6985px;overflow:hidden;transform:rotate(-113deg) scaleY(-1);z-index:-1}.yu-cta-wash img{position:absolute;max-width:none;width:374.79%;height:270.26%;left:-145.83%;top:-159.48%}.yu-about-page .yu-page-tail{height:360px}
.yu-dialog{border-radius:12px;padding:40px;width:min(720px,calc(100% - 40px));max-height:90dvh}.yu-dialog::backdrop{background:#0009;backdrop-filter:none}.yu-dialog-toolbar{padding:0 0 16px;position:relative;border:0}.yu-dialog-close{background:transparent;font-size:32px}.yu-dialog-image{max-height:400px;object-fit:contain}.yu-dialog-body{padding:24px 0 0}.yu-dialog-body h2{font-size:22px;font-weight:700}.yu-dialog-meta dt{font-size:12px;font-weight:700}.yu-dialog-meta dd{font-size:15px}.yu-dialog-notes p{font-size:15px;line-height:1.8}
@media(min-width:1200px){.yu-header-right{position:absolute;left:calc(50% + 244px)}.yu-contact-message{white-space:nowrap}}
.yu-about-contact{grid-template-columns:minmax(0,1fr)}
.yu-about-contact>div:last-child{min-width:0}
.yu-hero-copy .yu-about-button{font-size:20px;min-height:0}
@media(max-width:999px){.yu-hero-copy .yu-about-button{font-size:18px}}
@media(max-width:720px){.yu-hero-copy .yu-about-button{font-size:17px}}
@media(min-width:1000px) and (max-width:1199px){
 .yu-header{padding-inline:40px}.yu-nav{gap:34px}.yu-header-right{gap:10px}.yu-button-small{padding-inline:20px}
 .yu-hero{width:100%;height:calc(100vw * .6263157895)}.yu-hero-photo{left:13.15789%;width:86.84211%;height:100%}.yu-hero-photo img{width:100%;height:100%}.yu-hero-line{transform:scale(calc(100vw / 1140px));transform-origin:top left;left:14.64912%}.yu-hero-pointer{left:62.76316%}.yu-hero-copy{transform:scale(calc(100vw / 1140px));transform-origin:top left;width:1140px;height:714px}
 .yu-section{padding-inline:60px}.yu-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.yu-contact-grid{grid-template-columns:minmax(0,496px) minmax(0,1fr);gap:24px}.yu-contact-side{padding-left:0}.yu-contact-art{left:-50px}.yu-contact-card{width:100%;padding-inline:16px}.yu-contact-card p,.yu-contact-card>a{gap:16px;font-size:14px}.yu-about-section{padding-inline:100px}.yu-service-links>div:last-child>a{padding:20px 15px;font-size:14px}.yu-about-copy{left:37%;width:58%}.yu-about-person{left:5%;width:27%}.yu-about-person>img{width:100%;height:auto}
}
/* Live count remains available to screen readers without affecting Figma layout. */
.yu-work-status{width:auto;height:auto;overflow:visible;white-space:nowrap;clip-path:inset(50%)}
@media(max-width:999px){.yu-page .yu-hero-line{display:none}.yu-about-grid>div{min-width:0}.yu-about-copy p{max-width:100%}}
@media(max-width:720px){.yu-contact-grid{grid-template-columns:minmax(0,1fr)}.yu-form{min-width:0;width:100%}.yu-form-fields{min-width:0}.yu-form label.yu-message-field{width:100%}}
@media(max-width:999px){
 .yu-header{height:78px;padding:0 24px;align-items:center;gap:15px}.yu-nav{gap:25px;align-self:auto;margin:0}.yu-nav a:nth-child(-n+3){width:auto}.yu-header-right{margin:0;align-self:auto;gap:8px}.yu-button-small{font-size:13px;padding:12px 16px;height:auto}.yu-instagram{width:38px;height:38px}
 .yu-hero-shell:before,.yu-about-shell:before{inset:-78px 0 0}.yu-hero-shell{padding:0 24px}.yu-hero{width:100%;height:600px}.yu-hero-photo{width:100%;left:0;height:100%}.yu-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:right}.yu-hero-line{display:none}.yu-hero-pointer{left:68%}.yu-hero-copy{background:linear-gradient(90deg,white 0%,white 32%,transparent 62%)}.yu-hero-title{left:30px;top:170px;font-size:44px;letter-spacing:1.76px}.yu-signature{left:30px;top:239px}.yu-hero-lead{left:30px;top:350px;width:280px;font-size:15px}.yu-about-button{left:30px;top:490px;width:225px;font-size:18px}
 .yu-section{padding:80px 40px}.yu-work-grid{width:100%}.yu-services{margin-top:0}.yu-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.yu-service h3{font-size:19px;min-height:58px}.yu-service-art{max-width:100%;margin-bottom:24px}.yu-service>p{font-size:14px;line-height:1.8}.yu-text-link{font-size:12px;letter-spacing:0}
 .yu-contact{min-height:0;margin:0 auto}.yu-contact-message{font-size:17px;line-height:1.8;margin-bottom:40px}.yu-contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:32px}.yu-form{padding:24px}.yu-form h3{font-size:18px}.yu-form-intro{white-space:normal;font-size:14px}.yu-contact-side{padding:280px 0 0}.yu-contact-art{left:-20px;transform:scale(.7);transform-origin:top left}.yu-contact-card{width:100%;padding:24px 16px}.yu-contact-card p,.yu-contact-card>a{gap:16px;font-size:12px}.yu-page-tail{height:120px}
 .yu-about-shell{padding:0 24px}.yu-about-intro{height:auto;padding:40px 30px}.yu-breadcrumb{position:static;margin-bottom:20px}.yu-about-intro>.yu-section-heading{position:static;margin-bottom:30px}.yu-about-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;position:relative}.yu-about-person{position:static;width:100%}.yu-about-person>img{width:220px;height:220px;max-width:100%}.yu-person-name{padding:24px 0 0}.yu-person-name>p{font-size:12px}.yu-person-name h2{font-size:26px}.yu-person-name small{font-size:12px}.yu-about-copy{position:static;width:auto}.yu-about-copy h2{font-size:20px}.yu-about-copy p{font-size:14px}.yu-about-wash{left:35%;top:100px;opacity:.7}.yu-about-section{padding:72px 48px}.yu-strength-grid{gap:18px}.yu-strength-grid article{padding:24px 20px}.yu-strength-grid h3{font-size:16px}.yu-strength-grid p{font-size:13px}.yu-experience li{grid-template-columns:130px minmax(0,1fr);gap:28px}.yu-skills>div{grid-template-columns:150px minmax(0,1fr);gap:24px;padding:20px}.yu-service-links>div:last-child{flex-wrap:wrap;gap:16px}.yu-service-links>div:last-child>a{padding:20px 24px;font-size:14px}.yu-cta-wash{left:calc(50% - 196.582px)}.yu-about-page .yu-page-tail{height:120px}
}
@media(max-width:720px){
 .yu-header{height:66px;padding:0 16px}.yu-nav>a:not(:first-child){display:none}.yu-nav>a:first-child{font:500 16px Jost,sans-serif}.yu-header-right{gap:10px}.yu-instagram{width:32px;height:32px}.yu-instagram img{transform:scale(.75)}.yu-button-small{font-size:11px;padding:10px 12px;gap:6px}.yu-menu{display:flex}.yu-mobile-nav{z-index:50}.yu-mobile-nav a{font-family:Jost,sans-serif}
 .yu-hero-shell:before,.yu-about-shell:before{inset:-66px 0 0}.yu-hero-shell{padding:0 18px}.yu-hero{height:680px;min-height:0}.yu-hero-photo{left:0;top:0;right:0;width:100%;height:330px}.yu-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:right}.yu-hero-pointer{left:65%;transform:scale(.55);transform-origin:top center}.yu-hero-copy{background:linear-gradient(0deg,white 0%,white 50%,transparent 75%)}.yu-hero-title{left:24px;top:340px;font-size:32px;letter-spacing:1.28px}.yu-signature{left:24px;top:392px;transform:scale(.8);transform-origin:top left}.yu-hero-lead{left:24px;top:472px;width:min(259px,calc(100% - 48px));max-width:259px;font-size:14px;line-height:1.7;letter-spacing:.28px}.yu-about-button{left:24px;top:auto;bottom:28px;width:220px;height:56px;font-size:17px}
 .yu-section{width:calc(100% - 40px);padding:64px 0}.yu-section-heading>.yu-en{font-size:36px}.yu-section-heading>p{font-size:13px}.yu-filters{gap:8px;margin-bottom:24px}.yu-filters button{font-size:12px;height:36px;padding:6px 18px;min-height:36px}.yu-filters button[data-category]{width:auto}.yu-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.yu-work-caption{font-size:13px;padding-top:10px;line-height:1.5}.yu-work-caption small{font-size:10px;margin-top:4px}.yu-work-empty{padding:70px 18px}.yu-service-grid{grid-template-columns:1fr;gap:48px;padding:0 24px}.yu-service h3{font-size:24px;min-height:70px}.yu-service-art{max-width:none;margin:24px auto 28px}.yu-service>p{font-size:16px;line-height:1.8}.yu-text-link{font-size:14px;letter-spacing:.56px;align-self:flex-start}
 .yu-contact .yu-en{font-size:40px}.yu-contact-message{font-size:16px;line-height:1.8;margin-bottom:32px}.yu-contact-grid{grid-template-columns:1fr;gap:40px}.yu-form{padding:24px 20px}.yu-form h3{font-size:18px}.yu-form input,.yu-form textarea{font-size:16px}.yu-form label{width:100%}.yu-form-intro{margin-bottom:24px}.yu-contact-side{padding:300px 0 0;max-width:304px;margin:auto;width:100%}.yu-contact-art{left:0;top:0;transform:scale(.78);transform-origin:top left}.yu-contact-card{padding:28px 24px}.yu-contact-card p,.yu-contact-card>a{font-size:14px;gap:24px}.yu-page-tail{height:80px}
 .yu-about-shell{padding:0 18px}.yu-about-intro{padding:32px 24px}.yu-breadcrumb{font-size:11px}.yu-about-intro>.yu-section-heading{margin-bottom:32px}.yu-about-grid{grid-template-columns:minmax(0,1fr);gap:32px}.yu-about-person,.yu-about-copy{min-width:0;width:100%}.yu-about-person{text-align:left}.yu-about-person>img{width:240px;height:240px;margin:auto}.yu-person-name{padding:24px 0 0}.yu-person-name>p{font-size:14px;margin:0 0 12px}.yu-person-name h2{font-size:28px}.yu-person-name small{font-size:13px}.yu-about-copy h2{font-size:20px;line-height:1.5;text-wrap:initial}.yu-about-copy h2 br{display:initial}.yu-about-copy p{font-size:15px;line-height:1.8;margin-bottom:12px;max-width:100%}.yu-about-wash{left:50%;top:240px}.yu-about-section{padding:64px 24px}.yu-strength-grid{grid-template-columns:1fr;padding:0;gap:20px}.yu-strength-grid article{padding:28px}.yu-strength-grid h3{font-size:18px}.yu-strength-grid p{font-size:14px}.yu-experience li{grid-template-columns:1fr;gap:12px}.yu-experience h3{font-size:17px}.yu-experience p{font-size:14px}.yu-skills>div{grid-template-columns:1fr;gap:12px;padding:24px}.yu-skills dt{font-size:16px}.yu-skills dd{font-size:15px}.yu-service-links>div:last-child{flex-direction:column;align-items:flex-start}.yu-service-links>div:last-child>a{font-size:14px;padding:20px 24px;max-width:100%;white-space:normal}.yu-about-contact{height:500px;overflow:hidden}.yu-about-contact h2{font-size:22px}.yu-about-contact p{font-size:15px}.yu-about-contact .yu-button{font-size:17px;padding:18px 36px}.yu-about-page .yu-page-tail{height:80px}.yu-dialog{padding:20px}.yu-dialog-body{padding:20px 0 0}.yu-dialog-meta{grid-template-columns:1fr;gap:16px}.yu-dialog-body h2{font-size:20px}
}

/* Anchor targets clear the persistent header at each responsive height. */
@media(max-width:999px){:root{scroll-padding-top:78px}}
@media(max-width:720px){:root{scroll-padding-top:66px}}

.yu-header.is-scrolled{background:#d6fef5;box-shadow:none;backdrop-filter:none}
.yu-dialog-meta dd{white-space:pre-line}

/* Works: fit the entire LP thumbnail, and use the Figma information panel. */
.yu-work-image-lp>img{object-fit:contain;object-position:center}
.yu-work-image{background:#eef1f6}
.yu-work-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:40px;background:#eef1f6;color:#2e343a;text-align:center;opacity:0;visibility:hidden;pointer-events:none}
.yu-work-panel-info{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;min-width:0}
.yu-work-panel-category{font:400 13px/normal Jost,sans-serif;color:#56656e;letter-spacing:0}
.yu-work-panel-name{font:700 20px/1.45 var(--font-body);letter-spacing:0;overflow-wrap:anywhere}
.yu-work-panel-description{font:400 12px/1.45 var(--font-body);letter-spacing:0;color:#56656e;width:100%;overflow-wrap:anywhere}
.yu-work-panel-cta{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:146px;max-width:100%;height:44px;border-radius:40px;background:#2f9eac;color:white;font:700 14px/normal Jost,sans-serif;letter-spacing:0}
.yu-work-open:hover .yu-work-panel,.yu-work-open:focus-visible .yu-work-panel{opacity:1;visibility:visible}
.yu-work-panel-cta{pointer-events:auto}
@media(max-width:999px){.yu-work-panel{padding:24px;gap:20px}.yu-work-panel-name{font-size:18px}}
@media(max-width:720px){.yu-work-panel{display:none}}

/* Category order follows DOM order; mobile puts All on its own centered row. */
@media(max-width:720px){.yu-filters{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;gap:8px}.yu-filters button{padding-inline:14px}.yu-filters button[data-category="all"]{grid-column:1 / -1;justify-self:center;width:120px}}
@media(max-width:720px){.yu-filters button[data-category="lp"],.yu-filters button[data-category="banner"]{width:70px}}
@media(max-width:360px){.yu-filters{column-gap:6px}.yu-filters button[data-category="instagram"]{padding-inline:12px}}

/* Give the mobile work cards 12px of breathing room on each side. */
@media(max-width:720px){.yu-work-grid{width:calc(100% - 24px)}}

/* Add 8px above and below the Works category controls. */
.yu-works>.yu-section-heading,.yu-services>.yu-section-heading,.yu-contact .yu-section-heading{margin-bottom:48px}
.yu-works>.yu-filters{margin-bottom:32px}
.yu-work-grid{row-gap:28px}
@media(max-width:720px){.yu-work-grid{row-gap:32px}}

/* Match the mobile service descriptions' horizontal inset. */
@media(max-width:720px){.yu-contact-message{padding-inline:24px;box-sizing:border-box}}

/* A single, quiet contact card with consistent line icons. */
.yu-contact-side{padding:424px 0 0;max-width:none;width:100%;margin:0}
.yu-contact-illustration{position:absolute;left:-12px;top:45px;width:391.595px;height:354.564px;margin:0}
.yu-contact-art{position:relative;left:auto;top:auto;transform:none;transform-origin:top left}
.yu-contact-figure{position:absolute;left:65.48px;top:36.57px;width:307.548px;height:291.857px;background:#2e343a;mask-image:url('assets/figma/14edd.png');mask-repeat:no-repeat;mask-position:34.521px 32.429px;mask-size:244.783px 227px}
.yu-contact-unified{width:368px;max-width:calc(100% - 44px);margin-left:44px;min-height:259px;padding:28px 31px;gap:24px;box-shadow:none;border:1px solid #d9d9d9}
.yu-contact-unified .yu-contact-name{display:block;font-size:24px;font-weight:500;letter-spacing:.96px;padding:0;line-height:normal;white-space:nowrap}
.yu-contact-divider{width:289px;max-width:100%;height:1px;overflow:hidden;margin-top:-10px}
.yu-contact-divider img{max-width:none;width:auto;height:auto}
.yu-contact-unified .yu-contact-row{display:flex;align-items:center;gap:32px;font-size:14px;line-height:normal;letter-spacing:.56px;white-space:normal;color:#2e343a;min-width:0;text-decoration:none}
.yu-contact-unified .yu-contact-email{font-size:16px;letter-spacing:.64px}
.yu-contact-row>span{min-width:0;overflow-wrap:anywhere}
.yu-contact-unified .yu-contact-icon{width:22px;height:22px;flex-shrink:0;color:#2f9eac}
a.yu-contact-row:hover{color:#2f9eac}
a.yu-contact-row:focus-visible{outline:2px solid #2f9eac;outline-offset:5px;border-radius:2px}
@media(min-width:721px) and (max-width:999px){.yu-contact-side{padding-top:300px}.yu-contact-illustration{left:50%;top:0;width:274.117px;height:248.195px;transform:translateX(-50%)}.yu-contact-art{transform:scale(.7)}.yu-contact-unified{width:100%;max-width:100%;margin-left:0;padding:24px 20px}.yu-contact-unified .yu-contact-name{font-size:20px}.yu-contact-unified .yu-contact-row{gap:12px;font-size:13px}}
@media(max-width:720px){.yu-contact-side{max-width:368px;padding:0;margin:0 auto}.yu-contact-illustration{position:relative;left:auto;top:auto;width:305.444px;height:276.56px;margin:0 auto 24px}.yu-contact-art{transform:scale(.78)}.yu-contact-unified{width:100%;max-width:100%;margin-left:0;padding:26px 22px;min-height:0}.yu-contact-unified .yu-contact-name{font-size:20px;letter-spacing:.6px}.yu-contact-unified .yu-contact-row{gap:16px;font-size:14px}.yu-contact-divider{width:100%}}
@media(max-width:720px){.yu-contact-grid{grid-template-columns:minmax(0,1fr)}.yu-contact-side,.yu-contact-unified{min-width:0}}
@media(max-width:360px){.yu-contact-illustration{width:254.537px;max-width:100%;height:230.467px}.yu-contact-art{transform:scale(.65)}.yu-contact-unified .yu-contact-name{font-size:18px;white-space:normal}.yu-contact-unified .yu-contact-row{gap:12px}}
.yu-contact-unified .yu-contact-row{font-size:16px}

/* Shared footer: soft mint, restrained navigation, and existing social icons. */
.yu-site-footer{width:min(1140px,100%);margin:0 auto;padding:52px 85px 24px;background:#d6fef5;color:#2e343a;box-sizing:border-box;border-top:1px solid #2f9eac26}
.yu-footer-main{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start}
.yu-footer-brand{display:flex;flex-direction:column;gap:8px;color:inherit;text-decoration:none;width:fit-content}
.yu-footer-name{font:500 24px/1.5 var(--font-body);letter-spacing:.12em}
.yu-footer-english{font:400 13px/1.5 Jost,sans-serif;letter-spacing:.06em;color:#56656e}
.yu-footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:24px}
.yu-footer-nav{display:flex;flex-wrap:wrap;gap:24px;font:400 16px/1.5 Jost,var(--font-body)}
.yu-footer-nav a,.yu-footer-social a,.yu-footer-top{color:inherit;text-decoration:none}
.yu-footer-social{display:flex;align-items:center;gap:24px}
.yu-footer-social a{display:flex;align-items:center;gap:8px;font:400 14px/1.6 Jost,sans-serif}
.yu-footer-social .yu-contact-icon{width:19px;height:19px;color:#2f9eac;flex-shrink:0}
.yu-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #2f9eac30;margin-top:36px;padding-top:20px}
.yu-footer-bottom small{font:400 12px/1.6 Jost,sans-serif;color:#56656e;letter-spacing:.03em}
.yu-footer-top{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.6}
.yu-footer-top>span{font:400 20px/1 Jost,sans-serif;color:#2f9eac}
.yu-site-footer a:hover{color:#277f8b}
.yu-site-footer a:focus-visible{outline:2px solid #2f9eac;outline-offset:5px;border-radius:2px}
@media(max-width:999px){.yu-site-footer{padding:44px 40px 24px}.yu-footer-nav{gap:18px}.yu-footer-main{gap:24px}}
@media(max-width:720px){.yu-site-footer{padding:36px 24px 22px}.yu-footer-main{grid-template-columns:minmax(0,1fr);gap:28px;justify-items:center}.yu-footer-brand{align-items:center}.yu-footer-name{font-size:22px}.yu-footer-links{width:100%;align-items:center;gap:24px}.yu-footer-nav{justify-content:center;gap:14px 22px;font-size:15px;max-width:300px}.yu-footer-bottom{margin-top:28px;padding-top:20px;gap:16px}.yu-footer-top{font-size:11px;gap:8px}.yu-footer-bottom small{font-size:11px}}
@media(max-width:720px){.yu-footer-main{grid-template-columns:minmax(0,1fr) auto;gap:32px 20px;justify-items:stretch}.yu-footer-brand{grid-column:1 / -1;grid-row:1;justify-self:center;align-items:center;min-width:0;max-width:100%}.yu-footer-links{display:contents}.yu-footer-nav{grid-column:1;grid-row:2;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;text-align:left}.yu-footer-social{grid-column:2;grid-row:2;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px}.yu-footer-social a{min-height:22.5px}}

.yu-footer-policy{font-size:12px;line-height:1.6;color:#56656e;text-decoration:none}
.yu-footer-bottom{padding-bottom:6px}
.yu-about-home-link{display:block;width:fit-content;max-width:100%;min-height:44px;padding-block:10px;margin:24px auto 0;color:#277f8b;font:400 14px/1.6 var(--font-body);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.yu-about-home-link:focus-visible{outline:2px solid #2f9eac;outline-offset:4px;border-radius:2px}
.yu-about-copy-wash{display:none}
.yu-about-person>img.yu-profile-icon{clip-path:circle(49% at 50% 50%)}
@media(max-width:720px){.yu-about-contact .yu-cta-heading-line{display:block}}
@media(max-width:720px){.yu-about-intro>.yu-about-wash{display:none}.yu-about-copy{position:relative;inset:auto;isolation:isolate}.yu-about-copy .yu-about-copy-wash{display:block;position:absolute;left:50%;top:50%;width:610.923px;height:662.749px;transform:translate(-50%,-50%) rotate(67deg) scale(.58);z-index:-1;pointer-events:none}.yu-cta-wash{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-113deg) scaleY(-1) scale(.7)}}
/* Keep the illustration and contact card together, anchored to the form's bottom. */
@media(min-width:721px){.yu-contact-side{align-self:stretch;padding-top:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.yu-contact-illustration{position:relative;top:auto;align-self:center}.yu-contact-unified{align-self:end}}
.yu-form-privacy{font-size:13px;line-height:1.9;color:#56656e;margin:0 0 20px;overflow-wrap:anywhere}
.yu-form-privacy a,.yu-privacy a{color:#277f8b;text-underline-offset:4px}
.yu-privacy{width:min(1140px,100%);margin:auto;padding:56px 150px 96px;background:white;box-sizing:border-box}
.yu-privacy-breadcrumb{font-size:12px;color:#56656e;margin:0 0 40px;line-height:1.8}
.yu-privacy>.yu-section-heading{margin-bottom:48px}
.yu-privacy .yu-en{font-size:44px}
.yu-privacy-intro,.yu-privacy section p,.yu-privacy section li,.yu-privacy-operator{font-size:16px;line-height:1.95;overflow-wrap:anywhere}
.yu-privacy-intro{margin:0 0 40px}
.yu-privacy section{margin:0 0 32px}
.yu-privacy section h2{font-size:20px;line-height:1.6;font-weight:500;margin:0 0 12px;color:#2e343a}
.yu-privacy section p{margin:0 0 12px}
.yu-privacy section ul{margin:0 0 12px;padding-left:1.5em;list-style:disc}
.yu-privacy-operator{margin:0 0 16px}
.yu-privacy-operator>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;margin-bottom:8px}
.yu-privacy-operator dt{color:#56656e}.yu-privacy-operator dd{margin:0}
.yu-privacy-date{font-size:13px;line-height:1.8;color:#56656e;margin:32px 0}
.yu-privacy-back{display:inline-flex;gap:12px;align-items:center;font-size:15px;line-height:1.8}
@media(max-width:999px){.yu-privacy{padding-inline:60px}}
@media(max-width:720px){.yu-footer-bottom{display:grid;grid-template-columns:1fr auto}.yu-footer-policy{grid-column:1 / -1;grid-row:1;font-size:12px}.yu-footer-bottom small{grid-column:1;grid-row:2}.yu-footer-top{grid-column:2;grid-row:2}.yu-privacy{width:calc(100% - 40px);padding:32px 24px 64px}.yu-privacy-breadcrumb{font-size:11px;margin-bottom:32px}.yu-privacy .yu-en{font-size:32px}.yu-privacy-intro,.yu-privacy section p,.yu-privacy section li,.yu-privacy-operator{font-size:15px;line-height:1.9}.yu-privacy section h2{font-size:18px}.yu-privacy-operator>div{grid-template-columns:minmax(0,1fr);gap:2px}.yu-privacy-operator>div+div{margin-top:12px}}