body{margin:0;background:#000}
a{color:#ffffff;text-decoration:none}a:hover{color:#9a9a9a}
/* ---------- Genoria motion layer ---------- */
:root{--ease:cubic-bezier(.2,.7,.1,1);--ease-io:cubic-bezier(.7,0,.2,1)}
html{scroll-behavior:smooth}
section[id],footer[id],a[id]{scroll-margin-top:80px}
::selection{background:#fff;color:#000}

/* progress bar */
.g-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:#4A78F0;transform-origin:0 50%;transform:scaleX(0);z-index:60;pointer-events:none}

/* preloader */
.g-loader{position:fixed;inset:0;background:#000;z-index:100;display:flex;align-items:center;justify-content:center;transition:clip-path 1.1s var(--ease-io);clip-path:inset(0 0 0 0)}
.g-loader img{width:min(420px,60vw);opacity:0;transform:translateY(16px);animation:gLogo 1s var(--ease) .15s forwards}
.g-loader .bar{position:absolute;left:50%;bottom:22%;width:min(420px,60vw);height:1px;background:#262626;transform:translateX(-50%);overflow:hidden}
.g-loader .bar i{display:block;height:100%;background:#fff;transform-origin:0 50%;transform:scaleX(0);animation:gBar 1.1s var(--ease-io) .2s forwards}
.g-loader.done{clip-path:inset(0 0 100% 0)}
@keyframes gLogo{to{opacity:1;transform:none}}
@keyframes gBar{to{transform:scaleX(1)}}

/* header hide / glass */
header{transition:transform .5s var(--ease),background-color .4s,backdrop-filter .4s}
header.g-hidden{transform:translateY(-100%)}
header.g-glass{background:rgba(0,0,0,.6)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}

/* animated underline links */
.g-ul{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .45s var(--ease)}
.g-ul:hover{background-size:100% 1px;color:#fff!important}

/* arrow nudge on buttons */
a svg{transition:transform .35s var(--ease)}
a:hover > svg{transform:translateX(5px)}
.g-btn{transition:background-color .3s,color .3s,border-color .3s}
.g-btn-ghost:hover{background:#fff;color:#000!important;border-color:#fff!important}
.g-btn-solid:hover{background:#d9d9d9!important;color:#000!important}

/* hero headline */
.js .g-word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.js .g-word>span{display:inline-block;transform:translateY(110%);transition:transform 1.1s var(--ease)}
.g-ready .g-word>span{transform:none}
.js .g-fade{opacity:0;transform:translateY(20px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.g-ready .g-fade{opacity:1;transform:none}
.g-scroll-cue{position:absolute;right:2rem;bottom:2.5rem;display:flex;align-items:center;gap:12px;font:500 12px/1 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#bdbdbd;z-index:2}
.g-scroll-cue i{display:block;width:1px;height:48px;background:#3a3a3a;position:relative;overflow:hidden}
.g-scroll-cue i::after{content:"";position:absolute;left:0;top:-50%;width:1px;height:50%;background:#fff;animation:gCue 1.8s var(--ease-io) infinite}
@keyframes gCue{to{top:100%}}

/* scroll reveal */
.js .rv{opacity:0;transform:translateY(42px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.js .rv.in{opacity:1;transform:none}
.js .rv-line{transform-origin:0 50%;transform:scaleX(0);transition:transform 1.2s var(--ease-io)}
.js .rv-line.in{transform:none}

/* image wipe + parallax */
.js .iv{clip-path:inset(100% 0 0 0);transition:clip-path 1.3s var(--ease-io)}
.js .iv.in{clip-path:inset(0 0 0 0)}
.iv img{scale:1.3;transition:scale 1.8s var(--ease);will-change:translate}
.iv.in img{scale:1.12}

/* marquee */
.g-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.g-track{display:flex;width:max-content;animation:gMarq 38s linear infinite}
.g-track span{padding:0 1.6rem;white-space:nowrap}
.g-marquee:hover .g-track{animation-play-state:paused}
@keyframes gMarq{to{transform:translateX(-50%)}}

/* statement word light-up */
.g-sw{transition:color .25s linear;color:#3d3d3d}
.g-sw.on{color:#fff}

/* product rows: invert on hover */
.g-row{position:relative;isolation:isolate;transition:padding .6s var(--ease)}
.g-row::before{content:"";position:absolute;inset:0;background:#fff;transform:scaleY(0);transform-origin:50% 100%;transition:transform .6s var(--ease-io);z-index:-1}
.g-row span{transition:color .4s,transform .7s var(--ease)}
.g-row .g-big{display:inline-block}
.g-row img{transition:filter .4s,opacity .4s,transform .7s var(--ease)}
@media (hover:hover) and (pointer:fine){
.g-row:hover{padding-left:1.5rem!important;padding-right:1.5rem!important;color:#000!important}
.g-row:hover::before{transform:scaleY(1);transform-origin:50% 0}
.g-row:hover span{color:#000!important}
.g-row:hover .g-big{transform:translateX(-12px)}
.g-row:hover img{filter:invert(1);opacity:.8!important;transform:rotate(-8deg)}
}

/* product cards */
.g-card .g-media{overflow:hidden}
.g-card img{transition:transform 1.2s var(--ease)}
.g-card:hover img{transform:scale(1.06)}
.g-card .g-cap{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s var(--ease)}
.g-card:hover .g-cap{background-size:100% 1px}
.g-card:hover{color:#fff!important}

/* intro list items */
.g-li{transition:padding .5s var(--ease),color .3s}
.g-li:hover{padding-left:.75rem!important}

/* footer logo rise */
.js .g-rise{clip-path:inset(100% 0 0 0);transform:translateY(30%);transition:clip-path 1.4s var(--ease-io),transform 1.4s var(--ease-io)}
.js .g-rise.in{clip-path:inset(0 0 0 0);transform:none}

/* mobile menu */
.g-burger{display:none;width:44px;height:44px;background:none;border:0;color:#fff;cursor:pointer;position:relative;z-index:80}
.g-burger i{position:absolute;left:11px;width:22px;height:1.5px;background:#fff;transition:transform .45s var(--ease),top .45s var(--ease)}
.g-burger i:nth-child(1){top:17px}.g-burger i:nth-child(2){top:26px}
.g-open .g-burger i:nth-child(1){top:21px;transform:rotate(45deg)}
.g-open .g-burger i:nth-child(2){top:21px;transform:rotate(-45deg)}
.g-menu{position:fixed;inset:0;background:#000;z-index:70;display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:6rem 2rem 3rem;clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease-io);visibility:hidden}
.g-open .g-menu{clip-path:inset(0 0 0 0);visibility:visible}
.g-menu a{font:400 clamp(2.4rem,11vw,4rem)/1.1 'Inter Tight',system-ui,sans-serif;letter-spacing:-.03em;color:#fff;opacity:0;transform:translateY(30px);transition:opacity .6s var(--ease),transform .6s var(--ease);border-bottom:1px solid #222;padding:.6rem 0}
.g-open .g-menu a{opacity:1;transform:none}
.g-open header{z-index:90!important;background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none!important;border-bottom-color:transparent!important}
@media (max-width:900px){
  header nav{flex-wrap:nowrap!important;gap:1rem!important;padding:0 1rem!important}
  header nav > a:first-child{margin-right:auto}
  header nav > a:first-child img{height:18px!important}
  header nav > a:last-of-type span:first-child{display:none}
  header nav > div{display:none!important}
  .g-burger{display:block}
  .g-scroll-cue{display:none}
}
body.g-lock{overflow:hidden}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .g-loader{display:none}
  .g-track{animation:none}
}


/* slides 3–9: horizontal slider */
.g-c-box{max-width:none!important;padding:7rem 0 5rem!important}
.g-c-head{max-width:1440px;margin:0 auto 2.5rem!important;padding:0 2rem;box-sizing:border-box}
.g-c-stage{position:relative}
.g-c-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 2rem;padding:0 2rem;scrollbar-width:none;overscroll-behavior-x:contain;outline:none;cursor:grab}
.g-c-track::-webkit-scrollbar{display:none}
.g-c-track:focus-visible{outline:1px solid #fff;outline-offset:4px}
.g-c-track.g-drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.g-c-track.g-drag img{pointer-events:none}
.g-c-slide{flex:0 0 calc(100% - 4rem)!important;position:relative;height:min(calc(100vh - 9rem),860px);min-height:540px;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;padding:0!important;border-top:0!important;display:block!important;background:#111;box-sizing:border-box}
.g-c-slide::after{content:"";position:absolute;inset:0;background:#000;opacity:.45;transition:opacity .9s var(--ease);pointer-events:none}
.g-c-slide.g-on::after{opacity:0}
.g-c-slide .g-c-media,.g-prod > div{position:absolute!important;inset:0;aspect-ratio:auto!important;height:auto!important}
.g-c-slide img{scale:1.18;will-change:translate}
.g-c-text{position:absolute!important;left:0;top:0;bottom:0;width:min(600px,50%);box-sizing:border-box;padding:3rem 3rem 3rem;justify-content:flex-end!important;gap:1.1rem!important;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.82) 62%,rgba(0,0,0,0) 100%);overflow:auto;z-index:1}
.g-c-text h3{font-size:clamp(1.7rem,2.6vw,2.6rem)!important}
.g-c-text p,.g-c-text li{font-size:16px!important;line-height:1.65!important}
.g-c-text ul{border-top-color:#444!important}
.g-c-text li{border-bottom-color:#444!important}
.g-c-text > *{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.g-c-slide.g-on .g-c-text > *{opacity:1;transform:none}
.g-c-slide.g-on .g-c-text > :nth-child(2){transition-delay:.08s}
.g-c-slide.g-on .g-c-text > :nth-child(3){transition-delay:.16s}
.g-prod > div > div{z-index:1}
.g-prod > div > div > *{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.g-prod.g-on > div > div > *{opacity:1;transform:none;transition-delay:.12s}
.g-prod a:hover{background:#fff;color:#000!important}
.g-prod a:hover svg path{stroke:#000}

.g-c-arrow{position:absolute;top:50%;z-index:3;width:56px;height:56px;margin-top:-28px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s,color .3s,transform .4s var(--ease)}
.g-c-arrow:hover{background:#fff;color:#000}
.g-c-prev{left:3.25rem}.g-c-next{right:3.25rem}
.g-c-prev:hover{transform:translateX(-3px)}.g-c-next:hover{transform:translateX(3px)}
.g-c-arrow:focus-visible,.g-c-tab:focus-visible,.g-c-play:focus-visible{outline:1px solid #fff;outline-offset:3px}

.g-c-ctrl{max-width:1440px;margin:1.25rem auto 0;padding:0 2rem;box-sizing:border-box;display:flex;align-items:center;gap:1.5rem}
.g-c-tabs{flex:1;display:flex;gap:0 1.75rem;overflow-x:auto;scrollbar-width:none}
.g-c-tabs::-webkit-scrollbar{display:none}
.g-c-tab{position:relative;flex:none;min-height:44px;padding:14px 0;background:none;border:0;cursor:pointer;color:#8c8c8c;font:500 12px/1 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:color .3s}
.g-c-tab span{color:#5f5f5f;margin-right:.35rem;transition:color .3s}
.g-c-tab:hover,.g-c-tab.g-on{color:#fff}
.g-c-tab.g-on span{color:#bdbdbd}
.g-c-tab::before{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:#2e2e2e}
.g-c-tab i{position:absolute;left:0;right:0;bottom:6px;height:1px;background:#fff;transform-origin:0 50%;transform:scaleX(0)}
.g-c-tab.g-on i{animation:gTab 7s linear forwards}
.g-paused .g-c-tab.g-on i{animation-play-state:paused}
@keyframes gTab{to{transform:scaleX(1)}}
.g-c-play{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid #444;background:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s,color .3s,border-color .3s}
.g-c-play:hover{background:#fff;color:#000;border-color:#fff}

/* keep text clear of the edge arrows on larger screens */
@media (min-width:761px){
  .g-c-text{width:min(780px,60%);padding:3rem 6rem 3rem 7.5rem;background:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.92) 72%,rgba(0,0,0,0) 100%)}
  .g-c-text > *{max-width:480px}
  .g-prod > div > div{padding-left:7.5rem!important;padding-right:7.5rem!important}
}
@media (max-width:760px){
  .g-c-box{padding:5rem 0 3.5rem!important}
  .g-c-head{padding:0 1rem;margin-bottom:1.5rem!important}
  .g-c-track{padding:0 1rem;scroll-padding:0 1rem;gap:10px}
  .g-c-slide{flex-basis:calc(100% - 2rem)!important;height:min(calc(100svh - 7rem),720px);min-height:560px}
  .g-c-text{width:100%;top:auto;max-height:100%;padding:6rem 1.25rem 1.5rem;background:linear-gradient(0deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.9) 70%,rgba(0,0,0,0) 100%)}
  .g-c-text h3{font-size:1.6rem!important}
  .g-c-text p,.g-c-text li{font-size:15px!important;line-height:1.55!important}
  .g-prod > div > div{padding:4rem 1.25rem 1.5rem!important}
  .g-c-arrow{display:none}
  .g-c-ctrl{padding:0 1rem;gap:1rem}
}
@media (prefers-reduced-motion:reduce){
  .g-c-text > *,.g-prod > div > div > *{opacity:1!important;transform:none!important}
  .g-c-tab.g-on i{animation:none;transform:scaleX(1)}
}

/* ---- keep words off each image's focal point ---- */
@media (min-width:761px){
  .g-t-right .g-c-text{left:auto;right:0;padding:3rem 7.5rem 3rem 5rem;background:linear-gradient(270deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.9) 70%,rgba(0,0,0,0) 100%)}
  .g-t-bottom .g-c-text{top:auto;left:0;right:0;width:auto;max-height:64%;padding:7rem 7.5rem 2.75rem;background:linear-gradient(0deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.9) 62%,rgba(0,0,0,0) 100%);display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:4rem;row-gap:1rem;align-items:end}
  .g-t-bottom .g-c-text > *{max-width:none}
  .g-t-bottom .g-c-text > span{grid-column:1;grid-row:1}
  .g-t-bottom .g-c-text > h3{grid-column:1;grid-row:2}
  .g-t-bottom .g-c-text > div,.g-t-bottom .g-c-text > ul{grid-column:2;grid-row:1 / span 2}
  .g-prod.g-t-bottom > div > div{padding-top:4rem!important;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 55%,rgba(0,0,0,.92) 100%)!important}
  .g-prod.g-t-bottom-left > div > div{right:auto!important;width:min(720px,54%);background:none!important;padding-top:1.5rem!important;padding-bottom:2.25rem!important;flex-wrap:nowrap!important}
  .g-prod.g-t-bottom-right > div > div{left:auto!important;width:min(420px,30%);background:none!important;padding:1.5rem 3rem 2.25rem 1rem!important;flex-direction:column;align-items:flex-start!important;gap:1.25rem!important}
  .g-prod.g-t-bottom-left h3,.g-prod.g-t-bottom-right h3{font-size:clamp(1.6rem,2.3vw,2.3rem)!important}
  .g-light > div > div span{color:#4d4d4d!important}
  .g-light > div > div h3{color:#141414!important}
  .g-light > div > div p{color:#333333!important}
  .g-light > div > div a{border-color:#141414!important;color:#141414!important}
  .g-light > div > div a svg path{stroke:#141414}
  .g-light > div > div a:hover{background:#141414!important;color:#ffffff!important}
  .g-light > div > div a:hover svg path{stroke:#ffffff}
}
/* phones: image on top, words below it, never on top of it */
@media (max-width:760px){
  .g-c-slide .g-c-media{bottom:auto!important;height:44%!important}
  .g-c-text{top:44%!important;bottom:0!important;max-height:none!important;width:100%!important;padding:1.25rem 1.25rem 1.5rem!important;background:#000!important;justify-content:flex-start!important}
  .g-prod > div > img{height:56%!important}
  .g-prod > div > div{top:56%!important;bottom:0!important;left:0!important;right:0!important;width:auto!important;background:#000!important;padding:1.25rem!important;align-items:flex-start!important;align-content:flex-start}
}

/* product graphics have their names built in: never zoom or crop them */
.g-prod img{scale:1!important;translate:none!important}
@media (max-width:760px){
  .g-prod > div{display:flex!important;flex-direction:column}
  .g-prod > div > img{position:static!important;height:auto!important;flex:none}
  .g-prod > div > div{position:static!important;flex:1;top:auto!important}
}

/* translucent, frosted text panels on the slides (larger screens) */
@media (min-width:761px){
  .g-c-text{background:none!important;isolation:isolate;text-shadow:0 1px 14px rgba(0,0,0,.55)}
  .g-c-text::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(90deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.3) 60%,rgba(0,0,0,0) 100%);
    -webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);
    -webkit-mask-image:linear-gradient(90deg,#000 55%,transparent 100%);mask-image:linear-gradient(90deg,#000 55%,transparent 100%)}
  .g-t-right .g-c-text::before{background:linear-gradient(270deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.3) 60%,rgba(0,0,0,0) 100%);
    -webkit-mask-image:linear-gradient(270deg,#000 55%,transparent 100%);mask-image:linear-gradient(270deg,#000 55%,transparent 100%)}
  .g-t-bottom .g-c-text::before{background:linear-gradient(0deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.32) 60%,rgba(0,0,0,0) 100%);
    -webkit-mask-image:linear-gradient(0deg,#000 60%,transparent 100%);mask-image:linear-gradient(0deg,#000 60%,transparent 100%)}
  .g-c-text p,.g-c-text li{color:#e6e6e6!important}
  .g-c-text p[style*="#ffffff"]{color:#ffffff!important}
  .g-prod.g-t-bottom > div > div{background:none!important;isolation:isolate;text-shadow:0 1px 14px rgba(0,0,0,.55)}
  .g-prod.g-t-bottom > div > div::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.45) 100%);
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 45%);mask-image:linear-gradient(180deg,transparent 0%,#000 45%)}
}

/* smoother, longer fade for bottom text panels */
@media (min-width:761px){
  .g-t-bottom .g-c-text{max-height:82%;padding-top:15rem}
  .g-t-bottom .g-c-text::before{
    background:linear-gradient(0deg,rgba(0,0,0,.46) 0%,rgba(0,0,0,.4) 30%,rgba(0,0,0,.28) 50%,rgba(0,0,0,.14) 66%,rgba(0,0,0,.05) 80%,rgba(0,0,0,0) 100%);
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    -webkit-mask-image:linear-gradient(0deg,#000 0%,#000 32%,rgba(0,0,0,.82) 44%,rgba(0,0,0,.58) 56%,rgba(0,0,0,.34) 68%,rgba(0,0,0,.15) 80%,rgba(0,0,0,.04) 91%,transparent 100%);
    mask-image:linear-gradient(0deg,#000 0%,#000 32%,rgba(0,0,0,.82) 44%,rgba(0,0,0,.58) 56%,rgba(0,0,0,.34) 68%,rgba(0,0,0,.15) 80%,rgba(0,0,0,.04) 91%,transparent 100%)}
}

/* slide 3: text sits a little further left */
@media (min-width:761px){
  .g-c-slide:nth-child(3).g-t-right .g-c-text{padding-right:12rem}
}
/* light slides: solid dark button so it stands off the cream artwork */
@media (min-width:761px){
  .g-light > div > div a{background:#141414!important;border-color:#141414!important;color:#ffffff!important;text-shadow:none}
  .g-light > div > div a svg path{stroke:#ffffff}
  .g-light > div > div a:hover{background:#3a3a3a!important;border-color:#3a3a3a!important;color:#ffffff!important}
}

/* slide 1: show the whole photo (banner text included), no zoom/crop */
.g-c-slide:nth-child(1) .g-c-media img{object-fit:contain!important;object-position:50% 0!important;scale:1!important;translate:none!important;background:#000}
.g-c-slide:nth-child(1){background:#000}
@media (min-width:761px){
  .g-c-slide:nth-child(1).g-t-bottom .g-c-text{padding-left:11rem}
  /* Community: button sits at the far right of the bottom edge, like Studio */
  .g-prod.g-t-bottom-left > div > div{width:auto!important;right:0!important;justify-content:space-between!important;padding-right:7.5rem!important}
  .g-prod.g-t-bottom-left > div > div > a{box-shadow:0 6px 24px rgba(0,0,0,.25)}
}
@media (min-width:761px){ .g-c-slide:nth-child(1).g-t-bottom .g-c-text{padding-left:15rem} }

/* slide 1: whole photo on top, words underneath — nothing covers the picture */
@media (min-width:761px){
  .g-c-slide:nth-child(1){display:flex!important;flex-direction:column}
  .g-c-slide:nth-child(1) .g-c-media{position:relative!important;inset:auto!important;flex:1 1 auto;min-height:0;height:auto!important}
  .g-c-slide:nth-child(1) .g-c-text{position:relative!important;inset:auto!important;flex:none;width:auto!important;max-height:none!important;
    padding:1.6rem 3rem 1.9rem 15rem!important;background:#000!important;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important;text-shadow:none}
  .g-c-slide:nth-child(1) .g-c-text::before{display:none}
  .g-c-slide:nth-child(1) .g-c-text p{font-size:15px!important;line-height:1.55!important}
  .g-c-slide:nth-child(1) .g-c-text > div{gap:.6rem!important}
}
@media (min-width:761px){
  .g-c-slide:nth-child(1) .g-c-text{max-height:42%!important;overflow:auto;padding-left:clamp(3rem,11vw,15rem)!important}
  .g-c-slide:nth-child(1) .g-c-media{min-height:58%!important}
}
@media (min-width:761px) and (max-width:1100px){
  .g-c-slide:nth-child(1) .g-c-text{grid-template-columns:1fr!important;row-gap:.6rem!important}
  .g-c-slide:nth-child(1) .g-c-text > span,.g-c-slide:nth-child(1) .g-c-text > h3,.g-c-slide:nth-child(1) .g-c-text > div{grid-column:1!important;grid-row:auto!important}
  .g-c-slide:nth-child(1) .g-c-text h3{font-size:1.5rem!important}
}

/* HTMX placeholders */
.g-lazy{display:block;position:relative;background:#000;border-bottom:1px solid #1f1f1f}
.g-lazy-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:500 12px/1 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#5f5f5f}
.g-lazy-label::after{content:"";display:block;width:120px;height:1px;margin:14px auto 0;background:linear-gradient(90deg,transparent,#fff,transparent);background-size:200% 100%;animation:gLazy 1.4s linear infinite}
@keyframes gLazy{from{background-position:100% 0}to{background-position:-100% 0}}
.htmx-added{opacity:0}
section,footer{transition:opacity .5s ease}