:root{--opt-vino:#801F22;--opt-vh:#5E171A;--opt-c:#1A1614;--opt-c2:#120F0E;--opt-h:#F7F4EF;--opt-cr:#EFE9E1;--opt-n:#E2DBD1;--opt-m:#55524D;--opt-ml:rgba(247,244,239,.74);--opt-rl:rgba(247,244,239,.16);--opt-maxw:1360px;--opt-ease:cubic-bezier(.2,.7,.2,1);--opt-top:40px;--opt-hdh:88px;--opt-hd-total:128px;--opt-font:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif}
html{overflow-x:clip}
body.opt-site{margin:0;font-family:var(--opt-font);color:var(--opt-c);background:#fff;-webkit-font-smoothing:antialiased}
body.opt-site:not(.opt-is-home){padding-top:var(--opt-hd-total)}
.opt-site .site-main,.opt-site #content.site-main{max-width:none;width:100%;padding:0;margin:0}
.opt-site .page-content>*:first-child{margin-top:0}
.opt-page,.opt-page *,.opt-hdwrap,.opt-hdwrap *,.opt-ft,.opt-ft *{box-sizing:border-box}
.opt-page{position:relative;width:100vw;margin-left:calc(50% - 50vw);font-family:var(--opt-font);color:var(--opt-c)}
.opt-page h1,.opt-page h2,.opt-page h3,.opt-page p,.opt-page ul,.opt-page ol,.opt-page dl,.opt-page dd,.opt-page figure{margin:0;padding:0}
.opt-page ul,.opt-page ol{list-style:none}
.opt-page a{color:inherit}
.opt-page img{max-width:100%;display:block}
.opt-page :focus-visible,.opt-hdwrap :focus-visible,.opt-ft :focus-visible{outline:2px solid var(--opt-vino);outline-offset:3px}
.opt-in{max-width:var(--opt-maxw);margin:0 auto;padding:0 40px}
.opt-ico{display:block;flex-shrink:0}
.opt-ph{background-color:#2B2521;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 14px);width:100%;height:100%}

.opt-kick{display:block;font-size:13px;font-weight:600;color:var(--opt-vino);margin-bottom:18px}
.opt-kick--light{color:rgba(247,244,239,.78)}
.opt-h2{font-size:clamp(32px,3.4vw,48px);font-weight:700;line-height:1.06;letter-spacing:-.025em;color:var(--opt-c)}
.opt-h2--light{color:#fff}
.opt-h3{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:10px}
.opt-lead{font-size:19px;font-weight:500;line-height:1.55;color:var(--opt-c)}
.opt-lead--muted{font-weight:400;color:var(--opt-m)}
.opt-lead--light{font-weight:400;color:var(--opt-ml)}
.opt-p{font-size:16px;line-height:1.7;color:var(--opt-m);max-width:40em}
.opt-link{display:inline-block;font-size:15px;font-weight:600;color:var(--opt-c);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px;transition:color .2s ease}
.opt-link:hover{color:var(--opt-vino)}
.opt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:54px;padding:0 28px;font-family:var(--opt-font);font-size:15px;font-weight:600;line-height:1;text-decoration:none;border:1px solid transparent;border-radius:2px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}
.opt-btn--vino{background:var(--opt-vino);border-color:var(--opt-vino);color:#fff!important}
.opt-btn--vino:hover{background:var(--opt-vh);border-color:var(--opt-vh)}
.opt-btn--dark{background:var(--opt-c);border-color:var(--opt-c);color:#fff!important}
.opt-btn--dark:hover{background:var(--opt-vino);border-color:var(--opt-vino)}
.opt-btn--ghost{background:transparent;border-color:rgba(255,255,255,.55);color:#fff!important}
.opt-btn--ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.opt-btn--light{background:var(--opt-h);border-color:var(--opt-h);color:var(--opt-vino)!important}
.opt-btn--light:hover{background:#fff}
.opt-btn--block{width:100%}

.opt-sec{padding:128px 0}
.opt-sec--hueso{background:var(--opt-h)}
.opt-sec--dark{background:var(--opt-c);color:var(--opt-h)}
.opt-sec--tight{padding:72px 0 112px}
.opt-sec--flushtop{padding-top:0}
.opt-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:96px;align-items:end;margin-bottom:56px}
.opt-head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}

/* ---------- Header ---------- */
.opt-hdwrap{position:fixed;top:0;left:0;right:0;z-index:1000;font-family:var(--opt-font);transition:transform .35s var(--opt-ease)}
.admin-bar .opt-hdwrap{top:32px}
.opt-top{height:var(--opt-top);background:var(--opt-c);color:var(--opt-h);font-size:13px;overflow:hidden;transition:height .3s var(--opt-ease)}
.opt-top__in{max-width:var(--opt-maxw);height:100%;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.opt-top__tag{opacity:.8;white-space:nowrap}
.opt-top__links{display:flex;align-items:center;gap:20px}
.opt-top__links a{display:flex;align-items:center;gap:8px;color:var(--opt-h);text-decoration:none;opacity:.88;transition:opacity .2s ease}
.opt-top__links a:hover{opacity:1}
.opt-top__links i{width:1px;height:14px;background:var(--opt-rl)}
.opt-hd{background:#fff;border-bottom:1px solid var(--opt-n);transition:background .35s var(--opt-ease),border-color .35s var(--opt-ease),box-shadow .35s var(--opt-ease)}
.opt-hd__in{max-width:var(--opt-maxw);height:var(--opt-hdh);margin:0 auto;padding:0 40px;display:flex;align-items:center;gap:40px;transition:height .35s var(--opt-ease)}
.opt-logo{display:flex;align-items:center;flex-shrink:0}
.opt-logo__img{height:46px;width:auto;display:block;transition:height .35s var(--opt-ease)}
.opt-logo__img--white{display:none}
.opt-logo__img.is-filtered{filter:brightness(0) invert(1)}
.opt-nav{display:flex;align-items:stretch;margin-left:auto;height:100%}
.opt-nav__link{position:relative;display:flex;align-items:center;gap:6px;height:100%;padding:0 16px;background:transparent;border:0;font-family:var(--opt-font);font-size:15px;font-weight:500;color:var(--opt-c);text-decoration:none;cursor:pointer;transition:color .2s ease}
.opt-nav__link::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--opt-vino);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--opt-ease)}
.opt-nav__link:hover::after,.opt-nav__link.is-current::after,.opt-nav__mm[aria-expanded="true"]::after{transform:scaleX(1)}
.opt-nav__mm .opt-ico{transition:transform .3s var(--opt-ease)}
.opt-nav__mm[aria-expanded="true"] .opt-ico{transform:rotate(180deg)}
.opt-hd__cta{display:inline-flex;align-items:center;height:48px;padding:0 24px;background:var(--opt-vino);color:#fff;font-size:14px;font-weight:600;text-decoration:none;border:1px solid var(--opt-vino);border-radius:2px;white-space:nowrap;transition:background .2s ease,border-color .2s ease}
.opt-hd__cta:hover{background:var(--opt-vh);border-color:var(--opt-vh);color:#fff}
.opt-hdwrap.is-scrolled .opt-hd{box-shadow:0 12px 30px -22px rgba(26,22,20,.35)}
.opt-hdwrap.is-scrolled{--opt-hdh:72px}
.opt-hdwrap.is-scrolled .opt-logo__img{height:40px}

.opt-hdwrap.is-home:not(.is-solid) .opt-hd{background:transparent;border-color:rgba(255,255,255,.14);box-shadow:none}
.opt-hdwrap.is-home:not(.is-solid) .opt-nav__link{color:#fff}
.opt-hdwrap.is-home:not(.is-solid) .opt-nav__link::after{background:#fff}
.opt-hdwrap.is-home:not(.is-solid) .opt-logo__img--color{display:none}
.opt-hdwrap.is-home:not(.is-solid) .opt-logo__img--white{display:block}
.opt-hdwrap.is-home:not(.is-solid) .opt-hd__cta{background:transparent;border-color:rgba(255,255,255,.6)}
.opt-hdwrap.is-home:not(.is-solid) .opt-hd__cta:hover{background:rgba(255,255,255,.1);border-color:#fff}
.opt-hdwrap.is-home:not(.is-solid) .opt-burger span{background:#fff}
.opt-hdwrap.is-home:not(.is-scrolled){--opt-hdh:96px}

.opt-mm{position:absolute;left:0;right:0;top:100%;background:var(--opt-h);border-bottom:1px solid var(--opt-n);box-shadow:0 30px 50px -30px rgba(26,22,20,.35);opacity:0;transform:translateY(-6px);transition:opacity .25s var(--opt-ease),transform .25s var(--opt-ease)}
.opt-mm.is-open{opacity:1;transform:none}
.opt-mm__in{max-width:var(--opt-maxw);margin:0 auto;padding:40px 40px 44px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:56px}
.opt-mm__side{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.opt-mm__side .opt-kick{margin:0}
.opt-mm__title{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--opt-c)}
.opt-mm__text{margin:0 0 8px;font-size:14px;line-height:1.6;color:var(--opt-m)}
.opt-mm__side .opt-btn{height:46px;padding:0 20px;font-size:14px}
.opt-mm__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--opt-n);border:1px solid var(--opt-n)}
.opt-mm__item{display:flex;gap:16px;padding:24px;background:#fff;text-decoration:none;color:var(--opt-c);transition:background .2s ease}
.opt-mm__item:hover{background:var(--opt-h)}
.opt-mm__ico{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--opt-n);color:var(--opt-vino);border-radius:2px;transition:background .2s ease,color .2s ease,border-color .2s ease}
.opt-mm__item:hover .opt-mm__ico{background:var(--opt-vino);border-color:var(--opt-vino);color:#fff}
.opt-mm__txt{display:flex;flex-direction:column;gap:6px}
.opt-mm__txt b{font-size:16px;font-weight:600}
.opt-mm__txt small{font-size:13px;line-height:1.5;color:var(--opt-m)}

.opt-burger{display:none;position:relative;width:44px;height:44px;margin-left:auto;padding:0;background:transparent;border:0;cursor:pointer}
.opt-burger span{position:absolute;left:10px;right:10px;height:2px;background:var(--opt-c);transition:transform .3s var(--opt-ease),top .3s var(--opt-ease),opacity .2s ease,width .3s var(--opt-ease)}
.opt-burger span:nth-child(1){top:14px}.opt-burger span:nth-child(2){top:21px;right:18px}.opt-burger span:nth-child(3){top:28px}
.opt-burger[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg)}
.opt-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.opt-burger[aria-expanded="true"] span:nth-child(3){top:21px;transform:rotate(-45deg)}
.opt-mob{position:fixed;left:0;right:0;bottom:0;top:var(--opt-hd-total);background:var(--opt-c);color:var(--opt-h);padding:12px 20px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow-y:auto}
.opt-mob[hidden]{display:none}
.opt-mob__nav{display:flex;flex-direction:column}
.opt-mob__link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;background:transparent;border:0;border-bottom:1px solid var(--opt-rl);font-family:var(--opt-font);font-size:22px;font-weight:700;letter-spacing:-.01em;color:#fff;text-align:left;text-decoration:none;cursor:pointer}
.opt-mob__toggle[aria-expanded="true"] .opt-ico{transform:rotate(180deg)}
.opt-mob__sub{display:flex;flex-direction:column;padding:6px 0 12px;border-bottom:1px solid var(--opt-rl)}
.opt-mob__sub[hidden]{display:none}
.opt-mob__sub a{position:relative;padding:10px 0 10px 20px;font-size:16px;color:rgba(247,244,239,.86);text-decoration:none}
.opt-mob__sub a::before{content:"";position:absolute;left:0;top:50%;width:8px;height:1px;background:#D8474C}
.opt-mob__foot{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:14px}
.opt-mob__tel{font-size:24px;font-weight:700;color:#fff;text-decoration:none}
.opt-mob__mail{font-size:15px;color:rgba(247,244,239,.75);text-decoration:none}
body.opt-lock{overflow:hidden}

/* ---------- Home hero ---------- */
.opt-hero{position:relative;height:max(640px,min(100svh,920px));background:var(--opt-c2);overflow:hidden;color:#fff}
.opt-hero__bgs,.opt-hero__bg{position:absolute;inset:0}
.opt-hero__bg{background-color:#231E1B;background-size:cover;background-position:center;opacity:0;transition:opacity 1.1s ease}
.opt-hero__bg.is-on{opacity:1}
.opt-hero__bg video,.opt-svh__bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}
.opt-hero__bg video.is-ready,.opt-svh__bg video.is-ready{opacity:1}
.opt-hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,15,14,.9) 0%,rgba(18,15,14,.62) 48%,rgba(18,15,14,.2) 100%),linear-gradient(180deg,rgba(18,15,14,.55) 0%,rgba(18,15,14,0) 24%)}
.opt-hero__in{position:relative;height:100%;display:flex;align-items:center;padding-top:96px;padding-bottom:110px}
.opt-hero__text{max-width:780px;display:flex;flex-direction:column;gap:26px;animation:optRise .9s var(--opt-ease) both}
.opt-hero__kick{font-size:13px;font-weight:600;color:rgba(247,244,239,.82);transition:opacity .3s ease}
.opt-hero__title{font-size:clamp(42px,5.4vw,78px);font-weight:700;line-height:1.02;letter-spacing:-.03em;color:#fff}
.opt-hero__lead{max-width:580px;font-size:19px;line-height:1.55;color:var(--opt-ml);transition:opacity .3s ease}
.opt-hero__actions{display:flex;flex-wrap:wrap;gap:14px}
.opt-hero--single .opt-hero__in{padding-bottom:72px}
.opt-hero.is-swapping .opt-hero__kick,.opt-hero.is-swapping .opt-hero__lead{opacity:0}
.opt-hero__rail{position:absolute;left:0;right:0;bottom:0;background:rgba(18,15,14,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid rgba(255,255,255,.16)}
.opt-hero__rail-in{display:flex}
.opt-hero__tab{position:relative;flex:1 1 0;display:flex;flex-direction:column;gap:10px;padding:24px 22px 26px;background:transparent;border:0;border-left:1px solid rgba(255,255,255,.14);color:#fff;font-family:var(--opt-font);font-size:15px;font-weight:600;text-align:left;cursor:pointer;transition:background .3s ease}
.opt-hero__tab:last-child{border-right:1px solid rgba(255,255,255,.14)}
.opt-hero__tab:hover{background:rgba(255,255,255,.06)}
.opt-hero__tab.is-on{background:rgba(128,31,34,.55)}
.opt-hero__bar{position:absolute;left:0;top:-1px;height:2px;width:0;background:#D8474C}
.opt-hero__tab.is-on .opt-hero__bar{animation:optBar var(--opt-dur,7s) linear forwards}
.opt-hero.is-paused .opt-hero__tab.is-on .opt-hero__bar{animation-play-state:paused}

/* ---------- Home sections ---------- */
.opt-about{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:96px;align-items:center}
.opt-about__text{display:flex;flex-direction:column;gap:20px}
.opt-about__text .opt-kick{margin:0}
.opt-about__media{aspect-ratio:4/5;overflow:hidden;background:var(--opt-cr)}
.opt-about__media img{width:100%;height:100%;object-fit:cover}
.opt-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;padding-top:28px;border-top:1px solid var(--opt-n)}
.opt-stats div{display:flex;flex-direction:column;gap:6px;padding-right:20px}
.opt-stats b{font-size:44px;font-weight:700;letter-spacing:-.04em;line-height:1}
.opt-stats span{font-size:14px;line-height:1.4;color:var(--opt-m)}
.opt-about .opt-link{align-self:flex-start;margin-top:6px}

.opt-exp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:stretch}
.opt-exp__list{display:flex;flex-direction:column;border-top:1px solid var(--opt-c)}
.opt-exp__btn{display:flex;align-items:center;gap:16px;width:100%;padding:24px;background:transparent;border:0;border-bottom:1px solid var(--opt-n);font-family:var(--opt-font);text-align:left;color:var(--opt-c);cursor:pointer;transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.opt-exp__ico{color:var(--opt-m);display:flex;transition:color .25s ease}
.opt-exp__name{flex-grow:1;font-size:22px;font-weight:600;letter-spacing:-.015em}
.opt-exp__btn>.opt-ico:last-child{opacity:0;transform:translateX(-6px);transition:opacity .25s ease,transform .25s var(--opt-ease)}
.opt-exp__btn:hover{background:rgba(255,255,255,.6)}
.opt-exp__btn.is-on{background:#fff;color:var(--opt-vino);box-shadow:inset 3px 0 0 var(--opt-vino)}
.opt-exp__btn.is-on .opt-exp__name{font-weight:700}
.opt-exp__btn.is-on .opt-exp__ico{color:var(--opt-vino)}
.opt-exp__btn.is-on>.opt-ico:last-child{opacity:1;transform:none}
.opt-exp__panels{position:relative;background:#fff;border:1px solid var(--opt-n)}
.opt-exp__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;animation:optFade .45s var(--opt-ease)}
.opt-exp__panel[hidden]{display:none}
.opt-exp__media{min-height:480px;background:#2B2521;overflow:hidden}
.opt-exp__media img,.opt-exp__media .opt-ph{width:100%;height:100%;object-fit:cover}
.opt-exp__body{padding:44px 40px;display:flex;flex-direction:column;gap:16px}
.opt-exp__body .opt-kick{margin:0}
.opt-exp__title{font-size:32px;font-weight:700;letter-spacing:-.025em;line-height:1.08}
.opt-exp__body .opt-btn{margin-top:auto;align-self:flex-start;height:48px;padding:0 22px;font-size:14px}
.opt-checks{border-top:1px solid var(--opt-n);margin-top:4px}
.opt-checks li{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--opt-n);font-size:15px}
.opt-checks .opt-ico{color:var(--opt-vino)}

.opt-why{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:112px;align-items:center}
.opt-why__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#2B2521}
.opt-why__media img{width:100%;height:100%;object-fit:cover}
.opt-why__mark{position:absolute;left:0;bottom:0;width:0;height:4px;background:var(--opt-vino);transition:width .9s var(--opt-ease) .3s}
.opt-why__media.is-in .opt-why__mark{width:100%}
.opt-why__text{display:flex;flex-direction:column;gap:20px}
.opt-why__text .opt-kick{margin:0}
.opt-why__text .opt-lead{margin-bottom:14px}
.opt-why__list{border-bottom:1px solid var(--opt-rl)}
.opt-why__list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:26px 0;border-top:1px solid var(--opt-rl)}
.opt-why__list .opt-ico{color:#E5A6A8;margin-top:2px}
.opt-why__list b{display:block;font-size:20px;font-weight:600;color:#fff;margin-bottom:8px}
.opt-why__list span{font-size:15px;line-height:1.6;color:var(--opt-ml)}

.opt-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.opt-steps li{display:flex;flex-direction:column;gap:14px;padding-top:26px;border-top:1px solid var(--opt-c)}
.opt-steps__n{font-size:14px;font-weight:700;color:var(--opt-vino)}
.opt-steps b{font-size:22px;font-weight:700;letter-spacing:-.015em;line-height:1.2}
.opt-steps span:last-child{font-size:15px;line-height:1.6;color:var(--opt-m)}

.opt-clients{display:grid;grid-template-columns:minmax(260px,calc((100vw - var(--opt-maxw))/2 + 300px)) minmax(0,1fr);align-items:center;border-top:1px solid var(--opt-n);border-bottom:1px solid var(--opt-n)}
.opt-clients__label{padding:44px 32px 44px max(40px,calc((100vw - var(--opt-maxw))/2 + 40px));display:flex;flex-direction:column;gap:6px}
.opt-clients__label .opt-kick{margin:0}
.opt-clients__label b{font-size:16px;font-weight:600;line-height:1.35}
.opt-clients__track-wrap{overflow:hidden;border-left:1px solid var(--opt-n);padding:36px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.opt-clients__track{display:flex;align-items:center;width:max-content;animation:optFlow 40s linear infinite}
.opt-clients__track-wrap:hover .opt-clients__track{animation-play-state:paused}
.opt-clients__track li{flex-shrink:0;padding:0 48px}
.opt-clients__track img{height:48px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1);opacity:.62;transition:filter .3s ease,opacity .3s ease}
.opt-clients__track li:hover img{filter:none;opacity:1}

.opt-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 32px}
.opt-post{display:flex;flex-direction:column;gap:16px;text-decoration:none;color:var(--opt-c)}
.opt-post__img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--opt-cr)}
.opt-post__img img,.opt-post__img .opt-ph{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--opt-ease)}
.opt-post:hover .opt-post__img img{transform:scale(1.04)}
.opt-post__body{display:flex;flex-direction:column;gap:10px}
.opt-post__cat{font-size:13px;font-weight:600;color:var(--opt-vino)}
.opt-post__title{font-size:22px;font-weight:700;letter-spacing:-.015em;line-height:1.2;transition:color .2s ease}
.opt-post:hover .opt-post__title{color:var(--opt-vino)}
.opt-post__ex{font-size:15px;line-height:1.6;color:var(--opt-m)}
.opt-post__meta{font-size:13px;color:var(--opt-m)}
.opt-post--feat{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center}
.opt-post--feat .opt-post__title{font-size:38px;letter-spacing:-.025em;line-height:1.1}
.opt-post--feat .opt-post__ex{font-size:17px}
.opt-nov__feat{padding-bottom:64px;margin-bottom:64px;border-bottom:1px solid var(--opt-n)}

.opt-qform{background:var(--opt-vino);color:#fff;padding:104px 0}
.opt-qform__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:96px;align-items:center}
.opt-qform__text{display:flex;flex-direction:column;gap:20px}
.opt-qform__tel{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:8px;font-size:22px;font-weight:700;color:#fff;text-decoration:none}
.opt-qform__box{background:#fff;color:var(--opt-c);padding:40px;border-radius:2px}
.opt-cta{background:var(--opt-vino);color:#fff;padding:96px 0}
.opt-cta__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:64px;align-items:center}
.opt-cta__title{font-size:clamp(32px,3.4vw,50px);font-weight:700;line-height:1.05;letter-spacing:-.025em;color:#fff;margin-bottom:14px}
.opt-cta__text{font-size:18px;line-height:1.6;color:rgba(255,255,255,.86);max-width:34em}
.opt-cta__actions{justify-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.opt-cta__tel{font-size:17px;font-weight:600;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:3px}
.opt-cta__tel:hover{border-color:#fff;color:#fff}

/* ---------- Inner pages ---------- */
.opt-phero{padding:112px 0 88px}
.opt-phero--hueso{background:var(--opt-h)}
.opt-phero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:96px;align-items:end}
.opt-phero__title{font-size:clamp(38px,4.8vw,68px);font-weight:700;line-height:1.02;letter-spacing:-.03em}
.opt-nos__pano{margin-top:88px;height:520px;overflow:hidden;background:#2B2521}
.opt-nos__pano img{width:100%;height:100%;object-fit:cover}
.opt-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:96px;align-items:start;margin-bottom:96px}
.opt-split .opt-lead{margin-bottom:18px;font-size:20px}
.opt-mv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--opt-n);border:1px solid var(--opt-n)}
.opt-mv__item{background:#fff;padding:56px 52px 60px;display:flex;flex-direction:column;gap:18px}
.opt-mv__item .opt-ico{color:var(--opt-vino)}
.opt-mv__item h3{font-size:28px;font-weight:700;letter-spacing:-.02em}
.opt-mv__item p{font-size:18px;line-height:1.6;color:var(--opt-m)}
.opt-band{background:var(--opt-vino);color:#fff;padding:80px 0}
.opt-band__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.opt-band__grid div{display:flex;flex-direction:column;gap:10px;padding-left:28px;border-left:1px solid rgba(255,255,255,.3)}
.opt-band b{font-size:60px;font-weight:700;letter-spacing:-.04em;line-height:.95}
.opt-band span{font-size:15px;color:rgba(255,255,255,.84)}
.opt-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--opt-n);border:1px solid var(--opt-n)}
.opt-grid4__item{background:#fff;padding:40px 34px 44px;display:flex;flex-direction:column;gap:16px}
.opt-grid4__item .opt-ico{color:var(--opt-vino)}
.opt-grid4__item h3{font-size:21px;font-weight:700;letter-spacing:-.01em}
.opt-grid4__item p{font-size:15px;line-height:1.65;color:var(--opt-m)}
.opt-acc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--opt-c);color:var(--opt-h)}
.opt-acc__media{min-height:560px;overflow:hidden;background:#2B2521}
.opt-acc__media img,.opt-acc__media .opt-ph{width:100%;height:100%;object-fit:cover}
.opt-acc__text{padding:96px max(40px,calc((100vw - var(--opt-maxw))/2 + 40px)) 96px 96px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.opt-acc__text .opt-kick{margin:0}
.opt-acc__text .opt-btn{align-self:flex-start;margin-top:10px}
.opt-group{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:96px;align-items:center}
.opt-group .opt-h2{font-size:clamp(30px,3vw,40px);margin-bottom:18px}
.opt-group__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--opt-n);border:1px solid var(--opt-n)}
.opt-group__grid li{background:#fff;height:120px;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center}
.opt-group__grid a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none}
.opt-group__grid img{max-height:48px;width:auto;max-width:100%;object-fit:contain}
.opt-group__grid span{font-size:17px;font-weight:700;letter-spacing:-.01em;color:#8C857C}
.opt-group__grid li:first-child span{color:var(--opt-c)}

.opt-svh{position:relative;background:var(--opt-c2);color:#fff;overflow:hidden}
.opt-svh__bg{position:absolute;inset:0;background:#231E1B center/cover no-repeat}
.opt-svh__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,15,14,.92) 0%,rgba(18,15,14,.72) 55%,rgba(18,15,14,.45) 100%)}
.opt-svh__grid{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:96px;align-items:end;padding-top:136px;padding-bottom:120px}
.opt-svh__title{font-size:clamp(38px,5vw,72px);font-weight:700;line-height:1.02;letter-spacing:-.03em;color:#fff}
.opt-svh__side{display:flex;flex-direction:column;gap:28px}
.opt-svh__actions{display:flex;flex-wrap:wrap;gap:14px}
.opt-svh__line{position:relative;height:1px;background:rgba(255,255,255,.18);overflow:hidden}
.opt-svh__line span{position:absolute;top:0;left:0;width:160px;height:1px;background:linear-gradient(90deg,transparent,#D8474C,transparent);animation:optPulse 4.5s linear infinite}
.opt-others{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--opt-n);border:1px solid var(--opt-n)}
.opt-others__item{display:flex;flex-direction:column;gap:14px;padding:32px 28px 36px;background:#fff;text-decoration:none;color:var(--opt-c);transition:background .2s ease}
.opt-others__item:hover{background:var(--opt-h)}
.opt-others__item .opt-ico{color:var(--opt-vino)}
.opt-others__item b{font-size:19px;font-weight:700}
.opt-others__item span{font-size:14px;line-height:1.55;color:var(--opt-m)}
.opt-legacy{--opt-legacy:1}
.opt-legacy [class$="__wrap"],.opt-legacy [class$="__in"]{max-width:var(--opt-maxw)}

.opt-chips{border-bottom:1px solid var(--opt-n);padding:28px 0}
.opt-chips__in{display:flex;flex-wrap:wrap;gap:10px}
.opt-chip{height:40px;padding:0 16px;display:inline-flex;align-items:center;font-size:14px;font-weight:500;text-decoration:none;color:var(--opt-c);border:1px solid var(--opt-n);border-radius:2px;transition:background .2s ease,color .2s ease,border-color .2s ease}
.opt-chip:hover{border-color:var(--opt-c)}
.opt-chip.is-on{background:var(--opt-c);border-color:var(--opt-c);color:#fff}
.opt-pager{display:flex;justify-content:center;gap:6px;margin-top:64px}
.opt-pager .page-numbers{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;text-decoration:none;color:var(--opt-c);border:1px solid var(--opt-n);border-radius:2px}
.opt-pager .page-numbers.current,.opt-pager a.page-numbers:hover{background:var(--opt-c);border-color:var(--opt-c);color:#fff}
.opt-empty{padding:40px 0;display:flex;flex-direction:column;align-items:flex-start;gap:24px}

.opt-ctc__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:80px;align-items:start}
.opt-ctc__side{position:sticky;top:calc(var(--opt-hd-total) + 32px)}
.opt-ctc__data{border-top:1px solid var(--opt-c)}
.opt-ctc__data div{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;padding:22px 0;border-bottom:1px solid var(--opt-n)}
.opt-ctc__data div>span{grid-row:1/3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--opt-n);color:var(--opt-vino);border-radius:2px}
.opt-ctc__data dt{font-size:13px;color:var(--opt-m);margin-bottom:4px}
.opt-ctc__data dd{font-size:17px;font-weight:600;line-height:1.45}
.opt-ctc__data dd a{color:var(--opt-c);text-decoration:none}
.opt-ctc__data dd a:hover{color:var(--opt-vino)}
.opt-ctc__tips{margin-top:32px;padding:28px;background:var(--opt-h);display:flex;flex-direction:column;gap:12px}
.opt-ctc__tips b{font-size:15px}
.opt-ctc__tips span{display:flex;gap:10px;font-size:14px;line-height:1.5;color:var(--opt-m)}
.opt-ctc__tips .opt-ico{color:var(--opt-vino);margin-top:2px}
.opt-ctc__formhead{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding-bottom:20px;margin-bottom:28px;border-bottom:1px solid var(--opt-c)}
.opt-ctc__formhead h2{font-size:28px;font-weight:700;letter-spacing:-.02em}
.opt-ctc__formhead span{font-size:14px;color:var(--opt-m)}
.opt-ctc__map{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:80px;align-items:center;padding-top:96px;border-top:1px solid var(--opt-n)}
.opt-ctc__map .opt-p{margin-bottom:22px}
.opt-ctc__frame{aspect-ratio:16/8;border:1px solid var(--opt-n);overflow:hidden;background:var(--opt-h)}
.opt-ctc__frame iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(1) contrast(1.05);transition:filter .4s ease}
.opt-ctc__frame:hover iframe{filter:none}

/* ---------- Forms ---------- */
.opt-f{font-family:var(--opt-font)}
.opt-f__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.opt-f__field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;border:0}
.opt-f__field--full{grid-column:1/-1}
.opt-f label,.opt-f legend,.opt-f__label{font-size:13px;font-weight:600;color:var(--opt-c);padding:0}
.opt-f em{font-style:normal;color:var(--opt-vino)}
.opt-f input[type=text],.opt-f input[type=email],.opt-f input[type=tel],.opt-f select,.opt-f textarea{width:100%;height:52px;padding:0 16px;font-family:var(--opt-font);font-size:15px;color:var(--opt-c);background:#fff;border:1px solid #D5CEC4;border-radius:2px;box-shadow:none;appearance:none;-webkit-appearance:none;transition:border-color .2s ease}
.opt-f textarea{height:auto;min-height:120px;padding:14px 16px;line-height:1.5;resize:vertical}
.opt-f select{padding-right:44px;background-image:linear-gradient(45deg,transparent 50%,var(--opt-c) 50%),linear-gradient(135deg,var(--opt-c) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.opt-f input::placeholder,.opt-f textarea::placeholder{color:#9A958E}
.opt-f input:focus,.opt-f select:focus,.opt-f textarea:focus{outline:0;border-color:var(--opt-c)}
.opt-f .is-invalid input,.opt-f .is-invalid select,.opt-f .is-invalid textarea{border-color:var(--opt-vino)}
.opt-f__err{font-size:13px;color:var(--opt-vino);min-height:0}
.opt-f__err:empty{display:none}
.opt-f__checkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;margin-top:4px}
.opt-f__check{display:flex!important;align-items:center;gap:10px;font-size:15px!important;font-weight:400!important;cursor:pointer}
.opt-f__check input{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;flex-shrink:0;border:1px solid var(--opt-c);border-radius:2px;background:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.opt-f__check input:checked{background:var(--opt-vino) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;border-color:var(--opt-vino)}
.opt-f__check input::before,.opt-f__check input::after{content:none!important}
.opt-f__drop{position:relative;display:flex!important;align-items:center;justify-content:center;gap:12px;min-height:72px;padding:14px 18px;border:1px dashed #C9C1B6;border-radius:2px;font-size:14px!important;font-weight:500!important;color:var(--opt-m)!important;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease}
.opt-f__drop:hover,.opt-f__drop.is-over{border-color:var(--opt-c);background:var(--opt-h)}
.opt-f__drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.opt-f__files{display:flex;flex-direction:column;gap:6px}
.opt-f__files li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--opt-h);font-size:14px}
.opt-f__files button{display:flex;padding:4px;background:transparent;border:0;color:var(--opt-m);cursor:pointer}
.opt-f__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.opt-f__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;flex-wrap:wrap}
.opt-f__legal{font-size:12px;color:var(--opt-m)}
.opt-f__submit{min-width:200px}
.opt-f__submit.is-loading{pointer-events:none;opacity:.75}
.opt-f__submit.is-loading span::after{content:"";display:inline-block;width:14px;height:14px;margin-left:10px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;vertical-align:-2px;animation:optSpin .7s linear infinite}
.opt-f__msg{margin-top:18px;padding:16px 18px;font-size:15px;line-height:1.5;border:1px solid var(--opt-n);background:var(--opt-h)}
.opt-f__msg.is-ok{border-color:#B9D3BF;background:#F1F7F2;color:#1E4D2B}
.opt-f__msg.is-err{border-color:#E7C4C5;background:#FBF3F3;color:var(--opt-vino)}
.opt-f.is-sent .opt-f__grid,.opt-f.is-sent .opt-f__foot{display:none}
.grecaptcha-badge{visibility:hidden}

/* ---------- Single ---------- */
.opt-single__head{background:var(--opt-h);padding:96px 0 72px}
.opt-single__narrow{max-width:880px}
.opt-single__back{display:inline-flex;align-items:center;gap:8px;margin-bottom:36px;font-size:14px;font-weight:600;color:var(--opt-c);text-decoration:none}
.opt-single__back .opt-ico{transform:rotate(180deg)}
.opt-single__title{font-size:clamp(34px,4vw,56px);font-weight:700;line-height:1.05;letter-spacing:-.025em;margin-bottom:18px}
.opt-single__meta{font-size:14px;color:var(--opt-m)}
.opt-single__img{margin:-40px auto 0;max-width:1120px;aspect-ratio:16/8;overflow:hidden}
.opt-single__img img{width:100%;height:100%;object-fit:cover}
.opt-single__content{padding-top:72px;padding-bottom:112px;font-size:18px;line-height:1.75;color:#3A3633}
.opt-single__content>*+*{margin-top:1.1em}
.opt-single__content h2{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--opt-c);margin-top:1.8em}
.opt-single__content h3{font-size:22px;font-weight:700;color:var(--opt-c);margin-top:1.6em}
.opt-single__content a{color:var(--opt-vino)}
.opt-single__content ul,.opt-single__content ol{padding-left:1.2em;list-style:revert}
.opt-single__content img{height:auto}
.opt-single__content blockquote{margin:1.6em 0;padding-left:24px;border-left:3px solid var(--opt-vino);font-size:22px;font-weight:600;color:var(--opt-c)}

/* ---------- Footer ---------- */
.opt-ft{background:var(--opt-c);color:var(--opt-h);font-family:var(--opt-font)}
.opt-ft__in{max-width:var(--opt-maxw);margin:0 auto;padding:88px 40px 32px}
.opt-ft__top{display:grid;grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2fr));gap:56px;padding-bottom:64px;border-bottom:1px solid var(--opt-rl)}
.opt-ft__brand{display:flex;flex-direction:column;gap:22px}
.opt-ft__brand p{margin:0;font-size:14px;line-height:1.65;color:var(--opt-ml);max-width:360px}
.opt-ft__logo .opt-logo__img{height:44px;display:block}
.opt-ft__soc{display:flex;gap:10px}
.opt-ft__soc a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--opt-rl);color:var(--opt-h);border-radius:2px;transition:border-color .2s ease,background .2s ease}
.opt-ft__soc a:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.opt-ft__col{display:flex;flex-direction:column;gap:12px}
.opt-ft__title{margin:0 0 6px;padding-bottom:12px;border-bottom:1px solid var(--opt-rl);font-size:14px;font-weight:600;color:#fff}
.opt-ft__col a,.opt-ft__col span{font-size:14px;line-height:1.6;color:var(--opt-ml);text-decoration:none;transition:color .2s ease}
.opt-ft__col a:hover{color:#fff}
.opt-ft__col a.is-strong{color:#fff}
.opt-ft__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px;font-size:13px;color:rgba(247,244,239,.55)}
.opt-ft__bottom a{color:var(--opt-h);text-decoration:none;border-bottom:1px solid rgba(247,244,239,.35)}
.opt-ft__bottom a:hover{border-color:#fff}

/* ---------- Motion ---------- */
.opt-rv{opacity:0;transform:translateY(16px);transition:opacity .7s var(--opt-ease),transform .7s var(--opt-ease)}
.opt-rv.is-in{opacity:1;transform:none}
.opt-zoom img{transform:scale(1.05);transition:transform 1.4s var(--opt-ease)}
.opt-zoom.is-in img{transform:none}
@keyframes optRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes optBar{from{width:0}to{width:100%}}
@keyframes optFlow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes optPulse{from{transform:translateX(-160px)}to{transform:translateX(100vw)}}
@keyframes optFade{from{opacity:0}to{opacity:1}}
@keyframes optSpin{to{transform:rotate(360deg)}}

/* ---------- Responsive ---------- */
@media (max-width:1200px){
  .opt-nav__link{padding:0 11px;font-size:14px}
  .opt-nav__link::after{left:11px;right:11px}
  .opt-hd__in{gap:24px}
  .opt-head,.opt-about,.opt-why,.opt-qform__grid,.opt-phero__grid,.opt-split,.opt-svh__grid,.opt-group,.opt-ctc__grid,.opt-ctc__map{gap:56px}
  .opt-exp__panel{grid-template-columns:1fr}
  .opt-exp__media{min-height:260px}
  .opt-others{grid-template-columns:repeat(3,minmax(0,1fr))}
  .opt-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .opt-mm__in{grid-template-columns:260px minmax(0,1fr);gap:32px}
}
@media (max-width:1060px){
  .opt-nav,.opt-hd__cta{display:none}
  .opt-burger{display:block}
  .opt-mm{display:none!important}
  .opt-hero__tab{padding:18px 14px 20px;font-size:13px}
  .opt-hero__tab .opt-ico{display:none}
  .opt-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .opt-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  :root{--opt-top:0px;--opt-hdh:68px}
  .opt-top{display:none}
  .opt-in,.opt-hd__in,.opt-ft__in{padding-left:24px;padding-right:24px}
  .opt-hdwrap.is-home:not(.is-scrolled),.opt-hdwrap.is-scrolled{--opt-hdh:68px}
  .opt-logo__img,.opt-hdwrap.is-scrolled .opt-logo__img{height:36px}
  .opt-sec{padding:80px 0}
  .opt-head,.opt-about,.opt-why,.opt-qform__grid,.opt-phero__grid,.opt-split,.opt-svh__grid,.opt-group,.opt-ctc__grid,.opt-ctc__map,.opt-exp,.opt-cta__grid,.opt-post--feat{grid-template-columns:1fr;gap:32px}
  .opt-head{margin-bottom:40px}
  .opt-head--row{flex-direction:column;align-items:flex-start}
  .opt-about__media,.opt-why__media{aspect-ratio:4/3}
  .opt-hero{height:auto;min-height:max(620px,100svh)}
  .opt-hero__in{align-items:flex-end;padding-top:120px;padding-bottom:180px;min-height:max(620px,100svh)}
  .opt-hero--single .opt-hero__in{padding-bottom:56px}
  .opt-hero__veil{background:linear-gradient(180deg,rgba(18,15,14,.45) 0%,rgba(18,15,14,.85) 100%)}
  .opt-hero__rail-in{overflow-x:auto;scrollbar-width:none;padding:0}
  .opt-hero__rail-in::-webkit-scrollbar{display:none}
  .opt-hero__tab{flex:0 0 auto;min-width:150px}
  .opt-clients{grid-template-columns:1fr}
  .opt-clients__label{padding:32px 24px 0}
  .opt-clients__track-wrap{border-left:0;padding:24px 0 32px}
  .opt-clients__track img{height:38px}
  .opt-clients__track li{padding:0 32px}
  .opt-qform,.opt-cta{padding:72px 0}
  .opt-qform__box{padding:28px 20px}
  .opt-cta__actions{justify-self:start}
  .opt-phero{padding:72px 0 56px}
  .opt-nos__pano{margin-top:48px;height:320px}
  .opt-split{margin-bottom:56px}
  .opt-mv{grid-template-columns:1fr}
  .opt-mv__item{padding:40px 28px}
  .opt-band__grid{grid-template-columns:1fr;gap:28px}
  .opt-acc{grid-template-columns:1fr}
  .opt-acc__media{min-height:300px}
  .opt-acc__text{padding:56px 24px}
  .opt-svh__grid{padding-top:96px;padding-bottom:72px}
  .opt-ctc__side{position:static}
  .opt-ft__top{grid-template-columns:1fr 1fr;gap:40px 32px}
  .opt-ft__brand{grid-column:1/-1}
}
@media (max-width:600px){
  .opt-sec{padding:64px 0}
  .opt-stats b{font-size:34px}
  .opt-stats span{font-size:12px}
  .opt-exp__btn{padding:18px 16px}
  .opt-exp__name{font-size:18px}
  .opt-exp__body{padding:28px 20px}
  .opt-steps,.opt-posts,.opt-others,.opt-grid4,.opt-group__grid{grid-template-columns:1fr}
  .opt-group__grid li{height:96px}
  .opt-f__grid{grid-template-columns:1fr}
  .opt-f__checkgrid{grid-template-columns:1fr 1fr}
  .opt-f__submit,.opt-btn{width:100%}
  .opt-hero__actions .opt-btn{width:100%}
  .opt-ft__top{grid-template-columns:1fr}
  .opt-ft__bottom{flex-direction:column}
  .opt-post--feat .opt-post__title{font-size:28px}
}
@media (max-width:782px){.admin-bar .opt-hdwrap{top:46px}}
@media (prefers-reduced-motion:reduce){
  .opt-page *,.opt-hdwrap *{animation:none!important;transition:none!important}
  .opt-rv{opacity:1;transform:none}
  .opt-zoom img{transform:none}
  .opt-why__mark{width:100%}
}
.opt-ctc__quote{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:32px;padding:28px 60px 28px 28px;background:var(--opt-c);color:var(--opt-h);text-decoration:none;transition:background .2s ease}
.opt-ctc__quote:hover{background:var(--opt-vino)}
.opt-ctc__quote .opt-kick{margin:0;color:rgba(247,244,239,.72)}
.opt-ctc__quote b{font-size:22px;font-weight:700;color:#fff}
.opt-ctc__quote>span:not(.opt-kick){font-size:14px;line-height:1.55;color:var(--opt-ml)}
.opt-ctc__quote em{position:absolute;right:24px;top:50%;transform:translateY(-50%);color:#fff;transition:transform .25s var(--opt-ease)}
.opt-ctc__quote:hover em{transform:translate(4px,-50%)}
.opt-quote__next{border-top:1px solid var(--opt-c);padding-top:22px}
.opt-quote__next>b{display:block;font-size:15px;margin-bottom:6px}
.opt-quote__next li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--opt-n)}
.opt-quote__next li>span{font-size:13px;font-weight:700;color:var(--opt-vino);padding-top:2px}
.opt-quote__next strong{display:block;font-size:16px;margin-bottom:4px}
.opt-quote__next small{display:block;font-size:14px;line-height:1.5;color:var(--opt-m)}
.opt-quote__alt{margin-top:24px!important;font-size:15px;color:var(--opt-m)}
.opt-quote__alt a{font-weight:700;color:var(--opt-c);text-decoration:none;border-bottom:1px solid var(--opt-c)}
.opt-f__step{margin:0 0 36px;padding:0;border:0;min-width:0}
.opt-f__steptitle{display:flex;align-items:center;gap:12px;width:100%;padding:0 0 16px;margin-bottom:24px;border-bottom:1px solid var(--opt-c);font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--opt-c)}
.opt-f__steptitle span{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--opt-vino);color:#fff;font-size:14px;border-radius:2px}