/* Active navigation */
    .primary-nav .nav-current{color:#fff}
    .primary-nav .nav-current::after{transform:scaleX(1)!important;transform-origin:left!important}

    /* Solutions page */
    .solutions-hero{
      position:relative;min-height:760px;padding:172px 0 92px;color:#fff;background:var(--night);overflow:hidden
    }
    .solutions-hero::before{
      content:"";position:absolute;inset:0;
      background-image:
        radial-gradient(circle at 78% 14%,rgba(242,170,98,.14),transparent 27%),
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
      background-size:auto,72px 72px,72px 72px;
      pointer-events:none
    }
    .solutions-hero-grid{
      position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.78fr);
      gap:90px;align-items:end
    }
    .solutions-hero h1{
      max-width:760px;margin:0;font-size:clamp(56px,6vw,90px);line-height:.98;letter-spacing:-.055em;font-weight:520
    }
    .solutions-hero-lead{
      max-width:710px;margin:30px 0 0;color:rgba(255,255,255,.64);font-size:18px;line-height:1.78
    }
    .solution-index{
      display:grid;border-top:1px solid rgba(255,255,255,.16)
    }
    .solution-index a{
      display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;
      padding:20px 0;border-bottom:1px solid rgba(255,255,255,.16);transition:padding .2s ease,color .2s ease
    }
    .solution-index a:hover{padding-left:8px;color:var(--warm-2)}
    .solution-index small{color:var(--warm);font-size:10px;font-weight:800;letter-spacing:.14em}
    .solution-index strong{font-size:16px;font-weight:560}
    .solution-index span{color:rgba(255,255,255,.36)}
    .hero-bottom-note{
      position:relative;z-index:1;margin-top:72px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);
      color:rgba(255,255,255,.42);font-size:12px;letter-spacing:.08em;text-transform:uppercase
    }

    .solution-detail{padding:112px 0;background:var(--paper)}
    .solution-detail.alt{background:#e6e3dc}
    .solution-detail-grid{
      display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:86px;align-items:center
    }
    .solution-detail.alt .solution-copy{order:2}
    .solution-detail.alt .solution-visual{order:1}
    .solution-kicker{
      display:flex;align-items:center;gap:12px;margin-bottom:22px;color:#8a5a35;
      font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase
    }
    .solution-kicker::before{content:"";width:32px;height:1px;background:#a66e43}
    .solution-copy h2{
      margin:0;font-size:clamp(42px,4.6vw,66px);line-height:1.03;letter-spacing:-.045em;font-weight:520
    }
    .solution-copy h2 em{color:#9b5e35}
    .solution-copy>p{
      margin:28px 0 0;color:var(--muted);font-size:17px;line-height:1.8
    }
    .feature-list{
      display:grid;gap:0;margin:34px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)
    }
    .feature-list li{
      display:grid;grid-template-columns:26px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);
      color:#3c3d3f;font-size:14px
    }
    .feature-list li::before{content:"↗";color:#9b5e35;font-weight:800}
    .solution-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:34px}
    .button-dark{background:var(--ink);color:#fff}
    .solution-visual{
      position:relative;min-height:590px;border-radius:var(--radius);overflow:hidden;background:#111;box-shadow:var(--shadow)
    }
    .solution-visual::after{
      content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.72))
    }
    .solution-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
    .solution-caption{
      position:absolute;z-index:2;left:26px;right:26px;bottom:24px;color:#fff
    }
    .solution-caption span{
      display:block;margin-bottom:5px;color:var(--warm-2);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase
    }
    .solution-caption strong{font-size:22px;font-weight:560}

    .process-section{padding:112px 0;color:#fff;background:var(--night)}
    .process-head{display:grid;grid-template-columns:1fr 380px;gap:70px;align-items:end;margin-bottom:54px}
    .process-head h2{
      margin:0;font-size:clamp(42px,4.8vw,68px);line-height:1.02;letter-spacing:-.045em;font-weight:520
    }
    .process-head p:last-child{margin:0;color:rgba(255,255,255,.56);line-height:1.75}
    .process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14)}
    .process-step{min-height:285px;padding:28px 26px 20px;border-right:1px solid rgba(255,255,255,.14)}
    .process-step:last-child{border-right:0}
    .process-step>span{color:var(--warm);font-size:10px;font-weight:800;letter-spacing:.16em}
    .process-step h3{margin:58px 0 14px;font-size:22px;line-height:1.15}
    .process-step p{margin:0;color:rgba(255,255,255,.52);font-size:13px;line-height:1.7}

    .catalog-bridge{padding:86px 0;background:#dedbd4}
    .catalog-bridge-box{
      display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:48px;
      border:1px solid rgba(20,21,23,.11);border-radius:var(--radius);background:rgba(250,249,245,.74)
    }
    .catalog-bridge h2{margin:0;font-size:clamp(34px,3.7vw,52px);line-height:1.06;letter-spacing:-.04em;font-weight:520}
    .catalog-bridge p{margin:18px 0 0;color:var(--muted)}
    .catalog-bridge-action{display:flex;justify-content:flex-end}

    .solution-contact{padding:100px 0;color:#fff;background:linear-gradient(125deg,#111318,#090a0c)}
    .solution-contact-grid{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}
    .solution-contact h2{margin:0;font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-.04em;font-weight:520}
    .solution-contact p{max-width:690px;margin:18px 0 0;color:rgba(255,255,255,.54)}
    .solution-contact-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}

    @media (max-width:900px){
      .solutions-hero-grid{grid-template-columns:1fr;gap:56px}
      .solution-detail-grid{grid-template-columns:1fr;gap:50px}
      .solution-detail.alt .solution-copy,.solution-detail.alt .solution-visual{order:initial}
      .solution-visual{min-height:520px}
      .process-head{grid-template-columns:1fr;gap:24px}
      .process-grid{grid-template-columns:1fr 1fr}
      .process-step:nth-child(2){border-right:0}
      .process-step:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}
      .catalog-bridge-box,.solution-contact-grid{grid-template-columns:1fr}
      .catalog-bridge-action,.solution-contact-actions{justify-content:flex-start}
    }
    @media (max-width:650px){
      .solutions-hero{min-height:auto;padding:132px 0 72px}
      .solutions-hero h1{font-size:clamp(48px,14vw,66px)}
      .solutions-hero-lead{font-size:16px}
      .hero-bottom-note{margin-top:48px}
      .solution-detail{padding:82px 0}
      .solution-detail-grid{gap:38px}
      .solution-visual{min-height:420px}
      .solution-copy>p{font-size:16px}
      .process-section{padding:82px 0}
      .process-grid{grid-template-columns:1fr}
      .process-step{min-height:auto;padding:26px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)!important}
      .process-step:last-child{border-bottom:0!important}
      .process-step h3{margin:28px 0 10px}
      .catalog-bridge{padding:68px 0}
      .catalog-bridge-box{padding:30px 24px}
      .solution-contact{padding:78px 0}
    }

  
    .responsible-lighting{
      position:relative;padding:112px 0;color:#fff;background:
        radial-gradient(circle at 82% 22%,rgba(224,154,74,.11),transparent 24%),
        linear-gradient(120deg,#111824 0%,#0b1018 48%,#101722 100%);
      overflow:hidden
    }
    .responsible-lighting::before{
      content:"";position:absolute;inset:0;
      background-image:
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
      background-size:72px 72px;pointer-events:none
    }
    .responsible-grid{
      position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);
      gap:82px;align-items:center
    }
    .responsible-copy h2{
      max-width:760px;margin:0;font-size:clamp(48px,5.2vw,76px);line-height:1.03;letter-spacing:-.05em;font-weight:520
    }
    .responsible-copy h2 em{color:var(--warm-2);font-family:Georgia,"Times New Roman",serif;font-weight:400}
    .responsible-copy>p:not(.eyebrow){
      max-width:760px;margin:28px 0 0;color:rgba(255,255,255,.58);font-size:17px;line-height:1.82
    }
    .temperature-scale{
      display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:48px;
      color:rgba(255,255,255,.46);font-size:11px;font-weight:650
    }
    .temperature-scale strong{color:#fff;white-space:nowrap}
    .temperature-bar{
      height:8px;border-radius:999px;background:linear-gradient(90deg,#ef8f42 0%,#f7b365 42%,#faefd8 68%,#d8f0ff 100%);
      box-shadow:0 0 20px rgba(242,170,98,.12)
    }
    .responsible-card{
      position:relative;min-height:540px;padding:150px 50px 42px;border:1px solid rgba(255,255,255,.15);
      border-radius:28px;background:rgba(255,255,255,.025);backdrop-filter:blur(3px)
    }
    .moon{
      position:absolute;right:38px;top:-74px;width:190px;height:190px;border-radius:50%;
      background:
        radial-gradient(circle at 34% 28%,#fff9d9 0 8%,transparent 9%),
        radial-gradient(circle at 66% 45%,rgba(121,75,35,.17) 0 11%,transparent 12%),
        radial-gradient(circle at 30% 66%,rgba(121,75,35,.18) 0 10%,transparent 11%),
        radial-gradient(circle at 79% 77%,rgba(121,75,35,.16) 0 9%,transparent 10%),
        linear-gradient(145deg,#ffd88f,#d99345);
      box-shadow:0 22px 80px rgba(224,154,74,.18)
    }
    .moon::after{
      content:"";position:absolute;inset:22px;border-radius:50%;
      box-shadow:inset -18px -20px 30px rgba(107,63,22,.1)
    }
    .responsible-point{padding:26px 0;border-bottom:1px solid rgba(255,255,255,.12)}
    .responsible-point:last-child{border-bottom:0}
    .responsible-point strong{display:block;margin-bottom:7px;font-size:16px}
    .responsible-point p{margin:0;color:rgba(255,255,255,.5);font-size:13px;line-height:1.7}
    .responsible-badge{
      position:absolute;left:40px;top:32px;display:inline-flex;align-items:baseline;gap:8px;
      padding:13px 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035)
    }
    .responsible-badge strong{font-size:24px;letter-spacing:-.03em;white-space:nowrap;color:var(--warm-2)}
    .responsible-badge span{font-size:10px;color:rgba(255,255,255,.48);text-transform:uppercase;letter-spacing:.12em}
    @media (max-width:900px){
      .responsible-grid{grid-template-columns:1fr;gap:80px}
      .responsible-card{min-height:500px}
    }
    @media (max-width:650px){
      .responsible-lighting{padding:82px 0}
      .responsible-copy h2{font-size:44px}
      .responsible-copy>p:not(.eyebrow){font-size:16px}

      /* Teplotní škála zůstává na mobilu v jednom řádku. */
      .temperature-scale{
        grid-template-columns:auto minmax(0,1fr) auto;
        gap:8px;
        font-size:10px;
      }
      .temperature-scale strong{
        grid-column:auto;
        white-space:nowrap;
        font-size:14px;
      }
      .temperature-bar{min-width:0}

      /* Měsíc a štítek už se na mobilu nepřekrývají. */
      .responsible-card{
        min-height:520px;
        padding:120px 24px 28px;
      }
      .moon{
        width:128px;
        height:128px;
        right:18px;
        top:-48px;
      }
      .responsible-badge{
        position:relative;
        left:auto;
        top:auto;
        width:max-content;
        max-width:100%;
        margin:0 0 34px;
      }
      .responsible-badge strong{
        font-size:22px;
        white-space:nowrap;
      }
    }



    .primary-nav .nav-current{color:#fff}
    .primary-nav .nav-current::after{transform:scaleX(1)!important;transform-origin:left!important}
    .reference-page-hero{
      position:relative;padding:174px 0 105px;color:#fff;background:var(--night);overflow:hidden
    }
    .reference-page-hero::before{
      content:"";position:absolute;inset:0;
      background:
        radial-gradient(circle at 82% 14%,rgba(242,170,98,.12),transparent 28%),
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
      background-size:auto,72px 72px,72px 72px;
      pointer-events:none
    }
    .reference-hero-grid{
      position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 410px;
      gap:84px;align-items:end
    }
    .reference-page-hero h1{
      margin:0;max-width:840px;font-size:clamp(56px,6vw,90px);line-height:.98;
      letter-spacing:-.055em;font-weight:520
    }
    .reference-page-hero h1 em{
      color:var(--warm-2);font-family:Georgia,"Times New Roman",serif;font-weight:400
    }
    .reference-page-hero p.lead{
      max-width:760px;margin:30px 0 0;color:rgba(255,255,255,.62);font-size:18px;line-height:1.8
    }
    .reference-hero-side{
      padding:28px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)
    }
    .reference-hero-side span{
      display:block;margin-bottom:10px;color:var(--warm);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase
    }
    .reference-hero-side p{margin:0;color:rgba(255,255,255,.56);font-size:14px;line-height:1.75}

    .featured-work{padding:112px 0;background:var(--paper)}
    .featured-head{
      display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:end;margin-bottom:56px
    }
    .featured-head h2,.portfolio-head h2{
      margin:0;font-size:clamp(42px,4.7vw,66px);line-height:1.03;letter-spacing:-.045em;font-weight:520
    }
    .featured-head h2 em,.portfolio-head h2 em{
      color:#9b5e35;font-family:Georgia,"Times New Roman",serif;font-weight:400
    }
    .featured-head>p{margin:0;color:var(--muted);line-height:1.8}
    .featured-projects{display:grid;gap:24px}
    .featured-project{
      display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);
      min-height:500px;border-radius:24px;overflow:hidden;background:#15171a;color:#fff
    }
    .featured-project:nth-child(even){grid-template-columns:minmax(330px,.88fr) minmax(0,1.12fr)}
    .featured-project:nth-child(even) .featured-media{order:2}
    .featured-media{position:relative;min-height:500px;overflow:hidden;background:#222}
    .featured-media::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 48%,rgba(0,0,0,.16))}
    .featured-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
    .featured-project:hover .featured-media img{transform:scale(1.025)}
    .featured-copy{padding:54px 48px;display:flex;flex-direction:column;justify-content:center}
    .featured-copy .project-label{
      color:var(--warm-2);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase
    }
    .featured-copy h3{margin:15px 0 18px;font-size:clamp(34px,3.5vw,52px);line-height:1.04;letter-spacing:-.04em}
    .featured-copy p{margin:0;color:rgba(255,255,255,.58);font-size:15px;line-height:1.75}
    .featured-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
    .featured-meta span{
      padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;
      color:rgba(255,255,255,.66);font-size:10px
    }
    .featured-copy .text-link{margin-top:34px;width:max-content}
    .future-note{
      margin-top:24px;padding:22px 26px;border:1px solid rgba(20,21,23,.12);border-radius:16px;
      color:var(--muted);background:#eeece6;font-size:13px;line-height:1.7
    }

    .portfolio{padding:112px 0;background:#dedbd4}
    .portfolio-head{display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:end;margin-bottom:44px}
    .portfolio-head>p{margin:0;color:var(--muted);line-height:1.8}
    .portfolio-filter-wrap{position:relative}
    .portfolio-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
    .portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
    .portfolio-filters label{
      min-height:40px;padding:0 16px;display:inline-flex;align-items:center;border:1px solid rgba(20,21,23,.18);
      border-radius:999px;color:var(--muted);font-size:12px;font-weight:650;cursor:pointer
    }
    .portfolio-filters label:hover{color:#fff;background:var(--ink);border-color:var(--ink)}
    #pf-all:checked ~ .portfolio-filters label[for="pf-all"],
    #pf-custom:checked ~ .portfolio-filters label[for="pf-custom"],
    #pf-commercial:checked ~ .portfolio-filters label[for="pf-commercial"],
    #pf-public:checked ~ .portfolio-filters label[for="pf-public"]{
      color:#fff;background:var(--ink);border-color:var(--ink)
    }
    #pf-custom:checked ~ .portfolio-grid .portfolio-card:not([data-category~="custom"]),
    #pf-commercial:checked ~ .portfolio-grid .portfolio-card:not([data-category~="commercial"]),
    #pf-public:checked ~ .portfolio-grid .portfolio-card:not([data-category~="public"]){display:none}
    .portfolio-grid{
      display:grid;grid-template-columns:repeat(12,1fr);gap:16px;grid-auto-flow:dense
    }
    .portfolio-card{
      grid-column:span 4;position:relative;min-height:390px;border-radius:20px;overflow:hidden;background:#15171a;color:#fff
    }
    .portfolio-card:nth-child(1),.portfolio-card:nth-child(5){grid-column:span 8}
    .portfolio-card:nth-child(2),.portfolio-card:nth-child(6){min-height:470px}
    .portfolio-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .3s ease}
    .portfolio-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 42%,rgba(0,0,0,.86))}
    .portfolio-card:hover img{transform:scale(1.035);filter:brightness(.84)}
    .portfolio-card-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}
    .portfolio-card-copy span{color:var(--warm-2);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
    .portfolio-card-copy h3{margin:6px 0 5px;font-size:24px;line-height:1.1}
    .portfolio-card-copy p{margin:0;color:rgba(255,255,255,.6);font-size:12px;line-height:1.55}
    .reference-page-cta{
      padding:96px 0;color:#fff;background:linear-gradient(125deg,#111318,#08090b)
    }
    .reference-page-cta-grid{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}
    .reference-page-cta h2{margin:0;font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-.04em;font-weight:520}
    .reference-page-cta p{max-width:700px;margin:18px 0 0;color:rgba(255,255,255,.54)}

    /* Detail reference */
    .detail-hero{position:relative;padding:158px 0 72px;color:#fff;background:var(--night);overflow:hidden}
    .detail-hero::before{
      content:"";position:absolute;inset:0;background:
      radial-gradient(circle at 80% 5%,rgba(242,170,98,.10),transparent 27%),
      linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
      background-size:auto,72px 72px,72px 72px
    }
    .detail-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 390px;gap:80px;align-items:end}
    .detail-back{display:inline-flex;margin-bottom:26px;color:rgba(255,255,255,.55);font-size:12px}
    .detail-back:hover{color:#fff}
    .detail-hero h1{margin:0;font-size:clamp(52px,5.6vw,82px);line-height:.98;letter-spacing:-.05em;font-weight:520}
    .detail-hero h1 em{color:var(--warm-2);font-family:Georgia,"Times New Roman",serif;font-weight:400}
    .detail-hero .lead{margin:28px 0 0;max-width:780px;color:rgba(255,255,255,.62);font-size:17px;line-height:1.8}
    .detail-facts{display:grid;border-top:1px solid rgba(255,255,255,.14)}
    .detail-fact{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14)}
    .detail-fact span{color:rgba(255,255,255,.35);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
    .detail-fact strong{font-size:13px;font-weight:560}
    .detail-cover{padding:0;background:var(--night)}
    .detail-cover figure{width:min(calc(100% - 40px),var(--max));height:min(68vw,760px);margin:0 auto;border-radius:24px 24px 0 0;overflow:hidden;background:#222}
    .detail-cover img{width:100%;height:100%;object-fit:cover}
    .detail-story{padding:105px 0;background:var(--paper)}
    .detail-story-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;align-items:start}
    .detail-story h2{margin:0;font-size:clamp(38px,4vw,56px);line-height:1.05;letter-spacing:-.04em;font-weight:520}
    .detail-story h2 em{color:#9b5e35;font-family:Georgia,"Times New Roman",serif;font-weight:400}
    .detail-story-copy p{margin:0 0 18px;color:var(--muted);font-size:16px;line-height:1.85}
    .archive-note{margin-top:30px;padding:18px 20px;border-left:2px solid #9b5e35;background:#ece9e2;color:var(--muted);font-size:12px;line-height:1.7}
    .detail-gallery{padding:0 0 110px;background:var(--paper)}
    .gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
    .gallery-item{grid-column:span 6;min-height:480px;border-radius:20px;overflow:hidden;background:#ddd}
    .gallery-item.wide{grid-column:1/-1;min-height:590px}
    .gallery-item img{width:100%;height:100%;object-fit:cover}
    .gallery-caption{margin:18px 0 0;color:var(--muted);font-size:12px}
    .detail-next{padding:85px 0;color:#fff;background:#0b0c0f}
    .detail-next-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}
    .detail-next h2{margin:0;font-size:clamp(34px,3.7vw,50px);letter-spacing:-.04em;font-weight:520}
    .detail-next p{margin:14px 0 0;color:rgba(255,255,255,.5)}

    @media(max-width:900px){
      .reference-hero-grid,.featured-head,.portfolio-head,.detail-hero-grid,.detail-story-grid{grid-template-columns:1fr;gap:36px}
      .featured-project,.featured-project:nth-child(even){grid-template-columns:1fr}
      .featured-project:nth-child(even) .featured-media{order:initial}
      .featured-media{min-height:420px}
      .portfolio-card,.portfolio-card:nth-child(1),.portfolio-card:nth-child(5){grid-column:span 6}
      .reference-page-cta-grid,.detail-next-grid{grid-template-columns:1fr}
      .gallery-item,.gallery-item.wide{grid-column:1/-1}
    }
    @media(max-width:650px){
      .reference-page-hero{padding:132px 0 76px}
      .reference-page-hero h1{font-size:clamp(48px,14vw,66px)}
      .reference-page-hero p.lead{font-size:16px}
      .featured-work,.portfolio{padding:82px 0}
      .featured-copy{padding:34px 26px}
      .featured-media{min-height:340px}
      .portfolio-grid{grid-template-columns:1fr}
      .portfolio-card,.portfolio-card:nth-child(1),.portfolio-card:nth-child(2),.portfolio-card:nth-child(5),.portfolio-card:nth-child(6){
        grid-column:1/-1;min-height:360px
      }
      .detail-hero{padding:132px 0 58px}
      .detail-cover figure{width:calc(100% - 28px);height:72vw;min-height:390px}
      .detail-story{padding:78px 0}
      .gallery-item,.gallery-item.wide{min-height:360px}
      .detail-gallery{padding-bottom:82px}
    }

  

    .primary-nav .nav-current{color:#fff}
    .primary-nav .nav-current::after{transform:scaleX(1)!important;transform-origin:left!important}

    .about-hero{
      position:relative;padding:174px 0 96px;color:#fff;background:var(--night);overflow:hidden
    }
    .about-hero::before{
      content:"";position:absolute;inset:0;
      background:
        radial-gradient(circle at 78% 15%,rgba(242,170,98,.12),transparent 28%),
        radial-gradient(circle at 10% 86%,rgba(40,126,150,.08),transparent 24%),
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
      background-size:auto,auto,72px 72px,72px 72px;pointer-events:none
    }
    .about-hero-grid{
      position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.72fr);
      gap:86px;align-items:end
    }
    .about-hero h1{
      margin:0;max-width:850px;font-size:clamp(56px,6vw,90px);line-height:.98;letter-spacing:-.055em;font-weight:520
    }
    .about-hero h1 em{
      color:var(--warm-2);font-family:Georgia,"Times New Roman",serif;font-weight:400
    }
    .about-hero .lead{
      max-width:760px;margin:30px 0 0;color:rgba(255,255,255,.62);font-size:18px;line-height:1.8
    }
    .about-hero-facts{display:grid;border-top:1px solid rgba(255,255,255,.15)}
    .about-hero-fact{
      display:grid;grid-template-columns:110px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.15)
    }
    .about-hero-fact span{
      color:rgba(255,255,255,.35);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase
    }
    .about-hero-fact strong{font-size:14px;font-weight:560}
    .about-number-strip{
      position:relative;z-index:1;margin-top:70px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12);
      display:grid;grid-template-columns:repeat(3,1fr);gap:28px
    }
    .about-number-strip strong{
      display:block;color:var(--warm-2);font-size:30px;line-height:1;letter-spacing:-.04em;font-weight:600
    }
    .about-number-strip span{
      display:block;margin-top:8px;color:rgba(255,255,255,.42);font-size:10px;letter-spacing:.12em;text-transform:uppercase
    }

    .about-intro{padding:112px 0;background:var(--paper)}
    .about-intro-grid{
      display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:90px;align-items:start
    }
    .about-intro h2,.values-head h2,.partners-copy h2,.reach-copy h2{
      margin:0;font-size:clamp(42px,4.7vw,66px);line-height:1.03;letter-spacing:-.045em;font-weight:520
    }
    .about-intro h2 em,.values-head h2 em,.partners-copy h2 em,.reach-copy h2 em{
      color:#9b5e35;font-family:Georgia,"Times New Roman",serif;font-weight:400
    }
    .about-intro-copy p{
      margin:0 0 20px;color:var(--muted);font-size:17px;line-height:1.86
    }
    .about-intro-copy p:last-child{margin-bottom:0}
    .about-intro-note{
      margin-top:34px;padding:22px 24px;border:1px solid rgba(20,21,23,.11);border-radius:16px;background:#efede7;
      color:#4d4f51;font-size:13px;line-height:1.7
    }

    .about-mosaic{padding:0 0 112px;background:var(--paper)}
    .mosaic-grid{
      display:grid;grid-template-columns:1.1fr .72fr .72fr;grid-template-rows:310px 250px;gap:16px
    }
    .mosaic-item{position:relative;border-radius:20px;overflow:hidden;background:#222}
    .mosaic-item:first-child{grid-row:1/3}
    .mosaic-item:nth-child(2){grid-column:2/4}
    .mosaic-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
    .mosaic-item::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.68))}
    .mosaic-caption{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff}
    .mosaic-caption span{display:block;color:var(--warm-2);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
    .mosaic-caption strong{display:block;margin-top:4px;font-size:18px;font-weight:560}

    .values{padding:112px 0;background:#dedbd4}
    .values-head{
      display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:end;margin-bottom:54px
    }
    .values-head>p{margin:0;color:var(--muted);line-height:1.8}
    .values-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
    .value-card{min-height:320px;padding:28px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
    .value-card:last-child{border-right:0}
    .value-card>span{color:#9b5e35;font-size:10px;font-weight:800;letter-spacing:.15em}
    .value-card h3{margin:62px 0 14px;font-size:23px;line-height:1.15}
    .value-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.72}

    .partners{padding:112px 0;color:#fff;background:var(--night)}
    .partners-grid{
      display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:90px;align-items:center
    }
    .partners-copy h2 em{color:var(--warm-2)}
    .partners-copy>p:not(.eyebrow){margin:28px 0 0;color:rgba(255,255,255,.56);font-size:16px;line-height:1.8}
    .partner-list{display:grid;border-top:1px solid rgba(255,255,255,.14)}
    .partner-row{
      display:grid;grid-template-columns:38px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.14)
    }
    .partner-row span{color:var(--warm);font-size:10px;font-weight:800;letter-spacing:.14em}
    .partner-row strong{font-size:16px;font-weight:560}
    .partner-row small{display:block;margin-top:5px;color:rgba(255,255,255,.44);font-size:12px;line-height:1.55}

    .reach{padding:104px 0;background:#e7e4dd}
    .reach-grid{
      display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:80px;align-items:center
    }
    .reach-copy p:not(.eyebrow){
      max-width:720px;margin:26px 0 0;color:var(--muted);font-size:16px;line-height:1.8
    }
    .reach-card{
      padding:34px;border:1px solid rgba(20,21,23,.12);border-radius:22px;background:rgba(250,249,245,.74)
    }
    .reach-line{
      display:grid;grid-template-columns:120px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)
    }
    .reach-line:first-child{padding-top:0}
    .reach-line:last-child{padding-bottom:0;border-bottom:0}
    .reach-line span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
    .reach-line strong{font-size:14px;font-weight:560}
    .reach-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

    .about-cta{padding:96px 0;color:#fff;background:linear-gradient(125deg,#111318,#08090b)}
    .about-cta-grid{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}
    .about-cta h2{
      margin:0;font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-.04em;font-weight:520
    }
    .about-cta p{max-width:690px;margin:18px 0 0;color:rgba(255,255,255,.54)}
    .about-cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}

    @media(max-width:900px){
      .about-hero-grid,.about-intro-grid,.values-head,.partners-grid,.reach-grid{grid-template-columns:1fr;gap:42px}
      .values-grid{grid-template-columns:1fr 1fr}
      .value-card:nth-child(2){border-right:0}
      .mosaic-grid{grid-template-columns:1fr 1fr;grid-template-rows:420px 250px}
      .mosaic-item:first-child{grid-column:1/-1;grid-row:auto}
      .mosaic-item:nth-child(2){grid-column:auto}
      .about-cta-grid{grid-template-columns:1fr}
      .about-cta-actions{justify-content:flex-start}
    }
    @media(max-width:650px){
      .about-hero{padding:132px 0 76px}
      .about-hero h1{font-size:clamp(48px,14vw,66px)}
      .about-hero .lead{font-size:16px}
      .about-number-strip{grid-template-columns:1fr;gap:18px;margin-top:48px}
      .about-number-strip div{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}
      .about-intro,.values,.partners{padding:82px 0}
      .about-mosaic{padding-bottom:82px}
      .mosaic-grid{grid-template-columns:1fr;grid-template-rows:none}
      .mosaic-item,.mosaic-item:first-child,.mosaic-item:nth-child(2){grid-column:1/-1;min-height:330px}
      .values-grid{grid-template-columns:1fr}
      .value-card{min-height:auto;padding:26px 0;border-right:0}
      .value-card h3{margin:28px 0 10px}
      .reach{padding:78px 0}
      .reach-card{padding:26px 22px}
      .reach-line{grid-template-columns:1fr;gap:5px}
      .about-cta{padding:78px 0}
    }