/* TOHA-Vaappu — Dawn-demon ulkoasu (oma koodi) */
:root{--ink:#121212;--ink-75:rgba(18,18,18,.75);--ink-55:rgba(18,18,18,.55);--line:rgba(18,18,18,.08);--grey:#f3f3f3;--w:1100px;--pad:clamp(1.5rem,4vw,5rem);--font:'Assistant',system-ui,sans-serif;--blue:#334fb4;--navy:#242833}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font:400 16px/1.5 var(--font);letter-spacing:.06rem;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}a{color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:0;background:#fff;padding:1rem;z-index:100}.sr{position:absolute;left:-999px}
.pw{max-width:calc(var(--w) + 2*var(--pad));margin-inline:auto;padding-inline:var(--pad)}
h1,h2,h3{font-weight:400;line-height:1.1;letter-spacing:.02em}
/* ilmoituspalkki */
.ann{border-bottom:1px solid var(--line);text-align:center;font-size:13px;padding:.55rem 1rem;letter-spacing:.07rem}
/* yläpalkki */
.hdr{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line)}
.hdr .pw{display:flex;align-items:center;gap:1.8rem;height:84px}
.logo{display:block;line-height:0}.logo img{height:60px;width:auto}
.hdr nav{display:flex;gap:.2rem;align-items:center}
.hdr nav>a,.hdr nav>.dd>a{display:flex;align-items:center;gap:.4rem;font-size:14px;padding:.6rem .7rem;text-decoration:none;color:var(--ink-75)}
.hdr nav a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.dd{position:relative}.dd>a::after{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:.15rem}
.dd ul{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);list-style:none;padding:1rem 1.2rem;min-width:220px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.dd:hover ul,.dd:focus-within ul{display:block}.dd li a{display:block;padding:.4rem 0;font-size:14px;color:var(--ink-75);text-decoration:none}.dd li a:hover{color:var(--ink);text-decoration:underline}
.icons{margin-left:auto;display:flex;gap:.2rem;align-items:center}
.icons a,.icons button{background:none;border:0;color:var(--ink);padding:.7rem;cursor:pointer;position:relative;display:grid;place-items:center}
.icons svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}
.icons .cnt{position:absolute;top:2px;right:0;background:var(--ink);color:#fff;font-size:10px;min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center;letter-spacing:0}
.icons .cnt:empty,.icons .cnt[data-n="0"]{display:none}
@media(max-width:899px){.hdr .pw{height:auto;flex-wrap:wrap;padding-block:.6rem;gap:.3rem 1rem}.hdr nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none}.dd ul{display:none!important}}
/* bannerikuva */
.banner{position:relative;height:min(78vh,56vw);min-height:420px;display:flex;align-items:flex-end;justify-content:center;color:#fff;text-align:center;overflow:hidden}
.banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.banner::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);z-index:1}
.banner .c{position:relative;z-index:2;padding:0 1.5rem 4.5rem;max-width:780px}
.banner h1{font-size:clamp(2.6rem,5vw,3.9rem);margin-bottom:1.2rem}.banner p{font-size:1.1rem;margin-bottom:1.8rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;min-width:130px;padding:0 2.2rem;background:var(--ink);color:#fff;border:1px solid var(--ink);font:400 16px var(--font);letter-spacing:.1rem;text-decoration:none;cursor:pointer}
.btn:hover{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ink)}
.btn.o{background:transparent;border-color:currentColor;color:inherit}
.banner .btn{background:transparent;border-color:#fff;color:#fff}.banner .btn:hover{box-shadow:0 0 0 1px #fff}
.btn.block{display:flex;width:100%}
/* osiot */
.sec{padding-block:36px 44px}.sec.big{padding-top:60px}
.sec h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:1rem}.sec h2.l{text-align:left;font-size:clamp(1.7rem,2.6vw,2rem)}
.sec .sub{text-align:center;color:var(--ink-75);max-width:760px;margin:0 auto 3rem;font-size:1.05rem}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 8px}
@media(max-width:899px){.grid{grid-template-columns:repeat(2,1fr)}}
/* tuotekortti */
.card{display:block;text-decoration:none}
.card .im{aspect-ratio:1;background:var(--bg,var(--grey));position:relative;display:grid;place-items:center;overflow:hidden}
.card .im img{width:104%;max-width:none;-webkit-mask-image:radial-gradient(ellipse at center,#000 52%,transparent 78%);mask-image:radial-gradient(ellipse at center,#000 52%,transparent 78%);transition:transform .45s}
.card:hover .im img{transform:scale(1.05)}
.card .im.plain img{width:100%;height:100%;object-fit:cover;-webkit-mask:none;mask:none}
.pill{position:absolute;left:10px;bottom:10px;background:var(--navy);color:#fff;font-size:12px;padding:.25rem .8rem;border-radius:40px;letter-spacing:.1rem}.pill.blue{background:var(--blue)}
.card .t{font-size:14px;margin-top:1.3rem;letter-spacing:.07rem}.card:hover .t{text-decoration:underline;text-underline-offset:3px}
.card .p{font-size:16px;margin-top:.45rem;letter-spacing:.1rem}
/* kokoelma (collage) */
.collage{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-top:2rem}
.collage .big{position:relative;background:#e4e0dd;overflow:hidden}.collage .big img{width:100%;height:100%;object-fit:cover;min-height:380px}
.collage .big .cap{position:absolute;left:0;right:0;bottom:0;padding:1.2rem 1.4rem;background:linear-gradient(transparent,rgba(0,0,0,.5));color:#fff}
@media(max-width:749px){.collage{grid-template-columns:1fr}}
/* sarakkeet */
.cols5{display:grid;grid-template-columns:repeat(5,1fr);gap:2.2rem 1.5rem;text-align:center;margin-top:2.4rem}
.cols5 div{border-top:1px solid var(--ink);padding-top:1.2rem}.cols5 b{display:block;font-weight:400;font-size:2.6rem;line-height:1;margin-bottom:.8rem;letter-spacing:.02em}
.cols5 span{display:block;color:var(--ink-75);font-size:15px}.cols5 em{font-style:normal;display:block;margin-top:.3rem;font-size:14px;color:var(--ink-55)}
@media(max-width:899px){.cols5{grid-template-columns:repeat(2,1fr)}}
/* teksti+kuva */
.iwt{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.iwt .ph{aspect-ratio:1/1;background:var(--grey);display:grid;place-items:center;color:var(--ink-55);text-align:center;padding:1rem}
.iwt h2{text-align:left;margin-bottom:1.2rem}.iwt p{color:var(--ink-75);margin-bottom:1.2rem;max-width:44ch}
@media(max-width:749px){.iwt{grid-template-columns:1fr}}
/* alapalkki */
.ftr{border-top:1px solid var(--line);margin-top:3rem;padding-block:3.6rem 2rem}
.ftr .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.ftr h3{font-size:1rem;font-weight:600;margin-bottom:1rem;letter-spacing:.06rem}.ftr p,.ftr li{font-size:14px;color:var(--ink-75)}.ftr ul{list-style:none;padding:0}.ftr li{padding:.2rem 0}.ftr a{text-decoration:none}.ftr a:hover{text-decoration:underline}
.ftr .bot{margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--line);font-size:12px;color:var(--ink-75)}
@media(max-width:749px){.ftr .cols{grid-template-columns:1fr}}
/* tuotesivu */
.crumbs{padding-block:1.6rem 1rem;font-size:13px;color:var(--ink-75)}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.pdp{display:grid;grid-template-columns:1.2fr 1fr;gap:3.5rem;padding-bottom:4rem;align-items:start}
.pdp .main{background:var(--bg,var(--grey));aspect-ratio:1;display:grid;place-items:center;overflow:hidden}.pdp .main img{width:104%;max-width:none;-webkit-mask-image:radial-gradient(ellipse at center,#000 55%,transparent 80%);mask-image:radial-gradient(ellipse at center,#000 55%,transparent 80%)}
.pdp .main.plain img{width:100%;height:100%;object-fit:cover;-webkit-mask:none;mask:none}
.pdp .thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}.pdp .thumbs button{padding:0;border:0;background:var(--grey);cursor:pointer;outline:1px solid transparent;outline-offset:-1px}.pdp .thumbs button[aria-pressed=true]{outline-color:var(--ink)}.pdp .thumbs img{width:100%;aspect-ratio:1.6;object-fit:cover}
.pdp .info{position:sticky;top:110px}
.vendor{font-size:12px;letter-spacing:.13rem;text-transform:uppercase;color:var(--ink-75);margin-bottom:.8rem}
.pdp h1{font-size:clamp(2rem,3vw,2.6rem);margin-bottom:1rem}.pdp .price{font-size:18px;letter-spacing:.1rem;margin-bottom:.4rem}.tax{font-size:12px;color:var(--ink-75);margin-bottom:2rem}
fieldset{border:0;padding:0;margin-bottom:1.6rem}legend{font-size:13px;color:var(--ink-75);margin-bottom:.6rem;letter-spacing:.07rem}
.pills{display:flex;flex-wrap:wrap;gap:.7rem 1rem}.pills button{padding:.65rem 1.2rem;border:1px solid var(--ink-55);border-radius:40px;background:#fff;color:var(--ink);font:400 14px var(--font);letter-spacing:.07rem;cursor:pointer;min-width:48px}
.pills button:hover{border-color:var(--ink)}.pills button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.qlabel{font-size:13px;color:var(--ink-75);margin-bottom:.6rem}
.qty{display:inline-flex;border:1px solid var(--ink-55);height:45px;margin-bottom:1.2rem}.qty button{width:45px;background:none;border:0;font-size:20px;cursor:pointer;color:var(--ink)}.qty input{width:60px;text-align:center;border:0;background:none;font:400 16px var(--font);color:var(--ink)}
.buyb{display:grid;gap:.9rem;margin-bottom:1.8rem}.buyb .btn.o{color:var(--ink)}
.desc{color:var(--ink-75);font-size:15px}.desc p+p{margin-top:.8rem}
.acc{margin-top:1.8rem;border-top:1px solid var(--line)}.acc details{border-bottom:1px solid var(--line);padding:1rem 0}.acc summary{cursor:pointer;font-size:16px}.acc details>*:not(summary){margin-top:.8rem;color:var(--ink-75);font-size:15px}
.acc dl>div{display:flex;justify-content:space-between;padding:.25rem 0}
@media(max-width:899px){.pdp{grid-template-columns:1fr}.pdp .info{position:static}}
/* kokoelmasivu */
.chead{padding-block:3rem 1.5rem}.chead h1{font-size:clamp(2.2rem,4vw,3rem)}.chead p{color:var(--ink-75);margin-top:.6rem}
.bar{display:flex;justify-content:space-between;gap:1rem;border-block:1px solid var(--line);padding-block:.9rem;margin-bottom:2rem;font-size:14px;color:var(--ink-75);flex-wrap:wrap}
.bar select{font:400 14px var(--font);border:0;background:none;color:var(--ink)}
/* lomakkeet, sivut */
.page{padding-block:3rem 4rem;max-width:760px}.page h1{font-size:clamp(2.2rem,4vw,3rem);margin-bottom:1.6rem}.page p{color:var(--ink-75);margin-bottom:1rem}
.form{display:grid;gap:1.2rem;margin-top:1.5rem}.form label{display:grid;gap:.4rem;font-size:13px;color:var(--ink-75)}
.form input,.form textarea{font:400 16px var(--font);padding:.9rem 1rem;border:1px solid var(--ink-55);background:#fff;color:var(--ink);letter-spacing:.06rem}
.wl{border-top:1px solid var(--line);margin:1rem 0 2rem;list-style:none;padding:0}.wl li{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:15px}
/* ostoskori */
.scrim{position:fixed;inset:0;background:rgba(18,18,18,.5);opacity:0;pointer-events:none;transition:opacity .25s;z-index:40}.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:#fff;z-index:50;transform:translateX(100%);transition:transform .3s;display:flex;flex-direction:column;border-left:1px solid var(--line)}.drawer.on{transform:none}
.drawer header{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 1.6rem}.drawer header h2{font-size:1.6rem}.drawer header button{background:none;border:0;font-size:1.8rem;cursor:pointer;width:44px;height:44px}
.drawer .items{flex:1;overflow:auto;padding:0 1.6rem;list-style:none}.drawer .items li{display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;padding:1.2rem 0;border-top:1px solid var(--line)}
.drawer .items b{font-weight:400;font-size:15px}.drawer .items small{color:var(--ink-75)}.drawer .rm{background:none;border:0;text-decoration:underline;cursor:pointer;color:var(--ink-75);font:inherit;font-size:13px;padding:0}
.drawer .pr{text-align:right;font-size:15px}.drawer .qty{height:36px;margin:.5rem 0 0;transform:scale(.9);transform-origin:right}
.drawer .empty{padding:2rem 1.6rem;color:var(--ink-75)}
.drawer footer{padding:1.4rem 1.6rem;border-top:1px solid var(--line)}.drawer fieldset{margin-bottom:1rem}.drawer legend{font-size:13px}.drawer fieldset label{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;font-size:14px;cursor:pointer}
.sum{display:flex;justify-content:space-between;padding:.15rem 0;font-size:15px}.sum.tot{font-size:18px;border-top:1px solid var(--line);margin-top:.6rem;padding-top:.7rem}
.vat{font-size:12px;color:var(--ink-75);margin:.6rem 0 1rem}.drawer footer .btn{width:100%}
.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.js .reveal{opacity:1;transform:none}}

/* värivalitsin */
.pick{display:grid;grid-template-columns:1.6fr 1fr;gap:8px;align-items:stretch}
.pick-main{background:var(--bg,var(--grey));display:grid;place-items:center;overflow:hidden;min-height:340px}
.pick-main img{width:100%;max-width:none;-webkit-mask-image:radial-gradient(ellipse at center,#000 58%,transparent 84%);mask-image:radial-gradient(ellipse at center,#000 58%,transparent 84%)}
.pick-side{border:1px solid var(--line);padding:1.8rem;display:flex;flex-direction:column;justify-content:center;gap:1.2rem}.ptot{border-top:1px solid var(--line);padding-top:1rem}
.pname{font-size:2.2rem;line-height:1}
.dots{display:grid;grid-template-columns:repeat(11,1fr);gap:8px;margin-top:8px}
.dots button{padding:0;border:0;background:var(--grey);cursor:pointer;outline:1px solid transparent;outline-offset:-1px;overflow:hidden}
.dots button img{width:100%;aspect-ratio:2.05/1;object-fit:cover;transition:transform .2s}.dots button:hover img{transform:scale(1.1)}
.dots button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:-2px}
@media(max-width:899px){.pick{grid-template-columns:1fr}.dots{grid-template-columns:repeat(4,1fr)}}
@media(max-width:480px){.dots{grid-template-columns:repeat(3,1fr)}}

/* värit kuvina */
.pills.sw{gap:6px}.pills.sw button{padding:0;border-radius:0;min-width:0;width:calc((100% - 6*5px)/6);border:1px solid transparent;background:var(--grey);overflow:hidden}
.pills.sw button img{width:100%;aspect-ratio:2.05/1;object-fit:cover;display:block}
.pills.sw button:hover{border-color:var(--ink-55)}.pills.sw button[aria-pressed=true]{background:var(--grey);border-color:var(--ink);outline:1px solid var(--ink);outline-offset:0}
@media(max-width:480px){.pills.sw button{width:calc((100% - 4*5px)/4)}}

/* mallin lisätiedot kortissa */
.card .m{font-size:13px;color:var(--ink-75);margin-top:.35rem;letter-spacing:.05rem}.card .m b{font-weight:600;color:var(--ink)}
.chips{display:flex;align-items:center;gap:3px;margin-top:.7rem;flex-wrap:wrap}.chips img{width:calc((100% - 9*3px)/9);aspect-ratio:2.05/1;object-fit:cover;background:var(--grey)}
.chips span{font-size:11px;color:var(--ink-75);margin-left:3px}

/* tilaus */
.co{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;margin-top:1.5rem}@media(max-width:899px){.co{grid-template-columns:1fr}}
.paybox{border:1px solid var(--ink);padding:1.2rem 1.4rem}.paybox .sum{padding:.4rem 0;border-bottom:1px solid var(--line)}.paybox .sum:last-child{border:0}
.otext{white-space:pre-wrap;background:var(--grey);padding:1rem;margin-top:1rem;font:13px/1.5 var(--font);color:var(--ink-75);letter-spacing:0}

/* selkeämpi navigaatio */
.hdr nav>a,.hdr nav>.dd>a{font-size:15px;color:var(--ink);padding:.7rem .9rem;border-bottom:2px solid transparent}
.hdr nav a[aria-current]{border-bottom-color:var(--ink);font-weight:600}
.dd>a::after{margin-left:.35rem}
.icons .cartb{display:flex;align-items:center;gap:.5rem;font-size:15px;padding:.6rem .8rem;position:relative}
.icons .cartb .cnt{position:static;margin-left:.1rem}
.icons .menu-btn{display:none;background:none;border:1px solid var(--ink);padding:.55rem 1rem;font:400 15px var(--font);letter-spacing:.07rem;cursor:pointer;color:var(--ink)}
@media(max-width:899px){
 .hdr .pw{flex-wrap:wrap;height:auto;padding-block:.7rem;gap:.4rem 1rem}
 .logo img{height:48px}
 .icons{margin-left:auto}.icons .menu-btn{display:block}
 .hdr nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);margin-top:.5rem;overflow:visible}
 .hdr nav.open{display:flex}
 .hdr nav>a,.hdr nav>.dd>a{padding:.9rem .2rem;border-bottom:1px solid var(--line);font-size:17px}
 .dd>a::after{display:none}
 .dd ul,.dd:hover ul{display:block!important;position:static;border:0;box-shadow:none;padding:0 0 .4rem 1rem;min-width:0}
 .dd li a{padding:.6rem 0;font-size:15px}
}
/* etusivun liike (kunnes Higgsfield-video valmis) */
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.1) translate(-1.2%,-1%)}}
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.banner>img{animation:kb 22s ease-in-out infinite alternate;transform-origin:60% 50%}
.banner .c>*{animation:up .9s cubic-bezier(.2,.7,.2,1) both}.banner .c h1{animation-delay:.15s}.banner .c p{animation-delay:.35s}.banner .c .btn{animation-delay:.55s}
.banner video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(prefers-reduced-motion:reduce){.banner>img,.banner .c>*{animation:none}}



/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* värikierto */
.reel{position:relative;background:var(--bg,var(--grey));aspect-ratio:2.3/1;min-height:260px;overflow:hidden;transition:background .9s;display:grid;place-items:center}
.reel .l{position:absolute;left:50%;top:50%;width:min(88%,1000px);max-width:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .7s;-webkit-mask-image:radial-gradient(ellipse at center,#000 55%,transparent 82%);mask-image:radial-gradient(ellipse at center,#000 55%,transparent 82%)}
.reel .l.show{opacity:1;animation:sway 7s ease-in-out infinite alternate}
@keyframes sway{from{transform:translate(-51.5%,-50.5%) rotate(-.9deg)}to{transform:translate(-48.5%,-49.5%) rotate(.9deg)}}
.rcap{position:absolute;left:1.4rem;bottom:1rem;display:flex;align-items:baseline;gap:.5rem;color:var(--ink);z-index:2}
.rnum{font-size:clamp(2.6rem,6vw,4.4rem);line-height:1;min-width:2ch;letter-spacing:.02em}.rlbl{font-size:14px;color:var(--ink-75)}
.rpause{position:absolute;right:1rem;bottom:1rem;z-index:2;background:#fff;border:1px solid var(--ink);padding:.45rem 1rem;font:400 14px var(--font);letter-spacing:.07rem;cursor:pointer;color:var(--ink)}
.rpause:hover{background:var(--ink);color:#fff}
.rticks{display:grid;grid-template-columns:repeat(33,1fr);gap:3px;margin-top:10px;height:14px;align-items:end}
.rticks i{display:block;height:6px;background:var(--ink-55);opacity:.35;transition:height .25s,opacity .25s,background .25s}
.rticks i.past{opacity:.7}.rticks i.on{height:14px;background:var(--accent,#e4531a);opacity:1}
@media(max-width:620px){.reel{aspect-ratio:1.5/1}.rticks{gap:2px}}
@media(prefers-reduced-motion:reduce){.reel .l.show{animation:none}.reel,.reel .l{transition:none}}

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* kuvat korissa ja yhteenvedossa */
.drawer .items li{grid-template-columns:84px 1fr auto;align-items:start}
.drawer .items .ci{background:var(--grey);overflow:hidden}.drawer .items .ci img{width:100%;aspect-ratio:1.6;object-fit:cover;display:block}
.srow{display:grid;grid-template-columns:64px 1fr auto;gap:.9rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:15px}
.srow img{width:64px;aspect-ratio:1.6;object-fit:cover;background:var(--grey)}

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

.drawer{width:min(480px,100%)}.drawer .items b{display:block;line-height:1.25}

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

.opt{border:1px solid var(--line);padding:.9rem 1.1rem}.opt summary{cursor:pointer;font-size:15px}

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* mobiili */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,summary{-webkit-tap-highlight-color:rgba(18,18,18,.08)}
.sbar{display:none}
@media(max-width:899px){
 .sbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:25;background:#fff;border-top:1px solid var(--line);padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 -6px 20px rgba(0,0,0,.06)}
 .sbar[hidden]{display:none}
 .sbar .si{display:grid;line-height:1.25}.sbar .si b{font-weight:600;font-size:18px;letter-spacing:.06rem}.sbar .si span{font-size:13px;color:var(--ink-75)}
 .sbar .btn{min-width:0;padding:0 1.6rem;white-space:nowrap}
 .ftr{padding-bottom:6rem}
 .co>:last-child{order:-1}
 .pills button{min-height:44px}.pills.sw button{min-height:0}
 .menu-btn,.icons .cartb{min-height:44px}
 .drawer .items li{grid-template-columns:72px 1fr auto}
}
@media(max-width:749px){
 .nm{display:none}
 .sec{padding-block:28px 32px}.sec.big{padding-top:40px}.sec .sub{margin-bottom:2rem}
 .grid{gap:28px 8px}
 .card .t{margin-top:.9rem;font-size:14px}.card .p{font-size:15px}
 .chips{display:none}
 .pdp{gap:1.5rem;padding-bottom:3rem}.pdp .main{aspect-ratio:4/3}
 .pdp h1{font-size:2rem}
 .buyb .btn{min-height:50px}
 .cols5 b{font-size:2rem}
 .banner h1{font-size:2.3rem}.banner .c{padding-bottom:3rem}
}
@media(max-width:380px){.grid{grid-template-columns:1fr 1fr}.card .m{font-size:12px}}

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

.webm{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.9rem}.webm span{font-size:13px;color:var(--ink-75);width:100%}.webm .btn{min-width:0;flex:1;padding:0 1rem}

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

.nomail{margin-top:1.4rem;padding:1.1rem 1.2rem;border:1px solid var(--line)}.nomail p{font-size:14px;color:var(--ink-75);margin-bottom:.9rem}.nomail b{color:var(--ink)}

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* värinumerot */
.pills.sw button{position:relative}.pills.sw .n{position:absolute;right:3px;bottom:3px;background:#fff;color:var(--ink);font:600 11px/1 var(--font);padding:2px 4px;letter-spacing:0}
.pills.sw button[aria-pressed=true] .n{background:var(--ink);color:#fff}
@media(min-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

.sum.disc{color:#1a7f3c}.nudge{font-size:13px;color:var(--ink-75);background:var(--grey);padding:.6rem .8rem;margin:.6rem 0}

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */
.page h2{font-size:1.25rem;margin:2rem 0 .6rem}.page ul{color:var(--ink-75);margin:0 0 1rem 1.2rem;padding:0}.page li{margin-bottom:.35rem}.page a{text-decoration:underline;text-underline-offset:2px}

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */
.gal{list-style:none;margin:0;padding:0;columns:3 260px;column-gap:12px}.gal li{break-inside:avoid;margin-bottom:12px}.gal img{width:100%;height:auto;display:block;background:var(--grey)}.gb{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.gb:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.gal-t{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gal-t li{aspect-ratio:1/1;overflow:hidden;background:var(--grey)}.gal-t img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.gal-t a:hover img{transform:scale(1.03)}
@media(max-width:700px){.gal-t{grid-template-columns:repeat(2,1fr)}}
#lb{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;color:#fff}#lb[open]{display:grid;place-items:center}#lb::backdrop{background:rgba(0,0,0,.88)}#lb img{max-width:min(94vw,1000px);max-height:88vh;display:block;object-fit:contain}
#lb button{position:fixed;background:rgba(0,0,0,.5);color:#fff;border:1px solid rgba(255,255,255,.5);width:44px;height:44px;font-size:26px;line-height:1;cursor:pointer}#lb .lbx{top:14px;right:14px}#lb .lbp{left:10px;top:50%}#lb .lbn{right:10px;top:50%}

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */
.slides{position:absolute;inset:0;z-index:0;overflow:hidden;background:#000}.sl{position:absolute;inset:0;transform:translateX(100%);transition:transform .45s cubic-bezier(.65,0,.25,1);will-change:transform}.sl.cur{transform:none;z-index:1}.sl.prev{transform:translateX(-100%);z-index:0}
.slides .sl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:none}
.sl-fish img{object-position:50% 45%}.sl-boat img{transform-origin:50% 38%;transform:scale(1)}.sl-boat.cur img{animation:boatzoom 2s cubic-bezier(.3,.1,.3,1) forwards}.sl-boat.prev img{transform:scale(1.12)}
@keyframes boatzoom{from{transform:scale(1)}to{transform:scale(1.12)}}
.dots{position:absolute;left:0;right:0;bottom:1.2rem;z-index:3;display:flex;justify-content:center;gap:.6rem}.dots button{width:34px;height:34px;padding:0;border:0;background:none;cursor:pointer;position:relative}.dots button::after{content:"";position:absolute;left:5px;right:5px;top:15px;height:3px;background:rgba(255,255,255,.45);transition:background .3s}.dots button[aria-current=true]::after{background:#fff}.dots button:focus-visible{outline:2px solid #fff;outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.sl{transition:none}.sl-boat.cur img{animation:none}}

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */
.banner::before{background:linear-gradient(to top,rgba(0,0,0,.72) 0,rgba(0,0,0,.45) 45%,rgba(0,0,0,.25) 100%)}
.slides .sl-fit img.bg{filter:blur(26px) brightness(.65);transform:scale(1.2)}.slides .sl-fit img.fg{object-fit:contain}

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */
.ccards{list-style:none;margin:0 0 2.5rem;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ccards a{display:flex;flex-direction:column;gap:.35rem;height:100%;padding:1.4rem 1.2rem;border:1px solid var(--ink-15,#ddd);background:#fff;text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}.ccards a:hover,.ccards a:focus-visible{border-color:var(--ink);transform:translateY(-2px)}
.ccards svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:.4rem}.ccards .l{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-55)}.ccards .v{font-size:1.1rem;line-height:1.4;overflow-wrap:anywhere}
.cinfo{max-width:760px;padding-bottom:4rem}.cinfo h2{font-size:1.25rem;margin:2rem 0 .6rem}.cinfo p{color:var(--ink-75);margin-bottom:1rem}
@media(max-width:1000px){.ccards{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ccards{grid-template-columns:1fr}}

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */
.sl.aft{transform:translateX(100%);z-index:0}.sl-boat.aft img{transform:scale(1.12)}
.arr{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;padding:0 0 3px;background:rgba(0,0,0,.4);color:#fff;border:1px solid rgba(255,255,255,.55);font-size:30px;line-height:1;cursor:pointer;transition:background .2s}.arr:hover{background:rgba(0,0,0,.7)}.arr:focus-visible{outline:2px solid #fff;outline-offset:2px}.arr.prv{left:14px}.arr.nxt{right:14px}
@media(max-width:700px){.arr{width:38px;height:38px;font-size:26px}.arr.prv{left:8px}.arr.nxt{right:8px}}

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */

/* UKK */
.faq{margin:4rem auto 5rem;max-width:820px}
.faq h2{font-size:clamp(2rem,3.4vw,2.5rem);text-align:center;margin-bottom:.6rem}
.faq .faqsub{text-align:center;color:var(--ink-75);margin-bottom:2rem;font-size:15px}
.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem .2rem;font-size:17px;letter-spacing:.04rem;transition:background .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--grey)}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq details[open] summary{font-weight:600}
.faq .a{padding:0 .2rem 1.4rem;max-width:68ch}.faq .a p{color:var(--ink-75);font-size:16px;line-height:1.65}
.faq .faqmore{text-align:center;margin-top:2rem;color:var(--ink-75);font-size:15px}.faq .faqmore a{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
/* /UKK */