.hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;min-height:min(720px,calc(100dvh - 80px));padding-block:46px 54px}.hero-copy{padding-left:22px}.hero-copy .eyebrow{margin-bottom:24px}.hero h1{font-size:clamp(48px,4.7vw,74px);letter-spacing:.08em;line-height:1.45}.title-stop{color:var(--accent)}.hero-intro{color:var(--muted);font-size:15px;line-height:2;margin-top:22px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.hero-note{display:flex;align-items:center;gap:18px;margin-top:48px}.hero-note strong{font-size:38px;line-height:1;font-family:var(--serif);font-weight:500;font-variant-numeric:tabular-nums}.hero-note strong span{font-size:12px;margin-left:6px;font-family:var(--sans);color:var(--muted)}.hero-note p{font-size:11px;line-height:1.8;color:var(--muted);padding-left:18px;border-left:1px solid var(--line)}.hero-art{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.hero-art>a{aspect-ratio:1.12;background:#ebe6dc;display:block;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s}.hero-art>a:hover img{transform:scale(1.035)}.hero-art figcaption{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0;gap:20px}.hero-art figcaption span{font-size:10px;letter-spacing:.1em;color:var(--muted)}.hero-art figcaption h2{font-size:19px;margin-top:5px;line-height:1.6}.hero-art figcaption>a{font-size:24px;color:var(--accent);width:45px;height:45px;border:1px solid var(--line);display:grid;place-items:center;flex-shrink:0}.chapter-section{padding-block:70px 92px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px}.section-heading h2{font-size:36px}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted)}.chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.chapter:nth-child(2){padding-top:0}.chapter:nth-child(3){padding-top:0}.chapter-image{aspect-ratio:1.5;background:#eae5dc;overflow:hidden}.chapter-image img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply;transition:transform .5s}.chapter:hover img{transform:scale(1.04)}.chapter>div:last-child{position:relative;padding-top:20px;border-bottom:1px solid var(--line);padding-bottom:22px}.chapter h3{font-family:var(--serif);font-size:25px;margin-bottom:8px}.chapter p{font-size:12px;color:var(--muted);padding-right:22px}.chapter span{position:absolute;right:0;top:26px;font-size:20px;color:var(--accent)}.focus-section{background:#ede8de;border-block:1px solid var(--line)}.focus-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:72px;align-items:center}.focus-image{aspect-ratio:1.1;display:block;overflow:hidden}.focus-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.focus-copy{padding-right:44px}.focus-copy h2{font-size:35px;line-height:1.75;margin-bottom:24px}.focus-description{font-size:14px;line-height:2.15;color:#59544c;margin-bottom:22px}.focus-footnote{margin-top:36px;padding-top:24px;border-top:1px solid #d6cfc1;font-size:12px;line-height:2;color:var(--muted)}.welcome-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:96px 100px;align-items:start}.welcome-section h2{font-size:40px;line-height:1.65}.welcome-section>div:last-child{padding-top:36px}.welcome-section>div>p:not(.eyebrow){font-size:15px;line-height:2;color:var(--muted);max-width:440px;margin-bottom:28px}.company-note{font-size:11px;color:var(--muted);display:block;margin-top:25px}.company-note:hover{color:var(--accent)}
@media(max-width:1100px){.hero{gap:36px}.hero-copy{padding-left:0}.hero h1{font-size:56px}.hero-actions{gap:20px}.hero .primary{gap:16px;padding-inline:20px}.focus-layout,.welcome-section{gap:50px}.focus-copy{padding-right:0}.focus-copy h2{font-size:29px}.welcome-section h2{font-size:34px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:28px;padding-block:34px 36px;min-height:0}.hero-copy .eyebrow{margin-bottom:18px}.hero h1{font-size:46px;line-height:1.35;letter-spacing:.07em}.hero-intro{font-size:13px;line-height:1.9;margin-top:16px}.hero-actions{margin-top:22px;gap:25px}.hero-actions .text-link{font-size:12px}.hero-note{position:absolute;right:20px;top:164px;display:block;text-align:right;margin:0}.hero-note strong{font-size:32px}.hero-note strong span{font-size:10px}.hero-note p{border:0;padding:0;margin-top:8px;font-size:9px}.hero-art>a{aspect-ratio:1.37}.hero-art figcaption{padding-top:16px}.hero-art figcaption h2{font-size:17px;line-height:1.65}.hero-art figcaption span{font-size:9px}.hero-art figcaption>a{width:36px;height:36px;font-size:20px}.chapter-section{padding-block:36px 42px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:27px}.section-heading>p{margin-top:14px;font-size:12px}.section-heading>p br{display:none}.chapters{grid-template-columns:1fr;gap:0}.chapter,.chapter:nth-child(2),.chapter:nth-child(3){padding:16px 0;display:grid;grid-template-columns:135px 1fr;gap:20px;border-top:1px solid var(--line);align-items:center}.chapter-image{aspect-ratio:1.5}.chapter>div:last-child{padding:0 0 18px;border:0}.chapter h3{font-size:22px;margin-bottom:9px}.chapter p{font-size:11px;line-height:1.8;padding-right:0;max-width:160px}.chapter span{top:auto;bottom:-7px;right:0;font-size:20px}.focus-layout{grid-template-columns:1fr;gap:22px;padding-block:34px 38px}.focus-image{aspect-ratio:1.35}.focus-copy{padding:0 4px}.focus-copy h2{font-size:28px;line-height:1.65;margin-bottom:20px}.focus-description{font-size:13px;line-height:2.1;margin-bottom:15px}.focus-footnote{margin-top:23px;padding-top:20px;font-size:11px}.welcome-section{grid-template-columns:1fr;gap:22px;padding-block:44px 48px}.welcome-section h2{font-size:31px;line-height:1.6}.welcome-section>div:last-child{padding-top:0}.welcome-section>div>p:not(.eyebrow){font-size:13px;line-height:2}.company-note{font-size:10px;line-height:1.9}}
@media(max-width:360px){.hero h1{font-size:40px}.hero-note{right:16px;top:163px}.hero-note strong{font-size:28px}.hero-note p{font-size:8px}.hero-actions{gap:18px}.hero .primary{padding-inline:16px;font-size:12px}.chapter,.chapter:nth-child(2),.chapter:nth-child(3){grid-template-columns:110px 1fr;gap:16px}.chapter p{font-size:10px}.section-heading h2{font-size:24px}.focus-copy h2{font-size:25px}}
