:root{font-family:"IBM Plex Mono","Courier New",monospace;color:#111;background:#efefef;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit}.canvas-wrap{width:100%;overflow:hidden}.canvas{width:1440px;height:5306px;position:relative;margin:0 auto;background:#efefef;overflow:hidden;transform-origin:top left}.navigation{position:absolute;left:88px;top:89px;width:1251px;display:flex;align-items:center;justify-content:space-between;z-index:30;font-size:18px;line-height:18px;letter-spacing:.3px}.nav-links{display:flex;align-items:center}.nav-links [data-panel=profile]{margin-left:42px}.nav-links [data-panel=contacts]{margin-left:35px}.language-switch{white-space:nowrap}.language-switch button{display:inline}.navigation a,.navigation button{display:block;color:#111;text-decoration:none;border:0;background:none;padding:0;line-height:18px;white-space:nowrap}.navigation .active,.navigation a:hover,.navigation button:hover{text-decoration:underline;text-underline-offset:2px}.intro{position:absolute;left:88px;top:184px;margin:0;width:1264px;white-space:nowrap;font-size:18px;line-height:18px;letter-spacing:.2px}.gallery{display:contents}.work{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border:0;background:transparent;padding:0;display:block;overflow:hidden;z-index:var(--z,0)}.work img{display:block;width:100%;height:100%;object-fit:fill}.work:hover img{filter:brightness(.92)}.work:focus-visible,.navigation a:focus-visible,.navigation button:focus-visible{outline:2px solid #111;outline-offset:4px}.info-dialog,.image-dialog{border:1px solid #111;background:#fff;color:#111;max-width:none;max-height:none;padding:0;box-shadow:none}.info-dialog::backdrop,.image-dialog::backdrop{background:rgba(0,0,0,.84)}.info-dialog{width:min(720px,calc(100vw - 32px));min-height:360px}.info-head,.image-toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;font-size:14px;line-height:1.3;letter-spacing:.02em}.close{border:0;background:none;color:inherit;font-size:30px;line-height:24px;padding:2px 0 4px 16px}.close:hover,.image-controls button:hover{opacity:.45}.info-body{padding:44px 26px 52px}.info-body h2{font-weight:400;font-size:clamp(27px,4vw,48px);letter-spacing:-.055em;line-height:1.15;margin:0 0 38px;max-width:650px}.info-body p,.info-body a{font-size:16px;line-height:1.65}.info-body a{text-underline-offset:5px}.image-dialog{width:min(1100px,calc(100vw - 28px));height:min(94vh,900px);background:#f7f7f7;overflow:hidden}.image-dialog .image-toolbar{position:absolute;left:0;right:0;top:0;z-index:2}.image-dialog img{display:block;width:100%;height:100%;object-fit:contain;padding:64px 48px 58px}.image-controls{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:35px}.image-controls button{border:0;background:none;font-size:24px;line-height:1;padding:6px 18px}.info-dialog :focus-visible,.image-dialog :focus-visible{outline:2px solid #111;outline-offset:4px}@media(max-width:1023px){.canvas-wrap{overflow:visible}.canvas{width:auto;height:auto;max-width:900px;margin:0 auto;padding:44px 28px 120px;transform:none!important;overflow:visible}.navigation{position:static;width:auto;justify-content:space-between;gap:18px;font-size:14px;line-height:1.4}.nav-links [data-panel=profile]{margin-left:24px}.nav-links [data-panel=contacts]{margin-left:22px}.navigation a,.navigation button{line-height:1.4}.intro{position:static;width:auto;white-space:normal;margin:74px 0 34px;font-size:15px;line-height:1.5;max-width:700px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.work{position:static;width:100%;height:auto;aspect-ratio:auto}.work img{width:100%;height:auto}.work.hero,.work.hoodie{grid-column:span 2}}@media(max-width:620px){.canvas{padding:28px 18px 80px}.navigation{justify-content:space-between;gap:8px;font-size:12px;letter-spacing:0}.nav-links [data-panel=profile]{margin-left:12px}.nav-links [data-panel=contacts]{margin-left:12px}.intro{margin:58px 0 28px;font-size:15px;line-height:1.55}.gallery{grid-template-columns:1fr;gap:18px}.work.hero,.work.hoodie{grid-column:auto}.work{aspect-ratio:auto}.image-dialog{width:100vw;height:100dvh;max-height:none;margin:0;border:0}.image-dialog img{padding:70px 12px 62px}.info-dialog{width:100vw;min-height:100dvh;margin:0;border:0}.info-body{padding:42px 22px}.info-head,.image-toolbar{padding:20px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work img{transition:none}}

/* Navigation and geometry shared by the current Figma frames. */
.canvas{height:var(--canvas-height,5253px)}
.navigation{top:80px;width:1263px;z-index:50}
.nav-links{gap:46px}
.nav-links [data-panel=profile],.nav-links [data-panel=contacts]{margin-left:0}
.intro{top:171px}
.work{color:inherit;text-decoration:none}
@media(max-width:1023px){
  .canvas{height:auto}
  .navigation{width:auto}
  .nav-links{gap:24px}
  .intro{margin:74px 0 34px}
}
@media(max-width:620px){
  .nav-links{gap:10px}
  .navigation{font-size:11px}
  .intro{margin:58px 0 28px}
}