.page-hero{position:relative;overflow:hidden}.page-hero .ruler{position:absolute;top:0;left:0;right:0}.about-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(32px,5vw,64px);padding-block:clamp(48px,7vw,96px);display:grid}.about-hero .portrait{border-radius:var(--r-lg);height:clamp(340px,42vw,520px)}.about-hero img.portrait{width:100%}@media (width<=820px){.about-hero{grid-template-columns:1fr;gap:32px}}.app-why{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,64px);display:grid}@media (width<=900px){.app-why{grid-template-columns:1fr;gap:32px}.app-why>:first-child{text-align:center}}.story{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(32px,5vw,64px);display:grid}.story .img{border-radius:var(--r-lg);height:clamp(300px,38vw,460px)}.story img.img{width:100%}@media (width<=820px){.story{grid-template-columns:1fr}.story .img{order:-1}}.ph-photo{object-fit:cover;background:var(--paper-deep);display:block}.values{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px);display:grid}.value .ic{background:var(--paper);border:1px solid var(--hair-soft);width:46px;height:46px;color:var(--thread);border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.value .ic svg{width:24px;height:24px}@media (width<=760px){.values{grid-template-columns:1fr}}.stat-band{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.stat .v{font-family:var(--display);color:#f4efe6;letter-spacing:-.02em;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1}.stat .v .u{color:var(--thread)}.stat .l{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#a89c8a;margin-top:10px;font-size:.68rem}@media (width<=600px){.stat-band{grid-template-columns:1fr 1fr;gap:24px}}.gallery{grid-template-rows:200px 200px;grid-template-columns:1.4fr 1fr 1fr;gap:14px;display:grid}.gallery>:first-child{grid-row:span 2}.gallery img.ph-photo{border-radius:var(--r);width:100%;height:100%}@media (width<=760px){.gallery{grid-template-rows:160px 160px 160px;grid-template-columns:1fr 1fr}.gallery>:first-child{grid-area:span 1/span 2}}.feat{border-bottom:1px dashed var(--hair);gap:16px;padding:18px 0;display:flex}.feat:last-child{border-bottom:0}.feat .fi{background:var(--paper);border:1px solid var(--hair-soft);width:44px;height:44px;color:var(--thread);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.feat .fi svg{width:22px;height:22px}.feat h4{font-family:var(--display);margin:0 0 4px;font-size:1.12rem;font-weight:500}.feat p{color:var(--ink-soft);margin:0;font-size:.95rem}
