/* v0.2.239 — ABOUT is a portrait editorial: composition is protected; content stays in the page editor. */
.about-page--portrait{background:#f4f0ea;color:#211f1c;overflow:hidden}.about-page--portrait .about-portrait-shell{width:min(100% - 56px,1280px);margin-inline:auto}.about-page--portrait img{display:block;width:100%;height:100%;object-fit:cover}.about-page--portrait .section-label{color:#70675d;font:500 10px/1.4 var(--font-latin-ui);letter-spacing:.2em}.about-page--portrait .about-portrait-title,.about-page--portrait .about-message__title{font-family:var(--font-ja-serif);font-weight:400;letter-spacing:.02em}.about-portrait-hero{padding:clamp(140px,15vw,226px) 0 clamp(90px,10vw,160px)}.about-portrait-hero .about-portrait-shell{display:grid;grid-template-columns:5fr 7fr;gap:clamp(56px,8vw,150px);align-items:end}.about-portrait-hero__copy{padding-bottom:clamp(10px,3vw,56px)}.about-portrait-hero .about-hero__title{margin:clamp(30px,4vw,64px) 0 26px;font-size:clamp(48px,5.2vw,82px);line-height:1.19;font-family:var(--font-ja-serif);font-weight:400}.about-portrait-hero .about-hero__lead{max-width:26em;margin:0;color:#70675d;font:500 10px/1.8 var(--font-latin-ui);letter-spacing:.15em}.about-portrait-hero__image{margin:0;aspect-ratio:5/6;background:#d9d3ca}.about-portrait-company{padding:clamp(100px,12vw,190px) 0}.about-portrait-company__grid{display:grid;grid-template-columns:8fr 3fr;gap:clamp(44px,8vw,150px);align-items:end}.about-portrait-company__copy{max-width:780px}.about-portrait-title{margin:24px 0 36px;font-size:clamp(34px,3.8vw,60px);line-height:1.35}.about-page--portrait .section-text{color:#514c46;font-size:clamp(14px,1.1vw,16px);line-height:2;text-wrap:pretty}.about-portrait-company__image{margin:0;aspect-ratio:4/5;align-self:center}.about-portrait-people{padding:clamp(80px,10vw,160px) 0 0;border-top:1px solid rgba(33,31,28,.14)}.about-portrait-people__intro{max-width:680px;margin-bottom:clamp(70px,10vw,170px)}.about-portrait-person{display:grid!important;align-items:center;gap:clamp(48px,8vw,146px);margin:0 0 clamp(130px,16vw,260px)!important}.about-person--aya{grid-template-columns:7fr 4fr!important}.about-person--kazuya{grid-template-columns:4fr 7fr!important;align-items:start}.about-portrait-person .about-person__image{margin:0;aspect-ratio:4/5;overflow:hidden;background:#ded9d1}.about-portrait-person .about-person__copy{max-width:470px}.about-person--kazuya .about-person__copy{padding-top:clamp(74px,9vw,160px);justify-self:end}.about-person__name{margin:0 0 22px;font:400 clamp(35px,4vw,60px)/.95 var(--font-serif);letter-spacing:-.035em}.about-person__role{margin:0 0 38px;color:#746a5f;font:500 10px/1.8 var(--font-latin-ui);letter-spacing:.14em}.about-person__body p,.about-person__background div p{margin:0 0 18px;color:#514c46;font-size:clamp(14px,1.05vw,16px);line-height:2;text-wrap:pretty}.about-person__background{margin-top:42px;padding-top:16px;border-top:1px solid rgba(33,31,28,.25)}.about-person__background-label{margin:0 0 15px;color:#746a5f;font:500 9px/1.4 var(--font-latin-ui);letter-spacing:.2em}.about-person__background div p{font-size:14px;line-height:1.9}.about-portrait-together{padding:0 0 clamp(120px,15vw,230px)}.about-portrait-together .about-portrait-shell{position:relative;display:grid;grid-template-columns:8fr 3fr;gap:clamp(42px,6vw,92px);align-items:end}.about-together__image{margin:0;aspect-ratio:1/1;background:#d7d0c6}.about-together__copy{margin-bottom:clamp(16px,5vw,86px)}.about-union-lines{position:absolute;z-index:2;left:4%;right:22%;top:-42px;height:26px;pointer-events:none}.about-union-lines span{position:absolute;left:0;width:44%;height:1px;background:#8c8175;transform-origin:left;transition:transform .72s cubic-bezier(.22,1,.36,1)}.about-union-lines span:first-child{top:5px}.about-union-lines span:last-child{top:18px}.about-union-lines.is-united span:first-child{transform:translateY(6px) scaleX(2.1)}.about-union-lines.is-united span:last-child{transform:translateY(-7px) scaleX(2.1)}.about-portrait-numbers{padding:clamp(104px,12vw,184px) 0!important;background:#1d1b18}.about-portrait-numbers .about-numbers__head{grid-template-columns:1fr .66fr}.about-portrait-numbers .about-numbers__grid{display:grid;grid-template-columns:1fr 1.25fr .88fr;border-top:1px solid rgba(244,240,233,.2)}.about-portrait-numbers .about-number{min-height:0;padding:clamp(44px,5vw,90px) 0;border:0;border-bottom:1px solid rgba(244,240,233,.2)}.about-portrait-numbers .about-number:nth-child(2){padding-inline:clamp(22px,4vw,68px);margin-top:clamp(30px,4vw,72px)}.about-portrait-numbers .about-number:nth-child(3){padding-top:clamp(70px,8vw,140px)}.about-portrait-numbers .about-number__value{margin:0;font-size:clamp(64px,7.4vw,118px)}.about-portrait-numbers .about-number__caption{margin-top:18px;padding-top:14px}.about-portrait-message{padding:clamp(125px,16vw,250px) 0 clamp(115px,14vw,220px)}.about-portrait-message .about-portrait-shell{max-width:850px;margin-left:max(28px,calc((100vw - 1280px)/2));margin-right:auto}.about-portrait-message .about-message__title{max-width:12em;margin:26px 0 36px;font-size:clamp(34px,4vw,64px);line-height:1.38}.about-portrait-message .section-text{max-width:600px}.about-message__action{display:grid;grid-template-columns:max-content 100px 18px;gap:12px;align-items:center;width:max-content;min-height:44px;margin-top:45px;color:#282420;font:500 11px/1 var(--font-latin-ui);letter-spacing:.14em;text-decoration:none}.about-message__action i{height:1px;background:currentColor}.about-message__action::after{content:'→';font-size:18px;line-height:1}
@media(max-width:900px){.about-page--portrait .about-portrait-shell{width:calc(100% - 56px)}.about-portrait-hero{padding:126px 0 88px}.about-portrait-hero .about-portrait-shell{display:block}.about-portrait-hero .about-hero__title{margin:48px 0 26px;font-size:clamp(43px,12vw,53px);line-height:1.26}.about-portrait-hero .about-hero__lead{font-size:9px;line-height:1.9}.about-portrait-hero__image{width:calc(100% + 28px);margin:60px -28px 0 0;aspect-ratio:5/6}.about-portrait-company{padding:86px 0}.about-portrait-company__grid{display:block}.about-portrait-title{margin:20px 0 30px;font-size:clamp(30px,8.2vw,37px);line-height:1.45}.about-page--portrait .section-text,.about-person__body p{font-size:15px;line-height:1.95}.about-portrait-company__image{width:47%;margin:54px 0 0 auto;aspect-ratio:4/5}.about-portrait-people{padding-top:80px}.about-portrait-people__intro{margin-bottom:68px}.about-portrait-person,.about-person--aya,.about-person--kazuya{display:block!important;margin-bottom:100px!important}.about-portrait-person .about-person__image{width:calc(100% + 28px);margin-left:0;aspect-ratio:4/5}.about-person--kazuya .about-person__image{width:calc(100% + 28px);margin-left:-28px}.about-portrait-person .about-person__copy{padding-top:31px;max-width:none}.about-person--kazuya .about-person__copy{padding-top:35px}.about-person__name{font-size:39px}.about-person__role{margin-bottom:28px;font-size:10px}.about-person__background{margin-top:32px}.about-person__background div p{font-size:14px;line-height:1.9}.about-portrait-together{padding:4px 0 112px}.about-portrait-together .about-portrait-shell{display:block}.about-together__image{width:calc(100% + 28px);margin-left:-28px;aspect-ratio:1/1}.about-together__copy{margin:42px 0 0 10%;max-width:90%}.about-union-lines{top:-26px;left:10%;right:0}.about-union-lines span{width:42%}.about-union-lines.is-united span:first-child{transform:translateY(6px) scaleX(2.25)}.about-union-lines.is-united span:last-child{transform:translateY(-7px) scaleX(2.25)}.about-portrait-numbers{padding:82px 0 88px!important}.about-portrait-numbers .about-numbers__head{display:block;padding-bottom:36px}.about-portrait-numbers .about-numbers__lead{margin-top:22px}.about-portrait-numbers .about-numbers__grid{display:block}.about-portrait-numbers .about-number,.about-portrait-numbers .about-number:nth-child(2),.about-portrait-numbers .about-number:nth-child(3){margin:0;padding:42px 0}.about-portrait-numbers .about-number:nth-child(2){padding-left:13%}.about-portrait-numbers .about-number:nth-child(3){padding-left:5%}.about-portrait-numbers .about-number__value{font-size:clamp(66px,19vw,82px)}.about-portrait-message{padding:112px 0}.about-portrait-message .about-portrait-shell{width:calc(100% - 56px);margin:auto}.about-portrait-message .about-message__title{font-size:clamp(31px,8.3vw,38px);line-height:1.5}.about-message__action{grid-template-columns:max-content 72px 18px;margin-top:38px}}
@media(prefers-reduced-motion:reduce){.about-union-lines span{transition:none!important}.about-union-lines span:first-child{transform:translateY(6px) scaleX(2.1)}.about-union-lines span:last-child{transform:translateY(-7px) scaleX(2.1)}}
/* Legacy ABOUT rules stay available to older templates; the portrait edition owns these type blocks. */
.about-page--portrait .about-person__copy .about-person__name{margin:0 0 22px;font:400 clamp(35px,4vw,60px)/.95 var(--font-serif);letter-spacing:-.035em;text-transform:none}.about-page--portrait .about-person__copy .about-person__role{margin:0 0 38px;color:#746a5f;font:500 10px/1.8 var(--font-latin-ui);letter-spacing:.14em;text-transform:uppercase}.about-page--portrait .about-person__copy .about-person__body p,.about-page--portrait .about-person__copy .about-person__background div p{max-width:none;margin:0 0 18px;color:#514c46;font-size:clamp(14px,1.05vw,16px);line-height:2;letter-spacing:normal;text-transform:none}.about-page--portrait .about-number__index{display:none}
@media(max-width:900px){.about-page--portrait .about-person__copy .about-person__name{font-size:39px}.about-page--portrait .about-person__copy .about-person__role{margin-bottom:28px;font-size:10px}.about-page--portrait .about-person__copy .about-person__body p{font-size:15px;line-height:1.95}.about-page--portrait .about-person__copy .about-person__background div p{font-size:14px;line-height:1.9}}