.world-chapter{height:660svh;padding:0!important;position:relative;overflow:clip;background:transparent}
.world-sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 55% 50%,#334b6544,transparent 68%)}
.world-heading{position:absolute;top:11%;left:var(--edge);right:var(--edge);text-align:center;transform-origin:center;will-change:transform}
.world-heading .eyebrow{margin:0 auto 22px}.world-heading h2{font-size:clamp(24px,3vw,48px);margin:0;line-height:1.3}.world-heading h2 span{display:inline}
.world-category{position:absolute;transform-origin:center;will-change:transform;display:flex;align-items:center;justify-content:center;border:1px solid #d3e5ff55;border-radius:20px;background:radial-gradient(ellipse at 55% 40%,#526b8230,transparent 70%);box-shadow:0 15px 55px #0003}
.world-category h3{position:absolute;z-index:2;max-width:94%;text-align:center;font-size:clamp(18px,2.1vw,32px);line-height:1.5;color:#fff;text-shadow:0 0 24px #c5e4ff77;will-change:transform}
.world-media{position:absolute;inset:7% 6% 24%;display:flex;align-items:center;justify-content:center;gap:18px}
.world-placeholder{height:100%;flex:1;min-width:0;border:1px dashed #b9c7d34d;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;color:#9ba9b6;font-size:10px;line-height:1.8;background:#b3d8ff05}
.world-dock{position:absolute;left:var(--edge);right:var(--edge);bottom:5%;height:18%;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;pointer-events:none}.world-dock>div{min-width:0}
.device-laptop{position:relative;width:70%;border:9px solid #333a45;border-bottom-width:16px;border-radius:10px;background:#080a0d;box-shadow:0 20px 50px #0007;transform:perspective(1000px) rotateY(9deg)}.device-laptop:after{content:'';position:absolute;left:-8%;right:-8%;height:12px;bottom:-25px;background:linear-gradient(#a6acb2,#3d424a);border-radius:0 0 50% 50%}.device-laptop img{width:100%;aspect-ratio:1.6;object-fit:cover}.device-phone{width:18%;border:7px solid #48515c;border-radius:22px;overflow:hidden;box-shadow:0 15px 45px #0008;transform:perspective(900px) rotateY(-12deg)}.device-phone img{width:100%;aspect-ratio:390/844;object-fit:cover}
@media(max-width:700px){.world-chapter{height:740svh}.world-heading{top:12%}.world-heading h2{font-size:24px}.world-heading .eyebrow{font-size:8px}.world-category h3{font-size:19px}.world-media{flex-wrap:wrap;gap:10px}.world-placeholder{flex:1 1 40%;height:43%;font-size:9px}.world-dock{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr;gap:10px;height:29%;bottom:3%}.device-laptop{width:70%;border-width:5px}.device-phone{width:23%;border-width:4px;border-radius:13px}}
.world-static{height:auto!important}.world-static .world-sticky{height:auto;overflow:visible;padding:100px var(--edge) 70px}.world-static .world-heading{position:relative;inset:auto;transform:none!important;opacity:1!important;margin-bottom:40px}.world-static .world-category{position:relative;inset:auto!important;width:100%!important;height:400px!important;transform:none!important;opacity:1!important;margin-bottom:24px}.world-static .world-category h3{transform:translateY(125px)!important}.world-static .world-media{opacity:1!important}.world-static .world-dock{display:none}

.world-category[data-phase="docked"] .world-placeholder{font-size:6px;padding:3px}.world-category[data-phase="docked"] .world-media{gap:5px}.world-category[data-phase="docked"]{border-radius:10px}

.world-media .device-laptop{height:78%;width:auto;aspect-ratio:1.6;max-width:70%;flex-shrink:1}.world-media .device-laptop img{height:100%;width:100%;object-fit:cover}.world-media .device-phone{height:94%;width:auto;aspect-ratio:390/844;max-width:24%;flex-shrink:0}.world-media .device-phone img{height:100%;width:100%;object-fit:cover}.world-category[data-phase='docked'] .device-laptop{border-width:3px}.world-category[data-phase='docked'] .device-laptop:after{height:4px;bottom:-6px}.world-category[data-phase='docked'] .device-phone{border-width:2px;border-radius:6px}


.world-chapter:not(.world-static){margin-bottom:-32svh}.world-chapter+.contact-chapter{position:relative;padding-top:65px}.world-media>div{will-change:transform,opacity}@media(max-width:700px){.world-chapter:not(.world-static){margin-bottom:-25svh}}

.world-product{flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:center}.world-product img{display:block;width:100%;height:100%;object-fit:contain}.world-product-mat{flex:1.5}@media(max-width:700px){.world-product{flex:1 1 40%;height:43%}}

.world-paddock .world-media{inset:5% 3% 23%;gap:22px}.world-paddock .world-product{flex:1;height:100%}.world-paddock .world-product-mat{flex:1.5}.world-paddock .world-product-bike{flex:1.35}.world-paddock .world-product img{filter:drop-shadow(0 12px 14px #0004)}@media(max-width:700px){.world-paddock .world-media{gap:8px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.world-paddock .world-product{height:100%;min-height:0}}
/* Open showcase: the frame is drawn only after every product has arrived. */
.world-category{border:0;background:none;box-shadow:none}
.world-category:before{content:'';position:absolute;inset:0;border:1px solid #d3e5ff55;border-radius:20px;background:radial-gradient(ellipse at 55% 40%,#526b8220,transparent 70%);box-shadow:0 15px 55px #0003;opacity:var(--frame,0);transform:scale(calc(.96 + var(--frame,0)*.04));pointer-events:none}
.world-paddock .world-media{inset:0 2% 19%;gap:30px}
.world-product{position:relative;flex-direction:column;gap:15px}
.world-product img{min-height:0;flex:1;height:0}
.world-product-label{display:block;flex:none;min-height:2.8em;text-align:center;color:#dce3e9;font-size:var(--label-size,11px);letter-spacing:.18em;line-height:1.4}
.world-paddock .world-product-mat,.world-paddock .world-product-bike{flex:1.25}
.world-category[data-phase='docked'] .world-product{gap:3px}
.world-static .world-category:before{opacity:1}
@media(max-width:700px){.world-paddock .world-media{inset:0 1% 20%;gap:12px}.world-product{gap:5px}.world-category h3{letter-spacing:.15em}.world-product-label{letter-spacing:.1em}}
/* Balance the two garments while preserving the supplied artwork. */
.world-paddock .world-product-pants img{width:74.8%;align-self:center}
.world-paddock .world-product-jersey img{filter:brightness(1.18) contrast(1.12) saturate(1.08) drop-shadow(0 12px 14px #0004)}
.world-paddock .world-product-label{width:100%;text-align:center;text-indent:.18em;box-sizing:border-box}
.world-paddock:before{inset:calc(-28px + var(--settle,0)*22px) calc(-28px + var(--settle,0)*22px) calc(-45px + var(--settle,0)*37px)}
@media(max-width:700px){.world-paddock:before{inset:calc(-16px + var(--settle,0)*10px) -10px calc(-40px + var(--settle,0)*32px)}.world-paddock .world-product-label{text-indent:.1em}}
.world-paddock:before{inset:calc(-28px + var(--settle,0)*28px) calc(-28px + var(--settle,0)*28px) calc(-45px + var(--settle,0)*45px)}
@media(max-width:700px){.world-paddock:before{inset:calc(-16px + var(--settle,0)*16px) calc(-10px + var(--settle,0)*10px) calc(-40px + var(--settle,0)*40px)}}
/* Title and product labels occupy separate rows, including during shrink-to-dock. */
.world-category h3{margin:0;font-weight:700;line-height:1.35}
.world-product-label{color:#aab5c0;font-weight:500;line-height:1.45}
.world-static .world-category h3{bottom:12px;transform:none!important}
.world-brand .world-media{inset:4% 7% 25%;gap:6%}
.brand-drawing{width:52%;height:100%;min-width:0;display:flex;align-items:center;justify-content:center}
.draco-drawing{width:100%;height:100%;overflow:visible}
.draco-pencil{stroke-dasharray:1;stroke-dashoffset:1}
.brand-applications{width:40%;height:100%;position:relative;perspective:800px}
.draco-box{position:absolute;left:7%;top:9%;width:82%;height:61%;transform:rotateX(13deg) rotateY(-20deg) rotateZ(-6deg);transform-style:preserve-3d}
.draco-box-face{position:absolute;inset:0;background:linear-gradient(125deg,#32383f,#101216 70%);border:1px solid #626b73;box-shadow:16px 22px 30px #0008;display:flex;align-items:center;justify-content:center}
.draco-box-face img{width:68%;height:80%;object-fit:contain}
.draco-box:after{content:'';position:absolute;left:100%;top:0;width:22px;height:100%;background:linear-gradient(90deg,#090b0e,#292d33);transform-origin:left;transform:rotateY(90deg);border:1px solid #454b51}
.draco-business{position:absolute;left:0;bottom:0;width:63%;height:35%;background:linear-gradient(130deg,#fafafa,#b9bec4);border-radius:2px;box-shadow:0 12px 18px #0006;transform:rotate(-9deg);display:flex;align-items:center;justify-content:center}
.draco-business img{width:66%;height:83%;filter:brightness(0);object-fit:contain}
@media(max-width:700px){.world-brand .world-media{gap:3%;inset-inline:3%;flex-wrap:nowrap}.brand-drawing{width:52%}.brand-applications{width:45%}.draco-box:after{width:10px}}
.draco-box:before{content:'';position:absolute;left:0;right:-24px;top:-20px;height:20px;background:linear-gradient(100deg,#626a73,#2c3239);clip-path:polygon(24px 0,100% 0,calc(100% - 24px) 100%,0 100%)}
.draco-box:after{left:100%;top:-20px;width:24px;height:calc(100% + 20px);transform:none;border:0;clip-path:polygon(0 20px,100% 0,100% calc(100% - 20px),0 100%);background:linear-gradient(#343b43,#13171b)}
.draco-business{left:-5%;width:56%;height:30%;bottom:-1%}
/* Three separate, contained presentation areas. */
.world-brand .world-media{inset:8% 7% 25%;gap:6%;flex-wrap:nowrap}
.world-brand .brand-drawing{width:38%;height:100%;flex:none}
.world-brand .brand-applications{width:56%;height:100%;display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:center;perspective:none}
.draco-drawing{overflow:hidden}
.draco-mailer{display:block;width:100%;height:100%;max-height:100%;overflow:visible}
.world-brand .draco-business{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.8;transform:rotate(-5deg);box-shadow:0 8px 16px #0005}
.world-brand .draco-business img{width:72%;height:85%;max-height:100%;position:absolute}
@media(max-width:700px){.world-brand .world-media{inset-inline:6%;gap:5%}.world-brand .brand-drawing{width:38%}.world-brand .brand-applications{width:57%;grid-template-columns:1fr;grid-template-rows:65% 25%;gap:8%;justify-items:center}.world-brand .draco-business{width:62%;height:100%;aspect-ratio:auto}.draco-mailer{width:100%;height:100%}}
.world-brand .brand-applications{min-width:0;min-height:0;grid-template-rows:minmax(0,1fr)}
.draco-mailer{min-width:0;min-height:0;align-self:center;max-width:100%;overflow:hidden}
@media(max-width:700px){.world-brand .brand-applications{grid-template-rows:minmax(0,65fr) minmax(0,25fr)}}
.product-sequence{position:relative;min-width:0;min-height:0;width:100%;height:100%}
.product-sequence img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.sequence-blend{opacity:0}
.world-accessories .world-media{inset:6% 7% 25%;gap:8%;flex-wrap:nowrap}
.world-accessories .world-media>div{flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:center}
.world-accessories .world-media>div>img{width:100%;height:100%;object-fit:contain}
.world-accessories .accessory-keychain{flex:1.15!important}
.world-brand .draco-render{align-self:center;height:100%;width:100%}
.product-live-canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.live-ready>img{display:none}
html{scroll-behavior:auto}
.world-chapter:not(.world-static){margin-bottom:-48svh}
.world-chapter+.contact-chapter{min-height:0;align-content:start;padding-top:32px}
.contact-details .social-icons [data-social='phone']{order:-2}
.contact-details .social-icons [data-social='phone'] svg{height:100%;width:100%;max-width:60px}
@media(max-width:700px){.world-chapter:not(.world-static){margin-bottom:-30svh}.contact-details .social-icons{gap:14px}.contact-details .social-icons>a{min-width:0;flex:1}.contact-details .social-icons [data-social='phone'] svg{height:43px;max-width:43px}}
.contact-details .social-icons [data-social='phone'] svg{height:48px;max-width:48px}@media(max-width:1000px){.contact-details .social-icons [data-social='phone'] svg{height:43px;max-width:43px}}

/* Keep contact links above the overlapping, transparent end of the world stage. */
.world-chapter+.contact-chapter{z-index:2}

@media(max-width:700px){
 .world-chapter.world-mobile{height:auto!important;margin-bottom:0!important;overflow:visible}
 .world-mobile .world-sticky{height:auto;position:relative;overflow:visible;padding:64px 24px 24px}
 .world-mobile .world-heading{position:relative;inset:auto;margin-bottom:40px;opacity:1;transform:none}
 .world-mobile .world-heading h2{font-size:23px;letter-spacing:.16em}
 .world-mobile .world-category{position:relative;inset:auto;width:100%;height:350px;margin-bottom:28px;opacity:1;transform:none;display:flex;flex-direction:column;padding:24px 18px;gap:24px;translate:0 24px;transition:translate .6s cubic-bezier(.2,.8,.3,1.1),border-color .5s}
 .world-mobile .world-category.mobile-in{translate:0 0;border-color:#d3e5ff99}
 .world-mobile .world-category h3{position:relative;inset:auto;order:2;transform:none!important;font-size:16px!important;letter-spacing:.12em;line-height:1.6;flex:none;max-width:100%}
 .world-mobile .world-media{position:relative;inset:auto!important;order:1;flex:1;width:100%;min-height:0;opacity:1;gap:12px;transform:none}
 .world-mobile .world-dock{display:none}.world-mobile .world-media>div{opacity:1;transform:none}
 .world-mobile .world-paddock{height:420px}.world-mobile .world-product{flex:1 1 40%;height:45%}
 .world-mobile .world-brand .brand-drawing{transform:none!important;opacity:1!important}.world-mobile .brand-applications{opacity:1!important;transform:none!important}
 .world-mobile .world-accessories .world-media{flex-wrap:nowrap}
}