Сайт-визитка: главная, архитектура, проекты

- Главная: фото, факты, соцсети, форма связи, анимации
- Архитектура: карточки проектов и отдельные страницы (Тихий двор, павильон, «Лофт»)
- Проекты: Aman's World (скриншоты, описание) и хоумлаб
- Меню из config.json, шаблон новых страниц, черновики training/work/fixed
- Чистый HTML/CSS/JS без сборки, шрифты и картинки локально

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-11-04 16:35:52 +05:00
co-authored by Claude Sonnet 5.5
commit 152f1d60b5
94 changed files with 1517 additions and 0 deletions
+86
View File
@@ -0,0 +1,86 @@
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Выставочный павильон: Аман Ибраш</title>
<meta name="description" content="Выставочный павильон в Алматы: двухэтажная галерея в парке со стеклянным первым этажом и террасой для скульптур.">
<meta name="theme-color" content="#f4f6fb">
<meta property="og:type" content="website">
<meta property="og:locale" content="ru_RU">
<meta property="og:title" content="Выставочный павильон: Аман Ибраш">
<meta property="og:description" content="Выставочный павильон в Алматы: двухэтажная галерея в парке со стеклянным первым этажом и террасой для скульптур.">
<meta property="og:image" content="https://example.com/og/arch-exhibition-pavilion.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Выставочный павильон: Аман Ибраш">
<meta name="twitter:description" content="Выставочный павильон в Алматы: двухэтажная галерея в парке со стеклянным первым этажом и террасой для скульптур.">
<meta name="twitter:image" content="https://example.com/og/arch-exhibition-pavilion.jpg">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="preload" href="/fonts/onest-cyrillic-wght-normal.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/css/style.css">
<script src="/js/boot.js"></script>
</head>
<body class="doc has-nav">
<div class="blob blob--a" aria-hidden="true"></div>
<div class="blob blob--b" aria-hidden="true"></div>
<nav class="topnav" id="topnav" aria-label="Страницы"></nav>
<main class="page page--wide">
<p class="back"><a href="/arch/">← Архитектура</a></p>
<header class="case-head">
<ul class="meta"><li>2026</li><li>Алматы</li><li>общественное здание</li></ul>
<h1>Выставочный павильон</h1>
<p class="lead">Галерея в парке</p>
</header>
<div class="gallery gallery--one">
<figure class="shot shot--cover shot--lead">
<a href="/img/arch/pav-2.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Главный фасад"><img src="/img/arch/pav-2-md.webp" srcset="/img/arch/pav-2-sm.webp 640w, /img/arch/pav-2-md.webp 960w, /img/arch/pav-2.webp 1400w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1400" height="784" alt="Главный фасад" fetchpriority="high"></a>
<figcaption>Главный фасад</figcaption>
</figure>
</div>
<ul class="case-stats"><li class="stat"><b data-count="2">2</b><span>этажа</span></li><li class="stat"><b data-count="26">26</b><span>м длина здания</span></li><li class="stat"><b data-count="2">2</b><span>галереи</span></li><li class="stat"><b data-count="1">1</b><span>терраса для скульптур</span></li></ul>
<section class="case-body">
<p class="intro">Витрина, которую видно с аллеи ещё до входа.</p>
<h2>Первый этаж как витрина</h2><p>Павильон стоит в парке и работает как витрина: первый этаж почти целиком остеклён, поэтому экспозицию видно с аллеи ещё до входа. Входишь, и сразу попадаешь в холл, из которого открываются обе галереи.</p><h2>Спокойный план</h2><p>Из холла гости идут в две галереи, а лестница ведёт на второй уровень с открытой террасой для скульптур. Служебные помещения собраны в одном крыле, поэтому залы остаются свободными и чистыми для выставок.</p><h2>Три материала</h2><p>Фасад собран из трёх материалов: стеклянная витрина, плоскости бетона и тёплые деревянные ламели. Они держат один спокойный ритм и не спорят с парком вокруг.</p>
</section>
<section class="case-block" aria-label="Визуализации">
<h2 class="block-title">Кадры</h2>
<div class="gallery">
<figure class="shot">
<a href="/img/arch/pav-1.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Вход и холл"><img src="/img/arch/pav-1-md.webp" srcset="/img/arch/pav-1-sm.webp 640w, /img/arch/pav-1-md.webp 960w, /img/arch/pav-1.webp 1400w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1400" height="781" alt="Вход и холл" loading="lazy" decoding="async" fetchpriority="low"></a>
<figcaption>Вход и холл</figcaption>
</figure>
<figure class="shot">
<a href="/img/arch/pav-3.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Вид сверху на парк"><img src="/img/arch/pav-3-md.webp" srcset="/img/arch/pav-3-sm.webp 640w, /img/arch/pav-3-md.webp 960w, /img/arch/pav-3.webp 1400w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1400" height="781" alt="Вид сверху на парк" loading="lazy" decoding="async" fetchpriority="low"></a>
<figcaption>Вид сверху на парк</figcaption>
</figure>
</div>
</section>
<section class="case-block" aria-label="Чертежи">
<h2 class="block-title">Чертежи и схемы</h2>
<div class="gallery">
<figure class="shot shot--wide">
<a href="/img/arch/pav-plan.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: План первого этажа: две галереи и холл"><img src="/img/arch/pav-plan-md.webp" srcset="/img/arch/pav-plan-sm.webp 640w, /img/arch/pav-plan-md.webp 960w, /img/arch/pav-plan.webp 1400w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1400" height="738" alt="План первого этажа: две галереи и холл" loading="lazy" decoding="async" fetchpriority="low"></a>
<figcaption>План первого этажа: две галереи и холл</figcaption>
</figure>
</div>
</section>
<a class="next-case" href="/arch/loft-complex/">
<span class="muted-w">Следующий проект</span>
<span class="next-title">Жилой комплекс «Лофт»</span>
<span class="next-arrow" aria-hidden="true">→</span>
</a>
</main>
<script src="/js/nav.js" defer></script>
<script src="/js/count.js" defer></script>
</body>
</html>
+76
View File
@@ -0,0 +1,76 @@
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Архитектура: Аман Ибраш</title>
<meta name="description" content="Учусь архитектуре в KazGASA, Алматы. Мои лучшие проекты: Тихий двор, выставочный павильон и жилой комплекс.">
<meta name="theme-color" content="#f4f6fb">
<meta property="og:type" content="website">
<meta property="og:locale" content="ru_RU">
<meta property="og:title" content="Архитектура: Аман Ибраш">
<meta property="og:description" content="Учусь архитектуре в KazGASA, Алматы. Мои лучшие проекты: Тихий двор, выставочный павильон и жилой комплекс.">
<meta property="og:image" content="https://example.com/og/arch.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Архитектура: Аман Ибраш">
<meta name="twitter:description" content="Учусь архитектуре в KazGASA, Алматы. Мои лучшие проекты: Тихий двор, выставочный павильон и жилой комплекс.">
<meta name="twitter:image" content="https://example.com/og/arch.jpg">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="preload" href="/fonts/onest-cyrillic-wght-normal.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/css/style.css">
<script src="/js/boot.js"></script>
</head>
<body class="doc has-nav">
<div class="blob blob--a" aria-hidden="true"></div>
<div class="blob blob--b" aria-hidden="true"></div>
<nav class="topnav" id="topnav" aria-label="Страницы"></nav>
<main class="page page--wide">
<header class="page-intro">
<p class="hello">Архитектура</p>
<h1>Рисую здания</h1>
<p class="lead">Я студент KazGASA в Алматы. Здесь проекты, которыми горжусь больше всего. Выбери любой и загляни внутрь.</p>
</header>
<section class="works" aria-label="Проекты">
<a class="work work--lead" href="/arch/quiet-courtyard/">
<div class="pic"><img src="/img/arch/house-pond-md.webp" srcset="/img/arch/house-pond-sm.webp 640w, /img/arch/house-pond-md.webp 960w, /img/arch/house-pond.webp 1200w" sizes="(min-width: 62rem) 50vw, calc(100vw - 2.2rem)" width="1200" height="896" alt="Тихий двор" fetchpriority="high"></div>
<div class="info">
<ul class="meta"><li>2026</li><li>Конаев</li></ul>
<h2>Тихий двор</h2>
<p>Бетон, дерево и двор, в который приходят небо и свет.</p>
<span class="more">Смотреть проект <span aria-hidden="true">→</span></span>
</div>
</a>
<a class="work" href="/arch/exhibition-pavilion/">
<div class="pic"><img src="/img/arch/pav-2-md.webp" srcset="/img/arch/pav-2-sm.webp 640w, /img/arch/pav-2-md.webp 960w, /img/arch/pav-2.webp 1400w" sizes="(min-width: 62rem) 50vw, calc(100vw - 2.2rem)" width="1400" height="784" alt="Выставочный павильон" loading="lazy" decoding="async" fetchpriority="low"></div>
<div class="info">
<ul class="meta"><li>2026</li><li>Алматы</li></ul>
<h2>Выставочный павильон</h2>
<p>Стеклянная витрина среди деревьев и терраса для скульптур.</p>
<span class="more">Смотреть проект <span aria-hidden="true">→</span></span>
</div>
</a>
<a class="work" href="/arch/loft-complex/">
<div class="pic"><img src="/img/arch/loft-0-md.webp" srcset="/img/arch/loft-0-sm.webp 640w, /img/arch/loft-0-md.webp 960w, /img/arch/loft-0.webp 1400w" sizes="(min-width: 62rem) 50vw, calc(100vw - 2.2rem)" width="1400" height="1048" alt="Жилой комплекс «Лофт»" loading="lazy" decoding="async" fetchpriority="low"></div>
<div class="info">
<ul class="meta"><li>2026</li><li>Алматы</li></ul>
<h2>Жилой комплекс «Лофт»</h2>
<p>Красный кирпич и общий двор, свободный от машин.</p>
<span class="more">Смотреть проект <span aria-hidden="true">→</span></span>
</div>
</a>
</section>
<aside class="soon">
<p class="hello">Дальше</p>
<p>Здесь будет больше: учёба, эскизы и то, что я вижу и фотографирую. Загляни позже.</p>
</aside>
</main>
<script src="/js/nav.js" defer></script>
<script src="/js/count.js" defer></script>
</body>
</html>
+72
View File
@@ -0,0 +1,72 @@
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Жилой комплекс «Лофт»: Аман Ибраш</title>
<meta name="description" content="Жилой комплекс «Лофт» в Алматы: три корпуса из красного кирпича вокруг общего двора без машин.">
<meta name="theme-color" content="#f4f6fb">
<meta property="og:type" content="website">
<meta property="og:locale" content="ru_RU">
<meta property="og:title" content="Жилой комплекс «Лофт»: Аман Ибраш">
<meta property="og:description" content="Жилой комплекс «Лофт» в Алматы: три корпуса из красного кирпича вокруг общего двора без машин.">
<meta property="og:image" content="https://example.com/og/arch-loft-complex.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Жилой комплекс «Лофт»: Аман Ибраш">
<meta name="twitter:description" content="Жилой комплекс «Лофт» в Алматы: три корпуса из красного кирпича вокруг общего двора без машин.">
<meta name="twitter:image" content="https://example.com/og/arch-loft-complex.jpg">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="preload" href="/fonts/onest-cyrillic-wght-normal.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/css/style.css">
<script src="/js/boot.js"></script>
</head>
<body class="doc has-nav">
<div class="blob blob--a" aria-hidden="true"></div>
<div class="blob blob--b" aria-hidden="true"></div>
<nav class="topnav" id="topnav" aria-label="Страницы"></nav>
<main class="page page--wide">
<p class="back"><a href="/arch/">← Архитектура</a></p>
<header class="case-head">
<ul class="meta"><li>2026</li><li>Алматы</li><li>жилой комплекс</li></ul>
<h1>Жилой комплекс «Лофт»</h1>
<p class="lead">Три корпуса вокруг двора без машин</p>
</header>
<div class="gallery gallery--one">
<figure class="shot shot--cover shot--lead">
<a href="/img/arch/loft-0.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Общий вид комплекса"><img src="/img/arch/loft-0-md.webp" srcset="/img/arch/loft-0-sm.webp 640w, /img/arch/loft-0-md.webp 960w, /img/arch/loft-0.webp 1400w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1400" height="1048" alt="Общий вид комплекса" fetchpriority="high"></a>
<figcaption>Общий вид комплекса</figcaption>
</figure>
</div>
<ul class="case-stats"><li class="stat"><b data-count="3">3</b><span>корпуса</span></li><li class="stat"><b data-count="2.11">2,11</b><span>га участок</span></li><li class="stat"><b data-count="7">7</b><span>этажей, корпус 1</span></li><li class="stat"><b data-count="1">1</b><span>подземный паркинг</span></li></ul>
<section class="case-body">
<p class="intro">Красный кирпич, арки на первом этаже и двор, где можно гулять.</p>
<h2>Двор без машин</h2><p>Комплекс стоит на участке 2,11 га в Турксибском районе Алматы. Три корпуса образуют общий двор, и машин в нём нет: парковка спрятана под землёй, а на поверхности остались площадки и озеленение.</p><h2>Кирпич и арки</h2><p>На первом этаже коммерция за арочными стальными витражами. Выше идут жилые этажи с окнами в стальных рамах. Фасад корпуса 1 выполнен из красного лицевого кирпича, а стальной пояс отделяет коммерческий этаж от квартир.</p>
</section>
<section class="case-block" aria-label="Чертежи">
<h2 class="block-title">Чертежи и схемы</h2>
<div class="gallery">
<figure class="shot shot--wide">
<a href="/img/arch/loft-facade.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Боковые фасады корпуса 1"><img src="/img/arch/loft-facade-md.webp" srcset="/img/arch/loft-facade-sm.webp 640w, /img/arch/loft-facade-md.webp 960w, /img/arch/loft-facade.webp 1400w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1400" height="768" alt="Боковые фасады корпуса 1" loading="lazy" decoding="async" fetchpriority="low"></a>
<figcaption>Боковые фасады корпуса 1</figcaption>
</figure>
</div>
</section>
<a class="next-case" href="/arch/quiet-courtyard/">
<span class="muted-w">Следующий проект</span>
<span class="next-title">Тихий двор</span>
<span class="next-arrow" aria-hidden="true">→</span>
</a>
</main>
<script src="/js/nav.js" defer></script>
<script src="/js/count.js" defer></script>
</body>
</html>
+106
View File
@@ -0,0 +1,106 @@
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Тихий двор: Аман Ибраш</title>
<meta name="description" content="Тихий двор: одноэтажный бетонный дом в Конаеве вокруг внутреннего двора. Проект в диалоге с архитектурой Тадао Андо.">
<meta name="theme-color" content="#f4f6fb">
<meta property="og:type" content="website">
<meta property="og:locale" content="ru_RU">
<meta property="og:title" content="Тихий двор: Аман Ибраш">
<meta property="og:description" content="Тихий двор: одноэтажный бетонный дом в Конаеве вокруг внутреннего двора. Проект в диалоге с архитектурой Тадао Андо.">
<meta property="og:image" content="https://example.com/og/arch-quiet-courtyard.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Тихий двор: Аман Ибраш">
<meta name="twitter:description" content="Тихий двор: одноэтажный бетонный дом в Конаеве вокруг внутреннего двора. Проект в диалоге с архитектурой Тадао Андо.">
<meta name="twitter:image" content="https://example.com/og/arch-quiet-courtyard.jpg">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="preload" href="/fonts/onest-cyrillic-wght-normal.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/css/style.css">
<script src="/js/boot.js"></script>
</head>
<body class="doc has-nav">
<div class="blob blob--a" aria-hidden="true"></div>
<div class="blob blob--b" aria-hidden="true"></div>
<nav class="topnav" id="topnav" aria-label="Страницы"></nav>
<main class="page page--wide">
<p class="back"><a href="/arch/">← Архитектура</a></p>
<header class="case-head">
<ul class="meta"><li>2026</li><li>Конаев</li><li>жилой дом</li></ul>
<h1>Тихий двор</h1>
<p class="lead">Дом в Конаеве вокруг внутреннего двора</p>
</header>
<div class="gallery gallery--one">
<figure class="shot shot--cover shot--lead">
<a href="/img/arch/house-pond.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Фасад в сад: бетон, вода и зелень"><img src="/img/arch/house-pond-md.webp" srcset="/img/arch/house-pond-sm.webp 640w, /img/arch/house-pond-md.webp 960w, /img/arch/house-pond.webp 1200w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1200" height="896" alt="Фасад в сад: бетон, вода и зелень" fetchpriority="high"></a>
<figcaption>Фасад в сад: бетон, вода и зелень</figcaption>
</figure>
</div>
<ul class="case-stats"><li class="stat"><b data-count="1">1</b><span>этаж</span></li><li class="stat"><b data-count="32">32</b><span>м² внутренний двор</span></li><li class="stat"><b data-count="41">41</b><span>м² гостиная-кухня</span></li><li class="stat"><b data-count="3">3</b><span>спальни</span></li></ul>
<section class="case-body">
<p class="intro">Дом, который отвернулся от улицы и повернулся к небу.</p>
<h2>Улица остаётся снаружи</h2><p>Со стороны улицы это глухая бетонная стена с одной узкой щелью света. Она прячет вход от чужих глаз: чтобы попасть в дом, нужно пройти вдоль сада и только потом повернуть к двери. Рядом под бетонным навесом стоит машина, а сам дом остаётся спокойным и закрытым.</p><h2>Всё собрано вокруг двора</h2><p>Внутри всё держится на дворе площадью 32 м². Утреннее солнце заходит в него, галерея обходит двор по кругу, а комнаты открываются на гравий, воду и тонкие деревья. Над центром плана стоит зенитный фонарь: он приносит верхний свет в самую глубину дома.</p><h2>Бетон и тёплое дерево</h2><p>Главный материал один: бетон с отпечатками опалубки. Рядом с ним тёплое дерево дверей и потолочных обшивок, чёрный металл рам и зелень. Проект сделан в диалоге с архитектурой Тадао Андо: меньше деталей, больше света, тишины и тени.</p>
</section>
<section class="case-block" aria-label="Визуализации">
<h2 class="block-title">Кадры</h2>
<div class="gallery">
<figure class="shot">
<a href="/img/arch/house-street.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Фасад с улицы: глухая стена и въезд под навес"><img src="/img/arch/house-street-md.webp" srcset="/img/arch/house-street-sm.webp 640w, /img/arch/house-street-md.webp 960w, /img/arch/house-street.webp 1200w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1200" height="896" alt="Фасад с улицы: глухая стена и въезд под навес" loading="lazy" decoding="async" fetchpriority="low"></a>
<figcaption>Фасад с улицы: глухая стена и въезд под навес</figcaption>
</figure>
<figure class="shot">
<a href="/img/arch/house-courtyard.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Двор: стекло, дерево и гравий"><img src="/img/arch/house-courtyard-md.webp" srcset="/img/arch/house-courtyard-sm.webp 640w, /img/arch/house-courtyard-md.webp 960w, /img/arch/house-courtyard.webp 1200w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1200" height="896" alt="Двор: стекло, дерево и гравий" loading="lazy" decoding="async" fetchpriority="low"></a>
<figcaption>Двор: стекло, дерево и гравий</figcaption>
</figure>
<figure class="shot">
<a href="/img/arch/house-gallery.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Галерея вокруг двора"><img src="/img/arch/house-gallery-md.webp" srcset="/img/arch/house-gallery-sm.webp 640w, /img/arch/house-gallery-md.webp 960w, /img/arch/house-gallery.webp 1200w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1200" height="896" alt="Галерея вокруг двора" loading="lazy" decoding="async" fetchpriority="low"></a>
<figcaption>Галерея вокруг двора</figcaption>
</figure>
<figure class="shot">
<a href="/img/arch/house-corridor.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Коридор вдоль двора"><img src="/img/arch/house-corridor-md.webp" srcset="/img/arch/house-corridor-sm.webp 640w, /img/arch/house-corridor-md.webp 960w, /img/arch/house-corridor.webp 1200w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1200" height="896" alt="Коридор вдоль двора" loading="lazy" decoding="async" fetchpriority="low"></a>
<figcaption>Коридор вдоль двора</figcaption>
</figure>
<figure class="shot">
<a href="/img/arch/house-entry.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Вход: свет и тени на бетоне"><img src="/img/arch/house-entry-md.webp" srcset="/img/arch/house-entry-sm.webp 640w, /img/arch/house-entry-md.webp 960w, /img/arch/house-entry.webp 1200w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1200" height="896" alt="Вход: свет и тени на бетоне" loading="lazy" decoding="async" fetchpriority="low"></a>
<figcaption>Вход: свет и тени на бетоне</figcaption>
</figure>
</div>
</section>
<section class="case-block" aria-label="Чертежи">
<h2 class="block-title">Чертежи и схемы</h2>
<div class="gallery">
<figure class="shot shot--portrait">
<a href="/img/arch/house-concept.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Путь и свет: вход с улицы, щель света, путь вдоль сада, зенитный фонарь и утреннее солнце во двор"><img src="/img/arch/house-concept-md.webp" srcset="/img/arch/house-concept-sm.webp 640w, /img/arch/house-concept-md.webp 960w, /img/arch/house-concept.webp 981w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="981" height="1100" alt="Путь и свет: вход с улицы, щель света, путь вдоль сада, зенитный фонарь и утреннее солнце во двор" loading="lazy" decoding="async" fetchpriority="low"></a>
<figcaption>Путь и свет: вход с улицы, щель света, путь вдоль сада, зенитный фонарь и утреннее солнце во двор</figcaption>
</figure>
<figure class="shot shot--portrait">
<a href="/img/arch/house-plan.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: План первого этажа с зонированием"><img src="/img/arch/house-plan-md.webp" srcset="/img/arch/house-plan-sm.webp 640w, /img/arch/house-plan.webp 722w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="722" height="1000" alt="План первого этажа с зонированием" loading="lazy" decoding="async" fetchpriority="low"></a>
<figcaption>План первого этажа с зонированием</figcaption>
</figure>
<figure class="shot shot--wide">
<a href="/img/arch/house-axo.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Аксонометрия со срезом"><img src="/img/arch/house-axo-md.webp" srcset="/img/arch/house-axo-sm.webp 640w, /img/arch/house-axo-md.webp 960w, /img/arch/house-axo.webp 1400w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1400" height="1088" alt="Аксонометрия со срезом" loading="lazy" decoding="async" fetchpriority="low"></a>
<figcaption>Аксонометрия со срезом</figcaption>
</figure>
</div>
</section>
<a class="next-case" href="/arch/exhibition-pavilion/">
<span class="muted-w">Следующий проект</span>
<span class="next-title">Выставочный павильон</span>
<span class="next-arrow" aria-hidden="true">→</span>
</a>
</main>
<script src="/js/nav.js" defer></script>
<script src="/js/count.js" defer></script>
</body>
</html>