/* ОБРАЗ №01 — Swiss vertical landing / ECAL-inspired system */
html[data-theme="light"] body.issue01-page{
  background:#fff !important;
  color:#0a0a0a;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.issue01-page .i01-topbar{
  position:sticky;
  top:0;
  background:rgba(255,255,255,.96) !important;
  backdrop-filter:blur(10px);
  border-bottom:1px solid #111;
  padding:20px clamp(22px,4vw,54px);
}
.issue01-page .i01-topbar .word img{height:22px;width:auto;}
.issue01-page .i01-topbar .nav a{color:#111;font-size:11px;letter-spacing:.045em;}
.issue01-page .i01-topbar .nav a:hover,
.issue01-page .i01-topbar .nav a[aria-current="page"]{color:#111;text-decoration:underline;text-underline-offset:4px;}

.i01sw{
  --line:#111;
  --soft:#d5d5d2;
  --muted:#6c6c69;
  max-width:1560px;
  margin:0 auto;
  padding:0 clamp(22px,4vw,54px);
  background:#fff;
}
.i01sw *{box-sizing:border-box;}
.i01sw img{display:block;max-width:none;}

.i01sw-hero{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.78fr);
  min-height:980px;
  border-bottom:1px solid var(--line);
}
.i01sw-hero-copy{
  padding:44px clamp(34px,5vw,76px) 46px 0;
  display:flex;
  flex-direction:column;
}
.i01sw-kicker{
  font-size:13px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.035em;
  margin-bottom:26px;
}
.i01sw h1{
  font-size:clamp(88px,10vw,164px);
  line-height:.82;
  letter-spacing:-.065em;
  font-weight:700;
  margin:0 0 42px;
}
.i01sw-intro{
  max-width:740px;
  font-size:clamp(19px,1.55vw,25px);
  line-height:1.22;
  letter-spacing:-.025em;
}
.i01sw-intro p{margin:0 0 1.05em;}
.i01sw-intro p:last-child{margin-bottom:0;}

.i01sw-buy{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:2px solid #111;
  color:#111;
  background:#fff;
  text-decoration:none;
  padding:17px 22px;
  font-size:clamp(17px,1.3vw,21px);
  font-weight:700;
  letter-spacing:-.02em;
  transition:background .16s ease,color .16s ease;
}
.i01sw-buy b{font-size:30px;line-height:1;font-weight:400;}
.i01sw-buy:hover{background:#111;color:#fff;}
.i01sw-buy-black{background:#111;color:#fff;}
.i01sw-buy-black:hover{background:#fff;color:#111;}

.i01sw-meta{
  margin:auto 0 0;
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding-top:18px;
  max-width:800px;
}
.i01sw-meta div{padding-right:22px;}
.i01sw-meta dt{font-size:10px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.i01sw-meta dd{font-size:24px;line-height:1;margin:0;}

.i01sw-hero-visual{
  margin:0;
  min-height:980px;
  overflow:hidden;
  border-left:1px solid var(--line);
  position:relative;
  background:#000;
}

.i01sw-editorial{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid var(--line);
}
.i01sw-editorial article{
  min-height:390px;
  padding:24px 34px 42px 0;
}
.i01sw-editorial article+article{
  border-left:1px solid var(--line);
  padding-left:34px;
}
.i01sw-small{font-size:10px;text-transform:uppercase;letter-spacing:.035em;margin-bottom:70px;}
.i01sw-editorial p{font-size:clamp(18px,1.35vw,22px);line-height:1.22;letter-spacing:-.025em;margin:0;max-width:33ch;}
.i01sw-editorial .i01sw-quote p{font-size:clamp(36px,3.25vw,54px);line-height:.98;font-weight:700;letter-spacing:-.045em;max-width:16ch;}

.i01sw-wide-fragment{
  height:clamp(520px,52vw,760px);
  overflow:hidden;
  border-bottom:1px solid var(--line);
  margin:22px 0 0;
}

.i01sw-contents{border-bottom:1px solid var(--line);padding:32px 0 18px;}
.i01sw-contents h2,
.i01sw-anatomy h2,
.i01sw-buy-bottom h2{
  font-size:clamp(66px,8vw,126px);
  line-height:.83;
  letter-spacing:-.06em;
  margin:0 0 34px;
  font-weight:700;
}
.i01sw-contents-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(390px,.87fr);border-top:1px solid var(--line);}
.i01sw-toc{padding-right:28px;}
.i01sw-toc-row{
  display:grid;
  grid-template-columns:58px 122px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:12px 0 13px;
  border-bottom:1px solid #a9a9a5;
}
.i01sw-toc-row b{font-size:24px;line-height:.95;font-variant-numeric:tabular-nums;}
.i01sw-toc-row span{font-size:10px;text-transform:uppercase;color:var(--muted);padding-top:4px;}
.i01sw-toc-row strong{font-size:15px;line-height:1.18;font-weight:700;letter-spacing:-.015em;}
.i01sw-contents-image{margin:0;border-left:1px solid var(--line);min-height:1030px;overflow:hidden;}


/* Manual image windows: fixed geometry, only the image moves. */
.i01sw-slider{position:relative;overflow:hidden;}
.i01sw-slider-track{
  display:flex;
  width:100%;
  height:100%;
  transition:transform .58s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
.i01sw-slide{
  flex:0 0 100%;
  width:100%;
  height:100%;
  margin:0;
  overflow:hidden;
  min-width:0;
}
.i01sw-slide>img,
.i01sw-slide figure>img,
.i01sw-slider .i01sw-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--slide-position,center);
}
.i01sw-slider-arrow{
  position:absolute;
  z-index:6;
  top:50%;
  width:46px;
  height:46px;
  margin-top:-23px;
  border:1px solid #111;
  border-radius:0;
  background:rgba(255,255,255,.94);
  color:#111;
  font:400 25px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;
  cursor:pointer;
  display:grid;
  place-items:center;
  padding:0;
  transition:background .15s ease,color .15s ease;
}
.i01sw-slider-arrow:hover{background:#111;color:#fff;}
.i01sw-slider-prev{left:14px;}
.i01sw-slider-next{right:14px;}
.i01sw-slider-count{
  position:absolute;
  z-index:6;
  right:14px;
  bottom:14px;
  min-width:54px;
  padding:7px 9px 6px;
  background:rgba(255,255,255,.94);
  border:1px solid #111;
  font-size:10px;
  line-height:1;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
.i01sw-triptych{
  height:470px;
  border-bottom:1px solid var(--line);
  margin-top:24px;
}
.i01sw-triptych-slide{
  display:grid;
  grid-template-columns:1fr 1fr 1.2fr;
  gap:14px;
  padding-bottom:34px;
}
.i01sw-triptych-slide figure{
  margin:0;
  height:100%;
  overflow:hidden;
  background:#f4f4f2;
}
.i01sw-triptych-slide figure:nth-child(1) img{object-position:30% 52%;}
.i01sw-triptych-slide figure:nth-child(2) img{object-position:43% 46%;}
.i01sw-triptych-slide figure:nth-child(3) img{object-position:55% 50%;}
.i01sw-motion-caption{
  position:absolute;
  z-index:5;
  left:0;
  bottom:10px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.03em;
  background:#fff;
  padding-right:12px;
}

.i01sw-anatomy{
  display:grid;
  grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);
  gap:34px;
  padding:42px 0 54px;
  border-bottom:1px solid var(--line);
}
.i01sw-anatomy-copy{padding-right:44px;}
.i01sw-anatomy h2{font-size:clamp(68px,7.5vw,118px);margin-bottom:48px;}
.i01sw-anatomy-copy p{font-size:clamp(18px,1.45vw,23px);line-height:1.25;letter-spacing:-.02em;max-width:36ch;margin:0 0 1.2em;}
.i01sw-anatomy-visuals{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-self:end;}
.i01sw-anatomy-visuals figure{margin:0;height:620px;overflow:hidden;background:#f3f3f1;}
.i01sw-anatomy-visuals img{width:100%;height:100%;object-fit:cover;}
.i01sw-anatomy-visuals figure:first-child img{object-position:28% 58%;}
.i01sw-anatomy-visuals figure:last-child img{object-position:74% 52%;}

.i01sw-buy-bottom{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  padding:52px 0 60px;
  border-bottom:1px solid var(--line);
  align-items:start;
}
.i01sw-buy-bottom h2{margin-bottom:0;}
.i01sw-buy-bottom-actions{display:flex;flex-direction:column;gap:12px;padding-top:8px;}
.i01sw-buy-bottom-actions p{font-size:13px;line-height:1.5;color:var(--muted);max-width:58ch;margin:6px 0 0;}
.i01sw-next{display:flex;justify-content:space-between;gap:24px;padding:20px 0 34px;}
.i01sw-next a{font-size:13px;color:#111;text-decoration:none;text-transform:uppercase;}
.i01sw-next a:hover{text-decoration:underline;text-underline-offset:4px;}

.issue01-page .i01-footer{background:#fff;border-top:1px solid #111;}

@media (max-width:1050px){
  .i01sw-hero{grid-template-columns:1fr .72fr;min-height:900px;}
  .i01sw-hero-visual{min-height:900px;}
  .i01sw-editorial{grid-template-columns:1fr 1fr;}
  .i01sw-editorial article:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding-left:0;}
  .i01sw-editorial .i01sw-quote p{max-width:24ch;}
  .i01sw-contents-grid{grid-template-columns:1fr;}
  .i01sw-contents-image{border-left:0;border-top:1px solid var(--line);height:660px;min-height:0;}
  .i01sw-anatomy{grid-template-columns:1fr;}
  .i01sw-anatomy-visuals figure{height:520px;}
}

@media (max-width:760px){
  .issue01-page .i01-topbar{padding:16px 18px;}
  .issue01-page .i01-topbar .nav{gap:10px;}
  .issue01-page .i01-topbar .nav a{font-size:9px;}
  .issue01-page .i01-topbar .nav a:nth-child(2){display:none;}
  .i01sw{padding:0 18px;}
  .i01sw-hero{grid-template-columns:1fr;min-height:0;}
  .i01sw-hero-copy{padding:34px 0 40px;}
  .i01sw h1{font-size:clamp(82px,25vw,126px);margin-bottom:30px;}
  .i01sw-intro{font-size:19px;line-height:1.22;}
  .i01sw-hero-visual{min-height:620px;border-left:0;border-top:1px solid var(--line);}
  .i01sw-meta{grid-template-columns:1fr 1fr;gap:18px 0;padding-bottom:0;}
  .i01sw-editorial{grid-template-columns:1fr;}
  .i01sw-editorial article,
  .i01sw-editorial article+article,
  .i01sw-editorial article:nth-child(3){min-height:0;border-left:0;border-top:1px solid var(--line);padding:24px 0 36px;}
  .i01sw-small{margin-bottom:34px;}
  .i01sw-editorial .i01sw-quote p{font-size:42px;}
  .i01sw-wide-fragment{height:420px;}
  .i01sw-contents h2,.i01sw-anatomy h2,.i01sw-buy-bottom h2{font-size:62px;}
  .i01sw-toc-row{grid-template-columns:48px 92px 1fr;gap:8px;}
  .i01sw-toc-row strong{font-size:13px;}
  .i01sw-triptych{height:360px;}
  .i01sw-triptych-slide{grid-template-columns:1fr 1fr;gap:10px;}
  .i01sw-triptych-slide figure:nth-child(3){display:none;}
  .i01sw-slider-arrow{width:40px;height:40px;margin-top:-20px;}
  .i01sw-motion-track figure{height:280px;}
  .i01sw-anatomy-visuals{grid-template-columns:1fr;}
  .i01sw-anatomy-visuals figure{height:480px;}
  .i01sw-buy-bottom{grid-template-columns:1fr;gap:28px;}
  .i01sw-next{flex-direction:column;}
}

@media (prefers-reduced-motion:reduce){
  .i01sw-slider-track{transition:none;}
}

/* 2026-08-22: only the top-right hero image is static; page remains pure white. */
html[data-theme="light"] body.issue01-page,
.issue01-page,
.i01sw,
.issue01-page .i01-topbar,
.issue01-page .i01-footer { background:#fff !important; }
.i01sw-hero-static { margin:0; background:#000; }
.i01sw-hero-static > img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
/* 2026-08-22: pure white page + typographic vertical VK article links. */
.issue01-page,
.issue01-page main,
.issue01-page section,
.issue01-page figure,
.i01sw-triptych-slide figure,
.i01sw-anatomy-visuals figure {
  background:#fff !important;
}

.i01sw-vk-articles{
  background:#fff !important;
  border-top:1px solid #111;
  border-bottom:1px solid #111;
  min-height:430px;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:0;
  padding:0;
}
.i01sw-vk-caption{
  padding:28px 24px 28px 0;
  font-size:18px;
  line-height:1.05;
  letter-spacing:-.02em;
  font-weight:700;
  text-transform:uppercase;
  display:flex;
  align-items:flex-end;
}
.i01sw-vk-vertical-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  min-height:430px;
  border-left:1px solid #111;
}
.issue01-page .i01sw-vk-vertical-links a{
  color:#111 !important;
  text-decoration:none !important;
  border-right:1px solid #111;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  padding:24px 18px;
  font-size:clamp(22px,2.25vw,36px);
  line-height:.95;
  font-weight:700;
  letter-spacing:-.045em;
  text-transform:uppercase;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  transition:background .15s ease,color .15s ease;
}
.issue01-page .i01sw-vk-vertical-links a:hover{
  background:#111 !important;
  color:#fff !important;
}

/* Footer typography: readable, same visual scale as the page. */
.issue01-page .i01-footer{
  background:#fff !important;
  padding-top:42px;
}
.issue01-page .i01-footer .footer-notify .fn-label{
  font-size:17px;
  line-height:1.25;
  color:#111;
  letter-spacing:-.01em;
}
.issue01-page .i01-footer .notify-field{
  max-width:420px;
}
.issue01-page .i01-footer .notify-field input[type="email"]{
  font-size:17px;
  padding-top:13px;
  padding-bottom:13px;
}
.issue01-page .i01-footer .notify-field button{
  font-size:16px;
}
.issue01-page .i01-footer .notify-consent{
  max-width:620px;
  font-size:15px;
  line-height:1.45;
  color:#333;
}
.issue01-page .i01-footer .notify-consent a,
.issue01-page .i01-footer a{
  color:#111;
}
.issue01-page .i01-footer .fw{
  font-size:19px;
  color:#111;
}
.issue01-page .i01-footer .fmeta{
  font-size:16px;
  line-height:1.5;
  color:#111;
}

@media (max-width:760px){
  .i01sw-vk-articles{grid-template-columns:1fr;min-height:0;}
  .i01sw-vk-caption{padding:22px 0;font-size:16px;}
  .i01sw-vk-vertical-links{min-height:310px;border-left:0;border-top:1px solid #111;}
  .issue01-page .i01sw-vk-vertical-links a{font-size:20px;padding:16px 12px;}
  .issue01-page .i01-footer .fmeta{font-size:15px;}
  .issue01-page .i01-footer .notify-consent{font-size:14px;}
}

/* 2026-08-22: one additional bottom image, full width, no crop, white background. */
.i01sw-bottom-photo{
  margin:0;
  padding:0 0 42px;
  background:#fff !important;
  border:0;
}
.i01sw-bottom-photo img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  background:#fff;
}
@media (max-width:760px){
  .i01sw-bottom-photo{padding-bottom:28px;}
}