:root{--paper:#f1eee6;--ink:#171713;--clay:#9a513c;--muted:#77756b;--line:#d0c9bc;--portrait:#e8e3d8}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:Futura,"Avenir Next","Century Gothic",sans-serif;-webkit-font-smoothing:antialiased}.symbols{position:absolute;width:0;height:0;overflow:hidden}a{color:inherit}.page{max-width:1120px;min-height:100svh;margin:auto;padding:44px 54px 26px;display:flex;flex-direction:column}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:28px;border-bottom:1px solid var(--clay)}.logo{display:block;width:156px;height:auto}.location{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.contact{flex:1;display:grid;grid-template-columns:.85fr 1fr;gap:76px;align-items:center;padding:60px 0}.portrait{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center;border:1px solid #bca491;border-radius:18px;background:var(--portrait);overflow:hidden}.portrait:before{content:"";position:absolute;inset:14px;border:1px solid #d3c8b8;border-radius:10px}.portrait-initials{font:normal 138px/1 Baskerville,"Iowan Old Style",serif;letter-spacing:-.07em;color:#bbac9a}.portrait-note{position:absolute;bottom:29px;color:var(--muted);text-transform:uppercase;font-size:9px;letter-spacing:.18em}.eyebrow{margin:0 0 20px;color:var(--clay);text-transform:uppercase;letter-spacing:.2em;font-size:9px}h1{font:normal clamp(46px,5.4vw,67px)/.99 Baskerville,"Iowan Old Style","Palatino Linotype",serif;letter-spacing:-.038em;margin:0 0 24px}.company{display:inline-block;color:var(--clay);font-size:12px;text-transform:uppercase;letter-spacing:.16em;text-underline-offset:5px;text-decoration-thickness:1px}.tagline{color:var(--muted);font-size:11px;margin:12px 0 28px}.actions{display:grid;gap:10px}.action{min-height:73px;padding:16px 20px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;transition:background .18s,border-color .18s}.action strong{display:block;font-size:15px;font-weight:500;line-height:1.35}.action small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:4px}.action svg{width:25px;height:25px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:square}.action.primary{background:var(--clay);color:var(--paper);border-color:var(--clay)}.primary small{color:#f0d9d0}.action:hover{border-color:var(--clay);background:#e9e2d5}.action.primary:hover{background:#864432}.action:focus-visible,.company:focus-visible,.masthead a:focus-visible{outline:3px solid var(--clay);outline-offset:5px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:21px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:8px;line-height:1.7}
@media(max-width:700px){.page{max-width:500px;padding:26px 23px 20px}.masthead{padding-bottom:23px}.logo{width:132px}.location{font-size:9px}.contact{grid-template-columns:104px minmax(0,1fr);gap:28px 20px;padding:34px 0 36px;align-items:start}.portrait{min-height:142px;margin-top:2px;border-radius:11px}.portrait:before{inset:6px;border-radius:7px}.portrait-initials{font-size:58px}.portrait-note{font-size:5.5px;letter-spacing:.08em;bottom:13px}.information{display:contents}.eyebrow{display:none}h1{font-size:39px;line-height:1.05;letter-spacing:-.04em;margin:5px 0 0;align-self:start}.company{grid-column:2;grid-row:1;align-self:start;margin-top:103px;font-size:10px;letter-spacing:.12em}.tagline{grid-column:1/-1;grid-row:2;text-align:center;font-size:11px;margin:0;color:var(--clay);letter-spacing:.04em}.actions{grid-column:1/-1;grid-row:3;gap:10px}.action{min-height:76px;padding:17px 18px}.action strong{font-size:16px}.action small{font-size:10px}.action svg{width:25px;height:25px}footer{font-size:7px;letter-spacing:.09em;padding-top:20px}}
@media(max-width:700px){h1{grid-column:2;grid-row:1}}
@media(max-width:359px){.page{padding-left:18px;padding-right:18px}.contact{grid-template-columns:88px minmax(0,1fr);gap:24px 16px}h1{font-size:33px}.company{font-size:9px;margin-top:91px}.portrait{min-height:130px}.location{font-size:8px}.logo{width:120px}.action strong{font-size:14px}.action small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Единая геометрическая типографика: имя и инициалы без засечек. */
h1,.portrait-initials{font-family:"Avenir Next","Helvetica Neue",sans-serif;font-weight:100;font-synthesis:none}
h1{line-height:1.09;letter-spacing:-.045em}
.portrait-initials{letter-spacing:-.055em}
.action{transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.action svg{transition:transform .22s ease}
@media(hover:hover) and (pointer:fine){
  .action:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgb(23 23 19 / 5%)}
  .action:hover svg{transform:translate(2px,-2px)}
}
.action:active{transform:translateY(0);box-shadow:none}
@media(max-width:700px){h1{font-size:36px;line-height:1.12}}
@media(max-width:359px){h1{font-size:30px}}