/* ФАБУЛА · главная. Эталон: доски Home3 (1440) и HomeM, HomeM2 (390).
   Шире 1100 — раскладка десктопа, 721–1100 — столбцы складываются, до 720 — телефон. */

/* первый экран: сцена масштабируется от ширины (cqw), текст не масштабируется */
.h-hero{position:relative;margin-top:-88px;overflow:hidden;background:radial-gradient(ellipse 62% 78% at 50% 48%,#fbfaf7 0%,#e5e2db 100%)}
.h-frame{max-width:1440px;margin:0 auto;padding-top:88px;container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr)}
.h-stage,.h-text{grid-area:1/1}
.h-stage{position:relative;aspect-ratio:1440/820}
.h-word{position:absolute;left:7.222cqw;top:14.306cqw;font-family:var(--sans);font-weight:200;font-size:17.5cqw;line-height:1;letter-spacing:-.035em;white-space:nowrap}
.h-word .bl{display:inline-block;filter:blur(2.6px)}
.h-pen{position:absolute;left:17.361cqw;top:10.417cqw;width:58.333cqw;height:auto;aspect-ratio:840/580}
.h-pen img,.h-pen svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.h-pen .metal{clip-path:polygon(29.8% 54.5%,79.8% 10.2%,79.8% 37.8%,29.8% 82.1%)}
.h-ann{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.h-ann.m{display:none}
.h-text{align-self:start;margin:29.583cqw 0 40px 68.056cqw;width:min(380px,calc(31.944cqw - var(--pad)));display:flex;flex-direction:column;gap:20px;z-index:1}
.h-text h1{margin:0;font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.12;letter-spacing:-.015em}
.h-text a{align-self:flex-start}

.hero-metal{animation:fb-reveal 1.1s cubic-bezier(.4,.1,.3,1) .7s both}
@keyframes fb-reveal{from{clip-path:polygon(29.8% 54.5%,29.8% 54.5%,29.8% 82.1%,29.8% 82.1%)}to{clip-path:polygon(29.8% 54.5%,79.8% 10.2%,79.8% 37.8%,29.8% 82.1%)}}
.hero-stroke{stroke-dasharray:1;stroke-dashoffset:1;animation:fb-draw 1.1s cubic-bezier(.4,.1,.3,1) .7s forwards}
.hero-in{animation:fb-rise .8s cubic-bezier(.2,.7,.2,1) 1.6s both}
.lead-ln{stroke:var(--ink);stroke-width:.75;fill:none;stroke-dasharray:1;stroke-dashoffset:1;animation:fb-draw .6s cubic-bezier(.4,.1,.3,1) var(--d,1.9s) forwards}
.lead-lb{animation:fb-fade .4s ease calc(var(--d,1.9s) + .45s) both}
@media (prefers-reduced-motion:reduce){.hero-stroke,.lead-ln{stroke-dashoffset:0}}

/* лупа: под курсором натуральное перо сменяется металлическим (только мышь; элемент .lens добавляет fabula.js) */
@property --lr{syntax:'<length>';inherits:true;initial-value:0px}
.h-pen .lens{display:none}
@media (hover:hover) and (pointer:fine){
  .h-pen.has-lens{--lr:0px;transition:--lr .45s cubic-bezier(.2,.7,.2,1)}
  .h-pen.has-lens.is-lens{--lr:9cqw}
  .h-pen.has-lens>img:first-child{-webkit-mask:radial-gradient(circle var(--lr) at var(--mx,50%) var(--my,50%),transparent 70%,#000 100%);mask:radial-gradient(circle var(--lr) at var(--mx,50%) var(--my,50%),transparent 70%,#000 100%)}
  .h-pen .lens{display:block;pointer-events:none;-webkit-mask:radial-gradient(circle var(--lr) at var(--mx,50%) var(--my,50%),#000 70%,transparent 100%);mask:radial-gradient(circle var(--lr) at var(--mx,50%) var(--my,50%),#000 70%,transparent 100%)}
}
@media (prefers-reduced-motion:reduce){.h-pen.has-lens{transition:none}}

/* общие куски разделов */
.h-sec{max-width:1440px;margin:0 auto;padding:0 var(--pad)}
.h-col2{display:grid;grid-template-columns:420px minmax(0,1fr);gap:60px}
.h-copy{display:flex;flex-direction:column;gap:18px}
.h-copy>a.ui{margin-top:8px;align-self:flex-start}
.h-rs{background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22168%22%20height%3D%2222%22%20viewBox%3D%220%200%20168%2022%22%3E%3Cpath%20d%3D%22M4%2013.2%20C%2026%209.6%2C%2048%208.4%2C%2070%2010.6%20C%2092%2012.8%2C%20112%2014.6%2C%20134%2011.4%20C%20146%209.6%2C%20156%207.6%2C%20164%208.4%20C%20156%209.4%2C%20146%2011.6%2C%20134%2013.4%20C%20112%2016.8%2C%2092%2015.2%2C%2070%2013%20C%2048%2010.9%2C%2026%2011.8%2C%204%2013.2%20Z%22%20fill%3D%22%238f8c86%22%2F%3E%3Ccircle%20cx%3D%2284%22%20cy%3D%224%22%20r%3D%221.6%22%20fill%3D%22%238f8c86%22%2F%3E%3C%2Fsvg%3E') center top/168px 22px no-repeat}
.h-fig{font-family:var(--sans);font-weight:200;font-size:96px;line-height:.9;letter-spacing:-.03em}
.h-num{border-top:1px solid var(--ink);padding-top:14px;display:flex;flex-direction:column;gap:6px}
.h-num .cap{font-style:normal;color:var(--ink-muted)}
.m-only{display:none}

/* подход */
.h-approach{padding-top:120px;padding-bottom:40px;display:flex;flex-direction:column;gap:48px}
.h-approach .top{display:grid;grid-template-columns:480px minmax(0,1fr);gap:60px}
.h-approach .top .stack{padding-top:8px}
.h-flow{margin:0}
.h-flow svg{display:block;width:100%;height:auto}
.h-flow .steps{margin-top:16px;display:grid;grid-template-columns:380fr 380fr 300fr 220fr}
.h-flow .steps>div{padding:0 30px 0 3.125%;display:flex;flex-direction:column;gap:6px}
.h-flow .steps>div:nth-child(3){padding-right:24px}
.h-flow .steps>div:nth-child(4){padding:0 0 0 9.1%}
.h-flow .steps b,.h-steps b{font-family:var(--sans);font-weight:400;font-size:22px;line-height:1.3}
.h-flow .steps span,.h-steps span{font-size:16px;line-height:1.45;color:var(--ink-muted)}
.h-steps{margin:16px 0 0;padding:0 0 0 26px;list-style:none;position:relative;display:none;flex-direction:column;gap:26px}
.h-steps::before{content:"";position:absolute;left:3.5px;top:12px;bottom:6px;border-left:.75px dashed var(--ink)}
.h-steps li{position:relative;display:flex;flex-direction:column;gap:4px}
.h-steps li::before{content:"";position:absolute;left:-26px;top:9px;width:9px;height:9px;border-radius:50%;background:var(--paper);border:1px solid var(--ink);box-sizing:border-box}
.h-steps li:last-child::before{background:var(--mark);border-color:var(--mark)}

/* полоса с лазером */
.h-laser{height:440px}
.h-laser .plate-img{background-position:center;transform:scaleX(-1)}
.h-laser .frame-svg{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}
.h-laser .calls{position:absolute;top:0;left:50%;width:1440px;height:440px;margin-left:-720px;z-index:1;pointer-events:none}
.h-laser .calls path{fill:none;stroke:#a3a19b;stroke-width:1}
.h-laser .calls circle{fill:#c9c7c2}
.h-laser .calls text{font-family:var(--sans);font-size:13px;fill:#c9c7c2}
.h-laser p{position:absolute;left:max(var(--pad),calc((100% - 1440px)/2 + var(--pad)));top:88px;z-index:1;width:560px;max-width:calc(100% - 2*var(--pad));margin:0;font-style:italic;font-weight:300;font-size:34px;line-height:1.22;color:var(--night-ink)}

/* продукты */
.h-prod{padding-top:110px;padding-bottom:34px;display:grid;grid-template-columns:560px minmax(0,1fr);gap:60px}
.h-prod .lead{max-width:640px;padding-top:6px}

/* Сигналы */
.h-sig{padding-top:26px;padding-bottom:60px}
.h-sig .right{display:flex;flex-direction:column;gap:40px;padding-top:6px}
.h-sig .nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.h-zam{margin:36px 0 0;display:flex;flex-direction:column;gap:16px}
.h-zam svg{display:block;overflow:visible;max-width:100%;height:auto}
.h-tech{margin:0;display:flex;flex-direction:column;gap:14px}
.h-tech figcaption{display:flex;justify-content:space-between;gap:16px}
.h-tech .tb{font-size:14px;border-top:1px solid var(--ink)}
.h-tech [role=row]{display:grid;grid-template-columns:170px minmax(0,1fr) 50px;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid var(--rule)}
.h-tech .bar{display:block;height:1px;background:var(--ink)}
.h-tech [role=row]>span:last-child{text-align:right}

/* Исследования */
.h-res{padding-top:110px;display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:64px}
.h-res .sheet-in{align-self:start;margin-top:10px;transform:rotate(-.6deg);padding:36px 40px 32px;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:30px}
.h-res .sheet-in .stack{gap:14px}
.h-res .sheet-in .big{margin:0;font-size:34px;line-height:1.1;letter-spacing:-.015em}
.h-res .sheet-in .txt{margin:0;font-size:16px;line-height:1.6}
.h-res .chart{display:block;margin-top:6px;overflow:visible;width:100%;max-width:400px;height:auto}
.h-res aside{padding-top:150px}
.h-res .h-copy{padding-top:40px}

/* Медиа */
.h-media{position:relative;height:700px;margin-top:120px;overflow:hidden}
.h-media .ph{position:absolute;right:0;top:0;width:min(1000px,72%);height:620px;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%);mask-image:linear-gradient(90deg,transparent 0%,#000 28%)}
.h-media .shade{position:absolute;left:0;right:0;bottom:0;height:260px;background:linear-gradient(180deg,rgba(22,22,21,0) 0%,var(--night) 70%)}
.h-media .in{position:relative;height:100%;max-width:1440px;margin:0 auto;padding:120px var(--pad) 0}
.h-media .h-copy{width:360px}
.h-media .pn b{color:var(--night-caption)}
.h-media .lead{color:#d6d4cf}
.h-media figcaption{position:absolute;left:calc(var(--pad) + 460px);right:var(--pad);bottom:44px;margin:0;font-size:14px;font-style:italic;color:var(--night-caption)}
.h-media figcaption a{color:var(--night-caption)}

/* Периодика */
.h-per{padding-top:100px;padding-bottom:40px;display:grid;grid-template-columns:620px minmax(0,1fr);gap:80px;align-items:start}
.h-covers{position:relative;height:640px}
.h-covers figure{position:absolute;margin:0;display:flex;flex-direction:column;gap:14px}
.h-covers figure:first-child{left:0;top:0}
.h-covers figure:nth-child(2){left:250px;top:50px;width:340px}
.h-covers img{width:340px;height:475px;object-fit:cover;box-shadow:0 1px 2px rgba(40,30,20,.12),0 14px 30px rgba(40,30,20,.14);transform:rotate(-2deg)}
.h-covers figure:nth-child(2) img{box-shadow:0 2px 4px rgba(40,30,20,.16),0 18px 40px rgba(40,30,20,.18);transform:rotate(1.4deg)}
.h-covers figure:first-child figcaption{width:230px}
.h-per .h-copy{padding-top:70px;max-width:520px}
.h-per .lead.mut{color:var(--ink-muted)}

/* Версия */
.h-ver{padding-top:110px;padding-bottom:40px}
.h-ver .right{padding-top:20px;display:flex;flex-direction:column;gap:34px}
.h-ver .row{display:flex;flex-direction:column;gap:10px}
.h-ver .row>p{margin:0;font-size:14px;color:var(--ink-caption)}
.h-line{display:grid;grid-template-columns:110px 150px minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);font-size:14px}
.h-line .t{min-width:0}
.mk-blue{position:relative;white-space:nowrap}
.mk-blue svg{position:absolute;left:-2px;bottom:-7px;width:calc(100% + 4px);height:10px;overflow:visible}
.mk-blue path{fill:none;stroke:#1f5f8b;stroke-width:2.2;stroke-linecap:round}
.h-line .nar{display:none}
@media (max-width:400px){.h-line .wide{display:none}.h-line .nar{display:flex;flex-direction:column;align-items:flex-start;gap:10px}}
.h-ver .scheme{display:block;width:100%;max-width:760px;height:auto;overflow:visible}
.h-ver .scheme.m{display:none}

/* Для кого */
.h-aud{padding-top:120px;padding-bottom:40px}
.h-aud p{margin:0;max-width:820px;font-size:30px;line-height:1.42;font-weight:300}
.h-aud p i{font-weight:400}

/* Заметки */
.h-notes-bg{margin-top:80px;background:linear-gradient(90deg,var(--paper) 32%,rgba(244,242,237,.86) 58%,rgba(244,242,237,.80) 100%),linear-gradient(180deg,var(--paper) 0%,rgba(244,242,237,0) 22%,rgba(244,242,237,0) 78%,var(--paper) 100%),var(--notes-img) right center/auto 100% no-repeat}
.h-notes{padding-top:100px;padding-bottom:60px}
.h-notes .links{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.h-notes .links a{font-size:16px;line-height:1.4}
.h-stack{position:relative;min-height:400px}
.h-stack::before,.h-stack::after{content:"";position:absolute;width:calc(100% - 64px);max-width:760px;height:300px;background:var(--sheet);box-shadow:0 1px 2px rgba(40,30,20,.08)}
.h-stack::before{left:40px;top:40px;transform:rotate(-2.6deg)}
.h-stack::after{left:56px;top:28px;transform:rotate(1.6deg)}
.h-stack article{position:relative;z-index:1;margin:50px 0 0 44px;width:calc(100% - 44px);max-width:780px;min-height:300px;padding:40px 44px;background:var(--sheet);box-shadow:var(--shadow);transform:rotate(.6deg);display:flex;flex-direction:column;gap:16px}
.h-stack .big{margin:0;font-size:34px;line-height:1.08;letter-spacing:-.015em}
.h-stack .txt{margin:0;font-size:16px;line-height:1.6}
.h-stack .by{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:14px;color:var(--ink-caption)}

/* Редакция */
.h-team{padding-top:100px;padding-bottom:120px}
.h-team .intro{margin:0;max-width:680px;padding-top:10px;font-size:18px;line-height:1.5}
.h-team figure{margin:56px 0 0;display:flex;flex-direction:column;gap:14px}
.h-team figure img{width:100%;height:600px;object-fit:cover;object-position:50% 30%}
.h-people{margin-top:56px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px}
.h-person{display:grid;grid-template-columns:128px minmax(0,1fr);gap:28px;padding-top:20px}
.h-person .ph{width:128px;height:160px;object-fit:cover}
.h-person .ph.empty{border:1px solid #8f8c86;background:repeating-linear-gradient(135deg,rgba(26,26,26,.07) 0 1px,transparent 1px 10px)}
.h-person h3{margin:0 0 10px;font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.08}
.h-person p{margin:0;font-size:16px;line-height:1.55;color:var(--ink-muted)}

/* 721–1280: выноски лазера прячем, «ФАБУЛА.» над названием продукта, строка выпуска в две строки */
@media (max-width:1280px){
 .h-laser .calls{display:none}
 .pn b{display:block}
 .h-res .sheet-in{grid-template-columns:minmax(0,1fr);gap:14px}
 .h-res aside{padding-top:0}
 .h-line{display:flex;flex-wrap:wrap;gap:6px 0}
 .h-line>span:first-child,.h-line>span:nth-child(2){color:var(--ink-caption)}
 .h-line>span:first-child{margin-right:14px}
 .h-line .t{flex-basis:100%}
 .h-res{gap:56px}
 .h-per{grid-template-columns:590px minmax(0,1fr);gap:40px}
}
@media (max-width:900px){
 .h-flow{display:none}
 .h-steps{display:flex}
}
/* 721–1200: текст первого экрана уходит под перо */
@media (max-width:1200px){
 .h-stage,.h-text{grid-area:auto}
 .h-text{margin:0 var(--pad) 72px;width:auto;max-width:560px}
}
/* 721–1100: столбцы в один */
@media (max-width:1100px){
 .h-approach .top,.h-prod,.h-col2,.h-res,.h-per{grid-template-columns:minmax(0,1fr);gap:28px}
 .h-res .h-copy{order:-1;padding-top:0}
 .h-res .sheet-in{max-width:760px}
 .h-per .h-copy{padding-top:0}
 .h-covers{height:620px;max-width:600px}
 .h-media{height:auto}
 .h-media .ph{position:relative;display:block;width:100%;height:420px;-webkit-mask-image:none;mask-image:none}
 .h-media .shade{top:260px;bottom:auto;height:160px;background:linear-gradient(180deg,rgba(22,22,21,0) 0%,var(--night) 100%)}
 .h-media .in{padding:24px var(--pad) 64px}
 .h-media .h-copy{width:auto;max-width:560px}
 .h-media figcaption{position:static;margin-top:28px}
 .h-stack::before,.h-stack::after{width:calc(100% - 72px)}
 .h-people{grid-template-columns:minmax(0,1fr);gap:28px}
}

/* до 900 шапка высотой 64, первый экран подтягивается под неё */
@media (max-width:900px){
 .h-hero{margin-top:-64px}
 .h-frame{padding-top:64px}
}

/* телефон: доски HomeM и HomeM2 */
@media (max-width:720px){
 .h-hero{margin-top:-64px;background:radial-gradient(ellipse 80% 60% at 50% 34%,#fbfaf7 0%,#e5e2db 100%)}
 .h-frame{padding-top:64px}
 .h-stage{aspect-ratio:390/396}
 .h-word{left:4.615cqw;top:8.205cqw;font-size:24.615cqw;letter-spacing:-.06em}
 .h-word .bl{filter:blur(1.4px)}
 .h-pen{left:2.564cqw;top:22.051cqw;width:97.436cqw}
 .h-ann.d{display:none}
 .h-ann.m{display:block}
 .h-text{margin:28px var(--pad) 56px;gap:16px}
 .m-only{display:block}
 .d-only{display:none!important}
 .h-approach{padding-top:80px;padding-bottom:0;gap:24px}
 .h-approach .top{gap:24px}
 .h-approach .top .stack{padding-top:0;gap:24px}
 .h-approach .acc{font-size:30px;line-height:1.25}
 .h-flow{display:none}
 .h-steps{display:flex}
 .h-laser{height:340px;margin-top:80px}
 .h-laser .plate-img{background-position:72% center}
 .h-laser p{top:auto;bottom:44px;left:var(--pad);right:var(--pad);width:auto;font-size:30px}
 .h-prod{padding-top:80px;padding-bottom:0;gap:20px}
 .h-prod .lead{padding-top:0}
 .h-sig{padding-top:56px;padding-bottom:0}
 .h-sig.h-col2{display:flex;flex-direction:column;gap:18px}
 .h-sig .h-copy,.h-sig .right{display:contents}
 .h-sig .h-copy>a.ui{margin-top:0}
 .h-sig .nums{order:5;margin-top:22px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px}
 .h-num{padding-top:12px}
 .h-zam{order:6;margin-top:18px}
 .h-tech{order:7;margin-top:26px;gap:12px}
 .h-tech figcaption{flex-direction:column;gap:2px}
 .h-tech figcaption span:last-child{font-size:13px}
 .h-tech [role=row]{grid-template-columns:minmax(0,1fr) 44px;gap:10px 12px;align-items:baseline;padding:12px 0 14px}
 .h-tech .bar{grid-column:1/-1;grid-row:2}
 .h-res{margin-top:64px;padding-top:80px;display:flex;flex-direction:column;gap:18px}
 .h-res .h-copy{display:contents}
 .h-res .h-copy>.pn{order:1}.h-res .h-copy>.lead{order:2}.h-res .sheet-in{order:3}.h-res .h-copy>.cap{order:4;margin-top:8px}.h-res .h-copy>a.ui{order:5;margin-top:0}
 .h-res .sheet-in{margin:14px -4px 0;padding:26px 22px 24px;display:flex;flex-direction:column;gap:12px}
 .h-res .sheet-in .big{font-size:30px;line-height:1.12}
 .h-res aside{padding-top:4px}
 .h-media{margin-top:80px}
 .h-media .ph{height:300px;object-position:62% center}
 .h-media .shade{top:180px;height:120px}
 .h-media .in{padding:8px var(--pad) 64px}
 .h-media figcaption{margin-top:18px;line-height:1.4}
 .h-per{padding-top:80px;padding-bottom:0;display:flex;flex-direction:column;gap:18px}
 .h-covers{height:300px}
 .h-covers figure:first-child{left:4px}
 .h-covers figure:nth-child(2){left:160px;top:30px;width:auto}
 .h-covers img{width:180px;height:251px}
 .h-covers figcaption{display:none}
 .h-per .h-copy .pn{margin-top:14px}
 .h-ver{margin-top:64px;padding-top:80px;padding-bottom:0}
 .h-ver.h-col2{display:flex;flex-direction:column;gap:18px}
 .h-ver .right{padding-top:0;margin-top:0;gap:18px}
 .h-ver .row{gap:8px}
 .h-ver .row>p{font-size:13px}
 .h-line{display:flex;flex-wrap:wrap;gap:6px 0}
 .h-line>span:first-child,.h-line>span:nth-child(2){color:var(--ink-caption)}
 .h-line>span:first-child{margin-right:14px}
 .h-line .t{flex-basis:100%}
 .h-ver .scheme.d{display:none}
 .h-ver .scheme.m{display:block;margin-top:10px}
 .h-aud{padding-top:72px;padding-bottom:0}
 .h-aud.h-col2{gap:20px}
 .h-aud p{font-size:18px;line-height:1.55}
 .h-notes-bg{margin-top:0;background:none}
 .h-notes{padding-top:80px;padding-bottom:0}
 .h-notes.h-col2{display:flex;flex-direction:column;gap:18px}
 .h-notes .h-copy{display:contents}
 .h-notes .h-copy>.h2{order:1}.h-notes .h-copy>.lead{order:2}.h-stack{order:3}.h-notes .links{order:4;margin-top:14px;gap:16px}.h-notes .h-copy>a.ui{order:5;margin-top:6px}
 .h-stack{min-height:0;margin:10px -4px 0}
 .h-stack::before{display:none}
 .h-stack::after{left:6px;right:-6px;top:-6px;width:auto;height:100%;transform:rotate(.6deg);box-shadow:0 1px 2px rgba(40,30,20,.08)}
 .h-stack article{margin:0;width:100%;min-height:0;padding:26px 22px 22px;gap:12px}
 .h-stack .big{font-size:30px;line-height:1.1}
 .h-stack .by{flex-direction:column;align-items:flex-start;gap:6px}
 .h-team{padding-top:80px;padding-bottom:0}
 .h-team .h-col2{gap:20px}
 .h-team .intro{padding-top:0}
 .h-team figure{margin:36px calc(-1*var(--pad)) 0;gap:12px}
 .h-team figure img{height:260px}
 .h-team figcaption{padding:0 var(--pad)}
 .h-people{margin-top:20px;grid-template-columns:minmax(0,1fr);gap:20px}
 .h-person{grid-template-columns:96px minmax(0,1fr);gap:18px;padding-top:0;align-items:start}
 .h-person .ph{width:96px;height:120px}
 .h-person h3{margin-bottom:8px;font-size:30px}
 body.home .plate:not(.h-laser){margin-top:80px}
}
@media (max-width:380px){.h-person{grid-template-columns:72px minmax(0,1fr);gap:16px}.h-person .ph{width:72px;height:90px}}