/* OYLA / MotionSites, adapted from the member resource shared by Imperio. */
body:has(.premium-landing){background:#fff}
body:has(.premium-landing) .topbar{height:54px;padding:0 28px;position:relative;z-index:40;gap:18px}
body:has(.premium-landing) .topbar .brand{font-size:23px}
body:has(.premium-landing) .topbar .brand img{width:24px;height:24px}
body:has(.premium-landing) .topbar .demo-title{font-size:13px}
body:has(.premium-landing) .topbar .sandbox{font-size:12px;background:transparent;padding:0}
body:has(.premium-landing) .topbar .btn{min-height:34px;font-size:12px;padding:8px 11px}
body:has(.premium-landing) .topbar .demo-business{background:#171c30;color:white;border-color:#171c30}
body:has(.premium-landing) .main-nav,body:has(.premium-landing) .journey-strip,body:has(.premium-landing) .app-footer{display:none}
body:has(.premium-landing) #workspace{padding:0;max-width:none}
.premium-landing{--wine:#991b2a;--serif:'Instrument Serif',Georgia,serif;--body:'Inter Tight','Segoe UI',sans-serif;color:#242020;background:#fff;font-family:var(--body);overflow:clip}
.premium-landing h1,.premium-landing h2,.premium-landing h3{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}
.premium-landing em{font-family:var(--serif);font-weight:400}
.premium-landing button,.premium-landing a{font-family:var(--body)}
.premium-landing a{text-decoration:none}
.premium-landing :is(a,button):focus-visible{outline-color:var(--wine)}
.oyla-hero{height:calc(100svh - 54px);min-height:650px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:#f2f3f3}
.oyla-film{position:absolute;width:100%;height:calc(100% + 90px);object-fit:cover;object-position:center 45%;inset:-45px 0 0;transform:translateY(var(--film-shift,0));z-index:-2;background:url('./assets/oyla-hero-poster.jpg') center/cover}
.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#ffffffc9 0%,#ffffff86 25%,#ffffff00 55%),linear-gradient(180deg,#ffffff70,transparent 30%,transparent 75%,#ffffff3d);z-index:-1;pointer-events:none}
.oyla-nav{position:absolute;top:33px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:28px;color:var(--wine)}
.oyla-logo{font-family:var(--serif)!important;font-size:64px;letter-spacing:-.065em;line-height:.8}
.oyla-logo span{font-family:var(--body);display:block;letter-spacing:.14em;font-size:12px;margin-top:14px;font-weight:500}
.oyla-nav nav{display:flex;align-items:center;gap:42px;font-size:14px}
.oyla-nav nav>a{padding:12px 0}
.oyla-nav-cta{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--wine);padding:10px 0;font-size:14px}
.oyla-nav-cta .icon{width:18px;height:18px}
.oyla-hero-copy{position:absolute;left:7%;top:28%;max-width:600px}
.oyla-kicker{display:block;font-size:12px;letter-spacing:.16em;font-weight:500;line-height:1.5}
.oyla-hero-copy .oyla-kicker{margin-bottom:25px;color:var(--wine)}
.oyla-hero-copy h1{font-size:clamp(76px,8.8vw,144px);line-height:.84;color:#712134;letter-spacing:-.055em}
.oyla-hero-copy h1 em{color:#991b2a}
.oyla-hero-copy>p{font-size:17px;line-height:1.45;margin:25px 0 27px;color:#49343a}
.oyla-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:49px;padding:5px 6px 5px 23px;background:#fff;border:1px solid #2e272736;border-radius:100px;font-size:14px;line-height:1.2;transition:background .2s,color .2s}
.oyla-pill>span{display:inline-flex;width:37px;height:37px;align-items:center;justify-content:center;background:#2b2525;border-radius:50%;color:#fff}
.oyla-pill .icon{width:18px;height:18px}
.oyla-pill:hover{background:#2b2525;color:white}
.oyla-pill:hover>span{background:white;color:#2b2525}
.oyla-hero-bottom{position:absolute;bottom:25px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;color:#4b3840;gap:20px;font-size:12px;letter-spacing:.12em}
.hero-scroll{display:flex;gap:18px;align-items:center;letter-spacing:.02em;font-size:12px}
.hero-scroll>span{font-size:20px}
.film-toggle{display:flex;gap:9px;align-items:center;background:#ffffffbb;border:1px solid #ffffffa6;border-radius:30px;padding:9px 13px;font-size:12px;letter-spacing:0;backdrop-filter:blur(12px);color:#44323a}
.film-toggle .icon{width:13px;height:13px}
.oyla-hero-bottom>.film-toggle{position:absolute;right:0;bottom:88px}
.oyla-ribbon{padding:23px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292020;gap:20px;font-size:12px;letter-spacing:.13em}
.oyla-ribbon>span+span:before{content:'✳';margin-right:45px;font-size:17px;color:var(--wine)}
.oyla-collection{padding:90px 7% 95px;scroll-margin-top:20px}
.collection-heading{display:grid;grid-template-columns:1fr 1.5fr auto;gap:30px;align-items:start;margin-bottom:56px}
.collection-heading .oyla-kicker{padding-top:12px;max-width:160px;color:var(--wine)}
.collection-heading h2{font-size:clamp(48px,5.1vw,82px);line-height:1.03}
.collection-index{font-size:12px;letter-spacing:.12em;padding-top:17px;white-space:nowrap;color:#726363}
.oyla-product{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}
.oyla-product-art{height:670px;position:relative;background:#f1f1f3;overflow:hidden}
.oyla-product-art>img{height:100%;width:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.oyla-product-art:hover>img{transform:scale(1.05)}
.art-index{position:absolute;left:26px;top:26px;font-size:12px;letter-spacing:.11em;color:#6c5a60}
.art-note{position:absolute;left:28px;bottom:30px;font-family:var(--serif);font-size:35px;font-style:italic;line-height:1;color:#783244}
.oyla-product-copy{max-width:450px;padding:20px 0}
.oyla-product-copy>.oyla-kicker{color:#827371;font-size:12px}
.oyla-product-copy h3{font-size:clamp(52px,5vw,80px);margin:20px 0 19px;line-height:1}
.oyla-product-copy h3 em{color:var(--wine)}
.oyla-description{font-size:17px;line-height:1.6;color:#786b6e;max-width:390px}
.oyla-price{font-size:25px;letter-spacing:-.035em;margin-top:26px}
.oyla-price>span{display:block;font-size:12px;letter-spacing:0;color:#8e8285;margin-top:7px}
.oyla-sizes{display:flex;gap:10px;margin:28px 0 12px}
.oyla-sizes legend{margin-bottom:12px;font-size:14px}
.oyla-sizes label{position:relative;display:block}
.oyla-sizes input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.oyla-sizes span{display:flex;align-items:center;justify-content:center;width:47px;height:44px;border:1px solid #d6ced0;border-radius:3px;font-size:15px}
.oyla-sizes input:checked+span{background:#6e283a;border-color:#6e283a;color:white}
.oyla-sizes input:focus-visible+span{outline:3px solid #ad5770;outline-offset:3px}
.oyla-sizes input:disabled+span{opacity:.6}
.oyla-stock{font-size:13px;color:#6d786d}
.oyla-buy{width:100%;margin-top:23px;background:var(--wine);border-color:var(--wine);color:white}
.oyla-buy>span{background:#fff;color:var(--wine)}
.oyla-buy-note{font-size:12px;color:#8a7c80;margin:11px 0 28px}
.oyla-product-facts{border-top:1px solid #d8d0d2}
.oyla-product-facts details{border-bottom:1px solid #d8d0d2;font-size:14px}
.oyla-product-facts summary{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:17px 0}
.oyla-product-facts p{padding:0 0 17px;color:#7d6d72;line-height:1.6}
.oyla-story{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #292020;border-bottom:1px solid #292020;min-height:680px;scroll-margin-top:20px}
.oyla-story-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:75px 13%;gap:30px}
.oyla-story-copy .oyla-kicker{color:var(--wine)}
.oyla-story-copy h2{font-size:clamp(48px,5vw,78px);line-height:1.02}
.oyla-story-copy h2 em{color:#922136}
.oyla-story-copy p{font-size:17px;line-height:1.65;color:#74676b;max-width:350px}
.oyla-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid currentColor;padding:10px 0;font-size:14px}
.oyla-text-link .icon{width:18px;height:18px}
.oyla-story-film{position:relative;min-height:600px;overflow:hidden;border-left:1px solid #292020;background:#f5f6f6}
.oyla-story-film video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% center}
.story-caption{position:absolute;left:27px;top:30px;font-size:12px;letter-spacing:.14em;color:#514b4b}
.oyla-story-film .film-toggle{position:absolute;bottom:25px;right:25px}
.oyla-bridge{padding:90px 7% 65px;background:#faf8f9}
.oyla-bridge>.oyla-kicker{color:var(--wine);margin-bottom:35px}
.oyla-bridge>div:nth-child(2){display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:end}
.oyla-bridge h2{font-size:clamp(42px,5vw,76px);line-height:1.04}
.oyla-bridge h2 em{color:#922136}
.oyla-bridge p{max-width:340px;color:#786c71;font-size:17px;line-height:1.65}
.oyla-bridge-actions{display:flex;flex-wrap:wrap;align-items:center;gap:35px;margin:36px 0 65px}
.oyla-bridge-actions .oyla-pill{background:#292224;color:white;border-color:#292224}
.oyla-bridge-actions .oyla-pill>span{background:white;color:#292224}
.oyla-flow{border-top:1px solid #c8bcc2;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;letter-spacing:.03em}
.oyla-flow .icon{width:17px;color:#a28e98}
.oyla-footer{padding:65px 7% 28px;background:#fff}
.oyla-footer-top{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-bottom:40px}
.oyla-footer-logo{font-family:var(--serif)!important;font-size:clamp(90px,15vw,230px);line-height:.9;letter-spacing:-.07em;color:var(--wine)}
.oyla-footer-top>div>span{font-size:12px;letter-spacing:.12em;color:#775c67}
.oyla-footer-top p{font-size:14px;color:#97848d;margin-top:18px}
.oyla-footer-bottom{display:flex;gap:25px;justify-content:space-between;border-top:1px solid #e1d8de;padding-top:22px;font-size:12px;color:#8b7781}
.oyla-footer-bottom a{display:flex;align-items:center;gap:8px}
.oyla-footer-bottom .icon{width:14px;height:14px}
.oyla-demo-dock{position:fixed;right:24px;bottom:22px;z-index:35;display:flex;align-items:center;gap:25px;padding:12px 12px 12px 16px;border:1px solid #ffffffc9;border-radius:16px;background:#fffefaed;box-shadow:0 12px 44px #45253529;backdrop-filter:blur(18px);font-family:var(--body);}
.oyla-demo-dock>div{display:flex;gap:11px;align-items:center}.dock-orb{background:#f0eafd;color:#6535d1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%}.dock-orb .icon{width:19px;height:19px}
.oyla-demo-dock strong{font-size:14px;display:block;font-weight:600;line-height:1.3}.oyla-demo-dock small{font-size:12px;display:block;color:#8c7f8d;margin-top:3px}
.dock-button{display:flex;gap:12px;align-items:center;justify-content:center;padding:13px 15px;color:white;background:#592ec1;border-radius:9px;font-size:13px}.dock-button .icon{width:16px;height:16px}
@media(min-width:1600px){.oyla-hero-copy{left:8%;top:28%}.oyla-hero-copy h1{font-size:146px}}
@media(max-width:1000px){.oyla-nav nav{gap:25px}.oyla-hero-copy{left:6%;top:30%}.oyla-ribbon{padding:20px 5%;font-size:12px;gap:14px}.oyla-ribbon>span+span:before{margin-right:18px}.oyla-collection{padding:65px 6%}.collection-heading{grid-template-columns:1fr 2fr}.collection-index{display:none}.oyla-product{gap:6%;grid-template-columns:1fr 1fr}.oyla-product-art{height:600px}.oyla-story-copy{padding:55px 11%}.oyla-story{min-height:580px}.oyla-story-film{min-height:580px}.oyla-bridge{padding:65px 6%}.oyla-footer{padding:55px 6% 105px}}
@media(max-width:650px){body:has(.premium-landing) .topbar{padding:0 13px;height:48px;gap:10px}body:has(.premium-landing) .topbar .brand{font-size:21px}body:has(.premium-landing) .topbar .brand img{width:21px;height:21px}body:has(.premium-landing) .topbar .demo-title,body:has(.premium-landing) .topbar .topdivider,body:has(.premium-landing) .topbar .sandbox{display:none}body:has(.premium-landing) .topbar .btn{font-size:12px;padding:7px 8px;gap:6px}body:has(.premium-landing) .topbar .demo-business .icon{width:13px}body:has(.premium-landing) .top-actions{gap:2px}.oyla-hero{height:calc(100svh - 48px);min-height:660px;max-height:920px}.oyla-nav{top:27px;left:6%;right:6%;gap:15px}.oyla-logo{font-size:48px}.oyla-logo span{font-size:12px;margin-top:11px;letter-spacing:.1em}.oyla-nav nav{gap:18px;font-size:12px}.oyla-nav nav>a:nth-child(2){display:none}.oyla-nav-cta{font-size:12px;gap:10px}.oyla-nav-cta .icon{width:14px}.oyla-film{object-position:59% center}.hero-wash{background:linear-gradient(90deg,#ffffff9c,transparent 80%),linear-gradient(0deg,#fff9,transparent 65%)}.oyla-hero-copy{left:7%;top:auto;bottom:112px;max-width:85%}.oyla-hero-copy .oyla-kicker{font-size:12px;margin-bottom:20px}.oyla-hero-copy h1{font-size:clamp(76px,21vw,116px);line-height:.85}.oyla-hero-copy>p{font-size:15px;margin:22px 0}.oyla-pill{font-size:13px;min-height:47px;padding-left:19px}.oyla-hero-bottom{left:7%;right:7%;bottom:24px;font-size:12px;gap:8px}.hero-scroll{display:none}.film-toggle{font-size:12px;padding:8px 10px}.oyla-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:25px 7%;font-size:12px}.oyla-ribbon>span+span:before{display:none}.oyla-collection{padding:57px 6% 60px}.collection-heading{display:block;margin-bottom:35px}.collection-heading .oyla-kicker{font-size:12px;max-width:none;margin-bottom:20px;padding:0}.collection-heading h2{font-size:51px;line-height:1.02}.oyla-product{grid-template-columns:1fr;gap:20px}.oyla-product-art{height:450px}.art-note{font-size:31px;left:22px;bottom:25px}.art-index{left:22px;top:22px;font-size:12px}.oyla-product-copy{padding:20px 4px 0;max-width:none}.oyla-product-copy h3{font-size:62px;margin:18px 0}.oyla-description{font-size:16px}.oyla-price{font-size:26px;margin-top:23px}.oyla-price>span{font-size:12px}.oyla-sizes legend{font-size:14px}.oyla-buy-note{font-size:12px}.oyla-story{grid-template-columns:1fr}.oyla-story-copy{padding:55px 7%;gap:25px}.oyla-story-copy h2{font-size:55px}.oyla-story-copy p{font-size:16px;max-width:none}.oyla-story-copy .oyla-kicker{font-size:12px}.oyla-story-film{height:470px;min-height:0;border-left:0;border-top:1px solid #292020}.oyla-bridge{padding:57px 7% 42px}.oyla-bridge>.oyla-kicker{font-size:12px;margin-bottom:28px}.oyla-bridge>div:nth-child(2){grid-template-columns:1fr;gap:25px}.oyla-bridge h2{font-size:49px}.oyla-bridge p{font-size:16px}.oyla-bridge-actions{margin:28px 0 40px;gap:22px}.oyla-flow{flex-wrap:wrap;gap:12px;font-size:12px}.oyla-flow .icon{width:12px}.oyla-footer{padding:45px 7% 130px}.oyla-footer-top{display:block;padding-bottom:30px}.oyla-footer-logo{font-size:110px}.oyla-footer-top>div{margin-top:34px}.oyla-footer-top>div>span{font-size:12px}.oyla-footer-top p{font-size:13px;margin-top:12px}.oyla-footer-bottom{flex-direction:column;gap:15px;font-size:12px;line-height:1.6}.oyla-demo-dock{left:10px;right:10px;bottom:10px;justify-content:space-between;gap:10px;padding:10px;border-radius:12px}.oyla-demo-dock strong{font-size:12px}.oyla-demo-dock small{font-size:12px}.dock-orb{width:29px;height:29px}.dock-orb .icon{width:16px;height:16px}.oyla-demo-dock>div{gap:8px}.dock-button{font-size:12px;padding:12px;gap:8px}.dock-button .icon{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.oyla-film{transform:none}.oyla-product-art>img{transition:none}}