.banner{--slider-size:clamp(36px, 6.5vw + 12px, 100px);--slider-depth:clamp(132px, 46vw, 550px);text-align:center;justify-content:center;width:100%;height:100dvh;display:flex;position:relative}.banner .slider{width:var(--slider-size);height:var(--slider-size);transform-style:preserve-3d;top:8%;left:calc(50% - var(--slider-size) / 2);z-index:4;animation:20s linear infinite autoRun;position:absolute;transform:perspective(1000px)}@media (min-width:768px){.banner .slider{top:20%}}@keyframes autoRun{0%{transform:perspective(1000px)rotateX(-10deg)rotateY(0)}to{transform:perspective(1000px)rotateX(-10deg)rotateY(360deg)}}.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(var(--slider-depth));animation:1s ease-in-out 1s forwards expandSlider;position:absolute;inset:0}@keyframes expandSlider{0%{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(calc(var(--slider-depth) * .35))}to{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(var(--slider-depth))}}.banner .slider .item svg{object-fit:cover;width:100%;height:100%}.banner .content{justify-content:space-between;align-items:center;width:min(1400px,100vw);height:max-content;padding-bottom:132px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.banner .content .hero-line{font-family:var(--font-subset);color:var(--accent);margin:0;font-weight:600;line-height:1em;position:relative}.banner .content .hero-line.text-display{font-size:clamp(1.5rem,.4rem + 4.6vw,5.5rem)}.banner .content .hero-line:after{content:attr(data-content);z-index:2;-webkit-text-stroke:2px oklch(28.3% .035 277);color:#0000;position:absolute;inset:0}.banner .content .author{font-family:var(--popins);text-align:right;font-size:8em;line-height:1em}.scroll-cue{z-index:6;left:50%;bottom:max(.75rem, env(safe-area-inset-bottom));color:#fff;cursor:pointer;text-shadow:0 1px 2px #000000f2,0 0 12px #000c;text-shadow:0 1px 2px lab(0% 0 0/.95),0 0 12px lab(0% 0 0/.8);background:0 0;border:0;flex-direction:column;align-items:center;gap:.05rem;padding:0;transition:opacity .4s,transform .4s;display:flex;position:absolute;transform:translate(-50%)}.scroll-cue.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(10px)}.scroll-cue-craft{width:1.35rem;height:auto;filter:drop-shadow(0 0 8px var(--color-earth))}.scroll-cue-label{letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;font-size:.8rem;font-weight:600;line-height:1}.scroll-cue-chevron{width:1.35rem;height:1.35rem;filter:drop-shadow(0 0 6px var(--color-earth));animation:1.2s ease-in-out infinite scroll-cue-drift}@keyframes scroll-cue-drift{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.banner .content .model{background-image:url(../media/me.17b4x52fdw95k.webp);background-position:top;background-repeat:no-repeat;background-size:auto 100%;width:100%;height:90dvh;position:absolute;bottom:0;left:0}@media (max-width:767px){.banner{--slider-size:clamp(48px, 3.6vw + 34.5px, 62px);--slider-depth:clamp(148px, 52vw - 48px, 352px);width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}.banner .slider{top:38%}.banner .content{width:100%;padding-bottom:15dvh}.banner .content .hero-line,.banner .content .hero-line.text-display{z-index:5;text-align:center;color:var(--color-earth);font-size:clamp(1.2rem,5.6vw,1.85rem);line-height:1.2;position:relative}.banner .content .hero-line:after{-webkit-text-stroke:.3px black}.banner .content .hero-line.text-name{font-size:clamp(1.15rem,5vw,1.5rem)}.banner .content .model{background-position:52% 100%;background-size:auto 100%;width:100%;height:min(121.6vw,60dvh);bottom:0;left:0;transform:none}}