/* V1 «Красная печать» для Tilda — собрано tools/build_tilda.py из variants/v1-red-print/style.css.
   Не править: каждый селектор изолирован под .v1, править исходник и пересобрать. */
/* ---- Tilda: откат её глобального сброса внутри блока ----
   tilda-grid: div, span, h1–h6, p, a, img, b, i… { margin: 0; padding: 0; border: 0 }, * { box-sizing: content-box };
   tilda-blocks: :where(.t-records) a { color; text-decoration: none }, ul/ol { padding-left; margin }, b { 700 }.
   revert — значение браузера, как на исходном сайте; правила сайта ниже (та же или выше специфичность) их перекрывают */
.v1 :is(div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, img, b, u, i, center, table, tr, th, td, video) { margin: revert; padding: revert; border: revert; }
.v1 :is(ul, ol) { margin-top: revert; margin-bottom: revert; padding-left: revert; }
.v1 a { text-decoration: revert; }
.v1 :is(b, strong) { font-weight: revert; }
.v1 { display: block; width: 100%; }
:root { --red: #C7080C; --red-bright: #E22227; --oxblood: #6C0102; --oxblood-deep: #440101; --ink: #121416; --graphite: #222B31; --slate: #55666E; --fog: #9AA5AB; --paper: #F6EFE3; --paper-deep: #EBE1CF; --stone: #5E5A52; --hair: #CFC5B3; --paper-dim: #D8CFBF; --studio: #4f4a4b; --studio-hi: #8a8381; --studio-mid: #7c7574; --studio-mid-2: #77706f; --studio-lo: #67615f; --studio-lo-2: #5f5959; --studio-edge: #514c4c; --studio-desk: #4a4546; --studio-desk-lo: #3e3a3b; --studio-desk-deep: #2e2b2c; --f-disp: 'Fira Sans Extra Condensed', 'Oswald', 'Arial Narrow', sans-serif; --f-body: 'Onest', 'Helvetica Neue', Arial, sans-serif; --f-acc: 'Cormorant', 'Cormorant Garamond', Georgia, serif; --f-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace; --pad: clamp(16px, 4vw, 64px); --sec-y: calc(clamp(88px, 11vw, 160px) * var(--tw-space)); --ease: cubic-bezier(0.2, 0.7, 0.1, 1); --tw-font: 1; --tw-font-head: 1; --tw-font-body: 1; --tw-font-hero: 1; --tw-font-for-whom: 1; --tw-font-situation: 1; --tw-font-new-way: 1; --tw-font-after: 1; --tw-font-approach: 1; --tw-font-inside: 1; --tw-font-not-coding: 1; --tw-font-start: 1; --tw-font-about: 1; --tw-font-price: 1; --tw-font-faq: 1; --tw-font-final: 1; --tw-font-footer: 1; --tw-img: 1; --tw-img-main: 1; --tw-hero-x: 0px; --tw-hero-y: 0px; --tw-hero-plate: 0.92; --tw-hero-pin: 4.5; --tw-accent: #C7080C; --tw-bg: #F6EFE3; --tw-space: 1; --tw-container: 1440px; --tw-speed: 1; --red: var(--tw-accent); --kh: calc(var(--tw-font) * var(--tw-font-head)); --kt: calc(var(--tw-font) * var(--tw-font-body)); }
.v1 #hero { --kb: var(--tw-font-hero); }
.v1 #for-whom { --kb: var(--tw-font-for-whom); }
.v1 #situation { --kb: var(--tw-font-situation); }
.v1 #new-way { --kb: var(--tw-font-new-way); }
.v1 #after { --kb: var(--tw-font-after); }
.v1 #approach { --kb: var(--tw-font-approach); }
.v1 #inside { --kb: var(--tw-font-inside); }
.v1 #not-coding { --kb: var(--tw-font-not-coding); }
.v1 #start { --kb: var(--tw-font-start); }
.v1 #about { --kb: var(--tw-font-about); }
.v1 #price { --kb: var(--tw-font-price); }
.v1 #faq { --kb: var(--tw-font-faq); }
.v1 #final { --kb: var(--tw-font-final); }
.v1 #footer { --kb: var(--tw-font-footer); }
.v1 #hero, .v1 #for-whom, .v1 #situation, .v1 #new-way, .v1 #after, .v1 #approach, .v1 #inside, .v1 #not-coding, .v1 #start, .v1 #about, .v1 #price, .v1 #faq, .v1 #final, .v1 #footer { --kh: calc(var(--tw-font) * var(--tw-font-head) * var(--kb)); --kt: calc(var(--tw-font) * var(--tw-font-body) * var(--kb)); font-size: calc(1.0625rem * var(--kt)); }
.v1 *, .v1 *::before, .v1 *::after { box-sizing: border-box; }
html { background: var(--tw-bg); overflow-x: clip; scrollbar-width: thin; scrollbar-color: var(--ink) var(--paper-deep); }   /* Tilda: глобально только фон и прокрутка */
.v1 { -webkit-text-size-adjust: 100%; }   /* было на html */
body { margin: 0; background: var(--tw-bg); overflow-x: clip; }   /* Tilda: глобально только фон и прокрутка */
.v1 { color: var(--ink); font: 400 1.0625rem/1.6 var(--f-body); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; caret-color: var(--red); }   /* было на body */
.v1 ::selection { background: var(--red); color: var(--paper); }
.v1 img { display: block; max-width: 100%; }
.v1 p { margin: 0 0 1em; }
.v1 a { color: inherit; text-underline-offset: 0.2em; text-decoration-thickness: 1px; }
.v1 :focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.v1 .sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.v1 .sprite symbol, .v1 svg use { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.v1 .sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.v1 .container { width: 100%; max-width: var(--tw-container); margin-inline: auto; padding-inline: var(--pad); }
.v1 .label { font: 600 calc(0.75rem * var(--kt))/1.3 var(--f-body); letter-spacing: 0.14em; text-transform: uppercase; margin: 0; }
.v1 .h2 { font: 800 min(calc(clamp(2.5rem, min(5.5vw, var(--tw-container) * 0.055), 5rem) * var(--kh)), var(--cap, 100vw))/0.92 var(--f-disp); text-transform: uppercase; letter-spacing: 0; margin: 0; max-width: 17ch; text-wrap: balance; overflow-wrap: break-word; }
.v1 .h2 em, .v1 em.red { font-style: normal; color: var(--red); }
.v1 .red-bright { color: var(--red-bright); }
.v1 .red { color: var(--red); }
.v1 :where(.sec, .final, .footer) :has(> .h2, > .fw__who, > .node__t, > .scard__h, > .mod__title, > .qa__q, > .final__title, > .card-price__new, > .nw__note, > .accent, > .nc__words, > .sit__final), .v1 .gaze { container-type: inline-size; }
.v1 .h2 { --cap: calc(100cqi / 7.9); }
.v1 .fw__who { --cap: calc(100cqi / 6.9); }
.v1 .fw--b .fw__who { --cap: calc(100cqi / 8.6); }
.v1 .fw--a .fw__who { --cap: calc(100cqi / 5.6); }
.v1 .node__t { --cap: calc(100cqi / 5.85); }
.v1 .gaze__item { --cap: calc(100cqi * 0.3 / 8.85); }
.v1 .scard__n { --cap: calc(100cqi * 0.16 / 0.95); }
.v1 .scard__h { --cap: calc(100cqi * 0.74 / 5.55); }
.v1 .mod__title { --cap: calc(100cqi / 7.95); }
.v1 .mod--c .mod__title { --cap: calc(100cqi / 5.2); }
.v1 .mod--a .mod__title { --cap: calc((100cqi - 2 * clamp(24px, 2.8vw, 44px)) / 8.15); }
.v1 .qa__q { --cap: calc((100cqi - 64px) / 8.7); }
.v1 .sit__final { --cap: calc((100cqi - 2 * var(--pad)) / 5.4); }
.v1 .final__title { --cap: calc(100cqi / 5.35); }
.v1 .cmd { --cap: calc(100cqi / 9.2); }
.v1 .card-price__new { --cap: calc(100cqi / 2.75); }
.v1 .nw__note { --cap: calc((100cqi - 44px) / 5.4); }
.v1 .accent { --cap: calc(100cqi / 5.95); }
.v1 .nc__words { --cap: calc(100cqi / 4); }
.v1 .hero__title-a { --cap: calc(clamp(13.5rem, 17vw, 17rem) / 6.1); }
.v1 .hero__title-b { --cap: calc(clamp(13.5rem, 17vw, 17rem) / 5.55); }
.v1 .lead { font-size: calc(clamp(1.125rem, 1.4vw, 1.3125rem) * var(--kt)); line-height: 1.5; max-width: 52ch; }
.v1 .accent { font: italic 600 min(calc(clamp(1.75rem, 3.2vw, 3rem) * var(--kh)), var(--cap, 100vw))/1.05 var(--f-acc); letter-spacing: -0.005em; margin: 0; text-wrap: pretty; }
.v1 .folio { display: flex; align-items: baseline; gap: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--hair); margin-bottom: clamp(40px, 5vw, 72px); font: 600 calc(0.75rem * var(--kt))/1.3 var(--f-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--stone); }
.v1 .folio span:first-child { font: 900 min(calc(1.05rem * var(--kh)), var(--cap, 100vw))/1 var(--f-disp); letter-spacing: 0.04em; color: var(--red); font-variant-numeric: tabular-nums; }
.v1 .sec--ink .folio { color: var(--fog); border-color: var(--slate); }
.v1 .sec--ink .folio span:first-child { color: var(--red-bright); }
.v1 .folio--light { color: var(--paper); border-color: rgba(246, 239, 227, 0.4); }
.v1 .folio--light span:first-child { color: var(--paper); }
.v1 .btn { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 60px; padding: 18px 30px 18px 32px; font: 600 calc(0.8125rem * var(--kt))/1.2 var(--f-body); letter-spacing: 0.14em; text-transform: uppercase; text-decoration: none; border: 0; border-radius: 0; cursor: pointer; transition: background-color 0.2s var(--ease), color 0.2s var(--ease); }
.v1 .btn__ico { width: 18px; height: 18px; flex: none; stroke-width: 1.8; transition: transform 0.2s var(--ease); }
.v1 .btn:hover .btn__ico { transform: translate(4px, -4px); }
.v1 .btn--red { background: var(--red); color: var(--paper); }
.v1 .btn--red:hover { background: var(--oxblood); }
.v1 .btn--red:focus-visible { outline-color: var(--ink); }
.v1 .btn--ink { background: var(--ink); color: var(--paper); }
.v1 .btn--ink:hover { background: var(--oxblood-deep); }
.v1 .btn--ink:focus-visible { outline-color: var(--paper); }
.v1 .btn--block { display: flex; width: 100%; justify-content: space-between; }
.v1 .nobr { white-space: nowrap; }
.v1 .btn__txt { min-width: 0; }
.v1 .ph { position: relative; margin: 0; min-height: 220px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; overflow: hidden; color: var(--stone); background-color: var(--paper-deep); background-image: radial-gradient(rgba(199, 8, 12, 0.17) 1px, transparent 1.5px); background-size: 9px 9px; }
.v1 .ph::before { content: ""; position: absolute; inset: 10px; border: 1px solid var(--hair); pointer-events: none; }
.v1 .ph__label { position: relative; display: inline-flex; align-items: center; gap: 10px; font: 600 calc(0.75rem * var(--kt))/1 var(--f-body); letter-spacing: 0.14em; color: var(--red); }
.v1 .ph__label::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: currentColor; }
.v1 .ph__desc { position: relative; align-self: flex-start; max-width: 34ch; padding: 8px 10px 8px 0; font: italic 500 min(calc(1.15rem * var(--kh)), var(--cap, 100vw))/1.25 var(--f-acc); color: var(--stone); background: var(--paper-deep); }
.v1 .ph__img { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; object-fit: cover; color: transparent; }
.js .v1 .ph__img { background: var(--paper-deep); }
.v1 .ph__img[hidden] { display: none; }
.v1 .ph--dark { color: var(--fog); background-color: var(--graphite); background-image: radial-gradient(rgba(226, 34, 39, 0.26) 1px, transparent 1.5px); }
.v1 .ph--dark::before { border-color: var(--slate); }
.v1 .ph--dark .ph__label { color: var(--paper); }
.v1 .ph--dark .ph__label::before { background: var(--red-bright); }
.v1 .ph--dark .ph__desc { background: var(--graphite); color: var(--fog); }
.v1 .sec { position: relative; padding-block: var(--sec-y); }
.v1 .sec--paper { background: var(--tw-bg); }
.v1 .sec--deep { background: var(--paper-deep); }
.v1 .sec--ink { background: var(--ink); color: var(--paper); }
.v1 .sec--ink::before, .v1 .final::before, .v1 .footer::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.07; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url%28%23n%29'/></svg>"); }
.v1 .sec--ink > *, .v1 .final > *, .v1 .footer > * { position: relative; }
.v1 .hero { --hero-z: 0.7; position: relative; z-index: 2; height: 100vh; height: 100svh; min-height: 560px; }
.v1 .hero__stage { position: relative; height: 100%; overflow: hidden; container-type: size; background: var(--studio); --cover-w: max(100cqw, 100cqh * 1.7778); --pw: calc(var(--cover-w) * var(--hero-z) * var(--tw-img-main)); --ph: calc(var(--pw) / 1.7778); --plate: rgb(246 239 227 / var(--tw-hero-plate)); }
.v1 .scene1 { position: absolute; inset: 0; overflow: hidden; transform-origin: 0 0; background: linear-gradient(to top, var(--studio-desk-lo) 0, var(--studio-desk) calc(var(--ph) * 0.082), transparent calc(var(--ph) * 0.082 + 1px)), radial-gradient(70% 90% at 50% 34%, var(--studio-hi) 0%, var(--studio-mid) 34%, var(--studio-lo) 64%, var(--studio-edge) 100%); }
.v1 .scene1__photo, .v1 .scene1__figure { position: absolute; left: 50%; bottom: 0; width: var(--pw); aspect-ratio: 16 / 9; translate: -50% 0; }
.v1 .scene1__photo { --e: calc(7% * var(--soft, 1)); --t: calc(10% * var(--soft, 1)); -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--e), #000 calc(100% - var(--e)), transparent 100%), linear-gradient(to bottom, transparent 0, #000 var(--t), #000 100%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to right, transparent 0, #000 var(--e), #000 calc(100% - var(--e)), transparent 100%), linear-gradient(to bottom, transparent 0, #000 var(--t), #000 100%); mask-composite: intersect; }
.v1 .scene1__photo img, .v1 .scene1__figure img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
.v1 .scene1__figure { z-index: 2; }
.v1 .scene1__vid { position: absolute; inset: 0; opacity: 0; visibility: hidden; }
.v1 .scene1__slab { position: absolute; top: 0; bottom: 0; left: calc(50% - var(--pw) * 0.1); width: calc(var(--pw) * 0.23); background: var(--red); }
.v1 .hero__word { position: absolute; left: 0; right: 0; top: max(clamp(48px, 8cqh, 76px), calc(100cqh - var(--ph) * 1.14)); margin: 0; padding-inline: var(--pad); text-align: center; white-space: nowrap; font: 900 17.8vw/0.8 var(--f-disp); letter-spacing: -0.012em; color: var(--paper); z-index: 1; user-select: none; }
.v1 .hero__word-in, .v1 .hero__w, .v1 .hero__word .l { display: inline-block; }
.v1 .hero__sub { position: absolute; top: 100%; right: var(--pad); margin: -0.03em -0.01em 0 0; font-size: 0.42em; line-height: 0.8; letter-spacing: 0; color: var(--ink); }
.v1 .hero__seq { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; opacity: 0; visibility: hidden; }
.v1 .hero__proj { position: absolute; left: 0; top: 0; z-index: 3; transform-origin: 0 0; background: var(--tw-bg); mix-blend-mode: multiply; opacity: 0; visibility: hidden; pointer-events: none; }
.v1 .hero__proj-page { position: absolute; overflow: hidden; }
.v1 .hero__proj-page img { position: absolute; left: 0; top: 0; max-width: none; }
.v1 .hero__top { position: absolute; top: clamp(18px, 3vh, 32px); left: 0; right: 0; display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; z-index: 5; }
.v1 .hero__top .label { background: var(--plate); padding: 7px 11px 6px; }
.v1 .hero__kicker { color: var(--ink); }
.v1 .hero__mini { color: var(--ink); display: inline-flex; align-items: center; gap: 10px; }
.v1 .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--red); display: inline-block; }
.v1 .hero__copy { position: absolute; left: 0; right: 0; bottom: calc(var(--ph) * 0.2); display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; z-index: 5; pointer-events: none; --copy-b: calc(var(--ph) * 0.2); --room-x: max(0px, calc((100cqw - min(100cqw, var(--tw-container))) / 2 + var(--pad) - 34px)); --room-up: max(0px, calc(100cqh - var(--copy-b) - var(--copy-h, 380px) - 8px)); --room-down: max(0px, calc(var(--copy-b) - 8px)); translate: clamp(-1 * var(--room-x), var(--tw-hero-x), var(--room-x)) clamp(-1 * var(--room-up), var(--tw-hero-y), var(--room-down)); }
.v1 .hero__copy > * { pointer-events: auto; }
.v1 .hero__title, .v1 .hero__aside { background: var(--plate); padding: 22px 26px 24px; margin-inline: -26px; }
.v1 .hero__title { margin-block: 0; width: calc(clamp(13.5rem, 17vw, 17rem) + 52px); }
.v1 .hero__title-a { display: block; font: 800 min(calc(clamp(1.5rem, 2.3vw, 2.4rem) * var(--kh)), var(--cap, 100vw))/0.95 var(--f-disp); text-transform: uppercase; }
.v1 .hero__title-b { display: block; margin-top: 12px; font: italic 600 min(calc(clamp(1.35rem, 1.95vw, 2.05rem) * var(--kh)), var(--cap, 100vw))/1.02 var(--f-acc); color: var(--red); }
.v1 .hero__aside { width: calc(clamp(16rem, 21vw, 21rem) + 52px); display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.v1 .hero__aside .lead { margin: 0; font-size: calc(clamp(1rem, 1.2vw, 1.15rem) * var(--kt)); line-height: 1.5; }
.v1 .btn--hero { position: relative; min-height: 66px; padding: 20px 30px 20px 34px; font-size: calc(0.875rem * var(--kt)); gap: 22px; }
.v1 .btn--hero .btn__ico { width: 22px; height: 22px; }
.v1 .btn--hero::after { content: ""; position: absolute; inset: 0; border: 2px solid var(--red); pointer-events: none; opacity: 0; --pulse-s: 1.085 1.36; animation: cta-pulse calc(4.2s / var(--tw-speed)) var(--ease) 1.6s infinite; }
.v1 .btn--hero:hover::after { animation: none; }
@keyframes cta-pulse { 0% { scale: 1; opacity: 0.9; } 32% { scale: var(--pulse-s); opacity: 0; } 100% { scale: var(--pulse-s); opacity: 0; } }
.has-flight .v1 .hero { pointer-events: none; }
.has-flight .v1 .hero__top, .has-flight .v1 .hero__copy > * { pointer-events: auto; }
.has-flight .v1 .for-whom { z-index: 3; transform-origin: 0 0; opacity: 0; pointer-events: none; }
.v1 .bezel { position: fixed; inset: 0; z-index: 90; pointer-events: none; opacity: 0; visibility: hidden; transition: opacity 0.45s var(--ease), visibility 0s linear 0.45s; }
.v1 .bezel.is-on { opacity: 1; visibility: visible; transition: opacity 0.45s var(--ease); }
.v1 .bezel__edge { position: absolute; inset: 10px; border-radius: 14px; outline: 40px solid var(--ink); transform: scale(1.025); transition: transform 0.8s var(--ease); }
.v1 .bezel.is-on .bezel__edge { transform: none; }
.v1 .bezel__notch { position: absolute; top: 0; left: 50%; width: 150px; height: 24px; margin-left: -75px; background: var(--ink); border-radius: 0 0 14px 14px; transform: translateY(-100%); transition: transform 0.5s var(--ease) 0.2s; }
.v1 .bezel.is-on .bezel__notch { transform: none; }
.v1 .bezel__cam { position: absolute; left: 50%; top: 8px; width: 8px; height: 8px; margin-left: -4px; border-radius: 50%; background: var(--graphite); border: 1px solid var(--slate); }
.v1 .for-whom { z-index: 1; }
.v1 .fw__title { max-width: 17ch; }
.v1 .bento { list-style: none; padding: 0; margin: clamp(44px, 5vw, 72px) 0 0; display: grid; gap: 20px; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-areas: "a a a a a b b b b c c c" "a a a a a e e e e d d d" "f f f f f g g g g d d d"; }
.v1 .fw { position: relative; display: flex; flex-direction: column; gap: 12px; min-height: 236px; padding: clamp(24px, 2.4vw, 36px); background: var(--paper-deep); color: var(--ink); }
.v1 .fw--a { grid-area: a; }
.v1 .fw--b { grid-area: b; }
.v1 .fw--c { grid-area: c; }
.v1 .fw--d { grid-area: d; }
.v1 .fw--e { grid-area: e; }
.v1 .fw--f { grid-area: f; }
.v1 .fw--g { grid-area: g; }
.v1 .fw__n { font: 500 calc(0.8125rem * var(--kt))/1 var(--f-mono); letter-spacing: 0.08em; color: var(--red); font-variant-numeric: tabular-nums; }
.v1 .fw__who { margin: auto 0 0; font: 800 min(calc(clamp(1.45rem, 2.1vw, 2.1rem) * var(--kh)), var(--cap, 100vw))/1 var(--f-disp); text-transform: uppercase; text-wrap: balance; overflow-wrap: break-word; }
.v1 .fw__p { margin: 0; max-width: 40ch; color: var(--stone); font-size: calc(1rem * var(--kt)); line-height: 1.5; }
.v1 .fw__dash { color: var(--red); font-weight: 600; }
.v1 .fw--red { background: var(--red); color: var(--paper); }
.v1 .fw--red .fw__n, .v1 .fw--red .fw__p, .v1 .fw--red .fw__dash { color: var(--paper); }
.v1 .fw--ink { background: var(--ink); color: var(--paper); }
.v1 .fw--ink .fw__n { color: var(--fog); }
.v1 .fw--ink .fw__p { color: var(--paper-dim); }
.v1 .fw--ink .fw__dash { color: var(--red-bright); }
.v1 .fw--photo { padding: 0; gap: 0; }
.v1 .fw__ph { flex: 1 1 auto; min-height: calc(300px * var(--tw-img)); }
.v1 .fw--d .fw__ph { min-height: calc(250px * var(--tw-img)); }
.v1 .fw__body { display: flex; flex-direction: column; gap: 12px; padding: 22px clamp(24px, 2.4vw, 36px) clamp(24px, 2.4vw, 36px); }
.v1 .fw--photo .fw__who { margin-top: 4px; }
.v1 .fw--a .fw__who { font-size: min(calc(clamp(2rem, 3.4vw, 3.4rem) * var(--kh)), var(--cap, 100vw)); }
.v1 .fw__accent { margin: clamp(44px, 5vw, 72px) 0 0 calc(5 / 12 * 100%); max-width: 24ch; font-size: min(calc(clamp(2rem, 3.6vw, 3.4rem) * var(--kh)), var(--cap, 100vw)); color: var(--ink); }
.v1 .situation { padding-bottom: 0; }
.v1 .sit__grid { --g: clamp(32px, 6vw, 110px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, calc((100% - var(--g)) * 4 / 11 * var(--tw-img))); gap: var(--g); align-items: start; }
.v1 .sit__title { max-width: 15ch; }
.v1 .sit__list { list-style: none; padding: 0; margin: clamp(40px, 4vw, 64px) 0 0; }
.v1 .sit__row { display: grid; grid-template-columns: 56px minmax(0, 1fr); padding: 20px 0 22px; border-top: 1px solid var(--hair); font: 500 calc(clamp(1.125rem, 1.55vw, 1.4rem) * var(--kt))/1.36 var(--f-body); transition: opacity 0.35s var(--ease), color 0.35s var(--ease); }
.v1 .sit__row:last-child { border-bottom: 1px solid var(--hair); }
.v1 .sit__row p { grid-column: 2; margin: 0; max-width: 44ch; }
.v1 .sit__n { grid-row: 1 / 3; font: 900 min(calc(1.25rem * var(--kh)), var(--cap, 100vw))/1.35 var(--f-disp); color: var(--red); font-variant-numeric: tabular-nums; }
.v1 .sit__sub { position: relative; margin-top: 10px !important; padding-left: 26px; font-size: calc(1.0625rem * var(--kt)); color: var(--stone); }
.v1 .sit__sub::before { content: ""; position: absolute; left: 0; top: 0.8em; width: 14px; height: 1px; background: var(--red); }
.v1 .sit__list.is-dim .sit__row { opacity: 0.3; }
.v1 .sit__list.is-dim .sit__row.is-lit { opacity: 1; }
.v1 .sit__ph { position: sticky; top: 14vh; aspect-ratio: 3 / 4; }
.v1 .sit__band { margin-top: clamp(72px, 9vw, 130px); padding-block: clamp(30px, 3.6vw, 52px); background: var(--red); color: var(--paper); }
.v1 .sit__final { margin-block: 0; font: 800 min(calc(clamp(1.75rem, 3.4vw, 3.25rem) * var(--kh)), var(--cap, 100vw))/0.98 var(--f-disp); text-transform: uppercase; text-wrap: balance; }
.v1 .nw__title { max-width: 19ch; }
.v1 .pipe { position: relative; --p: 1; margin: clamp(64px, 8vw, 112px) 0 clamp(56px, 7vw, 100px); }
.v1 .pipe__rail { position: absolute; left: 12.5%; right: 12.5%; top: 11px; height: 2px; background: repeating-linear-gradient(90deg, var(--slate) 0 8px, transparent 8px 16px); }
.v1 .pipe__fill { position: absolute; inset: 0; background: var(--red-bright); transform-origin: 0 50%; transform: scaleX(var(--p)); }
.v1 .pipe__pulse { position: absolute; top: -3px; left: 0; width: 100%; height: 8px; transform: translateX(calc((var(--p) - 1) * 100%)); opacity: 0; pointer-events: none; }
.v1 .pipe__pulse::before { content: ""; position: absolute; right: 0; top: 0; width: 76px; height: 8px; background: var(--red-bright); }
.v1 .pipe__pulse::after { content: ""; position: absolute; right: 0; top: 0; width: 8px; height: 8px; background: var(--paper); }
.v1 .pipe__nodes { position: relative; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); counter-reset: node; }
.v1 .node { counter-increment: node; display: flex; flex-direction: column; align-items: center; gap: 22px; padding: 0 10px; text-align: center; }
.v1 .node__arr { display: none; }
.v1 .node__dot { width: 24px; height: 24px; background: var(--red-bright); border: 2px solid var(--red-bright); transition: background-color 0.3s var(--ease), border-color 0.3s var(--ease); }
.v1 .node__t { max-width: 11ch; font: 800 min(calc(clamp(1.4rem, 2.4vw, 2.4rem) * var(--kh)), var(--cap, 100vw))/0.95 var(--f-disp); text-transform: uppercase; color: var(--paper); transition: color 0.3s var(--ease); }
.v1 .node__t::before { content: counter(node, decimal-leading-zero); display: block; margin-bottom: 12px; font: 500 calc(0.8125rem * var(--kt))/1 var(--f-mono); letter-spacing: 0.08em; color: var(--fog); }
.v1 .node--end .node__t { color: var(--red-bright); }
.v1 .pipe.is-live .node:not(.is-lit) .node__dot { background: var(--ink); border-color: var(--slate); }
.v1 .pipe.is-live .node:not(.is-lit) .node__t { color: var(--slate); }
.v1 .nw__body { --g: clamp(32px, 5vw, 88px); display: grid; grid-template-columns: minmax(0, calc((100% - var(--g)) * 1.05 / 2.05 * var(--tw-img))) minmax(0, 1fr); gap: var(--g); align-items: center; }
.v1 .nw__ph { aspect-ratio: 16 / 10; min-height: 0; }
.v1 .nw__text p { color: var(--paper-dim); max-width: 50ch; }
.v1 .nw__note { display: flex; align-items: center; gap: 16px; margin: clamp(20px, 2.4vw, 32px) 0 0 !important; padding-top: clamp(20px, 2.4vw, 32px); border-top: 1px solid var(--slate); font: italic 600 min(calc(clamp(1.6rem, 2.4vw, 2.3rem) * var(--kh)), var(--cap, 100vw))/1.1 var(--f-acc); color: var(--paper) !important; max-width: none !important; }
.v1 .nw__ast { width: 28px; height: 28px; flex: none; color: var(--red-bright); stroke-width: 2.2; }
.v1 .after { padding-block: calc(clamp(40px, 6vh, 80px) * var(--tw-space)); }
.v1 .after__inner { min-height: calc(100vh - clamp(80px, 12vh, 160px)); display: flex; flex-direction: column; justify-content: center; }
.v1 .after .folio { margin-bottom: clamp(20px, 3vh, 36px); }
.v1 .after__title { max-width: 32ch; margin-inline: auto; text-align: center; font-size: min(calc(clamp(2.2rem, 4vw, 3.9rem) * var(--kh)), var(--cap, 100vw)); }
.v1 .gaze { display: grid; grid-template-columns: minmax(0, 1fr) calc(min(26vw, 36vh) * var(--tw-img-main)) minmax(0, 1fr); grid-template-rows: repeat(3, auto); column-gap: clamp(28px, 4vw, 72px); align-items: center; margin-top: clamp(16px, 3vh, 40px); }
.v1 .gaze__list { display: contents; }
.v1 .gaze__portrait { grid-column: 2; grid-row: 1 / 4; position: relative; aspect-ratio: 4 / 5; }
.v1 .gaze__plaque { position: absolute; left: 9%; right: 9%; top: 16%; bottom: 0; background: var(--red); }
.v1 .gaze__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: 50% 100%; filter: grayscale(1) contrast(1.08); opacity: 0; z-index: 0; transition: opacity 0.15s linear; }
.v1 .gaze__img.is-prev { opacity: 1; z-index: 1; }
.v1 .gaze__img.is-on { opacity: 1; z-index: 2; transition: opacity 0.25s linear; }
.v1 .gaze__item { grid-row: var(--r); list-style: none; max-width: 17ch; font: 800 min(calc(clamp(1.3rem, 2vw, 1.95rem) * var(--kh)), var(--cap, 100vw))/1.02 var(--f-disp); text-transform: uppercase; transition: opacity 0.3s var(--ease), color 0.3s var(--ease); }
.v1 .gaze__item--l { grid-column: 1; justify-self: end; text-align: right; }
.v1 .gaze__item--r { grid-column: 3; justify-self: start; }
.v1 .gaze__n { display: block; margin-bottom: 10px; font: 600 calc(0.75rem * var(--kt))/1 var(--f-body); letter-spacing: 0.14em; color: var(--stone); font-variant-numeric: tabular-nums; }
.v1 .gaze__t { display: block; }
.v1 .gaze__item::after { content: ""; display: block; width: 72px; height: 2px; margin-top: 14px; background: var(--red); transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.4s var(--ease); }
.v1 .gaze__item--l::after { margin-left: auto; transform-origin: 100% 50%; }
.v1 .gaze.is-live .gaze__item { opacity: 0.3; }
.v1 .gaze.is-live .gaze__item.is-on { opacity: 1; color: var(--red); }
.v1 .gaze__item.is-on .gaze__n { color: var(--red); }
.v1 .gaze.is-live .gaze__item.is-on::after { transform: none; }
.v1 .after__accent { margin: clamp(20px, 3.4vh, 44px) auto 0; max-width: 38ch; text-align: center; font-size: min(calc(clamp(1.4rem, 2.2vw, 2.1rem) * var(--kh)), var(--cap, 100vw)); }
.v1 .ap__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 96px); align-items: start; }
.v1 .ap__head { position: sticky; top: 14vh; }
.v1 .ap__title { max-width: none; font-size: min(calc(clamp(2.2rem, 3.7vw, 3.7rem) * var(--kh)), var(--cap, 100vw)); }
.v1 .stack { list-style: none; margin: 0; padding: 0 0 8vh; display: flex; flex-direction: column; gap: 28px; }
.v1 .scard { --i: 0; position: sticky; top: calc(14vh + var(--i) * 26px); display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: clamp(20px, 2.6vw, 44px); row-gap: 14px; min-height: min(340px, 52vh); padding: clamp(28px, 3vw, 48px); background: var(--graphite); color: var(--paper); border-top: 1px solid var(--slate); transform-origin: 50% 0; }
.v1 .scard:nth-child(2) { --i: 1; }
.v1 .scard:nth-child(3) { --i: 2; }
.v1 .scard:nth-child(4) { --i: 3; }
.v1 .scard:nth-child(5) { --i: 4; }
.v1 .scard__n { grid-row: 1 / 3; margin: 0; font: 900 min(calc(clamp(3.4rem, 6vw, 5.5rem) * var(--kh)), var(--cap, 100vw))/0.85 var(--f-disp); font-variant-numeric: tabular-nums lining-nums; color: var(--red-bright); }
.v1 .scard__h { margin: 0; align-self: end; font: 800 min(calc(clamp(1.6rem, 2.6vw, 2.5rem) * var(--kh)), var(--cap, 100vw))/0.98 var(--f-disp); text-transform: uppercase; text-wrap: balance; }
.v1 .scard__p { margin: 0; max-width: 36ch; color: var(--fog); font-size: calc(clamp(1.0625rem, 1.3vw, 1.25rem) * var(--kt)); line-height: 1.5; }
.v1 .scard--last { background: var(--red); border-top-color: var(--red); }
.v1 .scard--last .scard__n, .v1 .scard--last .scard__p { color: var(--paper); }
.v1 .inside { overflow-x: clip; padding-bottom: calc(clamp(72px, 9vw, 130px) * var(--tw-space)); }
.v1 .ins__grid { --g: clamp(32px, 5vw, 96px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, calc((100% - var(--g)) * 4 / 12 * var(--tw-img))); gap: var(--g); align-items: start; }
.v1 .ins__title { max-width: 19ch; }
.v1 .ins__list { list-style: none; padding: 0; margin: clamp(40px, 5vw, 72px) 0 0; columns: 2; column-gap: clamp(28px, 3vw, 48px); }
.v1 .ins__item { break-inside: avoid; overflow: hidden; border-top: 1px solid var(--hair); padding: 15px 0 17px; }
.v1 .ins__line { display: flex; gap: 16px; font-size: calc(1.0625rem * var(--kt)); line-height: 1.45; }
.v1 .ins__n { flex: none; min-width: 1.7em; font: 800 min(calc(1rem * var(--kh)), var(--cap, 100vw))/1.5 var(--f-disp); color: var(--red); font-variant-numeric: tabular-nums; }
.v1 .ins__collage { position: sticky; top: 12vh; display: flex; flex-direction: column; }
.v1 .ins__ph { justify-content: flex-start; }
.v1 .ins__ph--a { aspect-ratio: 4 / 3; z-index: 1; }
.v1 .ins__ph--b { width: 76%; margin: -10% 0 0 auto; aspect-ratio: 4 / 3; z-index: 2; }
.v1 .ins__ph--c { width: 88%; margin-top: -8%; aspect-ratio: 4 / 3; z-index: 3; }
.v1 .ins__ph { min-height: 0; }
.v1 .ribbon { position: relative; width: 108vw; margin: clamp(80px, 10vw, 150px) 0 clamp(56px, 7vw, 96px) -4vw; height: 64px; display: flex; align-items: center; overflow: hidden; background: var(--red); color: var(--paper); transform: rotate(-2deg); }
.v1 .ribbon__track { display: flex; white-space: nowrap; will-change: transform; }
.v1 .ribbon__seq { display: inline-flex; align-items: center; gap: 0.55em; padding-right: 0.55em; font: 800 min(calc(clamp(1.5rem, 2.2vw, 2rem) * var(--kh)), var(--cap, 100vw))/1 var(--f-disp); letter-spacing: 0.01em; text-transform: uppercase; }
.v1 .ribbon__ast { width: 0.75em; height: 0.75em; stroke-width: 2.4; }
.v1 .ins__accent { margin-left: calc(100% / 3); max-width: 26ch; font-size: min(calc(clamp(2rem, 3.6vw, 3.4rem) * var(--kh)), var(--cap, 100vw)); }
.v1 .not-coding { overflow: hidden; }
.v1 .nc__title { max-width: 14ch; font-size: min(calc(clamp(2.6rem, 6vw, 5.6rem) * var(--kh)), var(--cap, 100vw)); }
.v1 .nc__words { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 0.2em; margin: clamp(24px, 3vw, 44px) 0 0; font: 900 min(calc(clamp(2.4rem, 5vw, 4.75rem) * var(--kh)), var(--cap, 100vw))/0.9 var(--f-disp); letter-spacing: -0.01em; color: var(--stone); user-select: none; }
.v1 .bigword { position: relative; display: inline-block; }
.v1 .bigword .ch { position: relative; display: inline-block; }
.v1 .bigword .ch__g { position: absolute; left: 0; top: 0; opacity: 0; }
.v1 .bigword--slash { color: var(--red); }
.v1 .bigword[data-word]::after { content: ""; position: absolute; left: -3%; right: -3%; top: 50%; height: 0.085em; background: var(--red); transform: scaleX(var(--s, 1)); transform-origin: 0 50%; }
.v1 .nc__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: clamp(40px, 5vw, 96px); align-items: end; }
.v1 .nc__body { padding-left: clamp(24px, 2.6vw, 40px); border-left: 1px solid var(--hair); }
.v1 .nc__cols { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 16px; }
.v1 .nc__cols p { margin: 0; max-width: 46ch; }
.v1 .nc__key { max-width: 34ch; margin: clamp(24px, 2.6vw, 36px) 0 0; padding-top: 20px; border-top: 1px solid var(--hair); color: var(--stone); }
.v1 .nc__mark { color: var(--red); font-weight: 600; }
.v1 .strike__line { position: absolute; left: -3%; right: -3%; top: 55%; height: 3px; background: var(--red); transform-origin: 0 50%; }
.v1 .st__title { max-width: none; --cap: calc(100cqi / 9.1); }
.v1 .mosaic { list-style: none; padding: 0; margin: clamp(48px, 6vw, 88px) 0 0; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: minmax(210px, auto); gap: 20px; }
.v1 .mod { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 28px; padding: clamp(24px, 2.8vw, 44px); }
.v1 .mod__title { margin: 0; max-width: 18ch; font: 800 min(calc(clamp(1.45rem, 2.2vw, 2.2rem) * var(--kh)), var(--cap, 100vw))/1 var(--f-disp); text-transform: uppercase; text-wrap: balance; }
.v1 .mod__ico { width: 56px; height: 56px; padding: 14px; border: 1px solid currentColor; border-radius: 50%; stroke-width: 1.5; }
.v1 .mod--a { grid-column: 1 / 6; grid-row: 1 / 3; padding: 0; background: var(--paper-deep); gap: 0; }
.v1 .mod--a .mod__ph { flex: 1; min-height: calc(300px * var(--tw-img)); }
.v1 .mod--a .mod__title { padding: 24px clamp(24px, 2.8vw, 44px) clamp(24px, 2.8vw, 40px); font-size: min(calc(clamp(2rem, 3.6vw, 3.4rem) * var(--kh)), var(--cap, 100vw)); }
.v1 .mod--b { grid-column: 6 / 13; background: var(--ink); color: var(--paper); }
.v1 .mod--b .mod__ico { color: var(--red-bright); }
.v1 .mod--b .mod__title { font-size: min(calc(clamp(2rem, 3.8vw, 3.6rem) * var(--kh)), var(--cap, 100vw)); max-width: 16ch; }
.v1 .mod--c { grid-column: 6 / 9; background: var(--red); color: var(--paper); }
.v1 .mod--d { grid-column: 9 / 13; background: var(--paper-deep); }
.v1 .mod--d .mod__ico { color: var(--red); }
.v1 .st__sum { margin: clamp(36px, 4vw, 56px) 0 0; max-width: 46ch; padding-top: 22px; border-top: 1px solid var(--ink); }
.v1 .about { overflow: hidden; }
.v1 .about__grid { --g: clamp(40px, 6vw, 112px); display: grid; grid-template-columns: minmax(0, calc((100% - var(--g)) * 5 / 12 * var(--tw-img-main))) minmax(0, 1fr); gap: var(--g); align-items: center; }
.v1 .about__fig { position: relative; margin: 0; }
.v1 .about__glow { position: absolute; left: -9%; bottom: 4%; width: 118%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(closest-side, color-mix(in srgb, var(--red) 78%, transparent), rgba(108, 1, 2, 0.5) 46%, rgba(18, 20, 22, 0) 100%); }
.v1 .about__img { position: relative; width: 100%; height: auto; filter: grayscale(1) contrast(1.12) brightness(0.96); -webkit-mask-image: linear-gradient(180deg, #000 80%, transparent); mask-image: linear-gradient(180deg, #000 80%, transparent); }
.v1 .about__cap { position: absolute; left: 0; bottom: 10%; padding: 9px 14px; background: var(--red); color: var(--paper); font: 500 calc(0.875rem * var(--kt))/1 var(--f-mono); letter-spacing: 0.06em; white-space: nowrap; }
.v1 .about__cap-gt { font-weight: 700; }
.v1 .ab__title { max-width: 18ch; margin-bottom: clamp(28px, 3vw, 44px); }
.v1 .about__lead { color: var(--paper); }
.v1 .about__name { font-weight: 600; white-space: nowrap; text-decoration: underline 2px var(--red-bright); text-underline-offset: 0.22em; }
.v1 .about__p { color: var(--fog); max-width: 58ch; margin: 0; }
.v1 .price__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(40px, 6vw, 112px); align-items: stretch; }
.v1 .price__intro { display: flex; flex-direction: column; justify-content: space-between; }
.v1 .pr__title { max-width: 16ch; }
.v1 .pr__accent { margin: clamp(36px, 4vw, 56px) 0 0; max-width: 24ch; font-size: min(calc(clamp(1.6rem, 2.6vw, 2.5rem) * var(--kh)), var(--cap, 100vw)); }
.v1 .card-price { display: flex; flex-direction: column; background: var(--ink); color: var(--paper); border: 1px solid var(--slate); padding: clamp(28px, 3.4vw, 48px); }
.v1 .card-price .btn--block { margin-top: auto; }
.v1 .card-price__name { color: var(--fog); }
.v1 .card-price__nums { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 24px; margin: 28px 0 30px; padding-bottom: 30px; border-bottom: 1px solid var(--slate); }
.v1 .card-price__old { margin: 0; font: 800 min(calc(clamp(1.5rem, 2.2vw, 2rem) * var(--kh)), var(--cap, 100vw))/1 var(--f-disp); color: var(--fog); }
.v1 .card-price__old-in { position: relative; display: inline-block; }
.v1 .card-price__old .strike__line { background: var(--red-bright); height: 2px; top: 50%; }
.v1 .card-price__new { margin: 0; font: 900 min(calc(clamp(4rem, 7.2vw, 6.5rem) * var(--kh)), var(--cap, 100vw))/0.9 var(--f-disp); font-variant-numeric: tabular-nums lining-nums; white-space: nowrap; }
.v1 .card-price__list { list-style: none; padding: 0; margin: 0 0 36px; }
.v1 .card-price__list li { position: relative; padding: 12px 0 12px 28px; border-top: 1px solid rgba(85, 102, 110, 0.6); color: var(--paper-dim); font-size: calc(1rem * var(--kt)); }
.v1 .card-price__list li:first-child { border-top: 0; }
.v1 .card-price__list li::before { content: ""; position: absolute; left: 0; top: 1.45em; width: 14px; height: 1px; background: var(--red-bright); }
.v1 .faq__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(32px, 5vw, 96px); align-items: start; }
.v1 .faq__side { position: sticky; top: 14vh; }
.v1 .faq__plus { display: block; width: clamp(110px, 15vw, 230px); height: auto; color: var(--red); fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: butt; }
.v1 .faq__list { border-bottom: 1px solid var(--ink); }
.v1 .qa { border-top: 1px solid var(--ink); }
.v1 .qa summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 0; cursor: pointer; list-style: none; }
.v1 .qa summary::-webkit-details-marker { display: none; }
.v1 .qa summary:focus-visible { outline-offset: 6px; }
.v1 .qa__q { font: 800 min(calc(clamp(1.25rem, 1.9vw, 1.75rem) * var(--kh)), var(--cap, 100vw))/1.06 var(--f-disp); text-transform: uppercase; transition: color 0.2s var(--ease); text-wrap: balance; }
.v1 .qa summary:hover .qa__q { color: var(--red); }
.v1 .qa__ico { position: relative; flex: none; width: 40px; height: 40px; border: 1px solid var(--ink); border-radius: 50%; color: var(--ink); transition: transform 0.3s var(--ease), background-color 0.3s var(--ease), border-color 0.3s var(--ease), color 0.3s var(--ease); }
.v1 .qa__ico::before, .v1 .qa__ico::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 1.5px; margin: -0.75px 0 0 -7px; background: currentColor; }
.v1 .qa__ico::after { transform: rotate(90deg); }
.v1 .qa[open] .qa__ico { transform: rotate(45deg); background: var(--red); border-color: var(--red); color: var(--paper); }
.v1 .qa__a { margin: -6px 0 30px; max-width: 62ch; color: var(--stone); }
.v1 .final { position: relative; overflow: hidden; background: var(--oxblood-deep); color: var(--paper); padding-block: calc(clamp(96px, 12vw, 180px) * var(--tw-space)); }
.v1 .final__inner { display: flex; flex-direction: column; align-items: center; text-align: center; }
.v1 .final .folio { align-self: stretch; }
.v1 .final__title { margin: 0; max-width: 12ch; font: 900 min(calc(clamp(3rem, 8vw, 7.6rem) * var(--kh)), var(--cap, 100vw))/0.86 var(--f-disp); letter-spacing: -0.01em; text-transform: uppercase; text-wrap: balance; }
.v1 .cmds { list-style: none; padding: 0; margin: clamp(44px, 5vw, 72px) 0 0; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.v1 .cmd { font: italic 600 min(calc(clamp(1.7rem, 3vw, 2.8rem) * var(--kh)), var(--cap, 100vw))/1.2 var(--f-acc); transition: color 0.3s var(--ease); }
.v1 .cmd__gt { margin-right: 0.5em; font: 700 0.7em/1 var(--f-mono); font-style: normal; color: var(--red-bright); vertical-align: 0.1em; }
.v1 .cmd { position: relative; }
.v1 .cmd__t { background: linear-gradient(var(--red-bright), var(--red-bright)) no-repeat 0 60% / 100% 3px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.v1 .cmds.is-js .cmd__t { background: none; }
.v1 .cmd__x { position: absolute; height: 3px; background: var(--red-bright); transform-origin: 0 50%; transform: scaleX(clamp(0, calc(var(--s, 1) * var(--n, 1) - var(--k, 0)), 1)); pointer-events: none; }
.v1 .cmd.is-struck { color: rgba(246, 239, 227, 0.62); }
.v1 .minipipe { margin: clamp(44px, 5vw, 68px) 0 clamp(36px, 4vw, 52px); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px 12px; }
.v1 .mp { padding: 12px 18px; border: 1px solid rgba(246, 239, 227, 0.36); font: 600 calc(0.8125rem * var(--kt))/1.25 var(--f-body); letter-spacing: 0.12em; text-transform: uppercase; }
.v1 .mp--end { background: var(--red); border-color: var(--red); }
.v1 .mp__arr { font: 700 calc(1.1rem * var(--kt))/1 var(--f-body); color: var(--red-bright); }
.v1 .btn--final { min-height: 68px; padding-inline: 38px 34px; font-size: calc(0.875rem * var(--kt)); }
.v1 .btn--final:focus-visible { outline-color: var(--paper); }
.v1 .footer { position: relative; background: var(--ink); color: var(--paper); padding-block: calc(clamp(64px, 8vw, 110px) * var(--tw-space)) calc(clamp(96px, 10vw, 130px) * var(--tw-space)); }
.v1 .footer__inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px 40px; }
.v1 .footer__name { margin: 0; font: 600 calc(0.8125rem * var(--kt))/1.3 var(--f-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--paper); }
.v1 .footer__links { display: flex; flex-wrap: wrap; gap: 14px 32px; }
.v1 .footer__links a { font: 600 calc(0.75rem * var(--kt))/1.3 var(--f-body); letter-spacing: 0.14em; text-transform: uppercase; text-decoration: none; color: var(--fog); padding-block: 8px; transition: color 0.2s var(--ease); }
.v1 .footer__links a:hover { color: var(--paper); }
.v1 .footer__links a:focus-visible { outline-color: var(--paper); }
.v1 .footer__legal { flex-basis: 100%; margin: 0; padding-top: 22px; border-top: 1px solid rgba(154, 165, 171, 0.22); font: 400 calc(0.8125rem * var(--kt))/1.6 var(--f-body); letter-spacing: 0.02em; color: var(--fog); }
.v1 .pay { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(18, 20, 22, 0.72); visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 0.15s linear, visibility 0s linear 0.15s; }
.v1 .pay.is-open { visibility: visible; opacity: 1; pointer-events: auto; transition: opacity 0.15s linear; }
.v1 .pay__box { position: relative; display: flex; flex-direction: column; width: min(580px, 100%); max-height: 100%; background: #fff; color: var(--ink); }
.v1 .pay__box:focus { outline: none; }
.v1 .pay__scroll { flex: 0 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 8px; }
.v1 .pay__close { position: absolute; top: 2px; right: 2px; z-index: 1; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; background: #fff; color: var(--ink); border: 0; border-radius: 0; cursor: pointer; }
.v1 .pay__close svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.v1 .pay__close:hover { color: var(--red); }
.v1 .pay__slot iframe { display: block; width: 100%; border: 0; }
.v1 .pay__load { display: grid; place-items: center; min-height: 240px; }
.v1 .pay__bar { position: relative; display: block; width: 140px; height: 2px; overflow: hidden; background: #e6e6e6; }
.v1 .pay__bar::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 38%; background: var(--red); animation: pay-bar 1.2s linear infinite; }
@keyframes pay-bar { from { transform: translateX(-100%); } to { transform: translateX(265%); } }
.v1 .pay:not(.is-open) .pay__bar::after { animation: none; }
.v1 .pay.is-ready .pay__load, .v1 .pay.is-fail .pay__load { display: none; }
.v1 .pay__fail { margin: 0; padding: 24px 8px 32px; text-align: center; }
.v1 .pay__fail[hidden] { display: none; }
.v1 .pay__fail a { font: 600 0.8125rem/1.3 var(--f-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--red); text-underline-offset: 4px; }
@media (max-width: 699px) {
.v1 .pay { padding: 8px; }
.v1 .pay__scroll { padding: 4px; }
}
@media (max-width: 1100px) {
.v1 .bento { grid-template-areas: "a a a a a a a b b b b b" "a a a a a a a c c c c c" "d d d d d e e e e e e e" "d d d d d f f f f f f f" "g g g g g g g g g g g g"; }
.v1 .ins__grid { grid-template-columns: minmax(0, 1fr); }
.v1 .ins__collage { position: relative; top: 0; display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 16px; align-items: end; }
.v1 .ins__ph--b, .v1 .ins__ph--c { width: auto; margin: 0; }
.v1 .ins__ph--a, .v1 .ins__ph--b, .v1 .ins__ph--c { aspect-ratio: 4 / calc(3 * var(--tw-img)); }
}
@media (max-width: 900px) {
.v1 .fw__accent { margin-left: calc(100% / 3); font-size: min(calc(clamp(1.6rem, 3.6vw, 2.4rem) * var(--kh)), var(--cap, 100vw)); }
.v1 .nw__body { grid-template-columns: minmax(0, 1fr); }
.v1 .nw__ph { aspect-ratio: 16 / calc(10 * var(--tw-img)); }
.v1 .ap__grid { grid-template-columns: minmax(0, 1fr); }
.v1 .ap__head { position: relative; top: 0; }
.v1 .sit__grid { grid-template-columns: minmax(0, 1fr); }
.v1 .sit__ph { position: relative; top: 0; aspect-ratio: 16 / calc(10 * var(--tw-img)); }
.v1 .mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v1 .mod--a { grid-column: 1 / -1; grid-row: auto; }
.v1 .mod--b { grid-column: 1 / -1; }
.v1 .mod--c { grid-column: 1 / 2; }
.v1 .mod--d { grid-column: 2 / 3; }
.v1 .about__grid { grid-template-columns: minmax(0, 1fr); }
.v1 .about__fig { width: min(100%, calc(460px * var(--tw-img-main))); margin-inline: auto; }
.v1 .price__grid { grid-template-columns: minmax(0, 1fr); }
.v1 .faq__grid { grid-template-columns: minmax(0, 1fr); }
.v1 .faq__side { position: relative; top: 0; display: flex; align-items: flex-end; justify-content: space-between; }
.v1 .faq__side .folio { flex: 1; margin-bottom: 0; }
.v1 .faq__plus { width: 64px; margin-left: 24px; }
.v1 .gaze { grid-template-columns: minmax(0, 1fr) calc(min(34vw, 40vh) * var(--tw-img-main)) minmax(0, 1fr); }
}
@media (max-width: 900px), (max-aspect-ratio: 1/1) {
.v1 .hero__stage { --panel-h: 250px; --pw: calc(min(124cqw, (100cqh - var(--panel-h) - 200px) * 1.7778) * var(--tw-img-main)); }
.v1 .scene1 { background: linear-gradient(to top, var(--studio-desk-deep) 0, var(--studio-desk-lo) calc(var(--panel-h) - 12px + var(--ph) * 0.075), transparent calc(var(--panel-h) - 11px + var(--ph) * 0.075)), radial-gradient(90% 70% at 50% 40%, var(--studio-hi) 0%, var(--studio-mid-2) 40%, var(--studio-lo-2) 75%, var(--studio) 100%); }
.v1 .scene1__photo, .v1 .scene1__figure { bottom: calc(var(--panel-h) - 12px); translate: -48.3% 0; }
.v1 .scene1__photo { --t: calc(12% * var(--soft, 1)); -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--e), #000 calc(100% - var(--e)), transparent 100%), linear-gradient(to bottom, transparent 0, #000 var(--t), #000 calc(100% - var(--t)), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 var(--e), #000 calc(100% - var(--e)), transparent 100%), linear-gradient(to bottom, transparent 0, #000 var(--t), #000 calc(100% - var(--t)), transparent 100%); }
.v1 .scene1__slab { left: calc(50% - var(--pw) * 0.085); width: calc(var(--pw) * 0.22); bottom: calc(var(--panel-h) - 12px); }
.v1 .hero__word { top: auto; bottom: calc(var(--panel-h) - 12px + var(--ph) * 0.8); }
.v1 .hero__copy { bottom: 0; align-items: flex-end; background: var(--plate); padding-top: 22px; padding-bottom: clamp(22px, 3.5vh, 40px); --copy-b: 0px; --room-x: max(0px, calc((100cqw - min(100cqw, var(--tw-container))) / 2 + var(--pad) - 8px)); }
.v1 .hero__title, .v1 .hero__aside { background: none; padding: 0; margin-inline: 0; width: auto; max-width: 48%; }
}
@media (max-width: 699px) {
:root { --sec-y: calc(clamp(72px, 20vw, 96px) * var(--tw-space)); }
.v1 .hero__stage { --panel-h: 352px; --pw: calc(min(124cqw, (100cqh - var(--panel-h) - 270px) * 1.7778) * var(--tw-img-main)); }
.v1 .hero__top { flex-direction: column; gap: 6px; }
.v1 .hero__top .label { width: fit-content; padding: 4px 8px 3px; }
.v1 .hero__mini { display: block; font-size: calc(0.625rem * var(--kt)); letter-spacing: 0.05em; }
.v1 .hero__mini .dot { margin: 0 6px 1px; }
.v1 .hero__word { font-size: 29.5vw; line-height: 0.8; bottom: calc(var(--panel-h) - 12px + var(--ph) * 0.942 + 0.3em); }
.v1 .hero__w { display: block; }
.v1 .hero__sub { font-size: 0.4em; margin-top: -0.02em; }
.v1 .hero__copy { display: block; padding-top: 18px; padding-bottom: 20px; }
.v1 .hero__title, .v1 .hero__aside { max-width: none; }
.v1 .hero__title-a { font-size: min(calc(clamp(1.45rem, 6.6vw, 1.9rem) * var(--kh)), var(--cap, 100vw)); }
.v1 .hero__title-b { font-size: min(calc(clamp(1.3rem, 5.6vw, 1.6rem) * var(--kh)), var(--cap, 100vw)); margin-top: 6px; }
.v1 .hero__aside { margin-top: 14px; gap: 16px; }
.v1 .hero__aside .lead { font-size: calc(1rem * var(--kt)); line-height: 1.45; }
.v1 .btn--hero { width: 100%; justify-content: space-between; min-height: 64px; }
.v1 .btn--hero::after { --pulse-s: 1.067 1.375; }
.v1 .h2 { font-size: min(min(calc(clamp(2.1rem, 10.5vw, 2.8rem) * var(--kh)), var(--cap, 100vw)), 15vw); }
.v1 .h2, .v1 .sec h3, .v1 .sec p, .v1 .sec li, .v1 .final__title, .v1 .footer__name { overflow-wrap: break-word; }
.v1 .final__title { font-size: min(min(calc(clamp(3rem, 8vw, 7.6rem) * var(--kh)), var(--cap, 100vw)), 15.5vw); }
.v1 .bento { grid-template-columns: minmax(0, 1fr); grid-template-areas: "a" "b" "c" "d" "e" "f" "g"; gap: 14px; }
.v1 .fw { min-height: 0; }
.v1 .fw__n { margin-bottom: 18px; }
.v1 .fw__ph, .v1 .fw--d .fw__ph { min-height: 0; aspect-ratio: 4 / calc(4.2 * var(--tw-img)); }
.v1 .fw__accent { margin-left: 0; }
.v1 .sit__row { grid-template-columns: 36px minmax(0, 1fr); }
.v1 .pipe__rail { left: 11px; right: auto; top: 12px; bottom: 12px; width: 2px; height: auto; background: repeating-linear-gradient(180deg, var(--slate) 0 8px, transparent 8px 16px); }
.v1 .pipe__fill { transform-origin: 50% 0; transform: scaleY(var(--p)); }
.v1 .pipe__pulse { display: none; }
.v1 .pipe__nodes { grid-template-columns: minmax(0, 1fr); gap: 30px; }
.v1 .node { flex-direction: row; align-items: center; gap: 20px; padding: 0; text-align: left; }
.v1 .node__dot { flex: none; }
.v1 .node__t { max-width: none; font-size: min(calc(1.75rem * var(--kh)), var(--cap, 100vw)); }
.v1 .node__t::before { margin-bottom: 8px; }
.v1 .scard { top: calc(12vh + var(--i) * 14px); grid-template-columns: minmax(0, 1fr); min-height: 0; row-gap: 12px; padding: 26px 24px 30px; }
.v1 .scard__n { grid-row: auto; font-size: min(calc(3.2rem * var(--kh)), var(--cap, 100vw)); }
.v1 .nc__words { font-size: min(calc(8.5vw * var(--kh)), var(--cap, 100vw)); }
.v1 .ins__grid { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
.v1 .ins__main, .v1 .ins__list, .v1 .ins__collage { display: contents; }
.v1 .ins__title { margin-bottom: 40px; }
.v1 .ins__item { order: 1; }
.v1 .ins__ph--a { order: 2; }
.v1 .ins__item:nth-child(n+3) { order: 3; }
.v1 .ins__ph--b { order: 4; }
.v1 .ins__item:nth-child(n+9) { order: 5; }
.v1 .ins__ph--c { order: 6; }
.v1 .ins__item:nth-child(n+15) { order: 7; }
.v1 .ins__ph { margin: 10px 0 36px; }
.v1 .ins__accent { margin-left: 0; }
.v1 .ribbon { height: 52px; }
.v1 .cmds { align-items: flex-start; text-align: left; }
.v1 .cmd { padding-left: 1.3em; text-indent: -1.3em; font-size: min(min(calc(1.75rem * var(--kh)), var(--cap, 100vw)), 9.5vw); }
.v1 .final__inner { align-items: flex-start; text-align: left; }
.v1 .minipipe { justify-content: flex-start; }
.v1 .btn--final { width: 100%; justify-content: space-between; padding-inline: 22px 20px; font-size: calc(0.75rem * var(--kt)); letter-spacing: 0.1em; }
.v1 .about__cap { font-size: calc(0.8125rem * var(--kt)); }
.v1 .mosaic { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; gap: 14px; }
.v1 .mod--a, .v1 .mod--b, .v1 .mod--c, .v1 .mod--d { grid-column: 1; }
.v1 .mod { min-height: 200px; }
.v1 .gaze { display: block; }
.v1 .gaze__portrait { position: sticky; top: 14px; z-index: 2; width: calc(min(62vw, 38svh) * var(--tw-img-main)); max-width: 100%; margin: 0 auto; background: var(--tw-bg); }
.v1 .gaze__portrait::before { content: ""; position: absolute; top: -14px; bottom: -8px; left: calc(50% - 50vw); right: calc(50% - 50vw); background: var(--tw-bg); z-index: -1; }
.v1 .gaze__list { display: block; padding: 0; margin: 12px 0 0; }
.v1 .gaze__item, .v1 .gaze__item--l, .v1 .gaze__item--r { max-width: none; text-align: left; padding: 11svh 0 4svh; font-size: min(calc(1.7rem * var(--kh)), var(--cap, 100vw)); }
.v1 .gaze__item--l::after { margin-left: 0; transform-origin: 0 50%; }
.v1 .after__inner { min-height: 0; }
.v1 .after__accent { text-align: left; margin-top: 32px; }
.v1 .card-price__new { font-size: min(calc(4rem * var(--kh)), var(--cap, 100vw)); }
.v1 .nc__grid { grid-template-columns: minmax(0, 1fr); row-gap: clamp(28px, 5vw, 40px); }
.v1 .nc__body { padding-left: 0; border-left: 0; }
}
@media (max-width: 900px), (max-aspect-ratio: 1/1) {
.v1 .hero__title-a { --cap: calc((100vw - 2 * var(--pad)) * 0.48 / 6.1); }
.v1 .hero__title-b { --cap: calc((100vw - 2 * var(--pad)) * 0.48 / 5.55); }
}
@media (max-width: 699px) {
.v1 .hero__title-a { --cap: calc((100vw - 2 * var(--pad)) / 6.1); }
.v1 .hero__title-b { --cap: calc((100vw - 2 * var(--pad)) / 5.55); }
.v1 .gaze__item { --cap: calc(100cqi / 8.85); }
.v1 .scard__h { --cap: calc(100cqi / 5.55); }
.v1 .node__t { --cap: calc((100cqi - 44px) / 5.85); }
}
@media (scripting: none) and (max-width: 699px) {
.v1 .hero__stage { --panel-h: 280px; }
}
@media (scripting: none) {
.v1 .ph__img { inset: -24px; width: calc(100% + 48px); height: calc(100% + 48px); }
}
@media (prefers-reduced-motion: reduce) {
.v1 .btn--hero::after { animation: none; }
.v1 .bezel, .v1 .bezel__edge, .v1 .bezel__notch { transition: opacity 0.2s linear; transform: none; }
.v1 .gaze__img { transition: opacity 0.2s linear; }
.v1 .pay, .v1 .pay.is-open { transition: none; }
.v1 .pay__bar::after { animation: none; width: 100%; opacity: 0.45; }
}
.tw-still .v1 .pay, .tw-still .v1 .pay.is-open { transition: none; }
.tw-still .v1 .pay__bar::after { animation: none; width: 100%; opacity: 0.45; }
.tw-still .v1 .btn--hero::after { animation: none; }
.tw-still .v1 .bezel, .tw-still .v1 .bezel__edge, .tw-still .v1 .bezel__notch { transition: opacity 0.2s linear; transform: none; }
.tw-still .v1 .gaze__img { transition: opacity 0.2s linear; }
@media print {
.v1 .bezel, .v1 .hero__seq, .v1 .hero__proj { display: none !important; }
}