.sk{--iv:#FBF7EE;--wall:#F8F0DF}.sk-hdr{background:var(--wall)}.sk-hero{background:var(--wall);isolation:isolate;overflow:clip}.sk-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;background:linear-gradient(rgba(251,247,238,0),var(--iv));z-index:-1;pointer-events:none}.light{position:absolute;z-index:-2;top:-70px;right:calc(var(--pad) - 140px);width:min(920px,74vw);height:auto;transform:skew(-14deg) rotate(-6deg);transform-origin:top right;pointer-events:none;animation:skdrift 24s ease-in-out infinite alternate}@keyframes skdrift{0%{transform:skew(-14deg) rotate(-6deg) translate(0)}to{transform:skew(-12deg) rotate(-5deg) translate(-2%,1.5%)}}.sk-hero h1 em{font-style:italic;color:var(--g)}.gb{container-type:inline-size}.sk-hero .gb:before{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:100%;background:#46301624;filter:blur(16px);transform:skew(24deg);transform-origin:bottom left;pointer-events:none}.sk-hero .gb .bk{box-shadow:0 2px 3px #281c0c29,0 18px 40px #281c0c24}.rib.v{left:auto;right:9%;width:6%}.knot{left:auto;right:7.5%;width:10%}.strg{display:none}.tag2{position:absolute;top:100%;left:88%;width:43cqi;margin-left:-21.5cqi;padding-top:14cqi;z-index:4;transform-origin:50% 0;filter:drop-shadow(0 10px 12px rgba(40,30,15,.18))}.tag2:before{content:"";position:absolute;left:50%;top:0;width:1.5px;height:17.5cqi;margin-left:-.75px;background:#5f5a50;z-index:3}.tag2.sw{animation:skswing 1.8s cubic-bezier(.3,.6,.4,1) .7s both}@keyframes skswing{0%{transform:rotate(10deg)}28%{transform:rotate(-7deg)}52%{transform:rotate(4deg)}74%{transform:rotate(-1.6deg)}to{transform:rotate(0)}}.gb .tag2 .tag{position:relative;margin:0;background:#fffefa;clip-path:polygon(24% 0,76% 0,100% 15%,100% 100%,0 100%,0 15%);border-radius:0;box-shadow:none;padding:8.5cqi 3.4cqi 5cqi;text-align:center}.gb .tag2 .tag:before{content:"";display:block;position:absolute;left:50%;top:2.6cqi;width:3.2cqi;height:3.2cqi;margin-left:-1.6cqi;border-radius:50%;background:var(--wall);box-shadow:0 0 0 .7cqi var(--g)}.gb .tag2 .tf{font-size:3.7cqi;letter-spacing:.32em;padding-left:.32em}.gb .tag2 .tn{font-size:9cqi;line-height:1.15;margin:1.4cqi .6cqi 2.8cqi;padding-bottom:1cqi;border-bottom:1px solid var(--stone)}.gb .tag2 .ts{font-size:2.3cqi;letter-spacing:.24em;padding-left:.24em;white-space:nowrap}@media(min-width:900px){.sk{--pad:max(clamp(24px,6.67vw,96px), calc((100vw - 1440px)/2 + 96px) )}.sk-hero{--bw:clamp(300px,28vw,420px);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto 1fr;column-gap:clamp(48px,6vw,100px);padding:40px var(--pad) 80px}.sk-hero .top,.sk-hero .below{display:contents}.sk-hero .top>div:first-child{grid-column:1;grid-row:1}.sk-hero .below>div:first-child{grid-column:1;grid-row:2}.sk-hero .cb{grid-column:1;grid-row:3;max-width:580px;margin-top:32px}.sk-hero .below>div:last-child{display:none}.sk-hero .gb{width:var(--bw);margin:8px calc(var(--bw)*.14) calc(var(--bw)*.56) 0;grid-column:2;grid-row:1 / span 5;align-self:start;--ll:-48px;--lr:-100vw}.sk-hero h1{font-size:clamp(52px,5.6vw,84px);line-height:.98;margin:0 0 26px;max-width:700px}.sk-hero .sub{max-width:580px}.sk-hero .trust{margin-top:18px}.sk-hero .chips{flex-wrap:wrap}.sk-hero .cb .btn{width:100%}}@media(max-width:899px){.light{width:160vw;right:-60vw;top:-30px}.sk-hero{--bw:clamp(170px,48vw,200px);display:flex;flex-direction:column;padding:0 20px 40px}.sk-hero .top,.sk-hero .top>div:first-child,.sk-hero .below,.sk-hero .below>div,.sk-hero .cb{display:contents}.sk-hero .eye{order:1;text-align:center;margin:8px 0 14px}.sk-hero .gb{order:2;align-self:center;width:var(--bw);margin:0;--ll:-100vw;--lr:-100vw}.sk-hero .gb:before{filter:blur(10px)}.sk-hero h1{order:3;text-align:center;font-size:clamp(36px,10vw,42px);line-height:1.05;margin:calc(var(--bw)*.54 + 12px) 0 12px}.sk-hero .msub{order:4;display:block;text-align:center;font-size:17px;margin:0 0 20px}.sk-hero .dsub,.sk-hero .trust,.sk-hero .tagspace{display:none}.sk-hero .sk-form,.sk-hero .cb>.btn{order:5;width:100%}.sk-hero .who{order:6;text-align:center;margin:26px 0 10px}.sk-hero .chips{order:7}.sk-hero .other{order:8;margin:12px 0 0}.sk-hero .tlink{order:9;align-self:center;margin-top:18px}.sk-hero:after{height:120px}.gb .tag2 .tn{font-size:10cqi}}.close .gb.sm{margin-bottom:95px}.close .bigl{margin-top:96px}@media(max-width:899px){.close .gb.sm{margin-bottom:76px}.close .bigl{margin-top:80px}}@media(prefers-reduced-motion:reduce){.light,.tag2.sw{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sukoon-hero.css.map */