*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#111;color:#e9e8e5;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;background:none;border:0;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #e7c52e;outline-offset:6px}header{position:fixed;inset:0 0 auto;z-index:20;padding:28px 2.25vw;display:flex;justify-content:space-between;align-items:flex-start;mix-blend-mode:difference;color:#fff;pointer-events:none}header>*{pointer-events:auto}.brand{font-weight:700;font-size:25px;line-height:.86;letter-spacing:-1.2px}.brand span{display:block}nav{position:absolute;left:40%;width:20.5%;font-size:11px;font-weight:bold}.track{height:1px;background:#777}#progress{display:block;background:#fff;width:100%;height:1px;transform:scaleX(0);transform-origin:left}#chapter{width:100%;text-align:left;padding:18px 0;min-height:44px;font-size:11px;font-weight:bold}#chapter span{float:right;font-size:20px;line-height:10px}.join{font-size:11px;font-weight:700;padding-top:20px}#journey{height:1050vh}#stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#111;isolation:isolate}#architecture,#field,#paper,#swarm{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#architecture{z-index:0}#field{z-index:1;background:url('/wp-content/themes/digitoria-motion/assets/img/career2/wide.jpg') center/cover;opacity:0}#paper{background:#d0ccca;z-index:3;transform:translateY(-120%)}.fringe{position:absolute;left:0;right:0;bottom:-11vh;height:24vh;background:#111;mask:url('/wp-content/themes/digitoria-motion/assets/img/career2/wide.jpg') center/cover luminance;transform:rotate(180deg)}#swarm{z-index:2}.small-feather,.vane{background:center/100% 100% no-repeat;mask:url('/wp-content/themes/digitoria-motion/assets/img/career2/alpha.jpg') center/100% 100% luminance}.small-feather{position:absolute;width:10vh;height:20vh;background-image:url('/wp-content/themes/digitoria-motion/assets/img/career2/white.png');opacity:.25}#feather{position:absolute;left:0;top:0;width:38vh;height:76vh;z-index:5;transform-origin:50% 50%;will-change:transform}.vane{position:absolute;inset:0}.white{background-image:url('/wp-content/themes/digitoria-motion/assets/img/career2/white.png')}.black{background-image:url('/wp-content/themes/digitoria-motion/assets/img/career2/black.png');opacity:0}#shadow{position:absolute;width:32vw;height:4vh;background:#312d2b;border-radius:50%;filter:blur(15px);opacity:0;z-index:4;transform-origin:center}#rings{position:absolute;left:50%;top:82%;width:46vw;height:10vh;z-index:4;opacity:0;transform:translate(-50%,-50%)}#rings i{position:absolute;inset:0;border:1px solid #7775;border-radius:50%}#rings i:nth-child(2){inset:15% 12%}#rings i:nth-child(3){inset:30% 25%}.copy{position:absolute;z-index:6;inset:0;opacity:0;pointer-events:none}.copy h1,.copy h2{font-weight:500;letter-spacing:-.065em;line-height:.91;margin:0}.copy p{font-size:clamp(13px,.95vw,17px);line-height:1.4;letter-spacing:-.025em}.opening h1{position:absolute;top:28%;width:100%;font-size:13vw;white-space:nowrap}.opening h1 span{display:block}.opening h1 span+span{text-align:right;margin-top:-.17em}.opening p{position:absolute;left:42%;top:74%;font-size:1.9vw;line-height:.94}.structure h2{position:absolute;left:5%;top:46%;font-size:4.4vw}.statement h2{font-size:8.6vw;line-height:.86}.statement h2>span{position:absolute;top:15%;left:2.5%}.statement h2>span+span{top:53%;left:auto;right:2.5%;text-align:right}.fusion h2{position:absolute;left:55%;top:27%;font-size:4.25vw}.fusion p{position:absolute;left:72%;top:66%;width:24%}.beauty{color:#171717}.beauty h2{position:absolute;left:3%;top:24%;font-size:4.5vw}.beauty p{position:absolute;left:26%;top:63%;width:22%}.gravity{color:#343434}.gravity h2{position:absolute;left:70%;top:39%;font-size:4.2vw}.gravity span{display:block;margin-bottom:.12em}#skip{position:absolute;bottom:3.5%;left:47%;width:6%;border-top:1px solid #888;border-bottom:1px solid #888;padding:14px 0;z-index:10;font-size:10px;mix-blend-mode:difference;color:white}.location{position:absolute;bottom:4%;right:2.3%;z-index:10;font-size:10px;mix-blend-mode:difference;color:white}#join{position:relative;z-index:10;min-height:100svh;padding:12vh 5vw;background:#111}#join h2{font-size:9vw;line-height:.9;font-weight:500;letter-spacing:-.065em;margin:12vh 0 5vh}#join em{font-style:normal;color:#e7c52e}#join p{line-height:1.5}#join>a{display:inline-block;border-bottom:1px solid #e7c52e;padding:20px 0;font-size:13px}#replay{display:block;margin-top:40px;font-size:12px;min-height:44px}.eyebrow{font-size:11px;letter-spacing:.13em}
@media(max-width:700px){header{padding:22px 20px}.brand{font-size:22px}nav{left:43%;width:26%}.join{font-size:9px;max-width:65px;padding-top:0}#journey{height:900vh}.opening h1{font-size:18vw;top:34%}.opening p{font-size:4vw;left:43%;top:72%}.structure h2{font-size:7vw;top:48%}.statement h2{font-size:12vw}.statement h2>span{top:23%}.statement h2>span+span{top:59%}.fusion h2{left:41%;top:19%;font-size:7vw}.fusion p{left:51%;top:72%;width:44%;font-size:12px}.beauty h2{font-size:8vw;top:18%}.beauty p{left:7%;top:73%;width:67%;font-size:13px}.gravity h2{left:59%;top:34%;font-size:8vw}#feather{width:31vh;height:62vh}#skip{left:41%;width:18%}.location{display:none}#field{background-image:url('/wp-content/themes/digitoria-motion/assets/img/career2/tall.jpg')}#join h2{font-size:14vw}#rings{width:78vw}}
@media(prefers-reduced-motion:reduce){html:not(.force-motion) #journey{height:100svh}html:not(.force-motion) #stage .copy{display:none}html:not(.force-motion) #stage #intro{display:block;opacity:1!important}html:not(.force-motion) :is(#feather,#architecture,#swarm,#paper){display:none}html:not(.force-motion) #stage #intro h1{transform:none!important}html:not(.force-motion) #enable-motion{display:block}}

.fringe{top:auto;bottom:-13vh;height:14vh;background:#d0ccca;transform:rotate(180deg)} @media(max-width:700px){.fusion h2{left:45%;font-size:6.4vw}.small-feather{width:6vh;height:12vh}}

.structure{background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 65%)}.structure h2{text-shadow:0 2px 20px #0007}

#enable-motion{display:none;position:fixed;bottom:24px;left:24px;z-index:30;background:#e7c52e;color:#111;padding:16px 22px;border-radius:30px;font-size:12px;font-weight:700}

.fringe{top:100%;bottom:auto;height:0;background:none;mask:none;transform:none}.fringe i{position:absolute;top:0;display:block;width:8vh;background:#d0ccca;mask:url("/wp-content/themes/digitoria-motion/assets/img/career2/alpha.jpg") center/100% 100% luminance;transform-origin:center}