/* Photo-led presentation. Raster artwork is kept in public/assets. */
img{display:block;max-width:100%;height:auto}
.hero{grid-template-columns:1fr 1.05fr;gap:56px;padding-block:54px 50px}
.hero h1{font-size:clamp(52px,5.6vw,73px);letter-spacing:-3.5px;line-height:1.09;margin-block:25px}
.hero .intro{font-size:16px;max-width:370px;line-height:1.8}
.hero-photo{margin:0;position:relative}
.hero-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.hero-photo figcaption{font-size:10px;color:var(--muted);margin-top:10px;letter-spacing:.5px}
.hero-note{font-size:10px}
.name-intro{margin-top:30px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;border-block:1px solid var(--line);padding-block:30px;margin-bottom:64px}
.principles article+article{border-left:1px solid var(--line);padding-left:35px}
.principles h2{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.35;margin:0 0 8px}
.principles p{font-size:12px;line-height:1.75;color:var(--muted);margin:0;max-width:280px}
.section-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.section-intro h2{font-family:var(--serif);font-size:38px;letter-spacing:-1.2px;font-weight:400;line-height:1.2;margin:0}
.section-intro a{display:flex;align-items:center;gap:15px;font-size:12px;text-decoration:none}
.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.visual-story{text-decoration:none;display:block}
.visual-story figure{margin:0;overflow:hidden;background:#e9e4d8}
.visual-story img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:filter .2s}
.visual-story:hover img{filter:brightness(1.04)}
.visual-story h3{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:-.5px;line-height:1.3;margin:21px 0 7px}
.visual-story p{font-size:13px;color:var(--muted);margin:0;line-height:1.75;max-width:440px}
.name-story{margin-top:58px}
.article-photo{margin:30px 0}
.article-photo img{width:100%;height:auto}
.article-photo figcaption{font-size:12px;color:var(--muted);margin-top:10px;text-align:center}
@media(min-width:1400px){.hero{padding-block:60px;gap:70px}}
@media(max-width:1000px){.hero{gap:32px}.hero h1{font-size:60px}.principles{gap:24px}.principles article+article{padding-left:24px}.principles h2{font-size:20px}.visual-grid{gap:25px}.section-intro h2{font-size:34px}.visual-story h3{font-size:23px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:30px;padding-block:36px 32px}.hero h1{font-size:46px;letter-spacing:-2px;margin-block:22px}.hero .intro{font-size:15px;max-width:430px;margin-bottom:22px}.name-intro{margin-top:21px}.hero-photo{width:100%}.hero-photo img{aspect-ratio:4/3;object-position:50% 65%}.hero-photo figcaption{font-size:9px}.principles{grid-template-columns:1fr;gap:20px;padding-block:26px;margin-bottom:40px}.principles article+article{border:0;border-top:1px solid var(--line);padding:18px 0 0}.principles h2{font-size:21px;margin-bottom:5px}.principles p{max-width:100%;font-size:12px}.section-intro{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:23px}.section-intro h2{font-size:34px}.visual-grid{grid-template-columns:1fr;gap:34px}.visual-story h3{font-size:25px;margin-top:17px}.visual-story p{font-size:13px}.name-story{margin-top:39px}.footer{margin-top:42px}}
@media(max-width:360px){.hero h1{font-size:42px}.visual-story h3{font-size:23px}}