/* Rocco Orbit — Intergalactic Postal Department */
:root{--plum:#291730;--plum-light:#42294b;--paper:#f5f0e8;--lavender:#d5c2f1;--lilac:#e6dbf4;--lime:#d8f36a;--coral:#f78a63;--ink-muted:#776a7b;--line:rgba(41,23,48,.18);--display:'Unbounded',sans-serif;--body:'Space Grotesk',sans-serif;--wrap:1280px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:98px}
body{margin:0;background:var(--paper);color:var(--plum);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
body,button,input{font-family:var(--body)}
button,a{-webkit-tap-highlight-color:transparent}
button{font-size:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button,a,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:6px}
img{display:block;max-width:100%;height:auto}
svg{display:block;max-width:100%}
h1,h2,h3,p,figure,blockquote{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.18;letter-spacing:-.045em}
h2{font-size:clamp(34px,4vw,56px)}
p+p{margin-top:20px}
button[hidden],[hidden]{display:none!important}
::selection{color:var(--plum);background:var(--lime)}
.wrap{width:min(var(--wrap),calc(100% - 112px));margin-inline:auto}
.section{padding:100px 0}
.eyebrow,.section-kicker{font-size:11px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.eyebrow{margin-bottom:18px}
.section-kicker{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:58px}
.section-kicker span:last-child{font-weight:400;letter-spacing:.04em}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:64px;margin-bottom:60px}
.section-heading>p{max-width:350px;font-size:17px}
.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;padding:13px 23px;border-radius:6px;border:1px solid transparent;font-weight:700;font-size:14px;line-height:1.3;transition:transform .18s,background .18s,color .18s}
.button:hover{transform:translateY(-3px)}
.button-lime{background:var(--lime);color:var(--plum)}
.button-lime:hover{background:#e7ffa0}
.button-plum{background:var(--plum);color:var(--paper)}
.button-plum:hover{background:var(--plum-light)}
.button-outline{background:transparent;color:var(--plum);border-color:var(--plum)}
.button-outline:hover{background:var(--plum);color:var(--paper)}
.button-row{display:flex;flex-wrap:wrap;gap:12px}
.text-link{display:inline-flex;align-items:center;gap:23px;font-size:14px;font-weight:700;padding-bottom:6px;border-bottom:1px solid currentColor}
.text-link:hover{gap:31px}
.text-link span{font-size:21px}
.fine-print{font-size:12px;line-height:1.7}
.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--lime);color:var(--plum);padding:12px 20px;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}

/* The navigation belongs to the postal department. */
.site-header{position:sticky;top:0;z-index:50;background:var(--plum);color:var(--lilac);border-bottom:1px solid #d5c2f133}
.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:38px}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.brand-mark{width:49px;height:49px;fill:none;stroke:var(--lime);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.brand-name{font-family:var(--display);font-size:12px;font-weight:700;line-height:1.3;letter-spacing:-.015em;text-transform:uppercase;max-width:98px}
.site-nav{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:500}
.site-nav>a:not(.button){padding:10px 0}
.site-nav>a:not(.button):hover{color:var(--lime)}
.site-nav .nav-x{margin-left:3px}
.nav-cta{min-height:43px;font-size:12px;padding:10px 17px;gap:22px}
.nav-cta .icon{width:17px;height:17px}
.menu-toggle{display:none}
.mobile-quick-links{display:none}

/* A theatrical, centered character scene; the orbit is native vector artwork. */
.hero{background:var(--plum);color:var(--lavender);overflow:hidden}
.hero-stage{height:800px;position:relative;isolation:isolate}
.hero-meta{position:absolute;left:0;right:0;top:28px;display:flex;justify-content:space-between;font-size:10px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;z-index:5}
.hero-meta>span:first-child{display:flex;align-items:center;gap:10px}
.status-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;flex-shrink:0}
.hero-title{position:absolute;top:74px;left:-.03em;right:-.03em;text-align:center;font-size:clamp(64px,8.6vw,132px);line-height:1.04;font-weight:800;letter-spacing:-.072em;text-transform:uppercase;white-space:nowrap;z-index:0}
.orbital-field{position:absolute;width:100%;height:100%;inset:0;stroke:#ad8dbc;stroke-width:.8;opacity:.37;z-index:-1}
.orbital-field .orbit-point{fill:var(--lime);stroke:none}
.hero-character{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:460px;z-index:2;pointer-events:none}
.hero-character img{width:100%;height:auto;filter:drop-shadow(0 20px 25px #180b2340)}
.hero-copy{position:absolute;left:0;top:301px;width:260px;z-index:4}
.hero-copy .eyebrow{color:var(--coral);font-size:10px;letter-spacing:.07em;margin-bottom:17px}
.hero-copy h2{font-size:43px;line-height:1.18;letter-spacing:-.05em;margin-bottom:25px}
.hero-copy h2 span{color:var(--lime)}
.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#c0accb;max-width:244px}
.hero-copy .text-link{margin-top:26px;color:var(--lime);font-size:12px}
.space-star{position:absolute;color:var(--lime);line-height:1;font-family:serif;font-weight:400;z-index:1}
.star-one{top:223px;left:22%;font-size:54px;transform:rotate(17deg)}
.star-two{bottom:101px;right:29%;font-size:32px;color:var(--coral)}
.star-three{top:212px;right:2%;font-size:21px;color:var(--coral)}
.hero-caption{position:absolute;left:0;right:0;bottom:21px;display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;letter-spacing:.1em;z-index:3;color:#b89fc7}
.tracking-ticket{position:absolute;right:0;top:300px;width:278px;background:var(--paper);color:var(--plum);transform:rotate(3deg);z-index:4;box-shadow:10px 13px 0 #15091d60}
.tracking-ticket::before{content:'';position:absolute;top:-8px;left:0;right:0;height:9px;background:linear-gradient(135deg,transparent 5px,var(--paper) 0) 0 0/12px 9px,linear-gradient(225deg,transparent 5px,var(--paper) 0) 0 0/12px 9px}
.ticket-top{padding:15px 18px;border-bottom:1px dashed #2917304d;display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:700}
.ticket-top .icon{width:23px;height:23px}
.ticket-hole{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--plum)}
.ticket-content{padding:20px}
.ticket-label{font-size:9px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:11px}
.tracking-status{font-family:var(--display);font-size:20px;line-height:1.2;letter-spacing:-.05em;font-weight:650;min-height:49px;overflow-wrap:anywhere}
.tracking-detail{font-size:12px;line-height:1.6;margin-top:12px;min-height:62px}
.tracking-progress{display:flex;align-items:center;justify-content:space-between;margin:16px 0;font-size:10px;font-weight:700}
.tracking-dots{display:flex;gap:5px}
.tracking-dots i{display:block;width:19px;height:4px;background:#29173028}
.tracking-ticket[data-step='1'] .tracking-dots i:first-child,.tracking-ticket[data-step='2'] .tracking-dots i:nth-child(-n+2),.tracking-ticket[data-step='3'] .tracking-dots i{background:var(--plum)}
.ticket-content .button{width:100%;min-height:42px;border-radius:2px;font-size:11px;justify-content:space-between;padding:12px 14px}
.ticket-content .button span{font-size:20px;line-height:1}
.ticket-footer{padding:11px 13px;border-top:1px dashed #2917304d;text-align:center;font-size:8px;letter-spacing:.06em;text-transform:uppercase}
.hero-contract{border-top:1px solid #d5c2f133;background:#331e3b}
.contract-line{display:flex;gap:34px;align-items:center;min-height:75px;padding-block:16px}
.contract-label{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;flex-shrink:0}
.contract-line code{font-family:var(--body);font-size:15px;letter-spacing:.02em;word-break:break-all;color:var(--lime)}
.copy-button{display:inline-flex;align-items:center;gap:10px;border:1px solid currentColor;padding:8px 12px;background:transparent;color:inherit;font-size:11px;font-weight:700;border-radius:3px;white-space:nowrap}
.copy-button .icon{width:14px;height:14px}
.copy-button:hover{background:var(--lime);color:var(--plum);border-color:var(--lime)}
.contract-more{margin-left:auto;white-space:nowrap;display:flex;align-items:center;gap:30px;font-size:11px}
.contract-more span{font-size:24px;line-height:1}
.dispatch-strip{background:var(--lavender);padding:19px 0;border-bottom:1px solid var(--line);overflow:hidden}
.dispatch-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:23px}
.dispatch-strip span{font-size:11px;line-height:1.3;text-transform:uppercase;letter-spacing:.035em;font-weight:700;white-space:nowrap}
.dispatch-strip .icon{width:20px;height:20px;fill:var(--plum);stroke:none}

/* Story: an image, an unhelpful quote and room to actually read. */
.mission-section{background:var(--paper);padding-bottom:85px}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:start}
.story-figure{padding-top:5px}
.story-image{position:relative}
.story-image img{width:100%;aspect-ratio:1.22;object-fit:cover;object-position:47% 50%;border-top-left-radius:110px}
.misdelivery-stamp{position:absolute;right:-21px;bottom:23px;width:113px;height:113px;border:2px solid var(--plum);outline:6px solid var(--coral);background:var(--coral);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.02em;line-height:1.3;transform:rotate(-13deg)}
.misdelivery-stamp strong{font-family:var(--display);font-size:27px;letter-spacing:-.05em}
figcaption{display:flex;justify-content:space-between;align-items:start;gap:16px}
.story-figure figcaption{font-size:9px;line-height:1.5;padding:17px 0;border-bottom:1px solid var(--line)}
.story-figure figcaption span:last-child{text-transform:uppercase;font-size:8px;letter-spacing:.03em}
.story-figure blockquote{font-family:var(--display);font-size:29px;letter-spacing:-.035em;line-height:1.35;padding:33px 0 0 36px;position:relative}
.story-figure blockquote::before{content:'↳';position:absolute;left:0;top:27px;color:#997fad;font-family:var(--body);font-size:37px}
.story-figure cite{display:block;font-family:var(--body);font-size:11px;font-style:normal;letter-spacing:0;margin-top:15px;color:var(--ink-muted)}
.story-copy h2{font-size:clamp(30px,3.05vw,43px);margin-bottom:30px;line-height:1.2}
.story-copy h2 span{color:#8e6aa8}
.story-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#65556a}
.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-top:1px solid var(--line);padding-top:38px}
.principles article{padding:0 31px;border-left:1px solid var(--line)}
.principles article:first-child{padding-left:0;border-left:0}
.principles article:last-child{padding-right:0}
.principle-number{display:block;font-size:11px;font-weight:700;margin-bottom:20px;color:#8e6aa8}
.principles h3{font-size:16px;letter-spacing:-.035em;margin-bottom:18px}
.principles p{font-size:14px;line-height:1.8;color:#65556a}

/* Dispatches: two deliberately different image scales. */
.dispatch-section{background:var(--lilac)}
.gallery-heading h2{font-size:64px}
.gallery-heading h2 span{color:#8e6aa8}
.gallery-heading>p{max-width:350px}
.gallery-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:40px;align-items:start}
.gallery-image,.portrait-frame{position:relative}
.gallery-image img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}
.image-tag{position:absolute;left:19px;top:19px;background:var(--plum);color:var(--paper);padding:7px 11px;font-size:9px;text-transform:uppercase;letter-spacing:.05em}
.portrait-figure{max-width:370px;margin-left:auto;width:100%;padding-top:55px}
.portrait-frame img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.employee-label{position:absolute;right:-13px;top:-26px;background:var(--lime);color:var(--plum);padding:13px 15px;transform:rotate(8deg);font-family:var(--display);font-size:12px;line-height:1.3;letter-spacing:-.02em;box-shadow:4px 4px 0 #2917301a}
.employee-label small{display:block;font-family:var(--body);font-size:9px;font-weight:400;margin-top:7px}
.gallery-grid figcaption{padding-top:18px}
.gallery-grid .eyebrow{font-size:9px;letter-spacing:.06em;margin-bottom:6px;display:block;font-weight:500;color:#77617f}
.gallery-grid figcaption strong{font-size:15px;font-weight:600;line-height:1.4;display:block}
.small-arrow{font-size:28px;line-height:1}
.download-link{font-size:10px;padding:7px 9px;border:1px solid var(--plum);white-space:nowrap;display:inline-flex;align-items:center;gap:14px;line-height:1.3}
.download-link:hover{background:var(--plum);color:var(--paper)}
.dispatch-note{display:flex;align-items:center;gap:20px;margin-top:57px;border-top:1px solid var(--line);padding-top:27px}
.dispatch-note>p{font-size:13px}
.dispatch-note>.icon{width:21px;height:21px;fill:var(--plum);stroke:none}
.dispatch-note .text-link{margin-left:auto;font-size:12px;gap:25px}
.dispatch-note .text-link .icon{width:17px;height:17px}

/* The roadmap follows a postal route, not a grid of interchangeable cards. */
.roadmap-section{background:var(--plum);color:var(--lavender);padding-bottom:78px}
.roadmap-section .section-kicker{border-color:#d5c2f130}
.roadmap-heading{align-items:end;margin-bottom:58px;gap:55px}
.roadmap-heading h2{font-size:clamp(33px,3.4vw,48px)}
.roadmap-heading h2 span{color:var(--lime)}
.roadmap-heading .eyebrow{color:var(--coral);font-size:9px}
.roadmap-intro{width:300px;flex-shrink:0;font-size:15px;line-height:1.75}
.roadmap-intro .fine-print{color:#a890b7;margin-top:17px;font-size:11px}
.route-map{position:relative}
.route-map::before{content:'';position:absolute;top:44px;bottom:-36px;left:31px;border-left:1px dashed #c0acdb70}
.route-stop{position:relative;display:grid;grid-template-columns:64px .88fr 1.25fr;gap:43px;padding:35px 0 39px;border-top:1px solid #d5c2f130;align-items:start}
.route-node{position:relative;width:64px;height:64px;border:1px solid #9f86b2;border-radius:50%;background:var(--plum);display:grid;place-items:center;margin-top:4px;z-index:1}
.route-node::before{content:'';width:9px;height:9px;position:absolute;left:-5px;top:27px;background:var(--coral);border:3px solid var(--plum);border-radius:50%;box-sizing:content-box}
.route-node span{font-family:var(--display);font-size:16px;font-weight:600}
.route-stop:first-child .route-node{border-color:var(--lime);color:var(--lime)}
.phase-label{display:flex;align-items:center;gap:17px;font-size:9px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:21px;color:#b298c2}
.phase-label span{border:1px solid #c6afde4d;padding:2px 8px;color:var(--lime);font-size:8px;letter-spacing:.06em}
.route-title h3{font-size:31px;line-height:1.2;letter-spacing:-.035em}
.route-aside{font-size:11px;color:#ad91ba;margin-top:16px}
.route-copy{font-size:15px;line-height:1.85;color:#c9b6d6;padding-top:3px;max-width:560px}
.route-copy .rocco-note{font-size:12px;line-height:1.8;color:var(--coral);margin-top:15px}
.route-end{display:flex;align-items:center;gap:76px;font-size:11px;color:#b198c1;margin-top:25px;margin-left:25px}
.route-end-dot{width:13px;height:13px;background:var(--lime);border-radius:50%;position:relative;box-shadow:0 0 0 5px var(--plum)}

/* A real manifest for the details that should be easy to find. */
.token-section{background:var(--lime)}
.token-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;align-items:center}
.token-heading h2{font-size:64px;line-height:1.1;margin-bottom:28px}
.token-heading>p:not(.eyebrow):not(.fine-print){font-size:16px;line-height:1.8;max-width:395px}
.token-heading .button-row{margin-top:31px}
.token-heading .button{font-size:12px;gap:21px;padding:13px 18px;min-height:48px}
.token-heading .button .icon{width:17px;height:17px}
.link-note{margin-top:22px;max-width:365px;opacity:.7;font-size:11px}
.shipping-label{background:var(--paper);border:1px solid var(--plum);box-shadow:9px 9px 0 #29173023;transform:rotate(-1deg)}
.label-header{display:flex;align-items:center;gap:16px;padding:28px 28px 23px;border-bottom:1px solid var(--plum)}
.label-mark{width:49px;height:49px;fill:none;stroke:var(--plum);stroke-width:1.4;stroke-linejoin:round;flex-shrink:0}
.label-header .eyebrow{font-size:8px;margin-bottom:5px;letter-spacing:.04em}
.label-header h3{font-size:20px}
.label-code{font-family:var(--display);font-size:15px;line-height:1.25;letter-spacing:-.025em;margin-left:auto;border-left:1px solid var(--line);padding-left:16px}
.token-facts{margin:0;display:grid;grid-template-columns:1fr 1fr}
.token-facts>div{padding:20px 25px;border-bottom:1px solid var(--line);min-height:92px}
.token-facts>div:nth-child(even){border-left:1px solid var(--line)}
.token-facts dt{font-size:9px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;color:var(--ink-muted)}
.token-facts dd{margin:0;font-size:15px;font-weight:600;line-height:1.45}
.label-contract{padding:22px 25px;border-bottom:1px dashed var(--plum)}
.label-contract-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:13px}
.label-contract .eyebrow{font-size:9px;color:var(--ink-muted);margin:0}
.label-contract code{font-family:var(--body);font-size:16px;font-weight:600;letter-spacing:.025em;word-break:break-all;display:block;line-height:1.6}
.label-contract .fine-print{font-size:10px;margin-top:11px;color:var(--ink-muted)}
.label-contract .copy-button{font-size:9px;padding:6px 9px}
.label-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:21px 25px}
.label-footer>span:last-child{text-align:right;font-size:9px;line-height:1.55}
.decorative-barcode{display:block;width:140px;height:30px;opacity:.8;background:repeating-linear-gradient(90deg,var(--plum) 0 1px,transparent 1px 3px,var(--plum) 3px 6px,transparent 6px 8px,var(--plum) 8px 9px,transparent 9px 12px,var(--plum) 12px 15px,transparent 15px 19px);flex-shrink:0}

.guide-section{background:var(--paper);padding-bottom:90px}
.guide-heading h2{font-size:43px}
.guide-heading>p{font-size:15px;max-width:365px;color:#77647e}
.guide-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;counter-reset:steps;padding:0;margin:0}
.guide-steps li{padding:0 28px;border-left:1px solid var(--line)}
.guide-steps li:first-child{border-left:0;padding-left:0}
.guide-steps li:last-child{padding-right:0}
.guide-number{font-family:var(--display);font-size:39px;line-height:1;font-weight:600;color:#bea7d0;display:block;margin-bottom:23px;letter-spacing:-.065em}
.guide-steps h3{font-size:17px;line-height:1.4;margin-bottom:18px}
.guide-steps p{font-size:13px;line-height:1.8;color:#77647e}

.faq-section{background:var(--lilac)}
.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;align-items:start}
.faq-heading h2{font-size:44px;margin-bottom:23px}
.faq-heading>p:not(.eyebrow){font-size:14px;color:#77647e}
.faq-mark{width:140px;height:140px;fill:none;stroke:#a589bb;stroke-width:.8;margin:31px 0 0 -7px;transform:rotate(-8deg)}
.faq-list{border-top:1px solid var(--plum)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{display:grid;grid-template-columns:26px 1fr 20px;gap:20px;align-items:center;min-height:81px;padding:22px 0;cursor:pointer;font-weight:600;font-size:16px;line-height:1.5;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:#8e6aa8}
.faq-number{font-size:10px;color:#8e6aa8;font-weight:400}
.faq-plus{width:17px;height:17px;position:relative}
.faq-plus::before,.faq-plus::after{content:'';background:currentColor;position:absolute}
.faq-plus::before{left:0;right:0;height:1px;top:8px}
.faq-plus::after{top:0;bottom:0;width:1px;left:8px;transition:transform .2s}
details[open] .faq-plus::after{transform:rotate(90deg)}
.faq-answer{padding:0 31px 28px 46px;font-size:14px;line-height:1.9;color:#6f5c79}

.final-dispatch{background:var(--coral);padding:79px 0 85px;overflow:hidden}
.final-inner{display:flex;align-items:center;justify-content:space-between;gap:65px}
.final-copy{max-width:755px}
.final-copy h2{font-size:clamp(34px,4vw,54px);margin-bottom:24px}
.final-copy h2 em{font-style:normal;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:9px}
.final-copy>p:not(.eyebrow){max-width:490px;font-size:15px;line-height:1.8}
.final-copy .button-row{margin-top:30px}
.final-copy .button{font-size:12px;min-height:48px;padding:13px 20px}
.final-copy .button .icon{width:17px;height:17px}
.final-postmark{flex-shrink:0;transform:rotate(11deg);margin-right:30px;display:flex;flex-direction:column;align-items:center;gap:15px}
.final-postmark svg{width:217px;height:217px;stroke:var(--plum);fill:none;stroke-width:.9}
.final-postmark span{text-align:center;font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:-.045em;line-height:1.4}
.site-footer{padding:50px 0 24px;background:var(--plum);color:var(--lavender)}
.footer-top{display:flex;align-items:center;gap:60px;padding-bottom:40px}
.footer-top>p{font-size:12px;line-height:1.7;color:#ad95bb}
.footer-links{display:flex;flex-wrap:wrap;gap:25px;margin-left:auto;font-size:11px}
.footer-links a:hover{color:var(--lime)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:9px;line-height:1.6;color:#a990b7;padding-top:23px;border-top:1px solid #d5c2f130}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);background:var(--plum);color:var(--lime);border:1px solid var(--lime);padding:13px 23px;font-size:13px;z-index:100;max-width:calc(100% - 32px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 6px 25px #0003}
.toast.is-visible{opacity:1;transform:translate(-50%,0)}

@media(min-width:1550px){.hero-character{width:482px}.hero-stage{height:827px}.hero-title{top:83px}.hero-copy{top:311px}.tracking-ticket{top:311px}}
@media(max-width:1200px){
  .wrap{width:calc(100% - 72px)}
  .header-inner{gap:22px}.site-nav{gap:19px}
  .hero-stage{height:752px}.hero-character{width:424px}.hero-copy{width:235px;top:277px}.hero-copy h2{font-size:37px}.hero-copy>p:not(.eyebrow){font-size:13px;max-width:211px}
  .tracking-ticket{width:245px;top:270px}.tracking-status{font-size:18px}.tracking-detail{font-size:11px}.ticket-content{padding:18px}.hero-title{font-size:8.5vw}
  .star-one{left:21%;top:205px}.star-three{top:208px}
  .story-grid{gap:58px}.story-copy>p:not(.eyebrow){font-size:15px}.story-figure blockquote{font-size:24px}.story-image img{aspect-ratio:1.13}
  .token-grid{gap:55px}.token-heading h2{font-size:55px}.label-header{padding:23px 22px}.label-header h3{font-size:18px}
  .route-stop{gap:32px;grid-template-columns:64px .8fr 1.25fr}.route-title h3{font-size:27px}.route-copy{font-size:14px}
  .roadmap-intro{width:260px}.gallery-heading h2{font-size:57px}.gallery-grid{gap:34px}.portrait-figure{padding-top:35px}
  .faq-grid{gap:50px}.faq-heading h2{font-size:38px}.final-postmark{margin-right:0}.final-postmark svg{width:180px;height:180px}.final-postmark span{font-size:17px}
  .footer-top{gap:30px}.footer-links{gap:17px}
}
@media(max-width:960px){
  html{scroll-padding-top:85px}.wrap{width:calc(100% - 52px)}.section{padding:75px 0}.section-kicker{margin-bottom:42px}.section-kicker span:last-child{max-width:240px;text-align:right}
  .header-inner{min-height:74px}.brand-mark{width:43px;height:43px}.brand-name{font-size:11px;max-width:90px}
  .menu-toggle{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:transparent;color:var(--lime);border:1px solid #d5c2f14d;width:44px;height:42px;border-radius:4px;padding:10px}
  .menu-toggle span{width:19px;height:1px;background:currentColor;transition:transform .2s}
  .menu-toggle[aria-expanded='true'] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded='true'] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .site-nav{position:absolute;top:100%;left:0;right:0;padding:17px 26px 25px;background:var(--plum);border-bottom:1px solid #d5c2f155;display:none;grid-template-columns:1fr 1fr;gap:3px 20px;font-size:14px;box-shadow:0 15px 25px #160b1d50}
  .site-nav.is-open{display:grid}.site-nav>a:not(.button){padding:12px 0}.site-nav .nav-x{margin:0;align-self:center}.site-nav .nav-cta{grid-column:1/-1;margin-top:10px;min-height:47px;font-size:13px}
  .hero-stage{height:981px}.hero-meta{font-size:8px;top:24px}.hero-title{font-size:8.3vw;top:68px;letter-spacing:-.075em}
  .hero-character{width:437px;bottom:222px;left:65%}.hero-copy{top:269px;left:0;width:250px}.hero-copy h2{font-size:38px}.hero-copy>p:not(.eyebrow){max-width:227px;font-size:14px}
  .tracking-ticket{top:auto;bottom:40px;right:0;left:0;width:auto;display:grid;grid-template-columns:160px 1fr;transform:rotate(0);box-shadow:none}
  .tracking-ticket::before{display:none}.ticket-top{border-bottom:0;border-right:1px dashed var(--line);padding:22px;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;font-size:12px}.ticket-top .icon{width:35px;height:35px}.ticket-hole{display:none}
  .ticket-content{padding:21px;display:grid;grid-template-columns:1fr 145px;column-gap:24px}.ticket-label{grid-column:1/-1;margin-bottom:10px}.tracking-status{font-size:16px;min-height:0}.tracking-detail{font-size:11px;min-height:0;margin-top:8px}.tracking-progress{margin:12px 0 0}.ticket-content .button{align-self:start;margin-top:5px;gap:13px}.ticket-footer{grid-column:1/-1;font-size:8px;padding:7px}
  .hero-caption{bottom:12px;font-size:8px}.star-one{left:2%;top:165px;font-size:40px}.star-two{right:2%;bottom:323px}.star-three{right:2%;top:196px}.orbital-field{height:790px;top:20px}
  .contract-line{gap:22px;min-height:70px;flex-wrap:wrap}.contract-label{font-size:9px}.contract-line code{font-size:12px}.contract-more{font-size:10px;gap:15px}.dispatch-strip .wrap{justify-content:center;gap:40px}.dispatch-strip span{font-size:9px}.dispatch-strip span:last-child,.dispatch-strip .icon:last-of-type{display:none}
  .story-grid{grid-template-columns:.9fr 1fr;gap:40px}.story-copy h2{font-size:30px}.story-image img{aspect-ratio:.82;object-position:39% 50%;border-top-left-radius:70px}.story-figure figcaption{flex-direction:column;gap:5px;font-size:8px}.story-copy>p:not(.eyebrow){font-size:14px;line-height:1.85}.story-copy .eyebrow{font-size:9px}.story-figure blockquote{font-size:20px;padding-left:27px}.misdelivery-stamp{width:86px;height:86px;right:-14px;font-size:8px}.misdelivery-stamp strong{font-size:21px}
  .principles{margin-top:50px;padding-top:29px}.principles article{padding:0 20px}.principles h3{font-size:13px;line-height:1.5}.principles p{font-size:12px}.principle-number{margin-bottom:14px}
  .section-heading{gap:35px;margin-bottom:42px}.section-heading>p{max-width:290px;font-size:14px}.gallery-heading h2{font-size:48px}.gallery-grid{gap:27px;grid-template-columns:1.2fr 1fr}.portrait-figure{padding-top:27px}.employee-label{font-size:9px;right:-7px;top:-18px;padding:11px}.employee-label small{font-size:8px}.gallery-grid figcaption strong{font-size:12px}.gallery-grid .eyebrow{font-size:8px}.download-link{font-size:8px;gap:7px}.dispatch-note{margin-top:38px;gap:14px}.dispatch-note>p{font-size:11px}.dispatch-note .text-link{font-size:10px;gap:15px}
  .roadmap-heading{align-items:start;flex-direction:column;gap:25px}.roadmap-heading h2{font-size:40px}.roadmap-intro{display:flex;gap:40px;width:auto;max-width:690px;font-size:14px}.roadmap-intro>p{flex:1}.roadmap-intro .fine-print{margin-top:0;max-width:260px}
  .route-stop{grid-template-columns:50px .8fr 1.2fr;gap:25px;padding:30px 0}.route-node{width:50px;height:50px}.route-node span{font-size:13px}.route-node::before{top:19px}.route-map::before{left:24px}.route-title h3{font-size:24px}.phase-label{gap:10px;font-size:8px;flex-wrap:wrap;margin-bottom:16px}.phase-label span{font-size:7px}.route-aside{font-size:10px}.route-copy{font-size:12px;line-height:1.9}.route-copy .rocco-note{font-size:11px}.route-end{margin-left:18px;gap:63px}
  .token-grid{gap:38px;grid-template-columns:.8fr 1.2fr}.token-heading h2{font-size:45px}.token-heading .eyebrow{font-size:9px}.token-heading>p:not(.eyebrow):not(.fine-print){font-size:13px}.token-heading .button-row{gap:9px}.token-heading .button{font-size:10px;padding:11px 13px;min-height:43px;gap:15px}.link-note{font-size:10px}
  .label-header{padding:20px 17px;gap:11px}.label-mark{width:38px;height:38px}.label-header h3{font-size:15px}.label-header .eyebrow{font-size:6px}.label-code{font-size:11px;padding-left:10px}.token-facts>div{padding:17px 16px;min-height:85px}.token-facts dt{font-size:8px}.token-facts dd{font-size:12px}.label-contract{padding:19px 16px}.label-contract code{font-size:14px}.label-footer{padding:17px 16px;gap:17px}.decorative-barcode{width:98px;height:28px}.label-footer>span:last-child{font-size:8px}
  .guide-heading h2{font-size:34px}.guide-steps li{padding:0 19px}.guide-steps h3{font-size:13px}.guide-steps p{font-size:11px}.guide-number{font-size:31px}
  .faq-grid{gap:35px;grid-template-columns:.7fr 1.3fr}.faq-heading h2{font-size:32px}.faq-heading .eyebrow{font-size:9px}.faq-heading>p:not(.eyebrow){font-size:12px}.faq-list summary{font-size:13px;gap:12px;grid-template-columns:21px 1fr 18px;min-height:74px}.faq-answer{font-size:12px;padding-left:33px;padding-right:17px}.faq-mark{width:110px;height:110px}
  .final-copy h2{font-size:35px}.final-copy>p:not(.eyebrow){font-size:13px;max-width:440px}.final-postmark svg{width:150px;height:150px}.final-postmark span{font-size:14px}.final-inner{gap:28px}.final-copy .eyebrow{font-size:9px}
  .footer-top{flex-wrap:wrap;gap:25px 45px}.footer-links{margin-left:0;width:100%;justify-content:space-between}.footer-top>p{font-size:11px;margin-left:auto}.footer-bottom{font-size:8px;gap:20px}.footer-bottom span:last-child{display:none}
}
@media(max-width:640px){
  html{scroll-padding-top:81px}.wrap{width:calc(100% - 40px)}.section{padding:58px 0}.section-kicker{font-size:8px;letter-spacing:.06em;padding-bottom:15px;margin-bottom:32px;gap:20px}.section-kicker span:last-child{font-size:7px;max-width:130px;line-height:1.7}.eyebrow{font-size:9px;letter-spacing:.075em;margin-bottom:15px}
  .header-inner{min-height:69px}.brand-mark{width:42px;height:42px}.brand-name{font-size:10px;max-width:83px}.menu-toggle{width:40px;height:38px}.site-nav{padding:15px 20px 22px;font-size:13px}
  .hero-stage{height:1106px}.hero-meta{top:18px;font-size:7px;letter-spacing:.025em;gap:14px}.hero-meta>span:first-child{gap:6px;max-width:180px}.hero-meta>span:last-child{text-align:right;max-width:110px}.hero-meta .status-dot{width:5px;height:5px}
  .hero-title{top:69px;font-size:8.35vw;line-height:1.05;letter-spacing:-.075em;left:-5px;right:-5px;z-index:3}
  .hero-character{width:307px;left:58%;bottom:auto;top:121px;z-index:2}
  .hero-copy{top:605px;left:0;width:100%;display:grid;grid-template-columns:1.04fr .96fr;gap:0 22px}
  .hero-copy .eyebrow{grid-column:1/-1;margin-bottom:13px;font-size:8px;color:var(--coral)}
  .hero-copy h2{font-size:26px;line-height:1.18;margin:0;letter-spacing:-.055em}.hero-copy h2 br:nth-of-type(2){display:none}.hero-copy>p:not(.eyebrow){font-size:10px;line-height:1.85;max-width:none;margin-top:0;color:#c5b0d1}
  .hero-copy .text-link{margin-top:21px;align-self:start;justify-self:start;font-size:10px;gap:19px;grid-column:1/-1}.hero-copy .text-link span{font-size:18px}
  .tracking-ticket{bottom:45px;grid-template-columns:1fr;box-shadow:5px 6px 0 #15091d55}
  .ticket-top{padding:12px 16px;flex-direction:row;align-items:center;justify-content:flex-start;border-right:0;border-bottom:1px dashed #2917304d;gap:10px;font-size:9px}.ticket-top .icon{width:21px;height:21px}.ticket-hole{display:block;width:6px;height:6px}
  .ticket-content{padding:14px 16px;display:grid;grid-template-columns:1fr 109px;gap:0 16px}.ticket-label{font-size:8px;margin-bottom:8px}.tracking-status{font-size:13px;line-height:1.3;min-height:34px}.tracking-detail{font-size:10px;line-height:1.6;min-height:47px;margin-top:7px}.tracking-progress{margin-top:11px;font-size:8px}.tracking-dots{gap:4px}.tracking-dots i{width:14px;height:3px}.ticket-content .button{font-size:9px;padding:10px 9px;gap:8px;min-height:44px;align-self:center;margin-top:0}.ticket-content .button span{font-size:17px}.ticket-footer{padding:8px;font-size:7px}
  .hero-caption{font-size:6px;bottom:16px;letter-spacing:.06em;gap:15px}.hero-caption span:last-child{text-align:right;max-width:170px}
  .star-one{top:180px;left:0;font-size:34px}.star-two{top:508px;right:3%;font-size:28px}.star-three{top:209px;right:0;font-size:18px}
  .orbital-field{top:118px;left:-154px;width:calc(100% + 310px);max-width:none;height:500px}
  .contract-line{min-height:81px;padding-block:17px;gap:9px 18px;display:grid;grid-template-columns:1fr auto}.contract-label{font-size:8px;gap:6px}.contract-label .status-dot{width:5px;height:5px}.contract-line code{font-size:11px;grid-column:1;grid-row:2}.contract-more{font-size:9px;gap:12px;grid-column:2;grid-row:1/3}.contract-more span{font-size:21px}.contract-line .copy-button{grid-column:2;grid-row:2;font-size:9px;padding:6px 8px}.contract-line:has(.copy-button:not([hidden])) .contract-more{display:none}
  .dispatch-strip{padding:15px 0}.dispatch-strip .wrap{gap:17px;width:max-content;min-width:100%;padding:0 20px;justify-content:center}.dispatch-strip span{font-size:7px;letter-spacing:.02em}.dispatch-strip .icon{width:13px;height:13px}
  .story-grid{display:flex;flex-direction:column;gap:36px}.story-figure{width:100%;padding-top:0}.story-image img{aspect-ratio:1.35;object-position:50% 50%;border-top-left-radius:70px}.misdelivery-stamp{width:78px;height:78px;right:-2px;bottom:17px;font-size:7px;outline-width:4px}.misdelivery-stamp strong{font-size:21px}.story-figure figcaption{flex-direction:row;padding:14px 0;font-size:8px;gap:12px}.story-figure figcaption span:last-child{font-size:7px;white-space:nowrap}.story-figure blockquote{font-size:24px;padding-top:22px;padding-left:30px}.story-figure blockquote br{display:none}.story-figure blockquote::before{font-size:28px;top:20px}.story-figure cite{font-size:10px;margin-top:11px}
  .story-copy h2{font-size:32px;line-height:1.18;margin-bottom:23px}.story-copy h2 br:first-child{display:none}.story-copy>p:not(.eyebrow){font-size:14px;line-height:1.85}.story-copy p+p{margin-top:18px}
  .principles{grid-template-columns:1fr;margin-top:35px;padding-top:0;border-top:0}.principles article,.principles article:first-child,.principles article:last-child{border-left:0;border-top:1px solid var(--line);padding:24px 0 0;margin-top:24px;display:grid;grid-template-columns:31px 1fr;gap:0 14px}.principles article:first-child{margin-top:0}.principle-number{font-size:10px;margin-top:4px}.principles h3{font-size:15px;line-height:1.5;margin-bottom:11px}.principles p{grid-column:2;font-size:13px;line-height:1.8}
  .section-heading{flex-direction:column;align-items:start;gap:24px;margin-bottom:32px}.section-heading>p{max-width:none;font-size:14px;line-height:1.8}.gallery-heading h2{font-size:47px}.gallery-grid{grid-template-columns:1fr;gap:36px}.gallery-image img{aspect-ratio:1.32;object-position:53% 50%}.image-tag{top:12px;left:12px;font-size:7px;padding:6px 9px}.gallery-grid figcaption{padding-top:14px}.gallery-grid figcaption strong{font-size:13px}.gallery-grid .eyebrow{font-size:8px;margin-bottom:4px}.small-arrow{font-size:24px}.portrait-figure{padding-top:0;margin:14px 0 0 44px;max-width:calc(100% - 44px);width:calc(100% - 44px)}.employee-label{top:-19px;right:0;font-size:10px;padding:12px 13px}.employee-label small{font-size:8px}.download-link{font-size:9px;gap:12px;padding:8px}
  .dispatch-note{flex-wrap:wrap;gap:14px;margin-top:35px;padding-top:23px}.dispatch-note>p{font-size:11px;max-width:calc(100% - 37px)}.dispatch-note>.icon{width:18px;height:18px}.dispatch-note .text-link{margin-left:32px;font-size:11px}
  .roadmap-heading{gap:23px;margin-bottom:37px}.roadmap-heading .eyebrow{font-size:8px;max-width:260px}.roadmap-heading h2{font-size:32px;line-height:1.2}.roadmap-intro{display:block;font-size:13px;max-width:100%}.roadmap-intro .fine-print{margin-top:12px;max-width:none;font-size:10px;line-height:1.8}
  .route-stop{grid-template-columns:43px 1fr;gap:0 21px;padding:27px 0 31px;border-color:#d5c2f130}.route-node{width:43px;height:43px;margin-top:1px}.route-node span{font-size:12px}.route-node::before{width:7px;height:7px;top:15px;left:-4px}.route-map::before{left:21px;bottom:-27px}.route-title h3{font-size:27px;line-height:1.2}.route-title h3 br{display:none}.phase-label{font-size:8px;gap:16px;margin-bottom:14px}.phase-label span{font-size:7px;padding:2px 7px}.route-aside{font-size:10px;margin-top:11px}.route-copy{grid-column:2;padding-top:19px;font-size:13px;line-height:1.9}.route-copy .rocco-note{font-size:11px;line-height:1.8;margin-top:14px}.route-end{margin-left:15px;gap:43px;font-size:10px;margin-top:17px}
  .token-grid{grid-template-columns:1fr;gap:36px}.token-heading h2{font-size:52px;line-height:1.08;margin-bottom:22px}.token-heading h2 br{display:none}.token-heading>p:not(.eyebrow):not(.fine-print){font-size:14px;max-width:none}.token-heading .button-row{margin-top:24px}.token-heading .button{font-size:11px;min-height:45px;gap:22px;padding:12px 16px}.link-note{font-size:10px;max-width:none;margin-top:17px}.shipping-label{transform:rotate(-.8deg);box-shadow:6px 6px 0 #29173023}.label-header{padding:20px 17px;gap:12px}.label-header .eyebrow{font-size:6px;letter-spacing:.03em}.label-header h3{font-size:16px}.label-mark{width:41px;height:41px}.label-code{font-size:11px}.token-facts>div{padding:18px 17px;min-height:91px}.token-facts dt{font-size:8px}.token-facts dd{font-size:13px}.label-contract{padding:19px 17px}.label-contract code{font-size:15px}.label-contract .fine-print{font-size:9px}.label-footer{padding:20px 17px}.decorative-barcode{width:109px}.label-footer>span:last-child{font-size:8px}
  .guide-heading h2{font-size:32px}.guide-heading>p{font-size:13px;max-width:none}.guide-steps{grid-template-columns:1fr 1fr;gap:30px 23px}.guide-steps li,.guide-steps li:first-child,.guide-steps li:last-child{padding:22px 0 0;border-left:0;border-top:1px solid var(--line)}.guide-number{font-size:32px;margin-bottom:18px}.guide-steps h3{font-size:14px;line-height:1.35;margin-bottom:12px}.guide-steps p{font-size:12px;line-height:1.8}
  .faq-grid{grid-template-columns:1fr;gap:31px}.faq-heading{position:relative;padding-right:95px}.faq-heading h2{font-size:37px;margin-bottom:17px}.faq-heading .eyebrow{font-size:8px;white-space:nowrap}.faq-heading>p:not(.eyebrow){font-size:12px;line-height:1.8}.faq-mark{position:absolute;width:86px;height:86px;right:0;bottom:12px;margin:0}.faq-list summary{font-size:13px;min-height:73px;gap:11px;grid-template-columns:19px 1fr 17px;padding:21px 0}.faq-number{font-size:9px}.faq-plus{width:15px;height:15px}.faq-plus::before{top:7px}.faq-plus::after{left:7px}.faq-answer{font-size:13px;line-height:1.85;padding:0 9px 23px 30px}
  .final-dispatch{padding:56px 0}.final-inner{position:relative;display:block}.final-copy h2{font-size:31px;line-height:1.23;margin-bottom:24px}.final-copy h2 em{text-underline-offset:7px}.final-copy .eyebrow{font-size:8px}.final-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;padding-right:35px}.final-copy .button-row{margin-top:25px;gap:10px}.final-copy .button{font-size:11px;gap:18px;padding:12px 15px;min-height:45px}.final-postmark{display:none}
  .site-footer{padding:32px 0 22px}.footer-top{gap:25px 12px;padding-bottom:27px}.footer-top>p{font-size:9px;max-width:145px;line-height:1.7}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;font-size:11px;justify-content:start}.footer-links a:nth-child(even){text-align:right}.footer-bottom{align-items:start;gap:15px;padding-top:19px;font-size:7px}.footer-bottom>span:first-child{max-width:95px;flex-shrink:0}.footer-bottom>span:nth-child(2){text-align:right;max-width:210px}.toast{font-size:12px;padding:12px 18px;text-align:center;width:max-content}
}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero-title{font-size:8.2vw}.hero-character{width:284px;left:56%;top:128px}.hero-copy h2{font-size:24px}.hero-copy{gap:0 16px}.hero-copy>p:not(.eyebrow){font-size:9px}.hero-stage{height:1110px}.ticket-content{grid-template-columns:1fr 98px;gap:0 12px}.tracking-status{font-size:12px}.ticket-content .button{font-size:8px}.story-copy h2{font-size:29px}.roadmap-heading h2{font-size:29px}.token-heading h2{font-size:46px}.label-header h3{font-size:14px}.label-mark{width:35px;height:35px}.final-copy h2{font-size:27px}.final-copy .button{font-size:10px;gap:13px}.brand-name{font-size:9px;max-width:77px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:hover{transform:none}}

/* Primary destinations stay in view on smaller screens. */
@media(max-width:960px){
  .mobile-quick-links{display:flex;align-items:center;gap:16px;margin-left:auto}
  .mobile-quick-links .button{font-size:11px;min-height:41px;gap:15px;padding:10px 14px}
  .mobile-quick-links .icon{width:16px;height:16px}
  .mobile-x{padding:9px 0}
}
@media(max-width:640px){
  .header-inner{gap:12px}
  .mobile-quick-links{gap:13px}
  .mobile-quick-links .button{font-size:10px;min-height:38px;padding:10px 11px;gap:10px}
  .mobile-quick-links .button .icon{width:13px;height:13px}
  .hero-stage{height:1190px}
  .hero-copy{display:block;top:602px}
  .hero-copy .eyebrow{font-size:8px;margin-bottom:13px}
  .hero-copy h2{font-size:30px;line-height:1.2;letter-spacing:-.05em;margin-bottom:17px}
  .hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:335px}
  .hero-copy .text-link{margin-top:20px;font-size:11px}
}
@media(max-width:360px){
  .mobile-x{display:none}
  .mobile-quick-links .button{gap:8px;font-size:9px;padding:10px}
  .hero-copy h2{font-size:28px}
  .hero-copy>p:not(.eyebrow){font-size:12px}
}