.rh{padding-top:clamp(140px,15vw,190px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(36px,5vw,80px);align-items:center}
.rhc{display:flex;flex-direction:column;gap:26px;align-items:flex-start}
.rh h1{font-size:clamp(44px,5.6vw,80px);line-height:.98;letter-spacing:-.055em}
.rh .sel{box-shadow:inset 0 0 0 0 var(--blue);color:inherit;transition:box-shadow .6s .5s,color .6s .5s;white-space:nowrap}
.rh .sel .h,.rh .sel .tb{opacity:0;transform:scale(.6);transition:opacity .4s,transform .5s var(--ease)}
.rh.on .sel{box-shadow:inset 0 0 0 1.5px var(--blue);color:var(--blue)}
.rh.on .sel .h,.rh.on .sel .tb{opacity:1;transform:none;transition-delay:.9s}
.rhv{position:relative}
.lp{container-type:inline-size;background:#fff;color:#141518}
.lpn{display:flex;align-items:center;gap:3.4cqw;padding:3cqw 4cqw;font-size:max(10px,1.9cqw);color:#62666D;border-bottom:1px solid rgba(0,0,0,.07)}
.lpn b{font:400 max(14px,3.4cqw)/1 'Instrument Serif',serif;color:#141518;margin-right:auto}
.lpc{padding:1.3cqw 2.8cqw;border-radius:999px;border:1px solid rgba(0,0,0,.15);color:#141518}
.lpimg{position:relative;margin:3cqw 4cqw 0;aspect-ratio:16/8.4;border-radius:2cqw;background:linear-gradient(160deg,#E9E4DC,#D3CBBE);display:grid;place-items:center;font-size:max(10px,1.8cqw);color:#7E776C}
.lpimg em{position:absolute;left:2.4cqw;top:2.4cqw;font-style:normal;font-size:max(9px,1.7cqw);padding:.9cqw 2.2cqw;border-radius:999px;background:#fff;color:#141518}
.lpb{display:flex;justify-content:space-between;align-items:flex-end;gap:3cqw;padding:3.4cqw 4cqw 4cqw;flex-wrap:wrap}
.lpe{font-size:max(9px,1.7cqw);color:#8A6A4E}
.lpb h4{font:400 max(18px,5cqw)/1 'Instrument Serif',serif;letter-spacing:-.02em;margin:1cqw 0 1.6cqw}
.lpf{display:flex;gap:2.8cqw;font-size:max(10px,1.8cqw);color:#62666D}.lpf b{color:#141518;font-weight:500}
.lpr{display:flex;flex-direction:column;align-items:flex-end;gap:1.6cqw}
.lpp{font-size:max(15px,3.6cqw);font-weight:500;letter-spacing:-.03em}
.lpbt{display:flex;gap:1.2cqw}
.lpb1,.lpb2{font-size:max(10px,1.8cqw);padding:1.6cqw 3cqw;border-radius:999px;white-space:nowrap}
.lpb1{background:#141518;color:#fff}.lpb2{box-shadow:inset 0 0 0 1px rgba(0,0,0,.16)}
.lptag{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:14px;background:var(--s2);border:1px solid var(--line2);box-shadow:var(--sh);font-size:13.5px;font-weight:500;white-space:nowrap;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .8s var(--ease)}
.lptag i{width:22px;height:22px;border-radius:50%;background:var(--blue);position:relative}
.lptag i:after{content:"";position:absolute;left:7px;top:7px;width:7px;height:4px;border-left:1.8px solid #fff;border-bottom:1.8px solid #fff;transform:rotate(-45deg)}
.lptag.t1{left:-32px;top:22%}.lptag.t2{right:-16px;bottom:-24px}
.rh{padding-bottom:30px}
.rhv.in .lptag{opacity:1;transform:none}.rhv.in .lptag.t1{transition-delay:.6s}.rhv.in .lptag.t2{transition-delay:1.1s}
@media(max-width:900px){.rh{grid-template-columns:1fr}.lptag.t1{left:10px}.lptag.t2{right:10px}}
.own{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ow{background:var(--s1);border-radius:var(--r);padding:clamp(26px,3vw,40px);min-height:280px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.ow>div{display:flex;flex-direction:column;gap:12px}
.ow .mono{color:var(--blue)}.ow h3{font-size:clamp(21px,2vw,26px);letter-spacing:-.035em}.ow p{font-size:15.5px}
@media(max-width:800px){.own{grid-template-columns:1fr}.ow{min-height:0}}
.lbento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.lb{background:var(--s1);border-radius:var(--rl);padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;gap:12px}
.lb6{grid-column:span 6}.lb4{grid-column:span 4}
@media(max-width:900px){.lb6,.lb4{grid-column:span 12}}
.lb .mono{color:var(--blue)}.lb h3{font-size:clamp(20px,1.9vw,25px);letter-spacing:-.035em}.lb p{font-size:15px;max-width:44ch}
.lbv{margin-top:auto;padding-top:20px}
.lbgal{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:190px}
.lbgal i{border-radius:12px;background:var(--s2);box-shadow:var(--sh)}.lbgal i:first-child{grid-row:span 2}.lbgal i:nth-child(4){display:none}
.lbsold{background:var(--s2);border-radius:16px;box-shadow:var(--sh);padding:6px 18px}
.lbsold div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;font-size:14px}
.lbsold div+div{border-top:1px solid var(--line2)}
.lbsold b{font-weight:500}.lbsold span{color:var(--ink3);font-variant-numeric:tabular-nums}
.rt12{grid-column:span 12;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}
.rt12 .rtv{margin-top:0}
@media(max-width:900px){.rt12{grid-template-columns:1fr}}
.nl.cur{color:var(--ink)}
@media(min-width:601px){#templates .cat{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* why wix v3 */
.wxt{height:380vh;position:relative}
.wxs{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;padding-block:90px 30px}
.wxg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,5vw,80px);align-items:stretch}
.wxl{display:flex;flex-direction:column;gap:22px}
.wsw{display:none}[data-theme=dark] .wsb{display:none}[data-theme=dark] .wsw{display:block}
.wxlist{display:flex;flex-direction:column;margin-top:10px}
.wxi{border-top:1px solid var(--line2);padding:16px 0;cursor:pointer}.wxi:last-child{border-bottom:1px solid var(--line2)}
.wxi .t{display:grid;grid-template-columns:28px 1fr;gap:12px;font-size:18px;letter-spacing:-.02em;color:var(--ink3);transition:color .4s}
.wxi.on .t,.wxi:hover .t{color:var(--ink)}.wxi.on .t .mono{color:var(--blue)}
.wxi .bd{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}.wxi.on .bd{grid-template-rows:1fr}.wxi .bd>div{overflow:hidden}
.wxi .bd p{font-size:15px;padding:8px 0 2px 40px;max-width:40ch}
.wxp{background:var(--s1);border-radius:var(--rl);padding:clamp(16px,2.4vw,32px);display:flex}
.wxw{flex:1;display:flex;flex-direction:column}
.wxv{position:relative;flex:1;min-height:340px;background:var(--s2)}
.wv{position:absolute;inset:0;padding:clamp(20px,3vw,36px);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .7s var(--ease);pointer-events:none}
.wv.on{opacity:1;transform:none;pointer-events:auto}
.wv>div{width:100%;max-width:440px}
.own1{display:flex;flex-direction:column;gap:10px}
.own1>div{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;font-size:14px}
.own1 span{color:var(--ink3);font-size:13px}.own1 b{font-weight:500}.own1 em{font-style:normal;font-size:12px;padding:3px 9px;border-radius:999px;background:var(--blueT);color:var(--blue);font-weight:500}
.own1 em.g{background:var(--s1);color:var(--ink2)}
.o-acc i{width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:500}
.o-acc div{display:flex;flex-direction:column}
.ed1{display:flex;flex-direction:column;gap:12px}
.ed-h{font:400 34px/1.05 'Instrument Serif',serif;letter-spacing:-.02em;margin-bottom:14px}
.ed-h .sel .tb{font-family:Geist,sans-serif}
.ed-l{height:8px;border-radius:4px;background:var(--s1);width:86%}.ed-l.s{width:58%}
.ed1 .aria{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;margin-top:14px;padding:7px 16px 7px 7px;border-radius:999px;background:var(--s1);font-size:13.5px}
.hs1{display:flex;flex-direction:column;gap:8px}
.hs1>div{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--line);border-radius:14px;font-size:14.5px}
.hs1 i{width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center}.hs1 i svg{width:13px;height:13px}
.hs1 b{font-weight:500;flex:1}.hs1 em{font-style:normal;font-size:12.5px;color:var(--ink3)}
.ec1{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ec1>div{aspect-ratio:1.25;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;justify-content:space-between}
.ec1 i{width:26px;height:26px;border-radius:8px;background:var(--s1)}.ec1>div:last-child{border-color:var(--blue)}.ec1>div:last-child i{background:var(--blue)}
.ec1 b{font-weight:500;font-size:13.5px}
.gr1{display:flex;flex-direction:column;gap:8px}
.gl{padding:16px 18px;border-radius:14px;border:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.gl b{font-weight:500;font-size:15px}.gl span{font-size:13px;color:var(--ink3)}
.gl.a{margin-left:24px}.gl.c{margin-left:48px;border-color:var(--blue);background:var(--blueT)}.gl.c b{color:var(--blue)}
@media(max-width:900px){.wxt{height:auto}.wxs{position:static;min-height:0;padding-block:clamp(110px,13vw,190px) 0}.wxg{grid-template-columns:1fr}}
/* custom builds v2 */
.cb2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:center}
.cbsite{background:var(--s1);border-radius:var(--rl);padding:clamp(16px,2.4vw,32px)}
.cbpg{padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--s2)}
.cbk{height:38px;border-radius:10px;background:var(--s1);display:flex;align-items:center;padding:0 14px}
.cbk.tall{height:96px}.cbk span{font-size:12.5px;color:var(--ink3)}
.cbn{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .8s var(--ease),opacity .5s,margin .8s var(--ease);margin:-4px 0}
.cbn.on{grid-template-rows:1fr;opacity:1;margin:0}
.cbn>div{overflow:hidden}
.cbn .in{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-radius:10px;background:var(--blueT);box-shadow:inset 0 0 0 1.5px var(--blue);min-height:60px}
.cbn b{font-weight:500;font-size:14.5px;color:var(--blue)}.cbn span{font-size:12.5px;color:var(--ink2)}
.cbinfo{display:flex;flex-direction:column;gap:24px}
.cbp{display:flex;flex-direction:column;gap:4px}
.cbp span{font-size:13.5px;color:var(--ink3)}.cbp b{font-size:clamp(44px,5vw,64px);font-weight:500;letter-spacing:-.055em;line-height:1}
.cbl2{list-style:none;display:flex;flex-direction:column}
.cbl2 li{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line2);font-size:15.5px}
.cbl2 li svg{width:18px;height:18px;flex:0 0 auto;color:var(--blue)}
.cbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.cbs div{border-radius:12px;background:var(--s1);padding:12px 14px;display:flex;flex-direction:column;gap:2px}.cbs b{font-weight:500;font-size:14.5px}
@media(max-width:900px){.cb2{grid-template-columns:1fr}}
@media(max-width:520px){.cbs{grid-template-columns:repeat(2,1fr)}}