.okl-section{margin:0}.okl{background:var(--oks-cream);padding-bottom:4rem}.okl,.okl *{box-sizing:border-box}.okl-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:4rem;align-items:center;padding-top:5.6rem;padding-bottom:5.6rem;background:var(--okl-bg, var(--oks-cloud));max-width:none;margin:0;padding-left:max(2rem,5vw);padding-right:max(2rem,5vw)}.okl-hero__title{font-size:clamp(4rem,5.6vw,7.2rem);line-height:1.02;margin-top:1.6rem}.okl .okl-hero__text{margin-top:2.8rem;max-width:46ch;font-size:1.7rem;line-height:1.65;color:var(--oks-cocoa)}.okl-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 2.4rem;margin-top:3.2rem}.okl-hero__count{font-size:1.3rem;letter-spacing:.04em}.okl-facts{list-style:none;margin:3.2rem 0 0;padding:2rem 0 0;border-top:1px solid rgba(59,47,42,.14);display:grid;gap:.8rem}.okl-facts li{position:relative;padding-left:2.2rem;font-size:1.4rem;color:var(--oks-cocoa)}.okl-facts li:before{content:"";position:absolute;left:0;top:.55em;width:.8rem;height:.8rem;border-radius:50%;background:var(--oks-rose);opacity:.7}.okl-hero__art{position:relative;min-height:42rem;display:grid;place-items:center}.okl-hero__art img{width:100%;height:100%;max-height:56rem;object-fit:cover;border-radius:2.4rem}.okl-hero__art .oks-obj{position:absolute}.okl-art-sun{position:absolute;width:26rem;aspect-ratio:1;border-radius:50%;background:var(--oks-cream);opacity:.85}.okl-art-a{left:30%;top:14%;transform:rotate(-8deg);z-index:1}.okl-art-b{left:52%;top:46%;z-index:2}.okl-shop{padding-top:7.2rem}.okl-shop__head p{font-size:1.4rem}.okl-shop__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem 3rem;margin-bottom:3.2rem}.okl-shop__head h2{font-size:clamp(3.2rem,4vw,4.8rem)}.okl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3.2rem 2.4rem}.okl-card{display:flex;flex-direction:column}.okl-card__media{position:relative;display:grid;place-items:center;aspect-ratio:4 / 5;overflow:hidden;border-radius:1.8rem;background:var(--oks-mist)}.okl-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--oks-ease)}.okl-card:hover .okl-card__media img{transform:scale(1.03)}.okl-card__media .oks-obj{position:relative}.okl-card__body{display:flex;flex-direction:column;gap:.6rem;padding-top:1.6rem;flex:1}.okl-card__title{font-size:1.9rem;line-height:1.25}.okl-card__title a{color:inherit;text-decoration:none}.okl-card__title a:hover{text-decoration:underline;text-underline-offset:.3rem}.okl-card__price{font-size:1.5rem;color:var(--oks-cocoa)}.okl-card__price s{margin-left:.6rem;font-size:1.3rem}.okl-card ok-add-button{display:block;margin-top:auto}.okl-card>.okl-card__body>a.okl-card__add,.okl-card>.okl-card__body>.okl-card__add{margin-top:auto}.okl-card ok-add-button .okl-card__add,.okl-card .okl-card__add{width:100%;min-height:4.4rem;margin-top:1rem}.okl-note{grid-column:1 / -1;font-size:1.3rem}.okl-kit{padding-top:7.2rem}.okl-kit__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:3.2rem;align-items:center;padding:4rem;border-radius:2.4rem;background:var(--oks-linen)}.okl-kit h2{font-size:clamp(2.8rem,3.4vw,4rem);margin-top:1rem}.okl .okl-kit p:not(.oks-eyebrow){margin-top:1.2rem;color:var(--oks-cocoa);font-size:1.5rem;line-height:1.6}.okl-kit__list{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;font-size:1.4rem}.okl-kit__list li{display:flex;justify-content:space-between;gap:1.6rem}.okl-kit__total{padding-top:.8rem;border-top:1px solid rgba(59,47,42,.16);font-weight:600}.okl-faq{padding-top:7.2rem;max-width:80rem}.okl-faq h2{font-size:clamp(2.8rem,3.4vw,4rem);margin-bottom:2rem}.okl-faq__item{border-top:1px solid rgba(59,47,42,.14)}.okl-faq__item:last-of-type{border-bottom:1px solid rgba(59,47,42,.14)}.okl-faq__item summary{list-style:none;cursor:pointer;padding:2rem 3.2rem 2rem 0;position:relative;font-size:1.6rem}.okl-faq__item summary::-webkit-details-marker{display:none}.okl-faq__item summary:after{content:"+";position:absolute;right:.4rem;top:50%;transform:translateY(-50%);font-size:2rem;color:var(--oks-muted)}.okl-faq__item[open] summary:after{content:"\2212"}.okl-faq__a{padding:0 0 2rem;color:var(--oks-cocoa);font-size:1.5rem;line-height:1.65;max-width:64ch}.okl-faq__a p{margin:0 0 1rem}@media(max-width:989px){.okl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.8rem 1.6rem}.okl-kit__inner{grid-template-columns:minmax(0,1fr);padding:2.8rem}}@media(max-width:749px){.okl-hero{grid-template-columns:minmax(0,1fr);gap:1.6rem;padding-top:3.2rem;padding-bottom:4rem}.okl-hero__art{order:-1;min-height:24rem}.okl-art-sun{width:18rem}.okl-art-a{--w: 100px !important;left:32%;top:6%}.okl-art-b{--w: 84px !important;left:52%;top:40%}.okl-hero__art img{max-height:32rem}.okl .okl-hero__text{font-size:1.6rem}.okl-hero__cta .oks-pill{width:100%}.okl-shop,.okl-kit,.okl-faq{padding-top:5.6rem}.okl-card__title{font-size:1.6rem}.okl-card .okl-card__add{padding:0 .8rem;letter-spacing:.08em;font-size:1.05rem;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/okashiya-landing.css.map */