@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/manrope-regular.woff') format('woff')}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/manrope-semibold.woff') format('woff')}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/manrope-extrabold.woff') format('woff')}
:root{color-scheme:dark;--bg:#141516;--text:#f1f0ec;--muted:#a3a4a5;--line:#343638;--accent:#f2ad79;--font:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;padding:44px 28px;background:#0c0d0e;color:var(--text);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased;min-height:100svh}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
button{font:inherit}
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
::selection{background:var(--accent);color:var(--bg)}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.page{max-width:1112px;margin:auto;padding:34px 56px 28px;border:1px solid var(--line);border-radius:24px;background:var(--bg);box-shadow:0 30px 100px #0003;overflow:hidden}
.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:center;gap:15px;font-size:13px;font-weight:600;letter-spacing:.02em}
.monogram{font-size:33px;line-height:1;letter-spacing:-.09em;font-weight:800}
.monogram span{color:var(--accent)}
.language{display:flex;background:#242628;border:1px solid var(--line);border-radius:100px;padding:4px;gap:2px}
.language button{border:0;cursor:pointer;background:transparent;color:var(--muted);min-width:44px;min-height:36px;border-radius:100px;font-size:11px;font-weight:800;transition:background .18s,color .18s}
.language button[aria-pressed=true]{color:var(--bg);background:var(--text)}
.language button:hover:not([aria-pressed=true]){color:var(--text)}
.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding:58px 0 56px;align-items:center}
.eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;line-height:1.6;margin:0}
.location{display:flex;align-items:center;gap:9px;color:var(--muted);margin-bottom:26px}
.location-dot{width:6px;height:6px;border:1px solid var(--accent);border-radius:50%;flex-shrink:0}
h1{margin:0;font-size:clamp(64px,7.2vw,94px);line-height:1.04;font-weight:800;letter-spacing:-.065em}
h1 span{display:block}
.surname{color:var(--accent)}
.role{color:var(--muted);font-size:14px;line-height:1.8;margin:23px 0 26px;max-width:320px}
.save-contact{display:inline-flex;align-items:center;gap:12px;padding:16px 18px;border-radius:8px;background:var(--accent);color:#191411;font-size:13px;font-weight:800;transition:background .2s,transform .2s;min-height:54px}
.save-contact:hover{background:#ffc495;transform:translateY(-2px)}
.save-contact .icon{width:19px;height:19px}
.button-plus{font-size:22px;line-height:1;font-weight:400;margin-left:25px}
.contact-panel{min-width:0;border-left:1px solid var(--line);padding-left:38px}
.contact-panel>.eyebrow{color:var(--accent);margin-bottom:16px}
.contact-row{display:flex;align-items:center;gap:13px;min-height:85px;border-bottom:1px solid var(--line);transition:color .2s}
.contact-row>span:nth-child(2){min-width:0}
.contact-icon{display:flex;align-items:center;justify-content:center;width:24px;color:var(--muted);flex-shrink:0}
.contact-icon .icon{width:19px;height:19px}
.contact-label{display:block;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.035em;margin-bottom:6px}
.contact-value{display:block;font-size:clamp(17px,1.85vw,21px);letter-spacing:-.035em;font-weight:600;white-space:nowrap;line-height:1.5}
.contact-value.email{font-size:clamp(15px,1.6vw,18px);letter-spacing:-.025em}
.row-arrow{margin-left:auto;color:var(--muted);width:14px;height:14px;transition:transform .2s,color .2s}
.contact-row:hover{color:var(--accent)}
.contact-row:hover .row-arrow{transform:translate(2px,-2px);color:var(--accent)}
.social-links{display:flex;gap:12px;margin-top:24px}
.social-links a{display:inline-flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:6px;padding:11px 13px;min-height:44px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s}
.social-links a:hover{background:#242628;border-color:#626466}
.social-links .icon{width:12px;height:12px;color:var(--accent)}
.section-heading{display:flex;align-items:center;gap:20px;color:var(--muted)}
.section-line{height:1px;background:var(--line);flex:1}
.section-number{font-size:10px;letter-spacing:.1em}
.projects{display:grid;grid-template-columns:1fr 1fr;margin:22px 0 0}
.project{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 30px 20px 0}
.project+.project{border-left:1px solid var(--line);padding:18px 0 20px 36px}
.project h3{font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.045em;margin:0}
.project h3 span{display:block;color:var(--muted)}
.project p{color:var(--muted);font-size:12px;line-height:1.7;margin:12px 0 0}
.project-arrow{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--accent);transition:background .2s,color .2s,transform .2s}
.project-arrow .icon{width:18px;height:18px}
.project:hover .project-arrow{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:rotate(8deg)}
.project:hover h3{color:var(--accent)}
.footer{margin-top:30px;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}
.qr-link{display:flex;align-items:center;gap:15px}
.qr-image{background:#fff;padding:4px;border-radius:6px;display:block;flex-shrink:0}
.qr-image img{display:block;width:64px;height:64px}
.qr-link strong{display:block;font-size:13px;font-weight:600;line-height:1.6}
.qr-caption{display:flex;align-items:center;gap:9px;margin-top:3px;font-size:10px;line-height:1.6;color:var(--muted)}
.qr-caption .icon{width:12px;height:12px}
.qr-link:hover strong{color:var(--accent)}
.footer-meta{display:grid;gap:7px;text-align:right;font-size:10px;line-height:1.6;color:var(--muted)}
html[lang=ru] h1{font-size:clamp(60px,6.7vw,86px)}
@media(min-width:1600px){body{padding-top:70px}}
@media(max-width:1000px){.page{padding:28px 36px}.intro{gap:32px}.contact-panel{padding-left:24px}.contact-row{gap:9px}.contact-value{font-size:18px}.contact-value.email{font-size:16px}.social-links{gap:8px}.social-links a{gap:9px;padding:10px}.project h3{font-size:23px}}
@media(max-width:760px){body{padding:18px 16px 28px}.page{padding:24px;border-radius:18px}.header{padding-bottom:22px}.intro{grid-template-columns:1fr;gap:38px;padding:34px 0}.identity{position:relative}.location{margin-bottom:22px}h1{font-size:clamp(68px,14vw,94px)}html[lang=ru] h1{font-size:clamp(61px,13.5vw,90px)}.role{max-width:none;margin:18px 0 22px}.save-contact{padding:14px 18px}.contact-panel{border-left:0;padding-left:0}.contact-panel>.eyebrow{margin-bottom:6px}.contact-row{min-height:80px;gap:13px}.contact-value{font-size:21px}.contact-value.email{font-size:19px}.contact-icon{width:28px}.social-links{margin-top:18px;gap:12px}.social-links a{padding:12px 16px;gap:20px}.projects{grid-template-columns:1fr;margin-top:12px}.project{padding:22px 0;gap:16px}.project+.project{border-left:0;border-top:1px solid var(--line);padding:22px 0 10px}.project h3{font-size:24px}.project h3 span{display:block;margin-left:0}.project p{margin-top:6px}.footer{align-items:flex-start;margin-top:24px;gap:22px;flex-direction:column}.footer-meta{display:flex;text-align:left;justify-content:space-between;width:100%;gap:10px}.qr-image img{width:64px;height:64px}.qr-caption{font-size:11px}.qr-link strong{font-size:14px}}
@media(max-width:380px){body{padding:12px}.page{padding:20px}.wordmark{gap:9px;font-size:11px}.monogram{font-size:28px}.language button{min-width:36px}.contact-value{font-size:19px}.contact-value.email{font-size:17px}.project h3{font-size:21px}.project h3 span{display:block;margin-left:0}.social-links a{gap:14px}.footer-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}