.about-page { background:#fbfaf7; }
.about-page h1 { max-width:800px; margin:26px 0 28px; font-size:clamp(48px,6vw,86px); line-height:.96; letter-spacing:-.06em; }
.about-page h2 { font-size:clamp(38px,4.2vw,62px); line-height:1; letter-spacing:-.055em; }
.about-page p { font-size:16px; line-height:1.7; }
.section-label { margin:0 0 18px; color:var(--red); font-size:12px!important; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.about-hero { overflow:hidden; padding:34px 0 98px; background:#fff; }
.about-hero-layout { position:relative; min-height:520px; display:grid; grid-template-columns:1fr .8fr; align-items:center; }
.about-hero-layout>div:first-child { position:relative; z-index:2; max-width:750px; }
.about-hero-layout>div:first-child>p:last-child { max-width:510px; margin:0; color:var(--muted); font-size:19px; }
.about-hero-art { position:absolute; right:-15%; bottom:-33%; width:59%; aspect-ratio:1; border-radius:50%; background:#f6ebe9; overflow:hidden; }
.about-hero-art img { width:100%; height:100%; object-fit:cover; opacity:.14; mix-blend-mode:multiply; }
.about-hero-art i { position:absolute; border-radius:50%; border:1px solid rgba(159,23,49,.17); }
.about-hero-art i:nth-of-type(1){ inset:16%; }.about-hero-art i:nth-of-type(2){ inset:31%; }.about-hero-art i:nth-of-type(3){ width:20%; height:20%; left:16%; top:20%; background:#a51b37; border:0; }
.about-project { padding:116px 0; background:#f2eee8; }
.about-project-layout,.about-section-head,.about-lab-layout,.about-materials-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(46px,9vw,150px); }
.about-project h2 { max-width:610px; }.about-project-copy>p:first-child { margin:0 0 46px; font-size:20px; line-height:1.55; }.about-project .boundary { max-width:500px; border-color:#d6cec5; }
.about-method { padding:118px 0 128px; background:#fff; }.about-section-head { align-items:end; margin-bottom:62px; }.about-section-head>p { max-width:490px; margin:0; color:var(--muted); }
.about-method-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:0; padding:0; list-style:none; }.about-method-grid li { min-height:292px; padding:28px; background:#f8f4ef; border-radius:18px; }.about-method-grid b { display:block; margin-bottom:76px; color:var(--red); font-size:12px; }.about-method-grid h3 { margin:0 0 13px; font-size:22px; line-height:1.1; letter-spacing:-.04em; }.about-method-grid p { margin:0; color:var(--muted); font-size:15px; line-height:1.6; }
.about-lab { padding:112px 0; background:#f2eee8; }.about-lab-layout { align-items:center; }.about-lab figure { margin:0; min-height:410px; overflow:hidden; border-radius:26px; background:#eaded9; }.about-lab figure img { width:100%; height:100%; object-fit:cover; }.about-lab p:not(.section-label) { max-width:470px; color:var(--muted); }.about-lab .text-button { margin-top:12px; }
.about-materials { padding:112px 0; background:#fff; }.about-materials-layout { align-items:center; }.about-materials-layout>div:last-child { max-width:475px; }.about-materials-layout p:not(.section-label) { margin:0 0 28px; color:var(--muted); }
.about-cta { padding:74px 0; background:var(--wine); color:#fff; }.about-cta-layout { display:grid; grid-template-columns:1.25fr .8fr auto; align-items:center; gap:45px; }.about-cta h2 { margin:0; font-size:clamp(30px,3.2vw,48px); }.about-cta p { margin:0; color:rgba(255,255,255,.75); }.about-cta .button { white-space:nowrap; }
@media(max-width:900px){.about-hero-layout{min-height:440px}.about-hero-art{width:66%;right:-24%}.about-method-grid{grid-template-columns:repeat(2,1fr)}.about-cta-layout{grid-template-columns:1fr 1fr}.about-cta .button{grid-column:1/-1;justify-self:start}.about-project-layout,.about-section-head,.about-lab-layout,.about-materials-layout{gap:38px}}
@media(max-width:600px){.about-page h1{font-size:43px}.about-hero{padding:20px 0 68px}.about-hero-layout{min-height:470px;align-items:start}.about-hero-layout>div:first-child>p:last-child{font-size:16px}.about-hero-art{right:-42%;bottom:-10%;width:105%}.about-project,.about-method,.about-lab,.about-materials{padding:72px 0}.about-project-layout,.about-section-head,.about-lab-layout,.about-materials-layout,.about-cta-layout{grid-template-columns:1fr;gap:28px}.about-project-copy>p:first-child{font-size:18px;margin-bottom:31px}.about-section-head{margin-bottom:37px}.about-method-grid{grid-template-columns:1fr;gap:10px}.about-method-grid li{min-height:0;padding:24px}.about-method-grid b{margin-bottom:42px}.about-lab figure{min-height:270px;border-radius:18px}.about-cta{padding:58px 0}.about-cta-layout{gap:20px}.about-cta .button{grid-column:auto}}
.about-hero-layout{grid-template-columns:1fr 1fr;gap:45px;min-height:505px}
.about-hero-art{position:relative;right:auto;bottom:auto;width:100%;height:490px;aspect-ratio:auto;border-radius:24px;background:#f2ede6;overflow:hidden}
.about-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:88% center;opacity:1;mix-blend-mode:normal}
.about-page h1{font-size:clamp(46px,5.6vw,76px);line-height:1.04;letter-spacing:-.05em}
.about-page h2{font-size:clamp(35px,3.8vw,52px);line-height:1.09;letter-spacing:-.045em}
.about-hero-layout>div:first-child>p:last-child{font-size:17px;max-width:495px}
.about-project,.about-method,.about-lab,.about-materials{padding:88px 0}
.about-method-grid li{padding:25px 22px}
.about-method-grid b{font-size:16px;margin-bottom:42px}
.about-method-grid h3{font-size:21px;overflow-wrap:break-word}
.about-lab figure{min-height:0;height:390px;background:#f7f1eb}
.about-lab figure img{object-fit:contain;mix-blend-mode:multiply;padding:20px}
@media(max-width:900px){.about-hero-layout{grid-template-columns:1fr;gap:25px}.about-hero-art{max-width:560px;margin:auto;height:380px}.about-hero-layout>div:first-child>p:last-child{max-width:640px}.about-project-layout,.about-section-head,.about-lab-layout,.about-materials-layout{grid-template-columns:1fr}.about-method-grid li{min-height:255px}.about-lab figure{max-width:620px;width:100%;margin:auto}.about-page h1{font-size:57px}}
@media(max-width:600px){.about-page h1{font-size:44px;margin:22px 0}.about-page h2{font-size:34px}.about-hero-layout{min-height:0}.about-hero-art{width:100%;height:320px;border-radius:20px}.about-hero{padding-bottom:30px}.about-project,.about-method,.about-lab,.about-materials{padding:60px 0}.about-method-grid li{min-height:0}.about-method-grid b{margin-bottom:25px}.about-lab figure{height:290px}.about-cta h2{font-size:33px}}
/* The company page uses an editorial route and a wide laboratory scene. */
.about-method-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.about-method-intro{position:sticky;top:118px}
.about-method-intro #method-title{font-size:clamp(34px,3.6vw,48px);white-space:normal}
.about-method-intro>p{max-width:390px;color:var(--muted);margin:27px 0 22px;font-size:16px;line-height:1.75}
.about-method-route{padding:0;margin:0;list-style:none}
.about-method-route li{display:grid;grid-template-columns:54px 1fr;gap:24px;padding:30px 0;border-top:1px solid var(--line);position:relative}
.about-method-route li:last-child{border-bottom:1px solid var(--line)}
.about-route-number{display:block;font-family:Montserrat,sans-serif;font-size:32px;font-weight:500;line-height:1;color:#b9989c}
.about-method-route li:nth-child(3) .about-route-number{color:var(--wine)}
.about-method-route h3{font-size:25px;letter-spacing:-.035em;line-height:1.15;margin:0 0 12px}
.about-method-route p{font-size:15px;line-height:1.7;margin:0;color:var(--muted);max-width:460px}
.about-lab{background:#eee8e1;padding:82px 0}
.about-lab-editorial{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:start;margin-bottom:40px}
.about-lab-editorial h2{font-size:clamp(34px,3.4vw,47px);letter-spacing:-.04em}
.about-lab-editorial p{font-size:16px;line-height:1.75;margin:0 0 20px;max-width:490px;color:var(--muted)}
.about-lab .about-lab-panorama{display:block;max-width:none;width:100%;height:clamp(320px,40vw,500px);min-height:0;margin:0;overflow:hidden;border-radius:22px}
.about-lab .about-lab-panorama img{display:block;width:100%;height:100%;padding:0;object-fit:cover;object-position:center 28%;mix-blend-mode:normal}
@media(max-width:900px){.about-method-layout{grid-template-columns:1fr;gap:38px}.about-method-intro{position:static}.about-method-intro>p{max-width:620px}.about-lab-editorial{grid-template-columns:1fr;gap:26px}.about-lab-editorial p{max-width:620px}.about-lab .about-lab-panorama{height:370px}}
@media(max-width:600px){.about-method-route li{grid-template-columns:39px 1fr;gap:15px;padding:25px 0}.about-route-number{font-size:26px}.about-method-route h3{font-size:23px}.about-method-intro #method-title,.about-lab-editorial h2{font-size:34px}.about-lab-editorial h2 br{display:none}.about-lab{padding:58px 0}.about-lab .about-lab-panorama{height:300px;border-radius:17px}.about-lab .about-lab-panorama img{object-position:76% center}}

/* A small report cue balances the project introduction. */
.about-project { padding-block:76px; }
.about-project-layout { align-items:center; }
.about-project-intro h2 { margin:0; }
.project-report-link { display:inline-flex; align-items:center; gap:20px; max-width:100%; margin-top:29px; color:#822039; border-radius:8px; }
.project-report-icon { display:block; width:78px; height:86px; flex-shrink:0; }
.project-report-link>span { display:flex; flex-direction:column; gap:7px; }
.project-report-link b { font-size:17px; font-weight:600; line-height:1.4; }
.project-report-link>span>span { font-size:14px; line-height:1.5; color:#766966; text-decoration:underline; text-underline-offset:5px; text-decoration-color:#c9afa6; }
.project-report-link:hover>span>span { color:#822039; text-decoration-color:currentColor; }
.project-report-link:focus-visible { outline:2px solid #9d2843; outline-offset:7px; }
.about-project-copy>p:first-child { margin-bottom:26px; }
.project-boundary { padding:21px 24px; border:1px solid #e0d4ca; border-left:3px solid #c7989c; border-radius:0 17px 17px 0; background:#faf7f1; }
.project-boundary b { display:block; margin-bottom:9px; color:#8d2941; font-size:15px; font-weight:600; }
.about-project .project-boundary p { margin:0; font-size:15px; line-height:1.65; color:#665f5b; }
@media(max-width:900px) {
  .about-project-layout { gap:30px; }
  .about-project-intro { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:30px; }
  .project-report-link { margin-top:0; gap:13px; }
  .project-report-icon { width:62px; height:72px; }
  .project-report-link b { max-width:155px; font-size:15px; }
  .project-report-link>span>span { font-size:13px; }
}
@media(max-width:600px) {
  .about-project { padding-block:48px; }
  .about-project-intro { display:block; }
  .project-report-link { margin-top:24px; gap:16px; }
  .project-report-link b { max-width:none; font-size:16px; }
  .project-report-link>span>span { font-size:14px; }
  .about-project-copy>p:first-child { font-size:18px; margin-bottom:22px; }
  .project-boundary { padding:18px 20px; }
  .about-project .project-boundary p { font-size:14px; }
}