/* Shared additions for the business, brand and recruiting stories. */
.heading-line{display:block}.hero-description{text-wrap:balance}
.eyebrow,.section-label{font-size:14px}.renewed-hero{height:auto;min-height:760px;max-height:none;padding:135px 6% 75px;display:grid;grid-template-columns:1.1fr 1fr;gap:0 6%;align-items:center}.renewed-hero .hero-index{grid-column:1/-1;align-self:start;font-size:12px;position:relative;z-index:3}.renewed-hero .hero-word{top:175px;left:5%;font-size:clamp(100px,21vw,340px);max-width:none;opacity:.09;pointer-events:none}.hero-copy{position:relative;z-index:2;padding:80px 0 45px}.renewed-hero h1{position:static;font-size:clamp(35px,4.5vw,72px);letter-spacing:0;line-height:1.6}.renewed-hero h1 span+span{margin-left:1.8vw}.hero-description{font-size:16px;line-height:2.1;margin-top:24px}.hero-copy .text-link{margin-top:18px;max-width:300px}.hero-collage{position:relative;width:100%;height:540px;margin-top:35px}.hero-product{position:absolute;right:2%;top:0;width:72%;height:88%;transform:rotate(5deg);overflow:hidden}.hero-product img{object-position:center;transform:scale(1.04) translateY(var(--photo-y,0px));transition:transform .3s linear}.hero-member{position:absolute;left:0;bottom:0;width:42%;aspect-ratio:4/5;transform:rotate(-8deg);border:6px solid var(--paper);overflow:hidden}.hero-member img{object-position:50% 30%}.hero-collage figcaption{position:absolute;bottom:15px;left:16px;font-size:12px;letter-spacing:.16em;background:var(--paper);padding:3px 9px}.collage-note{position:absolute;right:0;bottom:0;font-size:13px;writing-mode:vertical-rl;letter-spacing:.15em}.hero-scroll{position:absolute;bottom:30px;right:6%;font-size:12px;letter-spacing:.1em;display:flex;align-items:center;gap:22px}.hero-scroll span{font-size:26px}.business-pillars{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);margin-bottom:65px}.business-pillars>a{padding:35px 28px 35px 0}.business-pillars>a+a{padding-left:35px;border-left:1px solid var(--line)}.business-pillars span{font-size:14px}.business-pillars h3{font:500 clamp(23px,2.3vw,36px)/1.7 var(--jp);margin:15px 0}.business-pillars h3 i{font:normal 24px sans-serif;margin-left:20px;display:inline-block;transition:transform .3s}.business-pillars a:hover i{transform:translate(4px,-4px)}.business-pillars p{font-size:16px}.detail-page #content>.business-pillars{margin:65px 6% 0}.partner-teaser{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;scroll-margin-top:35px}.partner-photo{aspect-ratio:4/5;overflow:hidden;max-height:620px}.partner-photo img{object-fit:cover;transition:transform 1.2s;filter:saturate(.8)}.partner-teaser:hover .partner-photo img{transform:scale(1.025)}.partner-teaser h2,.partner-teaser h3{font:normal clamp(36px,4.5vw,72px)/1.1 var(--serif);letter-spacing:-.03em;margin:24px 0}.partner-teaser p{line-height:2.1;margin-bottom:22px}.partner-detail .partner-teaser h3{font:500 26px/1.7 var(--jp);letter-spacing:0}.partner-detail .work-heading{margin-bottom:65px}.support-bridge{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding-top:55px;margin-top:65px}.support-bridge h3{font:500 28px/1.8 var(--jp)}.support-bridge p{line-height:2.1}.brand-detail-section{background:#e9ece4}.brands-heading{padding:85px 0 55px}.brands-heading h2,.work-heading h2{font:500 clamp(30px,3.4vw,52px)/1.7 var(--jp);margin-top:20px}.brands-heading p{margin-top:24px}.brand-story{position:relative}.brand-stage{display:none}.brand-chapter{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding:40px 0 70px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.brand-inline{overflow:hidden}.brand-inline img{aspect-ratio:4/5;height:auto;object-fit:cover}.brand-chapter h2,.brand-chapter h3{font:normal clamp(40px,5.3vw,80px)/1.1 var(--serif);letter-spacing:-.035em;margin:24px 0 32px;overflow-wrap:anywhere}.brand-chapter h2 small,.brand-chapter h3 small{font:14px/1.6 'Yu Gothic',sans-serif;letter-spacing:.08em;display:block;margin-top:14px}.brand-chapter h4,.brand-chapter h3:has(+p){font:500 25px/1.8 var(--jp);letter-spacing:0;margin:0 0 22px}.brand-chapter p{font-size:16px;line-height:2.1;margin-bottom:22px}.brand-support-note{border-top:1px solid var(--line);padding-top:22px}.brand-chapter .text-link{max-width:none}.work-flow{background:var(--paper)}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin:35px 0 50px}.work-heading p{padding-bottom:5px}.work-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:0 0 36px}.work-steps li{border-top:1px solid var(--ink);padding:20px 0}.step-number{display:block;font:italic 58px/1.3 var(--serif);margin-bottom:20px}.work-steps h3{font:500 26px/1.6 var(--jp);margin:12px 0 22px}.work-steps h4{font-size:16px;line-height:1.8;font-weight:500;margin:0 0 12px}.work-steps p{font-size:16px;line-height:2}.home-news-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:10%;padding-top:55px}.home-news-layout>div>h2{font:normal clamp(60px,6.5vw,100px)/1.05 var(--serif);letter-spacing:-.04em;margin-bottom:25px}.home-news .news-row{grid-template-columns:1fr 26px;gap:15px;padding:28px 0}.home-news .news-row time{grid-column:1/-1}.home-news .news-row h3{font-size:18px;font-weight:500;line-height:1.8}.timeline-source{display:block;font-size:14px;text-decoration:underline;text-underline-offset:5px;margin-top:10px}.recruit-intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.recruit-intro h2{font:500 clamp(28px,3vw,46px)/1.8 var(--jp);margin:24px 0}.recruit-intro p{margin-bottom:25px}.recruit-intro img{height:auto;aspect-ratio:4/5;object-fit:cover}.recruit-intro figcaption{font-size:13px;letter-spacing:.08em;margin-top:18px}.recruit-people{background:#e9ece4}.recruit-people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:45px 0 25px}.recruit-people-grid img{height:auto;aspect-ratio:4/5;object-fit:cover}.recruit-people-grid p{font-size:14px;line-height:1.8;margin-top:20px}.recruit-people-grid h3{font:500 25px/1.7 var(--jp);margin-top:8px}.recruit-notice{margin:40px 0 55px;padding:25px 30px;border-left:3px solid #667946;background:#e9ece4}.recruit-notice strong{font-size:16px;font-weight:500}.recruit-notice p{font-size:14px;margin-top:10px}.job-card{display:grid;grid-template-columns:1fr 1.25fr;gap:10%;padding:55px 0;border-top:1px solid var(--line)}.job-heading h2{font:500 29px/1.7 var(--jp);margin:20px 0}.job-heading p{line-height:2.1}.job-details>div{margin-bottom:30px}.job-details h3{font-size:17px;margin-bottom:12px}.job-details ul{padding-left:1.3em;line-height:2;margin:0}.job-details li{margin-bottom:8px}.job-details .text-link{max-width:none}.recruit-home-link{margin-top:10px}
/* Text stays in reading order. The sticky photo is decorative; each chapter has its own fallback image. */
@media(min-width:901px){.js-motion .brand-story{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.js-motion .brand-stage{display:block;position:sticky;top:8vh;height:auto;aspect-ratio:4/5;width:min(100%,62.4vh,560px);overflow:hidden}.brand-frame{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}.brand-frame img{height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.8s ease}.brand-frame.is-active{opacity:1}.brand-frame.is-active img{transform:scale(1)}.brand-stage-caption{position:absolute;bottom:20px;left:20px;padding:7px 12px;background:var(--paper);font-size:12px;letter-spacing:.1em}.js-motion .brand-inline{display:none}.js-motion .brand-chapter{display:flex;min-height:90vh;padding:60px 0}.js-motion .brand-chapter:first-child{padding-top:30px}.js-motion .brand-chapter:last-child{border:0}.js-motion .brand-chapter-copy{width:100%}.js-motion .work-steps li:nth-child(2){transition-delay:.1s}.js-motion .work-steps li:nth-child(3){transition-delay:.2s}.js-motion .work-steps li:nth-child(4){transition-delay:.3s}}
.js-motion .stagger-heading .heading-line{display:block;opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .9s ease;transition-delay:calc(var(--line-index)*100ms)}.js-motion .stagger-heading.visible .heading-line{opacity:1;transform:none}.motion-paused .heading-line{opacity:1;transform:none}.motion-paused .hero-product img{transform:none}.motion-paused .partner-photo img,.motion-paused .brand-inline img{transform:none!important}
@media(max-width:1100px){.renewed-hero{min-height:700px;gap:4%}.hero-collage{height:450px}.work-steps{grid-template-columns:1fr 1fr;gap:35px}.brand-chapter h2,.brand-chapter h3{font-size:45px}.recruit-people-grid{grid-template-columns:1fr 1fr;gap:40px}.job-card{gap:7%}}
@media(max-width:900px){.renewed-hero{min-height:630px;padding-top:115px}.hero-copy{padding:45px 0}.renewed-hero h1{font-size:4.8vw}.hero-collage{height:380px}.hero-description{font-size:16px}.brand-chapter{gap:7%;padding:40px 0 55px}.brand-chapter h2,.brand-chapter h3{font-size:38px}.brand-chapter h4,.brand-chapter h3:has(+p){font-size:23px}.work-heading{display:block}.work-heading p{margin-top:25px}.recruit-intro{gap:6%}.recruit-intro h2{font-size:28px}.job-card{grid-template-columns:1fr;gap:35px}}
@media(max-width:620px){.renewed-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:105px 7% 65px;gap:0}.renewed-hero .hero-word{top:115px;font-size:31vw;left:6%}.renewed-hero .hero-index{font-size:12px}.hero-copy{padding:32px 0 0}.renewed-hero h1{font-size:clamp(30px,8.4vw,48px);line-height:1.55}.renewed-hero h1 span+span{margin-left:0}.hero-description{font-size:16px;line-height:1.9;margin-top:20px}.hero-copy .text-link{margin-top:9px;max-width:100%;font-size:14px}.hero-collage{height:320px;width:90%;align-self:center;margin-top:30px}.hero-product{right:3%;width:65%;height:90%;transform:rotate(5deg)}.hero-member{width:42%;left:3%;border-width:4px}.collage-note{font-size:12px;right:-5px}.hero-scroll{bottom:15px;font-size:12px}.section-label,.eyebrow{font-size:12px}.business-pillars{grid-template-columns:1fr;margin-bottom:38px}.business-pillars>a{padding:26px 0}.business-pillars>a+a{padding:26px 0;border-left:0;border-top:1px solid var(--line)}.business-pillars h3{font-size:26px;margin:10px 0}.business-pillars span{font-size:12px}.business-pillars p{font-size:16px}.detail-page #content>.business-pillars{margin:35px 7% 0}.partner-teaser{grid-template-columns:1fr;gap:30px}.partner-photo{max-height:none;aspect-ratio:4/5}.partner-teaser h2,.partner-teaser h3{font-size:46px}.partner-detail .partner-teaser h3{font-size:23px}.partner-teaser p{font-size:16px}.brands-heading{padding:60px 0 25px}.brands-heading h2,.work-heading h2{font-size:28px;line-height:1.8}.brand-chapter{grid-template-columns:1fr;gap:32px;padding:30px 0 50px}.brand-chapter h2,.brand-chapter h3{font-size:42px;margin:20px 0 25px}.brand-chapter h4,.brand-chapter h3:has(+p){font-size:23px}.brand-chapter p{font-size:16px}.work-heading{margin:30px 0}.work-heading p{font-size:16px}.work-steps{grid-template-columns:1fr;gap:5px}.work-steps li{display:grid;grid-template-columns:55px 1fr;gap:3px 20px;padding:28px 0}.step-number{grid-column:1;grid-row:1/5;font-size:42px;margin:0}.work-steps .eyebrow,.work-steps h3,.work-steps h4,.work-steps p{grid-column:2}.work-steps h3{font-size:24px;margin:8px 0 12px}.work-steps h4{font-size:16px;margin:0 0 8px}.support-bridge{grid-template-columns:1fr;gap:20px;padding-top:35px;margin-top:45px}.support-bridge h3{font-size:25px}.home-news-layout{grid-template-columns:1fr;gap:35px;padding-top:35px}.home-news-layout>div>h2{font-size:58px}.home-news .news-row h3{font-size:17px}.home-news .text-link{max-width:none}.recruit-intro{grid-template-columns:1fr;gap:35px}.recruit-intro h2{font-size:27px}.recruit-intro p br{display:none}.recruit-intro img{aspect-ratio:5/4}.recruit-people-grid{gap:30px 18px}.recruit-people-grid p{font-size:13px}.recruit-people-grid h3{font-size:23px}.recruit-notice{padding:20px;margin:30px 0}.job-card{padding:35px 0;gap:25px}.job-heading h2{font-size:26px}.job-details{font-size:16px}.motion-toggle{font-size:12px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.js-motion .brand-story{display:block}.js-motion .brand-stage{display:none}.js-motion .brand-inline{display:block}.js-motion .brand-chapter{display:grid;min-height:0}.hero-product img,.js-motion .heading-line{transform:none!important;opacity:1!important}}