:root{--eb:#1C1410;--iv:#F3EDE2;--br:#B8935A;--brl:#D8B97F;--bd:#7F5E27;--tx:#2A211B;--mu:#6F5E4F}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
body,.root{background:var(--iv);color:var(--tx);font-family:'Jost',sans-serif;font-weight:300;font-size:17px;line-height:1.65}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:'Instrument Serif',serif;font-weight:400;margin:0}
em{font-style:italic}
[id]{scroll-margin-top:96px}
.lbl{font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;font-weight:500;line-height:1.5}
.gold{color:var(--brl)}
.btn{display:inline-flex;align-items:center;gap:12px;padding:17px 30px;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;transition:background .25s,color .25s,border-color .25s}
.btn i{font-style:normal;font-size:15px}
.btn.solid{background:var(--br);color:var(--eb)}
.btn.solid:hover{background:var(--brl)}
.btn.line{border:1px solid rgba(243,237,226,.55);color:var(--iv)}
.btn.line:hover{border-color:var(--brl);color:var(--brl)}
.nav{position:sticky;top:0;z-index:40;background:rgba(243,237,226,.95);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;padding:14px 56px;border-bottom:1px solid rgba(28,20,16,.09)}
.brand{display:flex;align-items:center;gap:14px}
.brand img{height:46px;width:auto;mix-blend-mode:multiply}
.brand span{font-size:13px;letter-spacing:.34em;text-transform:uppercase;font-weight:500}
.navlinks{display:flex;gap:36px}
.navlinks a{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;padding:6px 0;border-bottom:1px solid transparent;transition:border-color .2s}
.navlinks a:hover{border-bottom-color:var(--br)}
.veins{position:absolute;inset:0;background:url(../images/veines.svg) center/cover no-repeat;opacity:.15;pointer-events:none}
.hero{position:relative;min-height:800px;display:flex;align-items:flex-end;background:var(--eb);color:var(--iv);overflow:hidden}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.68}
.shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,20,16,.94) 4%,rgba(28,20,16,.35) 62%,rgba(28,20,16,.15))}
.hero-in{position:relative;max-width:1360px;width:100%;margin:0 auto;padding:0 56px 96px}
.hero .hp{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(68px,10.5vw,156px);line-height:.92;letter-spacing:-.012em;margin:22px 0 30px}
.hero .hp em{color:var(--brl)}
.h1k{margin:0;font-weight:500}
.hero-p{max-width:520px;margin:0 0 38px;font-size:19px;color:rgba(243,237,226,.88)}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.sec{max-width:1360px;margin:0 auto;padding:128px 56px 0}
.sh{display:flex;align-items:center;gap:18px;margin-bottom:30px}
.sh .n{font-family:'Instrument Serif',serif;font-style:italic;font-size:22px;color:var(--bd)}
.sh .r{width:64px;height:1px;background:var(--br)}
.t{font-size:clamp(40px,5.4vw,78px);line-height:1;max-width:980px}
.t em{color:var(--bd)}
.intro{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px;align-items:end}
.intro .t{font-size:clamp(34px,4.2vw,58px);line-height:1.08}
.intro-r p{margin:0 0 18px}
.intro-r .mu{color:var(--mu);font-size:15.5px}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-top:56px}
.t7{grid-column:span 7;height:620px}
.t5{grid-column:span 5;height:620px}
.t4{grid-column:span 4;height:480px}
.tile{position:relative;display:block;perspective:1600px}
.flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.tile:hover .flip,.tile:focus-visible .flip{transform:rotateY(180deg)}
.front,.back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.front img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.frame{position:absolute;inset:14px;border:1px solid rgba(243,237,226,.42);pointer-events:none}
.cap{position:absolute;left:0;right:0;bottom:0;padding:100px 34px 34px;color:var(--iv);background:linear-gradient(transparent,rgba(28,20,16,.84))}
.cap .num,.back .num{display:block;font-family:'Instrument Serif',serif;font-style:italic;font-size:20px;color:var(--brl);margin-bottom:6px}
.cap h3{font-size:40px;line-height:1.05}
.cap .sub{display:block;margin-top:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;opacity:.92}
.desc{display:none}
.back{transform:rotateY(180deg);background:var(--eb);color:var(--iv);display:flex;flex-direction:column;justify-content:center;padding:44px}
.back h3{font-size:42px;line-height:1.05;margin-bottom:16px}
.back p{margin:0 0 28px;color:rgba(243,237,226,.84);max-width:46ch}
.go{align-self:flex-start;padding-bottom:6px;border-bottom:1px solid var(--brl);color:var(--brl);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:500}
.dark{position:relative;background:var(--eb);color:var(--iv);overflow:hidden}
.dark .veins{opacity:.13}
.dark .in{position:relative;max-width:1360px;margin:0 auto;padding:128px 56px}
.dark .sh .n,.dark .t em,.dark .big em{color:var(--brl)}
.band-sf{margin-top:128px}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;margin-top:68px}
.col{border-top:1px solid rgba(216,185,127,.5);padding-top:22px}
.col .no{font-family:'Instrument Serif',serif;font-style:italic;font-size:22px;color:var(--brl)}
.col h3{font-size:42px;line-height:1.05;margin:10px 0 14px}
.col p{margin:0;color:rgba(243,237,226,.8)}
.eqsec{overflow-x:clip}
.eq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:88px;margin-top:64px;align-items:start}
.ph{position:relative;isolation:isolate;margin:0 18px 18px 0}
.ph:after{content:'';position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--br);z-index:-1}
.ph img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%}
.eq-l h3{font-size:46px;line-height:1.05;margin:34px 0 6px}
.role{color:var(--mu);margin-bottom:24px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid rgba(28,20,16,.26);padding:7px 14px;font-size:13px;letter-spacing:.05em}
.sub2{font-size:36px;line-height:1.1;margin-bottom:36px}
.tls{border-left:1px solid var(--br);margin-left:6px}
.tl{position:relative;padding:0 0 40px 34px}
.tl:last-child{padding-bottom:0}
.dot{position:absolute;left:-5px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--br)}
.yr{color:var(--bd)}
.tl h4{font-size:31px;line-height:1.1;margin:6px 0 10px}
.tl p{margin:0;color:#4A3B30}
.faq{padding-bottom:128px}
.qa{margin-top:48px;max-width:900px;border-top:1px solid rgba(28,20,16,.18)}
details{border-bottom:1px solid rgba(28,20,16,.18);padding:26px 0}
summary{cursor:pointer;font-family:'Instrument Serif',serif;font-size:32px;line-height:1.15;list-style:none;display:flex;justify-content:space-between;gap:20px}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';color:var(--bd)}
details[open] summary:after{content:'–'}
details p{margin:14px 0 0;max-width:62ch;color:#4A3B30}
.band-contact .in.c{text-align:center}
.big{font-size:clamp(54px,7.2vw,108px);line-height:.98;margin:20px 0 0}
.cta-p{max-width:560px;margin:26px auto 0;color:rgba(243,237,226,.84)}
.info3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;max-width:980px;margin:64px auto 52px}
.info3 .lbl{display:block}
.info3 a,.info3 span:not(.lbl){display:block;margin-top:10px;font-size:20px;line-height:1.45}
.info3 a:hover{color:var(--brl)}
.btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.foot{padding:88px 24px 40px;text-align:center}
.foot img{width:200px;height:auto;mix-blend-mode:multiply}
.slogan{font-family:'Instrument Serif',serif;font-size:32px;margin:14px 0 28px}
.slogan em{color:var(--bd)}
.small{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mu);margin:0}
.gm{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;background:#B8935A;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.28);z-index:50}
.gm:hover{background:#D8B97F}
.wa{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.28);z-index:50}
.wa{display:none}
@media(hover:none),(max-width:800px){.wa{display:flex}.gm{display:none}}
.crumbs{max-width:1360px;margin:0 auto;padding:30px 56px 0;display:flex;gap:12px;flex-wrap:wrap;color:var(--mu)}
.crumbs a:hover{color:var(--tx)}
.g-head{max-width:1360px;margin:0 auto;padding:40px 56px 56px}
.g-head h1{font-size:clamp(58px,8vw,118px);line-height:.96;margin:6px 0 26px}
.g-head h1 em{color:var(--bd)}
.g-head p{max-width:640px;margin:0 0 38px;font-size:19px}
.fchips{display:flex;gap:10px;flex-wrap:wrap}
.fc{font-family:'Jost',sans-serif;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;border:1px solid rgba(28,20,16,.32);background:none;color:var(--tx);padding:12px 22px;cursor:pointer}
.fc.on{background:var(--eb);color:var(--iv);border-color:var(--eb)}
.g-grid{max-width:1360px;margin:0 auto;padding:0 56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 28px}
.g-grid.portrait .g-item img{aspect-ratio:4/5}
.gi[hidden]{display:none}
.g-item{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in;transition:box-shadow .3s}
.g-item:hover{box-shadow:0 18px 40px rgba(28,20,16,.12)}
.g-item img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.gc{display:flex;gap:16px;padding-top:18px}
.gno{font-family:'Instrument Serif',serif;font-style:italic;color:var(--bd);font-size:20px;line-height:1.6}
.gc h3{font-size:30px;line-height:1.1}
.gc p{margin:6px 0 12px;font-size:15.5px;color:#4A3B30;line-height:1.55}
.gcat{color:var(--mu);font-size:10.5px}
.more{text-align:center;margin:88px 0 0;color:var(--mu)}
.more a{border-bottom:1px solid var(--br);color:var(--tx)}
.more+.band-contact{margin-top:96px}
.lb{position:fixed;inset:0;z-index:100;background:rgba(255,255,255,.97);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.lb[hidden]{display:none}
.lb img{max-width:92vw;max-height:78vh;object-fit:contain}
.lb p{margin:16px 0 0;font-family:'Instrument Serif',serif;font-size:30px}
.lb button{position:absolute;top:14px;right:18px;width:48px;height:48px;border:0;background:none;font-size:34px;cursor:pointer;color:var(--tx)}
@media(hover:none),(max-width:800px){.desc{display:block;margin:12px 0 0;font-size:14.5px;line-height:1.5;opacity:.93}.flip{transform:none !important}.back{display:none}.cap{padding-top:130px}}
@media(max-width:800px){
.nav{flex-direction:column;justify-content:center;gap:4px;padding:10px 16px;text-align:center}
.brand{justify-content:center;gap:10px}
.brand img{height:36px}
.brand span{font-size:12px}
.navlinks{gap:18px;justify-content:center;flex-wrap:wrap}
.navlinks a{font-size:10.5px;letter-spacing:.16em}
[id]{scroll-margin-top:92px}
.hero{min-height:680px}
.hero-in{padding:0 22px 56px}
.hero .hp{font-size:68px}
.hero-p{font-size:17px}
.sec{padding:84px 22px 0}
.intro{grid-template-columns:1fr;gap:28px}
.grid{grid-template-columns:1fr;gap:16px;margin-top:40px}
.t7,.t5,.t4{grid-column:auto;height:440px}
.cap h3{font-size:32px}
.dark .in{padding:84px 22px}
.band-sf{margin-top:84px}
.cols3{grid-template-columns:1fr;gap:36px;margin-top:44px}
.eq{grid-template-columns:1fr;gap:56px;margin-top:44px}
.faq{padding-bottom:84px}
summary{font-size:25px}
.info3{grid-template-columns:1fr;gap:26px;margin:44px auto 40px}
.crumbs,.g-head,.g-grid{padding-left:22px;padding-right:22px}
.g-head h1{font-size:58px}
.g-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 14px}
.gc{flex-direction:column;gap:2px}
.gc h3{font-size:23px}
.gc p{font-size:13.5px}
.foot .small{gap:16px}
}

.qf{max-width:860px;margin:56px auto 0;text-align:left;border:1px solid rgba(184,147,90,.45);padding:44px 44px 40px}
.qf-t{font-size:34px;margin:0 0 28px;color:var(--iv);text-align:center}
.qf-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}
.qf label{display:flex;flex-direction:column;gap:8px;font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brl)}
.qf .wide{grid-column:1/-1}
.qf input,.qf select,.qf textarea{font:400 16px 'Jost',sans-serif;letter-spacing:0;text-transform:none;color:var(--iv);background:rgba(243,237,226,.06);border:0;border-bottom:1px solid rgba(243,237,226,.45);padding:12px 12px;border-radius:0;width:100%;box-sizing:border-box}
.qf select option{color:#1C1410}
.qf input:focus,.qf select:focus,.qf textarea:focus{outline:2px solid var(--brl);outline-offset:1px}
.qf-n{margin:22px 0 26px;font-size:14px;color:rgba(243,237,226,.78);text-align:center}
.qf .btn{display:inline-flex;margin:0 auto;border:0;cursor:pointer;font-family:inherit}
.qf{display:block}.qf>.btn{display:flex;width:max-content}
@media(max-width:800px){.qf{padding:28px 20px;margin-top:40px}.qf-g{grid-template-columns:1fr}.qf-t{font-size:28px}}

.atv{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px;align-items:center;margin-top:96px}
.atv-v{position:relative;max-width:420px;width:100%;aspect-ratio:4/5;background:var(--eb);justify-self:end}
.atv-v.on{aspect-ratio:auto;height:760px}
.atv-v iframe{width:100%;height:100%;border:0;display:block}
.atv-p{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;overflow:hidden}
.atv-p img{display:block;width:100%;height:100%;object-fit:cover}
.atv-b{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:rgba(28,20,16,.62);border:1px solid var(--brl);color:var(--iv);display:flex;align-items:center;justify-content:center;transition:background .3s}
.atv-p:hover .atv-b{background:var(--br)}
.atv-t h3{font-size:46px;line-height:1.05;margin:12px 0 18px}
.atv-t p{max-width:46ch;color:#4A3B30}
.atv-t .lnk{display:inline-block;margin-top:14px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--tx);border-bottom:1px solid var(--br);padding-bottom:4px}
.gold2{color:var(--bd)}
@media(max-width:800px){.atv{grid-template-columns:1fr;gap:34px;margin-top:56px}.atv-v{justify-self:center}.atv-v.on{height:700px}.atv-t h3{font-size:34px}}

.atv-v{aspect-ratio:540/886;max-width:380px}
.atv-v.on{height:auto}
.atv-vid{display:block;width:100%;height:100%;object-fit:cover;background:var(--eb)}
.atv-s{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid var(--brl);background:rgba(28,20,16,.72);color:var(--iv);font:500 11.5px 'Jost',sans-serif;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
.atv-s:hover{background:var(--br);color:var(--eb)}
.atv-s[hidden]{display:none}
