/* SUNARROW V18 — photos, official logos, semantic illustrations, no decorative numbering */
.section-id { gap: 18px; }
.section-id > b { display:none!important; }
.section-id > span { color:var(--muted); font-size:11px; letter-spacing:.13em; }
.project-tab > b, .fallback-core > b, .project-count, .finance-topic > b { display:none!important; }
.project-tab { padding-left:20px; }
.project-tab > span { width:100%; }

/* The three active photo scenes */
.operator-photo-wrap { background:transparent!important; }
.operator-photo-wrap img { object-fit:contain!important; object-position:center bottom!important; filter:drop-shadow(0 28px 34px rgba(0,0,0,.24)); }
.profile-photo-accent img, .finance-photo-accent img { object-fit:contain!important; filter:drop-shadow(0 24px 30px rgba(0,0,0,.22)); }

/* Larger semantic illustrations matching each paragraph */
.profile-card .card-icon {
  width:172px!important; height:108px!important; margin:30px 0 28px!important; padding:12px 14px!important;
  border-radius:22px 7px 22px 7px!important; border:1px solid color-mix(in srgb,var(--orange) 26%,var(--line))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 8%,transparent),transparent 58%),color-mix(in srgb,var(--surface-2) 86%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 36px rgba(0,0,0,.08)!important;
}
.profile-card .card-icon svg { width:146px!important; height:88px!important; overflow:visible; }
.profile-card .card-icon .icon-main { fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.profile-card .card-icon .icon-soft { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; opacity:.38; }
.profile-card .card-icon .icon-speed { fill:none; stroke:currentColor; stroke-width:3.6; stroke-linecap:round; stroke-linejoin:round; opacity:.92; }
.profile-card .card-icon .icon-trail { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; opacity:.28; }
.profile-card:hover .card-icon { transform:translateY(-3px)!important; }

/* Logo legibility on both themes */
.themed-logo-panel.mode-light { background:#fffaf0!important; }
.themed-logo-panel.mode-dark { background:#0b1d14!important; }
.project-tab-logo img { max-height:38px!important; }
.project-brand-badge img { max-height:48px!important; }
.trust-logo-visual img { max-height:72px!important; }
.project-tab-logo .themed-logo-panel { padding:10px 14px!important; }
.trust-logo-visual .themed-logo-panel { padding:18px 22px!important; }

/* Recommendations marker: no circle, a concise dialogue bracket */
.reference-mark { border:0!important; border-left:3px solid var(--orange)!important; border-radius:0!important; background:linear-gradient(90deg,color-mix(in srgb,var(--orange) 12%,transparent),transparent)!important; }

@media(max-width:820px){
  .profile-card .card-icon{width:150px!important;height:94px!important;margin:24px 0!important}.profile-card .card-icon svg{width:126px!important;height:76px!important}
}
@media(max-width:640px){
  .profile-card .card-icon{width:138px!important;height:88px!important}.profile-card .card-icon svg{width:116px!important;height:70px!important}
}

/* V20 — lighter density, faster mobile paint and thumb-friendly actions */
.section-shell{content-visibility:auto;contain-intrinsic-size:1px 760px}
.hero.section-shell{content-visibility:visible;contain-intrinsic-size:auto}
.profile-card,.project-console,.finance-education-panel,.trust-logo{box-shadow:none!important}
.profile-card{min-height:340px!important;padding:26px!important}
.profile-card .card-icon{margin:26px 0 22px!important}
.profile-card>p{margin:12px 0 18px!important;line-height:1.52!important}
@media(max-width:700px){
  html{scroll-behavior:auto}
  body{font-size:16px}
  .section-shell{contain-intrinsic-size:1px 620px}
  .section-heading{gap:14px!important;margin-bottom:24px!important}
  .section-heading h2{font-size:clamp(30px,9vw,42px)!important;line-height:1.04!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .hero-actions .button{width:100%;min-height:50px;justify-content:center;font-size:12px!important}
  .mobile-menu,.section-drawer{padding-bottom:max(20px,env(safe-area-inset-bottom))}
  .mobile-menu a,.section-drawer a,.mobile-menu button{min-height:48px}
  .profile-card{padding:22px!important}
  .profile-card .card-icon{margin:18px 0 16px!important}
  .profile-card ul{display:none}
  .finance-education-panel{padding:22px!important}
  .back-to-top{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));min-width:48px;min-height:48px}
  .reveal{transition-duration:.2s!important;transform:none!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V20 — native progressive disclosure */
.native-details{margin-top:18px;color:var(--cream-soft)}
.native-details summary{width:max-content;min-height:40px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:999px;color:var(--beige);background:var(--surface-2);font:800 10px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;list-style:none;transition:border-color .2s ease,background .2s ease,color .2s ease}
.native-details summary::-webkit-details-marker{display:none}
.native-details summary:hover,.native-details summary:focus-visible{border-color:var(--orange);color:var(--orange);outline:none}
.native-details .details-close{display:none}
.native-details[open] .details-open{display:none}
.native-details[open] .details-close{display:inline}
.native-details[open] summary{margin-bottom:16px}
.native-details[hidden]{display:none!important}
.finance-details{margin:20px 0}
.finance-details .finance-topic-grid{margin-top:0}





.manifesto-details{grid-column:2/-1;margin-top:0;align-self:start}
.manifesto-details>p{max-width:760px;margin:0;color:var(--muted);line-height:1.6}
@media(max-width:700px){
  .native-details{margin-top:14px}
  .native-details summary{min-height:44px}
  
  .manifesto-details{grid-column:1/-1}
  .native-details[open] summary{margin-bottom:12px}
}

/* V20 final — three clearly separated surface levels */
html[data-theme="light"]{
  --v20-page:#f4ead9;
  --v20-section:#eadcc7;
  --v20-card:#fffaf0;
  --v20-card-soft:#f6efdf;
  --v20-card-text:#24372d;
  --v20-border:rgba(55,75,62,.22);
  --v20-shadow:0 12px 30px rgba(62,46,31,.09);
}
html[data-theme="dark"]{
  --v20-page:#08170f;
  --v20-section:#10251a;
  --v20-card:#1b3527;
  --v20-card-soft:#203d2d;
  --v20-card-text:#f4efe4;
  --v20-border:rgba(235,224,201,.18);
  --v20-shadow:0 12px 28px rgba(0,0,0,.18);
}
html[data-theme] body{background:var(--v20-page)}











.finance-education-panel{border:1px solid var(--v20-border)!important;background:var(--v20-card)!important;box-shadow:var(--v20-shadow)!important;color:var(--v20-card-text)}
.finance-education-panel::before,.finance-sun{opacity:.28!important;filter:none!important}
.finance-topic{border:1px solid var(--v20-border)!important;background:var(--v20-card-soft)!important;box-shadow:none!important;color:var(--v20-card-text)}
.finance-topic p,.finance-education-copy>p{color:color-mix(in srgb,var(--v20-card-text) 72%,transparent)!important}





.native-details summary{min-height:36px;padding:0 10px;border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent!important;box-shadow:none!important;transition:color .15s ease}
.native-details[open] summary{margin-bottom:14px}
.finance-details .finance-topic-grid{padding-top:2px}
.project-case-grid article{box-shadow:none!important}
.profile-card::before{display:none!important}
@media(max-width:700px){
  
  
  .native-details summary{min-height:42px}
}

/* V20.1 — compact labels, clean summaries, stable media and unified logos */
.eyebrow:empty,.section-heading>p:empty,.hero-eyebrow:empty{display:none!important}
.native-details summary{list-style:none}
.native-details summary::-webkit-details-marker{display:none!important}
.native-details summary::marker{content:""}
.native-details summary:focus-visible{outline:2px solid var(--orange)!important;outline-offset:4px}
#projects,#trust,#contact{content-visibility:visible!important;contain-intrinsic-size:auto!important}
.project-media{width:100%;aspect-ratio:4/5;min-height:0!important;overflow-anchor:none;contain:layout paint}
.project-media video,.project-media>img{width:100%;height:100%}
.project-tab-logo{inline-size:72px!important;block-size:48px!important;display:grid!important;place-items:center;flex:0 0 72px;overflow:visible!important}
.project-tab-logo .themed-logo-panel{inline-size:72px!important;block-size:48px!important;padding:3px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.project-tab-logo img{width:auto!important;height:auto!important;max-inline-size:68px!important;max-block-size:46px!important;object-fit:contain!important;object-position:center!important}
.project-brand-badge .themed-logo-panel{display:grid;place-items:center;background:transparent!important;border:0!important;box-shadow:none!important}
.project-brand-badge img{width:auto!important;height:auto!important;max-inline-size:min(86%,420px)!important;max-block-size:58px!important;object-fit:contain!important;object-position:center!important}
.trust-logo-visual .themed-logo-panel{display:grid!important;place-items:center!important;padding:12px 16px!important;overflow:visible!important}
.trust-logo-visual img{width:auto!important;height:auto!important;max-inline-size:86%!important;max-block-size:52px!important;object-fit:contain!important;object-position:center!important;transform:none!important}
.profile-card .card-icon{width:112px!important;height:82px!important;margin:22px 0 18px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;transform:none!important}
.profile-card .card-icon svg{width:112px!important;height:82px!important;filter:none!important}
.profile-card:hover .card-icon{transform:none!important;box-shadow:none!important}
@media(max-width:700px){
 .project-media{aspect-ratio:16/11;min-height:300px!important}
 .profile-card .card-icon{width:88px!important;height:64px!important}
 .profile-card .card-icon svg{width:88px!important;height:64px!important}
 .native-details summary{min-height:44px!important}
}
@media(prefers-reduced-motion:reduce){.project-progress i{display:none!important}}

/* V20.1 — performance budget for large translucent surfaces */
.site-header.is-scrolled{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;box-shadow:0 8px 24px rgba(5,15,9,.10)!important}
.hero-machine::before,.availability-line,.signal-card{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.band-section,.profile-cards,.project-console,.contact-panel,.contact-channels{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.cosmic-aurora{filter:blur(10px)!important;opacity:.10!important}
.project-console,.contact-panel{box-shadow:var(--v20-shadow)!important}

/* V20.2 — stable intrinsic geometry and mobile manual project navigation */
#projects,#projects .section-shell,#projects .project-console,#projects .project-view,#projects .project-copy,#projects .project-media{content-visibility:visible!important;contain-intrinsic-size:auto!important}
.project-tabs{min-block-size:76px;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
.project-tab{min-block-size:72px}
.project-copy{min-height:610px;overflow-anchor:none}
.project-media,.profile-photo-accent,.finance-photo-accent,.hero-portrait{overflow-anchor:none}
.project-media img,.project-media video,.profile-photo-accent img,.finance-photo-accent img,.hero-portrait img{display:block;width:100%;height:100%;object-fit:contain}
.profile-photo-accent,.finance-photo-accent{aspect-ratio:4/5}
.profile-card .card-icon,.profile-card .card-icon svg{width:104px!important;height:76px!important}
.themed-logo-panel img,.trust-avatar img{aspect-ratio:auto;object-fit:contain}
@media(max-width:820px),(hover:none) and (pointer:coarse){
  .project-pause,.project-progress{display:none!important}
  .project-media{touch-action:pan-y}
}
@media(max-width:700px){
  .project-tabs{min-block-size:70px}
  .project-tab{min-block-size:66px}
  .project-copy{min-height:500px}
  .profile-card .card-icon,.profile-card .card-icon svg{width:82px!important;height:60px!important}
}

/* V20.3 — final media geometry and bounded compositing */
html{overflow-anchor:none}
.operator-photo-wrap{aspect-ratio:1122/1402!important}
.profile-photo-accent,.finance-photo-accent{aspect-ratio:1122/1402!important}
.profile-card .card-icon .workflow-illustration,
.profile-card .card-icon .workflow-illustration-fallback,
.profile-card .card-icon .workflow-illustration-fallback svg{
  display:block;width:100%!important;height:100%!important;object-fit:contain;overflow:visible;filter:none
}
html[data-theme="dark"] .profile-card .card-icon .workflow-illustration{
  filter:invert(94%) sepia(10%) saturate(460%) hue-rotate(339deg) brightness(105%) contrast(92%)
}
.site-header,.site-header.is-scrolled,.main-nav{
  backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important
}
#hero-secondary,#hero-stage-caption,.trust-logo,.button-secondary,.back-to-top{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
.scroll-progress i,.cosmic-aurora{will-change:auto!important}
.cosmic-aurora{filter:blur(10px)!important}
.operator-card::after,#projects::before{filter:blur(10px)!important}
.native-details,.native-details summary{overflow-anchor:none}
.native-details[open] summary{margin-bottom:0!important}
.native-details[open]>summary+*{margin-top:0!important;padding-top:14px!important}

/* V20.4 — compact project media and approved assets */
.project-tabs{
  min-block-size:68px!important;
  grid-template-columns:repeat(auto-fit,minmax(78px,1fr))!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none;
}
.project-tabs::-webkit-scrollbar{display:none}
.project-tab{
  min-block-size:68px!important;
  padding:8px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  overflow:hidden;
}
.project-tab>span{display:grid!important;width:100%;place-items:center!important;gap:0!important}
.project-tab-monogram,.project-fallback-monogram{
  display:grid;place-items:center;color:#fff4dd;font:800 13px/1 var(--display);letter-spacing:.06em
}
.project-tab-monogram{inline-size:54px;block-size:42px;border:1px solid rgba(255,244,221,.2);border-radius:12px}
.project-view{
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
  min-height:0!important;
  align-items:stretch!important;
}
.project-media{
  width:100%!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  align-self:start;
  overflow-anchor:none;
  contain:layout paint;
}
.project-media video,.project-media>#project-image{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important
}
.project-media[data-preview="false"] .media-phase-dots{display:none}
.project-copy{
  min-height:0!important;
  padding:24px 26px 20px!important;
  overflow-anchor:none;
}
.project-brandline{margin-bottom:4px}
.project-brand-badge-host{max-width:min(360px,100%)}
.project-brand-badge img{
  width:auto!important;height:auto!important;
  max-inline-size:min(82%,420px)!important;max-block-size:58px!important;
  object-fit:contain!important;object-position:center!important;transform:none!important
}
.project-type{margin-top:4px!important}
.project-copy h3{margin:9px 0 8px!important;font-size:clamp(30px,3vw,42px)!important;line-height:1!important}
.project-description{font-size:14px!important;line-height:1.48!important}
/*
 * «Моя роль» и «Что получилось».
 *
 * ЧТО БЫЛО НЕ ТАК. Блок жёстко делился на две колонки независимо от того,
 * сколько места есть на самом деле. В узкой панели слайда на текст оставалось
 * сантиметров пять, и фразы вроде «Операционный менеджер · Project Manager ·
 * бизнес-ассистент собственника» рвались по одному-двум словам в строку.
 * Владелец: «текст там выглядит паршиво».
 *
 * ЧТО ИЗМЕНИЛОСЬ. Две колонки — только если каждой хватает на осмысленную
 * строку (от 300px). Не хватает — блок сам становится одноколоночным, и текст
 * идёт нормальными строками во всю ширину панели. Ширина решает сама вёрстка,
 * а не заранее вбитое число.
 */
.project-facts{
  margin:14px 0 0!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:12px 28px;
}
.project-facts div{
  min-width:0;
  padding:10px 0!important;
  display:block!important;
  border-top:1px solid rgba(255,247,232,.13);
}
.project-facts dt{margin-bottom:6px}
.project-facts dd{font-size:14px!important;line-height:1.45!important}
.project-case-grid{
  width:100%;min-width:0;
  margin-top:12px!important;
  display:none!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
.project-case-grid.has-content{display:grid!important}
.project-case-grid article{
  min-height:0!important;
  padding:12px!important;
  border:1px solid rgba(255,244,221,.11)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.project-case-grid small{margin-bottom:7px!important;font-size:10px!important}
.project-case-grid p{font-size:14px!important;line-height:1.45!important}
.project-links{margin-top:12px!important;padding-top:0!important}
.project-controls{height:52px!important;min-height:52px!important}

.fallback-core{
  width:min(82%,480px);
  display:grid;
  justify-items:center;
  gap:10px;
  text-shadow:none!important;
}
.media-fallback{background:linear-gradient(145deg,#0b1710,#17291e)!important}
.project-media::after{content:none!important;animation:none!important;filter:none!important}
.fallback-grid,.fallback-orbit,.fallback-scan{display:none!important;animation:none!important;filter:none!important}
.fallback-core strong,.fallback-core small{filter:none!important;text-shadow:none!important}
.project-fallback-logo{display:grid;width:min(100%,360px);height:58px;place-items:center}
.project-fallback-logo .themed-logo-panel{
  width:100%;height:58px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important
}
.project-fallback-logo img{
  width:auto!important;height:auto!important;max-width:82%!important;max-height:58px!important;
  object-fit:contain!important;object-position:center!important;transform:none!important
}
.fallback-core strong{margin-top:0!important;font-size:clamp(24px,2.6vw,36px)!important}
.fallback-core small{margin-top:0!important;line-height:1.45}

.profile-card .card-icon{
  width:190px!important;height:135px!important;margin:22px 0 18px!important;
  padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important
}
.profile-card .card-icon .workflow-illustration{
  display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:none
}
html[data-theme="dark"] .profile-card .card-icon .workflow-illustration{filter:none!important}







@media(min-width:901px){
  .project-console{max-height:620px}
  .project-view{max-height:500px}
  .project-copy{max-height:500px;overflow:auto}
}
@media(max-width:900px){
  .project-view{grid-template-columns:1fr!important}
  .project-media{
    inline-size:min(100%,640px)!important;
    max-block-size:360px!important;
    justify-self:center;
    border-right:0!important;border-bottom:1px solid var(--line)
  }
  .project-copy{padding:24px!important}
}
@media(max-width:700px){
  .project-tabs{
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:84px!important;
    min-block-size:66px!important;
  }
  .project-tab{min-block-size:64px!important}
  .project-media{
    inline-size:100%!important;
    block-size:auto!important;
    min-block-size:200px!important;max-block-size:240px!important;
    aspect-ratio:16/9!important
  }
  .project-copy{padding:20px 18px 18px!important}
  .project-copy h3{font-size:34px!important}
  .project-facts,.project-case-grid{grid-template-columns:1fr!important;gap:8px!important}
  .project-facts div{padding:8px 0!important}
  .project-case-grid article{padding:11px!important}
  .profile-card .card-icon{width:140px!important;height:100px!important}
}

/* V20.4 — shared responsive geometry, clean portrait compositing and alignment */
:root{
  --v204-section-y:clamp(74px,calc(8vw + 30px),116px);
  --v204-section-close-y:clamp(74px,calc(3vw + 62px),90px);
  --v204-surface-block:clamp(22px,4vw,54px);
  --v204-surface-inline:clamp(14px,4vw,54px);
  --v204-feature-pad:clamp(23px,5vw,72px);
  --v204-label-gap:clamp(32px,5.4vw,44px);
  --v204-heading-gap:clamp(24px,6.5vw,52px);
  --v204-surface-gap:clamp(12px,1.5vw,22px);
  --v204-card-gap:14px;
  --v204-card-pad:clamp(20px,calc(1.5vw + 14px),26px);
  --v204-card-radius:16px;
  --v204-panel-radius:clamp(20px,calc(2.5vw + 10px),28px);
  --v204-trust-slot:clamp(88px,calc(2vw + 78px),104px)
}

#projects,#trust,#contact{padding-block:var(--v204-section-y)!important}





#projects>.section-id,#trust>.section-id,#contact>.section-id{
  margin-block-end:var(--v204-label-gap)!important
}
.section-heading{
  grid-template-columns:minmax(0,1fr)!important;
  align-items:end!important;
  gap:clamp(14px,2.4vw,32px)!important;
  margin-block-end:var(--v204-heading-gap)!important
}
@media(min-width:901px){
  .section-heading:has(>p:not(:empty)){
    grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr)!important
  }
}
#trust>.section-heading+.trust-subhead{margin-block-start:0!important}

.finance-education-panel,.contact-panel{padding:var(--v204-feature-pad)!important}
#trust .logo-belt{
  gap:var(--v204-card-gap)!important
}

.finance-topic{padding:var(--v204-card-pad)!important}

.media-bottomline{justify-content:flex-end!important}
.project-tab>span{
  block-size:100%;
  align-content:center!important;
  justify-content:center!important;
  place-items:center!important;
  place-content:center!important
}
.project-tab-logo{
  min-block-size:48px!important;
  margin:0!important;
  padding:0!important;
  place-items:center!important;
  place-content:center!important
}
.project-tab-logo .themed-logo-panel{
  min-block-size:48px!important;
  align-items:center!important;
  justify-items:center!important;
  place-content:center!important
}
.project-tab-logo img{object-position:center!important;margin:auto!important}

.profile-card .card-icon{margin-inline:auto!important}


.operator-photo-wrap,.profile-photo-accent,.finance-photo-accent{
  overflow:hidden!important;
  isolation:isolate
}
.operator-photo-wrap img,.profile-photo-accent img,.finance-photo-accent img{
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:none!important
}
html[data-theme="light"] .operator-photo-wrap img,
html[data-theme="light"] .profile-photo-accent img,
html[data-theme="light"] .finance-photo-accent img{
  filter:drop-shadow(0 18px 24px rgba(62,46,31,.14))!important
}
html[data-theme="dark"] .operator-photo-wrap img,
html[data-theme="dark"] .profile-photo-accent img,
html[data-theme="dark"] .finance-photo-accent img{
  filter:drop-shadow(0 22px 30px rgba(0,0,0,.22))!important
}











#trust .trust-logo{justify-content:flex-start;border-radius:var(--v204-card-radius)}
#trust .trust-logo-visual,#trust .trust-wordmark{
  block-size:var(--v204-trust-slot);
  min-block-size:var(--v204-trust-slot)
}


@media(min-width:701px){
  
  .finance-topic h3{min-block-size:2.24em}
}

@media(min-width:901px) and (max-width:1099px){
  #projects .project-console,#projects .project-view,#projects .project-copy{max-height:none!important}
  #projects .project-copy{overflow:visible!important}
}
@media(max-width:900px){
  .section-heading,.section-heading:has(>p:not(:empty)){grid-template-columns:minmax(0,1fr)!important}
  
  
}
@media(max-width:700px){
  :root{
    --v204-section-y:clamp(68px,18vw,82px);
    --v204-label-gap:clamp(28px,9vw,36px);
    --v204-heading-gap:clamp(24px,8vw,32px)
  }
  .finance-education-panel,.contact-panel{padding:clamp(20px,6vw,26px)!important}
  .profile-photo-accent,.finance-photo-accent{margin-inline:auto}
}

/* V20.4 — contact portrait and a static, low-cost cinematic layer */
.contact-panel.has-contact-visual{min-height:clamp(590px,43vw,680px)}
.contact-panel.has-contact-visual>.eyebrow,
.contact-panel.has-contact-visual>h2,
.contact-panel.has-contact-visual>p{max-width:min(72%,1040px)}
.contact-panel.has-contact-visual .contact-channels{margin-top:clamp(70px,5vw,86px)}
.contact-visual{
  position:absolute!important;
  z-index:3!important;
  top:clamp(12px,2vw,30px);
  right:clamp(12px,2.8vw,42px);
  width:clamp(300px,25vw,460px);
  aspect-ratio:4/5;
  margin:0;
  overflow:hidden;
  pointer-events:none
}
.contact-visual-stage{position:absolute;inset:0 auto auto 0;width:100%;aspect-ratio:1055/1491}
.contact-visual-photo{display:block;width:100%;height:auto;object-fit:contain;object-position:center top}
.contact-phone-ui{
  position:absolute;
  left:29.5%;
  top:34%;
  width:23.8%;
  height:36.8%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:8%/4%;
  color:#173328;
  background:#dceef5;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)
}
.contact-phone-header{
  min-height:22%;
  padding:6% 7%;
  display:flex;
  align-items:center;
  gap:5%;
  color:#fff;
  background:#229ed9;
  font:750 clamp(7px,.54vw,10px)/1 var(--body)
}
.contact-phone-ui .contact-icon{width:clamp(10px,.84vw,15px);height:clamp(10px,.84vw,15px);filter:none}
.contact-chat-body{
  flex:1;
  padding:8% 6%;
  background:linear-gradient(145deg,#dceef5,#cfe6ef)
}
.contact-chat-bubble{
  padding:8% 7%;
  border-radius:4px 9px 9px 9px;
  background:#fff;
  box-shadow:0 3px 10px rgba(25,78,101,.12)
}
.contact-chat-bubble strong{display:block;margin-bottom:5%;color:#1887b7;font:750 clamp(6px,.46vw,8.5px)/1.15 var(--body)}
.contact-chat-bubble p{margin:0!important;color:#173328!important;font:600 clamp(6px,.48vw,9px)/1.28 var(--body)!important}

.reveal{
  filter:none!important;
  transform:none!important;
  transition:opacity .22s ease!important;
  transition-delay:0s!important
}
.project-media video,.project-media>#project-image{
  transform:none!important;
  transition:opacity var(--media-transition,400ms) ease!important
}
.cosmic-aurora,.cosmic-beam,.cosmic-horizon,
.availability-line::after,.availability-line i,
.machine-rings i,.ai-orbit,.operator-photo-wrap::before,.operator-card::after,.photo-scan,
.scroll-indicator i::after,.hero h1 em,
.snake-border,.ai-node,.ai-core,.signal-card,.signal-card::after,
.project-tab.active::after,.project-media::before,
.contact-panel::before,.contact-beacon,
.sky-sun,.sky-arrow{animation:none!important}
.snake-border{--snake-angle:28deg}

@media(max-width:1180px){
  .contact-panel.has-contact-visual{min-height:0}
  .contact-panel.has-contact-visual>.eyebrow,
  .contact-panel.has-contact-visual>h2,
  .contact-panel.has-contact-visual>p{max-width:none}
  .contact-visual{
    position:relative!important;
    top:auto;
    right:auto;
    width:min(100%,380px);
    margin:clamp(20px,4vw,34px) auto 0
  }
  .contact-panel.has-contact-visual .contact-channels{margin-top:clamp(28px,5vw,46px)}
}
@media(max-width:700px){
  .contact-visual{width:min(100%,330px)}
  .contact-phone-header{font-size:clamp(7px,2.4vw,9px)}
  .contact-phone-ui .contact-icon{width:13px;height:13px}
  .contact-chat-bubble strong{font-size:clamp(6px,2vw,8px)}
  .contact-chat-bubble p{font-size:clamp(6px,2.15vw,8.5px)}
}