.about-page{color:#111821;background:#f3f6f8;overflow:clip}.about-page :where(a):focus-visible{outline:2px solid #42607d;outline-offset:5px}.about-page .about-hero{background:var(--white);color:#2c3540}.about-page .about-hero .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);grid-template-rows:auto auto auto;column-gap:clamp(72px,10vw,170px);row-gap:0;align-items:start;align-content:center;min-height:min(900px,calc(100vh - 108px));padding-top:150px;padding-bottom:160px}.about-page .about-hero h1{grid-column:1/-1;grid-row:1;align-self:center;max-width:100%;margin:0 0 54px;font-family:var(--tw-font-ja);font-size:clamp(38px,4.4vw,72px);font-weight:500;line-height:1.22;letter-spacing:.26em;overflow-wrap:anywhere}.about-page .about-hero-copy{grid-column:1/-1;grid-row:2;align-self:end;justify-self:start;width:min(100%,1150px);max-width:1150px;margin:0;padding:0}.about-page .about-hero-copy p{margin:0;font-family:var(--tw-font-ja);color:#2c3540;font-size:clamp(14px,1.15vw,17px);font-weight:400;line-height:2.2;letter-spacing:.15em}.about-page .about-hero-copy p+p{margin-top:19px}.about-page .about-hero-copy .about-hero-lead{font-weight:500}.about-page .about-hero-copy .about-hero-location{font-family:var(--tw-font-en);font-size:11px;letter-spacing:.24em;color:#687480;margin-top:27px}.about-page .about-hero-label{grid-column:2;grid-row:3;display:flex;align-items:flex-end;align-self:start;justify-self:start;width:max-content;max-width:100%;margin:76px 0 0;font-family:var(--tw-font-en);font-size:clamp(25px,2.35vw,34px);font-weight:500;line-height:1.3;letter-spacing:.32em;color:#2c3540;text-align:left;transform:translateX(calc(clamp(20px,3vw,44px) + 1.8em))}.about-page .about-hero-label span{display:block;white-space:nowrap}.about-page .about-section{padding:clamp(100px,10vw,156px) 0;border:0}.about-page .about-section-head{margin-bottom:clamp(55px,6.4vw,100px)}.about-page .about-section-head h2{margin:11px 0 0;font-size:clamp(31px,3.65vw,60px);font-weight:500;line-height:1.38;letter-spacing:.14em;overflow-wrap:anywhere}.about-page .about-section .detail-eyebrow{display:block;font:500 11px/1.5 var(--tw-font-en);letter-spacing:.30em;color:#687480}.about-page .about-introduction{background:#f3f6f8}.about-page .about-introduction .wrap{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(65px,9vw,165px)}.about-page .about-introduction .about-section-head{margin:0}.about-page .about-introduction-copy{padding-top:5px}.about-page .about-introduction-copy p,.about-page .about-profile-copy p{font-size:clamp(14px,1.07vw,16px);line-height:2.38;letter-spacing:.12em;margin:0 0 28px;overflow-wrap:anywhere}.about-page .about-introduction-copy p:last-child,.about-page .about-profile-copy p:last-child{margin-bottom:0}.about-page .about-philosophy{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 84% 19%,#2C3540 0%,#19232d 33%,#111821 69%);color:#F3F6F8;border:0}.about-page .about-philosophy .detail-eyebrow{color:#A6B3BE}.about-page .about-principles{position:relative;z-index:1}.about-page .about-principle{display:grid;grid-template-columns:75px minmax(215px,.72fr) minmax(0,1.6fr);gap:clamp(25px,4vw,65px);padding:clamp(40px,5.5vw,76px) 0;align-items:start}.about-page .about-principle-number{font:500 12px/1.6 var(--tw-font-en);letter-spacing:.22em;color:#A6B3BE;padding-top:6px}.about-page .about-principle h3{font-size:clamp(22px,2.2vw,36px);font-weight:500;line-height:1.5;letter-spacing:.14em;margin:0}.about-page .about-principle-copy p{margin:0 0 19px;font-size:clamp(13px,1.05vw,16px);line-height:2.22;letter-spacing:.10em;color:#F3F6F8}.about-page .about-principle-copy p:last-child{margin-bottom:0}.about-page .about-profile{background:linear-gradient(150deg,#F3F6F8 0%,#f3f6f8 65%,#F3F6F8 100%)}.about-page .about-profile-layout{display:grid;grid-template-columns:minmax(270px,.81fr) minmax(0,1.19fr);gap:clamp(55px,9vw,150px);align-items:start}.about-page .about-profile-name h3{font-weight:500;font-size:clamp(31px,3.6vw,57px);letter-spacing:.16em;line-height:1.4;margin:0 0 12px}.about-page .about-profile-name .about-profile-en{font:500 clamp(15px,1.4vw,21px)/1.7 var(--tw-font-en);letter-spacing:.08em;margin:0 0 24px;color:#687480}.about-page .about-profile-name .about-profile-role{font:500 11px/1.8 var(--tw-font-en);letter-spacing:.16em;color:#687480;margin:0}.about-page .about-career{margin-top:clamp(104px,12vw,180px);display:grid;grid-template-columns:minmax(235px,.75fr) minmax(0,1.25fr);gap:clamp(55px,9vw,150px)}.about-page .about-career-head h3{font:500 22px/1.4 var(--tw-font-en);letter-spacing:.27em;margin:0 0 12px}.about-page .about-career-head p{font:400 12px/1.7 var(--tw-font-en);letter-spacing:.14em;color:#687480;margin:0}.about-page .about-career-list{margin:0;padding:0;list-style:none;display:grid;gap:17px}.about-page .about-career-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:clamp(22px,3.3vw,56px);padding:17px 0;align-items:start}.about-page .about-career-year{font:500 13px/1.8 var(--tw-font-en);letter-spacing:.08em;color:#687480}.about-page .about-career-item p{font-size:clamp(12px,1vw,15px);letter-spacing:.10em;line-height:1.95;margin:0}.about-page .about-clients{background:#f3f6f8}.about-page .about-clients-intro{max-width:850px;font-size:clamp(14px,1.1vw,16px);line-height:2.2;letter-spacing:.11em;margin:0 0 60px}.about-page .about-clients-intro p{margin:0}.about-page .about-clients-intro .about-client-caption{margin-top:36px;font-size:11px;color:#687480}.about-page .about-client-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px clamp(24px,4.2vw,70px)}.about-page .about-client-grid li{min-width:0;padding:13px 0;font-size:clamp(11px,.94vw,14px);letter-spacing:.055em;line-height:1.9;overflow-wrap:anywhere}.about-page .about-works-link{display:inline-flex;gap:clamp(70px,12vw,200px);justify-content:space-between;align-items:center;border-bottom:1px solid currentColor;padding:0 0 15px;margin-top:clamp(55px,6.2vw,94px);font-size:14px;letter-spacing:.15em;min-width:min(320px,100%)}.about-page .about-works-link:hover{opacity:.6}.about-page .final-contact{background:#f3f6f8}.about-page .final-contact .wrap{position:relative}.about-page .about-contact-eyebrow{position:absolute;top:105px;left:var(--pad-x);font:500 11px/1.5 var(--tw-font-en);letter-spacing:.30em;color:#687480}.about-page .final-contact h2{letter-spacing:.06em}.about-page .final-contact .contact-copy p{letter-spacing:.14em}@media (min-width:821px) and (max-width:1120px){.about-page .about-hero .wrap{column-gap:clamp(45px,6vw,95px)}.about-page .about-principle{grid-template-columns:52px minmax(155px,.72fr) minmax(0,1.6fr)}}@media (max-width:820px){.about-page .about-hero .wrap{display:flex;flex-direction:column;min-height:760px;padding-top:105px;padding-bottom:74px;gap:0}.about-page .about-hero h1{width:100%;align-self:flex-start;margin:clamp(81px,10vw,100px) 0 0;font-size:clamp(23px,min(10vw,(100vw - 48px)/8.8),48px);line-height:1.2;letter-spacing:.09em}.about-page .about-hero-copy{width:100%;max-width:610px;align-self:flex-start;margin-top:38px}.about-page .about-hero-copy p{font-size:14px;line-height:1.9;letter-spacing:.13em}.about-page .about-hero-label{align-self:flex-start;margin-top:48px;font-size:clamp(14px,4.9vw,24px);line-height:1.35;letter-spacing:.32em;transform:none}.about-page .about-section{padding:90px 0}.about-page .about-section-head{margin-bottom:46px}.about-page .about-section-head h2{font-size:clamp(30px,5.5vw,48px)}.about-page .about-introduction .wrap{grid-template-columns:1fr;gap:45px}.about-page .about-principle{grid-template-columns:44px minmax(0,1fr);gap:18px 28px}.about-page .about-principle-copy{grid-column:2}.about-page .about-profile-layout,.about-page .about-career{grid-template-columns:1fr;gap:36px}.about-page .about-career{margin-top:110px}.about-page .about-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page .about-contact-eyebrow{top:68px}}@media (max-width:620px){.about-page .about-hero h1{margin-top:83px;font-size:clamp(20px,6.7vw,29px)}.about-page .about-hero-copy p{font-size:clamp(11.9px,3.6vw,14px)}.about-pc-break{display:none}.about-page .about-section{padding:82px 0}.about-page .about-section-head{margin-bottom:38px}.about-page .about-section-head h2{font-size:clamp(27px,8vw,39px);letter-spacing:.12em}.about-page .about-introduction .wrap{gap:28px}.about-page .about-introduction-copy p,.about-page .about-profile-copy p{font-size:13px;line-height:2.1;letter-spacing:.09em;margin-bottom:22px}.about-page .about-principle{padding:38px 0;grid-template-columns:35px minmax(0,1fr);gap:14px 15px}.about-page .about-principle h3{font-size:22px}.about-page .about-principle-copy p{font-size:12px;line-height:2.03;margin-bottom:14px}.about-page .about-profile-name h3{font-size:36px}.about-page .about-career{margin-top:95px}.about-page .about-career-head h3{font-size:19px}.about-page .about-career-item{grid-template-columns:55px minmax(0,1fr);gap:16px;padding:20px 0}.about-page .about-career-year{font-size:12px}.about-page .about-career-item p{font-size:12px;line-height:1.9;letter-spacing:.07em}.about-page .about-client-grid{grid-template-columns:1fr}.about-page .about-client-grid li{font-size:13px;padding:15px 0}.about-page .about-clients-intro{font-size:13px;line-height:2.05;margin-bottom:40px}}@media (max-width:359px){.about-page .about-hero h1{font-size:clamp(20px,6.3vw,26px);letter-spacing:.04em}.about-page .about-hero-copy p{letter-spacing:.08em}.about-page .about-career-item p{overflow-wrap:anywhere}}.about-page .about-philosophy::before{content:"";position:absolute;inset:-3% -6%;z-index:-1;pointer-events:none;background:url("../about-philosophy-generated.webp") center 55%/cover no-repeat;opacity:.84}.about-page .about-philosophy::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(18,24,32,.72) 0%,rgba(18,24,32,.45) 48%,rgba(18,24,32,.52) 100%)}.about-page .about-philosophy .wrap{position:relative;z-index:1}.about-page .about-principle + .about-principle{margin-top:clamp(20px,3.3vw,48px)}.about-page .about-profile-photo{margin:0;min-width:0;overflow:hidden;background:#F3F6F8;aspect-ratio:4/5}.about-page .about-profile-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}.about-page .about-profile-content{min-width:0;padding-top:clamp(4px,1vw,17px)}.about-page .about-profile-name{margin-bottom:clamp(46px,5.2vw,82px)}@media (max-width:820px){.about-page .about-philosophy::before{background-position:55% 52%;opacity:.73}.about-page .about-principle + .about-principle{margin-top:24px}.about-page .about-profile-photo{width:min(100%,480px)}.about-page .about-profile-content{padding-top:0}.about-page .about-profile-name{margin-bottom:42px}}@media (max-width:620px){.about-page .about-philosophy::before{background-position:52% 52%;opacity:.68}.about-page .about-principle + .about-principle{margin-top:16px}.about-page .about-career-list{gap:8px}.about-page .about-client-grid{row-gap:6px}}