/* Glide 20 flagship aesthetic v06.
   Keeps the established frosted-glass language, but gives each story its own
   spatial rhythm and light field. Product pixels stay unfiltered. */

#glide20[data-visual-version="5"]{
  --ink:#f8f4ee;
  --muted:#c9c1ba;
  --gold:#efc995;
  --line:rgba(255,244,226,.13);
  --warm:#f1ad62;
  --cyan:#72ddcf;
  --blue:#6fb9ff;
  --violet:#aa8dff;
  font-family:"Helvetica Neue",Helvetica,"PingFang SC",sans-serif;
  background:
    radial-gradient(ellipse at 88% 8%,rgba(155,91,47,.24),transparent 24%),
    radial-gradient(ellipse at 10% 28%,rgba(240,165,91,.08),transparent 18%),
    #090706;
}

#glide20[data-visual-version="5"] .g20-section{
  position:relative;
  padding-top:clamp(96px,10vw,150px);
  padding-bottom:clamp(96px,10vw,150px);
}

#glide20[data-visual-version="5"] .g20-section+.g20-section{border-top:0}

#glide20[data-visual-version="5"] .g20-heading{max-width:980px;margin-bottom:clamp(44px,6vw,76px)}
#glide20[data-visual-version="5"] .g20-heading h2{font-size:clamp(40px,5.4vw,74px);line-height:1.04;letter-spacing:-.052em}
#glide20[data-visual-version="5"] .g20-heading>p:last-child:not(.g20-eyebrow){font-size:clamp(16px,1.55vw,20px);line-height:1.9;max-width:720px;color:#c9c1ba}
#glide20[data-visual-version="5"] .g20-eyebrow{color:#f0c894;letter-spacing:.18em;margin-bottom:26px}

#glide20[data-visual-version="5"] .g20-glass{
  border-color:rgba(255,244,226,.12);
  background:linear-gradient(140deg,rgba(255,247,235,.105),rgba(255,246,231,.025) 54%,rgba(244,202,151,.065));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 28px 75px rgba(0,0,0,.24);
  backdrop-filter:blur(28px) saturate(112%);
  -webkit-backdrop-filter:blur(28px) saturate(112%);
}

/* Hero: the real installed scene remains the first image. */
#glide20[data-visual-version="5"] .g20-hero{background:#090706;padding:0!important}
#glide20[data-visual-version="5"] .g20-hero-visual:after{
  background:
    radial-gradient(ellipse at 68% 46%,rgba(255,178,93,.11),transparent 29%),
    linear-gradient(90deg,rgba(7,5,4,.91) 0%,rgba(8,6,5,.58) 36%,transparent 72%),
    linear-gradient(0deg,#090706 0%,transparent 36%);
}
#glide20[data-visual-version="5"] .g20-hero-copy{bottom:clamp(82px,9vw,132px);max-width:600px}
#glide20[data-visual-version="5"] .g20-hero-copy h1{font-weight:520;letter-spacing:-.065em;text-shadow:0 8px 34px rgba(0,0,0,.35)}
#glide20[data-visual-version="5"] .g20-hero-copy .g20-tagline{font-size:clamp(29px,3.15vw,48px);line-height:1.2;color:#fff8ef}
#glide20[data-visual-version="5"] .g20-hero-copy .g20-hero-detail{font-size:17px;color:#ded5cc;max-width:500px}
#glide20[data-visual-version="5"] .g20-hero-copy .g20-links a{
  border-color:rgba(255,243,225,.18);
  background:rgba(24,17,13,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 30px rgba(0,0,0,.15);
}
#glide20[data-visual-version="5"] .jink-home-mark{right:max(26px,4vw);bottom:max(22px,3vw)}

/* Overview keeps frosted glass, with clear hierarchy and four distinct roles. */
#glide20[data-visual-version="5"] #g20-overview:before,
#glide20[data-visual-version="5"] #g20-lights:before,
#glide20[data-visual-version="5"] #g20-matter:before,
#glide20[data-visual-version="5"] #g20-white-light:before,
#glide20[data-visual-version="5"] #g20-experience:before{
  content:"";position:absolute;inset:0 -50vw;z-index:-1;pointer-events:none;
}
#glide20[data-visual-version="5"] #g20-overview:before{
  background:radial-gradient(ellipse at 76% 28%,rgba(224,153,87,.13),transparent 30%),linear-gradient(#090706,#120c09 58%,#090706);
}
#glide20[data-visual-version="5"] .g20-bento-v4{gap:24px}
#glide20[data-visual-version="5"] .g20-bento-v4>.g20-card{min-height:470px;border-radius:34px;padding:38px}
#glide20[data-visual-version="5"] .g20-bento-v4>.g20-card:first-child{min-height:540px;background:radial-gradient(ellipse at 50% 42%,rgba(245,177,101,.18),transparent 45%),linear-gradient(140deg,rgba(255,247,235,.11),rgba(255,246,231,.025))}
#glide20[data-visual-version="5"] .g20-bento-v4>.g20-card:nth-child(2){background:radial-gradient(ellipse at 68% 38%,rgba(231,194,147,.13),transparent 44%),linear-gradient(140deg,rgba(255,247,235,.09),rgba(255,246,231,.018))}
#glide20[data-visual-version="5"] .g20-bento-v4>.g20-card:nth-child(3){background:radial-gradient(ellipse at 55% 38%,rgba(241,162,91,.14),transparent 48%),linear-gradient(140deg,rgba(255,247,235,.09),rgba(255,246,231,.018))}
#glide20[data-visual-version="5"] .g20-bento-v4>.g20-card:nth-child(4){background:radial-gradient(ellipse at 55% 38%,rgba(91,197,205,.16),transparent 46%),radial-gradient(ellipse at 78% 26%,rgba(154,126,231,.12),transparent 34%),linear-gradient(140deg,rgba(255,247,235,.08),rgba(255,246,231,.018))}
#glide20[data-visual-version="5"] .g20-v4-stage{height:270px}
#glide20[data-visual-version="5"] .g20-story-nav a{border-color:rgba(255,243,225,.15);background:rgba(255,255,255,.045);transition:background .25s,color .25s}
#glide20[data-visual-version="5"] .g20-story-nav a:hover{background:rgba(255,255,255,.11);text-decoration:none}

/* Technical chapters: open text and one carefully framed object. */
#glide20[data-visual-version="5"] #g20-system .g20-system{background:linear-gradient(115deg,rgba(242,185,115,.09),rgba(255,255,255,.025));padding:42px}
#glide20[data-visual-version="5"] #g20-structure .g20-structure{border-radius:42px;background:radial-gradient(ellipse at 35% 56%,rgba(238,181,114,.16),transparent 48%),rgba(255,255,255,.035);padding:58px}
#glide20[data-visual-version="5"] #g20-recessed .g20-editorial,
#glide20[data-visual-version="5"] #g20-dining .g20-editorial,
#glide20[data-visual-version="5"] #g20-color-rendering .g20-editorial{
  border:0;border-radius:38px;box-shadow:0 42px 90px rgba(0,0,0,.34);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;
}
#glide20[data-visual-version="5"] .g20-editorial img{border-radius:38px}
#glide20[data-visual-version="5"] #g20-recessed,
#glide20[data-visual-version="5"] #g20-dining,
#glide20[data-visual-version="5"] #g20-color-rendering{max-width:1440px}

#glide20[data-visual-version="5"] .g20-detail-cards{gap:clamp(28px,5vw,68px);margin-top:56px}
#glide20[data-visual-version="5"] .g20-detail-cards>article.g20-glass{
  padding:0;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;
}
#glide20[data-visual-version="5"] .g20-detail-cards h3{font-size:clamp(22px,2.1vw,30px);margin-bottom:18px;color:#faf4ed}
#glide20[data-visual-version="5"] .g20-detail-cards p{font-size:15px;color:#bfb7af}

/* Material chapters dissolve into the page instead of repeating panels. */
#glide20[data-visual-version="5"] #g20-anodized .g20-profile-view,
#glide20[data-visual-version="5"] #g20-copper .g20-v4-circuit,
#glide20[data-visual-version="5"] #g20-profile-detail .g20-profile-pair>.g20-glass{
  border-color:rgba(239,202,149,.1);background:radial-gradient(ellipse at 52% 54%,rgba(223,159,91,.14),transparent 54%),rgba(255,255,255,.018);box-shadow:none;
}
#glide20[data-visual-version="5"] #g20-copper .g20-v4-circuit{border-radius:42px;padding:52px}
#glide20[data-visual-version="5"] #g20-profile-detail .g20-large-value{background:linear-gradient(110deg,#fff4e6,#dda460);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Accessories remain precise, but the layout breathes. */
#glide20[data-visual-version="5"] [id^="g20-connector-"] .g20-object{
  border-radius:42px;background:radial-gradient(ellipse at 50% 54%,rgba(230,168,100,.16),transparent 55%),rgba(255,255,255,.028);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 35px 75px rgba(0,0,0,.22);
}
#glide20[data-visual-version="5"] [id^="g20-connector-"] .g20-heading h2{font-size:clamp(38px,4.6vw,64px)}

/* Luminaire family: editorial bento, not a catalogue wall. */
#glide20[data-visual-version="5"] #g20-lights{max-width:1440px}
#glide20[data-visual-version="5"] #g20-lights:before{
  background:radial-gradient(ellipse at 18% 28%,rgba(242,166,86,.16),transparent 27%),radial-gradient(ellipse at 84% 72%,rgba(112,185,255,.09),transparent 28%),#080706;
}
#glide20[data-visual-version="5"] .g20-light-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
#glide20[data-visual-version="5"] .g20-light-card{grid-column:span 4;min-height:390px;border-radius:36px;padding:30px;gap:18px;text-decoration:none!important;background:radial-gradient(ellipse at 50% 42%,rgba(239,174,105,.15),transparent 45%),linear-gradient(145deg,rgba(255,248,237,.10),rgba(255,255,255,.02))}
#glide20[data-visual-version="5"] .g20-light-card:nth-child(1){grid-column:span 8;min-height:540px;background:radial-gradient(ellipse at 48% 46%,rgba(248,170,85,.22),transparent 48%),linear-gradient(145deg,rgba(255,248,237,.11),rgba(255,255,255,.02))}
#glide20[data-visual-version="5"] .g20-light-card:nth-child(1) img{height:350px}
#glide20[data-visual-version="5"] .g20-light-card:nth-child(6),
#glide20[data-visual-version="5"] .g20-light-card:nth-child(7){grid-column:span 6;min-height:430px;background:radial-gradient(ellipse at 50% 45%,rgba(100,196,201,.14),transparent 48%),linear-gradient(145deg,rgba(255,248,237,.09),rgba(255,255,255,.015))}
#glide20[data-visual-version="5"] .g20-light-card:nth-child(8){grid-column:span 5;min-height:500px;background:radial-gradient(ellipse at 50% 38%,rgba(244,175,91,.19),transparent 46%),linear-gradient(145deg,rgba(255,248,237,.09),rgba(255,255,255,.015))}
#glide20[data-visual-version="5"] .g20-light-card:nth-child(9){grid-column:span 7;min-height:500px;background:radial-gradient(ellipse at 55% 45%,rgba(112,185,255,.16),transparent 42%),radial-gradient(ellipse at 75% 30%,rgba(171,119,239,.13),transparent 34%),linear-gradient(145deg,rgba(255,248,237,.09),rgba(255,255,255,.015))}
#glide20[data-visual-version="5"] .g20-light-card img{height:245px;aspect-ratio:auto;object-fit:contain;transition:transform .55s ease}
#glide20[data-visual-version="5"] .g20-light-card h3{font-size:clamp(21px,2vw,29px);margin-top:auto}
#glide20[data-visual-version="5"] .g20-light-card span{color:#eac796}

/* Product stories are open compositions with light living behind the object. */
#glide20[data-visual-version="5"] #g20-story-spot .g20-object,
#glide20[data-visual-version="5"] #g20-story-grille .g20-object,
#glide20[data-visual-version="5"] #g20-story-pendant .g20-object,
#glide20[data-visual-version="5"] #g20-power .g20-object{
  border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;min-height:480px;
}
#glide20[data-visual-version="5"] #g20-story-spot .g20-object:before,
#glide20[data-visual-version="5"] #g20-story-pendant .g20-object:before{
  inset:26% 2% -13%;opacity:.9;filter:blur(20px);
}
#glide20[data-visual-version="5"] #g20-story-grille .g20-object:before{
  content:"";position:absolute;inset:35% 4% 2%;background:radial-gradient(ellipse at 50% 15%,rgba(249,201,139,.23),transparent 64%);filter:blur(20px);
}
#glide20[data-visual-version="5"] #g20-diffuse .g20-profile-pair>.g20-glass{border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;min-height:430px}
#glide20[data-visual-version="5"] #g20-story-zoom .g20-beam-lab{border-color:rgba(244,206,153,.1);border-radius:38px;background:radial-gradient(ellipse at 24% 80%,rgba(242,173,91,.14),transparent 45%),rgba(255,255,255,.02);box-shadow:none}

/* Warmth and brightness become a transition chapter. */
#glide20[data-visual-version="5"] #g20-white-light:before{
  background:radial-gradient(ellipse at 20% 54%,rgba(255,165,73,.15),transparent 31%),radial-gradient(ellipse at 80% 50%,rgba(105,168,255,.14),transparent 32%),linear-gradient(#090706,#0b0b0d,#090706);
}
#glide20[data-visual-version="5"] #g20-white-light .g20-heading h2{background:linear-gradient(95deg,#ffd39f 6%,#f7eadc 48%,#bad8ff 94%);-webkit-background-clip:text;background-clip:text;color:transparent}
#glide20[data-visual-version="5"] #g20-white-light .g20-kelvin{border:0;background:rgba(255,255,255,.026);box-shadow:none;border-radius:36px}
#glide20[data-visual-version="5"] #g20-dimming .g20-brightness-study{border:0;border-radius:36px;background:radial-gradient(ellipse at 50% 38%,rgba(245,177,98,.10),transparent 55%),#0c0907;box-shadow:none}
#glide20[data-visual-version="5"] #g20-experience:before{background:radial-gradient(ellipse at 50% 58%,rgba(233,151,70,.12),transparent 41%),#080706}
#glide20[data-visual-version="5"] #g20-experience .g20-scene{border:0;border-radius:42px;box-shadow:0 48px 110px rgba(0,0,0,.4);background:#080604}
#glide20[data-visual-version="5"] #g20-experience .g20-scene>img{border-radius:42px}
#glide20[data-visual-version="5"] #g20-experience .g20-scene-control{border-color:rgba(255,246,230,.13);background:linear-gradient(125deg,rgba(68,48,36,.72),rgba(22,17,14,.6));border-radius:28px}

/* Connectivity gets the one cool chapter, tied to meaning. */
#glide20[data-visual-version="5"] #g20-matter{max-width:1440px}
#glide20[data-visual-version="5"] #g20-matter:before{
  background:radial-gradient(ellipse at 12% 20%,rgba(71,193,183,.20),transparent 29%),radial-gradient(ellipse at 88% 62%,rgba(101,113,238,.20),transparent 34%),linear-gradient(#090706,#080b12 48%,#090706);
}
#glide20[data-visual-version="5"] #g20-matter .g20-heading h2{background:linear-gradient(100deg,#d9fff8,#a9d8ff 48%,#c2acff);-webkit-background-clip:text;background-clip:text;color:transparent}
#glide20[data-visual-version="5"] .g20-matter-intro{border-radius:40px;border-color:rgba(166,222,220,.15);background:linear-gradient(125deg,rgba(82,190,181,.10),rgba(100,101,218,.08));padding:48px}
#glide20[data-visual-version="5"] .g20-platforms{gap:22px}
#glide20[data-visual-version="5"] .g20-platforms>article{border-radius:32px;border-color:rgba(175,216,224,.12);background:linear-gradient(135deg,rgba(157,220,216,.07),rgba(129,112,217,.045));min-height:240px}
#glide20[data-visual-version="5"] #g20-thread .g20-network{border-color:rgba(150,211,218,.12);background:radial-gradient(ellipse at 50% 50%,rgba(92,181,201,.13),transparent 56%),rgba(255,255,255,.02);border-radius:36px}
#glide20[data-visual-version="5"] #g20-thread .g20-network i{color:#8cddd4}
#glide20[data-visual-version="5"] #g20-iphone .g20-control-story,
#glide20[data-visual-version="5"] #g20-watch .g20-control-story{border-color:rgba(150,196,241,.12);border-radius:42px;background:radial-gradient(ellipse at 24% 46%,rgba(72,142,218,.14),transparent 44%),linear-gradient(140deg,rgba(255,255,255,.055),rgba(255,255,255,.012));box-shadow:none}

/* Scene chapter uses photography as the color source. */
#glide20[data-visual-version="5"] .g20-scene-triptych{gap:24px}
#glide20[data-visual-version="5"] .g20-scene-triptych figure{border:0;border-radius:34px;box-shadow:0 30px 75px rgba(0,0,0,.32)}
#glide20[data-visual-version="5"] .g20-scene-triptych figcaption{padding:110px 26px 28px;background:linear-gradient(transparent,rgba(8,6,5,.93));font-size:24px}

/* Decision chapters are calm and compact. */
#glide20[data-visual-version="5"] #g20-downloads,
#glide20[data-visual-version="5"] #g20-planning,
#glide20[data-visual-version="5"] #g20-specifications{padding-top:100px;padding-bottom:100px}
#glide20[data-visual-version="5"] .g20-planning{border-radius:34px;background:linear-gradient(125deg,rgba(235,185,124,.08),rgba(255,255,255,.025));box-shadow:none}
#glide20[data-visual-version="5"] .g20-spec-table>div{border-bottom-color:rgba(255,244,226,.09);padding:24px 0}

/* Never add a halo, outline or synthetic background to the cleaned product PNGs. */
#glide20[data-visual-version="5"] img[src*="/glide20-v05/"]{filter:none!important;box-shadow:none!important;background:transparent!important;outline:0!important}

@media(max-width:900px){
  #glide20[data-visual-version="5"] .g20-section{padding-top:90px;padding-bottom:90px}
  #glide20[data-visual-version="5"] .g20-heading h2{font-size:clamp(38px,7vw,58px)}
  #glide20[data-visual-version="5"] .g20-light-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #glide20[data-visual-version="5"] .g20-light-card,
  #glide20[data-visual-version="5"] .g20-light-card:nth-child(n){grid-column:span 1;min-height:400px}
  #glide20[data-visual-version="5"] .g20-light-card:nth-child(1){grid-column:1/-1;min-height:500px}
  #glide20[data-visual-version="5"] .g20-light-card:nth-child(1) img{height:310px}
  #glide20[data-visual-version="5"] #g20-story-spot .g20-object,
  #glide20[data-visual-version="5"] #g20-story-grille .g20-object,
  #glide20[data-visual-version="5"] #g20-story-pendant .g20-object,
  #glide20[data-visual-version="5"] #g20-power .g20-object{min-height:400px}
}

@media(max-width:760px){
  #glide20[data-visual-version="5"] .g20-hero-visual:after{background:linear-gradient(0deg,#090706 0%,transparent 48%)}
  #glide20[data-visual-version="5"] .g20-hero-copy{padding:42px 22px 34px;background:radial-gradient(ellipse at 12% 5%,rgba(237,164,87,.13),transparent 44%)}
  #glide20[data-visual-version="5"] .g20-hero-copy h1{font-size:64px}
  #glide20[data-visual-version="5"] .g20-hero-copy .g20-tagline{font-size:31px}
}

@media(max-width:600px){
  #glide20[data-visual-version="5"] .g20-section{padding:76px 22px}
  #glide20[data-visual-version="5"] .g20-hero{padding:0}
  #glide20[data-visual-version="5"] .g20-heading{margin-bottom:38px}
  #glide20[data-visual-version="5"] .g20-heading h2{font-size:38px;line-height:1.08}
  #glide20[data-visual-version="5"] .g20-heading>p:last-child:not(.g20-eyebrow){font-size:16px;line-height:1.75}
  #glide20[data-visual-version="5"] .g20-bento-v4>.g20-card{min-height:420px;border-radius:28px;padding:27px}
  #glide20[data-visual-version="5"] .g20-bento-v4>.g20-card:first-child{min-height:475px}
  #glide20[data-visual-version="5"] .g20-v4-stage{height:235px}
  #glide20[data-visual-version="5"] #g20-structure .g20-structure,
  #glide20[data-visual-version="5"] #g20-copper .g20-v4-circuit{padding:26px;border-radius:28px}
  #glide20[data-visual-version="5"] .g20-editorial img,
  #glide20[data-visual-version="5"] #g20-recessed .g20-editorial,
  #glide20[data-visual-version="5"] #g20-dining .g20-editorial,
  #glide20[data-visual-version="5"] #g20-color-rendering .g20-editorial{border-radius:26px}
  #glide20[data-visual-version="5"] .g20-detail-cards{gap:34px;margin-top:42px}
  #glide20[data-visual-version="5"] .g20-light-grid{grid-template-columns:1fr;gap:18px}
  #glide20[data-visual-version="5"] .g20-light-card,
  #glide20[data-visual-version="5"] .g20-light-card:nth-child(n){grid-column:1;min-height:360px;border-radius:28px;padding:24px}
  #glide20[data-visual-version="5"] .g20-light-card:nth-child(1){min-height:430px}
  #glide20[data-visual-version="5"] .g20-light-card img{height:215px}
  #glide20[data-visual-version="5"] .g20-light-card:nth-child(1) img{height:270px}
  #glide20[data-visual-version="5"] #g20-story-spot .g20-object,
  #glide20[data-visual-version="5"] #g20-story-grille .g20-object,
  #glide20[data-visual-version="5"] #g20-story-pendant .g20-object,
  #glide20[data-visual-version="5"] #g20-power .g20-object{min-height:330px}
  #glide20[data-visual-version="5"] .g20-matter-intro{padding:28px;border-radius:28px}
  #glide20[data-visual-version="5"] .g20-platforms>article{min-height:0;border-radius:26px}
  #glide20[data-visual-version="5"] #g20-iphone .g20-control-story,
  #glide20[data-visual-version="5"] #g20-watch .g20-control-story{border-radius:28px}
  #glide20[data-visual-version="5"] .g20-scene-triptych figure{border-radius:26px}
}

@media(prefers-reduced-motion:reduce){
  #glide20[data-visual-version="5"] .g20-light-card img{transition:none}
}