/* ============================================
   БАЗОВЫЕ СТИЛИ (работают на всех устройствах)
   ============================================ */

   *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
   html{scroll-behavior:smooth}
   
   :root{
     --nav-h:68px;
     --bg:#F9F8F5;
     --bg2:#F0EDEA;
     --bg3:#E8E2D8;
     --surface:#242018;
     --cream:#F5F0E8;
     --cream2:#EDE7DB;
     --gold:#C9A96E;
     --gold2:#D4B47A;
     --gold-dim:rgba(201,169,110,0.1);
     --gold-dim2:rgba(201,169,110,0.06);
     --text:#3D3A35;
     --text2:rgba(60,56,50,0.7);
     --text3:rgba(60,56,50,0.45);
     --border:rgba(60,56,50,0.12);
     --border2:rgba(201,162,87,0.2);
   }
   
   body{
     background:var(--bg);
     color:var(--text);
     font-family:'Jost',sans-serif;
     font-weight:300;
     overflow-x:hidden;
   }
   
   /* ============================================
      REGALIA SECTION
      ============================================ */
   
   .regalia-section {
     background: #F7F4EF;
     color: #1C1C1A;
     font-family: 'Jost', sans-serif;
     font-weight: 300;
     overflow: hidden;
     position: relative;
   }
   .regalia-section::before {
     content: '';
     position: absolute;
     inset: 0;
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");
     pointer-events: none;
     z-index: 0;
   }
   .regalia-header,
   .regalia-divider,
   .regalia-grid-wrapper,
   .regalia-footnote {
     position: relative;
     z-index: 1;
   }
   .regalia-header {
     padding: 100px 80px 64px;
   }
   .section-eyebrow {
     font-size: 11px;
     font-weight: 400;
     letter-spacing: 0.3em;
     text-transform: uppercase;
     color: #C9A96E;
     margin-bottom: 28px;
     display: flex;
     align-items: center;
     gap: 16px;
   }
   .section-eyebrow::before {
     content: '';
     display: block;
     width: 40px;
     height: 1px;
     background: #C9A96E;
     opacity: 0.7;
     flex-shrink: 0;
   }
   .section-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: clamp(32px, 4.5vw, 60px);
     font-weight: 300;
     line-height: 1.08;
     letter-spacing: -0.01em;
     color: #1C1C1A;
     margin-bottom: 24px;
     max-width: 780px;
   }
   .section-title em {
     font-style: italic;
     color: #C9A96E;
   }
   .section-subtitle {
     font-size: 15px;
     font-weight: 300;
     line-height: 1.75;
     color: #7A7468;
     max-width: 540px;
     letter-spacing: 0.01em;
   }
   .regalia-divider {
     padding: 0 80px;
   }
   .regalia-divider::after {
     content: '';
     display: block;
     height: 1px;
     background: linear-gradient(to right, #C9A96E, rgba(201,169,110,0.15));
     opacity: 0.5;
   }
   .regalia-grid-wrapper {
     padding: 56px 80px 0;
   }
   .regalia-grid {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     gap: 8px;
     align-items: stretch;
   }
   .regalia-card {
     background: #FDFCFA;
     border: 1px solid rgba(28,28,26,0.08);
     border-radius: 6px;
     padding: 36px 20px 32px;
     display: flex;
     flex-direction: column;
     gap: 20px;
     position: relative;
     overflow: hidden;
     transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
     cursor: pointer;
   }
   .regalia-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 15px 30px rgba(28,28,26,0.12);
     border-color: #E8D5B0;
   }
   .regalia-card--featured {
     background: #1C1C1A;
     border-color: transparent;
     box-shadow: 0 8px 40px rgba(28,28,26,0.18);
   }
   .regalia-card--featured:hover {
     box-shadow: 0 20px 40px rgba(28,28,26,0.25);
   }
   .card-tag {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     font-size: 10px;
     letter-spacing: 0.22em;
     text-transform: uppercase;
     color: #C9A96E;
     margin-bottom: 2px;
   }
   .card-tag::before {
     content: '';
     display: block;
     width: 20px;
     height: 1px;
     background: #C9A96E;
     opacity: 0.6;
   }
   .card-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: 24px;
     font-weight: 400;
     line-height: 1.1;
     color: #1C1C1A;
     letter-spacing: 0.01em;
   }
   .regalia-card--featured .card-title {
     color: #F5F0E8;
   }
   .card-body {
     font-size: 14px;
     font-weight: 300;
     line-height: 1.7;
     color: #7A7468;
     flex: 1;
   }
   .regalia-card--featured .card-body {
     color: rgba(245,240,232,0.6);
     font-size: 15px;
   }
   .card-years {
     display: flex;
     gap: 8px;
     flex-wrap: wrap;
     padding-top: 4px;
   }
   .card-year {
     font-size: 10px;
     letter-spacing: 0.15em;
     color: #C9A96E;
     border: 1px solid #E8D5B0;
     padding: 4px 10px;
     border-radius: 2px;
     background: rgba(201,169,110,0.18);
   }
   .card-logos {
     display: flex;
     gap: 10px;
     flex-wrap: wrap;
     margin-top: 4px;
   }
   .card-logo-badge {
     font-size: 11px;
     font-weight: 500;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #E8D5B0;
     border: 1px solid rgba(201,169,110,0.35);
     padding: 6px 14px;
     border-radius: 2px;
     background: rgba(201,169,110,0.08);
   }
   .regalia-footnote {
     padding: 44px 80px 100px;
     display: flex;
     align-items: center;
     gap: 28px;
   }
   .footnote-line {
     width: 1px;
     height: 56px;
     background: linear-gradient(to bottom, transparent, #C9A96E, transparent);
     flex-shrink: 0;
     opacity: 0.5;
   }
   .footnote-text {
     font-family: 'Cormorant Garamond', serif;
     font-size: clamp(16px, 1.6vw, 21px);
     font-weight: 300;
     font-style: italic;
     line-height: 1.55;
     color: #7A7468;
     max-width: 640px;
     letter-spacing: 0.01em;
   }
   
   /* Regalia modal */
   .regalia-modal-overlay {
     position: fixed;
     inset: 0;
     background: rgba(18, 17, 15, 0.88);
     z-index: 1000;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 40px 24px;
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1);
     backdrop-filter: blur(6px);
   }
   .regalia-modal-overlay.is-open {
     opacity: 1;
     pointer-events: all;
   }
   .regalia-modal-inner {
     background: #FDFCFA;
     border-radius: 8px;
     max-width: 1040px;
     width: 100%;
     max-height: 90vh;
     overflow-y: auto;
     display: grid;
     grid-template-columns: 1fr 1fr;
     box-shadow: 0 32px 80px rgba(0,0,0,0.4);
     transform: translateY(32px) scale(0.97);
     transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
     position: relative;
     border: 1px solid rgba(28,28,26,0.08);
   }
   .regalia-modal-overlay.is-open .regalia-modal-inner {
     transform: translateY(0) scale(1);
   }
   .regalia-modal-inner::before {
     content: '';
     position: absolute;
     top: 0; left: 0; right: 0;
     height: 2px;
     background: linear-gradient(to right, #C9A96E, #E8D5B0, transparent);
     border-radius: 8px 8px 0 0;
   }
   .regalia-modal-photo {
     position: relative;
     overflow: hidden;
     border-radius: 8px 0 0 8px;
     min-height: 420px;
   }
   .regalia-modal-photo img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     filter: brightness(0.97);
   }
   .regalia-modal-content {
     padding: 52px 44px 44px;
     display: flex;
     flex-direction: column;
     gap: 0;
     position: relative;
   }
   .regalia-modal-eyebrow {
     font-size: 10px;
     letter-spacing: 0.28em;
     text-transform: uppercase;
     color: #C9A96E;
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 20px;
   }
   .regalia-modal-eyebrow::before {
     content: '';
     display: block;
     width: 24px;
     height: 1px;
     background: #C9A96E;
     opacity: 0.6;
   }
   .regalia-modal-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: clamp(24px, 3vw, 36px);
     font-weight: 400;
     line-height: 1.1;
     color: #1C1C1A;
     margin-bottom: 12px;
     letter-spacing: 0.01em;
   }
   .regalia-modal-meta {
     display: flex;
     gap: 16px;
     flex-wrap: wrap;
     margin-bottom: 28px;
   }
   .regalia-modal-meta-item {
     font-size: 11px;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #A9A49C;
     display: flex;
     align-items: center;
     gap: 6px;
   }
   .regalia-modal-meta-item::before {
     content: '';
     display: block;
     width: 4px;
     height: 4px;
     border-radius: 50%;
     background: #C9A96E;
     opacity: 0.6;
   }
   .regalia-modal-divider {
     height: 1px;
     background: linear-gradient(to right, #E8D5B0, transparent);
     opacity: 0.5;
     margin-bottom: 28px;
   }
   .regalia-modal-description {
     font-size: 14px;
     font-weight: 300;
     line-height: 1.8;
     color: #7A7468;
     margin-bottom: 20px;
   }
   .regalia-modal-list-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: 16px;
     font-weight: 400;
     font-style: italic;
     color: #1C1C1A;
     margin-bottom: 12px;
   }
   .regalia-modal-list {
     list-style: none;
     display: flex;
     flex-direction: column;
     gap: 8px;
     margin-bottom: 24px;
   }
   .regalia-modal-list li {
     font-size: 13px;
     font-weight: 300;
     line-height: 1.65;
     color: #7A7468;
     display: flex;
     align-items: flex-start;
     gap: 10px;
   }
   .regalia-modal-list li::before {
     content: '';
     display: block;
     width: 4px;
     height: 4px;
     border-radius: 50%;
     background: #C9A96E;
     margin-top: 7px;
     flex-shrink: 0;
     opacity: 0.8;
   }
   .regalia-modal-result {
     margin-top: auto;
     padding: 16px 20px;
     background: rgba(201,169,110,0.18);
     border-left: 2px solid #C9A96E;
     border-radius: 0 4px 4px 0;
   }
   .regalia-modal-result-label {
     font-size: 9px;
     letter-spacing: 0.25em;
     text-transform: uppercase;
     color: #C9A96E;
     margin-bottom: 6px;
   }
   .regalia-modal-result-text {
     font-family: 'Cormorant Garamond', serif;
     font-size: 15px;
     font-style: italic;
     color: #1C1C1A;
   }
   .regalia-modal-close {
     position: absolute;
     top: 20px;
     right: 20px;
     width: 36px;
     height: 36px;
     border-radius: 50%;
     border: 1px solid rgba(28,28,26,0.08);
     background: #1C1C1A;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background 0.2s, border-color 0.2s;
     z-index: 10;
   }
   .regalia-modal-close:hover {
     background: rgba(201,169,110,0.18);
     border-color: #E8D5B0;
   }
   .regalia-modal-close svg {
     width: 14px;
     height: 14px;
     stroke: #E8D5B0;
     stroke-width: 1.5;
   }
   
   .card-view-hint {
     display: inline-flex !important;
     align-items: center;
     justify-content: center;
     gap: 12px;
     font-size: 11px;
     letter-spacing: 0.15em;
     text-transform: uppercase;
     color: #1C1C1A;
     background: transparent;
     border: 1px solid #C9A96E;
     border-radius: 40px;
     padding: 10px 22px 10px 24px;
     width: fit-content;
     margin-top: 20px;
     position: relative;
     overflow: hidden;
     opacity: 1 !important;
     transform: none !important;
     box-shadow: 0 2px 8px rgba(0,0,0,0.03);
     transition: all 0.3s cubic-bezier(0.2, 0.9, 0.3, 1);
   }
   .card-view-hint::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     width: 0;
     height: 0;
     border-radius: 50%;
     background: rgba(201,169,110,0.18);
     transform: translate(-50%, -50%);
     transition: width 0.5s ease, height 0.5s ease;
     z-index: -1;
   }
   .card-view-hint::after {
     content: '→';
     font-size: 14px;
     line-height: 1;
     color: #C9A96E;
     transition: transform 0.3s ease, color 0.3s ease;
     margin-left: 4px;
   }
   .card-view-hint:hover {
     background: #C9A96E;
     border-color: #C9A96E;
     color: #fff;
     box-shadow: 0 8px 18px rgba(201,169,110,0.25);
     transform: translateY(-2px) !important;
   }
   .card-view-hint:hover::before {
     width: 300px;
     height: 300px;
   }
   .card-view-hint:hover::after {
     transform: translateX(6px);
     color: #fff;
   }
   .regalia-card--featured .card-view-hint {
     border-color: #E8D5B0;
     color: #E8D5B0;
   }
   .regalia-card--featured .card-view-hint::after {
     color: #E8D5B0;
   }
   .regalia-card--featured .card-view-hint:hover {
     background: #C9A96E;
     border-color: #C9A96E;
     color: #1C1C1A;
   }
   .regalia-card--featured .card-view-hint:hover::after {
     color: #1C1C1A;
   }
   
   /* Quiz modal */
   #quiz-modal.regalia-modal-overlay {
     align-items: center;
     justify-content: center;
     padding: 0;
   }
   #quiz-modal .regalia-modal-inner {
     width: 90vw;
     height: 90vh;
     border-radius: 8px;
     grid-template-columns: 1fr;
     overflow: hidden;
   }
   #quiz-modal .regalia-modal-inner::before {
     border-radius: 8px 8px 0 0;
   }
   #quiz-modal .regalia-modal-body {
     height: 100%;
     overflow: hidden;
   }
   
   /* ============================================
      HERO SECTION
      ============================================ */
   
   .hero-bg-slider{
     position:absolute;inset:0;z-index:0;
   }
   .hero-bg-video{
     position:absolute;
     inset:0;
     z-index:0;
     overflow:hidden;
   }
   .hero-bg-video video{
     width:100%;
     height:100%;
     object-fit:cover;
   }
   .hbs-slide{
     position:absolute;inset:0;
     background-size:cover;background-position:center;
     opacity:0;
     transition:opacity 1.2s ease;
   }
   .hbs-slide.active{opacity:0.12}
   
   .case-video {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
   }
   .case-img {
     width: 100%;
     aspect-ratio: 4 / 3;
     background: var(--bg3);
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     position: relative;
   }
   
   /* Animations */
   @keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
   @keyframes fadeIn{from{opacity:0}to{opacity:1}}
   @keyframes glow{0%,100%{box-shadow:0 0 0 0 rgba(201,169,110,0.35)}60%{box-shadow:0 0 0 14px rgba(201,169,110,0)}}
   @keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
   @keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
   @keyframes scanLine{0%{top:-10%}100%{top:110%}}
   
   .anim{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
   .anim.in{opacity:1;transform:none}
   .d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
   .d4{transition-delay:.4s}.d5{transition-delay:.5s}.d6{transition-delay:.6s}
   
   /* Nav */
   nav{
     position:fixed;top:0;left:0;right:0;z-index:1000;
     padding:0 56px;
     height:68px;
     display:flex;align-items:center;justify-content:space-between;
     background:rgba(15,13,10,0.9);
     backdrop-filter:blur(12px);
     border-bottom:1px solid rgba(245,240,232,0.08);
     transition:background .3s ease,border-color .3s ease;
   }
   nav.scrolled{
     background:rgba(15,13,10,0.97);
     backdrop-filter:blur(16px);
     border-color:rgba(245,240,232,0.12);
   }
   .logo{
     display:flex;
     flex-direction:row;
     align-items:baseline;
     gap:0.35em;
     font-family:'Jost',sans-serif;
     font-size:18px;
     font-weight:800;
     color:#F5F0E8;
     letter-spacing:.16em;
     text-transform:uppercase;
   }
   .logo-studia{white-space:nowrap}
   .logo em{
     font-style:normal;
     font-weight:800;
     color:var(--gold);
   }
   .nav-right{display:flex;align-items:center;gap:32px}
   .nav-link{
     font-size:12px;
     color:#F5F0E8;
     letter-spacing:.08em;
     text-transform:uppercase;text-decoration:none;
     transition:color .2s;
   }
   .nav-link:hover{color:var(--gold)}
   .nav-btn{
     background:var(--gold);color:var(--bg);
     padding:10px 24px;border:none;cursor:pointer;
     font-family:'Jost',sans-serif;font-size:11px;
     font-weight:600;letter-spacing:.1em;text-transform:uppercase;
     transition:all .25s ease;
   }
   .nav-btn:hover{background:var(--gold2)}
   .nav-phone{
     display:flex;
     align-items:center;
     gap:8px;
     font-family:'Jost',sans-serif;
     font-size:15px;
     font-weight:600;
     letter-spacing:.08em;
     text-transform:uppercase;
     color:var(--gold);
   }
   .nav-phone span{
     display:inline-flex;
     align-items:center;
     justify-content:center;
   }
   
   /* Ticker */
   .ticker{
     background:var(--gold);overflow:hidden;
     padding:10px 0;white-space:nowrap;
     margin-top:var(--nav-h);
     position:relative;
     z-index:0;
   }
   .ticker-inner{
     display:inline-flex;gap:0;
     animation:ticker 24s linear infinite;
   }
   .ticker-text{
     font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
     color:var(--bg);padding:0 40px;
   }
   .ticker-sep{color:rgba(15,13,10,0.4);padding:0;font-size:10px}
   
   /* Hero */
   .hero{
     min-height:100vh;
     display:flex;flex-direction:column;
     justify-content:center;
     padding:120px 56px 80px;
     position:relative;
     overflow:hidden;
     background:#19160F;
     --text:#F0EDE8;
     --text2:rgba(245,240,232,0.72);
     --text3:rgba(245,240,232,0.42);
     --border:rgba(245,240,232,0.14);
     --border2:rgba(201,162,87,0.32);
     color:#F0EDE8;
   }
   .hero::before{
     content:'';
     position:absolute;inset:0;
     z-index:1;
     background:rgba(15,13,10,0.2);
   }
   .hero-grid-overlay{
     position:absolute;inset:0;
     z-index:2;
     background-size:80px 80px;
     opacity:1;
   }
   .hero-scan{
     position:absolute;left:0;right:0;
     z-index:2;
     height:120px;
     background:linear-gradient(transparent,rgba(201,162,87,0.025),transparent);
     animation:scanLine 8s ease-in-out infinite;
     pointer-events:none;
   }
   .hero-content{
     position:relative;z-index:3;
     max-width:820px;
   }
   .hero-eyebrow{
     display:inline-flex;align-items:center;gap:12px;
     margin-bottom:36px;
   }
   .hw-line{width:28px;height:1px;background:var(--gold);opacity:.6}
   .hw-text{
     font-size:10px;letter-spacing:.25em;text-transform:uppercase;
     font-weight:600;color:var(--gold);
   }
   .hero-h1{
     font-family:'Cormorant Garamond',serif;
     font-size:clamp(44px,5.5vw,80px);
     font-weight:700;line-height:1.05;
     margin-bottom:28px;
     letter-spacing:-.01em;
   }
   .hero-h1 em{font-style:italic;color:var(--gold)}
   .hero-h1 .line2{display:block;padding-left:80px}
   .hero-h1 .line3{display:block;padding-left:160px;opacity:.9}
   .hero-sub{
     font-size:16px;line-height:1.75;
     color:var(--text2);font-weight:300;
     max-width:520px;margin-bottom:56px;
   }
   .hero-offer{
     display:inline-block;
     border:1px solid var(--border2);
     background:var(--gold-dim);
     padding:32px 40px 36px;
     max-width:560px;
     position:relative;
     overflow:hidden;
   }
   .hero-offer::before{
     content:'';
     position:absolute;top:0;left:0;right:0;height:2px;
     background:linear-gradient(90deg,transparent,var(--gold),transparent);
   }
   .offer-label{
     font-size:9px;font-weight:700;letter-spacing:.22em;
     text-transform:uppercase;color:var(--gold);
     margin-bottom:10px;display:block;
   }
   .offer-h{
     font-family:'Cormorant Garamond',serif;
     font-size:22px;font-weight:700;
     color:var(--text);line-height:1.35;
     margin-bottom:20px;
   }
   .offer-h em{font-style:italic;color:var(--gold2)}
   .offer-list{
     display:flex;flex-direction:column;gap:9px;
     margin-bottom:28px;
   }
   .offer-item{
     display:flex;align-items:flex-start;gap:10px;
     font-size:13px;color:var(--text2);line-height:1.5;
   }
   .offer-item::before{
     content:'';
     width:16px;height:16px;flex-shrink:0;margin-top:1px;
     background:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='%23C9A257' stroke-opacity='.4'/%3E%3Cpath d='M5 8l2 2 4-4' stroke='%23C9A257' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
   }
   .btn-main{
     display:inline-flex;align-items:center;justify-content:center;gap:12px;
     width:100%;padding:17px 32px;
     background:var(--gold);color:var(--bg);
     border:none;cursor:pointer;
     font-family:'Jost',sans-serif;font-size:12px;
     font-weight:700;letter-spacing:.1em;text-transform:uppercase;
     transition:all .25s ease;
     animation:glow 2.8s ease infinite;
     position:relative;overflow:hidden;
   }
   .btn-main::after{
     content:'';
     position:absolute;inset:0;
     background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.1) 50%,transparent 100%);
     transform:translateX(-100%);
     transition:transform .5s ease;
   }
   .btn-main:hover::after{transform:translateX(100%)}
   .btn-main:hover{background:var(--gold2);transform:translateY(-1px)}
   .btn-arrow{font-size:16px;transition:transform .2s}
   .btn-main:hover .btn-arrow{transform:translateX(5px)}
   .offer-note{
     margin-top:12px;text-align:center;
     font-size:11px;color:var(--text3);letter-spacing:.05em;
   }
   .hero-float{
     position:absolute;right:56px;top:50%;transform:translateY(-50%);
     display:flex;flex-direction:column;gap:16px;
     z-index:3;
   }
   .float-card{
     background:rgba(30,26,21,0.9);
     border:1px solid var(--border);
     backdrop-filter:blur(8px);
     padding:20px 24px;
     width:200px;
     animation:float 5s ease infinite;
   }
   .float-card:nth-child(2){animation-delay:-2.5s}
   .float-card:nth-child(3){animation-delay:-1.2s}
   .float-num{
     font-family:'Cormorant Garamond',serif;
     font-size:38px;font-weight:700;
     color:var(--gold);line-height:1;
   }
   .float-num.long{
     font-size:30px;
     line-height:1.05;
   }
   .float-label{
     font-size:11px;color:var(--text3);margin-top:4px;
     line-height:1.4;
   }
   
   /* Deficit strip */
   .deficit-strip{
     background:var(--bg3);
     border-top:1px solid var(--border);
     border-bottom:1px solid var(--border);
     padding:28px 56px;
     display:flex;align-items:center;justify-content:space-between;
     gap:40px;flex-wrap:wrap;
   }
   .deficit-left{
     display:flex;align-items:center;gap:16px;
   }
   .deficit-dot{
     width:8px;height:8px;border-radius:50%;
     background:var(--gold);flex-shrink:0;
     box-shadow:0 0 0 4px rgba(201,162,87,0.15);
     animation:glow 2.5s ease infinite;
   }
   .deficit-text{
     font-size:14px;color:var(--text2);line-height:1.5;
   }
   .deficit-text strong{color:var(--text);font-weight:600}
   .deficit-right{
     display:flex;gap:40px;flex-wrap:wrap;
   }
   .deficit-stat{text-align:center}
   .deficit-stat-n{
     font-family:'Cormorant Garamond',serif;
     font-size:30px;font-weight:700;color:var(--gold);line-height:1;
   }
   .deficit-stat-l{
     font-size:10px;color:var(--text3);letter-spacing:.08em;
     text-transform:uppercase;margin-top:3px;
   }
   
   /* Safety block */
   .safety{
     background-image: url('media/backgrounds/d1.webp');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     padding:56px;
     border-top:1px solid var(--border);
     border-bottom:1px solid var(--border);
     align-items:center;
     height: 598px;
   }
   .safety-inner {
     max-width: 850px;
     width: 100%;
     display: flex;
     flex-direction: column;
     margin: auto;
     margin-top: 24px;
   }
   .safety-label{
     font-family:'Cormorant Garamond',serif;
     font-size:32px;font-weight:700;line-height:1.2;
     color:var(--text);
   }
   .safety-label em{font-style:italic;color:var(--gold)}
   .safety-right{display:flex;flex-direction:column;gap:16px}
   .safety-text{
     font-size:15px;line-height:1.8;color:var(--text2);
   }
   .safety-promise{
     display:flex;align-items:flex-start;gap:16px;
     background:var(--gold-dim);
     border-left:2px solid var(--gold);
     padding:20px 24px;
   }
   .safety-promise-icon{font-size:24px;flex-shrink:0;margin-top:2px}
   .safety-promise-text{
     font-size:13.5px;color:var(--text2);line-height:1.75;
     font-style:italic;
   }
   .safety-promise-text strong{color:var(--text);font-style:normal;font-weight:600}
   
   /* For whom */
   .forwhom{
     background:var(--bg2);
     padding:100px 56px;
   }
   .forwhom-grid{
     display:grid;grid-template-columns:1fr 1fr;gap:80px;
     align-items:start;margin-top:64px;
   }
   .forwhom-group-title{
     font-size:10px;letter-spacing:.2em;text-transform:uppercase;
     font-weight:700;margin-bottom:20px;
     display:flex;align-items:center;gap:10px;
   }
   .forwhom-group-title.yes{color:#6AAF7A}
   .forwhom-group-title.no{color:var(--text3)}
   .forwhom-cards{display:flex;flex-direction:column;gap:2px}
   .fw-card{
     padding:20px 24px;
     border:1px solid var(--border);
     display:flex;align-items:flex-start;gap:14px;
     transition:border-color .25s;
   }
   .fw-card:hover{border-color:var(--border2)}
   .fw-card-icon{
     width:32px;height:32px;flex-shrink:0;border-radius:50%;
     display:flex;align-items:center;justify-content:center;
     font-size:14px;
   }
   .fw-card-icon.yes{background:rgba(106,175,122,0.12);color:#6AAF7A}
   .fw-card-icon.no{background:rgba(245,240,232,0.06);color:var(--text3)}
   .fw-card-text{
     font-size:13.5px;color:var(--text2);line-height:1.6;
   }
   .fw-card-text strong{color:var(--text);font-weight:600;display:block;margin-bottom:2px}
   .forwhom-filter{
     margin-top:40px;
     padding:24px 28px;
     background:var(--gold-dim);
     border-left:2px solid var(--gold);
   }
   .forwhom-filter-text{
     font-family:'Cormorant Garamond',serif;
     font-size:18px;font-style:italic;font-weight:700;
     color:var(--text);line-height:1.5;
   }
   
   /* Pain */
   .pain{
     background:#19160F;
     padding:120px 56px;
     position:relative;overflow:hidden;
     --text:#F0EDE8;
     --text2:rgba(245,240,232,0.7);
     --text3:rgba(245,240,232,0.4);
     --border:rgba(245,240,232,0.12);
     color:#F0EDE8;
   }
   .pain::before{
     content:'';
     position:absolute;top:-1px;left:0;right:0;height:1px;
     background:linear-gradient(90deg,transparent,rgba(201,162,87,0.3),transparent);
   }
   .pain .sec-title{color:#F5F0E8}
   .pain .ey-line{background:var(--gold)}
   .section-head{margin-bottom:64px}
   .eyebrow{
     display:inline-flex;align-items:center;gap:10px;
     margin-bottom:16px;
   }
   .ey-line{width:24px;height:1px;background:var(--gold);opacity:.5}
   .ey-text{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600}
   .sec-title{
     font-family:'Cormorant Garamond',serif;
     font-size:clamp(30px,3.5vw,52px);
     font-weight:700;line-height:1.1;
     letter-spacing:-.01em;
   }
   .sec-title em{font-style:italic;color:var(--gold)}
   .pain-grid{
     display:grid;grid-template-columns:repeat(4,1fr);gap:2px;
   }
   .pain-card{
     background:var(--surface);
     padding:0 0 36px;
     border:1px solid var(--border);
     position:relative;overflow:hidden;
     transition:all .3s ease;
     cursor:default;
     min-height:440px;
   }
   .pain-card-body{
     padding:28px 28px 0;
   }
   .pain-card:hover{background:#2A241C;border-color:var(--border2)}
   .pain-card::after{
     content:'';position:absolute;bottom:0;left:0;
     height:2px;width:0;background:var(--gold);
     transition:width .4s ease;
   }
   .pain-card:hover::after{width:100%}
   .pain-icon{
     width: 180px;
     aspect-ratio: 1;
     margin: 16px auto;
     display:block;
     object-fit:cover;
   }
   .pain-num{
     font-family:'Cormorant Garamond',serif;
     font-size:56px;font-weight:700;
     color:rgba(245,240,232,0.04);
     position:absolute;top:12px;right:16px;line-height:1;
   }
   .pain-title{
     font-size:16px;font-weight:600;color:var(--text);
     margin-bottom:10px;line-height:1.3;
   }
   .pain-text{
     font-size:13px;color:var(--text2);line-height:1.7;
   }
   
   /* Stat strip */
   .stat-strip{
     background:var(--gold);
     padding:32px 56px;
     display:grid;grid-template-columns:repeat(4,1fr);
     gap:1px;
   }
   .stat-item{
     padding:0 32px;
     border-right:1px solid rgba(15,13,10,0.15);
   }
   .stat-item:first-child{padding-left:0}
   .stat-item:last-child{border-right:none}
   .stat-num{
     font-family:'Cormorant Garamond',serif;
     font-size:48px;font-weight:700;
     color:var(--bg);line-height:1;
   }
   .stat-label{
     font-size:12px;font-weight:500;color:rgba(15,13,10,0.6);
     margin-top:6px;line-height:1.4;
   }
   
   /* Solution */
   .solution{padding:120px 56px;background:var(--bg)}
   .sol-grid{
     display:grid;grid-template-columns:1fr 1fr;gap:80px;
     align-items:start;margin-top:64px;
   }
   .sol-lead{
     font-size:17px;line-height:1.8;color:var(--text2);
     font-weight:300;margin-top:20px;
   }
   .sol-video-wrap{
     display:flex;
     flex-direction:column;
     gap:16px;
   }
   .sol-video{
     width:100%;
     aspect-ratio:16/9;
     border:1px solid var(--border);
     background:var(--surface);
     object-fit:cover;
     display:block;
   }
   .sol-video-btn{
     display:inline-flex;
     align-items:center;
     justify-content:center;
     width:100%;
     padding:16px 28px;
     border:1px solid var(--gold);
     background:var(--gold);
     color:var(--bg);
     cursor:pointer;
     font-family:'Jost',sans-serif;
     font-size:12px;
     font-weight:700;
     letter-spacing:.1em;
     text-transform:uppercase;
     transition:all .25s ease;
   }
   .sol-video-btn:hover{
     background:var(--gold2);
     border-color:var(--gold2);
   }
   .sol-steps{
     display:flex;flex-direction:column;gap:0;
   }
   .sol-step{
     display:grid;grid-template-columns:60px 1fr;gap:24px;
     padding:28px 0;
     border-bottom:1px solid var(--border);
     align-items:start;
     transition:all .3s;
   }
   .sol-step:last-child{border-bottom:none}
   .sol-step:hover{padding-left:8px}
   .sol-step-n{
     font-family:'Cormorant Garamond',serif;
     font-size:40px;font-weight:700;
     color:rgba(245,240,232,0.07);line-height:1;
     margin-top:-4px;
   }
   .sol-step-title{
     font-size:15px;font-weight:600;color:var(--text);
     margin-bottom:6px;
   }
   .sol-step-text{font-size:13px;color:var(--text2);line-height:1.7}
   .sol-step-badge{
     display:inline-block;margin-top:10px;
     padding:3px 10px;background:var(--gold-dim);
     border:1px solid var(--border2);
     font-size:10px;font-weight:600;letter-spacing:.12em;
     text-transform:uppercase;color:var(--gold);
   }
   
   /* Mid CTA */
   .mid-cta{
     background:var(--bg3);
     padding:72px 56px;
     display:flex;align-items:center;justify-content:space-between;gap:48px;
     border-top:1px solid var(--border);
     border-bottom:1px solid var(--border);
   }
   .mid-cta-h{
     font-family:'Cormorant Garamond',serif;
     font-size:clamp(24px,2.8vw,40px);
     font-weight:700;line-height:1.15;
     margin-bottom:10px;
   }
   .mid-cta-h em{font-style:italic;color:var(--gold)}
   .mid-cta-sub{font-size:14px;color:var(--text2);line-height:1.65;max-width:480px}
   .mid-cta-btn{
     flex-shrink:0;
     display:inline-flex;align-items:center;gap:10px;
     background:transparent;border:1px solid var(--gold);
     padding:16px 36px;
     color:var(--gold);cursor:pointer;
     font-family:'Jost',sans-serif;font-size:12px;
     font-weight:600;letter-spacing:.1em;text-transform:uppercase;
     transition:all .25s;white-space:nowrap;
   }
   .mid-cta-btn:hover{background:var(--gold);color:var(--bg)}
   
   /* Cases */
   .cases{
     padding:120px 56px;
     background:#19160F;
     --text:#F0EDE8;
     --text2:rgba(245,240,232,0.7);
     --text3:rgba(245,240,232,0.4);
     --border:rgba(245,240,232,0.12);
     color:#F0EDE8;
   }
   .cases .sec-title{color:#F5F0E8}
   .cases-grid{
     display:grid;grid-template-columns:repeat(2,1fr);
     gap:2px;margin-top:64px;
   }
   .case-card{
     background:var(--surface);
     border:1px solid var(--border);
     padding:0;overflow:hidden;
     transition:all .35s ease;
     cursor:pointer;position:relative;
   }
   .case-card:hover{transform:translateY(-6px);border-color:var(--border2)}
   .case-card:hover .case-body{border-top-color:var(--gold)}
   .case-img{
     width: 100%;
     aspect-ratio: 4 / 3;
     background:var(--bg3);
     display:flex;align-items:center;justify-content:center;
     overflow:hidden;position:relative;
   }
   .case-img img{width:100%;height:100%;object-fit:cover;display:block}
   .case-body{
     padding:28px 28px 32px;
     border-top:2px solid var(--border);
     transition:border-color .3s;
   }
   .case-tag{
     font-size:9px;letter-spacing:.2em;text-transform:uppercase;
     font-weight:700;color:var(--gold);margin-bottom:10px;display:block;
   }
   .case-title{
     font-family:'Cormorant Garamond',serif;
     font-size:21px;font-weight:700;
     color:var(--text);line-height:1.3;margin-bottom:20px;
   }
   .case-stats{
     border-top:1px solid var(--border);
     border-bottom:1px solid var(--border);
     padding:14px 0;margin-bottom:16px;
     display:flex;flex-direction:column;gap:8px;
   }
   .case-stat{display:flex;justify-content:space-between;align-items:center}
   .case-stat-l{font-size:11px;color:var(--text3);font-weight:500}
   .case-stat-v{
     font-family:'Cormorant Garamond',serif;
     font-size:16px;font-weight:700;color:var(--text);
   }
   .case-quote{
     font-size:12.5px;color:var(--text2);line-height:1.65;
     font-style:italic;
   }
   .case-quote::before{
     content:'"';
     color:var(--gold);
     font-family:'Cormorant Garamond',serif;
     font-size:24px;line-height:0;vertical-align:-10px;margin-right:3px;
   }
   
   /* Process */
   .process{
     padding:120px 56px;
     background:#19160F;
     --text:#F0EDE8;
     --text2:rgba(245,240,232,0.7);
     --text3:rgba(245,240,232,0.4);
     --border:rgba(245,240,232,0.12);
     color:#F0EDE8;
   }
   .process .sec-title{color:#F5F0E8}
   .proc-inner{max-width:900px;margin:0 auto}
   .proc-list{margin-top:64px}
   .proc-item{
     display:grid;grid-template-columns:72px 1fr auto;gap:32px;
     align-items:start;
     padding:36px 0;
     border-bottom:1px solid var(--border);
     transition:padding .25s ease;
   }
   .proc-item:hover{padding-left:8px}
   .proc-item:last-child{border-bottom:none}
   .proc-n{
     font-family:'Cormorant Garamond',serif;
     font-size:52px;font-weight:700;
     color:rgba(245,240,232,0.06);line-height:1;
     margin-top:-4px;
   }
   .proc-title{
     font-size:18px;font-weight:600;color:#F5F0E8;
     margin-bottom:8px;
   }
   .proc-text{font-size:13.5px;color:rgba(245,240,232,0.6);line-height:1.75}
   .proc-free{
     flex-shrink:0;align-self:flex-start;margin-top:4px;
     padding:5px 14px;
     background:var(--gold-dim);border:1px solid var(--border2);
     font-size:10px;font-weight:700;letter-spacing:.12em;
     text-transform:uppercase;color:var(--gold);
     white-space:nowrap;
   }
   
   /* Trust */
   .trust{
     padding: 0 56px 100px;
     background:var(--bg2);
   }
   .trust-intro{
     max-width:520px;
     margin-bottom:48px;
   }
   .trust-intro .sec-title{
     font-size:clamp(28px,3.2vw,38px);
     line-height:1.12;
     margin-top:4px;
   }
   .trust-intro .eyebrow{margin-bottom:10px}
   .trust-lead{
     margin-top:16px;
     font-size:18px;
     line-height:1.7;
     color:var(--text2);
     font-weight:400;
     letter-spacing:.01em;
     max-width:520px;
   }
   .trust-videos{
     display:grid;
     grid-template-columns:repeat(3,1fr);
     gap:clamp(14px,2vw,24px);
     margin-bottom:0;
   }
   .votziv-card{
     background:var(--surface);
     border:1px solid var(--border);
     border-radius:8px;
     overflow:hidden;
     display:flex;
     flex-direction:column;
     min-height:0;
     transition:border-color .28s ease, box-shadow .28s ease, transform .28s ease;
     box-shadow:0 4px 24px rgba(28,28,26,0.06);
   }
   .votziv-card::before{
     content:'';
     height:2px;
     background:linear-gradient(90deg, transparent, var(--gold), transparent);
     opacity:.85;
   }
   .votziv-card:hover{
     border-color:rgba(201,169,110,0.35);
     box-shadow:0 18px 48px rgba(28,28,26,0.14);
     transform:translateY(-3px);
   }
   .votziv-card-head{
     display:flex;
     align-items:center;
     justify-content:space-between;
     gap:12px;
     padding:16px 18px 14px;
     border-bottom:1px solid rgba(245,240,232,0.07);
     flex-shrink:0;
   }
   .votziv-card-label{
     font-size:9px;font-weight:500;letter-spacing:.22em;
     text-transform:uppercase;color:var(--gold);
   }
   .votziv-card-note{
     font-family:'Cormorant Garamond',serif;
     font-size:22px;font-weight:300;
     color:rgba(245,240,232,0.35);
     line-height:1;
   }
   .votziv-video-wrap{
     position:relative;
     flex:1;
     min-height:0;
     background: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(201,169,110,0.07), transparent 65%), #0f0e0c;
     aspect-ratio:16/9;
   }
   .votziv-card video{
     width:100%;
     height:100%;
     display:block;
     object-fit:cover;
   }
   .trust-cta-wrap{
     margin-top:48px;
     display:flex;
     justify-content:center;
     padding-top:8px;
   }
   .trust-cta-btn{
     display:inline-flex;
     align-items:center;
     gap:14px;
     background:var(--surface);
     color:var(--cream);
     text-decoration:none;
     font-family:'Jost',sans-serif;
     font-size:11px;
     font-weight:400;
     letter-spacing:.18em;
     text-transform:uppercase;
     padding:18px 36px;
     border-radius:2px;
     border:1px solid var(--surface);
     cursor:pointer;
     white-space:nowrap;
     transition:background .3s ease,gap .3s ease,border-color .3s ease,color .3s ease;
   }
   .trust-cta-btn:hover{
     background:var(--gold);
     border-color:var(--gold);
     color:#19160F;
     gap:20px;
   }
   .trust-cta-btn svg{
     width:15px;height:15px;
     stroke:currentColor;
     fill:none;
     stroke-width:1.5;
     stroke-linecap:round;
     stroke-linejoin:round;
     transition:transform .3s ease;
   }
   .trust-cta-btn:hover svg{transform:translateX(3px)}
   
   /* Quiz */
   .quiz-wrap{
     padding:120px 56px;
     background:#19160F;
     --text:#F0EDE8;
     --text2:rgba(245,240,232,0.7);
     --text3:rgba(245,240,232,0.4);
     --border:rgba(245,240,232,0.12);
     --border2:rgba(201,162,87,0.32);
     --bg2:#1F1B13;
     --bg-form:rgba(245,240,232,0.04);
     color:#F0EDE8;
     position:relative;overflow:hidden;
   }
   .quiz-wrap .sec-title{color:#F5F0E8}
   .quiz-wrap::before{
     content:'';position:absolute;
     top:-300px;left:-300px;
     width:700px;height:700px;border-radius:50%;
     background:radial-gradient(circle,rgba(201,162,87,0.06),transparent 70%);
   }
   .quiz-wrap::after{
     content:'';position:absolute;
     bottom:-200px;right:-200px;
     width:500px;height:500px;border-radius:50%;
     background:radial-gradient(circle,rgba(201,162,87,0.04),transparent 70%);
   }
   .quiz-header{text-align:center;margin-bottom:56px;position:relative;z-index:1}
   .quiz-header .eyebrow{justify-content:center}
   .quiz-header .sec-title{max-width:600px;margin:0 auto}
   .quiz-header .sec-sub{
     font-size:15px;color:var(--text2);margin-top:14px;
     line-height:1.7;
   }
   .quiz-box{
     max-width:760px;margin:0 auto;
     background:var(--bg2);
     border:1px solid var(--border);
     overflow:hidden;position:relative;z-index:1;
   }
   .quiz-box::before{
     content:'';position:absolute;top:0;left:0;right:0;height:3px;
     background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,var(--gold2) 70%,transparent 100%);
   }
   .quiz-top{
     padding:32px 40px 0;
     display:flex;align-items:center;justify-content:space-between;
   }
   .quiz-step-label{
     font-size:10px;letter-spacing:.2em;text-transform:uppercase;
     font-weight:700;color:var(--gold);
   }
   .quiz-prog{display:flex;gap:6px}
   .prog-dot{
     width:28px;height:3px;background:var(--border);
     transition:background .3s;
   }
   .prog-dot.active{background:var(--gold)}
   .prog-dot.done{background:rgba(201,162,87,0.4)}
   .quiz-body{padding:32px 40px 40px}
   .q-title{
     font-family:'Cormorant Garamond',serif;
     font-size:clamp(20px,2.5vw,30px);
     font-weight:700;line-height:1.2;margin-bottom:8px;
   }
   .q-title em{font-style:italic;color:var(--gold2)}
   .q-sub{font-size:13px;color:var(--text3);margin-bottom:32px;line-height:1.5}
   .q-opts{
     display:grid;grid-template-columns:1fr 1fr;gap:10px;
     margin-bottom:28px;
   }
   .q-opt{
     border:1px solid var(--border);
     padding:15px 18px;cursor:pointer;
     display:flex;align-items:center;gap:12px;
     color:var(--text2);font-size:13.5px;
     transition:all .2s;line-height:1.4;
   }
   .q-opt:hover{border-color:var(--border2);color:var(--text);background:var(--gold-dim2)}
   .q-opt.sel{border-color:var(--gold);background:var(--gold-dim);color:var(--text)}
   .q-opt-i{font-size:22px;flex-shrink:0}
   .q-actions{display:flex;align-items:center;gap:12px}
   .btn-next{
     display:inline-flex;align-items:center;gap:10px;
     background:var(--gold);color:var(--bg);
     padding:14px 36px;border:none;cursor:pointer;
     font-family:'Jost',sans-serif;font-size:12px;
     font-weight:700;letter-spacing:.1em;text-transform:uppercase;
     transition:all .25s;
   }
   .btn-next:hover{background:var(--gold2)}
   .btn-back{
     background:none;border:none;color:var(--text3);
     font-size:12px;cursor:pointer;padding:14px;
     transition:color .2s;
   }
   .btn-back:hover{color:var(--text2)}
   .wyg{
     background:var(--gold-dim);border-left:2px solid var(--gold);
     padding:20px 24px;margin-bottom:28px;
   }
   .wyg-title{
     font-size:9px;letter-spacing:.2em;text-transform:uppercase;
     font-weight:700;color:var(--gold);margin-bottom:12px;
   }
   .wyg-list{display:flex;flex-direction:column;gap:8px}
   .wyg-item{
     font-size:13px;color:var(--text2);
     display:flex;align-items:flex-start;gap:8px;
   }
   .wyg-item::before{content:'→';color:var(--gold);flex-shrink:0;font-weight:600}
   .q-form{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
   .q-input{
     background:rgba(245,240,232,0.04);
     border:1px solid var(--border);
     padding:15px 18px;color:var(--text);
     font-family:'Jost',sans-serif;font-size:14px;
     outline:none;transition:border-color .2s;width:100%;
   }
   .q-input::placeholder{color:var(--text3)}
   .q-input:focus{border-color:var(--gold)}
   .ty{text-align:center;padding:16px 0}
   .ty-icon{font-size:52px;margin-bottom:20px;animation:float 3s ease infinite;display:block}
   .ty-title{
     font-family:'Cormorant Garamond',serif;
     font-size:34px;font-weight:700;margin-bottom:12px;
   }
   .ty-title em{font-style:italic;color:var(--gold)}
   .ty-text{font-size:14px;color:var(--text2);line-height:1.75;max-width:440px;margin:0 auto}
   .ty-box{
     margin-top:24px;
     background:var(--gold-dim);border-left:2px solid var(--gold);
     padding:18px 24px;text-align:left;
   }
   .ty-box-title{
     font-size:10px;letter-spacing:.18em;text-transform:uppercase;
     font-weight:700;color:var(--gold);margin-bottom:10px;
   }
   .ty-box-text{font-size:13px;color:var(--text2);line-height:1.7}
   .q-step{display:none}
   .q-step.active{display:block}
   
   /* Expert */
   .expert{padding:80px 56px;background:var(--bg)}
   .expert-grid{
     display:grid;grid-template-columns:1fr 2fr;gap:80px;
     align-items:start;
   }
   .expert-photo-wrap{position:relative}
   .expert-photo{
     border:1px solid var(--border);
     overflow:hidden;
   }
   .expert-photo img{
     width:100%;
     height:auto;
     display:block;
   }
   .expert-badge{
     position:absolute;bottom:-20px;right:-20px;
     background:var(--gold);padding:18px 22px;text-align:center;
   }
   .expert-badge-n{
     font-family:'Cormorant Garamond',serif;
     font-size:38px;font-weight:700;color:var(--bg);line-height:1;
   }
   .expert-badge-t{
     font-size:9px;text-transform:uppercase;letter-spacing:.15em;
     color:rgba(15,13,10,.7);font-weight:700;margin-top:2px;
   }
   .expert-name{
     font-family:'Cormorant Garamond',serif;
     font-size:42px;font-weight:700;line-height:1;
     margin-bottom:4px;
   }
   .expert-role{
     font-size:10px;letter-spacing:.2em;text-transform:uppercase;
     font-weight:600;color:var(--gold);margin-bottom:28px;
   }
   .expert-text{
     font-size:15px;line-height:1.85;color:var(--text2);
     margin-bottom:24px;
   }
   .expert-credo{
     font-family:'Cormorant Garamond',serif;
     font-size:22px;font-style:italic;font-weight:700;
     color:var(--text);line-height:1.5;
     padding:28px 0;
     border-top:1px solid var(--border);
     border-bottom:1px solid var(--border);
     margin:28px 0;
   }
   .expert-credo::before{
     content:'"';color:var(--gold);
     font-size:40px;line-height:0;vertical-align:-14px;margin-right:4px;
   }
   .expert-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
   .chip{
     padding:6px 16px;border:1px solid var(--border);
     font-size:11px;color:var(--text3);letter-spacing:.06em;
   }
   
   /* Final CTA */
   .final{
     padding:120px 56px;background:#19160F;
     text-align:center;position:relative;overflow:hidden;
   }
   .final::before{
     content:'';position:absolute;top:50%;left:50%;
     transform:translate(-50%,-50%);
     width:900px;height:900px;border-radius:50%;
     background:radial-gradient(circle,rgba(201,162,87,0.04),transparent 65%);
   }
   .final-eyebrow{justify-content:center;margin-bottom:20px}
   .final-title{
     font-family:'Cormorant Garamond',serif;
     font-size:clamp(38px,5vw,68px);
     font-weight:700;line-height:1.05;
     color:#F5F0E8;
     margin-bottom:20px;position:relative;z-index:1;
   }
   .final-title em{font-style:italic;color:var(--gold)}
   .final-sub{
     font-size:16px;color:rgba(245,240,232,0.6);line-height:1.7;
     max-width:500px;margin:0 auto 48px;
     position:relative;z-index:1;
   }
   .final-note{
     margin-top:18px;font-size:12px;color:rgba(245,240,232,0.35);
     position:relative;z-index:1;
   }
   .final-btn{
     display:inline-flex;align-items:center;gap:12px;
     background:var(--gold);color:var(--bg);
     padding:20px 56px;border:none;cursor:pointer;
     font-family:'Jost',sans-serif;font-size:12px;
     font-weight:700;letter-spacing:.12em;text-transform:uppercase;
     transition:all .3s;position:relative;z-index:1;
     animation:glow 2.8s ease infinite;
   }
   .final-btn:hover{background:var(--gold2);transform:translateY(-2px)}
   
   /* Footer */
   footer{
     background:var(--bg);
     padding:36px 56px;
     display:flex;align-items:center;justify-content:space-between;
     border-top:1px solid var(--border);
     flex-wrap:wrap;gap:16px;
   }
   .footer-logo{
     font-family:'Cormorant Garamond',serif;
     font-size:18px;
     color:#11110F;
     font-weight:800;
     letter-spacing:.08em;
     text-transform:uppercase;
   }
   .footer-logo em{font-style:italic;color:var(--gold)}
   .footer-copy{font-size:11px;color:#11110F}
   .footer-city{font-size:11px;color:#11110F;letter-spacing:.1em;text-transform:uppercase}
   .footer-phone{
     font-size:13px;
     font-weight:600;
     color:#11110F;
     letter-spacing:.06em;
   }
   
   /* Portfolio Section */
   .portfolio-section {
     --cream: #F5F0E8;
     --warm-white: #FAF8F4;
     --charcoal: #1C1C1A;
     --stone: #8A8478;
     --gold: #C9A96E;
     --gold-light: #E8D5B0;
     --dark-bg: #111110;
     background: var(--dark-bg);
     color: var(--cream);
     font-family: 'Jost', sans-serif;
     font-weight: 300;
     overflow-x: clip;
     overflow-y: visible;
     position: relative;
   }
   .portfolio-section::before {
     content: '';
     position: fixed;
     inset: 0;
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
     pointer-events: none;
     z-index: 0;
     opacity: 0.4;
   }
   .portfolio-section .section-header {
     position: relative;
     z-index: 1;
     padding: 80px 56px 48px;
   }
   .portfolio-section .section-eyebrow {
     font-family: 'Jost', sans-serif;
     font-size: 11px;
     font-weight: 400;
     letter-spacing: 0.3em;
     text-transform: uppercase;
     color: var(--gold);
     margin-bottom: 28px;
     display: flex;
     align-items: center;
     gap: 16px;
   }
   .portfolio-section .section-eyebrow::before {
     content: '';
     display: block;
     width: 40px;
     height: 1px;
     background: var(--gold);
     opacity: 0.6;
   }
   .portfolio-section .section-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: clamp(38px, 5.5vw, 72px);
     font-weight: 300;
     line-height: 1.05;
     letter-spacing: -0.01em;
     color: var(--cream);
     margin-bottom: 28px;
   }
   .portfolio-section .section-title em {
     font-style: italic;
     color: var(--gold-light);
   }
   .portfolio-section .section-subtitle {
     font-size: 15px;
     font-weight: 300;
     line-height: 1.7;
     color: var(--stone);
     max-width: 560px;
     letter-spacing: 0.01em;
   }
   .portfolio-section .carousel-outer {
     position: relative;
     z-index: 1;
     padding: 0 0 20px;
     flex: 1;
     overflow: hidden;
   }
   .portfolio-section .carousel-track-wrapper {
     overflow: hidden;
     border-radius: 2px;
   }
   .portfolio-section .carousel-track {
     display: flex;
     transition: transform 0.8s cubic-bezier(0.77, 0, 0.18, 1);
     will-change: transform;
   }
   .portfolio-section .carousel-slide {
     min-width: 100%;
     display: grid;
     grid-template-columns: 7fr 3fr;
     gap: 20px;
     align-items: start;
   }
   .portfolio-section .project-card {
     position: relative;
     border-radius: 4px;
     overflow: hidden;
     background: #1a1a18;
   }
   .portfolio-section .ba-slider {
     position: relative;
     width: 100%;
     overflow: hidden;
     cursor: ew-resize;
     user-select: none;
     flex-shrink: 0;
   }
   .portfolio-section .carousel-slide .project-card:nth-child(1) .ba-slider,
   .portfolio-section .carousel-slide .project-card:nth-child(odd) .ba-slider {
     aspect-ratio: 1734 / 960;
   }
   .portfolio-section .carousel-slide .project-card:nth-child(2) .ba-slider,
   .portfolio-section .carousel-slide .project-card:nth-child(even) .ba-slider {
     aspect-ratio: 1080 / 1490;
   }
   .portfolio-section .ba-slider img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     pointer-events: none;
   }
   .portfolio-section .ba-after {
     z-index: 1;
   }
   .portfolio-section .ba-before {
     z-index: 2;
     clip-path: inset(0 0 0 50%);
     transition: clip-path 0s;
   }
   .portfolio-section .ba-handle {
     position: absolute;
     top: 0;
     left: 50%;
     width: 2px;
     height: 100%;
     background: rgba(255, 255, 255, 0.9);
     z-index: 10;
     transform: translateX(-50%);
     pointer-events: none;
   }
   .portfolio-section .ba-handle::before,
   .portfolio-section .ba-handle::after {
     content: '';
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.95);
     top: 50%;
     margin-top: -20px;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
   }
   .portfolio-section .ba-handle::after {
     width: 36px;
     height: 36px;
     margin-top: -18px;
     background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C1C1A' stroke-width='1.5'%3E%3Cpath d='M8 9l-3 3 3 3M16 9l3 3-3 3'/%3E%3C/svg%3E") center/20px no-repeat rgba(255,255,255,0.95);
     box-shadow: none;
   }
   .portfolio-section .ba-label {
     position: absolute;
     bottom: 16px;
     z-index: 8;
     font-family: 'Jost', sans-serif;
     font-size: 10px;
     font-weight: 400;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.7);
     background: rgba(0, 0, 0, 0.4);
     padding: 5px 10px;
     border-radius: 2px;
   }
   .portfolio-section .ba-label-before {
     right: 16px;
   }
   .portfolio-section .ba-label-after {
     left: 16px;
   }
   .portfolio-section .card-info {
     position: absolute;
     top: 16px;
     left: 16px;
     z-index: 20;
     background: rgba(17, 17, 16, 0.55);
     backdrop-filter: blur(12px);
     border: 1px solid rgba(201, 169, 110, 0.2);
     border-radius: 6px;
     padding: 14px 18px;
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
     min-width: 175px;
   }
   .portfolio-section .card-info-row {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
     gap: 16px;
     margin-bottom: 6px;
   }
   .portfolio-section .card-info-row:last-child {
     margin-bottom: 0;
   }
   .portfolio-section .card-info-label {
     font-size: 9px;
     font-weight: 400;
     letter-spacing: 0.15em;
     text-transform: uppercase;
     color: var(--stone);
   }
   .portfolio-section .card-info-value {
     font-family: 'Cormorant Garamond', serif;
     font-size: 14px;
     font-weight: 400;
     color: var(--gold-light);
     white-space: nowrap;
   }
   .portfolio-section .card-case {
     padding: 22px 24px 24px;
     background: #1a1a18;
     border-top: 1px solid rgba(255, 255, 255, 0.06);
   }
   .portfolio-section .card-case-project {
     font-size: 10px;
     font-weight: 400;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     color: var(--gold);
     margin-bottom: 6px;
   }
   .portfolio-section .card-case-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: 20px;
     font-weight: 400;
     color: var(--cream);
     margin-bottom: 8px;
     line-height: 1.2;
   }
   .portfolio-section .card-case-desc {
     font-size: 17px;
     font-weight: 300;
     color: #b8b2a8;
     line-height: 1.6;
     margin-bottom: 8px;
   }
   .portfolio-section .case-list {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-direction: column;
     gap: 5px;
   }
   .portfolio-section .case-list li {
     padding-left: 16px;
     position: relative;
     font-size: 16px;
     color: #b8b2a8;
     line-height: 1.6;
   }
   .portfolio-section .case-list li::before {
     content: '—';
     position: absolute;
     left: 0;
     color: var(--gold);
     font-size: 12px;
     top: 2px;
   }
   .portfolio-section .card-case-note {
     font-size: 15px;
     font-weight: 300;
     color: rgba(184, 178, 168, 0.75);
     font-style: italic;
   }
   .portfolio-section .carousel-top-nav {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0 56px 20px;
     position: relative;
     z-index: 1;
   }
   .portfolio-section .carousel-with-arrows {
     position: relative;
     display: block;
     padding: 0 56px;
   }
   .portfolio-section .carousel-dots {
     display: flex;
     gap: 10px;
     align-items: center;
   }
   .portfolio-section .carousel-dot {
     width: 6px;
     height: 6px;
     border-radius: 50%;
     background: rgba(138, 132, 120, 0.3);
     cursor: pointer;
     transition: all 0.3s ease;
     border: none;
     padding: 0;
   }
   .portfolio-section .carousel-dot.active {
     background: var(--gold);
     width: 24px;
     border-radius: 3px;
   }
   .portfolio-section .carousel-arrows {
     display: flex;
     gap: 12px;
   }
   .portfolio-section .carousel-arrow {
     width: 48px;
     height: 48px;
     border-radius: 50%;
     border: 1px solid rgba(201, 169, 110, 0.3);
     background: transparent;
     color: var(--cream);
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
     flex-shrink: 0;
   }
   .portfolio-section .carousel-arrow:hover {
     border-color: var(--gold);
     background: rgba(201, 169, 110, 0.1);
   }
   .portfolio-section .carousel-arrow svg {
     width: 18px;
     height: 18px;
     stroke: currentColor;
     fill: none;
     stroke-width: 1.5;
   }
   .portfolio-section #prevBtn,
   .portfolio-section #nextBtn {
     position: absolute;
     top: 50%;
     transform-origin: center center;
     z-index: 20;
     background: rgba(17, 17, 16, 0.7);
     border-color: rgba(201, 169, 110, 0.5);
   }
   .portfolio-section #prevBtn {
     left: 40px;
     right: auto;
     transform: translate(-50%, -50%);
     animation: portfolio-carousel-arrow-pulse-prev 3.6s ease-in-out infinite;
   }
   .portfolio-section #nextBtn {
     left: auto;
     right: 40px;
     transform: translate(50%, -50%);
     animation: portfolio-carousel-arrow-pulse-next 3.6s ease-in-out infinite;
   }
   .portfolio-section .cta-block {
     position: relative;
     z-index: 1;
     padding: 56px 56px 80px;
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 36px;
   }
   .portfolio-section .cta-divider {
     width: 1px;
     height: 60px;
     background: linear-gradient(to bottom, transparent, var(--gold), transparent);
     margin: 0 auto;
   }
   .portfolio-section .cta-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: clamp(28px, 4vw, 52px);
     font-weight: 300;
     line-height: 1.15;
     color: var(--cream);
     max-width: 600px;
   }
   .portfolio-section .cta-title em {
     font-style: italic;
     color: var(--gold-light);
   }
   .portfolio-section .cta-button {
     display: inline-flex;
     align-items: center;
     gap: 14px;
     padding: 18px 42px;
     background: transparent;
     border: 1px solid var(--gold);
     color: var(--cream);
     font-family: 'Jost', sans-serif;
     font-size: 12px;
     font-weight: 400;
     letter-spacing: 0.25em;
     text-transform: uppercase;
     cursor: pointer;
     transition: all 0.4s ease;
     text-decoration: none;
     border-radius: 2px;
     position: relative;
     overflow: hidden;
   }
   .portfolio-section .cta-button::before {
     content: '';
     position: absolute;
     inset: 0;
     background: linear-gradient(120deg, rgba(201, 169, 110, 0.15), transparent 40%, transparent 60%, rgba(201, 169, 110, 0.2));
     transform: translateX(-100%);
     transition: transform 0.5s ease;
   }
   .portfolio-section .cta-button:hover {
     border-color: var(--gold-light);
     color: var(--cream);
   }
   .portfolio-section .cta-button:hover::before {
     transform: translateX(0);
   }
   .portfolio-section .cta-button svg {
     width: 18px;
     height: 18px;
     stroke: currentColor;
     fill: none;
     stroke-width: 1.5;
     transition: transform 0.4s ease;
   }
   .portfolio-section .cta-button:hover svg {
     transform: translateX(4px);
   }
   @keyframes portfolio-carousel-arrow-pulse-prev {
     0%, 100% { transform: translate(-50%, -50%) scale(1); border-color: rgba(201, 169, 110, 0.45); box-shadow: 0 2px 14px rgba(0, 0, 0, 0.28); }
     50% { transform: translate(-50%, -50%) scale(1.12); border-color: rgba(232, 213, 176, 0.9); box-shadow: 0 6px 22px rgba(201, 169, 110, 0.28); }
   }
   @keyframes portfolio-carousel-arrow-pulse-next {
     0%, 100% { transform: translate(50%, -50%) scale(1); border-color: rgba(201, 169, 110, 0.45); box-shadow: 0 2px 14px rgba(0, 0, 0, 0.28); }
     50% { transform: translate(50%, -50%) scale(1.12); border-color: rgba(232, 213, 176, 0.9); box-shadow: 0 6px 22px rgba(201, 169, 110, 0.28); }
   }
   
   /* Realization Section */
   .realization-section {
     --ivory: #F8F5F0;
     --warm-white: #FDFBF8;
     --linen: #EDE8DF;
     --charcoal: #1C1C1A;
     --stone: #8A8478;
     --stone-light: #B5B0A8;
     --gold-r: #B8935A;
     --gold-light: #D4B483;
     --gold-pale: #EFE2CC;
     --ink: #2E2C28;
     background: var(--warm-white);
     color: var(--charcoal);
     font-family: 'Jost', sans-serif;
     font-weight: 300;
     overflow: hidden;
     position: relative;
   }
   .realization-section::before {
     content: '';
     position: absolute;
     inset: 0;
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");
     pointer-events: none;
     z-index: 0;
   }
   .realization-section::after {
     content: '';
     position: absolute;
     top: 0;
     left: 80px;
     width: 1px;
     height: 100%;
     background: linear-gradient(to bottom, transparent, var(--linen) 15%, var(--linen) 85%, transparent);
     pointer-events: none;
     z-index: 0;
   }
   .realization-section .section-inner {
     position: relative;
     z-index: 1;
     padding: 100px 56px 110px;
   }
   .realization-section .section-header {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 40px 80px;
     align-items: end;
     margin-bottom: 40px;
   }
   .realization-section .section-eyebrow {
     grid-column: 1 / -1;
     font-size: 10px;
     font-weight: 400;
     letter-spacing: 0.32em;
     text-transform: uppercase;
     color: var(--gold-r);
     display: flex;
     align-items: center;
     gap: 16px;
   }
   .realization-section .section-eyebrow::before {
     content: '';
     display: block;
     width: 36px;
     height: 1px;
     background: var(--gold-r);
     opacity: 0.7;
     flex-shrink: 0;
   }
   .realization-section .section-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: clamp(36px, 4.5vw, 62px);
     font-weight: 300;
     line-height: 1.07;
     letter-spacing: -0.01em;
     color: var(--ink);
   }
   .realization-section .section-title em {
     font-style: italic;
     color: var(--gold-r);
   }
   .realization-section .section-subtitle {
     font-family: 'Cormorant Garamond', serif;
     font-size: 19px;
     font-weight: 400;
     font-style: italic;
     line-height: 1.65;
     color: var(--ink);
     letter-spacing: 0.01em;
     padding-top: 24px;
     padding-left: 22px;
     border-top: 1px solid var(--linen);
     border-left: 2px solid var(--gold-r);
     align-self: end;
     position: relative;
   }
   .realization-section .section-subtitle::before {
     content: '\201C';
     position: absolute;
     top: 16px;
     left: -18px;
     font-family: 'Cormorant Garamond', serif;
     font-size: 72px;
     line-height: 1;
     color: var(--gold-r);
     opacity: 0.25;
     font-style: normal;
     pointer-events: none;
   }
   .realization-section .video-wrapper {
     position: relative;
     width: 100%;
     border-radius: 3px;
     overflow: hidden;
     background: var(--linen);
     margin-bottom: 0;
     box-shadow: 0 4px 24px rgba(44, 40, 32, 0.07), 0 1px 3px rgba(44, 40, 32, 0.05);
   }
   .realization-section .video-placeholder {
     width: 100%;
     aspect-ratio: 16 / 9;
     background: linear-gradient(135deg, #EDE8DF 0%, #E2DAD0 40%, #D4CCBF 100%);
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     overflow: hidden;
   }
   .realization-section .video-placeholder::before {
     content: '';
     position: absolute;
     inset: 0;
     background: linear-gradient(45deg, transparent 48%, rgba(184,147,90,0.06) 49%, rgba(184,147,90,0.06) 51%, transparent 52%), linear-gradient(-45deg, transparent 48%, rgba(184,147,90,0.06) 49%, rgba(184,147,90,0.06) 51%, transparent 52%);
     background-size: 60px 60px;
   }
   .realization-section .video-placeholder video {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
   }
   .realization-section .video-play-btn {
     position: relative;
     z-index: 2;
     width: 72px;
     height: 72px;
     border-radius: 50%;
     background: rgba(248, 245, 240, 0.92);
     border: none;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 8px 32px rgba(44,40,32,0.2);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     backdrop-filter: blur(8px);
   }
   .realization-section .video-play-btn:hover {
     transform: scale(1.08);
     box-shadow: 0 12px 40px rgba(44,40,32,0.28);
   }
   .realization-section .video-play-btn svg {
     width: 22px;
     height: 22px;
     fill: var(--gold-r);
   }
   .realization-section .video-play-btn .icon-play { margin-left: 4px; }
   .realization-section .video-play-btn .icon-pause { display: none; }
   .realization-section .video-play-btn.is-playing .icon-play { display: none; }
   .realization-section .video-play-btn.is-playing .icon-pause { display: block; }
   .realization-section .video-badge {
     position: absolute;
     top: 20px;
     left: 20px;
     z-index: 10;
     background: rgba(248, 245, 240, 0.92);
     backdrop-filter: blur(10px);
     border: 1px solid rgba(184, 147, 90, 0.25);
     border-radius: 3px;
     padding: 9px 15px;
     display: flex;
     align-items: center;
     gap: 9px;
   }
   .realization-section .video-badge-dot {
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background: var(--gold-r);
     flex-shrink: 0;
     animation: realization-pulse-dot 2.4s ease-in-out infinite;
   }
   @keyframes realization-pulse-dot {
     0%, 100% { opacity: 1; transform: scale(1); }
     50% { opacity: 0.55; transform: scale(0.85); }
   }
   .realization-section .video-badge-text {
     font-size: 9px;
     font-weight: 500;
     letter-spacing: 0.22em;
     text-transform: uppercase;
     color: var(--ink);
   }
   .realization-section .content-grid {
     display: grid;
     grid-template-columns: 3fr 2fr;
     gap: 40px;
     align-items: start;
   }
   .realization-section .stats-strip {
     display: flex;
     gap: 0;
     border: 1px solid var(--linen);
     border-radius: 3px;
     overflow: hidden;
     margin-top: 16px;
   }
   .realization-section .stat-item {
     flex: 1;
     padding: 20px 22px;
     border-right: 1px solid var(--linen);
     position: relative;
   }
   .realization-section .stat-item:last-child { border-right: none; }
   .realization-section .stat-label {
     font-size: 9px;
     font-weight: 400;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     color: var(--stone-light);
     margin-bottom: 6px;
     display: block;
   }
   .realization-section .stat-value {
     font-family: 'Cormorant Garamond', serif;
     font-size: 22px;
     font-weight: 400;
     color: var(--ink);
     line-height: 1.1;
     display: block;
     margin-bottom: 2px;
   }
   .realization-section .stat-note {
     font-size: 11px;
     font-weight: 300;
     color: var(--stone);
     line-height: 1.4;
     display: block;
   }
   .realization-section .right-col {
     display: flex;
     flex-direction: column;
     gap: 32px;
     padding-top: 4px;
   }
   .realization-section .project-desc {
     font-size: 15px;
     font-weight: 300;
     line-height: 1.8;
     color: var(--stone);
   }
   .realization-section .project-desc p + p { margin-top: 14px; }
   .realization-section .key-phrase {
     font-family: 'Cormorant Garamond', serif;
     font-size: 22px;
     font-weight: 400;
     font-style: italic;
     line-height: 1.35;
     color: var(--ink);
     padding: 20px 0 20px 20px;
     border-top: 1px solid var(--linen);
     border-bottom: 1px solid var(--linen);
     position: relative;
   }
   .realization-section .key-phrase::before {
     content: '';
     position: absolute;
     left: 0;
     top: -1px;
     bottom: -1px;
     width: 2px;
     background: var(--gold-r);
     opacity: 0.7;
   }
   .realization-section .key-phrase em {
     font-style: normal;
     color: var(--gold-r);
   }
   .realization-section .expertise-label {
     font-size: 9px;
     font-weight: 500;
     letter-spacing: 0.28em;
     text-transform: uppercase;
     color: var(--gold-r);
     margin-bottom: 18px;
     display: flex;
     align-items: center;
     gap: 12px;
   }
   .realization-section .expertise-label::after {
     content: '';
     display: block;
     flex: 1;
     height: 1px;
     background: var(--linen);
   }
   .realization-section .expertise-list {
     list-style: none;
     display: flex;
     flex-direction: column;
     gap: 11px;
   }
   .realization-section .expertise-list li {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     font-size: 14px;
     font-weight: 300;
     color: var(--charcoal);
     line-height: 1.5;
   }
   .realization-section .expertise-list li .check {
     flex-shrink: 0;
     width: 18px;
     height: 18px;
     border: 1px solid var(--gold-pale);
     border-radius: 2px;
     background: var(--gold-pale);
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 1px;
   }
   .realization-section .expertise-list li .check svg {
     width: 10px;
     height: 10px;
     stroke: var(--gold-r);
     fill: none;
     stroke-width: 2;
     stroke-linecap: round;
     stroke-linejoin: round;
   }
   .realization-section .cta-section {
     margin-top: 64px;
     padding-top: 56px;
     border-top: 1px solid var(--linen);
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 40px;
   }
   .realization-section .cta-left { flex: 1; }
   .realization-section .cta-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: clamp(28px, 3vw, 44px);
     font-weight: 300;
     line-height: 1.12;
     color: var(--ink);
     margin-bottom: 16px;
   }
   .realization-section .cta-title em {
     font-style: italic;
     color: var(--gold-r);
   }
   .realization-section .cta-note {
     font-size: 13px;
     font-weight: 300;
     color: var(--stone-light);
     line-height: 1.65;
     max-width: 420px;
   }
   .realization-section .cta-right { flex-shrink: 0; text-align: center; }
   .realization-section .cta-button {
     display: inline-flex;
     align-items: center;
     gap: 14px;
     background: var(--ink);
     color: var(--ivory);
     text-decoration: none;
     font-family: 'Jost', sans-serif;
     font-size: 12px;
     font-weight: 400;
     letter-spacing: 0.18em;
     text-transform: uppercase;
     padding: 18px 36px;
     border-radius: 2px;
     transition: background 0.3s ease, gap 0.3s ease;
     white-space: nowrap;
   }
   .realization-section .cta-button:hover {
     background: var(--gold-r);
     gap: 20px;
   }
   .realization-section .cta-button svg {
     width: 16px;
     height: 16px;
     stroke: currentColor;
     fill: none;
     stroke-width: 1.5;
     stroke-linecap: round;
     stroke-linejoin: round;
     transition: transform 0.3s ease;
   }
   .realization-section .cta-button:hover svg { transform: translateX(3px); }
   .realization-section .cta-sub {
     font-size: 11px;
     font-weight: 300;
     color: var(--stone-light);
     margin-top: 12px;
     line-height: 1.5;
     letter-spacing: 0.01em;
   }
   .realization-section .reveal {
     opacity: 0;
     transform: translateY(22px);
     transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }
   .realization-section .reveal.visible {
     opacity: 1;
     transform: translateY(0);
   }
   .realization-section .reveal-delay-1 { transition-delay: 0.1s; }
   .realization-section .reveal-delay-2 { transition-delay: 0.2s; }
   .realization-section .reveal-delay-3 { transition-delay: 0.3s; }
   .realization-section .reveal-delay-4 { transition-delay: 0.45s; }
   .realization-section .reveal-delay-5 { transition-delay: 0.6s; }
   
   /* Style Section */
   .style-section {
     --ivory: #F8F5F0;
     --warm-white: #FDFBF8;
     --linen: #EDE8DF;
     --linen-deep: #DDD6CB;
     --charcoal: #1C1C1A;
     --stone: #8A8478;
     --stone-light: #B5B0A8;
     --gold-s: #B8935A;
     --gold-light: #D4B483;
     --gold-pale: #EFE2CC;
     --ink: #2E2C28;
     background: var(--warm-white);
     color: var(--charcoal);
     font-family: 'Jost', sans-serif;
     font-weight: 300;
     overflow: hidden;
     position: relative;
   }
   .style-section::before {
     content: '';
     position: absolute;
     inset: 0;
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");
     pointer-events: none;
     z-index: 0;
   }
   .style-section::after {
     content: '';
     position: absolute;
     top: 0; left: 80px;
     width: 1px; height: 100%;
     background: linear-gradient(to bottom, transparent, var(--linen) 10%, var(--linen) 90%, transparent);
     pointer-events: none;
     z-index: 0;
   }
   .style-section .section-inner {
     position: relative;
     z-index: 1;
     padding: 100px 80px 110px;
   }
   .style-section .section-header {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 40px 80px;
     align-items: end;
     margin-bottom: 40px;
   }
   .style-section .section-eyebrow {
     grid-column: 1 / -1;
     font-size: 10px;
     font-weight: 400;
     letter-spacing: 0.32em;
     text-transform: uppercase;
     color: var(--gold-s);
     display: flex;
     align-items: center;
     gap: 16px;
   }
   .style-section .section-eyebrow::before {
     content: '';
     display: block;
     width: 36px; height: 1px;
     background: var(--gold-s);
     opacity: 0.7;
     flex-shrink: 0;
   }
   .style-section .section-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: clamp(36px, 4.5vw, 62px);
     font-weight: 300;
     line-height: 1.07;
     letter-spacing: -0.01em;
     color: var(--ink);
   }
   .style-section .section-title em {
     font-style: italic;
     color: var(--gold-s);
   }
   .style-section .section-subtitle {
     font-size: 15px;
     font-weight: 300;
     line-height: 1.8;
     color: var(--stone);
     padding-top: 20px;
     border-top: 1px solid var(--linen);
     align-self: end;
   }
   .style-section .section-subtitle strong {
     display: block;
     font-family: 'Cormorant Garamond', serif;
     font-size: 19px;
     font-weight: 400;
     font-style: italic;
     color: var(--ink);
     margin-bottom: 10px;
   }
   .style-section .gallery-wrap {
     max-width: 820px;
     margin: 0 auto;
     margin-bottom: 56px;
   }
   .style-section .gallery-row {
     display: grid;
     gap: 10px;
     margin-bottom: 10px;
   }
   .style-section .gallery-row:last-child { margin-bottom: 0; }
   .style-section .gallery-row--a {
     grid-template-columns: 2fr 1fr 1fr 1fr;
   }
   .style-section .gallery-row--b {
     grid-template-columns: 1fr 1fr 1fr 2fr;
   }
   .style-section .gallery-item {
     position: relative;
     overflow: hidden;
     border-radius: 2px;
     background: var(--linen);
     display: block;
     aspect-ratio: auto;
   }
   .style-section .gallery-item img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
     filter: saturate(0.92) brightness(0.98);
   }
   .style-section .gallery-item:hover img {
     transform: scale(1.04);
     filter: saturate(1) brightness(0.85);
   }
   .style-section .gallery-item__label {
     position: absolute;
     bottom: 14px;
     left: 14px;
     z-index: 3;
     font-size: 9px;
     font-weight: 400;
     letter-spacing: 0.22em;
     text-transform: uppercase;
     color: rgba(255,255,255,0.75);
     background: rgba(30, 28, 24, 0.38);
     backdrop-filter: blur(6px);
     padding: 5px 10px;
     border-radius: 2px;
     transition: opacity 0.35s ease;
   }
   .style-section .gallery-item:hover .gallery-item__label {
     opacity: 0;
   }
   .style-section .gallery-item__overlay {
     position: absolute;
     inset: 0;
     z-index: 4;
     background: linear-gradient(160deg, rgba(30,28,24,0.62) 0%, rgba(44,40,32,0.78) 100%);
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding: 28px;
     opacity: 0;
     transition: opacity 0.38s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }
   .style-section .gallery-item:hover .gallery-item__overlay {
     opacity: 1;
   }
   .style-section .overlay-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: clamp(18px, 1.8vw, 26px);
     font-weight: 300;
     color: #FDFBF8;
     line-height: 1.15;
     margin-bottom: 6px;
     transform: translateY(8px);
     transition: transform 0.38s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }
   .style-section .gallery-item:hover .overlay-title { transform: translateY(0); }
   .style-section .overlay-meta {
     font-size: 11px;
     font-weight: 300;
     letter-spacing: 0.1em;
     color: rgba(245, 240, 232, 0.62);
     margin-bottom: 18px;
     transform: translateY(8px);
     transition: transform 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }
   .style-section .gallery-item:hover .overlay-meta { transform: translateY(0); }
   .style-section .gallery-caption {
     text-align: center;
     padding: 48px 0 64px;
     border-bottom: 1px solid var(--linen);
     margin-bottom: 72px;
   }
   .style-section .gallery-caption p {
     font-family: 'Cormorant Garamond', serif;
     font-size: clamp(22px, 3vw, 40px);
     font-weight: 300;
     line-height: 1.25;
     color: var(--ink);
   }
   .style-section .gallery-caption p em {
     font-style: italic;
     color: var(--gold-s);
   }
   .style-section .gallery-caption span {
     display: block;
     font-size: 13px;
     font-weight: 300;
     color: var(--stone-light);
     letter-spacing: 0.08em;
     margin-top: 10px;
   }
   .style-section .process-wrap {
     display: grid;
     grid-template-columns: 1fr 3fr;
     gap: 40px 80px;
     align-items: start;
     margin-bottom: 64px;
   }
   .style-section .process-label {
     font-size: 10px;
     font-weight: 400;
     letter-spacing: 0.3em;
     text-transform: uppercase;
     color: var(--gold-s);
     padding-top: 6px;
     display: flex;
     align-items: flex-start;
     gap: 14px;
   }
   .style-section .process-label::before {
     content: '';
     display: block;
     width: 28px; height: 1px;
     background: var(--gold-s);
     opacity: 0.7;
     flex-shrink: 0;
     margin-top: 6px;
   }
   .style-section .process-steps {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 24px;
   }
   .style-section .step {
     padding: 28px 24px 28px 0;
     border-top: 1px solid var(--linen);
     position: relative;
   }
   .style-section .step::before {
     content: '';
     position: absolute;
     top: -1px; left: 0;
     width: 32px; height: 2px;
     background: var(--gold-s);
     opacity: 0.6;
   }
   .style-section .step-num {
     font-family: 'Cormorant Garamond', serif;
     font-size: 13px;
     font-weight: 300;
     color: var(--gold-s);
     margin-bottom: 16px;
     letter-spacing: 0.1em;
   }
   .style-section .step-icon {
     width: 32px; height: 32px;
     margin-bottom: 14px;
     color: var(--stone);
   }
   .style-section .step-icon svg {
     width: 100%; height: 100%;
     stroke: currentColor;
     fill: none;
     stroke-width: 1.2;
     stroke-linecap: round;
     stroke-linejoin: round;
   }
   .style-section .step-title {
     font-size: 13px;
     font-weight: 400;
     color: var(--ink);
     line-height: 1.5;
     letter-spacing: 0.01em;
   }
   .style-section .risk-block {
     background: var(--ivory);
     border: 1px solid var(--linen);
     border-radius: 2px;
     padding: 44px 52px;
     margin-bottom: 72px;
     display: grid;
     grid-template-columns: auto 1fr;
     gap: 32px;
     align-items: center;
   }
   .style-section .risk-icon {
     width: 48px; height: 48px;
     flex-shrink: 0;
     color: var(--gold-s);
   }
   .style-section .risk-icon svg {
     width: 100%; height: 100%;
     stroke: currentColor;
     fill: none;
     stroke-width: 1.2;
     stroke-linecap: round;
     stroke-linejoin: round;
   }
   .style-section .risk-text {
     font-family: 'Cormorant Garamond', serif;
     font-size: clamp(18px, 2vw, 26px);
     font-weight: 300;
     font-style: italic;
     line-height: 1.4;
     color: var(--ink);
   }
   .style-section .risk-text em {
     font-style: normal;
     color: var(--gold-s);
   }
   .style-section .cta-section {
     padding-top: 56px;
     border-top: 1px solid var(--linen);
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 40px;
   }
   .style-section .cta-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: clamp(28px, 3vw, 44px);
     font-weight: 300;
     line-height: 1.12;
     color: var(--ink);
     margin-bottom: 14px;
   }
   .style-section .cta-title em {
     font-style: italic;
     color: var(--gold-s);
   }
   .style-section .cta-note {
     font-size: 13px;
     font-weight: 300;
     color: var(--stone-light);
     line-height: 1.65;
     max-width: 400px;
   }
   .style-section .cta-right {
     flex-shrink: 0;
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     gap: 14px;
   }
   .style-section .cta-btn-primary {
     display: inline-flex;
     align-items: center;
     gap: 14px;
     background: var(--ink);
     color: var(--ivory);
     text-decoration: none;
     font-family: 'Jost', sans-serif;
     font-size: 11px;
     font-weight: 400;
     letter-spacing: 0.18em;
     text-transform: uppercase;
     padding: 18px 36px;
     border-radius: 2px;
     border: 1px solid var(--ink);
     cursor: pointer;
     white-space: nowrap;
     transition: background 0.3s ease, gap 0.3s ease, color 0.3s ease;
   }
   .style-section .cta-btn-primary:hover {
     background: var(--gold-s);
     border-color: var(--gold-s);
     gap: 20px;
   }
   .style-section .cta-btn-primary svg {
     width: 15px; height: 15px;
     stroke: currentColor;
     fill: none;
     stroke-width: 1.5;
     stroke-linecap: round;
     stroke-linejoin: round;
     transition: transform 0.3s ease;
   }
   .style-section .cta-btn-primary:hover svg { transform: translateX(3px); }
   .style-section .cta-btn-secondary {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     background: transparent;
     color: var(--stone);
     text-decoration: none;
     font-family: 'Jost', sans-serif;
     font-size: 11px;
     font-weight: 400;
     letter-spacing: 0.16em;
     text-transform: uppercase;
     padding: 14px 36px;
     border-radius: 2px;
     border: 1px solid var(--linen-deep);
     cursor: pointer;
     white-space: nowrap;
     transition: border-color 0.3s ease, color 0.3s ease;
   }
   .style-section .cta-btn-secondary:hover {
     border-color: var(--gold-s);
     color: var(--gold-s);
   }
   .style-section .reveal {
     opacity: 0;
     transform: translateY(22px);
     transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }
   .style-section .reveal.visible { opacity: 1; transform: translateY(0); }
   .style-section .reveal-d1 { transition-delay: 0.08s; }
   .style-section .reveal-d2 { transition-delay: 0.18s; }
   .style-section .reveal-d3 { transition-delay: 0.28s; }
   .style-section .reveal-d4 { transition-delay: 0.40s; }
   .style-section .reveal-d5 { transition-delay: 0.54s; }
   .style-section .reveal-d6 { transition-delay: 0.68s; }
   
   /* ============================================
      STAT MODALS (Case modals, stat modals)
      ============================================ */
   
   .stat-modal-overlay {
     position: fixed;
     inset: 0;
     background: rgba(15,13,10,0.88);
     z-index: 900;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 40px 24px;
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1);
     backdrop-filter: blur(6px);
   }
   .stat-modal-overlay.is-open {
     opacity: 1;
     pointer-events: all;
   }
   .stat-modal-inner {
     background: #FDFCFA;
     border-radius: 8px;
     max-width: 1280px;
     width: 100%;
     display: grid;
     grid-template-columns: 1fr 1fr;
     box-shadow: 0 32px 80px rgba(0,0,0,0.45);
     transform: translateY(32px) scale(0.97);
     transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
     position: relative;
     border: 1px solid rgba(28,28,26,0.08);
   }
   .stat-modal-overlay.is-open .stat-modal-inner {
     transform: translateY(0) scale(1);
   }
   .stat-modal-inner::before {
     content: '';
     position: absolute;
     top: 0; left: 0; right: 0;
     height: 2px;
     background: linear-gradient(to right, var(--gold), var(--gold2), transparent);
     border-radius: 8px 8px 0 0;
     z-index: 1;
   }
   .stat-modal-text {
     padding: 32px 24px 24px;
     display: flex;
     flex-direction: column;
     gap: 0;
     overflow-y: auto;
     min-height: 0;
     position: relative;
   }
   .stat-modal-gallery {
     position: relative;
     overflow: hidden;
     border-radius: 0 8px 8px 0;
     background: var(--bg3);
     display: flex;
     flex-direction: column;
   }
   .case-slider {
     position: relative;
     width: 100%;
     overflow: hidden;
   }
   .case-slider::before {
     content: '';
     display: block;
     padding-bottom: 100%;
   }
   .case-slider-track {
     display: flex;
     position: absolute;
     inset: 0;
     transition: transform 0.55s cubic-bezier(0.77, 0, 0.18, 1);
     will-change: transform;
   }
   .case-slide {
     min-width: 100%;
     width: 100%;
     flex-shrink: 0;
     overflow: hidden;
     aspect-ratio: 1 / 1;
   }
   .case-slide img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     user-select: none;
     -webkit-user-drag: none;
   }
   .case-slider-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 40px;
     height: 40px;
     border-radius: 50%;
     border: 1px solid rgba(255,255,255,0.25);
     background: rgba(15,13,10,0.5);
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 5;
     transition: background 0.2s, border-color 0.2s;
     backdrop-filter: blur(4px);
   }
   .case-slider-prev { left: 14px; }
   .case-slider-next { right: 14px; }
   .case-slider-btn:hover {
     background: rgba(201,169,110,0.65);
     border-color: var(--gold);
   }
   .case-slider-btn svg {
     width: 18px;
     height: 18px;
     stroke: #fff;
     stroke-width: 1.5;
   }
   .case-slider-dots {
     position: absolute;
     bottom: 14px;
     left: 50%;
     transform: translateX(-50%);
     display: flex;
     gap: 7px;
     z-index: 5;
   }
   .case-dot {
     width: 6px;
     height: 6px;
     border-radius: 50%;
     background: rgba(255,255,255,0.35);
     cursor: pointer;
     transition: all 0.3s ease;
     border: none;
     padding: 0;
   }
   .case-dot.active {
     background: var(--gold);
     width: 22px;
     border-radius: 3px;
   }
   .stat-modal-close {
     position: absolute;
     top: 18px;
     right: 18px;
     width: 36px;
     height: 36px;
     border-radius: 50%;
     border: 1px solid rgba(28,28,26,0.12);
     background: #1C1C1A;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background 0.2s, border-color 0.2s;
     z-index: 10;
   }
   .stat-modal-close:hover {
     background: rgba(201,169,110,0.18);
     border-color: var(--gold2);
   }
   .stat-modal-close svg {
     width: 14px;
     height: 14px;
     stroke: rgba(201,169,110,0.9);
     stroke-width: 1.5;
   }
   .stat-modal-eyebrow {
     font-family: 'Jost', sans-serif;
     font-size: 10px;
     font-weight: 400;
     letter-spacing: 0.28em;
     text-transform: uppercase;
     color: var(--gold);
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 20px;
   }
   .stat-modal-eyebrow::before {
     content: '';
     display: block;
     width: 24px;
     height: 1px;
     background: var(--gold);
     opacity: 0.6;
     flex-shrink: 0;
   }
   .stat-modal-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: clamp(20px, 2vw, 28px);
     font-weight: 300;
     line-height: 1.05;
     color: var(--text);
     margin-bottom: 6px;
     letter-spacing: -0.01em;
   }
   .stat-modal-meta {
     font-family: 'Jost', sans-serif;
     font-size: 10px;
     font-weight: 400;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: var(--gold);
     margin-bottom: 10px;
   }
   .stat-modal-divider {
     height: 1px;
     background: linear-gradient(to right, var(--border2), transparent);
     margin-bottom: 10px;
     opacity: 0.7;
   }
   .stat-modal-desc {
     font-family: 'Jost', sans-serif;
     font-size: 11px;
     font-weight: 300;
     line-height: 1.4;
     color: var(--text2);
     margin-bottom: 10px;
   }
   .stat-modal-list {
     list-style: none;
     display: flex;
     flex-direction: column;
     gap: 2px;
     margin-bottom: 10px;
   }
   .stat-modal-list li {
     font-size: 11px;
     font-weight: 300;
     line-height: 1.35;
     color: var(--text2);
     display: flex;
     align-items: flex-start;
     gap: 10px;
   }
   .stat-modal-list li::before {
     content: '';
     display: block;
     width: 4px;
     height: 4px;
     border-radius: 50%;
     background: var(--gold);
     margin-top: 8px;
     flex-shrink: 0;
     opacity: 0.8;
   }
   .stat-modal-result {
     margin-top: 6px;
     padding: 10px 12px;
     background: var(--gold-dim);
     border-left: 2px solid var(--gold);
     border-radius: 0 4px 4px 0;
   }
   .stat-modal-result-label {
     font-size: 9px;
     font-weight: 400;
     letter-spacing: 0.25em;
     text-transform: uppercase;
     color: var(--gold);
     margin-bottom: 6px;
   }
   .stat-modal-result-text {
     font-family: 'Cormorant Garamond', serif;
     font-size: 13px;
     font-weight: 400;
     font-style: italic;
     line-height: 1.3;
     color: var(--text);
   }
   .stat-item {
     transition: background 0.25s ease;
     position: relative;
   }
   
   /* ============================================
      ДОПОЛНИТЕЛЬНЫЕ СТИЛИ
      ============================================ */
   
   .text-sub-cards {
     font-family:'Cormorant Garamond',serif;
     font-size: 28px;
     font-weight:700;line-height:1.1;
     letter-spacing:-.01em;
   }
   .text-sub-cards-gold {
     color: var(--gold);
     font-style: italic;
   }
   .hero-h1,
   .sec-title,
   .final-title,
   .float-num,
   .deficit-stat-n,
   .pain-num,
   .stat-num,
   .sol-step-n,
   .proc-n,
   .text-sub-cards {
     font-weight: 300;
   }
   .logo,
   .footer-logo,
   .offer-h,
   .forwhom-filter-text,
   .safety-label,
   .mid-cta-h,
   .case-title,
   .case-stat-v,
   .case-quote::before,
   .q-title,
   .ty-title,
   .expert-badge-n,
   .expert-name,
   .expert-credo {
     font-weight: 400;
   }
   .nav-btn,
   .btn-main,
   .mid-cta-btn,
   .btn-next,
   .final-btn {
     font-weight: 500;
     letter-spacing: 0.12em;
   }
   .hw-text {
     font-weight: 400;
     letter-spacing: 0.3em;
   }
   .ey-text {
     font-weight: 400;
     letter-spacing: 0.3em;
   }
   body {
     font-weight: 300;
   }
   .regalia-section,
   .style-section {
     content-visibility: auto;
     contain-intrinsic-size: 1px 720px;
   }
   
   /* ============================================
      MEDIA QUERIES (Desktop first, затем адаптация)
      ============================================ */
   
   @media (max-width:1100px){
     .regalia-grid{grid-template-columns:1fr 1fr}
     .regalia-card--featured{grid-column:span 2}
     .pain-grid{grid-template-columns:1fr 1fr}
     .stat-strip{grid-template-columns:1fr 1fr;gap:1px}
     .hero-float{display:none}
     .deficit-strip{flex-direction:column;align-items:flex-start}
     .safety{grid-template-columns:1fr;gap:32px}
   }
   
   @media (max-width:900px){
     .regalia-header,
     .regalia-divider,
     .regalia-grid-wrapper,
     .regalia-footnote{
       padding-left:32px;
       padding-right:32px;
     }
     .regalia-header{padding-top:72px;padding-bottom:48px}
     .regalia-footnote{padding-bottom:72px}
     .regalia-modal-overlay{padding:16px;align-items:flex-end}
     .regalia-modal-inner{
       grid-template-columns:1fr;
       max-height:92vh;
       border-radius:12px 12px 8px 8px;
     }
     .regalia-modal-photo{
       min-height:unset;
       height:190px;
       border-radius:12px 12px 0 0;
       flex-shrink:0;
     }
     .regalia-modal-content{padding:28px 24px 28px;overflow-y:auto}
     .portfolio-section .section-header,
     .portfolio-section .cta-block {
       padding-left: 24px;
       padding-right: 24px;
     }
     .portfolio-section .carousel-top-nav,
     .portfolio-section .carousel-with-arrows {
       padding-left: 12px;
       padding-right: 12px;
     }
     .portfolio-section .carousel-slide {
       grid-template-columns: 1fr;
     }
     .portfolio-section .section-header {
       padding-top: 60px;
     }
     .trust-videos {
       grid-template-columns: 1fr;
     }
     .style-section::after { display: none; }
     .style-section .section-inner { padding: 80px 48px 90px; }
     .style-section .section-header { grid-template-columns: 1fr; gap: 28px; margin-bottom: 52px; }
     .style-section .section-eyebrow { grid-column: auto; }
     .style-section .gallery-row--a,
     .style-section .gallery-row--b {
       grid-template-columns: 1fr 1fr;
       grid-template-rows: 280px 280px;
     }
     .style-section .gallery-row--a .gallery-item:first-child,
     .style-section .gallery-row--b .gallery-item:last-child {
       grid-column: 1 / -1;
       grid-row: 1;
     }
     .style-section .process-wrap { grid-template-columns: 1fr; gap: 32px; }
     .style-section .process-steps { grid-template-columns: 1fr 1fr; gap: 20px; }
     .style-section .risk-block { padding: 32px 36px; }
     .style-section .cta-section { flex-direction: column; align-items: flex-start; }
     .style-section .cta-right { align-items: flex-start; }
     .realization-section::after { display: none; }
     .realization-section .section-inner { padding: 80px 40px 90px; }
     .realization-section .section-header {
       grid-template-columns: 1fr;
       gap: 28px;
       margin-bottom: 48px;
     }
     .realization-section .section-eyebrow { grid-column: auto; }
     .realization-section .content-grid {
       grid-template-columns: 1fr;
       gap: 32px;
     }
     .realization-section .cta-section {
       flex-direction: column;
       align-items: flex-start;
       gap: 32px;
     }
     .realization-section .cta-right { align-self: flex-start; }
   }
   
   @media (max-width:768px){
     html{scroll-behavior:auto}
     nav{
       padding:10px 24px;
       height:auto;
       min-height:68px;
       align-items:center;
       isolation:isolate;
     }
     .nav-right{
       flex:1;
       min-width:0;
       flex-wrap:wrap;
       justify-content:flex-end;
       align-items:center;
       gap:10px 14px;
     }
     .nav-phone{
       order:2;
       flex:0 0 100%;
       width:100%;
       justify-content:flex-end;
       margin-top:2px;
       font-size:14px;
       letter-spacing:.06em;
       line-height:1.3;
     }
     .nav-phone span:last-child{white-space:normal;text-align:right}
     .logo{
       display:flex;
       flex-direction:column;
       align-items:flex-start;
       gap:4px;
       line-height:1.12;
       text-align:left;
     }
     .logo-studia{display:block}
     .logo em.logo-mark{display:block;margin-top:0}
     .footer-logo{display:block;line-height:1.15}
     .footer-logo__studia{display:block}
     .footer-logo em{display:block;margin-top:2px;font-style:italic}
     .ticker{
       margin-top:var(--nav-h);
       position:relative;
       z-index:0;
       margin-bottom:0;
     }
     .hero{padding:100px 24px 64px}
     .hero-h1 .line2{padding-left:0}
     .hero-h1 .line3{padding-left:0}
     .pain,.solution,.cases,.process,.quiz-wrap,.expert,.final,.forwhom{padding:72px 24px}
     .trust{padding:56px 24px 64px}
     .sol-grid,.expert-grid,.forwhom-grid{grid-template-columns:1fr;gap:48px}
     .cases-grid,.pain-grid{grid-template-columns:1fr}
     .stat-strip {
       grid-template-columns: 1fr 1fr;
       gap: 20px;
       padding: 40px 24px;
       background: var(--gold);
     }  
     .stat-item {
       padding: 0;
       border-right: none;
       border-bottom: none;
       text-align: center;
     } 
     .stat-num {
       font-size: 36px;
       line-height: 1.2;
       margin-bottom: 4px;
     }
     .stat-label {
       font-size: 11px;
       line-height: 1.4;
       color: rgba(15,13,10,0.7);
     }
     .mid-cta{flex-direction:column;padding:48px 24px}
     .trust-cta-wrap{margin-top:40px;padding:0 4px}
     .trust-cta-btn{width:100%;max-width:min(100%,360px);justify-content:center;padding:16px 28px;font-size:10px;letter-spacing:.14em}
     .q-opts{grid-template-columns:1fr}
     .quiz-body{padding:24px}
     .quiz-top{padding:24px 24px 0}
     footer{padding:28px 24px;flex-direction:column;align-items:flex-start}
     .proc-item{grid-template-columns:50px 1fr;gap:20px}
     .proc-free{display:none}
     .deficit-strip{padding:24px; display: none;}
     .safety{
       padding:40px 24px;
       background-size: auto;
       background-position: bottom center;
       background-image: url('media/backgrounds/d1m.webp');
     }
     .sol-video{aspect-ratio:4/3}
     .stat-modal-overlay { padding: 0; align-items: flex-end; }
     .stat-modal-inner {
       grid-template-columns: 1fr;
       max-height: 92vh;
       border-radius: 16px 16px 0 0;
       overflow-y: auto;
     }
     .stat-modal-inner::before { border-radius: 16px 16px 0 0; }
     .stat-modal-gallery {
       order: -1;
       border-radius: 16px 16px 0 0;
     }
     .case-slider { border-radius: 16px 16px 0 0; }
     .stat-modal-text {
       padding: 28px 24px 36px;
       overflow-y: visible;
     }
     .portfolio-section .carousel-top-nav {
       padding-left: 8px;
       padding-right: 8px;
     }
     .portfolio-section .carousel-with-arrows {
       padding-left: 8px;
       padding-right: 8px;
       display: grid;
       grid-template-rows: auto auto;
       grid-template-columns: auto 1fr auto;
       grid-template-areas:
         "slider slider slider"
         "prev   .      next";
       align-items: center;
       row-gap: 12px;
     }
     .portfolio-section .carousel-outer {
       grid-area: slider;
     }
     .portfolio-section #prevBtn,
     .portfolio-section #nextBtn {
       position: static;
       transform: none;
       width: 40px;
       height: 40px;
       border-width: 1px;
       justify-self: center;
       animation-name: portfolio-carousel-arrow-pulse-mobile;
     }
     .portfolio-section #prevBtn { grid-area: prev; }
     .portfolio-section #nextBtn { grid-area: next; }
     .style-section .section-inner { padding: 60px 20px 72px; }
     .style-section .gallery-wrap { columns: 2; column-gap: 8px; }
     .style-section .gallery-row,
     .style-section .gallery-row--a,
     .style-section .gallery-row--b {
       display: contents;
       margin-bottom: 0;
     }
     .style-section .gallery-item {
       break-inside: avoid;
       margin-bottom: 8px;
       height: auto;
     }
     .style-section .gallery-item img { height: auto; }
     .style-section .process-steps { grid-template-columns: 1fr 1fr; gap: 16px; }
     .style-section .step { padding: 20px 14px 22px 0; }
     .style-section .step::before { width: 26px; }
     .style-section .step-icon { width: 26px; height: 26px; }
     .style-section .step-num { font-size: 10px; margin-bottom: 8px; }
     .style-section .step-title { font-size: 12px; line-height: 1.5; }
     .style-section .risk-block { grid-template-columns: 1fr; padding: 28px 24px; }
     .style-section .risk-icon { display: none; }
     .realization-section .section-inner { padding: 60px 24px 72px; }
     .realization-section .stats-strip { flex-direction: row; border-radius: 0; }
     .realization-section .stat-item {
       border-right: 1px solid var(--linen);
       border-bottom: none;
       padding: 16px 10px;
     }
     .realization-section .stat-item:last-child { border-right: none; }
     .realization-section .section-header { margin-bottom: 36px; }
     .realization-section .cta-button { padding: 16px 28px; font-size: 11px; }
   }
   
   @media (max-width:640px){
     .regalia-grid{grid-template-columns:1fr;gap:24px}
     .regalia-card--featured{grid-column:span 1}
     .regalia-header,
     .regalia-divider,
     .regalia-grid-wrapper,
     .regalia-footnote{
       padding-left:20px;
       padding-right:20px;
     }
     .regalia-header{padding-top:56px;padding-bottom:36px}
     .regalia-footnote{
       padding-bottom:56px;
       padding-top:32px;
       flex-direction:column;
       gap:16px;
     }
     .footnote-line{
       width:40px;
       height:1px;
       background:linear-gradient(to right, transparent, #C9A96E, transparent);
     }
     .regalia-grid-wrapper{padding-top:36px}
     .regalia-modal-inner{
       width:100%;
       max-width:100%;
       border-radius:20px 20px 0 0;
     }
     .regalia-modal-photo{
       height:220px;
       border-radius:20px 20px 0 0;
     }
     .regalia-modal-content{
       padding:24px 20px 28px;
     }
     .regalia-modal-close{
       top:12px;
       right:12px;
     }
     .stat-strip {
       grid-template-columns: 1fr;
       gap: 25px;
     }
   }
   
   @media (max-width:480px){
     .stat-strip {
       grid-template-columns: 1fr;
       gap: 25px;
     }
   }
   
   /* ============================================
      МОБИЛЬНАЯ ОПТИМИЗАЦИЯ: отключаем тяжелые эффекты
      ============================================ */
   
   @media (max-width: 768px) {
     /* Отключаем backdrop-filter на мобильных */
     nav,
     nav.scrolled,
     .hero-offer,
     .portfolio-section .card-info,
     .realization-section .video-badge,
     .regalia-card,
     .stat-modal-inner,
     .case-slider-btn {
       backdrop-filter: none !important;
       -webkit-backdrop-filter: none !important;
     }
     
     /* Упрощаем фоны на мобильных */
     .hero::before,
     .hero-grid-overlay,
     .hero-scan,
     .regalia-section::before,
     .portfolio-section::before,
     .realization-section::before,
     .realization-section::after,
     .style-section::before,
     .style-section::after,
     .quiz-wrap::before,
     .quiz-wrap::after,
     .final::before {
       display: none !important;
     }
     
     /* Отключаем content-visibility (причина артефактов) */
     .regalia-section,
     .style-section {
       content-visibility: visible !important;
     }
     
     /* Отключаем все анимации */
     .btn-main,
     .final-btn,
     .mid-cta-btn,
     .carousel-arrow,
     .hero-scan,
     .float-card,
     .ty-icon,
     .hero-offer::before,
     .portfolio-section #prevBtn,
     .portfolio-section #nextBtn,
     .deficit-dot,
     .realization-section .video-badge-dot {
       animation: none !important;
     }
     
     /* Отключаем transform анимации при ховере */
     .regalia-card:hover,
     .case-card:hover,
     .votziv-card:hover,
     .sol-step:hover,
     .proc-item:hover,
     .card-view-hint:hover,
     .realization-section .video-play-btn:hover {
       transform: none !important;
     }
     
     /* Упрощаем тени */
     .regalia-card,
     .case-card,
     .votziv-card,
     .stat-modal-inner,
     .realization-section .video-wrapper {
       box-shadow: none !important;
     }
     
     /* Стабилизируем перерисовку */
     main,
     body,
     .hero,
     .pain,
     .solution,
     .cases,
     .portfolio-section,
     .realization-section,
     .trust,
     .quiz-wrap,
     .expert,
     .final {
       transform: translateZ(0);
       backface-visibility: hidden;
       -webkit-backface-visibility: hidden;
     }
     
     /* Фикс для слайдеров */
     .carousel-track,
     .case-slider-track,
     .ba-slider img,
     .portfolio-section .carousel-track {
       transform: translateZ(0);
       -webkit-transform: translateZ(0);
       will-change: transform;
     }
     
     /* Отключаем анимации появления */
     .anim {
       transition: none !important;
       opacity: 1 !important;
       transform: none !important;
     }
     
     /* Фикс для видео */
     video {
       transform: none !important;
     }
     
     /* Гарантируем плавный скролл */
     html {
       scroll-behavior: auto !important;
     }
     
     body {
       overflow-x: hidden;
       -webkit-overflow-scrolling: touch;
     }
     
     /* Фикс для портфолио слайдера на мобильных */
     .portfolio-section .ba-slider {
       pointer-events: none;
     }
     
     .portfolio-section .ba-before {
       display: none !important;
     }
     
     .portfolio-section .ba-handle {
       display: none !important;
     }
     
     .portfolio-section .ba-label-before {
       display: none !important;
     }
   }
   
   /* Анимация для стрелок карусели на мобильных (упрощенная) */
   @keyframes portfolio-carousel-arrow-pulse-mobile {
     0%, 100% { transform: scale(1); border-color: rgba(201, 169, 110, 0.45); }
     50% { transform: scale(1.08); border-color: rgba(232, 213, 176, 0.9); }
   }
   
   @media (prefers-reduced-motion: reduce) {
     .portfolio-section #prevBtn,
     .portfolio-section #nextBtn {
       transform: none;
       animation: none;
     }
   }