:root{--ya-paper:#f5f3ee;--ya-ink:#111111;--ya-white:#fff;--ya-line:rgba(17,17,17,.15);--ya-orange:#f77f00;--ya-pink:var(--yolo-accent);--ya-sand:#f5f3ee;--ya-deep:#111111;--ya-brand:linear-gradient(135deg,#f77f00 0%,var(--yolo-accent) 100%);--ya-gutter:clamp(16px,2.2vw,34px)}
html{scroll-behavior:auto}
body{background:var(--ya-paper)}
#yolo-archive{position:relative;background:var(--ya-paper);color:var(--ya-ink);font-family:Inter,Arial,sans-serif}
#yolo-archive *,#yolo-archive *::before,#yolo-archive *::after{box-sizing:border-box}
#yolo-archive a{color:inherit;text-decoration:none}
#yolo-archive button{font:inherit;color:inherit}
#yolo-archive img{display:block}
.ya-scroll-root{position:relative;min-height:100vh;background:var(--ya-paper);user-select:none}
.ya-fixed{position:fixed;inset:0;z-index:80;overflow:hidden;pointer-events:none;visibility:visible}
.ya-progress{position:fixed;left:0;top:0;z-index:10050;width:100%;height:2px;transform:scaleX(0);transform-origin:left center;background:var(--ya-brand);pointer-events:none}

/* HERO */
.ya-hero-media{position:absolute;inset:0;z-index:1;overflow:hidden;background:var(--ya-paper)}
.ya-hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.02) 48%,rgba(0,0,0,.08)),radial-gradient(circle at 86% 18%,rgba(247,127,0,.10),transparent 24%),radial-gradient(circle at 12% 80%,rgba(217,37,80,.08),transparent 28%);pointer-events:none}
.ya-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111;opacity:0;transition:opacity .25s ease}
.ya-video.is-active{opacity:1}
.ya-fallback-hero{position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(247,127,0,.14),transparent 31%),radial-gradient(circle at 20% 78%,rgba(217,37,80,.10),transparent 35%),linear-gradient(135deg,#fffaf5 0%,#f4e9df 100%);overflow:hidden;perspective:1500px}
.ya-fallback-word{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font-size:clamp(150px,26vw,500px);font-weight:500;line-height:.7;letter-spacing:-.08em;opacity:.035}
.ya-hero-gridlines{position:absolute;inset:-4%;background-image:linear-gradient(rgba(17,17,17,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.05) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(transparent,#000 25%,#000 78%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 78%,transparent);transform:rotateX(62deg) translateY(28%);transform-origin:center bottom}
.ya-hero-object{position:absolute;z-index:3;display:grid;place-items:center;width:18vw;max-width:290px;aspect-ratio:1;border:1px solid rgba(17,17,17,.11);background:rgba(245,243,238,.72);will-change:transform}
.ya-hero-object img{width:78%;height:78%;object-fit:contain}
.ya-hero-object.o1{left:7%;top:31%;width:20vw}
.ya-hero-object.o2{left:34%;top:12%;width:14vw}
.ya-hero-object.o3{right:25%;top:31%;width:15vw}
.ya-hero-object.o4{right:6%;top:15%;width:13vw}
.ya-hero-object.o5{left:48%;bottom:4%;width:16vw}
.ya-hero-object.retro img{width:54%;height:88%}
.ya-hero-object.stylus img{width:42%;height:88%}
.ya-hero-ui{position:absolute;inset:0;z-index:5;pointer-events:none;color:#fff;mix-blend-mode:exclusion}
.ya-hero-copy{position:absolute;left:var(--ya-gutter);top:clamp(150px,21vh,235px);width:min(760px,55vw)}
.ya-eyebrow{margin:0 0 20px;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;background:var(--ya-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.ya-hero-copy h1{margin:0;max-width:7.2em;font-size:clamp(66px,8.2vw,132px);font-weight:500;line-height:.84;letter-spacing:-.065em;text-shadow:0 0 60px rgba(217,37,80,.05)}
.ya-hero-copy p{margin:26px 0 0;max-width:500px;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:-.015em}
.ya-hero-meta{position:absolute;right:var(--ya-gutter);bottom:56px;width:290px;text-align:right}
.ya-meta-label{font-size:11px;font-weight:600;line-height:1.45;text-transform:uppercase;letter-spacing:.06em}
.ya-meta-big{margin-top:8px;font-size:clamp(34px,3.5vw,58px);font-weight:500;line-height:.92;letter-spacing:-.05em}
.ya-scroll-note{position:absolute;left:var(--ya-gutter);bottom:28px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.ya-icon{width:16px;height:16px;display:inline-block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ya-scroll-note{display:flex;align-items:center;gap:8px}
.ya-mobile-explore{display:none}
.ya-hero-actions{position:absolute;right:var(--ya-gutter);top:120px;display:flex;align-items:center;gap:12px;pointer-events:auto}
.ya-hero-contact{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid currentColor;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .25s ease,color .25s ease,transform .25s ease}
.ya-hero-contact:hover{background:#fff;color:#111;transform:translateY(-2px)}


/* PRODUCT FLOW PANEL */
.ya-panel{position:absolute;inset:0;z-index:10;background:radial-gradient(circle at 15% 18%,rgba(247,127,0,.13),transparent 26%),radial-gradient(circle at 84% 78%,rgba(217,37,80,.12),transparent 30%),linear-gradient(145deg,#f5ece3 0%,#eadfd3 100%);color:var(--ya-ink);transform:translate3d(0,100vh,0);will-change:transform;overflow:hidden;pointer-events:auto}
.ya-panel::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(23,19,19,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,19,19,.035) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);pointer-events:none}
.ya-panel-head{position:absolute;z-index:8;left:var(--ya-gutter);right:var(--ya-gutter);top:104px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:0 0 14px;border-bottom:1px solid rgba(23,19,19,.14);color:var(--ya-ink);mix-blend-mode:normal;pointer-events:none}
.ya-panel-head strong{font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.055em;text-transform:uppercase;padding-top:2px}
.ya-panel-head span{font-size:11px;font-weight:600;line-height:1.4;color:rgba(23,19,19,.55)}
.ya-gallery-viewport{position:absolute;inset:154px 0 34px;overflow:hidden;display:flex;align-items:center}
.ya-gallery{position:relative;left:0;top:auto;width:max-content;height:100%;padding:0 max(var(--ya-gutter),calc((100vw - min(780px,68vw))/2));display:flex;align-items:center;gap:clamp(28px,4vw,72px);will-change:transform}
.ya-card{position:relative;flex:0 0 min(780px,68vw);height:min(560px,74vh);min-width:0;display:block;color:var(--ya-ink);transform:scale(.92);opacity:.42;will-change:transform,opacity;transition:opacity .18s linear}
.ya-card-shell{position:relative;height:100%;min-height:0;display:grid;grid-template-columns:1.08fr .92fr;border:1px solid rgba(72,45,38,.15);border-radius:30px;background:rgba(255,250,245,.82);box-shadow:0 28px 70px rgba(73,44,34,.10);overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:transform .28s ease,box-shadow .28s ease}
.ya-card:hover .ya-card-shell{box-shadow:0 34px 90px rgba(73,44,34,.15)}
.ya-card-shell::before{content:'';position:absolute;z-index:4;left:0;right:0;top:0;height:4px;background:var(--ya-brand)}
.ya-card-media{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 48% 45%,rgba(255,255,255,.95),rgba(255,255,255,.35) 48%,transparent 70%)}
.ya-card-media::before{content:'';position:absolute;width:min(72%,410px);aspect-ratio:1;border:1px solid rgba(217,37,80,.14);border-radius:50%;box-shadow:inset 0 0 0 22px rgba(247,127,0,.025)}
.ya-card img{position:relative;z-index:2;max-width:72%;max-height:76%;object-fit:contain;filter:drop-shadow(0 28px 22px rgba(64,38,30,.20));transition:transform .45s cubic-bezier(.16,1,.3,1)}
.ya-card.retro img{max-width:48%;max-height:82%}
.ya-card.stylus img{max-width:29%;max-height:82%}
.ya-card.kids-watch img{max-width:62%;max-height:74%}
.ya-card:hover img{transform:translateY(-4px) scale(1.035)}
.ya-card-info{position:relative;padding:clamp(28px,4vw,58px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-left:1px solid rgba(72,45,38,.12);background:rgba(255,255,255,.25)}
.ya-card-cat{margin:0 0 18px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--ya-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.ya-card-name{margin:0;max-width:11ch;font-size:clamp(42px,5vw,72px);font-weight:500;line-height:.88;letter-spacing:-.055em;color:var(--ya-ink)}
.ya-card-price{margin-top:22px;font-size:clamp(16px,1.35vw,20px);line-height:1.4;text-align:left;font-weight:700;color:rgba(23,19,19,.78)}
.ya-card-price:empty{display:none}
.ya-card-view{width:100%;margin-top:auto;padding-top:18px;border-top:1px solid rgba(72,45,38,.14);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;transition:color .25s ease}
.ya-card:hover .ya-card-view{color:var(--ya-pink)}
.ya-flow-hint{position:absolute;z-index:8;left:var(--ya-gutter);bottom:22px;display:flex;align-items:center;gap:10px;color:rgba(23,19,19,.55);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.ya-flow-hint::after{content:'';width:54px;height:2px;background:var(--ya-brand)}

/* OUTRO */
.ya-outro{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(circle at 22% 22%,rgba(247,127,0,.14),transparent 26%),radial-gradient(circle at 82% 76%,rgba(217,37,80,.18),transparent 30%),var(--ya-deep);color:#fff;opacity:0;pointer-events:none;will-change:opacity}
.ya-outro-inner{width:min(1100px,calc(100% - 48px));text-align:center}
.ya-outro-kicker{font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;background:var(--ya-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.ya-outro h2{margin:24px auto 0;max-width:10em;font-size:clamp(64px,8.8vw,140px);font-weight:500;line-height:.84;letter-spacing:-.065em}
.ya-outro-cta{width:min(430px,72vw);aspect-ratio:2.6/1;margin:42px auto 0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:var(--ya-brand);color:#fff!important;font-size:clamp(30px,4vw,62px);font-weight:500;line-height:1;letter-spacing:-.05em;transform:scale(0);transform-origin:center;pointer-events:auto;will-change:transform}

/* CURSOR */
.ya-cursor{position:fixed;z-index:10040;left:0;top:0;width:48px;height:48px;border:2px solid #fff;border-radius:50%;display:none;place-items:center;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:exclusion}
.ya-cursor::before{content:'+';color:#fff;font-size:18px;line-height:1}

/* STATIC BRAND FINISH */
.ya-after{position:relative;z-index:90;background:linear-gradient(180deg,#f8f2eb 0%,#f3ebe3 100%);color:var(--ya-ink);isolation:isolate}
.ya-after-shell{width:min(1320px,calc(100% - clamp(32px,8vw,128px)));margin-inline:auto}
.ya-about{padding:clamp(110px,13vw,180px) 0;border-bottom:1px solid var(--ya-line);scroll-margin-top:110px}
.ya-about-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:clamp(40px,8vw,120px)}
.ya-section-label{font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;background:var(--ya-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.ya-about h2{margin:0;max-width:15ch;font-size:clamp(44px,5.6vw,82px);font-weight:500;line-height:.96;letter-spacing:-.055em}
.ya-about p{margin:24px 0 0;max-width:720px;font-size:clamp(15px,1.15vw,17px);line-height:1.78;color:rgba(17,17,17,.68)}
.ya-contact-band{position:relative;margin-top:0;padding:clamp(92px,9vw,132px) 0;background:radial-gradient(circle at 10% 20%,rgba(247,127,0,.18),transparent 27%),radial-gradient(circle at 88% 78%,rgba(217,37,80,.22),transparent 32%),var(--ya-deep);color:#fff;overflow:hidden;scroll-margin-top:104px}
.ya-contact-band::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:82px 82px;pointer-events:none}
.ya-contact-shell{position:relative;z-index:2;width:min(1240px,calc(100% - clamp(40px,7vw,112px)));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:clamp(54px,7vw,108px);align-items:center}
.ya-contact-copy{min-width:0;max-width:720px}
.ya-contact-band .ya-section-label{color:#ff9c3d;background:none;-webkit-background-clip:initial;background-clip:initial}
.ya-contact-band h2{margin:18px 0 0;max-width:9ch;font-size:clamp(56px,6.7vw,100px);font-weight:500;line-height:.91;letter-spacing:-.058em;text-wrap:balance}
.ya-contact-band p{max-width:610px;margin:26px 0 0;color:rgba(255,255,255,.66);font-size:clamp(14px,1.1vw,17px);line-height:1.72}
.ya-contact-actions{width:min(100%,480px);justify-self:end;display:flex;flex-direction:column;align-items:stretch;gap:14px}
.ya-contact-email,.ya-contact-page{width:100%;min-height:70px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(255,255,255,.20);border-radius:18px;color:#fff!important;text-decoration:none;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.ya-contact-email span,.ya-contact-page span{min-width:0}
.ya-contact-email{font-size:clamp(16px,1.5vw,22px);font-weight:500;overflow-wrap:anywhere}
.ya-contact-page{background:var(--ya-brand);border-color:transparent;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ya-contact-email .ya-icon,.ya-contact-page .ya-icon{flex:0 0 18px;width:18px;height:18px}
.ya-contact-email:hover,.ya-contact-page:hover{transform:translateY(-3px)}
.ya-contact-email:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.05)}

/* FALLBACK */
.ya-fallback{display:none;padding:120px 20px;background:var(--ya-paper)}
.ya-fallback-grid{width:min(1180px,100%);margin:40px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.ya-fallback-card{border-top:1px solid var(--ya-line);padding-top:18px}
.ya-fallback-card img{width:100%;height:340px;object-fit:contain}
.ya-static-mode .ya-fixed{display:none}
.ya-static-mode.ya-scroll-root{min-height:0!important;height:auto!important}
.ya-static-mode .ya-fallback{display:block}

@media(hover:hover) and (pointer:fine) and (min-width:1024px){
    #yolo-archive .ya-scroll-root,#yolo-archive .ya-scroll-root a{cursor:none}
    .ya-cursor{display:grid}
}
@media(max-width:1023px){
    .ya-hero-copy{top:150px;width:70vw}
    .ya-hero-copy h1{font-size:clamp(60px,10vw,96px)}
    .ya-hero-meta{width:240px}
    .ya-contact-shell{grid-template-columns:1fr;gap:38px;align-items:start}
    .ya-contact-copy{max-width:760px}
    .ya-contact-actions{width:min(100%,620px);justify-self:start}
    .ya-contact-band h2{max-width:11ch;font-size:clamp(52px,8vw,78px)}
}
@media(max-width:639px){
    .ya-fixed{overflow:hidden}
    .ya-hero-ui{color:#111;mix-blend-mode:normal}
    .ya-hero-media{top:clamp(330px,44svh,390px);bottom:0;height:auto;background:var(--ya-paper)}
    .ya-hero-media::after{background:radial-gradient(circle at 82% 16%,rgba(247,127,0,.10),transparent 30%),radial-gradient(circle at 14% 82%,rgba(217,37,80,.08),transparent 34%)}
    .ya-hero-copy{top:calc(88px + env(safe-area-inset-top));left:16px;width:calc(100% - 32px);color:#111;mix-blend-mode:normal}
    .ya-eyebrow{margin-bottom:14px}
    .ya-hero-copy h1{max-width:8.2em;color:#111;font-size:clamp(46px,13.8vw,64px);line-height:.88;letter-spacing:-.055em}
    .ya-hero-copy p{margin-top:17px;max-width:34ch;color:rgba(17,17,17,.72);font-size:12px;line-height:1.55}
    .ya-hero-meta{display:none}
    .ya-scroll-note{display:none}
    .ya-mobile-explore{pointer-events:auto;width:max-content;margin-top:20px;display:inline-flex;align-items:center;gap:9px;padding:0 0 6px;border-bottom:1px solid rgba(17,17,17,.65);color:#111!important;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
    .ya-fallback-word{top:54%;font-size:104px;opacity:.028}
    .ya-hero-gridlines{inset:-14%;background-size:64px 64px;transform:rotateX(62deg) translateY(32%)}
    .ya-hero-object{border-radius:18px;background:rgba(247,244,239,.86);box-shadow:0 16px 36px rgba(17,17,17,.045)}
    .ya-hero-object.o1{left:2%;top:19%;width:41vw}
    .ya-hero-object.o2{left:auto;right:3%;top:5%;width:31vw}
    .ya-hero-object.o3{right:7%;top:49%;width:28vw}
    .ya-hero-object.o4{right:3%;top:72%;width:24vw}
    .ya-hero-object.o5{left:5%;bottom:4%;width:30vw}
    .ya-outro-inner{width:calc(100% - 32px)}
    .ya-outro h2{font-size:52px;line-height:.88}
    .ya-outro-cta{width:min(300px,82vw);margin-top:28px;font-size:34px}
    .ya-about-grid{grid-template-columns:1fr}
    .ya-about{padding:96px 0 82px;scroll-margin-top:86px}
    .ya-about h2{font-size:46px}
    .ya-contact-shell{width:calc(100% - 32px);grid-template-columns:1fr;gap:30px}
    .ya-contact-band{padding:68px 0;scroll-margin-top:86px}
    .ya-contact-band h2{max-width:10ch;font-size:clamp(45px,13vw,58px);line-height:.92}
    .ya-contact-band p{margin-top:20px;font-size:14px;line-height:1.65}
    .ya-contact-actions{width:100%;justify-self:stretch;gap:10px}
    .ya-contact-email,.ya-contact-page{min-height:62px;padding:0 18px;border-radius:16px}
    .ya-contact-email{font-size:16px;overflow-wrap:anywhere}
    .ya-fallback-grid{grid-template-columns:1fr}
}

@media(max-width:1023px){
    .ya-gallery{padding:0 max(28px,calc((100vw - min(700px,76vw))/2));gap:30px}
    .ya-card{flex-basis:min(700px,76vw);height:min(540px,70vh)}
    .ya-card-name{font-size:clamp(38px,6vw,64px)}
}
@media(max-width:639px){
    .ya-panel-head{top:calc(76px + env(safe-area-inset-top));left:18px;right:18px;display:block;padding-bottom:12px}
    .ya-panel-head strong{font-size:12px}
    .ya-panel-head span{display:block;margin-top:4px;font-size:9px}
    .ya-gallery-viewport{inset:132px 0 28px}
    .ya-gallery{padding:0 9vw;gap:18px}
    .ya-card{flex:0 0 82vw;height:min(560px,69vh);transform:scale(.94)}
    .ya-card-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1.35fr) minmax(155px,.65fr);border-radius:22px}
    .ya-card-info{padding:19px 20px;border-left:0;border-top:1px solid rgba(255,255,255,.12)}
    .ya-card-media::before{width:min(62%,250px)}
    .ya-card img{max-width:62%;max-height:78%}
    .ya-card.retro img{max-width:34%;max-height:82%}
    .ya-card.stylus img{max-width:20%;max-height:82%}
    .ya-card.kids-watch img{max-width:52%;max-height:78%}
    .ya-card-cat{margin-bottom:9px;font-size:8px}
    .ya-card-name{max-width:15ch;font-size:30px;line-height:.92}
    .ya-card-price{margin-top:10px;font-size:14px}
    .ya-card-view{margin-top:14px;padding-top:10px;font-size:8px}
    .ya-flow-hint{left:18px;bottom:12px;font-size:8px}
}



/* UNIQUE KINETIC HERO -------------------------------------------------- */
.ya-hero-media{
    background:#f4efe8;
}
.ya-hero-media::after{
    background:
        linear-gradient(90deg,rgba(244,239,232,.98) 0%,rgba(244,239,232,.78) 39%,rgba(244,239,232,.14) 69%,rgba(244,239,232,.38) 100%),
        radial-gradient(circle at 83% 24%,rgba(247,127,0,.15),transparent 24%),
        radial-gradient(circle at 72% 78%,rgba(217,37,80,.13),transparent 29%);
}
.ya-hero-kinetic{
    position:absolute;
    inset:0;
    overflow:hidden;
    background:
        radial-gradient(circle at 77% 20%,rgba(247,127,0,.12),transparent 21%),
        radial-gradient(circle at 89% 78%,rgba(217,37,80,.10),transparent 25%),
        #f4efe8;
    perspective:1500px;
}
.ya-hero-kinetic::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(17,17,17,.038) 1px,transparent 1px),
        linear-gradient(90deg,rgba(17,17,17,.038) 1px,transparent 1px);
    background-size:76px 76px;
    mask-image:linear-gradient(90deg,transparent 0,#000 36%,#000 100%);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 36%,#000 100%);
    pointer-events:none;
}
.ya-hero-ghost{
    position:absolute;
    right:-.04em;
    top:48%;
    transform:translateY(-50%);
    color:transparent;
    -webkit-text-stroke:1px rgba(17,17,17,.07);
    font-size:clamp(180px,29vw,560px);
    font-weight:600;
    line-height:.7;
    letter-spacing:-.09em;
    white-space:nowrap;
    pointer-events:none;
}
.ya-orbit{
    position:absolute;
    right:-9vw;
    top:50%;
    width:min(67vw,1080px);
    aspect-ratio:1.32/1;
    border:1px solid rgba(17,17,17,.12);
    border-radius:50%;
    transform:translateY(-50%) rotate(-15deg);
    pointer-events:none;
}
.ya-orbit::before,.ya-orbit::after{
    content:'';
    position:absolute;
    border:1px solid rgba(17,17,17,.07);
    border-radius:50%;
}
.ya-orbit::before{inset:10% 8%}
.ya-orbit::after{inset:23% 19%}
.ya-orbit-dot{
    position:absolute;
    right:19.5%;
    top:10.5%;
    z-index:2;
    width:10px;
    height:10px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--ya-orange),var(--ya-pink));
    box-shadow:0 0 0 8px rgba(217,37,80,.08);
    animation:yaPulse 2.2s ease-in-out infinite;
}
@keyframes yaPulse{50%{transform:scale(1.45);box-shadow:0 0 0 14px rgba(217,37,80,.025)}}

.ya-hero-kinetic .ya-hero-object{
    z-index:4;
    width:auto;
    max-width:none;
    aspect-ratio:auto;
    border:0;
    background:transparent;
    filter:drop-shadow(0 26px 30px rgba(17,17,17,.12));
    transform-style:preserve-3d;
}
.ya-hero-kinetic .ya-hero-object img{width:100%;height:100%;object-fit:contain}
.ya-hero-kinetic .ya-hero-object.o1{left:auto;right:17%;top:19%;width:clamp(180px,20vw,340px);height:clamp(260px,43vh,470px)}
.ya-hero-kinetic .ya-hero-object.o2{left:auto;right:2.5%;top:10%;width:clamp(130px,13vw,220px);height:clamp(130px,25vh,240px);transform:rotate(6deg)}
.ya-hero-kinetic .ya-hero-object.o3{left:auto;right:6%;top:auto;bottom:16%;width:clamp(88px,8.5vw,145px);height:clamp(150px,28vh,280px);transform:rotate(-5deg)}
.ya-hero-kinetic .ya-hero-object.o4{left:auto;right:39%;top:auto;bottom:12%;width:clamp(78px,7vw,112px);height:clamp(175px,31vh,300px);transform:rotate(14deg)}
.ya-hero-kinetic .ya-hero-object.o5{left:auto;right:42%;top:13%;width:clamp(120px,12vw,210px);height:clamp(135px,24vh,230px);transform:rotate(-9deg)}
.ya-hero-kinetic .ya-hero-object.retro img{width:100%;height:100%}
.ya-hero-kinetic .ya-hero-object.stylus img{width:100%;height:100%}

.ya-hero-copy{
    top:clamp(146px,20vh,220px);
    width:min(670px,47vw);
}
.ya-hero-copy h1{
    max-width:6.1em;
    color:#111;
    font-size:clamp(66px,7.3vw,118px);
    line-height:.82;
    letter-spacing:-.068em;
    text-shadow:none;
}
.ya-hero-copy p{max-width:430px;color:rgba(17,17,17,.66);font-size:14px;line-height:1.65}
.ya-hero-ui{color:#111;mix-blend-mode:normal}
.ya-eyebrow{color:var(--ya-pink);background:none;-webkit-background-clip:initial;background-clip:initial}
.ya-hero-meta{color:#111}
.ya-meta-label{color:rgba(17,17,17,.52)}
.ya-scroll-note{bottom:112px;color:rgba(17,17,17,.72)}
.ya-mobile-explore{color:#111!important}

.ya-hero-cta-row{
    margin-top:30px;
    display:flex;
    align-items:center;
    gap:12px;
    pointer-events:auto;
}
.ya-hero-cta-primary,.ya-hero-cta-secondary{
    min-height:48px;
    padding:0 19px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    font-size:9px;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
    transition:transform .22s ease,background .22s ease,color .22s ease;
}
.ya-hero-cta-primary{background:#111;color:#fff!important;border:1px solid #111}
.ya-hero-cta-secondary{border:1px solid rgba(17,17,17,.25);color:#111!important}
.ya-hero-cta-primary:hover,.ya-hero-cta-secondary:hover{transform:translateY(-2px)}
.ya-hero-cta-secondary:hover{background:#111;color:#fff!important}

/* Moving logo rail. No partner/trusted-by claim is displayed. */
.ya-logo-rail{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:8;
    height:84px;
    display:flex;
    align-items:center;
    overflow:hidden;
    border-top:1px solid rgba(17,17,17,.14);
    background:rgba(244,239,232,.88);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    pointer-events:none;
}
.ya-logo-track{
    width:max-content;
    display:flex;
    align-items:center;
    animation:yaLogoRun 22s linear infinite;
    will-change:transform;
}
.ya-logo-set{display:flex;align-items:center;flex:0 0 auto}
.ya-logo-item{
    width:clamp(190px,18vw,300px);
    height:84px;
    padding:16px 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-right:1px solid rgba(17,17,17,.12);
}
.ya-logo-item img{
    display:block;
    max-width:155px;
    max-height:48px;
    width:auto;
    height:auto;
    object-fit:contain;
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
}
.ya-logo-item.all-day img{max-height:38px;max-width:145px}
.ya-logo-item.ethiopian-airlines img{max-height:42px;max-width:170px}
@keyframes yaLogoRun{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

@media(max-width:900px){
    .ya-hero-copy{width:min(620px,58vw)}
    .ya-hero-kinetic .ya-hero-object.o1{right:11%;width:28vw}
    .ya-hero-kinetic .ya-hero-object.o5{right:42%;width:15vw}
    .ya-logo-item{width:240px}
}

@media(max-width:640px){
    .ya-hero-media{top:0!important;height:100%!important;bottom:auto!important}
    .ya-hero-media::after{background:linear-gradient(180deg,rgba(244,239,232,.98) 0%,rgba(244,239,232,.80) 36%,rgba(244,239,232,.18) 67%,rgba(244,239,232,.5) 100%)}
    .ya-hero-kinetic::before{background-size:54px 54px;mask-image:linear-gradient(180deg,transparent 0,#000 30%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%,#000 100%)}
    .ya-hero-ghost{right:-.2em;top:68%;font-size:56vw}
    .ya-orbit{right:-62vw;top:69%;width:132vw}
    .ya-orbit-dot{right:15%;top:41%}
    .ya-hero-copy{top:calc(92px + env(safe-area-inset-top));width:calc(100% - 32px)}
    .ya-hero-copy h1{max-width:8ch;font-size:clamp(49px,14vw,66px);line-height:.84}
    .ya-hero-copy p{max-width:30ch;margin-top:18px;font-size:12px;line-height:1.58}
    .ya-hero-cta-row{margin-top:20px;gap:8px}
    .ya-hero-cta-primary,.ya-hero-cta-secondary{min-height:42px;padding:0 13px;font-size:8px}
    .ya-mobile-explore{display:none}
    .ya-hero-kinetic .ya-hero-object.o1{right:8%;top:48%;width:40vw;height:35vh}
    .ya-hero-kinetic .ya-hero-object.o2{right:1%;top:39%;width:24vw;height:18vh}
    .ya-hero-kinetic .ya-hero-object.o3{right:7%;bottom:13%;width:19vw;height:21vh}
    .ya-hero-kinetic .ya-hero-object.o4{right:53%;bottom:13%;width:12vw;height:23vh}
    .ya-hero-kinetic .ya-hero-object.o5{right:55%;top:49%;width:25vw;height:19vh}
    .ya-hero-meta,.ya-scroll-note{display:none}
    .ya-logo-rail{height:68px}
    .ya-logo-item{width:190px;height:68px;padding:12px 30px}
    .ya-logo-item img{max-height:36px;max-width:135px}
    .ya-logo-track{animation-duration:18s}
}

@media(prefers-reduced-motion:reduce){
    .ya-logo-track,.ya-orbit-dot{animation:none!important}
}


/* BLUR SWIRL MINIMAL HERO -------------------------------------------- */
.ya-hero-media{
    background:#f4efe8;
}
.ya-hero-media::after{
    z-index:3;
    background:
        linear-gradient(90deg,rgba(247,244,239,.98) 0%,rgba(247,244,239,.86) 34%,rgba(247,244,239,.16) 66%,rgba(247,244,239,.05) 100%);
}
.ya-hero-kinetic{
    isolation:isolate;
    background:#f3eee8;
    perspective:1500px;
}
.ya-hero-kinetic::before,
.ya-hero-kinetic::after{
    content:'';
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    will-change:transform;
}
.ya-hero-kinetic::before{
    right:-13vmax;
    top:-28vmax;
    width:76vmax;
    aspect-ratio:1;
    background:
        conic-gradient(from 15deg,
            rgba(247,127,0,.76),
            rgba(255,190,118,.26) 18%,
            rgba(217,37,80,.70) 39%,
            rgba(170,94,184,.22) 58%,
            rgba(247,127,0,.64) 79%,
            rgba(247,127,0,.76));
    filter:blur(82px) saturate(1.08);
    opacity:.62;
    transform:rotate(0deg) scale(1.02);
    animation:yaSwirlA 18s linear infinite;
}
.ya-hero-kinetic::after{
    right:9vmax;
    bottom:-32vmax;
    width:58vmax;
    aspect-ratio:1;
    background:
        conic-gradient(from 210deg,
            rgba(217,37,80,.56),
            rgba(247,127,0,.14) 25%,
            rgba(249,183,111,.48) 50%,
            rgba(217,37,80,.15) 72%,
            rgba(217,37,80,.56));
    filter:blur(100px) saturate(1.04);
    opacity:.46;
    animation:yaSwirlB 24s linear infinite reverse;
}
@keyframes yaSwirlA{
    0%{transform:rotate(0deg) scale(1.02) translate3d(0,0,0)}
    50%{transform:rotate(180deg) scale(1.10) translate3d(-2.5vmax,2vmax,0)}
    100%{transform:rotate(360deg) scale(1.02) translate3d(0,0,0)}
}
@keyframes yaSwirlB{
    0%{transform:rotate(0deg) scale(.98) translate3d(0,0,0)}
    50%{transform:rotate(180deg) scale(1.08) translate3d(3vmax,-2vmax,0)}
    100%{transform:rotate(360deg) scale(.98) translate3d(0,0,0)}
}

.ya-hero-ghost,.ya-orbit,.ya-orbit-dot{display:none!important}

.ya-hero-kinetic .ya-hero-object{
    z-index:2;
    filter:drop-shadow(0 28px 34px rgba(17,17,17,.13));
    opacity:.96;
}
.ya-hero-kinetic .ya-hero-object.o1{right:18%;top:21%;width:clamp(180px,18vw,310px);height:clamp(250px,40vh,430px)}
.ya-hero-kinetic .ya-hero-object.o2{right:4%;top:17%;width:clamp(105px,10vw,170px);height:clamp(105px,19vh,180px)}
.ya-hero-kinetic .ya-hero-object.o3{right:5%;bottom:18%;width:clamp(76px,7vw,120px);height:clamp(130px,23vh,230px)}
.ya-hero-kinetic .ya-hero-object.o4{right:40%;bottom:16%;width:clamp(62px,5.8vw,96px);height:clamp(145px,25vh,250px)}
.ya-hero-kinetic .ya-hero-object.o5{right:42%;top:18%;width:clamp(96px,9vw,150px);height:clamp(108px,18vh,170px)}

.ya-hero-copy{
    top:50%;
    width:min(650px,45vw);
    transform:translateY(-54%);
}
.ya-eyebrow{
    margin-bottom:18px;
    color:rgba(17,17,17,.62);
    font-size:10px;
    letter-spacing:.11em;
}
.ya-hero-copy h1{
    max-width:6.7ch;
    font-size:clamp(72px,8vw,132px);
    line-height:.79;
    letter-spacing:-.072em;
}
.ya-hero-copy p,.ya-hero-meta{display:none!important}
.ya-hero-cta-row{margin-top:30px}
.ya-hero-cta-primary{
    min-height:46px;
    padding:0 18px;
    background:#111;
    color:#fff!important;
    border:1px solid #111;
}
.ya-scroll-note{bottom:106px;color:rgba(17,17,17,.56)}

.ya-logo-rail{
    background:rgba(247,244,239,.70);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
}

@media(max-width:900px){
    .ya-hero-copy{width:52vw}
    .ya-hero-kinetic .ya-hero-object.o1{right:8%;width:26vw}
    .ya-hero-kinetic .ya-hero-object.o5{right:39%;width:13vw}
}

@media(max-width:640px){
    .ya-hero-media::after{
        background:linear-gradient(180deg,rgba(247,244,239,.98) 0%,rgba(247,244,239,.88) 34%,rgba(247,244,239,.24) 64%,rgba(247,244,239,.18) 100%);
    }
    .ya-hero-kinetic::before{
        right:-64vw;
        top:24vh;
        width:150vw;
        filter:blur(58px) saturate(1.04);
        opacity:.56;
    }
    .ya-hero-kinetic::after{
        right:1vw;
        bottom:-18vh;
        width:116vw;
        filter:blur(72px);
        opacity:.42;
    }
    .ya-hero-copy{
        top:calc(112px + env(safe-area-inset-top));
        width:calc(100% - 32px);
        transform:none;
    }
    .ya-hero-copy h1{max-width:7ch;font-size:clamp(54px,15vw,72px);line-height:.82}
    .ya-hero-cta-row{margin-top:22px}
    .ya-hero-kinetic .ya-hero-object.o1{right:7%;top:48%;width:40vw;height:34vh}
    .ya-hero-kinetic .ya-hero-object.o2{right:0;top:43%;width:22vw;height:16vh}
    .ya-hero-kinetic .ya-hero-object.o3{right:5%;bottom:14%;width:18vw;height:20vh}
    .ya-hero-kinetic .ya-hero-object.o4{right:54%;bottom:13%;width:11vw;height:22vh}
    .ya-hero-kinetic .ya-hero-object.o5{right:56%;top:52%;width:23vw;height:17vh}
    .ya-scroll-note{display:none!important}
}

@media(prefers-reduced-motion:reduce){
    .ya-hero-kinetic::before,.ya-hero-kinetic::after{animation:none!important}
}

/* STACKED PRODUCT CARDS HERO ----------------------------------------- */
.ya-hero-kinetic{perspective:1400px;perspective-origin:72% 48%;transform-style:preserve-3d}

.ya-hero-kinetic .ya-hero-object.o1,
.ya-hero-kinetic .ya-hero-object.o2,
.ya-hero-kinetic .ya-hero-object.o3,
.ya-hero-kinetic .ya-hero-object.o4,
.ya-hero-kinetic .ya-hero-object.o5{
    left:auto;
    right:10.5%;
    top:16%;
    bottom:auto;
    width:clamp(250px,27vw,430px);
    height:clamp(350px,58vh,565px);
    max-width:none;
    filter:none;
    opacity:1;
    background:transparent;
    transform:none;
    transform-style:preserve-3d;
    will-change:transform;
}
.ya-hero-kinetic .ya-hero-object.o1{z-index:7}
.ya-hero-kinetic .ya-hero-object.o2{z-index:6}
.ya-hero-kinetic .ya-hero-object.o3{z-index:5}
.ya-hero-kinetic .ya-hero-object.o4{z-index:4}
.ya-hero-kinetic .ya-hero-object.o5{z-index:3}

.ya-stack-card{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid rgba(17,17,17,.13);
    border-radius:clamp(24px,2.4vw,38px);
    background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,250,245,.43));
    box-shadow:0 34px 85px rgba(57,35,29,.13),inset 0 1px 0 rgba(255,255,255,.72);
    backdrop-filter:blur(16px) saturate(1.04);
    -webkit-backdrop-filter:blur(16px) saturate(1.04);
    transform-origin:50% 72%;
    will-change:transform,opacity,filter;
    transition:transform .92s cubic-bezier(.22,1,.36,1),opacity .62s ease,filter .62s ease,box-shadow .62s ease;
}
.ya-stack-card::before{
    content:'';
    position:absolute;
    left:18px;
    right:18px;
    top:17px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(247,127,0,.72),rgba(217,37,80,.72));
    opacity:.52;
}
.ya-stack-card::after{
    content:'';
    position:absolute;
    width:72%;
    aspect-ratio:1;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.62),rgba(255,255,255,0) 68%);
    pointer-events:none;
}
.ya-hero-object.o1 .ya-stack-card{transform:translate3d(0,0,0) rotate(-1.5deg)}
.ya-hero-object.o2 .ya-stack-card{transform:translate3d(-56px,-27px,-18px) rotate(-7deg)}
.ya-hero-object.o3 .ya-stack-card{transform:translate3d(58px,24px,-36px) rotate(7deg)}
.ya-hero-object.o4 .ya-stack-card{transform:translate3d(-94px,58px,-54px) rotate(-11deg)}
.ya-hero-object.o5 .ya-stack-card{transform:translate3d(96px,70px,-72px) rotate(12deg)}

.ya-stack-card img{
    position:relative;
    z-index:2;
    width:auto!important;
    height:auto!important;
    max-width:72%!important;
    max-height:74%!important;
    object-fit:contain;
    filter:drop-shadow(0 24px 22px rgba(36,24,20,.16));
}
.ya-hero-object.camera .ya-stack-card img{max-width:78%!important;max-height:72%!important}
.ya-hero-object.retro .ya-stack-card img{max-width:48%!important;max-height:78%!important}
.ya-hero-object.stylus .ya-stack-card img{max-width:28%!important;max-height:80%!important}
.ya-hero-object.kids-watch .ya-stack-card img{max-width:62%!important;max-height:72%!important}

/* MAGNETIC SPRING DECK
   No idle wandering. The stack reacts only to real pointer velocity and
   settles back with an elastic spring, a current interaction-led motion style. */
.ya-stack-card img{
    animation:none!important;
    will-change:transform;
    transform:translate3d(var(--ya-img-x,0px),var(--ya-img-y,0px),0) scale(var(--ya-img-scale,1));
}
.ya-stack-card::after{
    left:14%;
    top:14%;
    opacity:var(--ya-glow-opacity,.34);
    transform:translate3d(var(--ya-glow-x,0px),var(--ya-glow-y,0px),0) scale(var(--ya-glow-scale,.96));
    animation:none!important;
    will-change:transform,opacity;
    transition:opacity .24s ease;
}
.ya-deck-reacting .ya-stack-card{
    box-shadow:0 40px 100px rgba(57,35,29,.16),inset 0 1px 0 rgba(255,255,255,.80);
}
.ya-deck-shuffling .ya-stack-card{
    filter:saturate(1.04);
    box-shadow:0 42px 105px rgba(57,35,29,.17),inset 0 1px 0 rgba(255,255,255,.78);
}

@media(max-width:900px){
    .ya-hero-kinetic .ya-hero-object.o1,
    .ya-hero-kinetic .ya-hero-object.o2,
    .ya-hero-kinetic .ya-hero-object.o3,
    .ya-hero-kinetic .ya-hero-object.o4,
    .ya-hero-kinetic .ya-hero-object.o5{
        right:6%;
        top:22%;
        width:clamp(230px,34vw,360px);
        height:clamp(320px,52vh,480px);
    }
    .ya-hero-object.o2 .ya-stack-card{transform:translate3d(-42px,-22px,-18px) rotate(-6deg)}
    .ya-hero-object.o3 .ya-stack-card{transform:translate3d(46px,20px,-36px) rotate(6deg)}
    .ya-hero-object.o4 .ya-stack-card{transform:translate3d(-70px,45px,-54px) rotate(-9deg)}
    .ya-hero-object.o5 .ya-stack-card{transform:translate3d(72px,54px,-72px) rotate(10deg)}
}

@media(max-width:640px){
    .ya-hero-kinetic .ya-hero-object.o1,
    .ya-hero-kinetic .ya-hero-object.o2,
    .ya-hero-kinetic .ya-hero-object.o3,
    .ya-hero-kinetic .ya-hero-object.o4,
    .ya-hero-kinetic .ya-hero-object.o5{
        right:8%;
        top:45%;
        width:72vw;
        height:38vh;
        min-height:270px;
        max-height:360px;
    }
    .ya-stack-card{border-radius:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
    .ya-stack-card::before{left:14px;right:14px;top:13px}
    .ya-hero-object.o1 .ya-stack-card{transform:translate3d(0,0,0) rotate(-1deg)}
    .ya-hero-object.o2 .ya-stack-card{transform:translate3d(-24px,-14px,-16px) rotate(-5deg)}
    .ya-hero-object.o3 .ya-stack-card{transform:translate3d(28px,14px,-32px) rotate(5deg)}
    .ya-hero-object.o4 .ya-stack-card{transform:translate3d(-39px,29px,-48px) rotate(-8deg)}
    .ya-hero-object.o5 .ya-stack-card{transform:translate3d(41px,35px,-64px) rotate(8deg)}
    .ya-stack-card img{max-width:64%!important;max-height:68%!important}
    .ya-hero-object.camera .ya-stack-card img{max-width:72%!important}
    .ya-hero-object.retro .ya-stack-card img{max-width:40%!important;max-height:72%!important}
    .ya-hero-object.stylus .ya-stack-card img{max-width:23%!important;max-height:73%!important}
    .ya-hero-object.kids-watch .ya-stack-card img{max-width:54%!important;max-height:66%!important}
}

@media(prefers-reduced-motion:reduce){
    .ya-stack-card{transition:none!important}
    .ya-stack-card img,.ya-stack-card::after{animation:none!important}
}


/* IMMERSIVE STACK INSPECTOR ----------------------------------------- */
.ya-hero-kinetic{
    --ya-cursor-x:72%;
    --ya-cursor-y:46%;
}
.ya-ambient-mesh{
    position:absolute;
    inset:0;
    z-index:1;
    overflow:hidden;
    pointer-events:none;
}
.ya-ambient-mesh::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle 320px at var(--ya-cursor-x) var(--ya-cursor-y),rgba(255,255,255,.60),rgba(255,255,255,.16) 38%,transparent 72%),
        linear-gradient(120deg,transparent 0 46%,rgba(255,255,255,.20) 50%,transparent 54%);
    opacity:.82;
    mix-blend-mode:soft-light;
    transform:translateZ(0);
}
.ya-ambient-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(50px);
    opacity:.34;
    will-change:transform;
}
.ya-ambient-orb.a{
    width:32vw;height:32vw;min-width:320px;min-height:320px;
    right:4%;top:8%;
    background:rgba(247,127,0,.28);
    animation:yaAmbientA 13s ease-in-out infinite alternate;
}
.ya-ambient-orb.b{
    width:26vw;height:26vw;min-width:260px;min-height:260px;
    right:31%;bottom:3%;
    background:rgba(217,37,80,.24);
    animation:yaAmbientB 17s ease-in-out infinite alternate;
}
.ya-ambient-orb.c{
    width:22vw;height:22vw;min-width:230px;min-height:230px;
    right:18%;top:36%;
    background:rgba(255,220,154,.30);
    animation:yaAmbientC 15s ease-in-out infinite alternate;
}
@keyframes yaAmbientA{to{transform:translate3d(-7vw,6vh,0) scale(1.13)}}
@keyframes yaAmbientB{to{transform:translate3d(8vw,-7vh,0) scale(.92)}}
@keyframes yaAmbientC{to{transform:translate3d(-4vw,-6vh,0) scale(1.10)}}

.ya-hero-kinetic{pointer-events:auto}
.ya-hero-object{pointer-events:none}
.ya-stack-trigger{
    pointer-events:auto;
    appearance:none;
    -webkit-appearance:none;
    padding:0;
    color:inherit;
    font:inherit;
    text-align:inherit;
    cursor:pointer;
    outline:none;
}
.ya-stack-trigger:focus-visible{
    border-color:rgba(17,17,17,.58);
    box-shadow:0 0 0 4px rgba(255,255,255,.72),0 38px 96px rgba(57,35,29,.18);
}
.ya-stack-trigger.is-selected{
    border-color:rgba(17,17,17,.34);
    box-shadow:0 42px 112px rgba(57,35,29,.20),0 0 0 1px rgba(255,255,255,.72) inset;
}
.ya-stack-trigger.is-selected::before{opacity:1;height:3px}

.ya-card-detail{
    position:absolute;
    z-index:35;
    right:clamp(18px,4.2vw,72px);
    bottom:104px;
    width:min(330px,31vw);
    padding:16px 16px 14px;
    border:1px solid rgba(17,17,17,.14);
    border-radius:18px;
    background:rgba(250,247,242,.76);
    backdrop-filter:blur(22px) saturate(1.08);
    -webkit-backdrop-filter:blur(22px) saturate(1.08);
    box-shadow:0 22px 55px rgba(57,35,29,.12);
    color:#111;
    opacity:0;
    transform:translate3d(0,14px,0) scale(.96);
    transform-origin:right bottom;
    pointer-events:none;
    transition:opacity .28s ease,transform .45s cubic-bezier(.22,1,.36,1);
}
.ya-card-detail.is-open{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    pointer-events:auto;
}
.ya-detail-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.ya-detail-cat{font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:rgba(17,17,17,.54)}
.ya-detail-close{
    width:30px;height:30px;padding:0;border:1px solid rgba(17,17,17,.15);border-radius:50%;
    background:rgba(255,255,255,.45);display:grid;place-items:center;cursor:pointer;font-size:17px;line-height:1;
}
.ya-detail-name{display:block;margin:0;font-size:clamp(22px,2vw,31px);line-height:.96;font-weight:600;letter-spacing:-.045em}
.ya-detail-price{display:block;min-height:18px;margin-top:9px;color:rgba(17,17,17,.58);font-size:12px;font-weight:700}
.ya-detail-price:empty{display:none}
.ya-detail-link{
    margin-top:15px;min-height:40px;padding:0 13px;border-radius:999px;background:#111;color:#fff!important;
    display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.ya-detail-link span:last-child{font-size:14px;transition:transform .22s ease}
.ya-detail-link:hover span:last-child{transform:translate(2px,-2px)}
.ya-deck-hint{
    position:absolute;z-index:24;right:clamp(18px,4.2vw,72px);bottom:105px;
    padding:9px 12px;border:1px solid rgba(17,17,17,.14);border-radius:999px;background:rgba(250,247,242,.62);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:rgba(17,17,17,.58);
    pointer-events:none;transition:opacity .22s ease,transform .22s ease;
}
.ya-deck-has-detail .ya-deck-hint{opacity:0;transform:translateY(5px)}

@media(max-width:900px){
    .ya-card-detail{width:min(300px,38vw)}
}
@media(max-width:640px){
    .ya-card-detail{
        left:16px;right:16px;bottom:79px;width:auto;padding:13px 13px 12px;border-radius:16px;
        transform-origin:center bottom;
    }
    .ya-detail-name{font-size:23px}
    .ya-deck-hint{right:16px;bottom:82px}
    .ya-deck-hint{font-size:0}
    .ya-deck-hint::after{content:'Tap a card';font-size:8px}
    .ya-ambient-orb{filter:blur(42px);opacity:.26}
}
@media(prefers-reduced-motion:reduce){
    .ya-ambient-orb{animation:none!important}
    .ya-card-detail{transition:none!important}
}

/* HARVEST-INSPIRED HERO JUMP ----------------------------------------- */
.ya-hero-media,.ya-hero-ui,.ya-logo-rail{will-change:transform,opacity,filter}
.ya-panel{transform-origin:center top;will-change:transform,border-radius}
.ya-jump-flash{
    position:absolute;
    inset:0;
    z-index:9;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.18) 46%,rgba(255,255,255,0) 100%);
    opacity:0;
    transform:translate3d(0,100%,0);
    mix-blend-mode:soft-light;
    will-change:transform,opacity;
}
@media(max-width:640px){
    .ya-jump-flash{display:none}
}

@media(prefers-reduced-motion:reduce){.ya-cursor{display:none!important}}

/* FINAL MOBILE BANNER PLACEMENT -------------------------------------
   Keeps the fixed header, hero copy, interactive stack and moving logo rail
   in separate vertical zones so they never collide on phones. */
@media(max-width:640px){
    #yolo-archive .ya-fixed{overflow:hidden}
    #yolo-archive .ya-hero-ui{z-index:18}
    #yolo-archive .ya-hero-copy{
        left:18px!important;
        top:calc(86px + env(safe-area-inset-top))!important;
        width:calc(100% - 36px)!important;
        transform:none!important;
    }
    #yolo-archive .ya-eyebrow{margin-bottom:10px;font-size:8px;letter-spacing:.12em}
    #yolo-archive .ya-hero-copy h1{
        max-width:6.5ch!important;
        font-size:clamp(44px,13vw,58px)!important;
        line-height:.82!important;
        letter-spacing:-.062em!important;
    }
    #yolo-archive .ya-hero-cta-row{margin-top:16px!important}
    #yolo-archive .ya-hero-cta-primary{
        min-height:40px!important;
        padding:0 13px!important;
        font-size:8px!important;
    }

    #yolo-archive .ya-hero-kinetic .ya-hero-object.o1,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o2,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o3,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o4,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o5{
        left:14vw!important;
        right:auto!important;
        top:38svh!important;
        bottom:auto!important;
        width:72vw!important;
        height:min(34svh,310px)!important;
        min-height:225px!important;
        max-height:310px!important;
    }
    #yolo-archive .ya-stack-card{border-radius:22px!important}
    #yolo-archive .ya-hero-object.o1 .ya-stack-card{transform:translate3d(0,0,0) rotate(-1deg)}
    #yolo-archive .ya-hero-object.o2 .ya-stack-card{transform:translate3d(-18px,-11px,-16px) rotate(-4deg)}
    #yolo-archive .ya-hero-object.o3 .ya-stack-card{transform:translate3d(20px,11px,-32px) rotate(4deg)}
    #yolo-archive .ya-hero-object.o4 .ya-stack-card{transform:translate3d(-28px,20px,-48px) rotate(-6deg)}
    #yolo-archive .ya-hero-object.o5 .ya-stack-card{transform:translate3d(30px,24px,-64px) rotate(6deg)}

    #yolo-archive .ya-card-detail{
        left:12px!important;right:12px!important;bottom:66px!important;width:auto!important;
        padding:11px 12px 10px!important;border-radius:15px!important;
        background:rgba(250,247,242,.92)!important;
    }
    #yolo-archive .ya-detail-top{margin-bottom:8px}
    #yolo-archive .ya-detail-name{font-size:20px!important;line-height:1!important}
    #yolo-archive .ya-detail-price{margin-top:6px;font-size:10px}
    #yolo-archive .ya-detail-link{margin-top:9px;min-height:36px;font-size:8px}
    #yolo-archive .ya-detail-close{width:28px;height:28px}

    /* compact icon hint instead of extra mobile text */
    #yolo-archive .ya-deck-hint{
        right:14px!important;bottom:68px!important;width:38px;height:38px;padding:0!important;
        display:grid!important;place-items:center!important;border-radius:50%!important;
        font-size:0!important;background:rgba(250,247,242,.86)!important;
    }
    #yolo-archive .ya-deck-hint::after{
        content:'+'!important;font-size:20px!important;font-weight:500!important;line-height:1!important;
        color:#111!important;letter-spacing:0!important;
    }

    #yolo-archive .ya-logo-rail{height:56px!important}
    #yolo-archive .ya-logo-item{width:158px!important;height:56px!important;padding:9px 24px!important}
    #yolo-archive .ya-logo-item img{max-height:29px!important;max-width:112px!important}
    #yolo-archive .ya-logo-track{animation-duration:20s!important}

    #yolo-archive .ya-ambient-orb{opacity:.20!important;filter:blur(48px)!important}
    #yolo-archive .ya-ambient-orb.a{right:-28%;top:28%;min-width:250px;min-height:250px}
    #yolo-archive .ya-ambient-orb.b{right:22%;bottom:7%;min-width:210px;min-height:210px}
    #yolo-archive .ya-ambient-orb.c{display:none}
}

@media(max-width:380px){
    #yolo-archive .ya-hero-copy{top:calc(80px + env(safe-area-inset-top))!important}
    #yolo-archive .ya-hero-copy h1{font-size:42px!important}
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o1,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o2,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o3,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o4,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o5{
        top:37svh!important;height:31svh!important;min-height:205px!important;
    }
}

/* MOBILE HERO SAFE-ZONE + RELOAD POLISH */
@media(max-width:640px){
    #yolo-archive .ya-fixed{min-height:100svh!important}

    /* Fallback for an older cached header markup on the homepage. */
    #header.yh-header{
        height:68px!important;
        padding:8px 14px!important;
        color:#111!important;
        background:rgba(245,243,238,.97)!important;
        border-bottom:1px solid rgba(17,17,17,.10)!important;
        mix-blend-mode:normal!important;
        backdrop-filter:blur(18px)!important;
        -webkit-backdrop-filter:blur(18px)!important;
    }
    #header.yh-header.yh-front .logo img{filter:none!important}
    #header.yh-header .logo{width:58px!important;height:40px!important}
    #header.yh-header .logo img{width:58px!important;height:38px!important;object-fit:contain!important}
    #header.yh-header .yh-right{gap:7px!important}
    #header.yh-header .yh-cart:not(:has(.yh-cart-mobile)){
        width:40px!important;height:40px!important;min-width:40px!important;
        display:grid!important;place-items:center!important;font-size:0!important;
        border:1px solid rgba(17,17,17,.14)!important;border-radius:50%!important;
        background:rgba(255,255,255,.42)!important;position:relative!important;
    }
    #header.yh-header .yh-cart:not(:has(.yh-cart-mobile))::before{
        content:'';width:16px;height:12px;border:1.6px solid currentColor;border-top:0;
        transform:skewX(-7deg);display:block;
    }
    #header.yh-header .yh-menu summary:not(:has(.yh-menu-icon)){
        width:40px!important;height:40px!important;padding:0!important;font-size:0!important;
        display:grid!important;place-items:center!important;border:1px solid rgba(17,17,17,.14)!important;
        border-radius:50%!important;background:rgba(255,255,255,.42)!important;position:relative!important;
    }
    #header.yh-header .yh-menu summary:not(:has(.yh-menu-icon))::before,
    #header.yh-header .yh-menu summary:not(:has(.yh-menu-icon))::after{
        content:'';position:absolute;left:11px;right:11px;height:1.5px;background:#111;
    }
    #header.yh-header .yh-menu summary:not(:has(.yh-menu-icon))::before{top:15px}
    #header.yh-header .yh-menu summary:not(:has(.yh-menu-icon))::after{bottom:15px}
    #yolo-archive .ya-hero-ui{z-index:16!important;pointer-events:none!important}
    #yolo-archive .ya-hero-copy{
        left:18px!important;
        top:calc(104px + env(safe-area-inset-top))!important;
        width:calc(100% - 36px)!important;
        max-width:none!important;
        transform:none!important;
        pointer-events:none!important;
    }
    #yolo-archive .ya-eyebrow{display:none!important}
    #yolo-archive .ya-hero-copy h1{
        margin:0!important;
        max-width:6.2ch!important;
        font-size:clamp(46px,13.4vw,60px)!important;
        line-height:.83!important;
        letter-spacing:-.06em!important;
    }
    #yolo-archive .ya-hero-cta-row{
        margin-top:18px!important;
        pointer-events:auto!important;
    }
    #yolo-archive .ya-hero-cta-primary{
        min-height:44px!important;
        padding:0 15px!important;
        font-size:8px!important;
    }
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o1,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o2,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o3,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o4,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o5{
        left:14vw!important;
        right:auto!important;
        top:42svh!important;
        bottom:auto!important;
        width:72vw!important;
        height:min(32svh,292px)!important;
        min-height:220px!important;
        max-height:292px!important;
    }
    #yolo-archive .ya-card-detail{
        left:14px!important;
        right:14px!important;
        bottom:68px!important;
        width:auto!important;
    }
    #yolo-archive .ya-deck-hint{
        right:14px!important;
        bottom:70px!important;
    }
    #yolo-archive .ya-logo-rail{
        bottom:0!important;
        height:54px!important;
        z-index:12!important;
    }
}
@media(max-width:390px){
    #yolo-archive .ya-hero-copy{top:calc(98px + env(safe-area-inset-top))!important}
    #yolo-archive .ya-hero-copy h1{font-size:44px!important;max-width:6.4ch!important}
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o1,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o2,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o3,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o4,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o5{
        top:41svh!important;
        height:min(31svh,270px)!important;
        min-height:205px!important;
    }
}
/* =========================================================
   FINAL 2026 MOBILE OVERLAP + UNIFIED YOLO PALETTE
   One visual system: ivory / ink / orange-pink accent.
   ========================================================= */
#yolo-archive,
#yolo-archive .ya-scroll-root,
#yolo-archive .ya-hero-media,
#yolo-archive .ya-fallback{background:#f5f3ee!important;color:#111!important}
#yolo-archive .ya-panel{
    background:
        radial-gradient(circle at 14% 20%,rgba(247,127,0,.055),transparent 26%),
        radial-gradient(circle at 88% 80%,rgba(217,37,80,.05),transparent 30%),
        #f5f3ee!important;
}
#yolo-archive .ya-after{background:#f5f3ee!important;color:#111!important}
#yolo-archive .ya-card-shell{
    border-color:rgba(17,17,17,.14)!important;
    background:rgba(255,255,255,.46)!important;
    box-shadow:none!important;
}
#yolo-archive .ya-card-info{border-left-color:rgba(17,17,17,.12)!important;background:transparent!important}
#yolo-archive .ya-panel-head{border-bottom-color:rgba(17,17,17,.15)!important}

@media(max-width:640px){
    /* Hero content MUST stay below the product panel during the jump. */
    #yolo-archive .ya-hero-ui{z-index:5!important}
    #yolo-archive .ya-hero-media{z-index:1!important}
    #yolo-archive .ya-panel{z-index:12!important;background-color:#f5f3ee!important}
    #yolo-archive .ya-outro{z-index:20!important}

    /* Collection header gets its own clean lane below the fixed header. */
    #yolo-archive .ya-panel-head{
        z-index:14!important;
        top:calc(82px + env(safe-area-inset-top))!important;
        left:18px!important;
        right:18px!important;
        padding-bottom:13px!important;
        background:#f5f3ee!important;
    }
    #yolo-archive .ya-gallery-viewport{
        inset:calc(146px + env(safe-area-inset-top)) 0 42px!important;
    }
    #yolo-archive .ya-flow-hint{bottom:18px!important}

    /* Keep hero copy safely below the 64px mobile header at rest. */
    #yolo-archive .ya-hero-copy{
        top:calc(94px + env(safe-area-inset-top))!important;
    }
    #yolo-archive .ya-hero-copy h1{
        font-size:clamp(44px,12.8vw,58px)!important;
        line-height:.84!important;
    }
    #yolo-archive .ya-hero-cta-row{margin-top:16px!important}
}
@media(max-width:390px){
    #yolo-archive .ya-panel-head{top:calc(78px + env(safe-area-inset-top))!important}
    #yolo-archive .ya-gallery-viewport{inset:calc(140px + env(safe-area-inset-top)) 0 40px!important}
    #yolo-archive .ya-hero-copy{top:calc(88px + env(safe-area-inset-top))!important}
    #yolo-archive .ya-hero-copy h1{font-size:42px!important}
}

/* Keep both the fixed header logo and the moving logo rail in their source colors. */
#header.yh-header .logo img,
#header .custom-logo,
#header .custom-logo-link img,
#yolo-archive .ya-logo-item img{
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
}


/* =========================================================
   FILMBOT-INSPIRED PALETTE
   Neutral paper + near-black + signal coral.
   Product artwork and showcase logos keep their native colors.
   ========================================================= */
:root{
    --ya-paper:#f5f5f2;
    --ya-ink:#111310;
    --ya-white:#ffffff;
    --ya-line:rgba(17,19,16,.15);
    --ya-orange:var(--yolo-accent);
    --ya-pink:var(--yolo-accent);
    --ya-sand:#f5f5f2;
    --ya-deep:var(--yolo-ink);
    --ya-brand:var(--yolo-accent);
}

#yolo-archive,
#yolo-archive .ya-scroll-root,
#yolo-archive .ya-hero-media,
#yolo-archive .ya-hero-kinetic,
#yolo-archive .ya-fallback,
#yolo-archive .ya-after{
    background:#f5f5f2!important;
    color:#111310!important;
}

#yolo-archive .ya-hero-media::after{
    background:linear-gradient(90deg,rgba(245,245,242,.99) 0%,rgba(245,245,242,.90) 35%,rgba(245,245,242,.24) 67%,rgba(245,245,242,.06) 100%)!important;
}

/* Replace the old orange/pink atmosphere with a restrained coral signal. */
#yolo-archive .ya-hero-kinetic::before{
    background:radial-gradient(circle at 58% 46%,rgba(255,77,72,.30),rgba(255,77,72,.10) 34%,transparent 68%)!important;
    filter:blur(92px)!important;
    opacity:.30!important;
}
#yolo-archive .ya-hero-kinetic::after{
    background:radial-gradient(circle at 50% 50%,rgba(17,19,16,.10),rgba(17,19,16,.035) 38%,transparent 70%)!important;
    filter:blur(110px)!important;
    opacity:.24!important;
}

#yolo-archive .ya-ambient-orb.a{background:rgba(255,77,72,.22)!important}
#yolo-archive .ya-ambient-orb.b{background:rgba(17,19,16,.10)!important}
#yolo-archive .ya-ambient-orb.c{background:rgba(255,255,255,.70)!important}

#yolo-archive .ya-eyebrow,
#yolo-archive .ya-card-cat,
#yolo-archive .ya-section-label,
#yolo-archive .ya-outro-kicker{
    color:var(--yolo-accent)!important;
    background:none!important;
    -webkit-background-clip:initial!important;
    background-clip:initial!important;
}

#yolo-archive .ya-progress,
#yolo-archive .ya-card-shell::before,
#yolo-archive .ya-flow-hint::after{
    background:var(--yolo-accent)!important;
}

#yolo-archive .ya-stack-card::before{
    background:var(--yolo-accent)!important;
    opacity:.92!important;
}

#yolo-archive .ya-panel{
    background:#f5f5f2!important;
    color:#111310!important;
}
#yolo-archive .ya-panel::before{
    background-image:linear-gradient(rgba(17,19,16,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(17,19,16,.028) 1px,transparent 1px)!important;
}
#yolo-archive .ya-panel-head{
    background:transparent!important;
    border-bottom-color:rgba(17,19,16,.16)!important;
}

#yolo-archive .ya-card-shell{
    background:#ffffff!important;
    border-color:rgba(17,19,16,.14)!important;
    box-shadow:0 24px 65px rgba(17,19,16,.08)!important;
}
#yolo-archive .ya-card-info{
    background:#fff!important;
    border-left-color:rgba(17,19,16,.10)!important;
}
#yolo-archive .ya-card-media{
    background:#f8f8f6!important;
}
#yolo-archive .ya-card-media::before{
    border-color:rgba(17,19,16,.09)!important;
    box-shadow:none!important;
}

#yolo-archive .ya-stack-card{
    background:rgba(255,255,255,.94)!important;
    border-color:rgba(17,19,16,.14)!important;
    box-shadow:0 30px 82px rgba(17,19,16,.12),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
#yolo-archive .ya-deck-reacting .ya-stack-card,
#yolo-archive .ya-deck-shuffling .ya-stack-card{
    box-shadow:0 38px 100px rgba(17,19,16,.15),inset 0 1px 0 rgba(255,255,255,.94)!important;
}

#yolo-archive .ya-hero-cta-primary,
#yolo-archive .ya-contact-page,
#yolo-archive .ya-outro-cta{
    background:var(--yolo-accent)!important;
    border-color:var(--yolo-accent)!important;
    color:var(--yolo-ink)!important;
}
#yolo-archive .ya-hero-cta-primary:hover,
#yolo-archive .ya-contact-page:hover{
    background:var(--yolo-ink)!important;
    border-color:var(--yolo-ink)!important;
    color:#fff!important;
}

#yolo-archive .ya-hero-cta-secondary{
    border-color:rgba(17,19,16,.28)!important;
    color:#111310!important;
}
#yolo-archive .ya-hero-cta-secondary:hover{
    background:var(--yolo-ink)!important;
    color:#fff!important;
}

#yolo-archive .ya-logo-rail{
    background:rgba(245,245,242,.90)!important;
    border-top-color:rgba(17,19,16,.14)!important;
}
#yolo-archive .ya-logo-item{
    border-right-color:rgba(17,19,16,.12)!important;
}
#yolo-archive .ya-logo-item img{
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
}

#yolo-archive .ya-outro,
#yolo-archive .ya-contact-band{
    background:var(--yolo-ink)!important;
    color:#fff!important;
}
#yolo-archive .ya-contact-band .ya-section-label{color:var(--yolo-accent)!important}

#yolo-archive .ya-card-detail,
#yolo-archive .ya-deck-hint{
    background:rgba(245,245,242,.94)!important;
    border-color:rgba(17,19,16,.16)!important;
    color:#111310!important;
}
#yolo-archive .ya-detail-link{
    background:var(--yolo-ink)!important;
    color:#fff!important;
}

@media(max-width:640px){
    #yolo-archive .ya-panel-head{background:#f5f5f2!important}
    #header.yh-header{
        background:rgba(245,245,242,.97)!important;
        color:#111310!important;
        border-bottom-color:rgba(17,19,16,.10)!important;
    }
}


/* =========================================================
   FINAL MOBILE BANNER FIX + NATIVE POINTER BEHAVIOUR
   Mobile uses clean vertical zones: header / copy / card deck / logo rail.
   Pointer parallax, magnetic drift and custom cursor are disabled.
   ========================================================= */
#yolo-archive .ya-cursor{display:none!important}
@media(hover:hover) and (pointer:fine){
    #yolo-archive .ya-scroll-root,
    #yolo-archive .ya-scroll-root a,
    #yolo-archive button{cursor:auto!important}
    #yolo-archive a{cursor:pointer!important}
}

/* No mouse-follow, tilt, or magnetic visual movement. */
#yolo-archive .ya-ambient-mesh::before{
    background:
        radial-gradient(circle 340px at 72% 46%,rgba(255,255,255,.52),rgba(255,255,255,.14) 38%,transparent 72%),
        linear-gradient(120deg,transparent 0 46%,rgba(255,255,255,.16) 50%,transparent 54%)!important;
}
#yolo-archive .ya-ambient-orb{animation:none!important;will-change:auto!important}
#yolo-archive .ya-hero-kinetic .ya-hero-object{transform:none!important;will-change:auto!important}
#yolo-archive .ya-stack-card img{transform:none!important;will-change:auto!important}
#yolo-archive .ya-card-shell,
#yolo-archive .ya-card:hover .ya-card-shell{transform:none!important}

@media(max-width:640px){
    /* Full viewport banner with a safe bottom lane for the logo rail. */
    #yolo-archive .ya-fixed{
        height:100svh!important;
        min-height:100svh!important;
        overflow:hidden!important;
    }
    #yolo-archive .ya-hero-media,
    #yolo-archive .ya-hero-kinetic{
        inset:0!important;
        width:100%!important;
        height:100%!important;
        min-height:100%!important;
    }
    #yolo-archive .ya-hero-media::after{
        background:linear-gradient(180deg,#f5f5f2 0%,rgba(245,245,242,.97) 34%,rgba(245,245,242,.58) 56%,rgba(245,245,242,.12) 78%,rgba(245,245,242,.34) 100%)!important;
    }
    #yolo-archive .ya-ambient-mesh::before{
        background:radial-gradient(circle 260px at 68% 64%,rgba(255,77,72,.12),transparent 72%)!important;
        opacity:.55!important;
    }
    #yolo-archive .ya-ambient-orb{display:none!important}

    /* Copy zone: always below the 68px mobile header. */
    #yolo-archive .ya-hero-ui{z-index:18!important;pointer-events:none!important}
    #yolo-archive .ya-hero-copy{
        left:18px!important;
        right:18px!important;
        top:calc(86px + env(safe-area-inset-top))!important;
        width:auto!important;
        max-width:none!important;
        transform:none!important;
        pointer-events:none!important;
    }
    #yolo-archive .ya-eyebrow{
        display:block!important;
        margin:0 0 10px!important;
        color:var(--yolo-accent)!important;
        font-size:8px!important;
        line-height:1.2!important;
        letter-spacing:.12em!important;
    }
    #yolo-archive .ya-hero-copy h1{
        margin:0!important;
        max-width:6.5ch!important;
        font-size:clamp(43px,12.6vw,57px)!important;
        line-height:.84!important;
        letter-spacing:-.06em!important;
    }
    #yolo-archive .ya-hero-cta-row{
        margin-top:15px!important;
        pointer-events:auto!important;
    }
    #yolo-archive .ya-hero-cta-primary{
        min-height:42px!important;
        padding:0 14px!important;
        gap:8px!important;
        font-size:8px!important;
    }
    #yolo-archive .ya-hero-cta-primary .ya-icon{
        width:14px!important;
        height:14px!important;
        stroke-width:1.8!important;
    }
    #yolo-archive .ya-scroll-note{display:none!important}

    /* Card deck zone: centered and kept clear of both copy and logo rail. */
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o1,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o2,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o3,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o4,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o5{
        left:50%!important;
        right:auto!important;
        top:clamp(270px,43svh,380px)!important;
        bottom:auto!important;
        width:min(76vw,330px)!important;
        height:clamp(220px,32svh,292px)!important;
        min-height:0!important;
        max-height:none!important;
        transform:translateX(-50%)!important;
    }
    #yolo-archive .ya-stack-card{
        border-radius:20px!important;
        backdrop-filter:blur(10px)!important;
        -webkit-backdrop-filter:blur(10px)!important;
    }
    #yolo-archive .ya-stack-card img{
        max-width:67%!important;
        max-height:69%!important;
        transform:none!important;
    }
    #yolo-archive .ya-hero-object.camera .ya-stack-card img{max-width:74%!important}
    #yolo-archive .ya-hero-object.retro .ya-stack-card img{max-width:42%!important;max-height:73%!important}
    #yolo-archive .ya-hero-object.stylus .ya-stack-card img{max-width:24%!important;max-height:75%!important}
    #yolo-archive .ya-hero-object.kids-watch .ya-stack-card img{max-width:57%!important;max-height:68%!important}

    /* Remove the floating + hint on phones. The cards themselves remain tappable. */
    #yolo-archive .ya-deck-hint{display:none!important}
    #yolo-archive .ya-card-detail{
        left:12px!important;
        right:12px!important;
        bottom:62px!important;
        width:auto!important;
        max-height:31svh!important;
        overflow:auto!important;
        padding:11px 12px 10px!important;
        border-radius:14px!important;
    }

    /* Compact logo rail, isolated from the card deck. */
    #yolo-archive .ya-logo-rail{
        left:0!important;
        right:0!important;
        bottom:0!important;
        height:54px!important;
        z-index:22!important;
    }
    #yolo-archive .ya-logo-item{
        width:154px!important;
        height:54px!important;
        padding:8px 22px!important;
    }
    #yolo-archive .ya-logo-item img{max-width:108px!important;max-height:28px!important}

    /* Use the real header SVG cart and hamburger. Kill legacy pseudo-icons. */
    #header.yh-header .yh-cart::before,
    #header.yh-header .yh-cart::after,
    #header.yh-header .yh-menu summary::before,
    #header.yh-header .yh-menu summary::after{
        content:none!important;
        display:none!important;
    }
    #header.yh-header .yh-cart-label{display:none!important}
    #header.yh-header .yh-cart-mobile{
        display:grid!important;
        place-items:center!important;
    }
    #header.yh-header .yh-cart-mobile svg{
        display:block!important;
        width:18px!important;
        height:18px!important;
        fill:none!important;
        stroke:currentColor!important;
        stroke-width:1.7!important;
    }
    #header.yh-header .yh-menu-icon{
        width:18px!important;
        height:14px!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:center!important;
        gap:5px!important;
    }
    #header.yh-header .yh-menu-icon i{
        display:block!important;
        width:18px!important;
        height:1.5px!important;
        background:currentColor!important;
    }
}

@media(max-width:390px){
    #yolo-archive .ya-hero-copy{top:calc(82px + env(safe-area-inset-top))!important}
    #yolo-archive .ya-hero-copy h1{font-size:41px!important;max-width:6.5ch!important}
    #yolo-archive .ya-hero-cta-row{margin-top:12px!important}
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o1,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o2,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o3,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o4,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o5{
        top:clamp(258px,42svh,320px)!important;
        width:78vw!important;
        height:clamp(205px,31svh,250px)!important;
    }
}

/* =========================================================
   MOBILE COLLECTION SAFE LAYOUT
   The Collection heading and cards each get a fixed lane. Card height is based
   on the actual gallery viewport so short phones cannot push content underneath
   the heading or bottom edge.
   ========================================================= */
@media(max-width:640px){
    #yolo-archive .ya-panel-head{
        top:calc(72px + env(safe-area-inset-top))!important;
        left:16px!important;
        right:16px!important;
        min-height:66px!important;
        padding:10px 0 12px!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:center!important;
        gap:4px!important;
        background:#f5f5f2!important;
        border-bottom:1px solid rgba(17,19,16,.14)!important;
    }
    #yolo-archive .ya-panel-head strong{font-size:11px!important;line-height:1.2!important}
    #yolo-archive .ya-panel-head span{margin:0!important;font-size:8px!important;line-height:1.3!important}
    #yolo-archive .ya-gallery-viewport{
        top:calc(150px + env(safe-area-inset-top))!important;
        right:0!important;
        bottom:14px!important;
        left:0!important;
        height:auto!important;
        min-height:0!important;
        align-items:stretch!important;
        overflow:hidden!important;
    }
    #yolo-archive .ya-gallery{
        height:100%!important;
        min-height:0!important;
        padding:0 8vw!important;
        gap:16px!important;
        align-items:center!important;
    }
    #yolo-archive .ya-card{
        flex:0 0 84vw!important;
        height:calc(100% - 8px)!important;
        min-height:0!important;
        max-height:none!important;
        margin:4px 0!important;
    }
    #yolo-archive .ya-card-shell{height:100%!important;min-height:0!important;grid-template-rows:minmax(0,1.2fr) minmax(132px,.8fr)!important}
    #yolo-archive .ya-card-media{min-height:0!important}
    #yolo-archive .ya-card-info{min-height:132px!important;padding:16px 18px!important}
    #yolo-archive .ya-card-name{font-size:clamp(26px,8.2vw,31px)!important;line-height:.94!important}
    #yolo-archive .ya-card-view{margin-top:10px!important;padding-top:9px!important}
    #yolo-archive .ya-flow-hint{display:none!important}
}
@media(max-width:390px){
    #yolo-archive .ya-panel-head{top:calc(68px + env(safe-area-inset-top))!important;min-height:64px!important}
    #yolo-archive .ya-gallery-viewport{top:calc(144px + env(safe-area-inset-top))!important;bottom:10px!important}
    #yolo-archive .ya-card{flex-basis:87vw!important}
    #yolo-archive .ya-card-shell{grid-template-rows:minmax(0,1.1fr) minmax(126px,.9fr)!important}
    #yolo-archive .ya-card-info{min-height:126px!important;padding:14px 16px!important}
    #yolo-archive .ya-card-name{font-size:25px!important}
}

/* =========================================================
   FRONT-PAGE VIDEO SHOWCASE
   Videos are sourced from the Media Library/front-page attachments/theme assets.
   ========================================================= */
.ya-video-showcase{
    position:relative;
    z-index:91;
    padding:clamp(86px,10vw,140px) 0;
    background:var(--yolo-ink);
    color:#fff;
    overflow:hidden;
}
.ya-video-showcase::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:84px 84px;
    pointer-events:none;
}
.ya-video-shell{position:relative;z-index:2;width:min(1320px,calc(100% - clamp(32px,8vw,128px)));margin:0 auto}
.ya-video-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);gap:clamp(30px,7vw,90px);align-items:end;margin-bottom:34px}
.ya-video-kicker{color:var(--yolo-accent);font-size:10px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.ya-video-head h2{margin:12px 0 0;max-width:9ch;font-size:clamp(52px,6.6vw,96px);font-weight:500;line-height:.88;letter-spacing:-.06em}
.ya-video-head p{margin:0;color:rgba(255,255,255,.62);font-size:14px;line-height:1.7}
.ya-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}
.ya-video-card{min-width:0;background:var(--yolo-ink);padding:14px}
.ya-video-frame{position:relative;aspect-ratio:16/10;overflow:hidden;background:#090b09;border:1px solid rgba(255,255,255,.08)}
.ya-video-frame video{width:100%;height:100%;display:block;object-fit:cover;background:#090b09}
.ya-video-label{padding:14px 2px 3px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:rgba(255,255,255,.82);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ya-video-label span:last-child{color:var(--yolo-accent)}
@media(max-width:760px){
    .ya-video-showcase{padding:72px 0}
    .ya-video-shell{width:calc(100% - 32px)}
    .ya-video-head{grid-template-columns:1fr;gap:18px;margin-bottom:24px}
    .ya-video-head h2{font-size:clamp(45px,13vw,58px);max-width:8ch}
    .ya-video-head p{max-width:34ch;font-size:13px}
    .ya-video-grid{grid-template-columns:1fr}
    .ya-video-card{padding:10px}
    .ya-video-frame{aspect-ratio:16/11}
}


/* =========================================================
   FINAL MOBILE COLLECTION HARD FIX
   This must be the last mobile collection rule in the main stylesheet.
   The product panel sits above hero copy/logo rail while it is entering,
   and the collection header/card viewport stay in separate lanes.
   ========================================================= */
@media(max-width:640px){
    #yolo-archive .ya-panel{
        z-index:40!important;
        background:#f5f5f2!important;
        background-color:#f5f5f2!important;
        overflow:hidden!important;
        isolation:isolate!important;
    }
    #yolo-archive .ya-panel::before{z-index:0!important}
    #yolo-archive .ya-panel-head{
        z-index:43!important;
        top:calc(70px + env(safe-area-inset-top))!important;
        left:16px!important;
        right:16px!important;
        min-height:62px!important;
        height:auto!important;
        margin:0!important;
        padding:8px 0 11px!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:center!important;
        gap:3px!important;
        background:#f5f5f2!important;
        border-bottom:1px solid rgba(17,19,16,.16)!important;
        opacity:1!important;
        transform:none!important;
    }
    #yolo-archive .ya-panel-head strong{
        margin:0!important;
        padding:0!important;
        font-size:11px!important;
        line-height:1.2!important;
    }
    #yolo-archive .ya-panel-head span{
        display:block!important;
        margin:0!important;
        padding:0!important;
        font-size:8px!important;
        line-height:1.25!important;
    }
    #yolo-archive .ya-gallery-viewport{
        z-index:41!important;
        top:calc(142px + env(safe-area-inset-top))!important;
        right:0!important;
        bottom:10px!important;
        left:0!important;
        height:auto!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        display:flex!important;
        align-items:stretch!important;
        overflow:hidden!important;
    }
    #yolo-archive .ya-gallery{
        height:100%!important;
        min-height:0!important;
        padding:0 8vw!important;
        gap:16px!important;
        align-items:center!important;
    }
    #yolo-archive .ya-card{
        flex:0 0 84vw!important;
        height:calc(100% - 8px)!important;
        min-height:0!important;
        max-height:none!important;
        margin:4px 0!important;
    }
    #yolo-archive .ya-card-shell{
        height:100%!important;
        min-height:0!important;
        grid-template-columns:1fr!important;
        grid-template-rows:minmax(0,1fr) minmax(122px,auto)!important;
        overflow:hidden!important;
    }
    #yolo-archive .ya-card-media{min-height:0!important;overflow:hidden!important}
    #yolo-archive .ya-card-info{
        min-height:122px!important;
        padding:13px 16px!important;
        overflow:hidden!important;
    }
    #yolo-archive .ya-card-name{
        max-width:15ch!important;
        font-size:clamp(24px,7.8vw,29px)!important;
        line-height:.94!important;
    }
    #yolo-archive .ya-card-price{margin-top:7px!important;font-size:12px!important}
    #yolo-archive .ya-card-view{margin-top:8px!important;padding-top:8px!important}
    #yolo-archive .ya-flow-hint{display:none!important}

    /* Keep the old banner layers below the Collection panel. */
    #yolo-archive .ya-hero-media{z-index:1!important}
    #yolo-archive .ya-hero-ui{z-index:18!important}
    #yolo-archive .ya-logo-rail{z-index:22!important}
    #yolo-archive .ya-outro{z-index:50!important}
}
@media(max-width:390px){
    #yolo-archive .ya-panel-head{
        top:calc(66px + env(safe-area-inset-top))!important;
        min-height:58px!important;
        padding-top:7px!important;
        padding-bottom:9px!important;
    }
    #yolo-archive .ya-gallery-viewport{
        top:calc(134px + env(safe-area-inset-top))!important;
        bottom:8px!important;
    }
    #yolo-archive .ya-card{flex-basis:87vw!important}
    #yolo-archive .ya-card-info{min-height:116px!important;padding:12px 14px!important}
    #yolo-archive .ya-card-name{font-size:24px!important}
}
@media(max-width:640px) and (max-height:620px){
    #yolo-archive .ya-panel-head{
        top:calc(62px + env(safe-area-inset-top))!important;
        min-height:52px!important;
    }
    #yolo-archive .ya-gallery-viewport{
        top:calc(122px + env(safe-area-inset-top))!important;
        bottom:6px!important;
    }
    #yolo-archive .ya-card-info{min-height:104px!important;padding:10px 14px!important}
    #yolo-archive .ya-card-name{font-size:22px!important}
    #yolo-archive .ya-card-view{margin-top:6px!important;padding-top:6px!important}
}


/* =========================================================
   FINAL ROSE THEME
   Replaces the previous white / ivory surfaces with a premium dusty rose palette.
   Dark sections and native product/logo colours stay unchanged for contrast.
   ========================================================= */
:root{
    --ya-paper:#f2dce3!important;
    --ya-white:#fff7fa!important;
    --ya-sand:#f2dce3!important;
    --ya-orange:#c74268!important;
    --ya-pink:#c74268!important;
    --ya-brand:#c74268!important;
}
html,body{background:#f2dce3!important}
#yolo-archive,
#yolo-archive .ya-scroll-root,
#yolo-archive .ya-hero-media,
#yolo-archive .ya-hero-kinetic,
#yolo-archive .ya-fallback,
#yolo-archive .ya-after,
#yolo-archive .ya-panel{
    background:#f2dce3!important;
    color:#111310!important;
}
#yolo-archive .ya-hero-media::after{
    background:linear-gradient(90deg,rgba(242,220,227,.99) 0%,rgba(242,220,227,.92) 35%,rgba(242,220,227,.32) 67%,rgba(242,220,227,.08) 100%)!important;
}
#yolo-archive .ya-hero-kinetic::before{
    background:radial-gradient(circle at 58% 46%,rgba(199,66,104,.28),rgba(199,66,104,.10) 34%,transparent 68%)!important;
}
#yolo-archive .ya-hero-kinetic::after{
    background:radial-gradient(circle at 50% 50%,rgba(103,37,59,.12),rgba(103,37,59,.04) 38%,transparent 70%)!important;
}
#yolo-archive .ya-panel-head{
    background:#f2dce3!important;
    border-bottom-color:rgba(74,28,43,.16)!important;
}
#yolo-archive .ya-card-shell{
    background:#faedf1!important;
    border-color:rgba(74,28,43,.14)!important;
    box-shadow:0 24px 65px rgba(91,38,55,.08)!important;
}
#yolo-archive .ya-card-info{background:#faedf1!important;border-left-color:rgba(74,28,43,.10)!important}
#yolo-archive .ya-card-media{background:#f6e4ea!important}
#yolo-archive .ya-stack-card{
    background:rgba(250,237,241,.94)!important;
    border-color:rgba(74,28,43,.14)!important;
    box-shadow:0 30px 82px rgba(91,38,55,.12),inset 0 1px 0 rgba(255,255,255,.58)!important;
}
#yolo-archive .ya-card-detail,
#yolo-archive .ya-deck-hint{
    background:rgba(248,231,237,.96)!important;
    border-color:rgba(74,28,43,.16)!important;
}
#yolo-archive .ya-eyebrow,
#yolo-archive .ya-card-cat,
#yolo-archive .ya-section-label,
#yolo-archive .ya-outro-kicker,
#yolo-archive .ya-video-kicker{color:#b9345d!important}
#yolo-archive .ya-progress,
#yolo-archive .ya-card-shell::before,
#yolo-archive .ya-flow-hint::after,
#yolo-archive .ya-stack-card::before{background:#c74268!important}
#yolo-archive .ya-hero-cta-primary,
#yolo-archive .ya-contact-page,
#yolo-archive .ya-outro-cta{
    background:#c74268!important;
    border-color:#c74268!important;
}
#yolo-archive .ya-logo-rail{
    height:112px!important;
    background:rgba(242,220,227,.88)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    border-top:1px solid rgba(74,28,43,.14)!important;
}
#yolo-archive .ya-logo-item{
    width:clamp(280px,24vw,390px)!important;
    height:112px!important;
    padding:10px 28px!important;
    background:transparent!important;
    border-right:1px solid rgba(74,28,43,.11)!important;
}
#yolo-archive .ya-logo-item img{
    width:auto!important;
    height:auto!important;
    max-width:235px!important;
    max-height:72px!important;
    object-fit:contain!important;
    background:transparent!important;
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
    mix-blend-mode:multiply!important;
}
#yolo-archive .ya-logo-item.all-day img{max-width:225px!important;max-height:62px!important}
#yolo-archive .ya-logo-item.ethiopian-airlines img{max-width:270px!important;max-height:70px!important}
#header.yh-header{
    background:rgba(242,220,227,.96)!important;
    border-bottom-color:rgba(74,28,43,.10)!important;
}
@media(max-width:640px){
    #yolo-archive .ya-panel-head{background:#f2dce3!important}
    #yolo-archive .ya-hero-media::after{
        background:linear-gradient(180deg,#f2dce3 0%,rgba(242,220,227,.98) 34%,rgba(242,220,227,.66) 56%,rgba(242,220,227,.20) 78%,rgba(242,220,227,.40) 100%)!important;
    }
    #yolo-archive .ya-logo-rail{height:76px!important;background:rgba(242,220,227,.92)!important}
    #yolo-archive .ya-logo-item{width:205px!important;height:76px!important;padding:8px 18px!important}
    #yolo-archive .ya-logo-item img{max-width:158px!important;max-height:48px!important}
    #yolo-archive .ya-logo-item.all-day img{max-width:150px!important;max-height:42px!important}
    #yolo-archive .ya-logo-item.ethiopian-airlines img{max-width:175px!important;max-height:48px!important}
    #header.yh-header{background:rgba(242,220,227,.97)!important}
}


/* =========================================================
   FINAL WHITE + YOLO ROSE THEME
   Clean white surfaces with YOLO brand rose used only as the accent/action colour.
   ========================================================= */
:root{
    --ya-paper:#ffffff!important;
    --ya-white:#ffffff!important;
    --ya-sand:#ffffff!important;
    --ya-orange:var(--yolo-accent)!important;
    --ya-pink:var(--yolo-accent)!important;
    --ya-brand:var(--yolo-accent)!important;
}
html,body{background:#ffffff!important}
#yolo-archive,
#yolo-archive .ya-scroll-root,
#yolo-archive .ya-hero-media,
#yolo-archive .ya-hero-kinetic,
#yolo-archive .ya-fallback,
#yolo-archive .ya-after,
#yolo-archive .ya-panel{
    background:#ffffff!important;
    color:#111310!important;
}
#yolo-archive .ya-hero-media::after{
    background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 35%,rgba(255,255,255,.28) 67%,rgba(255,255,255,.06) 100%)!important;
}
#yolo-archive .ya-hero-kinetic::before{
    background:radial-gradient(circle at 58% 46%,rgba(217,37,80,.16),rgba(217,37,80,.05) 34%,transparent 68%)!important;
    opacity:.24!important;
}
#yolo-archive .ya-hero-kinetic::after{
    background:radial-gradient(circle at 50% 50%,rgba(17,19,16,.07),rgba(17,19,16,.02) 38%,transparent 70%)!important;
}
#yolo-archive .ya-panel-head{
    background:#ffffff!important;
    border-bottom-color:rgba(17,19,16,.14)!important;
}
#yolo-archive .ya-card-shell,
#yolo-archive .ya-card-info,
#yolo-archive .ya-card-media{
    background:#ffffff!important;
}
#yolo-archive .ya-card-shell{
    border-color:rgba(17,19,16,.13)!important;
    box-shadow:0 24px 65px rgba(17,19,16,.07)!important;
}
#yolo-archive .ya-card-info{border-left-color:rgba(17,19,16,.10)!important}
#yolo-archive .ya-stack-card{
    background:rgba(255,255,255,.96)!important;
    border-color:rgba(17,19,16,.13)!important;
    box-shadow:0 30px 82px rgba(17,19,16,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
#yolo-archive .ya-card-detail,
#yolo-archive .ya-deck-hint{
    background:rgba(255,255,255,.96)!important;
    border-color:rgba(17,19,16,.14)!important;
}
#yolo-archive .ya-eyebrow,
#yolo-archive .ya-card-cat,
#yolo-archive .ya-section-label,
#yolo-archive .ya-outro-kicker,
#yolo-archive .ya-video-kicker,
#yolo-archive .ya-video-label span:last-child{
    color:var(--yolo-accent)!important;
}
#yolo-archive .ya-progress,
#yolo-archive .ya-card-shell::before,
#yolo-archive .ya-flow-hint::after,
#yolo-archive .ya-stack-card::before{
    background:var(--yolo-accent)!important;
}
#yolo-archive .ya-hero-cta-primary,
#yolo-archive .ya-contact-page,
#yolo-archive .ya-outro-cta{
    background:var(--yolo-accent)!important;
    border-color:var(--yolo-accent)!important;
    color:#ffffff!important;
}
#yolo-archive .ya-hero-cta-primary:hover,
#yolo-archive .ya-contact-page:hover{
    background:#111310!important;
    border-color:#111310!important;
    color:#ffffff!important;
}
#yolo-archive .ya-logo-rail{
    background:rgba(255,255,255,.94)!important;
    border-top-color:rgba(17,19,16,.11)!important;
}
#yolo-archive .ya-logo-item{
    background:transparent!important;
    border-right-color:rgba(17,19,16,.09)!important;
}
#header.yh-header{
    background:rgba(255,255,255,.97)!important;
    border-bottom-color:rgba(17,19,16,.10)!important;
}
@media(max-width:640px){
    #yolo-archive .ya-panel-head{background:#ffffff!important}
    #yolo-archive .ya-hero-media::after{
        background:linear-gradient(180deg,#ffffff 0%,rgba(255,255,255,.98) 34%,rgba(255,255,255,.68) 56%,rgba(255,255,255,.20) 78%,rgba(255,255,255,.42) 100%)!important;
    }
    #yolo-archive .ya-logo-rail{background:rgba(255,255,255,.95)!important}
    #header.yh-header{background:rgba(255,255,255,.98)!important}
}


/* =========================================================
   BANNER-ONLY FULL-SCREEN PRODUCT ORBIT
   Collection/product cards remain in their normal layout.
   ========================================================= */
#yolo-archive .ya-hero-kinetic .ya-hero-object.o1,
#yolo-archive .ya-hero-kinetic .ya-hero-object.o2,
#yolo-archive .ya-hero-kinetic .ya-hero-object.o3,
#yolo-archive .ya-hero-kinetic .ya-hero-object.o4,
#yolo-archive .ya-hero-kinetic .ya-hero-object.o5{
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:min(38vw,520px)!important;
    height:min(54vh,570px)!important;
    max-width:none!important;
    transform:translate(-50%,-50%)!important;
    pointer-events:none!important;
}
#yolo-archive .ya-hero-kinetic .ya-stack-card{
    pointer-events:none;
    opacity:0;
    will-change:transform,opacity,filter!important;
    transition:none!important;
}
#yolo-archive .ya-hero-kinetic .ya-stack-card.is-banner-active{pointer-events:auto}
#yolo-archive .ya-hero-kinetic .ya-stack-card img{transform:none!important}
@media(max-width:900px){
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o1,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o2,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o3,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o4,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o5{
        width:min(46vw,430px)!important;
        height:min(48vh,500px)!important;
    }
}
@media(max-width:640px){
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o1,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o2,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o3,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o4,
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o5{
        left:50%!important;
        top:57%!important;
        width:min(72vw,340px)!important;
        height:min(34svh,330px)!important;
        min-height:220px!important;
    }
}


/* =========================================================
   FLOEMA-INSPIRED EDITORIAL HERO
   Large central statement + scattered product miniatures.
   This intentionally replaces the previous circular banner orbit only.
   ========================================================= */
#yolo-archive .ya-hero-media,
#yolo-archive .ya-hero-kinetic{
    background:#fff!important;
}
#yolo-archive .ya-hero-media::after{
    background:
        radial-gradient(circle at 42% 44%,rgba(217,37,80,.040),transparent 34%),
        radial-gradient(circle at 68% 58%,rgba(217,37,80,.022),transparent 30%)!important;
    transform:scale(1.06) translate3d(0,0,0);
    transform-origin:center center;
    animation:yaFloemaSpaceBreath 15s ease-in-out infinite alternate;
    will-change:transform,opacity;
}
@keyframes yaFloemaSpaceBreath{
    0%{transform:scale(1.045) translate3d(-1.2%,.7%,0);opacity:.72}
    50%{transform:scale(1.085) translate3d(1.1%,-.9%,0);opacity:1}
    100%{transform:scale(1.055) translate3d(.4%,1.2%,0);opacity:.82}
}
#yolo-archive .ya-ambient-mesh,
#yolo-archive .ya-hero-ghost,
#yolo-archive .ya-orbit,
#yolo-archive .ya-orbit-dot{
    display:none!important;
}
#yolo-archive .ya-hero-copy{
    left:50%!important;
    top:48%!important;
    right:auto!important;
    width:min(980px,82vw)!important;
    max-width:none!important;
    transform:translate(-50%,-50%)!important;
    text-align:center!important;
    z-index:30!important;
}
#yolo-archive .ya-hero-copy h1{
    margin:0 auto!important;
    max-width:11ch!important;
    color:#111310!important;
    font-size:clamp(72px,8.7vw,148px)!important;
    font-weight:500!important;
    line-height:.83!important;
    letter-spacing:-.075em!important;
    text-wrap:balance;
}
#yolo-archive .ya-hero-cta-row{
    justify-content:center!important;
    margin-top:30px!important;
}
#yolo-archive .ya-hero-cta-primary{
    min-height:44px!important;
    padding:0 18px!important;
    border-radius:999px!important;
    box-shadow:none!important;
}
#yolo-archive .ya-scroll-note{
    left:var(--ya-gutter)!important;
    bottom:136px!important;
    z-index:31!important;
    color:rgba(17,19,16,.62)!important;
}
#yolo-archive .ya-deck-hint{display:none!important}

#yolo-archive .ya-hero-kinetic .ya-hero-object.o1,
#yolo-archive .ya-hero-kinetic .ya-hero-object.o2,
#yolo-archive .ya-hero-kinetic .ya-hero-object.o3,
#yolo-archive .ya-hero-kinetic .ya-hero-object.o4,
#yolo-archive .ya-hero-kinetic .ya-hero-object.o5{
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    transform:none!important;
    pointer-events:none!important;
    filter:none!important;
    opacity:1!important;
}
#yolo-archive .ya-hero-kinetic .ya-hero-object.o1{left:7%!important;top:14%!important}
#yolo-archive .ya-hero-kinetic .ya-hero-object.o2{left:69%!important;top:11%!important}
#yolo-archive .ya-hero-kinetic .ya-hero-object.o3{left:82%!important;top:54%!important}
#yolo-archive .ya-hero-kinetic .ya-hero-object.o4{left:17%!important;top:67%!important}
#yolo-archive .ya-hero-kinetic .ya-hero-object.o5{left:56%!important;top:72%!important}

#yolo-archive .ya-hero-kinetic .ya-stack-card{
    width:clamp(86px,9vw,148px)!important;
    height:clamp(104px,12vw,180px)!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    border-radius:2px!important;
    background:#f5f5f2!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:1;
    pointer-events:auto;
    transition:none!important;
    overflow:hidden!important;
    transform-origin:center center!important;
}
#yolo-archive .ya-hero-kinetic .ya-stack-card::before,
#yolo-archive .ya-hero-kinetic .ya-stack-card::after{display:none!important}
#yolo-archive .ya-hero-kinetic .ya-stack-card img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    padding:14%!important;
    object-fit:contain!important;
    filter:none!important;
    transform:none!important;
}
#yolo-archive .ya-hero-object.camera .ya-stack-card{background:#f1eadf!important}
#yolo-archive .ya-hero-object.retro .ya-stack-card{background:#f3e9ed!important}
#yolo-archive .ya-hero-object.stylus .ya-stack-card{background:#edf0ea!important}
#yolo-archive .ya-hero-object.kids-watch .ya-stack-card{background:#f4eee4!important}
#yolo-archive .ya-hero-object.speaker .ya-stack-card{background:#f0f0ed!important}

/* No numeric labels in the banner. */
#yolo-archive .ya-hero-kinetic .ya-hero-object::after{content:none!important;display:none!important}

/* Repeated product miniatures, inspired by Floema's layered editorial field.
   Each YOLO product appears more than once at different scales/depths. */
#yolo-archive .ya-floema-clone{
    position:absolute;
    z-index:4;
    display:grid;
    place-items:center;
    overflow:hidden;
    pointer-events:none;
    appearance:none;
    -webkit-appearance:none;
    padding:0;
    font:inherit;
    color:inherit;
    text-decoration:none;
    cursor:pointer;
    background:#f6f6f3;
    box-shadow:none;
    will-change:transform,opacity,filter;
    transform-origin:center center;
}
#yolo-archive .ya-floema-clone img{
    display:block;
    width:100%;
    height:100%;
    padding:13%;
    object-fit:contain;
    filter:none!important;
}
#yolo-archive .ya-floema-clone.c1{left:2.5%;top:39%;width:82px;height:108px;background:#f0f0ed}
#yolo-archive .ya-floema-clone.c2{left:28%;top:6%;width:112px;height:142px;background:#f0f0ed}
#yolo-archive .ya-floema-clone.c3{right:4%;top:29%;width:96px;height:116px;background:#f1eadf}
#yolo-archive .ya-floema-clone.c4{left:37%;bottom:4%;width:78px;height:104px;background:#f1eadf}
#yolo-archive .ya-floema-clone.c5{right:22%;bottom:7%;width:106px;height:138px;background:#f3e9ed}
#yolo-archive .ya-floema-clone.c6{left:3.5%;bottom:13%;width:68px;height:118px;background:#f3e9ed}
#yolo-archive .ya-floema-clone.c7{left:61%;top:4%;width:74px;height:122px;background:#edf0ea}
#yolo-archive .ya-floema-clone.c8{right:1.5%;bottom:24%;width:64px;height:114px;background:#edf0ea}
#yolo-archive .ya-floema-clone.c9{left:22%;top:48%;width:90px;height:116px;background:#f4eee4}
#yolo-archive .ya-floema-clone.c10{right:34%;top:58%;width:76px;height:102px;background:#f4eee4}

@media(max-width:900px){
    #yolo-archive .ya-floema-clone.c2{left:24%;width:92px;height:118px}
    #yolo-archive .ya-floema-clone.c5{right:18%;width:88px;height:116px}
    #yolo-archive .ya-floema-clone.c7{left:60%;width:64px;height:106px}
}
@media(max-width:640px){
    #yolo-archive .ya-floema-clone{opacity:.92}
    #yolo-archive .ya-floema-clone.c1{left:2%;top:35%;width:48px;height:66px}
    #yolo-archive .ya-floema-clone.c2{left:29%;top:9%;width:58px;height:76px}
    #yolo-archive .ya-floema-clone.c3{right:2%;top:31%;width:52px;height:68px}
    #yolo-archive .ya-floema-clone.c4{left:37%;bottom:7%;width:48px;height:64px}
    #yolo-archive .ya-floema-clone.c5{right:20%;bottom:9%;width:58px;height:76px}
    #yolo-archive .ya-floema-clone.c6{left:3%;bottom:22%;width:42px;height:70px}
    #yolo-archive .ya-floema-clone.c7{left:61%;top:8%;width:44px;height:72px}
    #yolo-archive .ya-floema-clone.c8{right:1%;bottom:27%;width:40px;height:68px}
    #yolo-archive .ya-floema-clone.c9{left:20%;top:57%;width:50px;height:66px}
    #yolo-archive .ya-floema-clone.c10{right:35%;top:66%;width:44px;height:60px}
    #yolo-archive .ya-hero-kinetic .ya-hero-object::after{display:none!important}
}

@media(max-width:900px){
    #yolo-archive .ya-hero-copy{width:min(760px,84vw)!important}
    #yolo-archive .ya-hero-copy h1{font-size:clamp(62px,10vw,104px)!important}
    #yolo-archive .ya-hero-kinetic .ya-stack-card{width:clamp(76px,11vw,118px)!important;height:clamp(90px,14vw,144px)!important}
}
@media(max-width:640px){
    #yolo-archive .ya-hero-copy{
        left:50%!important;
        top:43%!important;
        width:88vw!important;
        transform:translate(-50%,-50%)!important;
        text-align:center!important;
    }
    #yolo-archive .ya-hero-copy h1{
        max-width:8ch!important;
        font-size:clamp(49px,14.3vw,68px)!important;
        line-height:.86!important;
        letter-spacing:-.065em!important;
    }
    #yolo-archive .ya-hero-cta-row{margin-top:20px!important;justify-content:center!important}
    #yolo-archive .ya-scroll-note{display:flex!important;bottom:92px!important;font-size:8px!important}
    #yolo-archive .ya-hero-kinetic .ya-stack-card{
        width:74px!important;
        height:92px!important;
    }
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o1{left:7%!important;top:17%!important}
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o2{left:72%!important;top:16%!important}
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o3{left:77%!important;top:62%!important}
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o4{left:9%!important;top:66%!important}
    #yolo-archive .ya-hero-kinetic .ya-hero-object.o5{left:54%!important;top:72%!important}
    #yolo-archive .ya-hero-kinetic .ya-hero-object::after{font-size:7px;top:calc(100% + 5px)}
}


/* =========================================================
   FLOEMA REFERENCE CORRECTION: TRUE DEPTH-SPACE HERO
   No bobbing/glow breathing. Product tiles move through perspective depth.
   ========================================================= */
#yolo-archive .ya-hero-media::after{
    animation:none!important;
    transform:none!important;
    opacity:1!important;
    background:linear-gradient(180deg,#fff 0%,#fff 100%)!important;
}
#yolo-archive .ya-hero-kinetic{
    perspective:1200px!important;
    perspective-origin:50% 50%!important;
    transform-style:preserve-3d!important;
    overflow:hidden!important;
    background:#fff!important;
}
#yolo-archive .ya-hero-kinetic .ya-hero-object{
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:clamp(72px,7.2vw,112px)!important;
    height:clamp(86px,9vw,138px)!important;
    margin:0!important;
    translate:-50% -50%!important;
    transform-style:preserve-3d!important;
    will-change:transform,opacity,filter!important;
}
#yolo-archive .ya-hero-kinetic .ya-stack-card{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:100%!important;
    border:0!important;
    border-radius:1px!important;
    background:rgba(247,247,244,.72)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:hidden!important;
    transform:none!important;
}
#yolo-archive .ya-hero-kinetic .ya-stack-card img{
    width:100%!important;
    height:100%!important;
    padding:10%!important;
    object-fit:contain!important;
}
#yolo-archive .ya-floema-clone{
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:clamp(56px,5.7vw,90px)!important;
    height:clamp(68px,7.2vw,112px)!important;
    margin:0!important;
    translate:-50% -50%!important;
    background:rgba(248,248,245,.66)!important;
    border:0!important;
    border-radius:1px!important;
    box-shadow:none!important;
    transform-style:preserve-3d!important;
    will-change:transform,opacity,filter!important;
}
#yolo-archive .ya-floema-clone img{padding:10%!important}
#yolo-archive .ya-hero-object.camera .ya-stack-card,
#yolo-archive .ya-hero-object.retro .ya-stack-card,
#yolo-archive .ya-hero-object.stylus .ya-stack-card,
#yolo-archive .ya-hero-object.kids-watch .ya-stack-card,
#yolo-archive .ya-hero-object.speaker .ya-stack-card{
    background:rgba(248,248,245,.72)!important;
}
#yolo-archive .ya-hero-copy{pointer-events:none!important}
#yolo-archive .ya-hero-cta-row{pointer-events:auto!important}

@media(max-width:640px){
    #yolo-archive .ya-hero-kinetic{perspective:850px!important}
    #yolo-archive .ya-hero-kinetic .ya-hero-object{
        width:62px!important;height:78px!important;margin:0!important;translate:-50% -50%!important;
    }
    #yolo-archive .ya-floema-clone{
        width:44px!important;height:56px!important;margin:0!important;translate:-50% -50%!important;
    }
}


/* =========================================================
   SPACE FIELD FAILSAFE
   Keeps duplicate banner products moving even before/without JS.
   Runtime JS uses inline !important transforms and takes precedence.
   ========================================================= */
#yolo-archive .ya-floema-clone{
    --ya-fx:18px;
    --ya-fy:-14px;
    animation:yaSpaceFailsafe 13s ease-in-out infinite alternate;
}
#yolo-archive .ya-floema-clone.c2,
#yolo-archive .ya-floema-clone.c6,
#yolo-archive .ya-floema-clone.c10,
#yolo-archive .ya-floema-clone.c14,
#yolo-archive .ya-floema-clone.c18{--ya-fx:-24px;--ya-fy:16px;animation-duration:16s;animation-delay:-5s}
#yolo-archive .ya-floema-clone.c3,
#yolo-archive .ya-floema-clone.c7,
#yolo-archive .ya-floema-clone.c11,
#yolo-archive .ya-floema-clone.c15,
#yolo-archive .ya-floema-clone.c19{--ya-fx:13px;--ya-fy:24px;animation-duration:18s;animation-delay:-9s}
#yolo-archive .ya-floema-clone.c4,
#yolo-archive .ya-floema-clone.c8,
#yolo-archive .ya-floema-clone.c12,
#yolo-archive .ya-floema-clone.c16,
#yolo-archive .ya-floema-clone.c20{--ya-fx:-15px;--ya-fy:-22px;animation-duration:15s;animation-delay:-7s}
@keyframes yaSpaceFailsafe{
    0%{transform:translate3d(calc(var(--ya-fx) * -.55),calc(var(--ya-fy) * -.55),-70px) scale(.82);opacity:.46}
    52%{opacity:.88}
    100%{transform:translate3d(var(--ya-fx),var(--ya-fy),55px) scale(1.12);opacity:.96}
}

/* FINAL HERO VISIBILITY FIX
   A white ::after layer on .ya-hero-media was sitting above the isolated
   .ya-hero-kinetic stacking context, hiding every product tile. */
#yolo-archive .ya-hero-media::after{
    display:none!important;
    content:none!important;
}
#yolo-archive .ya-hero-kinetic{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    isolation:isolate!important;
}
#yolo-archive .ya-hero-kinetic .ya-hero-object{
    display:block!important;
    visibility:visible!important;
}
#yolo-archive .ya-floema-clone{
    display:grid!important;
    visibility:visible!important;
}
#yolo-archive .ya-hero-ui{z-index:10!important}
#yolo-archive .ya-logo-rail{z-index:12!important}


/* =========================================================
   FINAL MOVING LOGO RAIL OVERRIDE
   Applies in the normal JS-enabled homepage.
   ========================================================= */
#yolo-archive .ya-logo-rail{
    height:112px!important;
    background:#f5f5f2!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-top:1px solid rgba(17,19,16,.12)!important;
    overflow:hidden!important;
}
#yolo-archive .ya-logo-item{
    width:clamp(280px,24vw,390px)!important;
    height:112px!important;
    padding:8px 28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#f5f5f2!important;
    border-right:1px solid rgba(17,19,16,.10)!important;
    overflow:visible!important;
}
#yolo-archive .ya-logo-item img{
    width:auto!important;
    height:auto!important;
    max-width:245px!important;
    max-height:72px!important;
    object-fit:contain!important;
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
}
/* All Day source artwork is visually small, so give it a stronger scale. */
#yolo-archive .ya-logo-item.all-day img{
    width:210px!important;
    max-width:210px!important;
    max-height:78px!important;
    transform:scale(1.42)!important;
    transform-origin:center center!important;
}
#yolo-archive .ya-logo-item.ethiopian-airlines img{
    max-width:285px!important;
    max-height:72px!important;
}
#yolo-archive .ya-logo-item.emirates img{
    max-width:210px!important;
    max-height:76px!important;
}
#yolo-archive .ya-logo-item.axiom img{
    max-width:310px!important;
    max-height:82px!important;
}
#yolo-archive .ya-logo-item.myshop img{
    width:88px!important;
    height:88px!important;
    max-width:88px!important;
    max-height:88px!important;
    object-fit:contain!important;
}
#yolo-archive .ya-logo-fallback{
    display:block!important;
    color:#111310!important;
    font-size:clamp(26px,2.2vw,38px)!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:-.04em!important;
    white-space:nowrap!important;
}
@media(max-width:640px){
    #yolo-archive .ya-logo-rail{height:76px!important}
    #yolo-archive .ya-logo-item{
        width:205px!important;
        height:76px!important;
        padding:6px 18px!important;
    }
    #yolo-archive .ya-logo-item img{
        max-width:160px!important;
        max-height:48px!important;
    }
    #yolo-archive .ya-logo-item.all-day img{
        width:145px!important;
        max-width:145px!important;
        max-height:52px!important;
        transform:scale(1.30)!important;
    }
    #yolo-archive .ya-logo-item.ethiopian-airlines img{max-width:178px!important;max-height:48px!important}
    #yolo-archive .ya-logo-item.emirates img{max-width:150px!important;max-height:50px!important}
    #yolo-archive .ya-logo-item.axiom img{max-width:172px!important;max-height:54px!important}
    #yolo-archive .ya-logo-item.myshop img{
        width:58px!important;
        height:58px!important;
        max-width:58px!important;
        max-height:58px!important;
    }
    #yolo-archive .ya-logo-fallback{font-size:24px!important}
}

/* YOLO refinement: native CSS, existing theme and product data retained.
   DESIGN_VARIANCE 7 / MOTION_INTENSITY 4 / VISUAL_DENSITY 3. */
:root{--ya-paper:var(--yolo-surface);--ya-ink:var(--yolo-ink);--ya-deep:var(--yolo-ink);--ya-line:rgba(24,26,29,.14);--ya-gutter:clamp(22px,5vw,80px);--ya-brand:var(--yolo-accent)}
#yolo-archive{background:var(--ya-paper);color:var(--ya-ink)}
#yolo-archive .ya-scroll-root{user-select:auto;min-height:100dvh}
#yolo-archive .ya-cursor{display:none!important}
#yolo-archive .ya-scroll-root,#yolo-archive .ya-scroll-root a{cursor:auto!important}
#yolo-archive .ya-hero-ui{mix-blend-mode:normal!important;color:var(--ya-ink)!important}
#yolo-archive .ya-hero-media{inset:96px 0 100px 43%!important;background:var(--ya-paper)!important}
#yolo-archive .ya-hero-kinetic{background:var(--ya-paper)!important}
#yolo-archive .ya-ambient-mesh,#yolo-archive .ya-orbit,#yolo-archive .ya-orbit-dot,#yolo-archive .ya-hero-gridlines,#yolo-archive .ya-jump-flash{display:none!important}
#yolo-archive .ya-hero-copy{left:var(--ya-gutter)!important;top:clamp(130px,24dvh,230px)!important;width:43%!important;transform:none!important;text-align:left!important}
#yolo-archive .ya-hero-copy h1{margin:0!important;max-width:9ch!important;font-size:clamp(58px,6.8vw,108px)!important;font-weight:600!important;line-height:1.02!important;letter-spacing:-.065em!important;color:var(--ya-ink)!important;text-shadow:none!important}
#yolo-archive .ya-hero-description{max-width:29ch!important;margin:24px 0 0!important;font-size:clamp(15px,1.2vw,18px)!important;line-height:1.65!important;color:var(--yolo-muted)!important;font-weight:400!important}
#yolo-archive .ya-hero-cta-row{justify-content:flex-start!important;margin-top:28px!important}
#yolo-archive .ya-hero-cta-primary{min-height:52px!important;padding:0 24px!important;border-radius:8px!important;background:var(--ya-ink)!important;border:1px solid var(--ya-ink)!important;color:var(--yolo-surface)!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;gap:24px!important;white-space:nowrap}
#yolo-archive .ya-hero-cta-primary:hover{background:var(--yolo-accent)!important;border-color:var(--yolo-accent)!important;transform:translateY(-2px)}
#yolo-archive .ya-hero-kinetic .ya-hero-object{width:clamp(100px,11vw,168px)!important;height:clamp(120px,14vw,204px)!important}
#yolo-archive .ya-hero-kinetic .ya-stack-card,#yolo-archive .ya-floema-clone{border-radius:12px!important;background:#e8ebee!important;box-shadow:0 12px 32px rgba(24,26,29,.06)!important;border:1px solid rgba(24,26,29,.06)!important;animation:none!important}
#yolo-archive .ya-floema-clone{width:clamp(70px,8vw,120px)!important;height:clamp(90px,10vw,150px)!important}
#yolo-archive .ya-floema-clone:nth-of-type(n+9){display:none!important}
#yolo-archive .ya-scroll-note{bottom:122px!important;font-size:11px!important;text-transform:none!important;letter-spacing:0!important;color:var(--yolo-muted)!important}
#yolo-archive .ya-logo-rail{height:88px!important;background:#eceef0!important;border-top:1px solid var(--ya-line)!important}
#yolo-archive .ya-logo-item{height:88px!important;width:clamp(210px,20vw,280px)!important;padding:14px 32px!important;background:transparent!important;border-right:0!important}
#yolo-archive .ya-logo-item img{max-height:48px!important;max-width:170px!important}
#yolo-archive .ya-logo-item.all-day img{width:145px!important;transform:scale(1.15)!important}
#yolo-archive .ya-logo-item.myshop img{width:52px!important;height:52px!important}
#yolo-archive .ya-panel,#yolo-archive .ya-outro,#yolo-archive .ya-after,#yolo-archive .ya-video-showcase,#yolo-archive .ya-contact-band{background:var(--ya-paper)!important;color:var(--ya-ink)!important}
#yolo-archive .ya-panel::before,#yolo-archive .ya-contact-band::before,#yolo-archive .ya-video-showcase::before{display:none!important}
#yolo-archive .ya-panel-head{left:var(--ya-gutter);right:var(--ya-gutter);border-color:var(--ya-line)}
#yolo-archive .ya-panel-head strong{font-size:16px;letter-spacing:-.02em;text-transform:none}
#yolo-archive .ya-card-shell{border:1px solid var(--ya-line)!important;border-radius:16px!important;background:#eceef0!important;box-shadow:none!important}
#yolo-archive .ya-card-shell::before{display:none!important}
#yolo-archive .ya-card-media{background:#e6e9ec!important}
#yolo-archive .ya-card-media::before{display:none!important}
#yolo-archive .ya-card-info{background:#f8f9fa!important;border-color:var(--ya-line)!important}
#yolo-archive .ya-card-name{font-size:clamp(36px,4.1vw,60px)!important;line-height:1.06!important;letter-spacing:-.045em!important}
#yolo-archive .ya-card-cat,#yolo-archive .ya-section-label,#yolo-archive .ya-outro-kicker{background:none!important;color:var(--yolo-accent-hover)!important;font-size:12px!important;letter-spacing:.03em!important}
#yolo-archive .ya-card-view{min-height:48px;color:var(--ya-ink)!important}
#yolo-archive .ya-outro h2{font-size:clamp(54px,7vw,104px)!important;line-height:1.04!important;color:var(--ya-ink)!important}
#yolo-archive .ya-outro-cta{background:var(--ya-ink)!important;color:var(--yolo-surface)!important;border-radius:8px!important;aspect-ratio:auto!important;min-height:64px!important;font-size:24px!important;width:min(330px,80vw)!important}
#yolo-archive .ya-after-shell,#yolo-archive .ya-video-shell,#yolo-archive .ya-contact-shell{width:min(1280px,calc(100% - 2 * var(--ya-gutter)))!important}
#yolo-archive .ya-about{padding:clamp(80px,9vw,140px) 0!important}
#yolo-archive .ya-about-grid{grid-template-columns:.45fr 1.55fr!important;gap:48px!important}
#yolo-archive .ya-about h2{max-width:19ch!important;font-size:clamp(40px,4.6vw,68px)!important;line-height:1.08!important}
#yolo-archive .ya-about p{max-width:64ch!important;font-size:16px!important;line-height:1.85!important;color:var(--yolo-muted)!important}
#yolo-archive .ya-video-showcase{padding:96px 0!important}
#yolo-archive .ya-video-head{display:block!important;margin-bottom:36px!important}
#yolo-archive .ya-video-kicker{display:none!important}
#yolo-archive .ya-video-head h2{max-width:none!important;margin:0 0 18px!important;font-size:clamp(40px,4.6vw,68px)!important;line-height:1.08!important}
#yolo-archive .ya-video-head p{max-width:58ch!important;font-size:16px!important;color:var(--yolo-muted)!important}
#yolo-archive .ya-video-grid{gap:24px!important;background:transparent!important;border:0!important}
#yolo-archive .ya-video-card{padding:0!important;background:transparent!important}
#yolo-archive .ya-video-frame{border-radius:12px!important;border:0!important}
#yolo-archive .ya-video-label{font-size:12px!important;letter-spacing:0!important;text-transform:none!important;color:var(--ya-ink)!important}
#yolo-archive .ya-video-label span:last-child{display:none!important}
#yolo-archive .ya-contact-band{padding:96px 0!important;border-top:1px solid var(--ya-line)!important}
#yolo-archive .ya-contact-band h2{max-width:13ch!important;font-size:clamp(44px,5vw,72px)!important;line-height:1.06!important}
#yolo-archive .ya-contact-band p{color:var(--yolo-muted)!important;font-size:16px!important}
#yolo-archive .ya-contact-email{color:var(--ya-ink)!important;border-color:var(--ya-line)!important;border-radius:8px!important;background:transparent!important}
#yolo-archive .ya-contact-page{border-radius:8px!important;background:var(--ya-ink)!important;color:var(--yolo-surface)!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important}
#yolo-archive .ya-card-detail{background:#f8f9fa!important;color:var(--ya-ink)!important;border:1px solid var(--ya-line)!important;border-radius:12px!important;box-shadow:0 20px 50px rgba(24,26,29,.15)!important}
#yolo-archive a:focus-visible,#yolo-archive button:focus-visible{outline:3px solid var(--yolo-accent-hover)!important;outline-offset:5px!important}
#yolo-archive .ya-logo-track:hover,#yolo-archive .ya-logo-track:focus-within{animation-play-state:paused!important}
@media(max-width:900px){
 #yolo-archive .ya-hero-copy{width:47%!important}
 #yolo-archive .ya-hero-copy h1{font-size:clamp(52px,7vw,74px)!important}
 #yolo-archive .ya-about-grid{grid-template-columns:1fr!important;gap:24px!important}
 #yolo-archive .ya-contact-shell{grid-template-columns:1fr!important;gap:32px!important}
}
@media(max-width:640px){
 #yolo-archive .ya-hero-copy{left:22px!important;top:calc(94px + env(safe-area-inset-top))!important;width:calc(100% - 44px)!important;transform:none!important;text-align:left!important}
 #yolo-archive .ya-hero-copy h1{font-size:clamp(46px,12vw,66px)!important;line-height:1.02!important;max-width:9ch!important}
 #yolo-archive .ya-hero-description{font-size:14px!important;margin-top:16px!important;max-width:31ch!important}
 #yolo-archive .ya-hero-cta-row{justify-content:flex-start!important;margin-top:20px!important}
 #yolo-archive .ya-hero-cta-primary{min-height:48px!important;font-size:12px!important}
 #yolo-archive .ya-hero-media{inset:370px 0 72px!important}
 #yolo-archive .ya-hero-kinetic .ya-hero-object{width:82px!important;height:102px!important}
 #yolo-archive .ya-floema-clone{width:62px!important;height:78px!important}
 #yolo-archive .ya-scroll-note{display:none!important}
 #yolo-archive .ya-logo-rail,#yolo-archive .ya-logo-item{height:64px!important}
 #yolo-archive .ya-logo-item{width:180px!important;padding:10px 24px!important}
 #yolo-archive .ya-logo-item img{max-height:38px!important;max-width:130px!important}
 #yolo-archive .ya-logo-item.myshop img{height:40px!important;width:40px!important}
 #yolo-archive .ya-about,#yolo-archive .ya-video-showcase,#yolo-archive .ya-contact-band{padding:64px 0!important}
 #yolo-archive .ya-about h2,#yolo-archive .ya-video-head h2{font-size:38px!important}
 #yolo-archive .ya-about p,#yolo-archive .ya-video-head p,#yolo-archive .ya-contact-band p{font-size:15px!important}
 #yolo-archive .ya-video-grid{grid-template-columns:1fr!important;gap:28px!important}
 #yolo-archive .ya-contact-band h2{font-size:42px!important}
 #yolo-archive .ya-card-name{font-size:36px!important}
}
@media(max-width:640px) and (max-height:700px){
 #yolo-archive .ya-hero-copy{top:84px!important}
 #yolo-archive .ya-hero-copy h1{font-size:42px!important}
 #yolo-archive .ya-hero-description{margin-top:12px!important}
 #yolo-archive .ya-hero-cta-row{margin-top:14px!important}
 #yolo-archive .ya-hero-media{top:320px!important}
}
@media(prefers-reduced-motion:reduce){
 #yolo-archive *,#yolo-archive *::before,#yolo-archive *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 #yolo-archive .ya-fallback{padding:110px var(--ya-gutter) 64px!important}
 #yolo-archive .ya-fallback-card h2{line-height:1.15}
}

/* Scroll progress carries the existing theme logo, without scaling the logo itself. */
#yolo-archive .ya-progress{display:block!important;top:var(--ya-scroll-top,0px)!important;height:3px!important;background:var(--yolo-accent)!important}
#yolo-archive .ya-scroll-logo{position:fixed;left:0;top:calc(var(--ya-scroll-top,0px) + 7px);z-index:10051;display:flex;align-items:center;justify-content:center;width:76px;height:34px;padding:5px 8px;border-radius:7px;background:#f8f9fa;border:1px solid rgba(24,26,29,.14);box-shadow:0 3px 12px rgba(24,26,29,.08);pointer-events:none;transform:translateX(8px);will-change:transform}
#yolo-archive .ya-scroll-logo img{width:100%;height:100%;object-fit:contain}
#yolo-archive .ya-scroll-logo span{font-family:inherit;font-size:19px;font-weight:800;letter-spacing:-.07em;line-height:1;color:var(--yolo-ink)}
@media(max-width:640px){#yolo-archive .ya-scroll-logo{width:60px;height:28px;padding:4px 6px}#yolo-archive .ya-scroll-logo span{font-size:16px}}
@media(prefers-reduced-motion:reduce){#yolo-archive .ya-scroll-logo{display:none!important}}


/* The supplied YOLO artwork travels intact along a scroll-driven flight path.
   Embedded image keeps this replacement template self-contained. */
#yolo-archive .ya-scroll-logo{width:96px;height:64px;top:calc(var(--ya-scroll-top,0px) + 8px);padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;transform-origin:50% 50%;will-change:transform}
#yolo-archive .ya-scroll-logo img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:640px){#yolo-archive .ya-scroll-logo{width:72px;height:48px}}


/* Dedicated top flight strip: reserved space keeps the brand header unobstructed. */
body:has(#yolo-archive){padding-top:34px!important}
body:has(#yolo-archive) #header{top:calc(var(--ya-scroll-top,0px) + 34px)!important}
#yolo-archive .ya-flight-strip{position:fixed;inset:var(--ya-scroll-top,0px) 0 auto;height:34px;background:#f8f9fa;border-bottom:1px solid rgba(24,26,29,.1);z-index:10049;pointer-events:none}
#yolo-archive .ya-progress{top:calc(var(--ya-scroll-top,0px) + 31px)!important}
#yolo-archive .ya-scroll-logo{top:var(--ya-scroll-top,0px)!important;width:42px!important;height:28px!important;padding:0!important}
#yolo-archive .ya-hero-kinetic .ya-stack-card{background:#e6e9ec!important;border-radius:18px!important}
#yolo-archive .ya-floema-clone{background:#edf0f2!important;box-shadow:none!important}
#yolo-archive .ya-floema-clone:nth-of-type(n+6){display:none!important}
#yolo-archive .ya-hero-kinetic .ya-stack-card:hover{outline:2px solid var(--yolo-accent);outline-offset:4px}
@media(max-width:640px){#yolo-archive .ya-scroll-logo{width:38px!important;height:26px!important}}
@media(prefers-reduced-motion:reduce){#yolo-archive .ya-flight-strip{display:none!important}body:has(#yolo-archive){padding-top:0!important}body:has(#yolo-archive) #header{top:var(--ya-scroll-top,0px)!important}#yolo-archive .ya-progress{top:var(--ya-scroll-top,0px)!important}}


/* Compact collection cards with readable product names and visible navigation. */
#yolo-archive .ya-panel-head{top:calc(var(--ya-collection-top,110px) + 16px)!important;padding-bottom:16px!important;display:flex!important;align-items:center!important;background:transparent!important}
#yolo-archive .ya-panel-head strong{font-size:18px!important;letter-spacing:-.02em!important;text-transform:none!important}
#yolo-archive .ya-panel-head span{font-size:12px!important}
#yolo-archive .ya-gallery-viewport{inset:calc(var(--ya-collection-top,110px) + 72px) 0 84px!important;height:auto!important;align-items:center!important}
#yolo-archive .ya-gallery{height:100%!important;padding:0 max(24px,calc((100vw - min(960px,78vw))/2))!important;gap:32px!important;align-items:center!important}
#yolo-archive .ya-card{flex:0 0 min(960px,78vw)!important;height:min(520px,100%)!important;margin:0!important;min-height:0!important}
#yolo-archive .ya-card-shell{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr!important;border-radius:18px!important}
#yolo-archive .ya-card-media{background:#e9edf0!important}
#yolo-archive .ya-card img{max-width:84%!important;max-height:82%!important;filter:drop-shadow(0 16px 18px rgba(24,26,29,.12))!important}
#yolo-archive .ya-card.retro img{max-width:48%!important}
#yolo-archive .ya-card.stylus img{max-width:30%!important}
#yolo-archive .ya-card-info{padding:clamp(24px,3vw,44px)!important;justify-content:center!important;overflow:visible!important}
#yolo-archive .ya-card-cat{margin:0 0 16px!important;font-size:11px!important}
#yolo-archive .ya-card-name{max-width:none!important;font-size:clamp(28px,3.1vw,44px)!important;line-height:1.1!important;letter-spacing:-.045em!important;text-wrap:balance}
#yolo-archive .ya-card-title-last{display:block}
#yolo-archive .ya-card-description{max-width:34ch;margin:16px 0 0;color:var(--yolo-muted);font-size:14px;line-height:1.6}
#yolo-archive .ya-card-price{margin-top:20px!important;font-size:22px!important;line-height:1.4!important;color:var(--yolo-ink)!important}
#yolo-archive .ya-card-view{width:max-content!important;min-height:48px!important;padding:0 20px!important;gap:24px!important;margin-top:24px!important;border:0!important;border-radius:8px!important;background:var(--yolo-accent)!important;color:#fff!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important}
#yolo-archive .ya-card:hover .ya-card-view{background:var(--yolo-accent-hover)!important;color:#fff!important}
#yolo-archive .ya-collection-footer{position:absolute;inset:auto var(--ya-gutter) 20px;z-index:45;display:flex;justify-content:space-between;align-items:center;gap:16px}
#yolo-archive .ya-collection-status{font-size:13px;color:var(--yolo-muted)}
#yolo-archive .ya-collection-controls{display:flex;gap:10px}
#yolo-archive .ya-collection-controls button{width:46px;height:46px;display:grid;place-items:center;background:#f8f9fa;border:1px solid var(--ya-line);border-radius:50%;cursor:pointer;font-size:23px;line-height:1;transition:background .2s ease,color .2s ease}
#yolo-archive .ya-collection-controls button:hover:not(:disabled){background:var(--yolo-ink);color:#fff}
#yolo-archive .ya-collection-controls button:disabled{opacity:.35;cursor:default}
#yolo-archive .ya-gallery-viewport{touch-action:pan-y}
@media(max-width:640px){
 #yolo-archive .ya-panel-head{left:22px!important;right:22px!important;min-height:0!important;padding:0 0 12px!important;gap:12px!important}
 #yolo-archive .ya-panel-head strong{font-size:16px!important}
 #yolo-archive .ya-panel-head span{font-size:10px!important;margin:0!important}
 #yolo-archive .ya-gallery-viewport{top:calc(var(--ya-collection-top,90px) + 60px)!important;bottom:78px!important;align-items:center!important}
 #yolo-archive .ya-gallery{padding:0 7vw!important;gap:18px!important}
 #yolo-archive .ya-card{flex-basis:86vw!important;height:100%!important;max-height:590px!important}
 #yolo-archive .ya-card-shell{grid-template-columns:1fr!important;grid-template-rows:minmax(110px,1fr) auto!important}
 #yolo-archive .ya-card-info{padding:18px 20px!important;min-height:0!important;border-left:0!important;border-top:1px solid var(--ya-line)!important}
 #yolo-archive .ya-card-name{font-size:26px!important;line-height:1.08!important}
 #yolo-archive .ya-card-title-last{display:inline}
 #yolo-archive .ya-card-title-last::before{content:' '}
 #yolo-archive .ya-card-cat{margin-bottom:8px!important;font-size:10px!important}
 #yolo-archive .ya-card-description{margin-top:10px!important;font-size:12px!important;line-height:1.45!important}
 #yolo-archive .ya-card-price{margin-top:12px!important;font-size:18px!important}
 #yolo-archive .ya-card-view{min-height:44px!important;margin-top:14px!important;font-size:12px!important}
 #yolo-archive .ya-collection-footer{bottom:16px!important}
 #yolo-archive .ya-collection-status{font-size:11px;max-width:65%}
 #yolo-archive .ya-collection-controls button{width:42px;height:42px}
}
@media(max-width:640px) and (max-height:700px){#yolo-archive .ya-card-description{display:none}#yolo-archive .ya-card-info{padding:12px 18px!important}#yolo-archive .ya-card-name{font-size:23px!important}#yolo-archive .ya-card-view{margin-top:10px!important}}


/* Consistent product footprints; original aspect ratios remain intact. */
#yolo-archive .ya-panel .ya-card{transform:none!important}
#yolo-archive .ya-panel .ya-card-media img{width:78%!important;height:78%!important;max-width:78%!important;max-height:78%!important;object-fit:contain!important;transform:none!important;padding:0!important}
#yolo-archive .ya-hero-kinetic .ya-hero-object .ya-stack-card img{width:100%!important;height:100%!important;padding:12%!important;object-fit:contain!important;max-width:none!important;max-height:none!important}
/* Equal logo slots and matched loop segments prevent gaps or jumps. */
#yolo-archive .ya-logo-rail{--ya-logo-slot:220px;--ya-logo-distance:1100px;height:88px!important;background:var(--yolo-surface)!important;pointer-events:auto!important;overflow:hidden!important;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
#yolo-archive .ya-logo-rail .ya-logo-track{display:flex!important;gap:0!important;width:max-content!important;animation:yaBrandGlide var(--ya-logo-duration,35s) linear infinite!important}
#yolo-archive .ya-logo-rail .ya-logo-set{display:flex!important;gap:0!important;flex:0 0 auto!important;padding:0!important;margin:0!important}
#yolo-archive .ya-logo-rail .ya-logo-item{flex:0 0 var(--ya-logo-slot)!important;width:var(--ya-logo-slot)!important;height:88px!important;padding:20px 32px!important;background:transparent!important;border:0!important;overflow:hidden!important}
#yolo-archive .ya-logo-rail .ya-logo-item img{width:156px!important;height:48px!important;max-width:156px!important;max-height:48px!important;object-fit:contain!important;transform:none!important;mix-blend-mode:normal!important}
#yolo-archive .ya-logo-rail .ya-logo-fallback{font-size:25px!important;line-height:1.1!important}
#yolo-archive .ya-logo-rail:hover .ya-logo-track,#yolo-archive .ya-logo-rail:focus-within .ya-logo-track{animation-play-state:paused!important}
@keyframes yaBrandGlide{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--ya-logo-distance)),0,0)}}
@media(max-width:640px){
 #yolo-archive .ya-panel .ya-card-media img{width:76%!important;height:76%!important;max-width:76%!important;max-height:76%!important}
 #yolo-archive .ya-logo-rail{--ya-logo-slot:164px;height:68px!important}
 #yolo-archive .ya-logo-rail .ya-logo-item{height:68px!important;padding:14px 24px!important}
 #yolo-archive .ya-logo-rail .ya-logo-item img{width:116px!important;height:40px!important;max-width:116px!important;max-height:40px!important}
 #yolo-archive .ya-logo-rail .ya-logo-fallback{font-size:21px!important}
}
@media(prefers-reduced-motion:reduce){
 #yolo-archive .ya-logo-rail .ya-logo-track{animation:none!important}
}


#yolo-archive .ya-logo-rail{--ya-logo-slot:190px!important}
#yolo-archive .ya-logo-rail .ya-logo-item{padding:16px 24px!important}
#yolo-archive .ya-logo-rail .ya-logo-item img{width:142px!important;max-width:142px!important;height:52px!important;max-height:52px!important}
#yolo-archive .ya-logo-rail .ya-logo-item.all-day img{transform:scale(1.8)!important}
#yolo-archive .ya-logo-rail .ya-logo-item.myshop img{width:62px!important;max-width:62px!important;height:62px!important;max-height:62px!important}
#yolo-archive .ya-flight-particles{position:fixed;left:0;top:var(--ya-scroll-top,0px);width:100%;height:34px;z-index:10050;pointer-events:none}
@media(max-width:640px){
 #yolo-archive .ya-logo-rail{--ya-logo-slot:148px!important}
 #yolo-archive .ya-logo-rail .ya-logo-item{padding:12px 20px!important}
 #yolo-archive .ya-logo-rail .ya-logo-item img{width:108px!important;max-width:108px!important;height:40px!important;max-height:40px!important}
 #yolo-archive .ya-logo-rail .ya-logo-item.myshop img{width:44px!important;max-width:44px!important;height:44px!important;max-height:44px!important}
}
@media(prefers-reduced-motion:reduce){#yolo-archive .ya-flight-particles{display:none!important}}


#yolo-archive.ya-mobile-layout{overflow:clip;--ya-mobile-header:106px}
#yolo-archive.ya-mobile-layout .ya-scroll-root{height:auto!important;min-height:0!important}
#yolo-archive.ya-mobile-layout .ya-fixed{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column;height:auto!important;min-height:0!important;padding-top:calc(var(--ya-mobile-padding,var(--ya-mobile-header)) + 24px)!important;overflow:visible!important;transform:none!important;visibility:visible!important;pointer-events:auto!important}
#yolo-archive.ya-mobile-layout .ya-hero-ui{position:relative!important;inset:auto!important;order:1;width:100%!important;height:auto!important;transform:none!important;opacity:1!important;pointer-events:auto!important}
#yolo-archive.ya-mobile-layout .ya-hero-copy{position:relative!important;inset:auto!important;width:auto!important;max-width:none!important;padding:0 22px!important;transform:none!important}
#yolo-archive.ya-mobile-layout .ya-hero-copy h1{font-size:clamp(44px,12vw,64px)!important;line-height:1.02!important;letter-spacing:-.06em!important;margin:0!important}
#yolo-archive.ya-mobile-layout .ya-hero-description{display:block!important;font-size:14px!important;line-height:1.6!important;margin:16px 0 0!important;max-width:35em!important}
#yolo-archive.ya-mobile-layout .ya-hero-cta-row{margin:20px 0 0!important}
#yolo-archive.ya-mobile-layout .ya-hero-cta-primary{min-height:48px!important;padding:0 20px!important;font-size:14px!important}
#yolo-archive.ya-mobile-layout .ya-scroll-note,#yolo-archive.ya-mobile-layout .ya-floema-clone,#yolo-archive.ya-mobile-layout .ya-ambient-mesh,#yolo-archive.ya-mobile-layout .ya-hero-ghost,#yolo-archive.ya-mobile-layout .ya-orbit,#yolo-archive.ya-mobile-layout .ya-orbit-dot,#yolo-archive.ya-mobile-layout .ya-deck-hint,#yolo-archive.ya-mobile-layout .ya-jump-flash,#yolo-archive.ya-mobile-layout .ya-fallback{display:none!important}
#yolo-archive.ya-mobile-layout .ya-hero-media{position:relative!important;inset:auto!important;order:2;width:100%!important;height:270px!important;margin:24px 0!important;transform:none!important;opacity:1!important;pointer-events:auto!important;overflow:visible!important}
#yolo-archive.ya-mobile-layout .ya-hero-kinetic{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:116px 116px;gap:12px 10px;padding:8px 22px!important;width:100%!important;height:100%!important;perspective:none!important;transform:none!important;box-sizing:border-box}
#yolo-archive.ya-mobile-layout .ya-hero-kinetic .ya-hero-object[class]{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:116px!important;min-height:0!important;margin:0!important;translate:0!important;transform:none!important;aspect-ratio:auto!important;grid-column:span 2;background:var(--yolo-surface)!important;border-radius:16px!important;animation:none!important}
#yolo-archive.ya-mobile-layout .ya-hero-kinetic .ya-hero-object.o4{grid-column:2 / span 2;animation-delay:-1.5s}
#yolo-archive.ya-mobile-layout .ya-hero-kinetic .ya-hero-object.o5{grid-column:4 / span 2;animation-delay:-3s}
#yolo-archive.ya-mobile-layout .ya-hero-kinetic .ya-stack-card[class]{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;aspect-ratio:auto!important;transform:none!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;animation:ya-mobile-float 5s ease-in-out infinite}
#yolo-archive.ya-mobile-layout .ya-hero-kinetic .ya-stack-card img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:12px!important;box-sizing:border-box;object-fit:contain!important;max-width:none!important;max-height:none!important;transform:none!important}
@keyframes ya-mobile-float{50%{translate:0 -5px}}
#yolo-archive.ya-mobile-layout .ya-logo-rail{order:3;position:relative!important;inset:auto!important;height:68px!important;width:100%!important;transform:none!important;opacity:1!important;--ya-logo-slot:144px}
#yolo-archive.ya-mobile-layout .ya-logo-item{width:144px!important;min-width:144px!important;height:68px!important;padding:12px 20px!important;box-sizing:border-box}
#yolo-archive.ya-mobile-layout .ya-logo-item img{max-width:104px!important;max-height:38px!important;object-fit:contain!important}
#yolo-archive.ya-mobile-layout .ya-panel{order:4;position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;transform:none!important;opacity:1!important;pointer-events:auto!important;scroll-margin-top:calc(var(--ya-mobile-header) + 20px)}
#yolo-archive.ya-mobile-layout .ya-panel-head{position:relative!important;inset:auto!important;padding:32px 22px 20px!important;margin:0!important;border:0!important;gap:8px!important;flex-wrap:wrap;text-align:left!important;justify-content:space-between!important;pointer-events:auto}
#yolo-archive.ya-mobile-layout .ya-panel-head strong{font-size:22px!important}
#yolo-archive.ya-mobile-layout .ya-panel-head span{font-size:11px!important}
#yolo-archive.ya-mobile-layout .ya-gallery-viewport{position:relative!important;inset:auto!important;height:auto!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-padding-left:22px;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scrollbar-width:none}
#yolo-archive.ya-mobile-layout .ya-gallery-viewport::-webkit-scrollbar{display:none}
#yolo-archive.ya-mobile-layout .ya-gallery{position:relative!important;inset:auto!important;display:flex!important;gap:16px!important;width:max-content!important;height:auto!important;padding:0 22px!important;transform:none!important}
#yolo-archive.ya-mobile-layout .ya-card{width:min(340px,calc(100vw - 56px))!important;min-width:0!important;height:auto!important;flex:none!important;transform:none!important;opacity:1!important;scroll-snap-align:start}
#yolo-archive.ya-mobile-layout .ya-card-shell{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:220px auto!important;height:100%!important}
#yolo-archive.ya-mobile-layout .ya-card-media{height:220px!important;min-height:0!important;padding:24px!important;overflow:hidden!important}
#yolo-archive.ya-mobile-layout .ya-card[class] .ya-card-media img{position:relative!important;inset:auto!important;width:100%!important;height:172px!important;max-width:100%!important;max-height:172px!important;object-fit:contain!important;transform:none!important;translate:none!important;margin:0!important;padding:0!important}
#yolo-archive.ya-mobile-layout .ya-card-info{padding:20px!important;min-height:260px!important;height:auto!important;display:flex!important;flex-direction:column!important;box-sizing:border-box}
#yolo-archive.ya-mobile-layout .ya-card-name{font-size:24px!important;line-height:1.12!important;margin:12px 0!important;min-height:54px!important;overflow-wrap:anywhere}
#yolo-archive.ya-mobile-layout .ya-card-title-last{display:inline!important}
#yolo-archive.ya-mobile-layout .ya-card-description{font-size:14px!important;line-height:1.55!important;margin:0 0 16px!important;min-height:65px}
#yolo-archive.ya-mobile-layout .ya-card-price{font-size:18px!important;margin:0 0 16px!important}
#yolo-archive.ya-mobile-layout .ya-card-view{margin-top:auto!important;min-height:44px!important;font-size:13px!important;width:100%!important;display:flex!important;justify-content:space-between!important}
#yolo-archive.ya-mobile-layout .ya-collection-footer{position:relative!important;inset:auto!important;padding:18px 22px 32px!important;transform:none!important;opacity:1!important;gap:12px!important}
#yolo-archive.ya-mobile-layout .ya-collection-status{font-size:12px!important}
#yolo-archive.ya-mobile-layout .ya-collection-controls button{width:44px!important;height:44px!important}
#yolo-archive.ya-mobile-layout .ya-outro{order:5;position:relative!important;inset:auto!important;padding:48px 22px!important;height:auto!important;opacity:1!important;transform:none!important;pointer-events:auto!important;border-top:1px solid #e5e6e7}
#yolo-archive.ya-mobile-layout .ya-outro-inner{width:100%!important}
#yolo-archive.ya-mobile-layout .ya-outro h2{font-size:38px!important;line-height:1.1!important;margin:18px auto!important}
#yolo-archive.ya-mobile-layout .ya-outro-cta{transform:none!important;min-height:48px!important;font-size:18px!important;margin:24px auto 0!important}
#yolo-archive.ya-mobile-layout .ya-card-detail{position:absolute!important;inset:12px 22px!important;width:auto!important;max-width:none!important;z-index:40!important;transform:none!important;background:#fff!important;box-shadow:0 10px 36px #181a1d20!important}
#yolo-archive.ya-mobile-layout .ya-card-detail.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#yolo-archive.ya-mobile-layout .ya-after-shell,#yolo-archive.ya-mobile-layout .ya-video-shell,#yolo-archive.ya-mobile-layout .ya-contact-shell{width:auto!important;margin:0 22px!important}
#yolo-archive.ya-mobile-layout .ya-about-grid,#yolo-archive.ya-mobile-layout .ya-video-head,#yolo-archive.ya-mobile-layout .ya-contact-shell{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
#yolo-archive.ya-mobile-layout .ya-about h2,#yolo-archive.ya-mobile-layout .ya-video-head h2,#yolo-archive.ya-mobile-layout .ya-contact-band h2{font-size:36px!important;line-height:1.12!important}
#yolo-archive.ya-mobile-layout .ya-about p,#yolo-archive.ya-mobile-layout .ya-video-head p,#yolo-archive.ya-mobile-layout .ya-contact-band p{font-size:15px!important;line-height:1.75!important}
#yolo-archive.ya-mobile-layout .ya-video-grid{grid-template-columns:minmax(0,1fr)!important}
#yolo-archive.ya-mobile-layout .ya-contact-email{font-size:clamp(19px,5.6vw,26px)!important;overflow-wrap:anywhere!important}
#yolo-archive.ya-mobile-layout #about,#yolo-archive.ya-mobile-layout #contact{scroll-margin-top:calc(var(--ya-mobile-header) + 20px)}
@media(prefers-reduced-motion:reduce){#yolo-archive.ya-mobile-layout .ya-stack-card[class]{animation:none!important}}

/* Scroll transforms compose with the small idle float on phones and tablets. */
#yolo-archive.ya-mobile-layout .ya-hero-object[class] .ya-stack-card[class]{transform:translate3d(var(--ya-scroll-x,0px),var(--ya-scroll-y,0px),0) rotate(var(--ya-scroll-turn,0deg)) scale(var(--ya-scroll-scale,1))!important;will-change:transform}
#yolo-archive.ya-mobile-layout .ya-hero-ui .ya-hero-copy{transform:translate3d(0,var(--ya-copy-y,0px),0)!important;opacity:var(--ya-copy-opacity,1)!important;will-change:transform,opacity}
#yolo-archive.ya-mobile-layout .ya-panel .ya-panel-head,#yolo-archive.ya-mobile-layout .ya-panel .ya-gallery-viewport{transform:translate3d(0,var(--ya-collection-y,0px),0)!important;opacity:var(--ya-collection-reveal,1)!important}
@media(prefers-reduced-motion:reduce){
 #yolo-archive.ya-mobile-layout .ya-hero-object[class] .ya-stack-card[class],#yolo-archive.ya-mobile-layout .ya-hero-ui .ya-hero-copy,#yolo-archive.ya-mobile-layout .ya-panel .ya-panel-head,#yolo-archive.ya-mobile-layout .ya-panel .ya-gallery-viewport{transform:none!important;opacity:1!important;will-change:auto!important}
}

/* Desktop's layered product field, sized for a phone's sticky scroll scene. */
#yolo-archive.ya-mobile-layout .ya-fixed .ya-mobile-scene{order:1;position:relative;height:var(--ya-scene-height,1050px);width:100%}
#yolo-archive.ya-mobile-layout .ya-mobile-stage{position:sticky;top:var(--ya-mobile-header,106px);height:var(--ya-stage-height,700px);display:flex;flex-direction:column;overflow:clip;background:#fff;padding-top:22px;box-sizing:border-box}
#yolo-archive.ya-mobile-layout.ya-mobile-cinematic .ya-fixed{padding-top:var(--ya-mobile-padding,106px)!important}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-copy h1{font-size:clamp(42px,11.5vw,58px)!important}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-description{display:none!important}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-cta-row{margin-top:16px!important}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-cta-primary{min-height:44px!important}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-media{flex:1!important;min-height:220px!important;height:auto!important;margin:16px 0!important}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-kinetic{display:block!important;padding:0!important;overflow:visible!important}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-kinetic .ya-hero-object[class]{position:absolute!important;width:clamp(96px,30vw,134px)!important;height:clamp(126px,39vw,174px)!important;border-radius:16px!important;box-shadow:0 12px 32px #181a1d0b!important;translate:0!important;transform:rotate(var(--ya-field-turn,0deg))!important}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-object.o1{left:16%!important;top:12%!important;z-index:7;--ya-field-turn:-7deg}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-object.o2{left:53%!important;top:3%!important;z-index:6;--ya-field-turn:8deg}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-object.o3{left:auto!important;right:8%!important;top:53%!important;width:clamp(80px,24vw,108px)!important;z-index:5;--ya-field-turn:7deg}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-object.o4{left:6%!important;top:54%!important;width:clamp(72px,22vw,94px)!important;z-index:4;--ya-field-turn:-9deg}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-object.o5{left:38%!important;top:55%!important;z-index:8;--ya-field-turn:-5deg}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-logo-rail{flex:none!important;margin-top:auto!important}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-card-detail{inset:12px 22px auto!important;min-height:210px!important}
@media(min-width:600px){#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-media{max-width:600px;margin-left:auto!important;margin-right:auto!important}}

#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-copy h1 .ya-motion-word{color:var(--yolo-accent)}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-media{margin:8px 0 0!important;min-height:260px!important}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-kinetic::before{content:"";position:absolute;width:72%;height:74%;left:14%;top:9%;border:1px solid #eed8dd;border-radius:50%;transform:rotate(-18deg);pointer-events:none}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-kinetic::after{content:"";position:absolute;width:10px;height:10px;left:18%;top:20%;background:var(--yolo-accent);border:5px solid #fff;border-radius:50%;box-sizing:content-box;box-shadow:0 0 0 1px #eed8dd;pointer-events:none}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-kinetic .ya-hero-object[class]{left:50%!important;top:45%!important;right:auto!important;bottom:auto!important;width:clamp(86px,26vw,112px)!important;height:clamp(112px,34vw,146px)!important;translate:-50% -50%!important;transform:translate3d(var(--ya-field-x,0px),var(--ya-field-y,0px),0) rotate(var(--ya-field-r,0deg)) scale(var(--ya-field-s,1))!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;will-change:transform;z-index:var(--ya-field-z,3)!important}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-object[class] .ya-stack-card[class]{transform:none!important;background:transparent!important;box-shadow:none!important;animation:none!important}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-object[class] .ya-stack-card img{padding:4px!important;filter:drop-shadow(0 12px 12px #181a1d0d)}
#yolo-archive.ya-mobile-layout .ya-mobile-spotlight-label{position:absolute;left:22px;right:22px;bottom:8px;z-index:20;text-align:center;pointer-events:none;font-size:13px;line-height:1.4;color:var(--yolo-ink)}
#yolo-archive.ya-mobile-layout .ya-mobile-spotlight-label strong{display:block;font-size:15px;font-weight:600;margin:3px 0}
#yolo-archive.ya-mobile-layout .ya-mobile-spotlight-label span{font-size:10px;letter-spacing:.06em;color:var(--yolo-accent-hover);text-transform:uppercase}
#yolo-archive.ya-mobile-layout .ya-mobile-scroll-cue{font-size:10px;color:#666;letter-spacing:.03em;text-align:center;display:flex;gap:7px;justify-content:center;align-items:center;margin:8px 0 10px}
#yolo-archive.ya-mobile-layout .ya-mobile-scroll-cue::before{content:"↓";color:var(--yolo-accent);font-size:14px}
@media(max-height:760px){#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-copy h1{font-size:40px!important}#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-cta-row{margin-top:12px!important}}


#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-mobile-scroll-cue{order:3;flex:none}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-logo-rail{order:4}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-media .ya-hero-kinetic::before{content:""!important;display:block!important;position:absolute!important;width:72%!important;height:70%!important;left:14%!important;top:10%!important;right:auto!important;bottom:auto!important;border:1px solid #eed8dd!important;border-radius:50%!important;background:transparent!important;opacity:1!important;transform:rotate(-18deg)!important;z-index:0!important}
#yolo-archive.ya-mobile-layout .ya-mobile-stage .ya-hero-media .ya-hero-kinetic::after{content:""!important;display:block!important;position:absolute!important;width:7px!important;height:7px!important;left:17%!important;top:24%!important;background:var(--yolo-accent)!important;border:4px solid white!important;border-radius:50%!important;z-index:0!important}