@keyframes grain{0%,to{transform:translate(0,0)}
20%{transform:translate(-4%,3%)}
40%{transform:translate(3%,-2%)}
60%{transform:translate(-2%,-4%)}
80%{transform:translate(4%,2%)}
}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}
50%{transform:scaleY(1);transform-origin:top}
51%{transform-origin:bottom}
to{transform:scaleY(0);transform-origin:bottom}
}
@keyframes mq{to{transform:translateX(-50%)}
}
@keyframes ping{75%,to{transform:scale(1.8);opacity:0}
}
@keyframes pulse{0%{transform:scale(.6);opacity:1}
to{transform:scale(2.4);opacity:0}
}
:root{--ink:#1a120d;--ink2:#2d1f1a;--ink3:#3a2a22;--cream:#faebe3;--cream2:#f3dccf;--paper:#fff7f2;--or:#f0652f;--or2:#ff8a4c;--or3:#c4471b;--tx:#241812;--mu:#7b675d;--mu2:rgba(250,235,227,.68);--line:rgba(36,24,18,.12);--lineD:rgba(250,235,227,.14);--r:28px;--fh:"Work Sans",system-ui,sans-serif;--fb:Manrope,system-ui,sans-serif;--fd:Unbounded,system-ui,sans-serif;--max:1240px}
*,:after,:before{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--cream);color:var(--tx);font:400 16px/1.6 var(--fb);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--fh);font-weight:700;letter-spacing:-.025em;line-height:1.02;margin:0}
p{margin:0 0 1em}
.wrap{width:min(var(--max),100% - 40px);margin-inline:auto}
.btn,.kick{display:inline-flex;align-items:center;gap:10px}
.kick{font:500 12px/1 var(--fd);letter-spacing:.16em;text-transform:uppercase;color:var(--or);margin-bottom:22px}
.kick:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--or);box-shadow:0 0 0 4px rgba(240,101,47,.18)}
.btn{border-radius:999px;padding:14px 24px;font:600 15px/1 var(--fb);text-decoration:none;border:0;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,box-shadow .3s}
.btn svg{width:16px;height:16px;transition:transform .35s}
.btn:hover svg{transform:translateX(4px)}
.btn-or{background:var(--or);color:#fff;box-shadow:0 10px 30px -10px rgba(240,101,47,.7)}
.btn-or:hover{background:var(--or3);transform:translateY(-2px)}
.btn-ghost{background:0 0;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.btn-ghost:hover{background:rgba(240,101,47,.12)}
.btn-light{background:#fff;color:var(--tx)}
.btn-light:hover,.nav ul a:hover,.nav ul a[aria-current]{background:var(--cream)}
.dots{background-image:radial-gradient(rgba(36,24,18,.13) 1.2px,transparent 1.3px);background-size:26px 26px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px 14px;border-radius:8px;z-index:200}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--or);outline-offset:3px}
.nav{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:100;width:min(1020px,100% - 24px);display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:999px;padding:8px 8px 8px 22px;box-shadow:0 10px 40px -12px rgba(26,18,13,.35);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.nav.hide{transform:translate(-50%,-140%)}
.logo,.nav ul a{text-decoration:none;color:var(--tx)}
.logo{display:flex;align-items:center;gap:10px}
.logo svg{width:34px;height:34px;flex:none}
.logo b,.logo small{font:700 17px/1 var(--fh);letter-spacing:-.02em;display:block}
.logo small{font:500 8.5px/1 var(--fd);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin-top:4px}
.nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav ul a{display:block;padding:10px 14px;border-radius:999px;font:500 14px/1 var(--fb);transition:background .25s}
.nav .btn{padding:12px 20px;font-size:14px}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--cream);cursor:pointer;position:relative}
.burger span{position:absolute;left:13px;right:13px;height:2px;background:var(--tx);transition:.3s}
.burger span:nth-child(1){top:17px}
.burger span:nth-child(2){top:25px}
.menu-open .burger span:nth-child(1){top:21px;transform:rotate(45deg)}
.menu-open .burger span:nth-child(2){top:21px;transform:rotate(-45deg)}
.mmenu{position:fixed;inset:0;z-index:90;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;justify-content:center;padding:100px 28px 40px;gap:6px;clip-path:circle(0 at calc(100% - 40px) 40px);transition:clip-path .7s cubic-bezier(.7,0,.2,1);visibility:hidden}
.menu-open .mmenu{clip-path:circle(150%at calc(100% - 40px) 40px);visibility:visible}
.mmenu a{font:700 clamp(30px,8vw,44px)/1.15 var(--fh);text-decoration:none;letter-spacing:-.03em}
.mmenu a:hover{color:var(--or)}
.mmenu p{margin-top:24px;color:var(--mu2)}
@media (max-width:960px){.nav .btn,.nav ul{display:none}
.burger{display:block}
}
.hero{padding:12px}
.hero-card{position:relative;overflow:hidden;background:var(--ink);border-radius:32px;min-height:max(680px,calc(100svh - 24px));color:#fff;display:flex;align-items:flex-end;isolation:isolate;transform-origin:50%0}
.gl,.hero-card canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.grain:after{content:"";position:absolute;inset:-50%;z-index:-1;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}
.hero-in{width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:end;padding:150px clamp(24px,5vw,72px) clamp(40px,6vw,72px)}
.hero h1{font-size:clamp(46px,7.4vw,108px);font-weight:800;letter-spacing:-.045em;line-height:.94}
.hero h1 em{font-style:normal;color:var(--or2)}
.hero-side{display:flex;flex-direction:column;gap:22px;max-width:430px;justify-self:end}
.hero-side p{color:rgba(255,255,255,.78);font-size:17px;margin:0}
.trust{align-items:center;gap:14px}
.trust,.trust .av{display:flex}
.trust .av i{width:38px;height:38px;border-radius:50%;border:2px solid var(--ink);margin-left:-10px;display:grid;place-items:center;font:700 12px/1 var(--fh);font-style:normal;color:#fff}
.trust .av i:first-child{margin-left:0}
.trust b{display:block;font:600 14px/1.2 var(--fb)}
.trust span{font-size:12.5px;color:rgba(255,255,255,.6)}
.stars{color:var(--or2);letter-spacing:2px;font-size:12px}
.hero-img,.scene-frame:after{position:absolute;pointer-events:none}
.hero-img{right:clamp(-40px,2vw,40px);top:50%;width:min(36vw,520px,58vh);z-index:-1;will-change:transform}
.no-js .hero-img,.reduce .hero-img{transform:translateY(-50%)}
.hero-img img{width:100%;border-radius:20px;mask-image:radial-gradient(ellipse 75% 70%at 50% 50%,#000 55%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 70%at 50% 50%,#000 55%,transparent 100%)}
.hero .scroll-cue,.mq span{display:flex;align-items:center}
.hero .scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);font:500 10px/1 var(--fd);letter-spacing:.2em;color:rgba(255,255,255,.55);flex-direction:column;gap:10px}
.hero .scroll-cue i{width:1px;height:38px;background:linear-gradient(#fff,transparent);animation:cue 2s infinite}
@media (max-width:900px){.hero-in{grid-template-columns:1fr;padding-top:130px}
.hero-side{justify-self:start}
.hero-img{width:64vw;right:-10vw;top:30%;opacity:.32}
}
.phero{padding:12px}
.phero .hero-card{min-height:auto}
.phero .hero-in{grid-template-columns:1fr;padding-top:170px}
.phero h1{font-size:clamp(42px,6.4vw,92px)}
.crumbs{font-size:13px;color:rgba(255,255,255,.6);margin-bottom:20px}
.crumbs a{text-decoration:none}
.band,.crumbs a:hover,.dark .prose strong,.dark .stat b{color:#fff}
.band{background:var(--or);overflow:hidden;padding:22px 0;margin-top:12px}
.mq{display:flex;width:max-content;animation:mq 38s linear infinite}
.mq.rev{animation-direction:reverse}
.mq span{gap:28px;padding-right:28px;font:700 clamp(22px,2.6vw,34px)/1 var(--fh);letter-spacing:-.02em;white-space:nowrap}
.mq span i{font-style:normal;font-size:.6em;opacity:.75}
.hs>button,section{position:relative}
.sec{padding:clamp(90px,12vw,170px)0}
.dark{background:var(--ink);color:var(--cream)}
.dark .kick,.fcard h3 span{color:var(--or2)}
.h2{font-size:clamp(38px,5.4vw,76px)}
.h3{font-size:clamp(28px,3.4vw,46px)}
.lead,.stat span,.tip p{color:var(--mu)}
.lead{font-size:clamp(17px,1.4vw,20px);max-width:640px}
.dark .lead,.dark .stat span{color:var(--mu2)}
.center{text-align:center}
.center .lead{margin-inline:auto}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,80px);align-items:center}
.stage3d{position:relative;aspect-ratio:1;max-width:560px;width:100%}
.stage3d canvas{width:100%!important;height:100%!important}
.stage3d .fallback{position:absolute;inset:12% 22%;border-radius:18px;background:linear-gradient(160deg,var(--or2),var(--or3));box-shadow:0 40px 80px -30px rgba(196,71,27,.6)}
.has3d .stage3d .fallback{display:none}
.fill{font-family:var(--fh);font-weight:700;font-size:clamp(28px,3.3vw,48px);line-height:1.12;letter-spacing:-.03em}
.fill .w{opacity:.18;transition:opacity .2s}
.no-js .fill .w,.reduce .fill .w{opacity:1}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:clamp(60px,8vw,110px)}
.stat{padding:34px 24px 0 0}
.stat+.stat{padding-left:24px;border-left:1px solid var(--line)}
.stat b{display:block;font:600 clamp(40px,5vw,68px)/1 var(--fd);letter-spacing:-.04em;color:var(--tx)}
.stat span{display:block;margin-top:12px;font-size:14px}
.dark .stat+.stat,.dark .stats{border-color:var(--lineD)}
@media (max-width:860px){.about-grid{grid-template-columns:1fr}
.stats{grid-template-columns:1fr 1fr}
.stat:nth-child(3){border-left:0;padding-left:0}
.stat{padding-bottom:28px}
}
.scene{padding:0 12px}
.scene-frame{position:relative;border-radius:32px;overflow:hidden;height:min(92vh,900px);transform-origin:50% 50%}
.scene-frame>img{width:100%;height:100%;object-fit:cover;transform-origin:50% 50%}
.scene-frame:after{content:"";inset:0;background:linear-gradient(180deg,rgba(26,18,13,.35),transparent 30%,transparent 65%,rgba(26,18,13,.65))}
.scene-cap{left:clamp(20px,4vw,56px);bottom:clamp(20px,4vw,48px);z-index:3;color:#fff;max-width:520px}
.scene-cap h2{font-size:clamp(30px,3.6vw,52px)}
.hs,.scene-cap,.tip{position:absolute}
.hs{z-index:4;transform:translate(-50%,-50%)}
.hs>button{width:26px;height:26px;border-radius:50%;border:0;background:var(--or);cursor:pointer;box-shadow:0 0 0 6px rgba(240,101,47,.25)}
.hs>button:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid var(--or);animation:ping 2s cubic-bezier(0,0,.2,1) infinite}
.hs>button:after,.tip a{text-align:center;color:#fff}
.hs>button:after{content:"+";font:700 18px/26px var(--fb);position:absolute;inset:0;transition:transform .3s}
.hs.open>button:after{transform:rotate(45deg)}
.tip{left:36px;top:-14px;width:250px;background:#fff;color:var(--tx);border-radius:16px;padding:16px;box-shadow:0 20px 50px -15px rgba(0,0,0,.45);opacity:0;transform:translateY(8px) scale(.96);pointer-events:none;transition:.35s cubic-bezier(.2,.8,.2,1)}
.hs.open .tip,.hs:hover .tip{opacity:1;transform:none;pointer-events:auto}
.tip b{display:block;font:700 15px/1.2 var(--fh);margin-bottom:6px}
.tip p{font-size:13px;margin:0 0 12px;line-height:1.45}
.tip a{display:block;background:var(--or);border-radius:999px;padding:9px;font:600 12.5px/1 var(--fb);text-decoration:none}
.hs.left .tip{left:auto;right:36px}
@media (max-width:700px){.scene-frame{height:78vh}
.scene-frame>img{object-position:60% 50%}
.tip{width:200px}
}
.feat{background:var(--ink);color:#fff;overflow:clip}
.feat-bg{position:sticky;top:0;height:100vh;margin-bottom:-100vh;z-index:0}
.feat-bg canvas{position:absolute;inset:0;width:100%;height:100%}
.feat-head{z-index:1;min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 20px}
.fcard p,.feat-head .lead{color:rgba(255,255,255,.72)}
.feat-head .btn{margin-top:28px}
.cards,.fcard,.feat-head{position:relative}
.cards{z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,60px);padding-bottom:clamp(100px,14vw,200px)}
.cards .col2{margin-top:clamp(80px,14vw,200px)}
.fcard{border-radius:24px;padding:clamp(28px,3vw,40px);min-height:420px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);margin-bottom:clamp(20px,4vw,60px);overflow:hidden}
.fcard h3{font-size:clamp(22px,2vw,28px);display:flex;gap:10px}
.fcard p{max-width:340px;font-size:15px;margin:0}
.fcard .ico{position:absolute;right:clamp(24px,3vw,44px);top:38%;width:clamp(110px,12vw,150px);height:auto;color:rgba(255,255,255,.85)}
.fcard .ico *{vector-effect:non-scaling-stroke}
.fcard .tag,.pcard em{display:inline-block;text-transform:uppercase;color:var(--or2)}
.fcard .tag{margin-top:18px;font:500 11px/1 var(--fd);letter-spacing:.1em;text-decoration:none}
.fcard .tag:hover{text-decoration:underline}
@media (max-width:800px){.cards{grid-template-columns:1fr}
.cards .col2{margin-top:0}
.fcard{min-height:330px}
.fcard .ico{top:26px;right:22px;width:70px}
.fcard h3{padding-right:80px}
}
.brow:before,.prod{background:var(--ink)}
.prod{color:#fff;overflow:hidden;padding:clamp(60px,8vw,100px)0 clamp(80px,10vw,130px)}
.prod-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}
.track{display:flex;gap:18px;padding-left:max(20px,(100vw - var(--max))/2);width:max-content;will-change:transform}
.pcard{width:clamp(260px,26vw,360px);flex:none;text-decoration:none;color:#fff}
.pcard figure{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:3/4;background:var(--ink2)}
.pcard img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.pcard:hover img{transform:scale(1.06)}
.pcard b{display:block;font:700 20px/1.2 var(--fh);margin-top:18px}
.pcard span{font-size:13.5px;color:var(--mu2)}
.pcard em{margin-top:10px;font:500 10.5px/1 var(--fd);letter-spacing:.12em;font-style:normal}
.prod .mq span{font-size:clamp(18px,2vw,26px);color:rgba(255,255,255,.22)}
.prod .band2{margin-top:70px;border-top:1px solid var(--lineD);border-bottom:1px solid var(--lineD);padding:18px 0;overflow:hidden}
@media (max-width:860px){.track{overflow-x:auto;width:auto;padding-right:20px;scroll-snap-type:x mandatory}
.pcard{scroll-snap-align:start}
.prod-top{flex-direction:column;align-items:start}
}
.brands{background:var(--cream)}
.blist{margin-top:60px;border-top:1px solid var(--line)}
.brow,.brow>*{position:relative}
.brow{display:grid;grid-template-columns:70px 1.1fr 1fr 60px;gap:24px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--tx);overflow:hidden}
.brow:before{content:"";position:absolute;inset:0;transform:scaleY(0);transform-origin:bottom;transition:transform .55s cubic-bezier(.7,0,.2,1);z-index:0}
.brow>*{z-index:1;transition:color .4s}
.brow:focus-visible:before,.brow:hover:before{transform:scaleY(1)}
.brow:focus-visible,.brow:hover{color:#fff}
.brow:focus-visible p,.brow:hover p{color:var(--mu2)}
.brow .n,.brow h3 small{font:500 13px/1 var(--fd);color:var(--or)}
.brow h3,.bx-dk b{letter-spacing:-.04em}
.brow h3{font-size:clamp(30px,4vw,58px)}
.brow h3 small{display:block;font:500 11px/1 var(--fd);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.brow p{margin:0;color:var(--mu);font-size:15px;max-width:440px}
.brow .arr{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px currentColor;transition:transform .45s,background .3s}
.brow:hover .arr{background:var(--or);box-shadow:none;transform:rotate(-45deg)}
.brow .arr svg{width:18px}
.bfloat{position:fixed;left:0;top:0;width:300px;aspect-ratio:4/5;border-radius:18px;overflow:hidden;pointer-events:none;z-index:50;opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 70px -20px rgba(0,0,0,.5)}
.bfloat.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.bfloat img,.bx.img img{width:100%;height:100%;object-fit:cover}
@media (max-width:800px){.brow{grid-template-columns:1fr 52px;gap:12px}
.bfloat,.brow .n{display:none}
.brow p{grid-column:1/-1;grid-row:2}
}
.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(260px,auto);gap:14px}
.bx{border-radius:24px;overflow:hidden;position:relative;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:flex-end}
.bx.img{padding:0}
.bx.img img{position:absolute;inset:-8%0;height:116%}
.bx.img .cap{position:relative;z-index:1;margin:auto 0 0;padding:24px;color:#fff;background:linear-gradient(transparent,rgba(26,18,13,.75));font:600 15px/1.3 var(--fb)}
.bx-or{background:linear-gradient(150deg,#e8692f,#b9481c);color:#fff;grid-column:span 7;grid-row:span 2}
.bx-or .kick:before{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
.bx-or h2{font-size:clamp(34px,4.2vw,62px)}
.bx-or p{color:rgba(255,255,255,.85);max-width:460px;margin-top:20px}
.bx-or .btn{align-self:flex-start;margin-top:14px}
.bx-dk{background:var(--ink2);color:#fff}
.bx-dk b{font:600 clamp(40px,4.4vw,64px)/1 var(--fd)}
.bx-dk span{color:var(--mu2);font-size:14px;margin-top:10px}
.bx-dk .glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(240,101,47,.55),transparent 70%);top:-120px;right:-80px}
.s5{grid-column:span 5;grid-row:span 2}
.s4{grid-column:span 4}
.s3{grid-column:span 3}
.s6{grid-column:span 6}
.s8{grid-column:span 8}
@media (max-width:900px){.bento{grid-template-columns:1fr 1fr}
.bento>*{grid-column:span 2!important;grid-row:auto!important;min-height:260px}
.bento .half{grid-column:span 1!important}
}
.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:70px;border-top:1px solid var(--lineD)}
.step{padding:40px 30px 40px 0;border-bottom:1px solid var(--lineD)}
.step:nth-child(3n),.step:nth-child(3n+2){padding-left:30px;border-left:1px solid var(--lineD)}
.step i{font:600 13px/1 var(--fd);color:var(--or2);font-style:normal}
.step h3{font-size:24px;margin:18px 0 12px}
.fut p,.step p{color:var(--mu2);font-size:15px;margin:0}
.progress{position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--or);transform-origin:left;transform:scaleX(0)}
@media (max-width:860px){.steps{grid-template-columns:1fr}
.step,.step:nth-child(3n),.step:nth-child(3n+2){padding:30px 0;border-left:0}
}
.fut{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:60px}
.fut article,.qa summary{display:flex;justify-content:space-between}
.fut article{background:#fff;border-radius:22px;padding:30px;min-height:330px;flex-direction:column;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.fut article:hover{transform:translateY(-8px);box-shadow:0 30px 60px -30px rgba(26,18,13,.35)}
.fut svg{width:56px;height:56px;color:var(--or)}
.fut h3{font-size:22px;margin:24px 0 10px}
.fut p{font-size:14.5px;color:var(--mu)}
@media (max-width:980px){.fut{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){.fut{grid-template-columns:1fr}
}
.big{background:var(--ink);padding:clamp(50px,7vw,90px)0;overflow:hidden}
.big .mq span{font:800 clamp(64px,11vw,170px)/1 var(--fh);letter-spacing:-.04em;padding-right:.35em;gap:.35em}
.big .ol span{color:transparent;-webkit-text-stroke:1.5px var(--or)}
.big .fl span{color:var(--cream)}
.big .mq{animation-duration:46s}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,100px);align-items:start}
.faq-grid .sticky{position:sticky;top:120px}
.qa{border-bottom:1px solid var(--lineD)}
.qa summary{list-style:none;cursor:pointer;gap:20px;padding:28px 0;font:700 clamp(18px,1.6vw,22px)/1.3 var(--fh);letter-spacing:-.015em}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{flex:none;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--or2);position:relative;transition:.35s}
.qa summary i:after,.qa summary i:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--or2);transform:translate(-50%,-50%);transition:.35s}
.qa summary i:after{transform:translate(-50%,-50%) rotate(90deg)}
.qa[open] summary i{background:var(--or);box-shadow:none}
.qa[open] summary i:after,.qa[open] summary i:before{background:#fff}
.qa[open] summary i:after{transform:translate(-50%,-50%) rotate(0)}
.qa .a{color:var(--mu2);padding:0 50px 28px 0;font-size:15.5px}
.qa .a p:last-child{margin:0}
@media (max-width:860px){.faq-grid{grid-template-columns:1fr}
.faq-grid .sticky{position:static}
}
.map-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.cta p,.ukmap{max-width:560px}
.cta h2,.ukmap{margin-inline:auto}
.ukmap{width:100%;overflow:visible}
.ukmap .land{fill:#3a241a;stroke:var(--or);stroke-width:1.4}
.ukmap .grid{stroke:rgba(250,235,227,.05)}
.ukmap .route{fill:none;stroke:var(--or2);stroke-width:1.2;stroke-dasharray:4 5;opacity:.65}
.ukmap .pin circle{fill:var(--or)}
.ukmap .pin .halo{fill:rgba(240,101,47,.25)}
.ukmap .pin text{fill:var(--cream);font:600 13px var(--fb)}
.ukmap .hq circle.core{fill:#fff}
.ukmap .hq .halo{animation:pulse 2.2s infinite;transform-box:fill-box;transform-origin:center}
.mlist{display:grid;gap:14px;margin-top:34px}
.mlist div{display:flex;gap:16px;align-items:flex-start;padding:20px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--lineD)}
.mlist b{display:block;font:700 17px/1.2 var(--fh);color:#fff;margin-bottom:4px}
.mlist span{color:var(--mu2);font-size:14.5px}
.mlist svg{width:26px;flex:none;color:var(--or2);margin-top:2px}
@media (max-width:860px){.map-wrap{grid-template-columns:1fr}
}
.cta,.cta .btns{display:flex;justify-content:center}
.cta{position:relative;height:min(115vh,1100px);overflow:hidden;align-items:center;text-align:center;color:#fff;isolation:isolate}
.cta>img{position:absolute;inset:0;z-index:-2}
.cta:before{inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(26,18,13,.35),rgba(26,18,13,.85))}
.cta h2{font-size:clamp(44px,7vw,110px);max-width:1000px}
.cta p{margin:26px auto 34px;color:rgba(255,255,255,.82);font-size:18px}
.cta .btns{gap:12px;flex-wrap:wrap}
.foot{background:var(--cream);padding:90px 0 30px;font-size:14.5px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}
.foot h4{font:500 11px/1 var(--fd);letter-spacing:.16em;text-transform:uppercase;color:var(--mu);margin-bottom:22px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.foot a{text-decoration:none}
.foot a:hover,.huge span,.vals i{color:var(--or)}
.foot .blurb{color:var(--mu);max-width:320px;margin-top:22px}
.legal{margin-top:70px;padding-top:26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--mu);font-size:12.5px}
.legal p{margin:0;max-width:760px}
.huge{font:800 clamp(70px,17vw,260px)/.8 var(--fh);letter-spacing:-.06em;color:var(--tx);margin-top:60px;white-space:nowrap;overflow:hidden}
@media (max-width:900px){.fgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){.fgrid{grid-template-columns:1fr}
}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:start}
.prose{font-size:17px;color:var(--mu);max-width:640px}
.prose p{margin-bottom:1.1em}
.foot a,.prose strong{color:var(--tx)}
.dark .prose,.ev p{color:var(--mu2)}
.photo{border-radius:24px;overflow:hidden}
.cta>img,.photo img{width:100%;height:100%;object-fit:cover}
.ev,.photo,.tl{position:relative}
.tl{margin-top:50px;padding-left:34px}
.cta:before,.ev:before,.tl:before{content:"";position:absolute}
.tl .bar,.tl:before{left:7px;top:6px;width:2px}
.tl:before{bottom:6px;background:var(--lineD)}
.tl .bar{position:absolute;height:calc(100% - 12px);background:var(--or);transform-origin:top;transform:scaleY(0)}
.ev{padding:0 0 38px}
.ev:before{left:-34px;top:5px;width:16px;height:16px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 3px var(--or)}
.ev b{font:600 14px/1 var(--fd);color:var(--or2);letter-spacing:.02em}
.ev h3{font-size:22px;margin:10px 0 8px;color:#fff}
.ev p{margin:0;max-width:620px}
.vals{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:50px}
.vals div{background:#fff;border-radius:20px;padding:26px}
.vals b{display:block;font:700 19px/1.2 var(--fh);margin:16px 0 8px}
.vals span{font-size:14px;color:var(--mu)}
.vals i{font:600 12px/1 var(--fd);font-style:normal}
@media (max-width:1000px){.vals{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){.split{grid-template-columns:1fr}
}
.facts{width:100%;border-collapse:collapse;font-size:15px}
.facts td,.facts th{text-align:left;padding:15px 0;border-bottom:1px solid var(--line);vertical-align:top}
.facts th{width:36%;font-weight:600;color:var(--mu);padding-right:20px}
.bpanel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);align-items:center;padding:clamp(50px,7vw,90px)0;border-top:1px solid var(--line)}
.bpanel:nth-child(even) .photo{order:2}
.bpanel .photo{aspect-ratio:4/5;max-height:620px}
.bpanel h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.045em}
.bpanel .role{display:inline-block;font:500 11px/1 var(--fd);letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;border-radius:999px;background:var(--ink);color:var(--cream);margin-bottom:22px}
.bpanel ul{padding-left:18px;color:var(--mu);margin:0 0 22px}
.bpanel li{margin-bottom:6px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.chips span{padding:8px 13px;border-radius:999px;background:#fff;font-size:13px;border:1px solid var(--line)}
.bmeta,.form .row{display:grid;grid-template-columns:1fr 1fr}
.bmeta{gap:12px;margin-bottom:28px;font-size:14px}
.bmeta div{background:#fff;border-radius:14px;padding:14px 16px}
.bmeta small{display:block;color:var(--mu);font-size:12px;margin-bottom:3px}
.bmeta a{text-decoration:none;font-weight:600}
@media (max-width:860px){.bmeta,.bpanel{grid-template-columns:1fr}
.bpanel:nth-child(even) .photo{order:0}
}
.pricebox{background:var(--ink);color:#fff;border-radius:20px;padding:24px;margin:0 0 26px}
.pricebox table{width:100%;border-collapse:collapse;font-size:14px}
.pricebox td,.pricebox th{padding:9px 0;border-bottom:1px solid var(--lineD);text-align:left}
.pricebox th{color:var(--mu2);font-weight:500;font-size:12px}
.pricebox p{font-size:12.5px;color:var(--mu2);margin:12px 0 0}
.cgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,70px);align-items:start}
.form{background:#fff;border-radius:28px;padding:clamp(26px,4vw,48px);box-shadow:0 30px 80px -40px rgba(26,18,13,.35)}
.form .row{gap:16px}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.field label{font:600 13px/1 var(--fb)}
.field label i{color:var(--or);font-style:normal}
.field input,.field select,.field textarea{font:500 15.5px/1.4 var(--fb);color:var(--tx);background:var(--paper);border:1.5px solid var(--cream2);border-radius:14px;padding:14px 16px;transition:border .25s,box-shadow .25s;width:100%}
.field textarea{min-height:140px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--or);box-shadow:0 0 0 4px rgba(240,101,47,.15)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--mu);margin:6px 0 24px}
.check input{width:20px;height:20px;accent-color:var(--or);flex:none;margin-top:1px}
.addr p,.ccard a,.fmsg{font-size:14.5px}
.fmsg{margin-top:18px;padding:16px 18px;border-radius:14px;display:none}
.fmsg.ok{display:block;background:#e9f6ee;color:#1f6b3e}
.fmsg.err{display:block;background:#fdecea;color:#9b2c1c}
.err-t{color:#b3261e;font-size:12.5px}
@media (max-width:900px){.cgrid,.form .row{grid-template-columns:1fr}
}
.cards2,.ccard,.ccard .r{display:grid;gap:12px}
.ccard{background:#fff;border-radius:18px;padding:20px 22px;grid-template-columns:1fr auto;gap:6px 16px;align-items:center}
.ccard b{font:700 17px/1.2 var(--fh)}
.ccard small{grid-column:1;color:var(--mu);font-size:13px}
.ccard a{text-decoration:none;font-weight:600}
.ccard .r{grid-column:2;grid-row:1/span 2;text-align:right;gap:4px}
.addr{background:var(--ink);color:var(--cream);border-radius:24px;padding:28px;margin-top:12px}
.addr h3{font-size:22px;margin-bottom:14px}
.addr p{color:var(--mu2);margin:0 0 16px}
.addr b,.addr h3{color:#fff}
.legaltext{max-width:780px}
.legaltext h2{font-size:28px;margin:46px 0 14px}
.legaltext li,.legaltext p{color:var(--mu);font-size:16px}
.js [data-reveal]{opacity:0;transform:translateY(40px)}
.js .split-w .wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.js .split-w .wd>span{display:inline-block;transform:translateY(105%)}
.reduce [data-reveal]{opacity:1!important}
.reduce .split-w .wd>span,.reduce [data-reveal]{transform:none!important}
@media (prefers-reduced-motion:reduce){.grain:after,.hero .scroll-cue i,.mq{animation:none}
}