/* KLOD feature stories and full-image carousels. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero{grid-template-columns:1.06fr 1fr;gap:55px;padding-top:45px;padding-bottom:100px;isolation:isolate}.hero:before{content:'';position:absolute;inset:10% 0 5% 35%;background:radial-gradient(ellipse,#a8d8ff65,transparent 65%);filter:blur(35px);z-index:-1;animation:sky-drift 14s ease-in-out infinite alternate}.hero-art{min-height:660px;min-width:0;perspective:1200px}.hero-carousel{width:min(100%,350px);position:relative;z-index:1;filter:drop-shadow(20px 30px 30px #27608c20)}.hero-stage{position:relative;aspect-ratio:9/16;background:#dcedfb;border-radius:9px;outline:8px solid #ffffff66;box-shadow:0 0 0 9px #ffffff9c;animation:float 9s ease-in-out infinite}.hero-slide{margin:0;width:100%;height:100%;border-radius:9px}.hero-slide[hidden]{display:none}.hero-slide.is-active{animation:slide-arrive .85s cubic-bezier(.22,1,.36,1)}.hero-slide img{display:block;width:100%;height:100%;object-fit:contain;border-radius:9px}.hero-carousel-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:22px;font-size:10px;letter-spacing:.4px}.carousel-actions,.gallery-controls{display:flex;gap:7px}.carousel-actions button,.gallery-controls button{width:33px;height:33px;display:grid;place-items:center;border:1px solid #adcde3;border-radius:50%;background:#ffffffb8;color:#346b95;transition:background .25s,transform .25s}.carousel-actions button:hover,.gallery-controls button:hover{background:#cde6fb;transform:translateY(-2px)}.carousel-actions #hero-auto{font-size:10px}.carousel-dots{display:flex;gap:8px;margin-top:13px;justify-content:center}.carousel-dots button{width:23px;height:24px;border:0;padding:10px 0;background:transparent;position:relative}.carousel-dots button:after{content:'';display:block;height:3px;background:#a1c5df;border-radius:5px;transition:background .3s}.carousel-dots button.active:after{background:#167ce9}.hero-art .tag-one{left:-45px;top:120px;font-size:11px;padding:12px;pointer-events:none}.hero-art .tag-two{right:-35px;bottom:155px;font-size:11px;padding:11px;pointer-events:none}.hero-art .art-index{bottom:-18px;left:50%;translate:-50% 0;white-space:nowrap;font-size:8px}.hero-art .editorial-label{right:-20px;top:35px}.hero-art .orbit-one{width:490px;height:490px}.hero-art .orbit-two{width:540px;height:540px}.feature-intro{padding-bottom:45px;position:relative}.feature-jump{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.feature-jump a{border:1px solid #d4e2ec;border-radius:30px;padding:12px 18px;font-size:10px;letter-spacing:.5px;background:#ffffff88;transition:background .25s,translate .25s}.feature-jump a:hover{background:#deeffd;translate:0 -3px}.feature-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px;position:relative;padding-top:70px;padding-bottom:95px;isolation:isolate}.feature-story:after{content:'';position:absolute;bottom:0;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,#bfd3e5,transparent)}.feature-story.reverse .story-visual{order:2}.feature-story.reverse .story-copy{order:1}.story-visual{min-width:0;position:relative;display:grid;place-items:center;padding:30px 25px 50px;perspective:1000px}.story-poster{position:relative;margin:0;width:min(100%,320px);z-index:1;transform:rotate(-3deg);transition:transform .7s cubic-bezier(.2,.8,.2,1);box-shadow:12px 25px 55px #28587d20;border:7px solid #ffffffbb;border-radius:13px;background:#d9ecfb;animation:float 10s ease-in-out infinite}.story-poster img{display:block;width:100%;height:auto;border-radius:5px}.reverse .story-poster{transform:rotate(3deg);animation-delay:-4s}.story-visual:hover .story-poster{transform:rotate(0deg) translateY(-5px)}.story-halo{position:absolute;inset:12% -10% 9%;border-radius:50%;background:radial-gradient(ellipse,#c9e7ffcc,#e5f3ff66 65%,transparent 72%);animation:halo-flow 11s ease-in-out infinite alternate;z-index:-1}.story-orbit{position:absolute;width:110%;height:65%;border:1px solid #86b8e24d;border-radius:50%;transform:rotate(-30deg);animation:spin 80s linear infinite;z-index:-1}.story-orbit:before{content:'✧';color:#318ee4;font-size:35px;position:absolute;left:7%;top:15%}.story-badge{position:absolute;z-index:2;bottom:15px;padding:15px 22px;border:1px solid #fff;background:#ffffffde;backdrop-filter:blur(18px);box-shadow:0 10px 40px #2a68981a;display:flex;gap:12px;align-items:center;border-radius:9px;font-size:8px;letter-spacing:1.5px;white-space:nowrap;animation:bob 7s infinite}.story-badge span{font-size:24px;color:#318ee4}.story-number{position:absolute;left:0;top:20px;font:500 100px/1 var(--serif);letter-spacing:-8px;color:#b8d4e54d;z-index:-1}.reverse .story-number{left:auto;right:0}.story-copy{min-width:0}.story-copy h2{margin:24px 0;font-size:clamp(42px,4.3vw,62px)}.story-lead{font-size:14px;line-height:1.95;color:#637786;max-width:410px}.story-details{margin-top:25px}.story-details>div{display:flex;gap:18px;padding:21px 0;border-bottom:1px solid #b6cfe442}.story-details>div>span{font-size:9px;color:#5c9bca;padding-top:4px}.story-details h3{font-size:13px;font-weight:500;margin-bottom:7px}.story-details p{font-size:12px;line-height:1.85;color:#758896}.text-link{display:inline-flex;gap:45px;font-size:11px;margin-top:28px;border-bottom:1px solid #78a5c8;padding-bottom:10px;color:#3475a6}.text-link span{transition:translate .3s}.text-link:hover span{translate:3px -3px}.story-note{font-size:10px;line-height:1.8;color:#8296a4;margin-top:20px;max-width:360px}.mix-story{background:linear-gradient(130deg,#eef7fd70,transparent)}.app-gallery{background:#e9f4fd;max-width:none;padding-left:max(7%,calc((100vw - 1240px)/2));padding-right:max(7%,calc((100vw - 1240px)/2));overflow:hidden}.app-gallery .split-heading{align-items:flex-end}.gallery-controls button{width:45px;height:45px;font-size:18px}.gallery-track{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9ac4e3 transparent;padding:35px 5px 24px;overscroll-behavior-x:contain;cursor:grab}.gallery-track:active{cursor:grabbing}.gallery-card{flex:0 0 280px;min-width:0;margin:0;scroll-snap-align:start;transition:transform .4s}.gallery-card:hover{transform:translateY(-8px)}.gallery-card img{width:100%;height:auto;display:block;border:5px solid #ffffffc9;border-radius:9px;box-shadow:0 12px 25px #286b9814}.gallery-card figcaption{display:flex;align-items:center;gap:12px;font-size:11px;padding:18px 0 0}.gallery-card figcaption span{color:#79a0bd;font-size:9px}.gallery-card figcaption b{margin-left:auto;font-weight:400;color:#4c8ab6}.gallery-note{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#7699b2;padding-top:20px}.feature:before{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff24 45%,transparent 65%);translate:-100% 0;animation:light-sweep 9s ease-in-out infinite}.feature-dark:before{animation-delay:-4s}.wardrobe-backdrop{background:radial-gradient(ellipse,#bddfff,#e6f2fc)}.store{position:relative;overflow:hidden}.store:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent,#ffffff22,transparent);translate:-100% 0;transition:translate .6s}.store:hover:after{translate:100% 0}.hero-copy h1{animation:title-settle 1.2s cubic-bezier(.2,.8,.2,1) both}.story-visual,.wardrobe-art{--scroll-shift:0px}.story-halo{translate:0 var(--scroll-shift)}
@keyframes slide-arrive{from{opacity:0;transform:translateX(14px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes sky-drift{to{transform:translate(-40px,35px) scale(1.15)}}@keyframes halo-flow{to{scale:1.1 .94;rotate:12deg}}@keyframes light-sweep{0%,65%{translate:-100% 0}90%,100%{translate:100% 0}}@keyframes title-settle{from{filter:blur(6px);translate:0 18px}to{filter:blur(0);translate:0 0}}
@media(max-width:1100px){.hero{gap:30px}.hero-carousel{width:285px}.hero-art{min-height:600px}.hero-art .orbit-one{width:370px;height:440px}.hero-art .orbit-two{width:420px;height:490px}.hero-art .tag-one{left:-10px;top:100px}.hero-art .tag-two{right:-5px;bottom:140px}.feature-story{gap:65px}.story-visual{padding-left:10px;padding-right:10px}.story-badge{font-size:7px;letter-spacing:1px;padding:12px}.story-poster{width:min(100%,290px)}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:40px;gap:45px}.hero-art{min-height:620px;padding:15px 10px 30px;max-width:420px}.hero-carousel{width:min(100%,280px)}.hero-stage{outline-width:5px;box-shadow:0 0 0 6px #ffffff9c}.hero-art .tag-one{left:-9px;top:145px;max-width:135px;padding:9px;font-size:9px}.hero-art .tag-one small{font-size:8px}.hero-art .tag-one>span{font-size:21px}.hero-art .tag-two{right:-7px;bottom:175px;padding:9px;font-size:9px}.hero-art .editorial-label{right:-3px;top:10px;font-size:7px}.hero-art .art-index{bottom:-10px;font-size:7px}.hero-art .orbit-one{width:330px;height:440px}.hero-art .orbit-two{width:365px;height:490px}.hero-carousel-bottom{font-size:9px}.feature-intro{padding-bottom:20px}.feature-jump{gap:8px}.feature-jump a{font-size:9px;padding:10px 13px}.feature-story{grid-template-columns:1fr;gap:25px;padding-top:30px;padding-bottom:65px;overflow:hidden}.feature-story.reverse .story-visual,.feature-story.reverse .story-copy{order:initial}.story-visual{padding:30px 20px 45px;width:100%;max-width:380px;margin:auto}.story-poster{width:min(100%,280px)}.story-number{font-size:80px;left:4px}.story-copy h2{font-size:44px}.story-lead{max-width:none;font-size:13px}.story-badge{max-width:100%;white-space:normal;font-size:7px;padding:10px 14px}.story-halo{inset:15% 0 10%}.story-orbit{width:95%;height:65%}.story-copy .eyebrow{font-size:7px}.app-gallery .split-heading{gap:18px;display:flex}.app-gallery h2{font-size:39px}.gallery-controls{gap:5px}.gallery-controls button{width:33px;height:33px;font-size:14px}.gallery-track{gap:17px;padding-top:28px}.gallery-card{flex-basis:240px}.gallery-note{font-size:6px;gap:12px;letter-spacing:1px}.feature-story:after{left:6%;right:6%}}
@media(prefers-reduced-motion:reduce){.hero-slide.is-active{animation:none}.gallery-track{scroll-behavior:auto}.hero-copy h1{filter:none;translate:none}}