/* Cinematic scenes and six connected, interactive symbols. */
.hero-art{background-image:linear-gradient(90deg,#101113f2 0%,#1011139c 38%,#10111308 75%),linear-gradient(0deg,#101113,transparent 28%),url('assets/hero-noir.webp');background-position:center,center,center;background-size:cover}.hero{min-height:850px}.hero-content{max-width:580px}.hero h1{font-size:clamp(82px,8.5vw,134px)}
.process-section{background:#101315}.process-steps{display:grid;grid-template-columns:repeat(6,1fr);margin:0 0 32px;position:relative}.process-steps:before{content:'';position:absolute;left:8%;right:8%;top:49px;height:1px;background:linear-gradient(90deg,#d7c19b60,#d7c19b18)}.process-step{border:0;background:none;color:#aaaead;display:flex;flex-direction:column;align-items:center;position:relative;padding:7px 12px 22px;cursor:pointer;min-width:0}.process-icon{width:86px;height:86px;display:grid;place-items:center;position:relative;border:1px solid #d7c19b30;background:#101315;border-radius:50%;color:#bfb6a7;transition:color .3s,border-color .3s,background .3s,transform .45s}.process-icon:before{content:'';position:absolute;inset:-7px;border:1px solid transparent;border-radius:50%;border-top-color:transparent;transition:border-color .4s}.process-icon svg{width:31px;height:31px;overflow:visible;transition:transform .5s}.process-step .step-label{font-size:16px;font-family:var(--display);letter-spacing:-.02em;margin-top:18px;transition:color .3s}.step-number{font-size:10px;color:#697070;letter-spacing:.13em;margin-top:5px}.process-step.active .process-icon,.process-step:hover .process-icon,.process-step:focus-visible .process-icon{color:#edd6b0;border-color:#d7c19b99;background:#d7c19b0b;transform:translateY(-4px);box-shadow:0 0 32px #d7c19b09}.process-step.active .step-label{color:var(--text)}.process-step.active .step-number{color:var(--gold)}.process-step.active .process-icon:before{border-top-color:#d7c19b95;border-right-color:#d7c19b25;animation:icon-orbit 8s linear infinite}.process-step:hover svg,.process-step:focus-visible svg{animation:symbol-breathe 1.8s ease-in-out infinite}.process-step[data-step="1"]:hover svg,.process-step[data-step="1"]:focus-visible svg{animation:heart-beat 1.3s ease-in-out infinite}.process-step[data-step="3"]:hover svg{animation:symbol-flash 1.5s ease-in-out infinite}.process-step[data-step="4"]:hover svg{animation:compass-turn 2s ease-in-out infinite}.process-step[data-step="5"]:hover svg{animation:symbol-spark 2s ease-in-out infinite}
.process-stage{display:grid;grid-template-columns:1.1fr 1fr;min-height:440px;border:1px solid #ffffff15;background:#181d1f;overflow:hidden;transition:background .6s}.process-stage[data-active-step="1"]{background:#201c1f}.process-stage[data-active-step="2"]{background:#182023}.process-stage[data-active-step="3"]{background:#211e19}.process-stage[data-active-step="4"]{background:#1b211e}.process-stage[data-active-step="5"]{background:#201e19}.process-photo{margin:0;position:relative;min-height:440px;overflow:hidden}.process-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#101113c9)}.process-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:60% center;transition:transform 1.2s}.process-stage:hover .process-photo img{transform:scale(1.025)}.process-photo figcaption{position:absolute;bottom:24px;left:28px;right:20px;z-index:1;font-size:10px;letter-spacing:.16em;color:#d7d6d1}.process-detail{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:45px 45px 38px;min-width:0}.process-detail>.eyebrow{font-size:11px;margin-bottom:25px}.process-detail h3{font-size:38px;line-height:1.15;letter-spacing:-.045em;margin-bottom:22px}.process-detail>p{font-size:17px;color:#b7bcbd;max-width:390px;min-height:112px;margin-bottom:25px}.process-question{font-size:16px;color:var(--gold);border-top:1px solid #ffffff16;padding-top:22px;width:100%}.process-progress{display:block;margin-top:30px;width:120px;height:2px;background:#ffffff16}.process-progress>span{display:block;width:16.666%;height:100%;background:var(--gold);transition:width .5s}.process-detail.changing>h3,.process-detail.changing>p,.process-detail.changing>.process-question{animation:detail-enter .4s ease both}
.cinema-statement{text-align:left;min-height:660px;display:flex;justify-content:flex-end;align-items:center;isolation:isolate;padding-top:90px;padding-bottom:90px;background:#101315}.cinema-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;object-position:35% center}.cinema-statement:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10131500 12%,#10131550 38%,#101315e8 69%),linear-gradient(0deg,#10131580,transparent 35%)}.cinema-copy{width:50%;max-width:650px}.cinema-copy>.eyebrow{justify-content:flex-start}.cinema-copy h2{font-size:clamp(38px,4vw,61px);margin-bottom:27px}.cinema-copy>p:last-child{font-size:17px;color:#b8bec0;max-width:470px}.cinema-copy>p:last-child br{display:none}.author-image img{object-position:center 25%}.author-image{border-radius:2px}.author-copy .lead{color:#e0ded8}.module-top{margin-bottom:39px}.module-top>span{font-size:11px;color:var(--gold)}
@keyframes icon-orbit{to{transform:rotate(360deg)}}@keyframes symbol-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes heart-beat{0%,40%,100%{transform:scale(1)}15%{transform:scale(1.16)}27%{transform:scale(1.03)}}@keyframes symbol-flash{0%,100%{opacity:1;transform:translateY(0)}50%{opacity:.55;transform:translateY(-3px)}}@keyframes compass-turn{0%,100%{transform:rotate(0)}50%{transform:rotate(30deg)}}@keyframes symbol-spark{0%,100%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.15) rotate(8deg);opacity:.7}}@keyframes detail-enter{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.process-detail{padding:35px}.process-detail h3{font-size:33px}.process-detail>p{font-size:16px}.cinema-copy{width:55%}.process-icon{width:70px;height:70px}.process-steps:before{top:42px}.process-step .step-label{font-size:14px}}
@media(max-width:700px){.process-steps{grid-template-columns:repeat(3,1fr);row-gap:16px;margin-bottom:27px}.process-steps:before{display:none}.process-step{padding:7px 4px 11px}.process-icon{width:67px;height:67px}.process-icon svg{width:28px;height:28px}.process-step .step-label{font-size:15px;margin-top:13px}.process-stage{grid-template-columns:1fr}.process-photo{min-height:300px;aspect-ratio:1.25}.process-photo img{object-position:64% center}.process-detail{padding:30px 25px;min-height:375px}.process-detail h3{font-size:33px}.process-detail>p{min-height:95px}.process-photo figcaption{left:22px;font-size:9px}.cinema-statement{min-height:700px;padding-top:330px;align-items:flex-end}.cinema-scene{object-position:27% top}.cinema-statement:after{background:linear-gradient(0deg,#101315 4%,#101315e8 42%,#10131505 82%)}.cinema-copy{width:100%;max-width:500px}.cinema-copy h2{font-size:42px}.cinema-copy>p:last-child{font-size:16px}.hero-art{background-image:linear-gradient(0deg,#101113 7%,#101113ef 29%,#10111300 73%),url('assets/hero-noir.webp');background-size:cover,auto 620px;background-position:center,74% 65px}.hero{padding-top:410px;min-height:980px}.hero h1{font-size:80px}.author-image{aspect-ratio:3/4}}
@media(prefers-reduced-motion:reduce){.process-icon:before,.process-icon svg,.process-detail>*{animation:none!important}.process-stage:hover .process-photo img{transform:none}.process-step.active .process-icon,.process-step:hover .process-icon{transform:none}}
.process-photo img{object-fit:contain;object-position:center;background:#101315}.process-stage:hover .process-photo img{transform:none}@media(max-width:700px){.process-photo{min-height:0;aspect-ratio:1672/941}.process-photo figcaption{font-size:8px;bottom:12px}}
@media(max-width:700px){.cinema-statement{min-height:0;padding-top:calc(42.54vw + 70px);padding-bottom:70px}.cinema-scene{top:28px;bottom:auto;height:auto;aspect-ratio:1923/818;object-fit:contain;object-position:center}.cinema-statement:after{background:linear-gradient(0deg,#101315 0%,transparent 60%)}}
@media(max-width:700px){.hero-art{background-position:center,82% 65px}}