:root{--void:#040404;--charcoal:#0d0d0d;--stone:#14120f;--ivory:#F4F0E6;--ivory-deep:#ECE6D8;--ink:#26221B;--muted:#6E6759;--bronze:#A08A5F;--paper:#F1EDE2;--line:rgba(38,34,27,.18);--line-dark:rgba(241,237,226,.16);--gutter:56px;--ease:cubic-bezier(.22,.61,.36,1)}
@media (max-width:1024px){:root{--gutter:36px}}@media (max-width:720px){:root{--gutter:22px}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--charcoal);color:var(--paper);font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}img{max-width:100%;display:block}a{color:inherit}
::selection{background:var(--bronze);color:var(--charcoal)}
main{position:relative;z-index:1}section{position:relative}
/* les textes décoratifs absolus (plaque, légendes, mot géant, odomètre…) ne captent jamais le pointeur : à opacité 0 ils masquaient les boutons du héros (2026-09-08) */
.plaque,.cap,.question,.scroll-hint,.giant-word,.break-note,.odometer,.years,.ride-num{pointer-events:none}

/* type */
.h-giant{font-family:'Fraunces',Georgia,serif;font-weight:300;font-size:clamp(42px,7.4vw,124px);line-height:.96;letter-spacing:-.02em;text-transform:uppercase}
.h-big{font-family:'Fraunces',Georgia,serif;font-weight:300;font-size:clamp(30px,4.4vw,74px);line-height:1.02;letter-spacing:-.015em}
.w{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}.w i{display:block;font-style:inherit;will-change:transform}
.em{font-style:italic;color:var(--bronze);text-transform:none;letter-spacing:-.01em}
.kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze);font-weight:500;margin-bottom:2.6vh}
.lead{font-size:clamp(17px,1.3vw,21px);line-height:1.55;max-width:620px;opacity:.88}
/* boutons : un fond qui monte au survol (::before), texte qui change de couleur, lettres qui s'écartent d'un cran, pression au clic.
   Le pressé passe par la propriété `scale`, jamais par `transform` : GSAP (magnétique) tient le transform en ligne. */
.btn{position:relative;display:inline-block;padding:17px 30px;border:1px solid var(--bronze);background:var(--bronze);color:var(--charcoal);font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;font-weight:500;will-change:transform;overflow:hidden;isolation:isolate;transition:color .45s var(--ease),border-color .45s var(--ease),letter-spacing .45s var(--ease),scale .25s var(--ease)}
.btn::before{content:"";position:absolute;inset:-1px;background:var(--paper);transform:translateY(102%);transition:transform .55s var(--ease);z-index:-1} /* les boutons bronze vivent sur des sections sombres : le survol inverse vers l'ivoire, jamais vers l'encre (invisible sur noir) */
.btn:hover{color:var(--charcoal);border-color:var(--paper);letter-spacing:.22em}.btn:hover::before{transform:translateY(0)}.btn:active{scale:.96} /* tactile ; à la souris, GSAP fait la pression */
.btn-ghost{background:transparent;color:inherit;border-color:currentColor}.btn-ghost::before{background:var(--paper)}.btn-ghost:hover{color:var(--charcoal);border-color:var(--paper)}
.btn-dark{background:var(--ink);border-color:var(--ink);color:var(--ivory)}.btn-dark::before{background:var(--bronze)}.btn-dark:hover{color:var(--charcoal);border-color:var(--bronze)}
.ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:4.5vh}
/* lien souligné : le trait se retire vers la droite puis se redessine depuis la gauche */
.link{position:relative;font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;padding-bottom:4px;display:inline-block;margin-top:2.4vh;transition:color .35s var(--ease)}
.link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:left;transition:transform .5s var(--ease)}
.link:hover{color:var(--bronze)}.link:hover::after{animation:redraw .7s var(--ease) forwards}
@keyframes redraw{0%{transform:scaleX(1);transform-origin:right}45%{transform:scaleX(0);transform-origin:right}50%{transform:scaleX(0);transform-origin:left}100%{transform:scaleX(1);transform-origin:left}}
a:focus-visible,button:focus-visible{outline:1.5px solid var(--bronze);outline-offset:4px}

/* loader, cursor, world */
#loader{position:fixed;inset:0;z-index:100;background:var(--void);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ld-a{font-size:11px;letter-spacing:.34em;text-transform:uppercase;opacity:.55}.ld-b{font-family:'Fraunces',serif;font-weight:300;font-size:34px;margin:14px 0 8px}.ld-n{font-family:'Fraunces',serif;font-size:14px;opacity:.5;font-variant-numeric:tabular-nums}
#world{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block}
.poster{display:none}.no-webgl #world{display:none}.no-webgl .poster{display:block;position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}

/* nav */
#nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:28px var(--gutter);color:#fff;mix-blend-mode:difference;transition:padding .5s var(--ease)}
#nav.small{padding:14px var(--gutter)}#nav .brand{font-family:'Fraunces',serif;font-size:19px;text-decoration:none;transition:letter-spacing .5s var(--ease)}#nav .brand:hover{letter-spacing:.03em}
#nav nav a{position:relative;font-size:11px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;margin:0 16px;padding-bottom:5px;opacity:.85;transition:opacity .3s}
#nav nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
#nav nav a:hover{opacity:1}#nav nav a:hover::after{transform:scaleX(1);transform-origin:left}
#nav .btn-nav{background:transparent;border-color:currentColor;color:inherit;padding:12px 20px}#nav .btn-nav::before{background:#fff}#nav .btn-nav:hover{color:#000;border-color:#fff}
@media (max-width:820px){#nav nav{display:none}#nav .brand{white-space:nowrap;font-size:17px}#nav .btn-nav{padding:10px 14px;font-size:10px;letter-spacing:.14em;white-space:nowrap}}

/* ACT I */
.act{background:transparent}.act-stage{height:100vh;position:relative;overflow:hidden}
.cap{visibility:hidden;position:absolute;left:var(--gutter);right:var(--gutter);top:50%;transform:translateY(-50%);text-align:center;font-family:'Fraunces',serif;font-style:italic;font-weight:300;font-size:clamp(28px,4vw,58px);line-height:1.15;overflow:hidden;padding:.1em 0}.cap span{display:block}
.hero-copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:11vh;max-width:820px}
.hero-copy .lead{margin-top:3vh}
.ring{position:absolute;inset:0;pointer-events:none}.ring li{position:absolute;font-family:'Fraunces',serif;font-weight:300;font-size:clamp(18px,2.4vw,38px);letter-spacing:.14em;text-transform:uppercase;opacity:0}
.ring li:nth-child(1){left:8%;top:22%}.ring li:nth-child(2){right:8%;top:26%}.ring li:nth-child(3){left:12%;top:50%}.ring li:nth-child(4){right:12%;top:52%}.ring li:nth-child(5){left:18%;bottom:16%}.ring li:nth-child(6){right:18%;bottom:14%}
.question{position:absolute;left:44%;right:var(--gutter);top:50%;transform:translateY(-50%);text-align:left}.question .h-giant{font-size:clamp(34px,5.4vw,90px)}.question .kicker{opacity:0}.question h2,.question .kicker{text-shadow:0 2px 34px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.6)}
@media (max-width:900px){.question{left:var(--gutter)}}
.scroll-hint{position:absolute;left:50%;bottom:3.5vh;transform:translateX(-50%);font-size:10px;letter-spacing:.34em;text-transform:uppercase;opacity:0}

.plaque{position:absolute;left:var(--gutter);bottom:10vh;width:min(360px,40vw);opacity:0;border-left:1px solid var(--bronze);padding-left:18px}.plaque .kicker{margin-bottom:8px}.plaque-t{font-family:'Fraunces',serif;font-size:clamp(15px,1.25vw,20px);line-height:1.3;margin-bottom:10px}.plaque-s{font-size:13px;line-height:1.55;opacity:.75}
@media (max-width:900px){.plaque{left:var(--gutter);right:var(--gutter);width:auto;bottom:6vh}}
/* BREAK I */
.break{height:120vh;background:var(--charcoal);overflow:hidden}
.break .wipe{position:absolute;inset:0;background:var(--ivory);clip-path:polygon(0 100%,100% 130%,100% 130%,0 100%)}
.giant-word{position:absolute;top:50%;left:0;transform:translateY(-50%);font-family:'Fraunces',serif;font-style:italic;font-weight:500;font-size:clamp(96px,17vw,300px);letter-spacing:-.02em;line-height:1;color:#fff;mix-blend-mode:difference;white-space:nowrap;will-change:transform;padding-left:var(--gutter)}
.break-note{position:absolute;left:var(--gutter);bottom:9vh;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#fff;mix-blend-mode:difference}

/* ACT II ride */
.ride{height:100vh;background:var(--ivory);color:var(--ink);overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 5vw),0 100%)}
.ride-head{position:absolute;top:0;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:flex-start;padding-top:14vh;pointer-events:none}
.ride-num{font-family:'Fraunces',serif;font-weight:300;line-height:1;font-variant-numeric:tabular-nums}.ride-num .num{display:inline-block;font-size:clamp(56px,7.6vw,116px);width:2ch;text-align:right}.ride-num .of{font-size:14px;margin-left:6px;color:var(--muted)}
.track{display:flex;gap:7vw;height:100vh;align-items:center;padding:0 var(--gutter);will-change:transform}
.panel{flex:0 0 auto;width:min(66vw,960px);display:grid;grid-template-columns:.9fr 1.1fr;gap:3.2vw;align-items:end}
.panel figure{aspect-ratio:3/4;overflow:hidden;background:var(--ivory-deep)}.panel img{width:118%;max-width:none;height:100%;object-fit:cover;filter:sepia(.14) contrast(1.03)}
.panel h3{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(34px,4.6vw,76px);line-height:1;letter-spacing:-.015em;margin:1vh 0 2.4vh}.panel p{max-width:420px;color:var(--ink);opacity:.85}
.ride-bar{position:absolute;left:var(--gutter);right:var(--gutter);bottom:9vh;height:1px;background:var(--line)}.ride-bar i{display:block;height:100%;background:var(--bronze);transform-origin:left;transform:scaleX(0)}
@media (max-width:900px){.ride{height:auto;clip-path:none;padding-bottom:12vh}.ride-head{position:static;padding:14vh var(--gutter) 4vh 0;margin-left:var(--gutter)}.track{flex-direction:column;height:auto;gap:12vh;align-items:stretch}.panel{width:100%;grid-template-columns:1fr}.panel figure{max-width:420px}.ride-bar{display:none}}

/* ACT III split */
.split{background:transparent}.split-stage{height:100vh;position:relative}
.side{position:absolute;top:44%;transform:translateY(-50%);width:32vw}.side-l{left:var(--gutter)}.side-r{right:var(--gutter);text-align:right}
.side li{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(20px,2.5vw,42px);line-height:1.25;opacity:0}.side .kicker{opacity:0}
.axis{display:none;position:absolute;left:50%;top:10vh;height:66vh;width:1px;background:rgba(241,237,226,.35);transform-origin:top;transform:scaleY(0)}
.split-h{position:absolute;left:var(--gutter);right:var(--gutter);bottom:7vh;text-align:center;font-size:clamp(24px,3.2vw,54px)}
@media (max-width:720px){.side{width:40vw;top:36%}.side li{font-size:18px}.split-h{font-size:22px;bottom:9vh}}

/* ACT IV process */
.process{background:var(--ivory);color:var(--ink)}.process-stage{height:100vh;position:relative;padding:0 var(--gutter)}
.process-head{position:absolute;top:10vh;left:var(--gutter);max-width:640px}.process-head .h-big{font-size:clamp(28px,3.6vw,60px)}
.path-svg{position:absolute;left:var(--gutter);right:var(--gutter);top:47vh;width:calc(100% - 2*var(--gutter));height:41vh;overflow:visible}
.track-path{fill:none;stroke:var(--ink);stroke-opacity:.25;stroke-width:1;stroke-dasharray:3 9;vector-effect:non-scaling-stroke}
.draw-path{fill:none;stroke:var(--bronze);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke}
.stones circle{fill:var(--ivory);stroke:var(--ink);stroke-width:1.5;vector-effect:non-scaling-stroke;transition:fill .3s,stroke .3s,stroke-width .3s;cursor:pointer}.stones circle.on{fill:var(--bronze);stroke:var(--bronze)}
.stones circle.on.hint{stroke:var(--ink);stroke-width:2.5}.stones circle:not(.on){cursor:default}
.stones .ring{fill:none;stroke:var(--bronze);stroke-width:1.5;opacity:0;pointer-events:none}.head{fill:var(--bronze);pointer-events:none}.halo{fill:var(--bronze);opacity:.16;pointer-events:none}
.labels text{font-family:'Inter',system-ui,sans-serif;font-size:10px;letter-spacing:.2em;fill:var(--muted);opacity:.55;text-anchor:middle;transition:fill .4s,opacity .4s}.labels text.on{fill:var(--bronze);opacity:1}
.track-path{transition:stroke-opacity .4s}
.odometer{position:absolute;right:var(--gutter);top:8vh;font-family:'Fraunces',serif;font-weight:300;font-size:clamp(110px,17vw,250px);line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}
.odometer .digits{display:inline-block;position:relative;width:2ch;height:1em;overflow:hidden;text-align:right}.odometer .d{position:absolute;right:0;top:0;line-height:1}
/* les étapes sous le titre, chacune apparaît quand la tête atteint sa pierre ; la courante en encre, les passées en sourdine */
.steps{list-style:none;margin:3.2vh 0 0;padding:0;display:flex;flex-direction:column;gap:7px;counter-reset:step}
.steps li{display:grid;grid-template-columns:36px auto 1fr;align-items:baseline;opacity:0;transform:translateY(12px);color:var(--muted);transition:opacity .55s var(--ease),transform .55s var(--ease),color .4s}
.steps li::before{counter-increment:step;content:"0" counter(step);font-size:10.5px;letter-spacing:.2em;color:var(--bronze)}.steps li.on{opacity:1;transform:none;cursor:pointer}.steps li.now{color:var(--ink)}
.steps strong{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(16px,1.35vw,21px);line-height:1.2;display:inline-block;transition:transform .45s var(--ease)}.steps span{font-size:12.5px;line-height:1.45;opacity:.8;margin-left:.7em;transition:opacity .35s}
/* survol d'une étape révélée : elle passe à l'encre, glisse d'un cran, et sa pierre répond (onde bronze, contour encre) ; l'inverse depuis la pierre */
.steps li.on:hover,.steps li.hint{color:var(--ink)}.steps li.on:hover strong,.steps li.hint strong{transform:translateX(5px)}.steps li.on:hover span,.steps li.hint span{opacity:1}
@media (max-width:900px){.path-svg{top:43vh;height:30vh}.odometer{font-size:88px;top:auto;bottom:4vh}.steps{gap:5px;margin-top:2.4vh}.steps li{grid-template-columns:28px 1fr}.steps span{display:none}.process-head{top:9vh;max-width:none;right:var(--gutter)}}

/* ACT V services */
.services{background:var(--stone);color:var(--paper);padding:20vh var(--gutter) 16vh;margin-top:-6vw;clip-path:polygon(0 6vw,100% 0,100% 100%,0 100%);z-index:2}
.svc li{display:grid;grid-template-columns:10vw 1fr;align-items:baseline;padding:5vh 0;border-top:1px solid var(--line-dark)}
.svc .n{font-family:'Fraunces',serif;font-size:18px;color:var(--bronze);transition:transform .6s var(--ease)}
.svc h3{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(34px,6.2vw,104px);line-height:.98;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(241,237,226,.5);transition:color .6s var(--ease),-webkit-text-stroke-color .6s,transform .7s var(--ease)}
.svc p{grid-column:2;opacity:.4;margin-top:1.6vh;max-width:520px;transition:opacity .6s,transform .7s var(--ease)}
.svc li.is-active h3,.svc li:hover h3{color:var(--paper);-webkit-text-stroke-color:transparent}.svc li.is-active p,.svc li:hover p{opacity:1}
.svc li:hover h3,.svc li:hover p{transform:translateX(1.2vw)}.svc li:hover .n{transform:translateX(.6vw)}
@media (max-width:720px){.svc li{grid-template-columns:48px 1fr}}

/* ACT VI time */
.time{background:transparent;color:var(--ink)}.time-stage{height:100vh;position:relative;background:var(--ivory);will-change:clip-path} /* l'ivoire est sur la scène : le balayage horizontal découvre le monde, pas de l'ivoire */
.time-svg{position:absolute;left:var(--gutter);right:var(--gutter);top:18vh;width:calc(100% - 2*var(--gutter));height:58vh;overflow:visible}
.tl{fill:none;stroke-width:1.5;stroke:var(--bronze);vector-effect:non-scaling-stroke}.tl-2{stroke:var(--ink);stroke-opacity:.35}.tl-3{stroke:var(--ink);stroke-opacity:.25;stroke-dasharray:2 7}
.years{position:absolute;top:9vh;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;font-family:'Fraunces',serif;font-weight:300;font-size:clamp(26px,3vw,44px);font-variant-numeric:tabular-nums;opacity:0}.years .arrow{flex:1;height:1px;background:var(--line);margin:0 2vw}
.time .h-giant{position:absolute;left:var(--gutter);right:var(--gutter);bottom:8vh;font-size:clamp(34px,5.6vw,96px)}

/* ACT VII protect · VIII legacy */
.protect{background:transparent}.protect-stage{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 var(--gutter);max-width:640px}.protect .h-big{font-size:clamp(28px,3.5vw,58px);text-shadow:0 2px 34px rgba(0,0,0,.9)}
.legacy{background:transparent;color:var(--paper)}.legacy-stage{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 var(--gutter)}.legacy .lead{max-width:640px;margin-top:4vh}

/* ACT IX team */
.team{background:var(--ivory);color:var(--ink);padding:16vh var(--gutter) 12vh;border-top:1px solid var(--line)}
.team-head{max-width:1040px;margin-bottom:9vh}.team-head .h-big{font-size:clamp(26px,3.4vw,54px);font-weight:400;line-height:1.15}
.people{display:grid;grid-template-columns:repeat(5,1fr);gap:2vw;align-items:end}.people li:nth-child(even){margin-bottom:7vh}
.people figure{aspect-ratio:3/4;overflow:hidden;margin-bottom:14px;background:var(--ivory-deep);clip-path:inset(100% 0 0 0)}.people img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) sepia(.28) contrast(1.05);mix-blend-mode:multiply;transition:filter .8s var(--ease)}
.people li:hover img{filter:grayscale(0) sepia(0) contrast(1)} /* le zoom est dans motion.js (GSAP tient le transform) */
.people strong{display:block;font-family:'Fraunces',serif;font-weight:400;font-size:clamp(16px,1.3vw,20px);line-height:1.2;transition:color .4s}.people span{font-size:12.5px;color:var(--muted);transition:color .4s}
.people li:hover strong{color:var(--bronze)}.people li:hover span{color:var(--ink)}
.trust{margin-top:12vh;display:flex;justify-content:space-between;gap:3vw;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:3.4vh;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase}
@media (max-width:900px){.people{grid-template-columns:repeat(2,1fr);gap:4vw}.people li:nth-child(even){margin-bottom:0}.trust{flex-direction:column;gap:14px}}

/* ACT X final · footer */
.final{height:100vh;background:transparent}.final-stage{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 var(--gutter)}.final .h-giant{font-size:clamp(36px,6.4vw,110px)}
.contact-line{margin-top:5vh;font-size:14px;line-height:1.75;opacity:.72}.contact-line a{text-decoration:none;border-bottom:1px solid transparent;transition:color .35s,border-color .35s}.contact-line a:hover{color:var(--bronze);border-color:var(--bronze)}
#footer{position:relative;z-index:2;background:var(--void);color:rgba(241,237,226,.75);padding:10vh var(--gutter) 6vh}
.f-top{display:grid;grid-template-columns:1.2fr 1.4fr 1fr;gap:4vw;align-items:start;border-bottom:1px solid var(--line-dark);padding-bottom:5vh;margin-bottom:4vh}
.f-top .brand{font-family:'Fraunces',serif;font-size:22px;color:var(--paper)}.f-line{font-family:'Fraunces',serif;font-style:italic;font-size:19px}
.f-top nav a{display:inline-block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;margin-bottom:10px;position:relative;padding-bottom:4px;transition:color .35s}
.f-top nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--bronze);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.f-top nav a:hover{color:var(--paper)}.f-top nav a:hover::after{transform:scaleX(1);transform-origin:left}.f-top nav{display:flex;flex-direction:column;align-items:flex-start}
.f-legal p{font-size:12px;line-height:1.65;max-width:1100px;color:rgba(241,237,226,.55);margin-bottom:12px}.f-legal a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(241,237,226,.3);transition:color .3s,text-decoration-color .3s}.f-legal a:hover{color:var(--paper);text-decoration-color:var(--bronze)}.f-credit{color:rgba(160,138,95,.9)!important}
@media (max-width:720px){.f-top{grid-template-columns:1fr;gap:3vh}}

/* reduced motion */
.reduced .cap,.reduced .ring,.reduced .question,.reduced .scroll-hint{display:none}.reduced #loader{display:none}.reduced .link:hover::after{animation:none}.reduced .w i{transform:none!important}
.reduced .side li,.reduced .side .kicker,.reduced .years,.reduced .steps li{opacity:1;transform:none}.reduced .axis{transform:none}.reduced .people figure{clip-path:none}
.reduced .break .wipe{clip-path:none}.reduced .time-stage{clip-path:none}.reduced .svc h3{color:var(--paper);-webkit-text-stroke-color:transparent}.reduced .svc p{opacity:1}
/* portrait : le titre du héros passait devant le marbre (blanc sur blanc) ; voile sombre sous le texte, comme aux sous-pages (2026-09-08) */
@media (max-width:900px){.act-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:52vh;background:linear-gradient(to top,rgba(4,4,4,.9) 30%,rgba(4,4,4,0));pointer-events:none;z-index:0}.hero-copy,.question{z-index:1}}