.what-template{overflow-x:hidden;background:#edf0d8}.what-page{position:relative;isolation:isolate;min-height:100vh;background:transparent;color:#000}.what-page:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-color:#edf0d8;background-image:var(--page-surface-image);background-position:center;background-size:cover;background-repeat:no-repeat}.what-story{position:relative;z-index:1;height:1220svh}.what-stage{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;isolation:isolate}.what-hero,.what-constellation,.what-hand-scene,.what-final-scene{position:absolute;inset:0}.what-hero{z-index:10;display:grid;place-items:center;padding:7rem 2rem 3rem}.what-display{width:min(91vw,92rem);font-family:var(--font-heading);font-size:clamp(4.4rem,min(9.6vw,15.5svh),10.8rem);font-weight:400;line-height:.76;letter-spacing:-.075em;text-align:center;text-transform:uppercase}.what-display__line{display:block;overflow:hidden;padding:.09em .08em .11em;margin-block:-.1em}.what-roll-line{display:block;overflow:visible;padding:.09em .08em .3em;margin:-.1em 0 -.29em;clip-path:inset(0 -100vw)}.what-roll-line>span{display:block;opacity:0;transform:translate3d(0,102%,0)}.what-display__line>span{display:block;opacity:0;white-space:nowrap;transform:translate3d(0,102%,0) scaleX(.72);transform-origin:center;transition:opacity .48s cubic-bezier(.22,.61,.36,1),transform 1.36s cubic-bezier(.22,.61,.36,1)}html.is-entered .what-display__line>span{opacity:1;transform:translateZ(0) scaleX(.72)}html.is-entered .what-display__line:nth-child(1)>span{transition-delay:.26s}html.is-entered .what-display__line:nth-child(2)>span{transition-delay:.52s}html.is-entered .what-display__line:nth-child(3)>span{transition-delay:.78s}.what-scroll-cue{position:absolute;bottom:1.6rem;left:50%;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translate(-50%,.55rem);transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)}html.is-entered .what-scroll-cue{opacity:1;transform:translate(-50%);transition-delay:1.64s}.what-scroll-cue:before{content:"";display:inline-block;width:.38rem;height:.38rem;margin-right:.45rem;border-radius:999px;background:currentColor;vertical-align:.05rem}.what-constellation{z-index:20}.what-center-copy{position:absolute;top:50%;left:55%;z-index:12;width:min(38vw,34rem);font-family:var(--font-heading);text-transform:uppercase;transform:translate3d(-50%,92svh,0) scaleX(.78);transform-origin:center;opacity:0}.what-center-copy__lead,.what-center-copy__body{font-size:clamp(2rem,min(3.45vw,6.1svh),4.1rem);font-weight:400;line-height:.8;letter-spacing:-.065em}.what-center-copy__lead{margin-bottom:1.15em}.what-frame{position:absolute;z-index:var(--z, 5);left:var(--left);top:var(--top);width:var(--width);aspect-ratio:var(--ratio, 1 / 1);overflow:hidden;background:#e9e9e9;opacity:0;transform:translate(-50%,-50%) translateY(var(--lift, 4rem)) scale(var(--scale, .36)) rotate(var(--rotate, 0deg))}.what-frame img{display:block;width:100%;height:100%;object-fit:cover}.what-frame--one{--left: 55%;--top: 54%;--width: clamp(22rem, 29vw, 34rem);--ratio: .82;--rotate: -2deg;--z: 6}.what-frame--two{--left: 29%;--top: 11%;--width: clamp(14rem, 22vw, 27rem);--ratio: 1.65;--rotate: 1.5deg;--z: 7}.what-frame--three{--left: 88%;--top: 19%;--width: clamp(9rem, 13vw, 15rem);--ratio: .8;--rotate: 4deg;--z: 15}.what-frame--four{--left: 16%;--top: 68%;--width: clamp(14rem, 21vw, 25rem);--ratio: .72;--rotate: -2.5deg;--z: 14}.what-frame--five{--left: 84%;--top: 52%;--width: clamp(9rem, 15vw, 18rem);--ratio: .78;--rotate: 2deg;--z: 7}.what-frame--six{--left: 94%;--top: 78%;--width: clamp(7rem, 11vw, 13rem);--ratio: .72;--rotate: 4deg;--z: 14}.what-frame--seven{--left: 25%;--top: 38%;--width: clamp(5rem, 8vw, 9rem);--ratio: 1.12;--rotate: -5deg;--z: 15}.what-frame--eight{--left: 64%;--top: 87%;--width: clamp(14rem, 23vw, 27rem);--ratio: 1.5;--rotate: -2deg;--z: 8}.what-hand-scene{z-index:30;overflow:hidden;opacity:0;pointer-events:none}.what-hand-title{position:absolute;top:clamp(6.5rem,13svh,9rem);left:50%;width:min(90vw,58rem);font-family:var(--font-heading);font-size:clamp(3rem,min(6.2vw,9.5svh),6.8rem);font-weight:400;line-height:.74;letter-spacing:-.07em;text-align:center;text-transform:uppercase;transform:translate3d(-50%,var(--hand-title-y, 3rem),0) scaleX(.76);transform-origin:center}.what-hand-title span{display:block}.what-hand{position:absolute;left:50%;top:63%;width:0;height:0}.what-hand-card{--card-x-current: var(--card-x);--card-entry-y: 32svh;--card-focus-y: 0px;--card-rotation-current: 0deg;--card-scale: .72;position:absolute;left:0;top:0;z-index:var(--card-layer);width:clamp(11rem,min(18vw,29svh),19rem);aspect-ratio:.68;overflow:hidden;border-radius:clamp(1.2rem,2.3vw,2.4rem);background:#e9e9e9;opacity:0;transform:translate3d(calc(-50% + var(--card-x-current)),calc(-50% + var(--card-y) + var(--card-entry-y) + var(--card-focus-y)),0) rotate(var(--card-rotation-current)) scale(var(--card-scale));transform-origin:center bottom}.what-hand-card img{display:block;width:100%;height:100%;object-fit:cover}.what-final-scene{z-index:35;overflow:hidden;opacity:0;pointer-events:none}.what-pipeline-scene{position:absolute;inset:0;z-index:36;overflow:hidden;visibility:hidden;pointer-events:none}.what-pipeline-title{position:absolute;top:clamp(7.5rem,15svh,10rem);left:50%;z-index:3;width:min(82vw,68rem);font-family:var(--font-heading);font-size:clamp(3rem,min(5.8vw,9.2svh),6.5rem);font-weight:400;line-height:.76;letter-spacing:-.07em;text-align:center;text-transform:uppercase;transform:translate3d(-50%,var(--pipeline-title-y, 8svh),0) scaleX(.76);transform-origin:center}.what-pipeline-title span{display:block;white-space:nowrap}.what-pipeline-object{position:absolute;top:53%;left:50%;z-index:2;width:clamp(17rem,min(30vw,48svh),31rem);opacity:0;transform:translate3d(-50%,calc(-50% + var(--pipeline-object-y, 8svh)),0) rotate(62deg) scale(var(--pipeline-object-scale, .56));transform-origin:center}.what-pipeline-object img{display:block;width:100%;height:auto}.what-pipeline-copy{position:absolute;bottom:clamp(3.75rem,8svh,6rem);left:50%;z-index:3;font-size:clamp(.59rem,.7vw,.76rem);line-height:1.35;letter-spacing:-.015em;text-align:center;text-transform:uppercase;opacity:0;transform:translate3d(-50%,var(--pipeline-copy-y, 3.5rem),0)}.what-final-copy{position:absolute;top:50%;left:50%;z-index:20;width:min(38vw,34rem);font-family:var(--font-heading);text-align:center;text-transform:uppercase;transform:translate(-50%,-50%)}.what-final-copy h2{font-size:clamp(2.75rem,min(4.5vw,8svh),5.4rem);font-weight:400;line-height:.76;letter-spacing:-.07em;white-space:nowrap;transform:scaleX(.76)}.what-final-frames{position:absolute;inset:0;z-index:5;perspective:1200px}.what-final-frame{--final-frame-x: 34vw;--final-frame-rotate: 18deg;--final-frame-scale: .82;--final-card-height: min(58svh, 42vw);--final-card-edge: clamp(.4rem, .7vw, .65rem);position:absolute;left:var(--left);top:52%;z-index:var(--z, 5);height:var(--final-card-height);aspect-ratio:.68;overflow:hidden;border:1px solid color-mix(in srgb,currentColor,#ab8fa3 34%);border-radius:clamp(.7rem,1.2vw,1.15rem);background-color:#f7eddf;background-image:radial-gradient(ellipse at 4% 7%,rgb(190 132 154 / 10%) 0 .18rem,transparent .72rem),radial-gradient(ellipse at 97% 14%,rgb(112 166 157 / 8%) 0 .12rem,transparent .65rem),radial-gradient(ellipse at 9% 94%,rgb(133 112 153 / 8%) 0 .16rem,transparent .82rem),radial-gradient(ellipse at 94% 88%,rgb(205 139 147 / 7%) 0 .1rem,transparent .7rem),radial-gradient(circle at 23% 28%,rgb(105 84 112 / 4%) 0 .06rem,transparent .11rem),radial-gradient(circle at 72% 68%,rgb(105 84 112 / 3.5%) 0 .08rem,transparent .14rem),repeating-linear-gradient(108deg,transparent 0 1.15rem,rgb(112 89 112 / 1.3%) 1.19rem,transparent 1.24rem),linear-gradient(102deg,rgb(255 248 225 / 26%),transparent 34%,rgb(194 216 199 / 14%) 72%,transparent);box-shadow:0 .7rem 1.6rem #4d384612,inset 0 0 0 1px #ffffff7a,inset 0 0 .55rem #77566e14,inset 0 0 2.8rem #97bfae1a;opacity:0;transform:translate(-50%,-50%) translate3d(var(--final-frame-x),0,0) rotate(var(--final-frame-rotate)) scale(var(--final-frame-scale));transform-origin:center bottom}.what-final-frame:before,.what-final-frame:after{content:"";position:absolute;inset:0;z-index:4;border-radius:inherit;pointer-events:none}.what-final-frame:before{background:radial-gradient(ellipse at 0 24%,rgb(93 62 83 / 12%) 0 .08rem,transparent .45rem),radial-gradient(ellipse at 100% 63%,rgb(67 102 96 / 10%) 0 .07rem,transparent .5rem),radial-gradient(ellipse at 42% 0,rgb(93 62 83 / 8.5%) 0 .05rem,transparent .34rem),radial-gradient(ellipse at 68% 100%,rgb(67 102 96 / 9.5%) 0 .06rem,transparent .4rem),repeating-linear-gradient(94deg,transparent 0 .42rem,rgb(91 66 87 / 1.5%) .44rem,transparent .47rem);box-shadow:inset .16rem 0 .22rem -.18rem #492d4266,inset -.14rem 0 .24rem -.17rem #364e485c,inset 0 .15rem .22rem -.18rem #492d425c,inset 0 -.15rem .22rem -.18rem #364e4863;mix-blend-mode:multiply;opacity:.55}.what-final-frame:after{inset:.22rem;border:1px solid rgb(113 78 105 / 6%);background:linear-gradient(113deg,transparent 0 45%,rgb(255 250 230 / 15%) 45.15%,transparent 45.65%),linear-gradient(76deg,transparent 0 72%,rgb(117 78 108 / 4.5%) 72.2%,transparent 72.65%);opacity:.55}.what-playing-card--left{--left: calc(var(--final-card-height) * .34 + var(--final-card-edge));--final-frame-x: -44vw}.what-playing-card--right{--left: calc(100% - var(--final-card-height) * .34 - var(--final-card-edge));--final-frame-x: 44vw}.what-playing-card--black{color:#0a0a0a}.what-playing-card--red{color:#c4161c}.what-playing-card{background-color:transparent;background-image:none;box-shadow:none}.what-playing-card:before,.what-playing-card:after{display:none}.what-playing-card__corner{position:absolute;z-index:2;display:flex;width:1em;flex-direction:column;align-items:center;font-family:var(--font-heading);font-size:clamp(1.35rem,min(2.2vw,3.8svh),2.45rem);line-height:.72;filter:saturate(.78) contrast(.92);opacity:.9}.what-playing-card__corner--top{top:4.5%;left:5.5%}.what-playing-card__corner--bottom{right:5.5%;bottom:4.5%;transform:rotate(180deg)}.what-playing-card__suit{display:block;margin-top:.18em;font-family:Georgia,serif;font-size:.75em;line-height:1}.what-playing-card__suit--spade:before{content:"♠"}.what-playing-card__suit--heart:before{content:"♥"}.what-playing-card__picture{position:absolute;inset:15% 12%;z-index:5;overflow:hidden;border:1px solid currentColor;border-radius:clamp(.35rem,.65vw,.65rem);background:#dedbd2;box-shadow:0 0 0 .12rem #9a688b0d}.what-playing-card__picture img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:767px){.what-story{height:1120svh}.what-hero{padding:6rem 1rem 3.5rem}.what-display{width:100vw;font-size:clamp(2.6rem,11vw,4rem);line-height:.79}.what-center-copy{left:51%;width:75vw}.what-center-copy__lead,.what-center-copy__body{font-size:clamp(1.75rem,9.5vw,3.2rem)}.what-frame--one{--left: 13%;--top: 18%;--width: 20vw;--rotate: -1deg;--z: 5}.what-frame--two{--left: 55%;--top: 12%;--width: 35vw;--rotate: 1deg;--z: 5}.what-frame--three{--left: 90%;--top: 26%;--width: 20vw;--rotate: 2deg;--z: 5}.what-frame--four{--left: 8%;--top: 57%;--width: 31vw;--rotate: -1deg;--z: 14}.what-frame--five{--left: 90%;--top: 54%;--width: 29vw;--rotate: 1deg;--z: 7}.what-frame--six{--left: 87%;--top: 82%;--width: 24vw;--rotate: -2deg;--z: 14}.what-frame--seven{--left: 22%;--top: 88%;--width: 30vw;--rotate: 2deg;--z: 15}.what-frame--eight{--left: 54%;--top: 95%;--width: 35vw;--rotate: -1deg;--z: 6}.what-hand-title{top:8rem;width:96vw;font-size:clamp(2.5rem,12vw,4rem)}.what-hand{top:62%}.what-hand-card{--card-x: var(--card-x-mobile);width:min(56vw,18rem);border-radius:1.25rem}.what-final-copy{width:38vw}.what-final-copy h2{font-size:clamp(1.8rem,8.5vw,3.1rem);line-height:.78;white-space:normal;transform:scaleX(.68)}.what-final-frame{--final-card-height: min(58svh, 76vw);--final-card-edge: .35rem;top:54%}.what-pipeline-title{top:8.5rem;width:96vw;font-size:clamp(2.35rem,10.5vw,3.8rem);line-height:.79}.what-pipeline-title span{white-space:normal}.what-pipeline-object{top:53%;width:min(73vw,24rem)}.what-pipeline-copy{bottom:4rem;width:88vw;font-size:.58rem}}@media(prefers-reduced-motion:reduce){.what-display__line>span,html.is-entered .what-display__line>span,.what-roll-line>span{opacity:1;transform:none!important;transition:none}.what-display__line>span,html.is-entered .what-display__line>span{transform:scaleX(.72)!important}}