@font-face {
font-family: Jost;
font-display: swap;
src: url(//ivkino-park.ru/wp-content/themes/ivkino/assets/fonts/JOST-VARIABLEFONT_WGHT.woff2) format("woff2"),
url(//ivkino-park.ru/wp-content/themes/ivkino/assets/fonts/JOST-VARIABLEFONT_WGHT.woff) format("woff");
font-style: normal;
}
:root{--fo:#1C2416;--fm:#2D3A24;--fl:#3D5030;--go:#B8913A;--gl:#D4A94A;--gp:#F0E4C0;--cr:#F5F0E8;--cd:#EDE6D6;--wh:#FDFAF4;--tx:#1C2416;--mi:#4A5240;--mu:#7A8470;--r:4px}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
html{margin-top: 0px !important;}
body{font-family:'Jost' !important;background:var(--cr);color:var(--tx);overflow-x:hidden}
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 60px;display:flex;align-items:center;justify-content:space-between;transition:all .4s}
nav.sc{background:rgba(28,36,22,.97);backdrop-filter:blur(16px);padding:13px 60px;box-shadow:0 2px 24px rgba(0,0,0,.3)}
.nl{font-family:Jost;font-size:21px;font-weight:600;color:var(--wh);letter-spacing:2px;text-decoration:none;display:flex;align-items:center;gap:10px}
.nlm{width:28px;height:28px;border:1px solid rgba(184,145,58,.5);border-radius:50%;display:flex;align-items:center;justify-content:center}
.nlm svg{width:14px;height:14px;stroke:var(--go);fill:none}
.nls{display:flex;gap:28px;align-items:center}
.nls a{color:rgba(253,250,244,.62);text-decoration:none;font-size:16px;letter-spacing:2px;text-transform:uppercase;transition:color .3s}
.nls a:hover{color:var(--gl)}
.ncta{background:var(--go)!important;color:var(--fo)!important;padding:9px 22px!important;border-radius:var(--r);font-weight:600!important}
.nmob{display:none;background:var(--go);color:var(--fo);padding:8px 16px;border-radius:var(--r);font-size:15px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;text-decoration:none} .hero{height:100vh;min-height:700px;position:relative;overflow:hidden;display:flex;align-items:flex-end}
.hv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ho{position:absolute;inset:0;background:linear-gradient(160deg,rgba(8,13,6,.9)0%,rgba(18,28,14,.55)55%,rgba(8,13,6,.35)100%)}
.hg{position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to top,rgba(12,18,9,.97)0%,transparent 100%)}
.hl{position:absolute;left:60px;top:0;bottom:0;width:1px;background:rgba(184,145,58,.15)}
.hc{position:relative;z-index:2;padding:0 60px 82px;max-width:900px}
.hey{font-size:15px;letter-spacing:4px;text-transform:uppercase;color:var(--go);margin-bottom:18px;display:flex;align-items:center;gap:14px}
.hey::before{content:'';display:block;width:36px;height:1px;background:var(--go)}
.hero h1{font-family:Jost;font-size:clamp(48px,6.2vw,82px);font-weight:300;line-height:1.05;color:var(--wh);margin-bottom:22px}
.hero h1 em{font-style:italic;color:var(--gl)}
.hd{font-size:19px;line-height:1.8;color:rgba(253,250,244,.6);margin-bottom:32px;font-weight:300}
.hpills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px}
.pill{padding:6px 14px;background:rgba(184,145,58,.1);border:1px solid rgba(184,145,58,.28);border-radius:100px;font-size:21px;letter-spacing:1px;color:var(--gl)}
.ha{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.bp{background:var(--go);color:var(--fo);padding:15px 34px;font-family:'Jost',sans-serif;font-size:16px;letter-spacing:2px;text-transform:uppercase;border:none;cursor:pointer;border-radius:var(--r);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s;font-weight:600}
.bp svg{width:14px;height:14px;stroke:var(--fo);fill:none}
.bp:hover{background:var(--gl);transform:translateY(-1px);box-shadow:0 8px 24px rgba(184,145,58,.3)}
.bg{color:rgba(253,250,244,.6);font-size:21px;text-decoration:none;display:flex;align-items:center;gap:8px;transition:color .3s;letter-spacing:1px}
.bg svg{width:16px;height:16px;stroke:currentColor;fill:none}
.bg:hover{color:var(--wh)}
.hst{position:absolute;bottom:82px;right:60px;display:flex;z-index:2}
.hsi{padding:18px 24px;border-left:1px solid rgba(184,145,58,.18);text-align:center}
.hsi:first-child{border-left:none}
.hsn{font-family:Jost;font-size:36px;font-weight:300;color:var(--gl)}
.hsl{font-size:16px;letter-spacing:2px;text-transform:uppercase;color:rgba(253,250,244,.28);margin-top:4px}
.sh{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(253,250,244,.25);font-size:13px;letter-spacing:3px;text-transform:uppercase;z-index:2;animation:bounce 2.5s infinite}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}60%{transform:translateX(-50%) translateY(7px)}} .tb{background:var(--fo);padding:20px 60px;display:flex;border-bottom:1px solid rgba(184,145,58,.08)}
.ti{flex:1;display:flex;align-items:center;gap:14px;padding:0 24px;border-left:1px solid rgba(184,145,58,.1)}
.ti:first-child{border-left:none;padding-left:0}
.tic{width:40px;height:40px;border-radius:50%;background:rgba(184,145,58,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(184,145,58,.2)}
.tic svg{width:18px;height:18px;stroke:var(--go);fill:none;stroke-width:1.4}
.tit strong{display:block;font-size:17px;color:var(--wh);margin-bottom:2px;font-weight:500}
.tit span{font-size:16px;color:rgba(253,250,244,.4);font-weight:300} section{padding:96px 60px}
.sl{font-size:15px;letter-spacing:4px;text-transform:uppercase;color:var(--go);margin-bottom:10px;display:flex;align-items:center;gap:14px}
.sl::before{content:'';display:block;width:28px;height:1px;background:var(--go)}
.st{font-family:Jost;font-size:clamp(32px,4vw,50px);font-weight:300;line-height:1.1;color:var(--tx);margin-bottom:14px}
.st em{font-style:italic}
.ss{font-size:19px;line-height:1.8;color:var(--mi);max-width:520px;font-weight:300} .vn{display:flex;border-bottom:1px solid rgba(28,36,22,.1);margin-bottom:52px}
.vt{padding:14px 30px;font-size:18px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border-bottom:2px solid transparent;color:var(--mu);transition:all .3s;background:none;border-top:none;border-left:none;border-right:none;font-family:'Jost',sans-serif}
.vt.active{color:var(--tx);border-bottom-color:var(--go);font-weight:500}
.vp{
display:grid;
opacity:0;
visibility:hidden;
pointer-events:none;
position:absolute;
width:100%;
}
.vp.active{
opacity:1;
visibility:visible;
pointer-events:auto;
position:relative;
grid-template-columns:1.1fr 1fr;
gap:60px;
align-items:start
}
.vphotos{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.vph{border-radius:var(--r);overflow:hidden;background:var(--fm);position:relative}
.vph.tall{grid-column:1;grid-row:1/3}
.vph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.vph:hover img{transform:scale(1.04)}
.vph-ph{width:100%;min-height:170px;height:100%;display:flex;align-items:flex-end;padding:12px;font-family:Jost;font-style:italic;font-size:21px;color:rgba(253,250,244,.22)}
.vph.tall .vph-ph{min-height:360px}
.vtag{font-size:16px;letter-spacing:3px;text-transform:uppercase;color:var(--go);margin-bottom:12px;font-weight:500}
.vname{font-family:Jost;font-size:38px;font-weight:300;color:var(--tx);margin-bottom:14px;line-height:1.1}
.vdesc{font-size:18px;line-height:1.85;color:var(--mi);margin-bottom:24px;border-left:2px solid var(--gp);padding-left:18px;font-weight:300}
.vfeats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:28px}
.vfeat{display:flex;align-items:center;gap:9px;font-size:17px;color:var(--mi);font-weight:300}
.vfi{width:20px;height:20px;border-radius:50%;background:var(--gp);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vfi svg{width:10px;height:10px;stroke:var(--go);fill:none;stroke-width:1.8}
.vpb{background:var(--fo);border-radius:var(--r);padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.pcl{font-size:18px;letter-spacing:2px;text-transform:uppercase;color:rgba(253,250,244,.32);margin-bottom:5px}
.pcv{font-family:Jost;font-size:26px;font-weight:300;color:var(--gl)}
.pcn{font-size:15px;color:rgba(253,250,244,.25);margin-top:2px;font-weight:300}
.vdiv{width:1px;height:44px;background:rgba(184,145,58,.18);flex-shrink:0}
.bvn{background:var(--go);color:var(--fo);padding:12px 22px;border:none;cursor:pointer;border-radius:var(--r);font-family:'Jost',sans-serif;font-size:15px;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background .3s;font-weight:600}
.bvn svg{width:12px;height:12px;stroke:var(--fo);fill:none}
.bvn:hover{background:var(--gl)} .gw{background:var(--cr);padding-bottom:96px}
.gh{padding:80px 60px 48px}
.masonry{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:6px;padding:0 6px}
.mi{border-radius:var(--r);overflow:hidden;position:relative;background:var(--fm)}
.mi:nth-child(1){grid-column:1/3;grid-row:1/3}
.mi:nth-child(4){grid-column:4;grid-row:1/3}
.mi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.mi:hover img{transform:scale(1.04)}
.mio{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,18,9,.6)0%,transparent 60%);opacity:0;transition:opacity .3s}
.mi:hover .mio{opacity:1}
.mil{position:absolute;bottom:12px;left:14px;font-family:Jost;font-style:italic;font-size:17px;color:transparent;transition:color .3s}
.mi:hover .mil{color:rgba(255,255,255,.7)}
.gc{text-align:center;padding:40px 60px 0;font-size:18px;color:var(--mu);font-family:Jost;font-style:italic} .rs{background:var(--fo);padding:96px 60px}
.rs .sl{color:var(--go)}
.rs .st{color:var(--wh)}
.rs .ss{color:rgba(253,250,244,.42)}
.rg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.rc{background:rgba(253,250,244,.04);border:1px solid rgba(184,145,58,.12);border-radius:var(--r);padding:28px;position:relative;transition:border-color .3s}
.rc:hover{border-color:rgba(184,145,58,.32)}
.rbq{position:absolute;top:18px;right:22px;font-family:Jost;font-size:64px;font-weight:300;color:rgba(184,145,58,.07);line-height:1}
.rstars{display:flex;gap:3px;margin-bottom:14px}
.rt{font-family:Jost;font-size:21px;font-style:italic;font-weight:300;line-height:1.7;color:rgba(253,250,244,.8);margin-bottom:22px}
.ra{display:flex;align-items:center;gap:10px}
.rava{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--fl),var(--fm));border:1px solid rgba(184,145,58,.28);display:flex;align-items:center;justify-content:center;font-family:Jost;font-size:18px;font-weight:600;color:var(--gl);flex-shrink:0}
.rname{font-size:17px;color:var(--wh);margin-bottom:2px;font-weight:500}
.rdate{font-size:15px;color:rgba(253,250,244,.26);letter-spacing:1px;font-weight:300}
.rvt{display:inline-block;margin-top:14px;padding:3px 10px;border-radius:100px;background:rgba(184,145,58,.08);border:1px solid rgba(184,145,58,.18);font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:var(--go)} .as{background:var(--cd);padding:96px 60px}
.ag{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:52px}
.ac{background:var(--wh);border-radius:var(--r);overflow:hidden;border:1px solid rgba(28,36,22,.07);transition:transform .3s,box-shadow .3s}
.ac:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(28,36,22,.1)}
.ai{height:180px;overflow:hidden;background:var(--fm)}
.ai img{width:100%;height:100%;object-fit:cover;transition:transform .5s;display:block}
.ac:hover .ai img{transform:scale(1.06)}
.ab{padding:14px 16px}
.an{font-size:20px;font-weight:500;color:var(--tx);margin-bottom:3px}
.ad{font-size:16px;color:var(--mu);font-weight:300;line-height:1.4} .ps{background:var(--cr);padding:96px 60px}
.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.pc{background:var(--wh);border-radius:var(--r);padding:38px 30px;position:relative;border:1px solid rgba(28,36,22,.07);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}
.pc:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(28,36,22,.1)}
.pc.feat{background:var(--fo);border-color:var(--go)}
.pbadge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--go);color:var(--fo);font-size:15px;letter-spacing:2px;text-transform:uppercase;padding:4px 16px;border-radius:100px;font-weight:700;white-space:nowrap}
.piw{margin-bottom:22px}
.pis{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pis svg{width:22px;height:22px;fill:none;stroke-width:1.3}
.pil{background:var(--gp)}
.pil svg{stroke:var(--go)}
.pid{background:rgba(184,145,58,.14)}
.pid svg{stroke:var(--gl)}
.pname{font-size:15px;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;font-weight:500}
.pc:not(.feat) .pname{color:var(--go)}
.pc.feat .pname{color:var(--gl)}
.pprice{font-family:Jost;font-size:42px;font-weight:300;line-height:1;margin-bottom:4px;display: flex; align-items: center;  gap: 5px; }
.pc:not(.feat) .pprice{color:var(--tx)}
.pc.feat .pprice{color:var(--wh)}
.ppcur{font-size:20px;margin-top:8px;display:inline-block;font-family:Jost;font-weight:300}
.pper{font-size:21px;margin-bottom:26px;font-weight:300}
.pc:not(.feat) .pper{color:var(--mu)}
.pc.feat .pper{color:rgba(253,250,244,.36)}
.pdiv{height:1px;margin-bottom:22px}
.pc:not(.feat) .pdiv{background:rgba(28,36,22,.07)}
.pc.feat .pdiv{background:rgba(184,145,58,.18)}
.pdesc{font-size:17px;line-height:1.75;margin-bottom:20px;font-weight:300}
.pc:not(.feat) .pdesc{color:var(--mi)}
.pc.feat .pdesc{color:rgba(253,250,244,.65)}
.pc:not(.feat) .pdesc strong{color:var(--tx);font-weight:500}
.pc.feat .pdesc strong{color:var(--wh);font-weight:500}
.pfeats{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:28px;flex:1}
.pfeat{display:flex;align-items:flex-start;gap:9px;font-size:17px;line-height:1.45;font-weight:300}
.pc:not(.feat) .pfeat{color:var(--mi)}
.pc.feat .pfeat{color:rgba(253,250,244,.68)}
.pck{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.ckl{background:var(--gp)}
.ckl svg{stroke:var(--go);width:8px;height:8px;fill:none;stroke-width:2.5}
.ckd{background:rgba(184,145,58,.14)}
.ckd svg{stroke:var(--gl);width:8px;height:8px;fill:none;stroke-width:2.5}
.bpl{width:100%;padding:13px;background:var(--fo);color:var(--wh);border:none;cursor:pointer;border-radius:var(--r);font-family:'Jost',sans-serif;font-size:15px;letter-spacing:2px;text-transform:uppercase;transition:background .3s;text-decoration:none;display:block;text-align:center;font-weight:500;margin-top:auto}
.bpl:hover{background:var(--fm)}
.bpd{width:100%;padding:13px;background:var(--go);color:var(--fo);border:none;cursor:pointer;border-radius:var(--r);font-family:'Jost',sans-serif;font-size:15px;letter-spacing:2px;text-transform:uppercase;font-weight:700;transition:background .3s;text-decoration:none;display:block;text-align:center;margin-top:auto}
.bpd:hover{background:var(--gl)} .fw{padding:96px 60px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.fi{border-bottom:1px solid rgba(28,36,22,.08)}
.fq{width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:17px 0;font-family:'Jost',sans-serif;font-size:20px;color:var(--tx);display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:400;transition:color .3s}
.fqico{width:22px;height:22px;border-radius:50%;background:var(--gp);border:1px solid rgba(184,145,58,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s}
.fqico svg{width:10px;height:10px;stroke:var(--go);fill:none;stroke-width:2}
.fi.open .fqico{transform:rotate(45deg);background:var(--go)}
.fi.open .fqico svg{stroke:var(--fo)}
.fa{font-size:17px;line-height:1.85;color:var(--mi);max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;font-weight:300}
.fi.open .fa{max-height:280px;padding-bottom:16px}
.cb{background:var(--fo);border-radius:var(--r);padding:38px;position:sticky;top:96px}
.cbt{font-family:Jost;font-size:26px;font-weight:300;color:var(--wh);margin-bottom:10px;margin-top:12px}
.cbs{font-size:17px;color:rgba(253,250,244,.4);line-height:1.7;margin-bottom:26px;font-weight:300}
.co{display:flex;align-items:center;gap:14px;padding:14px 18px;background:rgba(253,250,244,.04);border:1px solid rgba(184,145,58,.12);border-radius:var(--r);margin-bottom:10px;text-decoration:none;transition:all .3s}
.co:hover{background:rgba(184,145,58,.08);border-color:rgba(184,145,58,.25)}
.coico{width:40px;height:40px;border-radius:50%;background:rgba(184,145,58,.1);border:1px solid rgba(184,145,58,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.coico svg{width:18px;height:18px;stroke:var(--go);fill:none;stroke-width:1.4}
.coname{font-size:17px;color:var(--wh);font-weight:500;display:block;margin-bottom:1px}
.conote{font-size:15px;color:rgba(253,250,244,.35);font-weight:300}
.cbf{font-size:15px;color:rgba(253,250,244,.22);text-align:center;margin-top:16px;line-height:1.5} .mw{background:var(--cd);padding:80px 60px;display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:center}
.rl{display:flex;flex-direction:column;gap:12px;margin-top:28px}
.ri{display:flex;align-items:center;gap:18px;padding:18px 22px;background:var(--wh);border-radius:var(--r)}
.rico{width:44px;height:44px;border-radius:50%;background:var(--gp);border:1px solid rgba(184,145,58,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rico svg{width:20px;height:20px;stroke:var(--go);fill:none;stroke-width:1.4}
.rf{font-size:16px;color:var(--mu);margin-bottom:2px;font-weight:300}
.rtime{font-family:Jost;font-size:22px;color:var(--tx)}
.rhow{font-size:16px;color:var(--mu);font-weight:300; margin-top: 5px;}
.me{border-radius:var(--r);overflow:hidden;height:100%;background:var(--fo)}
.me iframe{width:100%;height:100%;border:none;display:block} .fsec{background:var(--fo);padding:96px 60px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.fsec .sl{color:var(--go)}
.fsec .st{color:var(--wh)}
.fsec .ss{color:rgba(253,250,244,.43);margin-bottom:32px}
.fpl{display:flex;flex-direction:column;gap:13px}
.fpi{display:flex;align-items:center;gap:12px}
.fpd{width:26px;height:26px;border-radius:50%;background:rgba(184,145,58,.1);border:1px solid rgba(184,145,58,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fpd svg{width:12px;height:12px;stroke:var(--go);fill:none;stroke-width:2}
.fpt{font-size:17px;color:rgba(253,250,244,.5);font-weight:300}
.wf{background:rgba(253,250,244,.04);border:1px solid rgba(184,145,58,.16);border-radius:var(--r);padding:40px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.frow.full{grid-template-columns:1fr}
.fg label{display:block;font-size:16px;letter-spacing:2px;text-transform:uppercase;color:rgba(253,250,244,.32);margin-bottom:7px;font-weight:500}
.fg input,.fg select,.fg textarea{height: 44px;width:100%;padding:12px 14px;background:rgba(253,250,244,.06);border:1px solid rgba(184,145,58,.16);border-radius:2px;outline:none;font-family:'Jost',sans-serif;font-size:17px;color:var(--wh);transition:border-color .3s;-webkit-appearance:none;font-weight:300}
.fg input::placeholder{color:rgba(253,250,244,.18)}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--go)}
.fg select option{background:var(--fo);color:var(--wh)}
.fg textarea{resize:none;height:80px}
.fsub{width:100%;padding:16px;background:var(--go);color:var(--fo);border:none;cursor:pointer;border-radius:var(--r);font-family:'Jost',sans-serif;font-size:16px;letter-spacing:3px;text-transform:uppercase;font-weight:700;margin-top:6px;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}
.fsub svg{width:14px;height:14px;stroke:var(--fo);fill:none}
.fsub:hover{background:var(--gl);transform:translateY(-1px)}
.fnote{font-size:15px;color:rgba(253,250,244,.18);text-align:center;margin-top:14px;line-height:1.5}
.fsucc{display:none;text-align:center;padding:36px 18px}
.fsico{width:56px;height:56px;border-radius:50%;background:rgba(184,145,58,.12);border:1px solid rgba(184,145,58,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.fsico svg{width:26px;height:26px;stroke:var(--go);fill:none;stroke-width:1.4}
.fsucc h3{font-family:Jost;font-size:28px;font-weight:300;color:var(--wh);margin-bottom:8px}
.fsucc p{font-size:17px;color:rgba(253,250,244,.4);font-weight:300;line-height:1.6} footer{background:rgba(7,10,5,.98);padding:60px 60px 36px}
.ftt{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:52px}
.flogo{font-family:Jost;font-size:24px;font-weight:600;color:var(--wh);letter-spacing:2px;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.flm{width:30px;height:30px;border:1px solid rgba(184,145,58,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.flm svg{width:14px;height:14px;stroke:var(--go);fill:none;stroke-width:1.4}
.ftag{font-size:17px;color:rgba(253,250,244,.22);line-height:1.75;max-width:240px;font-weight:300}
.fct{font-size:19px;letter-spacing:3px;text-transform:uppercase;color:var(--go);margin-bottom:18px;font-weight:500}
.flinks{list-style:none;display:flex;flex-direction:column;gap:9px}
.flinks a{font-size:17px;color:rgba(253,250,244,.32);text-decoration:none;transition:color .3s;font-weight:300;display:flex;align-items:center;gap:6px}
.flinks a:hover{color:var(--wh)}
.flinks a svg{width:12px;height:12px;stroke:rgba(184,145,58,.4);fill:none;stroke-width:1.5;flex-shrink:0}
.fbot{border-top:1px solid rgba(184,145,58,.07);padding-top:26px;display:flex;justify-content:space-between;align-items:center}
.fcopy{font-size:15px;color:rgba(253,250,244,.16);font-weight:300}
.fleg{display:flex;gap:20px}
.fleg a{font-size:15px;color:rgba(253,250,244,.16);text-decoration:none;font-weight:300}
.fade{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.fade.vis{opacity:1;transform:translateY(0)}
@media(max-width:768px){
nav{padding:14px 20px}nav.sc{padding:10px 20px}
.nls{display:none}.nmob{display:flex}
.hc{padding:0 20px 70px}.hst{display:none}.hl{display:none}
.tb{padding:14px 20px;flex-direction:column;gap:0}
.ti{border-left:none;padding:12px 0;border-top:1px solid rgba(184,145,58,.08)}
.ti:first-child{border-top:none;padding-top:0}
section{padding:56px 20px}
.vp.active{grid-template-columns:1fr;gap:28px}
.vn{overflow-x:auto;white-space:nowrap}.vt{padding:12px 14px;font-size:10px}
.masonry{grid-template-columns:1fr 1fr;grid-auto-rows:150px}
.mi:nth-child(1){grid-column:1/3;grid-row:1/2}.mi:nth-child(4){grid-column:auto;grid-row:auto}
.gh{padding:50px 20px 32px}.gc{padding:20px 20px 0}
.rg{grid-template-columns:1fr}.ag{grid-template-columns:1fr 1fr}
.pg{grid-template-columns:1fr}.fw{grid-template-columns:1fr;gap:36px;padding:56px 20px}
.cb{position:static}.mw{grid-template-columns:1fr;padding:56px 20px}
.fsec{grid-template-columns:1fr;gap:36px;padding:56px 20px}
.ftt{grid-template-columns:1fr 1fr;gap:24px}footer{padding:44px 20px 26px}
.fbot{flex-direction:column;gap:10px;text-align:center}
.hero h1{font-size:clamp(36px,10vw,54px)}
.vph.tall .vph-ph{min-height:260px!important}
}
.fg br{
display: none;
}
.fsub br,
.fnote br{
display: none;
}
.wpcf7-response-output{
margin: 10px;
border: 1px solid #000;
color: #fff;
text-align: center;
font-weight: 400;
font-size: 14px;
font-family: Jost;
}
.reveal-img{
position: relative;
overflow: hidden;
}
.reveal-img img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transform: scale(1);
}
.reveal-fill{
position: absolute;
inset: 0;
background: #f5f0e8;
z-index: 2;
transform-origin: right center;
}
.line {
position: relative;
overflow: hidden;
width: 100%;
}
.line-mask {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
background: #ede6d6;
z-index: 1;
}
.line-mask-w{
background: #f5f0e8;
}
.line-mask-g{
background: #1c2416;
}
.reveal-text {
opacity: 0;
transform: translateY(18px);
filter: blur(6px);
}
.sl.reveal-slow {
opacity: 0;
transform: translateY(20px);
}
.bp:hover,
.bvn:hover,
.bpl:hover{
color: #fff !important; 
}
.bpd:hover{
color: #1c2416 !important;
}
.ac{
opacity:0;
transform:translateY(60px) scale(.96);
filter:blur(12px);
transition:
opacity 1s cubic-bezier(.22,1,.36,1),
transform 1s cubic-bezier(.22,1,.36,1),
filter 1s cubic-bezier(.22,1,.36,1),
box-shadow .6s ease;
box-shadow:
0 10px 40px rgba(0,0,0,.18),
0 2px 8px rgba(0,0,0,.08);
} .ac.show{
opacity:1;
transform:translateY(0) scale(1);
filter:blur(0);
}
.ac:hover{
transform:translateY(-8px) scale(1.02);
box-shadow:
0 30px 60px rgba(0,0,0,.28),
0 10px 24px rgba(0,0,0,.12);
}
.ai{
height:230px;
overflow:hidden;
}
.ai img{
width:100%;
height:100%;
object-fit:cover;
transform:scale(1.08);
transition:
transform 1.4s cubic-bezier(.22,1,.36,1),
filter .8s ease;
}
.hero{
overflow:hidden;
}
.hv{
transform: scale(1.08);
}
.hero-title span{
display:block;
overflow:hidden;
}
.hero-title span div{
display:block;
}
.hey,
.hd,
.ha,
.hsi,
.sh{
opacity:0;
}
.hd{
transform:translateY(24px);
filter:blur(8px);
}
.hpills .pill{
opacity:0;
transform:translateY(18px);
}
.ha{
transform:translateY(20px);
}
.hsi{
transform:translateX(30px);
}
.sh{
transform:translateY(10px);
}
@media(max-width:1250px){
.vpb{
flex-direction: column;
}
.vdiv{
width: 44px;
height: 1px;
}
.vpb div{
text-align: center;
}
}
@media(max-width:992px){
.vp.active{
display: flex;
flex-direction: column-reverse;
}
.vpb{
flex-direction: row;
}
.vdiv{
width: 1px;
height: 44px;
}
.vpb div{
text-align: center;
}
}
@media(max-width:650px){
.vpb{
flex-direction: column;
}
.vdiv{
width: 44px;
height: 1px;
}
.vpb div{
text-align: center;
}
.rs,
.as,
.ps{
padding: 40px 20px;
}
.ag {
grid-template-columns: 1fr;
}
.hd,
.ss,
.vdesc,
.rt,
.fa,
.ftag{
font-size: 16px;
line-height: 1.2;
}
.pill{
font-size: 14px;
}
}
@media(max-width:492px){
.frow{
grid-template-columns: 1fr;
}
.wf{
padding: 20px;
}
.ftt{
grid-template-columns: 1fr;
}
.bp{
padding: 14px 20px;
}
.nmob{
font-size: 13px;
padding: 8px 10px;
}
} .burger2{
display:none;
width:34px;
height:22px;
position:relative;
background:none;
border:none;
cursor:pointer;
z-index:1001;
}
.burger2 span{
position:absolute;
left:0;
right:0;
height:2px;
background:var(--wh);
transition:.3s;
}
.burger2 span:nth-child(1){top:0}
.burger2 span:nth-child(2){top:10px}
.burger2 span:nth-child(3){bottom:0} .mnav{
position:fixed;
inset:0;
background:rgb(27 35 21);
display:flex;
align-items:center;
justify-content:center;
transform:translateY(-100%);
z-index:1000;
}
.mnav-links{
display:flex;
flex-direction:column;
gap:22px;
text-align:center;
}
.mnav-links a{
font-size:18px;
color:var(--wh);
text-decoration:none;
letter-spacing:2px;
text-transform:uppercase;
} .burger2.active span:nth-child(1){
transform:rotate(45deg) translateY(14px);
}
.burger2.active span:nth-child(2){
opacity:0;
}
.burger2.active span:nth-child(3){
transform:rotate(-45deg) translateY(-14px);
} @media(max-width:768px){
.nls{display:none;}
#nav{
z-index: 10000;
}
.burger2{display:block;}
}
.fnote .wpcf7-list-item label{
display: flex;
align-items: center;
gap: 10px;
}
.fnote .wpcf7-list-item-label{
text-align: left;
font-size: 14px;
line-height: 110%;
font-family: Jost; 
color: rgba(253,250,244,.18);
}
.fnote .wpcf7-list-item-label a{
text-decoration: underline;
}
.wpcf7 form.sent .wpcf7-response-output{
max-width: 500px;
display: inline-flex;
text-align: center;
justify-content: center;
margin: 0 auto;
border-radius: 20px;
}
.split-lines span{
display:block;
overflow:hidden;
}
.split-lines span div{
display:block;
will-change:transform;
}
.vtag,
.vdesc,
.vfeat,
.vpb{
opacity:0;
}
.vtag,
.vdesc{
transform:translateY(30px);
}
.vfeat{
transform:translateY(18px);
}
.vpb{
transform:translateY(40px);
}