:root{--paper:#f4f4f4;--white:#fff;--ink:#262626;--text:#3c3c3c;--muted:#7b7b7b;--sky:#1f6fd1;--sky-2:#5aa6f0;--sky-pale:#e7f1fc;--wheat:#e8b53a;--wheat-2:#f6d77a;--cyan:#00c4f0;--cyan-d:#00a6cc;--alatsi:"Alatsi", "Trebuchet MS", sans-serif;--body:"Encode Sans Semi Condensed", "Roboto Condensed", system-ui, sans-serif;--progress:linear-gradient(90deg, var(--sky), var(--cyan), var(--wheat))}body{background:var(--paper);color:var(--text);font-family:var(--body);font-size:1.1rem}h1,h2,h3{font-family:var(--alatsi);font-weight:400;color:var(--ink);line-height:1.1;text-wrap:balance}.top{position:absolute;top:18px;left:clamp(16px, 3vw, 32px);z-index:3;display:inline-flex;gap:.6rem;align-items:center;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.top img{width:30px;height:30px}.top:hover{color:var(--ink)}.hero{position:relative;overflow:hidden;padding:clamp(5rem, 4rem + 4vw, 7rem) 0 clamp(4rem, 3rem + 4vw, 6rem);isolation:isolate}.hero::before{content:"";position:absolute;z-index:-1;right:-10%;top:-30%;width:900px;height:900px;border-radius:50%;background:radial-gradient(closest-side,rgb(255 236 170 / .75),#fff0 70%)}.hero .w{display:grid;gap:3rem;align-items:center}@media (min-width:920px){.hero .w{grid-template-columns:1.1fr .9fr}}.hero h1{font-size:clamp(2.4rem, 1.6rem + 3vw, 3.8rem);text-transform:uppercase}.dreams{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.7rem}.dreams li{display:flex;gap:.7rem;align-items:baseline;font-size:clamp(1.05rem, .95rem + .4vw, 1.25rem);color:#222}.dreams .z{flex:none;font-family:var(--alatsi);font-size:.8rem;color:var(--sky-2);letter-spacing:-.05em;transform:translateY(-.25em)}.dreams .z b{font-size:1.25em;color:var(--sky)}.dreams u{text-decoration-thickness:2px;text-underline-offset:.18em;font-weight:700;text-decoration-color:var(--wheat)}.right-place{margin-top:2rem;font-size:clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem);text-transform:uppercase}.reveal{margin-top:1rem;max-width:44ch;font-size:1.2rem;line-height:1.6}.send{display:flex;align-items:center;gap:.9rem;margin-top:2rem}.send .arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#111;color:#fff;font-size:1.1rem}.send .arrow:first-child{animation:nudgeR 1.6s ease-in-out infinite}.send .arrow:last-child{animation:nudgeL 1.6s ease-in-out infinite}@keyframes nudgeR{50%{transform:translateX(6px)}}@keyframes nudgeL{50%{transform:translateX(-6px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1.05rem 1.9rem;background:var(--cyan);color:#fff;font-family:var(--body);font-weight:600;font-size:1.1rem;border-radius:2px;box-shadow:0 14px 30px -14px var(--cyan-d);transition:background .3s,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}.btn:hover{background:var(--cyan-d);transform:translateY(-2px);box-shadow:0 20px 40px -14px var(--cyan-d)}.facts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}.facts span{padding:.35rem .8rem;border-radius:999px;background:#fff;border:1px solid #e3e3e3;font-size:.85rem;color:var(--muted)}.facts i{color:var(--sky);margin-right:.3rem}.book{position:relative;perspective:1400px;justify-self:center;width:min(420px, 82vw)}.book img{width:100%;border-radius:2px 8px 8px 2px;transform:rotateY(-16deg) rotateX(4deg);box-shadow:-2px 0 0 #d9d9d9,-6px 0 0 #f0f0f0,30px 40px 60px -20px rgb(20 40 80 / .45);transition:transform .9s cubic-bezier(.22,1,.36,1);animation:bob 6s ease-in-out infinite}.book:hover img{transform:rotateY(-4deg) rotateX(1deg)}@keyframes bob{50%{translate:0 -10px}}.book::after{content:"";position:absolute;left:10%;right:10%;bottom:-30px;height:30px;border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0 / .2),transparent)}.toc-sec{position:relative;padding:clamp(4rem, 3rem + 5vw, 7rem) 0;background:linear-gradient(180deg,var(--sky) 0%,var(--sky-2) 55%,#cfe6fb 100%);color:#fff;overflow:hidden}.toc-sec h2{color:#fff;font-size:clamp(2rem, 1.4rem + 2.2vw, 3rem);text-align:center}.toc-sec .sub{text-align:center;color:rgb(255 255 255 / .85);margin-top:.6rem}.after{padding:clamp(4rem, 3rem + 5vw, 7rem) 0;background:var(--white)}.after h2{text-align:center;font-size:clamp(2rem, 1.4rem + 2.2vw, 3rem)}.after .sub{text-align:center;color:var(--muted);max-width:60ch;margin:.8rem auto 0}.trail{position:relative;display:grid;gap:.8rem;margin-top:3rem}@media (min-width:920px){.trail{grid-template-columns:repeat(9,1fr);gap:.6rem}.trail::before{content:"";position:absolute;left:5%;right:5%;top:26px;height:3px;background:linear-gradient(90deg,var(--sky),var(--cyan),var(--wheat));z-index:0}}.stop{position:relative;z-index:1;display:flex;gap:.8rem;align-items:center}@media (min-width:920px){.stop{flex-direction:column;text-align:center}}.stop i{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:50%;background:#fff;border:3px solid var(--sky-2);color:var(--sky);font-style:normal;font-family:var(--alatsi);font-size:1.1rem}.stop.first i{background:var(--sky);color:#fff;border-color:var(--sky)}.stop.last i{background:var(--wheat);color:#3a2a00;border-color:var(--wheat)}.stop small{font-size:.88rem;line-height:1.3;color:var(--text)}.modal__card{background:#fff;border-radius:10px;padding:2rem 1.6rem 1.6rem;text-align:center;box-shadow:0 40px 100px -30px rgb(0 0 0 / .5);color:var(--ink)}.modal__card h3{font-size:1.6rem;margin-bottom:.4rem}.modal__card p{color:var(--muted);font-size:1rem;margin-bottom:1.2rem}.modal__card input{width:100%;padding:.9rem 1rem;margin-bottom:.6rem;border:1px solid #ddd;border-radius:4px}.modal__card button[type=submit]{width:100%;padding:1rem;background:var(--cyan);color:#fff;font-weight:600;border-radius:4px}.modal__x{background:#f1f1f1;color:#333}.foot{padding:1.5rem 16px;text-align:center;font-size:.82rem;color:#6b5a24;background:var(--wheat);border-top:1px solid rgb(0 0 0 / .06)}.foot a:hover{color:#000}.spread{position:relative;display:grid;grid-template-columns:1fr;max-width:1080px;margin:3rem auto 0;perspective:2200px;filter:drop-shadow(0 40px 60px rgb(10 30 70 / .45))}@media (min-width:860px){.spread{grid-template-columns:1fr 1fr}}.page{position:relative;aspect-ratio:1080 / 1528;overflow:hidden;background:#f5f0e5}.page--cover{border-radius:10px 10px 0 0}.page--cover img{width:100%;height:100%;object-fit:cover}.page--toc{border-radius:0 0 10px 10px}@media (min-width:860px){.page--cover{border-radius:10px 0 0 10px;transform:rotateY(4deg);transform-origin:right center}.page--toc{border-radius:0 10px 10px 0;transform:rotateY(-4deg);transform-origin:left center}.spread::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:60px;margin-left:-30px;background:linear-gradient(90deg,transparent,rgb(0 0 0 / .28) 48%,rgb(255 255 255 / .2) 52%,transparent);pointer-events:none}}.page--cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 80%,rgb(0 0 0 / .18))}.page--toc::before{content:"";position:absolute;inset:0;opacity:.55;background:radial-gradient(circle at 20% 20%,transparent 0 18px,rgb(160 140 100 / .14) 19px 20px,transparent 21px) 0 0 / 64px 64px,radial-gradient(circle at 70% 70%,transparent 0 10px,rgb(160 140 100 / .12) 11px 12px,transparent 13px) 0 0 / 48px 48px}.page--toc::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,transparent 85%,rgb(0 0 0 / .12))}.toc2{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;padding:5% 9%;color:#1b1b1b}.toc2__tag{align-self:stretch;display:flex;align-items:center;gap:.6rem;font-family:var(--alatsi);font-size:clamp(.55rem, .4rem + .4vw, .8rem);letter-spacing:.1em;text-transform:uppercase}.toc2__tag::before,.toc2__tag::after{content:"";flex:1;height:1px;background:#1b1b1b}.toc2__tag::before{flex:6}.toc2__crests{display:flex;align-items:flex-end;gap:6%;margin:3% 0 4%}.toc2__crests img{width:clamp(26px, 3.4vw, 46px)}.toc2__crests img:nth-child(2){width:clamp(34px, 4.4vw, 60px)}.toc2__box{position:relative;width:100%;padding:6% 7% 4%;border:2px solid #1b1b1b}.toc2__box h3{position:absolute;top:0;left:50%;transform:translate(-50%,-55%);padding:0 .6rem;background:#f5f0e5;font-family:var(--alatsi);font-size:clamp(.8rem, .5rem + .9vw, 1.35rem);white-space:nowrap;text-transform:uppercase}.toc2__box ol{list-style:none;padding:0;display:grid;gap:.08rem}.toc2__box li{display:flex;gap:.3rem;align-items:baseline;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.55rem, .35rem + .6vw, .95rem)}.toc2__box li span:nth-child(2){flex:1;border-bottom:1.5px dotted #777;transform:translateY(-.25em)}.toc2__sig{width:38%;margin-top:5%}.toc2__url{font-family:Arial,sans-serif;font-size:clamp(.5rem, .35rem + .4vw, .78rem);margin-top:1%}.toc2__url u{color:#1f5fbf}.toc2__foot{margin-top:auto;padding-top:3%;border-top:1px solid #1b1b1b;align-self:stretch;text-align:center;font-family:Georgia,serif;font-size:clamp(.8rem, .5rem + .8vw, 1.25rem);line-height:1.05;text-transform:uppercase}.toc2__foot small{display:block;font-size:.6em}.field{position:relative;overflow:hidden;isolation:isolate;padding:clamp(5rem, 4rem + 5vw, 8rem) 0 clamp(7rem, 5rem + 6vw, 10rem);background:linear-gradient(180deg,#1c63c9 0%,#3f8ee3 35%,#9fcdf5 62%,#fff4cf 78%,#f3c84d 90%,#d9a126 100%);color:#fff}.field__grid{position:relative}.field__sun{position:absolute;z-index:-1;left:50%;top:-120px;width:520px;height:520px;margin-left:-260px;border-radius:50%;background:radial-gradient(circle,#fffef4 0%,#fff6c8 30%,rgb(255 240 170 / .55) 55%,transparent 72%);filter:blur(2px);animation:glowsun 7s ease-in-out infinite}@keyframes glowsun{50%{transform:scale(1.12);opacity:.85}}.field__wheat{position:absolute;z-index:-1;left:0;right:0;bottom:0;height:38%;background:url(/wp-content/themes/extended-universe/assets/img/guide/Cover-Image_TUGTS-1.webp) 100% 96% / 150% auto no-repeat;opacity:.55;mask:linear-gradient(transparent,#000 55%);-webkit-mask:linear-gradient(transparent,#000 55%)}.field__grid{display:grid;gap:3rem;align-items:center}@media (min-width:900px){.field__grid{grid-template-columns:.8fr 1.2fr}.field__sun{left:18%;top:34%;margin-top:-260px}}.field__copy{position:relative}.field__copy::before{content:"";position:absolute;z-index:-1;inset:-3rem -4rem;border-radius:50%;background:radial-gradient(closest-side,rgb(22 84 176 / .42),rgb(22 84 176 / .22) 60%,transparent);filter:blur(18px);pointer-events:none}.tablet{justify-self:center;width:min(320px, 70vw);padding:14px;border-radius:28px;background:linear-gradient(145deg,#2b2b2e,#0d0d0f);box-shadow:0 50px 80px -30px rgb(0 20 60 / .7),inset 0 0 0 2px #3a3a3e;transform:rotate(-6deg);animation:float 7s ease-in-out infinite}@keyframes float{50%{transform:rotate(-4deg) translateY(-10px)}}.tablet__screen{border-radius:14px;overflow:hidden}.tablet__screen img{width:100%}.field__kicker{display:inline-block;padding:.35rem .9rem;border-radius:999px;background:rgb(255 255 255 / .18);backdrop-filter:blur(6px);font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.field h2{color:#fff;font-size:clamp(2.2rem, 1.4rem + 3vw, 3.8rem);text-transform:uppercase;margin:1rem 0 .8rem;text-shadow:0 6px 30px rgb(10 40 100 / .35)}.field p{max-width:46ch;color:#eaf4ff;font-size:1.2rem;text-shadow:0 2px 14px rgb(10 40 100 / .35)}.field .send{margin-top:2rem}.field .send .arrow{background:#fff;color:#1c63c9}