:root { color-scheme: dark; --cream:#f4eee7; --muted:#b8b0a7; --accent:#ff744a; --night:0; --light:0; --zoom:1; --reveal:0; --drift:0px; --ignition:1; --transition:0; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; background:#11100f; color:var(--cream); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; -webkit-font-smoothing:antialiased; }
    button,a { -webkit-tap-highlight-color: transparent; }
    button { font:inherit; }
    a { color:inherit; text-decoration:none; }
    button:focus-visible, a:focus-visible { outline:2px solid #fff; outline-offset:5px; }

    .topbar { position:fixed; left:0; right:0; top:0; z-index:80; padding:clamp(23px,3.1vw,46px) clamp(25px,4.3vw,78px); display:flex; justify-content:space-between; align-items:flex-start; pointer-events:none; mix-blend-mode:normal; }
    .wordmark { font-size:clamp(21px,2.1vw,31px); font-weight:730; letter-spacing:-.078em; line-height:.92; pointer-events:auto; text-transform:lowercase; filter:drop-shadow(0 1px 2px rgba(0,0,0,.2)); }
    .wordmark i { color:#fd8e6b; font-style:normal; }
    .top-actions { display:flex; gap:26px; align-items:center; pointer-events:auto; }
    .lang { border:none; background:none; color:#f7f2ec; font-size:11px; letter-spacing:.18em; cursor:pointer; padding:8px; text-shadow:0 1px 8px #111; }
    .menu-button { width:29px; height:30px; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:6px; background:none; border:0; padding:0; cursor:pointer; }
    .menu-button span { width:24px; height:1.5px; background:#f8eee6; display:block; transition:transform .3s,opacity .3s; box-shadow:0 1px 6px #111; }
    .menu-button.open span:first-child { transform:translateY(3.8px) rotate(45deg); }
    .menu-button.open span:last-child { transform:translateY(-3.8px) rotate(-45deg); }

    .scroll-canvas { height:340svh; position:relative; }
    .scene { position:sticky; height:100svh; width:100%; top:0; overflow:hidden; isolation:isolate; background:#1f1c19; }
    .bar-frame {position:absolute;inset:0;background-size:cover;background-position:center center;will-change:opacity,transform;transform:translate3d(var(--drift),0,0) scale(var(--zoom));transform-origin:62% 49%;}
    .day-frame {background-image:url('../assets/diena.jpeg');opacity:calc(1 - var(--night));}
    .night-frame {background-image:url('../assets/naktis_off.jpeg');opacity:calc(var(--night) * (1 - var(--light)));}
    .lit-frame {clip-path:inset(0 calc((1 - var(--ignition)) * 42%) 0 0);background-image:url('../assets/naktis_on.jpeg');opacity:calc(var(--night) * var(--light));}
    .bar-vignette {position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.90) 17%,rgba(0,0,0,.75) 30%,rgba(0,0,0,.36) 43%,rgba(0,0,0,.08) 54%,transparent 62%);}
    #dustCanvas {position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;mix-blend-mode:screen;}
    .scene-copy { position:absolute; z-index:6; left:clamp(25px,4.3vw,78px); bottom:clamp(38px,7vh,88px); max-width:700px; }
    .eyebrow { display:flex; gap:12px; align-items:center; font-size:10px; text-transform:uppercase; letter-spacing:.26em; font-weight:650; text-shadow:0 1px 8px #111; }
    .eyebrow .line { display:inline-block; height:1px; background:currentColor; width:30px; opacity:.64; }
    .scene-title { font-size:clamp(35px,5vw,76px); font-weight:400; line-height:1.03; letter-spacing:-.055em; margin:18px 0 0; max-width:760px; text-wrap:balance; text-shadow:0 1px 20px rgba(0,0,0,.18); }
    .scene-title em { font-style:normal; color:#ffe4da; }
    .start-copy { opacity:calc(1 - var(--reveal)); transform:translateY(calc(var(--reveal) * 21px)); transition:transform .12s linear; }
    .end-copy { position:absolute; left:0; bottom:0; opacity:var(--reveal); transform:translateY(calc((1 - var(--reveal)) * 24px)); pointer-events:none; min-width:min(82vw,700px); }
    .end-copy.active { pointer-events:auto; }
    .end-copy .scene-title { font-size:clamp(37px,5.5vw,83px); }
    .end-copy p { font-size:clamp(13px,1.2vw,16px); line-height:1.6; color:#e6dcd5; max-width:480px; margin:16px 0 26px; }
    .pill { display:inline-flex; align-items:center; justify-content:center; gap:30px; border:1px solid rgba(255,255,255,.58); background:rgba(12,9,13,.19); color:#fff; backdrop-filter:blur(8px); font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.145em; padding:17px 22px; border-radius:2px; transition:background .3s,border-color .3s; }
    .pill:hover { background:rgba(255,107,79,.17); border-color:#ff9f86; }
    .pill svg { width:18px; }
    .scroll-hint { position:absolute; right:clamp(27px,4.4vw,80px); bottom:clamp(39px,7.5vh,92px); display:flex; align-items:center; gap:13px; writing-mode:vertical-rl; font-size:10px; font-weight:650; letter-spacing:.19em; text-transform:uppercase; text-shadow:0 1px 8px #111; opacity:calc(1 - var(--reveal)); transition:opacity .2s; }
    .scroll-hint:before { content:""; height:57px; width:1px; display:block; background:currentColor; opacity:.6; }
    .scene-tick { position:absolute; z-index:7; right:clamp(26px,4.2vw,75px); top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:9px; }
    .scene-tick span { width:3px; height:20px; border-radius:5px; background:rgba(255,255,255,.25); transition:background .2s,height .2s; }
    .scene-tick span.active { background:#ffb59e; height:34px; }
    .scene-tick[aria-hidden="true"] { pointer-events:none; }

    .next-section { min-height:100svh; padding:clamp(100px,13vw,190px) clamp(25px,7vw,130px); background:#12100f; position:relative; }
    .next-inner { max-width:1350px; margin:auto; }
    .section-label { font-size:10px; letter-spacing:.23em; text-transform:uppercase; color:#a9968d; }
    .next-inner h2 ,
    .next-inner .page-heading { font-size:clamp(40px,7.3vw,122px); font-weight:400; letter-spacing:-.074em; line-height:.99; margin:23px 0 54px; }
    .next-inner h2 em ,
    .next-inner .page-heading em { font-style:normal; color:#f3775a; }
    .tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
    .tile { position:relative; aspect-ratio: .85; background: radial-gradient(circle at 50% 43%,#352420, #1c181a 53%, #171416); display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px solid #ffffff11; }
    .tile::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(0deg,rgba(0,0,0,.62),transparent 37%); }
    .tile-word { font-weight:380; font-size:clamp(26px,4.1vw,65px); letter-spacing:-.05em; color:#fff5df; text-shadow:0 0 5px #fff4de,0 0 12px var(--tile),0 0 25px var(--tile),0 0 60px var(--tile); transform:rotate(-4deg); }
    .tile:nth-child(2) .tile-word { font-family:cursive; letter-spacing:-.06em; transform:rotate(5deg); }
    .tile:nth-child(3) .tile-word { letter-spacing:.03em; }
    .tile-bottom { z-index:2; position:absolute; bottom:21px; left:22px; right:22px; display:flex; justify-content:space-between; align-items:center; color:#e5d6cd; text-transform:uppercase; font-size:10px; letter-spacing:.15em; }
    .tile-bottom b { font-size:20px; font-weight:350; }
    .footer { display:flex; align-items:center; justify-content:space-between; padding:28px clamp(25px,7vw,130px) 42px; gap:14px; background:#12100f; border-top:1px solid rgba(255,255,255,.08); color:#948982; font-size:11px; letter-spacing:.04em; }
    .footer strong { color:#e0d5c9; font-size:16px; letter-spacing:-.07em; }
    .footer a { color:#d6c7bc; }
    .footer a:hover { color:white; }

    .menu-panel { position:fixed; z-index:65; inset:0; display:flex; flex-direction:column; justify-content:center; padding:clamp(30px,8vw,140px); background:rgba(14,11,13,.96); backdrop-filter:blur(30px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .35s,visibility .35s; }
    .menu-panel.visible { opacity:1; visibility:visible; pointer-events:auto; }
    .menu-nav { display:flex; align-items:flex-start; flex-direction:column; gap:12px; }
    .menu-nav a { font-size:clamp(45px,7vw,98px); line-height:1.04; font-weight:350; letter-spacing:-.067em; transition:color .25s,transform .25s; }
    .menu-nav a:hover { color:#fd9372; transform:translateX(8px); }
    .menu-small { color:#99877e; font-size:12px; margin-top:60px; letter-spacing:.08em; }
    .mobile-tap { display:none; }
    @media(max-width:720px) {
      .topbar { padding:26px 25px; }
      .bar-frame { background-position:60% center; }
      .neon-holder { width:104vw; top:39%; }
      .neon-bloom { width:100vw; height:90vw; top:39%; }
      .scene-copy { left:25px; right:35px; bottom:57px; }
      .scene-title { font-size:clamp(37px,10vw,60px); }
      .end-copy { min-width:calc(100vw - 60px); }
      .end-copy .scene-title { font-size:clamp(41px,9.3vw,64px); }
      .end-copy p { font-size:14px; max-width:320px; }
      .scroll-hint { right:20px; bottom:57px; font-size:8px; }
      .scroll-hint:before {height:34px;}
      .scene-tick { right:22px; top:48%; }
      .scene-tick span { height:15px; width:2px; }
      .scene-tick span.active { height:26px; }
      .tiles { grid-template-columns:1fr; }
      .tile { aspect-ratio:1.25; }
      .tile-word {font-size:62px;}
      .next-section {padding:110px 25px 86px;}
      .next-inner h2 ,
      .next-inner .page-heading {margin-bottom:36px;}
      .footer {padding:28px 25px 43px; flex-direction:column; align-items:flex-start;}
      .mobile-tap {display:block; color:#ccc; font-size:11px; margin-top:8px; letter-spacing:.1em; opacity:.75;}
    }
    @media (prefers-reduced-motion:reduce) {
      *,*::before,*::after {scroll-behavior:auto!important;animation:none!important;transition:none!important;}
    }

    /* V4 — NEONAI visual language: quiet geometry, precise editorial typography */
    :root { --cream:#f6f4ef; --muted:#b7b5b1; --accent:#e7dfd4; }
    body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:300; }
    .wordmark { display:block; width:clamp(134px,13vw,196px); height:auto; line-height:0; filter:drop-shadow(0 1px 5px rgba(0,0,0,.45)); }
    .brand-svg { width:100%; height:auto; display:block; overflow:visible; }
    .eyebrow,.section-label,.scroll-hint,.tile-bottom,.lang,.menu-small { font-weight:400; letter-spacing:.23em; }
    .scene-title { font-weight:300; letter-spacing:-.047em; line-height:1.1; }
    .scene-title em,.next-inner h2 em ,
    .scene-title em,.next-inner .page-heading em { color:inherit; font-style:normal; }
    .eyebrow .line { width:22px; }
    .end-copy p { font-weight:300; letter-spacing:.025em; color:#e6e2de; max-width:510px; }
    .pill { background:transparent; border:1px solid rgba(255,255,255,.58); border-radius:0; font-weight:400; letter-spacing:.2em; padding:17px 24px; }
    .pill:hover { background:rgba(255,255,255,.12); border-color:white; }
    .scene-tick span.active { background:#f5f1eb; }
    .next-section,.footer { background:#101010; }
    .next-inner h2 ,
    .next-inner .page-heading { font-weight:300; letter-spacing:-.055em; line-height:1.07; }
    .tile { background:radial-gradient(circle at 50% 40%,#292727,#141414 65%); }
    .tile-word { font-weight:300; }
    .menu-panel { background:rgba(11,11,11,.97); }
    .menu-nav a { font-weight:300; letter-spacing:-.04em; }
    .menu-nav a:hover { color:#f4f1eb; }
    .footer-brand { display:flex; align-items:center; gap:22px; }
    .footer-brand .brand-svg { width:104px; color:#f2eee8; }
    @media(max-width:720px){ .wordmark {width:136px;} .footer-brand {gap:15px;} .footer-brand .brand-svg {width:92px;} }

    /* V10: preserve original V9 darkness and photographic composition */
    .wordmark {width:clamp(100px,9.75vw,147px);}
    .scene-title {font-size:clamp(34px,4.25vw,65px);}
    .end-copy .scene-title {font-size:clamp(36px,4.7vw,71px);}
    .start-copy .scene-title,.start-copy .eyebrow {animation:copyEnter 1.5s cubic-bezier(.22,1,.36,1) both;}
    @keyframes copyEnter {from {filter:blur(5px);translate:0 14px;}to {filter:blur(0);translate:0 0;}}
    .scene::after {content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at 67% 43%,rgba(255,178,108,.42),transparent 60%);mix-blend-mode:screen;opacity:calc(var(--light) * .13);}


    .next-section {padding-top:clamp(90px,10vw,150px);}
    .about-section {background:#101010;border-top:1px solid #ffffff20;padding:clamp(90px,12vw,180px) clamp(25px,7vw,130px);display:grid;grid-template-columns:1fr 2fr;gap:40px;}
    .about-index {font-size:11px;letter-spacing:.22em;color:#a9a29d;}
    .about-content {max-width:780px;}
    .about-content h2 ,
    .about-content .page-heading {font-size:clamp(42px,6.3vw,100px);font-weight:300;line-height:1.05;letter-spacing:-.06em;margin:0 0 32px;}
    .about-content p {font-size:clamp(17px,1.8vw,24px);line-height:1.6;color:#bfb9b3;max-width:570px;}
    .about-link {display:inline-block;margin-top:30px;border-bottom:1px solid #ddd;padding-bottom:12px;letter-spacing:.09em;font-size:13px;text-transform:uppercase;}
    .footer-email {white-space:nowrap;}
    @media(max-width:720px){.wordmark{width:102px}.scene-title{font-size:clamp(35px,8.5vw,55px)}.end-copy .scene-title{font-size:clamp(37px,9vw,59px)}.about-section{grid-template-columns:1fr;gap:30px}}
    @media(prefers-reduced-motion:reduce){.start-copy{animation:none}.bar-frame{transform:none!important}}

    /* V13: one and the same bar image stays in place behind both sections. */
    .shared-backdrop {position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#1f1c19;}
    .scene {background:transparent;}
    .scroll-canvas,.next-section,.about-section,.footer {position:relative;z-index:1;}
    /* V14: no hard horizontal edge. Same photograph, darkness slowly grows. */
    .next-section {background:transparent;isolation:isolate;}
    .next-section::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
      background:linear-gradient(180deg,
        rgba(10,9,9,0) 0px,
        rgba(10,9,9,.08) 90px,
        rgba(10,9,9,.24) 210px,
        rgba(10,9,9,.43) 390px,
        rgba(10,9,9,.57) 650px,
        rgba(10,9,9,.63) 100%);}

    .next-inner {position:relative;z-index:1;}
    .scene-copy {z-index:6;}
    @media(max-width:720px){.next-section::before{background:linear-gradient(180deg,rgba(10,9,9,0) 0px,rgba(10,9,9,.20) 160px,rgba(10,9,9,.59) 470px,rgba(10,9,9,.66) 100%);}}

    /* V16 — Safari: prevent rubber-band exposing a different page background. */
    html { overscroll-behavior-y:none; background-color:#11100f;
      background-image:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.18) 62%,transparent),url('../assets/diena.jpeg');
      background-position:center center; background-size:cover; background-attachment:fixed; }
    body { overscroll-behavior-y:none; min-height:100%; }
    /* Bleed the photographic backdrop slightly beyond the viewport to avoid
       1px Safari fractional-compositing seams on refresh and zoom. */
    .shared-backdrop { inset:-3px; }
    .scene { margin-top:-1px; height:calc(100svh + 1px); }
    .topbar { -webkit-transform:translateZ(0); transform:translateZ(0); }
    @supports (-webkit-touch-callout:none) {
      html { overscroll-behavior-y:none; }
    }

    /* V15 — one typographic scale, one shared alignment grid. No changes to scene/scroll behavior. */
    :root { --page-gutter:clamp(25px,4.3vw,78px); --content-max:1320px; --type-small:12px; --type-body:16px; --type-heading:clamp(38px,4.25vw,65px); }
    .topbar {padding:clamp(23px,3.1vw,46px) var(--page-gutter);align-items:center;}
    .scene-copy {left:var(--page-gutter);bottom:clamp(48px,7vh,88px);width:min(620px,calc(100vw - 2 * var(--page-gutter)));max-width:none;}
    .start-copy,.end-copy {width:100%;}
    .end-copy {min-width:0;}
    .scene-title,.end-copy .scene-title {font-size:var(--type-heading);font-weight:300;line-height:1.12;letter-spacing:-.047em;margin:18px 0 0;max-width:620px;}
    .eyebrow,.section-label,.about-index {font-size:var(--type-small);font-weight:400;line-height:1.5;letter-spacing:.18em;}
    .eyebrow {gap:12px;}
    .end-copy p {font-size:var(--type-body);line-height:1.65;max-width:500px;margin:20px 0 28px;letter-spacing:0;}
    .pill,.about-link {font-size:12px;line-height:1.4;letter-spacing:.15em;}
    .pill {min-height:48px;}
    .lang,.scroll-hint,.tile-bottom,.menu-small {font-size:11px;line-height:1.5;}
    .scroll-hint,.scene-tick {right:var(--page-gutter);}
    .next-section {padding:clamp(100px,10vw,150px) var(--page-gutter) clamp(100px,11vw,160px);}
    .next-inner {max-width:var(--content-max);margin:0 auto;}
    .next-inner h2 ,
    .next-inner .page-heading {font-size:clamp(48px,6.2vw,96px);line-height:1.08;letter-spacing:-.055em;margin:24px 0 48px;max-width:850px;}
    .tiles {gap:18px;}
    .tile-bottom {left:24px;right:24px;bottom:24px;}
    .about-section {padding:clamp(100px,11vw,160px) var(--page-gutter);grid-template-columns:minmax(140px,1fr) minmax(0,2fr);column-gap:clamp(32px,5vw,90px);}
    .about-content h2 ,
    .about-content .page-heading {font-size:clamp(48px,6.2vw,96px);line-height:1.08;letter-spacing:-.055em;margin-bottom:26px;}
    .about-content p {font-size:clamp(16px,1.35vw,19px);line-height:1.7;margin:0;}
    .footer {padding:30px var(--page-gutter) 40px;gap:24px;flex-wrap:wrap;font-size:12px;line-height:1.5;letter-spacing:.02em;}
    .footer-brand {gap:22px;}
    .footer-brand .brand-svg {width:104px;}
    .footer-brand span {white-space:nowrap;}
    .parent-credit {font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#817a76;white-space:nowrap;}
    .parent-credit a {color:#c0b5ac;text-decoration:none;border-bottom:1px solid rgba(192,181,172,.35);padding-bottom:2px;transition:color .2s,border-color .2s;}
    .parent-credit a:hover {color:#fff;border-color:#fff;}
    .menu-nav a {line-height:1.14;}
    @media (max-width:720px) {
      :root {--page-gutter:25px;--type-small:10px;--type-body:14px;--type-heading:clamp(35px,8.5vw,55px);}
      .topbar {padding:26px var(--page-gutter);}
      .scene-copy {left:var(--page-gutter);right:var(--page-gutter);bottom:57px;width:calc(100vw - 2 * var(--page-gutter));}
      .scene-title,.end-copy .scene-title {font-size:var(--type-heading);}
      .end-copy p {max-width:340px;margin:16px 0 22px;}
      .scroll-hint {right:20px;}
      .scene-tick {right:22px;}
      .next-section {padding:100px var(--page-gutter) 90px;}
      .next-inner h2,.about-content h2 ,
      .next-inner .page-heading,.about-content .page-heading {font-size:clamp(42px,10vw,68px);margin-bottom:34px;}
      .tiles {gap:14px;}
      .about-section {padding:100px var(--page-gutter);grid-template-columns:1fr;row-gap:28px;}
      .footer {padding:30px var(--page-gutter) 44px;gap:18px;}
      .footer-brand {width:100%;}
    }

    /* V17 — unified editorial grid and collision-free scene transitions */
    :root { --page-gutter:clamp(28px,5vw,80px); --type-heading:clamp(40px,4.1vw,62px); }
    .topbar {padding-left:var(--page-gutter);padding-right:var(--page-gutter);min-height:92px;}
    .scene-copy {left:var(--page-gutter);bottom:clamp(58px,8vh,98px);width:min(590px,calc(100vw - 2 * var(--page-gutter)));}
    .scene-title,.end-copy .scene-title {font-size:var(--type-heading);line-height:1.12;letter-spacing:-.048em;}
    .eyebrow {font-size:11px;letter-spacing:.16em;}
    .end-copy p {font-size:15px;line-height:1.7;max-width:480px;}
    .next-section {padding-left:var(--page-gutter);padding-right:var(--page-gutter);padding-top:clamp(135px,16vh,195px);}
    .next-inner {max-width:none;margin:0;}
    .next-inner h2 ,
    .next-inner .page-heading {font-size:clamp(48px,5.2vw,78px);max-width:740px;line-height:1.1;}
    .about-section,.footer {padding-left:var(--page-gutter);padding-right:var(--page-gutter);}
    .about-content h2 ,
    .about-content .page-heading {font-size:clamp(48px,5.2vw,78px);}
    .scroll-canvas {height:280svh;}
    .scene {height:100svh;margin-top:0;overflow:hidden;}
    .scene-copy {opacity:var(--scene-copy-opacity,1);pointer-events:var(--scene-copy-events,auto);}
    .scroll-hint,.scene-tick {opacity:var(--scene-copy-opacity,1);}
    .end-copy {visibility:hidden;}
    .end-copy.active {visibility:visible;}
    .next-section::before {background:linear-gradient(180deg,rgba(10,9,9,0) 0%,rgba(10,9,9,.06) 13%,rgba(10,9,9,.19) 34%,rgba(10,9,9,.40) 68%,rgba(10,9,9,.62) 100%);}
    .topbar {isolation:isolate;}
    .topbar::before {content:"";position:absolute;inset:0 0 -28px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.35),transparent);}
    .tile:focus-visible,.pill:focus-visible {outline:2px solid white;outline-offset:4px;}
    @media(max-width:720px){
      :root {--page-gutter:24px;--type-heading:clamp(34px,8.5vw,52px);}
      .topbar {min-height:80px;}
      .scene-copy {bottom:70px;width:calc(100vw - 2 * var(--page-gutter));}
      .scene-title,.end-copy .scene-title {font-size:var(--type-heading);}
      .end-copy p {font-size:14px;line-height:1.6;}
      .next-section {padding-top:115px;}
      .next-inner h2,.about-content h2 ,
      .next-inner .page-heading,.about-content .page-heading {font-size:clamp(42px,9vw,64px);}
      .scroll-hint {display:none;}
    }

    /* V22: editorial single-page navigation and service section */
    .menu-nav {gap:clamp(9px,1.5vh,19px)}
    .menu-nav a {display:flex;align-items:baseline;gap:clamp(18px,3vw,48px);font-size:clamp(36px,5.7vw,78px);letter-spacing:-.045em}
    .menu-num {font-size:12px;letter-spacing:.12em;color:#aaa09a;min-width:25px;font-weight:400}
    .menu-small {line-height:2.4}
    .menu-small a {color:#e6ded8;text-decoration:none}
    .create-section {position:relative;z-index:2;display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2fr);gap:clamp(32px,5vw,90px);padding:clamp(100px,11vw,160px) var(--page-gutter);background:rgba(12,11,11,.83);border-top:1px solid rgba(255,255,255,.09)}
    .create-index {font-size:var(--type-small,11px);letter-spacing:.18em;color:#b2a9a3}
    .create-content {max-width:900px}
    .create-content h2 ,
    .create-content .page-heading {font-size:clamp(48px,5.2vw,78px);font-weight:300;line-height:1.08;letter-spacing:-.055em;margin:0 0 28px}
    .create-content h2 em ,
    .create-content .page-heading em {font-style:normal;color:#bfb4ae}
    .create-intro {font-size:clamp(16px,1.35vw,19px);line-height:1.7;color:#c1b9b2;margin:0 0 65px}
    .create-row {display:grid;grid-template-columns:44px 1fr 25px;gap:20px;padding:28px 0;border-top:1px solid rgba(255,255,255,.2);align-items:start}
    .create-row:last-child {border-bottom:1px solid rgba(255,255,255,.2)}
    .create-row>span {font-size:12px;color:#a99d95}
    .create-row h3 {font-size:clamp(22px,2.3vw,34px);font-weight:300;letter-spacing:-.035em;margin:0 0 8px}
    .create-row p {color:#aaa09a;font-size:14px;line-height:1.6;margin:0}
    @media(max-width:720px){.create-section{grid-template-columns:1fr;gap:28px;padding:95px var(--page-gutter)}.create-intro{margin-bottom:45px}.create-row{grid-template-columns:25px 1fr 18px;gap:13px}.menu-nav a{font-size:clamp(32px,8vw,53px)}.menu-panel{padding:28px}}

  
/* NEONAI / inquiry */
.inquiry-section{position:relative;z-index:4;background:#111011;color:#f4f0eb;padding:clamp(90px,10vw,165px) var(--page-gutter);scroll-margin-top:30px}
.inquiry-head{max-width:920px;margin-bottom:55px}.inquiry-kicker{font-size:11px;letter-spacing:.22em;color:#b6a8a0;text-transform:uppercase}.inquiry-head h2,.inquiry-head .page-heading{font-weight:300;font-size:clamp(40px,5.6vw,78px);letter-spacing:-.055em;line-height:1.07;margin:20px 0}.inquiry-head p{font-size:15px;line-height:1.8;color:#bdb2ac;max-width:570px}
.inquiry-form{max-width:1020px}.form-step{border-top:1px solid #393336;padding:30px 0 40px}.form-step h2{font-size:clamp(20px,2.5vw,30px);font-weight:350;letter-spacing:-.025em;margin:0 0 23px}.form-step h2 span{font-size:11px;color:#9d8c86;letter-spacing:.15em;margin-right:23px;vertical-align:middle}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.form-field{display:flex;flex-direction:column;gap:10px;min-width:0}.form-field.full{grid-column:1/-1}.form-field label,.field-label{font-size:12px;letter-spacing:.07em;color:#d5cac3}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #494044;border-radius:0;background:#191719;color:#fff;padding:15px 16px;font:inherit;font-size:15px;outline:none}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#d9cfc9}.form-field textarea{min-height:120px;resize:vertical}.form-field input[type=file]{font-size:12px}.form-field small,.form-help{color:#a99b95;font-size:12px;line-height:1.6}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choice{position:relative;display:block;cursor:pointer}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice span{display:flex;min-height:66px;align-items:center;padding:15px 17px;border:1px solid #494044;background:#191719;font-size:14px;line-height:1.4;transition:border-color .2s,background .2s}.choice input:checked+span{border-color:#e9e0d9;background:#302a2c}.choice input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}.form-options{display:flex;flex-wrap:wrap;gap:12px 28px}.form-options label{display:flex;gap:9px;align-items:center;font-size:14px;cursor:pointer}.form-options input{accent-color:#e7ded8}.form-actions{padding-top:30px;border-top:1px solid #393336}.form-actions button{background:#eae4de;color:#151213;border:0;padding:18px 30px;font:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.form-actions button:hover{background:#fff}.form-status{font-size:13px;line-height:1.6;color:#cfc1b9;margin-top:18px;max-width:650px}.conditional[hidden]{display:none!important}
@media(max-width:720px){.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.inquiry-section{padding-top:90px}.form-step{padding:25px 0 32px}}

    /* V24: expanded editorial service directory */
    .create-row-link{color:inherit;text-decoration:none;transition:background .2s,padding .2s}
    .create-row-link:hover{background:rgba(255,255,255,.035);padding-left:12px;padding-right:12px}
    .create-row-link:focus-visible{outline:1px solid #f4f0eb;outline-offset:4px}
    .create-row-link>span:last-child{transition:transform .2s}
    .create-row-link:hover>span:last-child{transform:translate(3px,-3px)}

/* V27 — separate, focused pages */
body{background:#0e0d0d}
body:not(.page-home) .scroll-canvas,body:not(.page-home) .backdrop{display:none!important}
body.page-home .create-section,body.page-home .inquiry-section,body.page-home .about-section{display:none!important}
body.page-projects .create-section,body.page-projects .inquiry-section,body.page-projects .about-section{display:none!important}
body.page-services .next-section,body.page-services .inquiry-section,body.page-services .about-section{display:none!important}
body.page-studio .next-section,body.page-studio .create-section,body.page-studio .inquiry-section{display:none!important}
body.page-inquiry .next-section,body.page-inquiry .create-section,body.page-inquiry .about-section{display:none!important}
body.page-contact .next-section,body.page-contact .create-section,body.page-contact .inquiry-section,body.page-contact .about-section{display:none!important}
body:not(.page-home) .next-section{background:#111011!important;min-height:unset;padding-top:165px;padding-bottom:90px}
body:not(.page-home) .next-section:before{display:none}
body:not(.page-home) .create-section,body:not(.page-home) .about-section,body:not(.page-home) .inquiry-section{min-height:65vh;padding-top:170px}
body.page-home .next-section{min-height:unset;padding-top:90px;padding-bottom:100px;background:#111011}
body.page-home .next-section:before{display:none}
body.page-home .project-grid,body.page-projects .project-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;max-width:1350px;margin:45px auto 0}
body.page-home .project-card,body.page-projects .project-card{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important}
body.page-home .project-card img,body.page-projects .project-card img{width:100%;height:100%;object-fit:cover}
.page-cta{display:inline-flex;margin-top:38px;border:1px solid rgba(255,255,255,.48);padding:17px 25px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.15em;transition:background .2s}
.page-cta:hover{background:#fff;color:#111}
.page-intro{font-size:15px;line-height:1.8;color:#bdb3ae;max-width:590px;margin-top:25px}
body.page-contact .contact-hero{display:flex;flex-direction:column;justify-content:center;min-height:67vh;padding:170px var(--page-gutter) 80px;background:#111011}
.contact-hero h1{font-weight:300;font-size:clamp(44px,7vw,104px);letter-spacing:-.06em;line-height:1.05;margin:25px 0}
.contact-hero p{color:#bdb3ae;line-height:1.7}
.contact-hero a{color:#fff;text-decoration:none;font-size:clamp(20px,3vw,36px);margin-top:32px}
body:not(.page-home) .footer{background:#0e0d0d}
@media(max-width:760px){body.page-home .project-grid,body.page-projects .project-grid{grid-template-columns:1fr!important;gap:14px!important}body.page-home .project-card,body.page-projects .project-card{aspect-ratio:5/4!important}body:not(.page-home) .next-section,body:not(.page-home) .create-section,body:not(.page-home) .about-section,body:not(.page-home) .inquiry-section{padding-top:120px}body.page-home .next-section{padding-top:65px}}

/* V29 — clean image-only gallery and functional full-screen viewer */
.project-card{position:relative;display:block;overflow:hidden;border:0;padding:0;background:#181618;color:inherit;cursor:zoom-in;text-align:left;line-height:0;border-radius:0}
.project-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.project-card:hover img{transform:scale(1.035)}
.project-card:focus-visible{outline:2px solid white;outline-offset:4px}
.project-caption,.project-open{display:none!important}
.project-lightbox{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(7,7,8,.97);padding:65px 75px 50px;box-sizing:border-box}
.project-lightbox.is-open{display:flex}
.project-lightbox>img{display:block;max-width:100%;max-height:calc(100dvh - 115px);width:auto;height:auto;object-fit:contain;box-shadow:0 15px 80px #0008}
.project-lightbox button{position:absolute;z-index:2;border:0;background:transparent;color:white;cursor:pointer;font:300 42px/1 Arial,sans-serif;padding:12px;opacity:.85}
.project-lightbox button:hover{opacity:1}
.project-lightbox .lightbox-close{top:16px;right:22px;font-size:38px}
.project-lightbox .lightbox-prev{left:16px;top:50%;transform:translateY(-50%)}
.project-lightbox .lightbox-next{right:16px;top:50%;transform:translateY(-50%)}
.project-lightbox .lightbox-label{position:absolute;bottom:19px;left:0;right:0;text-align:center;color:#c4bdb9;font:11px Arial,sans-serif;letter-spacing:.16em}
@media(max-width:700px){.project-lightbox{padding:60px 12px 55px}.project-lightbox>img{max-height:calc(100dvh - 125px)}.project-lightbox .lightbox-prev,.project-lightbox .lightbox-next{top:auto;bottom:7px;transform:none;font-size:32px}.project-lightbox .lightbox-label{bottom:28px}}


/* Compatibility, focus and small-screen fixes. */
body:not(.page-home) .shared-backdrop{display:none}
html.inner{background:#11100f}
.menu-button,.lang{min-width:44px;min-height:44px}
.menu-panel{overflow-y:auto;padding-top:max(110px,env(safe-area-inset-top));padding-bottom:max(32px,env(safe-area-inset-bottom))}
@media(max-height:600px){.menu-panel{justify-content:flex-start}.menu-nav{gap:8px}.menu-nav a{font-size:clamp(25px,6vh,40px)}.menu-small{margin-top:20px}}
.form-field input,.form-field select,.form-field textarea{font-size:16px}
.form-actions button:disabled{opacity:.6;cursor:wait}
.scene{height:100vh;height:100svh}.scroll-canvas{height:340vh;height:340svh}
.project-lightbox>img{max-height:calc(100vh - 115px);max-height:calc(100dvh - 115px);touch-action:pan-y}
.project-lightbox{padding-top:max(65px,env(safe-area-inset-top));padding-bottom:max(50px,env(safe-area-inset-bottom))}
.pill{-webkit-backdrop-filter:blur(8px)}.menu-panel{-webkit-backdrop-filter:blur(30px)}
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-200%);z-index:100000;padding:12px;background:#111;color:white}.skip-link:focus{transform:none}
.parent-credit{max-width:100%;white-space:normal;line-height:1.8}
.footer-brand{flex-wrap:wrap}
[hidden]{display:none!important}

.project-lightbox button{min-width:44px;min-height:44px}
.project-lightbox .lightbox-label{padding:0 70px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:700px){.project-lightbox{padding-bottom:100px}.project-lightbox>img{max-height:calc(100vh - 170px);max-height:calc(100dvh - 170px)}.project-lightbox .lightbox-label{bottom:max(20px,env(safe-area-inset-bottom));font-size:10px;letter-spacing:.06em}.project-lightbox .lightbox-prev,.project-lightbox .lightbox-next{bottom:max(15px,env(safe-area-inset-bottom))}}

body:not(.page-home) .topbar::before{background:linear-gradient(to bottom,#0e0d0d 65%,rgba(14,13,13,.9) 80%,transparent)}
input,select,textarea,[id]{scroll-margin-top:130px}

.page-home .topbar.is-solid::before{background:linear-gradient(to bottom,#111011 65%,rgba(17,16,17,.9) 80%,transparent)}