/* Service photographs and content grounded in the existing Maru products. */
.hero-portfolio{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;padding:20px 0 32px;min-width:0}
.portfolio-note{display:flex;flex-direction:column;justify-content:center;padding:18px 8px 18px 21px;border-left:2px solid #c5d6b6}
.portfolio-note .section-tag{font-size:9px;letter-spacing:.08em}
.portfolio-note p{font-size:22px;font-weight:650;line-height:1.5;letter-spacing:-.05em;margin-top:12px}
.portfolio-photo{display:block;min-width:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #173f3508;border:1px solid #dce3d7;transition:transform .2s}
.portfolio-photo:hover{transform:translateY(-4px)}
.portfolio-photo img{display:block;width:100%;height:auto;aspect-ratio:1.25;object-fit:cover}
.portfolio-photo>span{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;font-size:11px;font-weight:700}
.portfolio-photo .arrow{font-size:18px}
.portfolio-grading{transform:rotate(3deg);margin-left:3px}
.portfolio-writing{transform:rotate(-3deg);margin-top:-4px}
.portfolio-thinking{transform:rotate(2deg);margin-top:7px}
.teaser-art{height:auto;aspect-ratio:1.5}
.teaser-art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}
.teaser:hover .teaser-art img{transform:scale(1.035)}
.solution-stories{padding:80px 0 95px;background:#fff}
.solution-story{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:45px 0}
.solution-story+.solution-story{border-top:1px solid var(--line);margin-top:20px;padding-top:65px}
.solution-story:nth-child(even) .solution-story-image{order:2}
.solution-story-image{border-radius:17px;overflow:hidden;background:var(--paper)}
.solution-story-image img{display:block;width:100%;height:auto;aspect-ratio:1.4;object-fit:cover}
.solution-story-name{font-size:17px;font-weight:700;color:var(--green2);margin-top:23px}
.solution-story-copy h2{font-size:32px;line-height:1.45;letter-spacing:-.045em;margin-top:10px}
.solution-story-copy>p:not([class]){font-size:14px;line-height:1.9;color:var(--muted);margin-top:20px}
.solution-story-copy .text-link{margin-top:28px}
.product-hero-grid{grid-template-columns:1.05fr 1.1fr;gap:56px}
.product-photo{width:100%;border-radius:14px;overflow:hidden;box-shadow:0 18px 50px #173f3514}
.product-photo img{display:block;width:100%;height:auto;aspect-ratio:1.35;object-fit:cover}
.product-illustration .illustration-caption{margin-top:15px;font-size:10px}
.product-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}
.product-actions .button{margin-top:0}
.product-actions .text-link{font-size:12px}
.service-detail{padding:80px 0 88px;background:#fff;border-bottom:1px solid var(--line)}
.service-detail h2{font-size:35px;letter-spacing:-.05em;line-height:1.45;margin-top:18px}
.detail-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:40px}
.detail-columns>div{padding-top:24px;border-top:1px solid #adc0a3}
.detail-columns h3{font-size:21px;letter-spacing:-.04em}
.detail-columns p,.book-pair p,.detail-intro{font-size:14px;line-height:1.9;color:var(--muted);margin-top:15px}
.detail-intro{font-size:16px}
.book-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px}
.book-pair article{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center;background:#f5f6ef;border:1px solid var(--line);padding:30px;border-radius:13px}
.book-pair article:nth-child(2){background:#f6f4f9}
.book-pair img{width:100%;height:auto;box-shadow:4px 8px 18px #122f2315}
.book-pair h3{font-size:23px;letter-spacing:-.04em;margin-top:12px}
.book-pair .section-tag{font-size:9px}
.detail-caption{display:block;font-size:10px;color:var(--muted);margin-top:18px;line-height:1.7}
.book-pair+.button{margin-top:30px}
@media(max-width:1100px){.hero-portfolio{gap:10px}.portfolio-note{padding-left:13px}.portfolio-note p{font-size:19px}.portfolio-note .section-tag{font-size:8px}.solution-story{gap:40px}.solution-story-copy h2{font-size:29px}.book-pair article{grid-template-columns:130px 1fr;padding:24px;gap:23px}.product-hero-grid{gap:30px}}
@media(max-width:980px){.portfolio-photo>span{padding:10px;font-size:10px}.hero-portfolio{padding-bottom:15px}.detail-columns{gap:25px}.book-pair article{grid-template-columns:110px 1fr;gap:20px;padding:20px}.book-pair h3{font-size:20px}.book-pair p{font-size:12px}.solution-story-copy h2{font-size:27px}}
@media(max-width:720px){.hero-portfolio{width:100%;max-width:490px;margin:25px auto 0;padding:5px 3px 25px;gap:15px}.portfolio-note{padding-left:18px}.portfolio-note p{font-size:23px}.portfolio-note .section-tag{font-size:8px}.portfolio-photo img{aspect-ratio:1.35}.portfolio-photo>span{font-size:11px;padding:11px 13px}.teaser{display:block}.teaser-art{height:auto;min-height:0;aspect-ratio:1.8}.teaser-body{padding:27px}.teaser-body h3{font-size:26px}.teaser-body p{font-size:14px}.teaser-link{font-size:12px;margin-top:22px}.solution-stories{padding:35px 0 55px}.solution-story{grid-template-columns:1fr;gap:25px;padding:20px 0}.solution-story:nth-child(even) .solution-story-image{order:0}.solution-story+.solution-story{margin-top:35px;padding-top:45px}.solution-story-image img{aspect-ratio:1.5}.solution-story-name{margin-top:18px}.solution-story-copy h2{font-size:29px}.product-hero-grid{grid-template-columns:1fr;gap:20px}.product-illustration{max-width:none}.product-photo img{aspect-ratio:1.5}.service-detail{padding:55px 0 60px}.service-detail h2{font-size:30px}.detail-columns{grid-template-columns:1fr;gap:25px;margin-top:29px}.detail-columns h3{font-size:20px}.detail-columns p{margin-top:10px}.book-pair{grid-template-columns:1fr;gap:18px;margin-top:27px}.book-pair article{grid-template-columns:130px 1fr;padding:24px;gap:22px}.book-pair h3{font-size:22px}.book-pair p{font-size:13px}.detail-intro{font-size:14px}}
@media(max-width:420px){.hero-portfolio{gap:11px}.portfolio-note{padding-left:12px}.portfolio-note p{font-size:20px}.portfolio-note .section-tag{font-size:7px}.portfolio-photo>span{font-size:10px;padding:9px 10px}.book-pair article{grid-template-columns:105px 1fr;padding:20px;gap:19px}.book-pair h3{font-size:20px}.book-pair p{font-size:12px}.service-detail h2{font-size:28px}.product-actions{gap:19px}}
@media(prefers-reduced-motion:reduce){.portfolio-photo,.teaser,.teaser-art img{transition:none}}

/* Three values share one purpose. Text stays in the document, not an image. */
.core-values{padding:88px 0 76px;background:#fff;scroll-margin-top:100px}
.home-editorial+.core-values{padding-top:0}
.home-editorial+.core-values>.wrap{padding-top:64px;border-top:1px solid var(--line)}
.values-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.values-heading h2{font-size:clamp(30px,3vw,43px);line-height:1.4;letter-spacing:-.05em;margin-top:16px}
.values-heading>p{font-size:15px;line-height:1.9;color:var(--muted)}
.values-diagram{max-width:1020px;margin:46px auto 0}
.values-nodes{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.values-nodes:after{content:"";position:absolute;left:calc((100% - 48px)/6);right:calc((100% - 48px)/6);height:1px;bottom:-32px;background:#9cad9c}
.value-node{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1;border:1px solid #d0dfc8;border-radius:50%;padding:30px 18px;text-align:center;min-width:0;background:#edf3e5}
.value-effort{background:#eaf0f4;border-color:#d1dfe6}
.value-change{background:#f0edf6;border-color:#dfd8e9}
.value-node:after{content:"";position:absolute;left:50%;bottom:-32px;width:1px;height:31px;background:#9cad9c}
.value-number{font-family:Georgia,serif;font-size:22px;color:#587050}
.value-effort .value-number{color:#506d7b}
.value-change .value-number{color:#716382}
.value-node h3{font-size:25px;line-height:1.4;letter-spacing:-.05em;margin-top:14px}
.value-node p{font-size:14px;line-height:1.85;color:#536358;margin-top:15px;word-break:keep-all;overflow-wrap:anywhere}
.values-purpose{position:relative;width:390px;max-width:100%;padding:24px 30px;margin:64px auto 0;border-radius:18px;background:var(--green);color:#fff;text-align:center}
.values-purpose:before{content:"";position:absolute;left:50%;top:-32px;height:32px;width:1px;background:#9cad9c}
.values-purpose>span{font-family:Arial,sans-serif;font-size:12px;font-weight:750;letter-spacing:.14em;color:var(--lime)}
.values-purpose p{font-size:24px;font-weight:650;line-height:1.5;letter-spacing:-.04em;margin-top:10px}
.values-more{display:flex;width:fit-content;min-height:44px;align-items:center;margin:26px auto 0;gap:18px}
@media(max-width:980px){
  .core-values{padding:64px 0 55px}
  .values-heading{align-items:flex-start;flex-direction:column;gap:20px}
  .values-diagram{max-width:600px;margin-top:34px}
  .values-nodes{grid-template-columns:1fr;gap:18px;padding-left:24px}
  .home-editorial+.core-values>.wrap{padding-top:44px}
  .values-nodes:after{display:none}
  .value-node{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:18px;aspect-ratio:auto;min-height:150px;border-radius:18px;padding:24px;text-align:left;align-content:center;justify-items:start}
  .value-node:after{left:-24px;top:50%;bottom:auto;width:24px;height:1px}
  .value-node:before{content:"";position:absolute;left:-24px;top:-19px;bottom:-1px;width:1px;background:#9cad9c}
  .value-node:first-child:before{top:50%}
  .value-node:last-child:before{bottom:-28px}
  .value-number{grid-row:1/3;align-self:center;font-size:26px}
  .value-node h3{font-size:24px;margin:0}
  .value-node p{margin-top:8px;font-size:14px}
  .value-node p br{display:none}
  .values-purpose{margin:28px 0 0 24px;width:calc(100% - 24px)}
  .values-purpose:before{top:-28px;left:-24px;width:24px;height:calc(50% + 28px);background:transparent;border-left:1px solid #9cad9c;border-bottom:1px solid #9cad9c}
}
@media(max-width:420px){
  .core-values{scroll-margin-top:85px}
  .values-heading h2{font-size:32px}
  .values-heading>p{font-size:14px}
  .value-node{grid-template-columns:26px minmax(0,1fr);column-gap:12px;padding:22px 18px}
  .value-number{font-size:21px}
  .value-node h3{font-size:22px}
  .values-purpose{padding:22px 18px}
  .values-purpose p{font-size:22px}
  .values-more{font-size:12px}
}