:root{ --k:#0A0A0A; --k-2:#101010; --k-3:#161616; --k-4:#1E1E1E; --line:#242424; --line-2:#333331; --w:#FFFFFF; --w-2:#D2D4D6; --w-3:#8E9296; --w-4:#5C6064; --g:#D9A52E; --g-2:#E4C06C; --g-3:#664D13; --g-wash:#1D1605; --pad:clamp(20px,5vw,72px); --max:1400px; --ease:cubic-bezier(.16,.84,.32,1); } *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}} body{margin:0;background:var(--k);color:var(--w-2); font-family:"Figtree",system-ui,-apple-system,sans-serif; font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden} img{max-width:100%;height:auto;display:block} a{color:inherit;text-decoration:none} :focus-visible{outline:2px solid var(--g);outline-offset:3px} .wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--pad)} .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .d{font-family:"Archivo","Figtree",sans-serif;font-weight:800;font-stretch:112%; text-transform:uppercase;line-height:.94;letter-spacing:-.028em;margin:0; color:var(--w);text-wrap:balance} .d1{font-size:clamp(2.7rem,7.4vw,6.4rem)} .d2{font-size:clamp(2rem,4.6vw,3.9rem)} .d3{font-size:clamp(1.45rem,2.7vw,2.2rem)} .d4{font-size:clamp(1.1rem,1.6vw,1.34rem);letter-spacing:-.015em} .gold{color:var(--g)} .lab{font-family:"Archivo",sans-serif;font-weight:700;font-stretch:88%; font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--g); display:flex;align-items:center;gap:15px;margin:0 0 22px} .lab::before{content:"";width:40px;height:2px;background:currentColor;flex:none; position:relative} .lab{--tick:currentColor} .lab::before{background: linear-gradient(var(--tick),var(--tick)) 0 50%/100% 2px no-repeat, linear-gradient(var(--tick),var(--tick)) 0 50%/2px 12px no-repeat; height:12px} .lab.q{color:var(--w-4)} p{margin:0 0 20px;color:var(--w-2);max-width:64ch} .big{font-size:clamp(1.1rem,1.45vw,1.28rem);line-height:1.64;max-width:56ch} .sm{font-size:.95rem;color:var(--w-3)} strong,b{color:var(--w);font-weight:600} .btn{display:inline-flex;align-items:center;gap:12px;position:relative; font-family:"Archivo",sans-serif;font-weight:700;font-stretch:96%; font-size:.98rem;letter-spacing:.11em;text-transform:uppercase; padding:18px 32px;border:2px solid transparent;cursor:pointer; transition:color .25s var(--ease),border-color .25s var(--ease);overflow:hidden} .btn>*{position:relative;z-index:1} .btn::before{content:"";position:absolute;inset:0;z-index:0;transform:translateY(101%); transition:transform .38s var(--ease)} .btn:hover::before{transform:translateY(0)} .btn-g{background:var(--g);color:#0A0A0A;border-color:var(--g)} .btn-g::before{background:var(--w)} .btn-g:hover{border-color:var(--w)} .btn-o{background:transparent;color:var(--w);border-color:var(--line-2)} .btn-o::before{background:var(--g)} .btn-o:hover{color:#0A0A0A;border-color:var(--g)} .btn-w{width:100%;justify-content:center} .btn svg{width:16px;height:16px;flex:none;transition:transform .3s var(--ease)} .btn:hover svg{transform:translateX(4px)} .top{background:#000;border-bottom:1px solid var(--line); font-family:"Archivo",sans-serif;font-weight:600;font-stretch:90%; font-size:.8rem;letter-spacing:.16em;text-transform:uppercase} .top-in{display:flex;align-items:center;justify-content:space-between;gap:20px; min-height:42px;color:var(--w-4)} .top a{color:var(--w-3)}.top a:hover{color:var(--g)} .top .rate{color:var(--g);display:inline-flex;align-items:center;gap:7px} .hd{position:sticky;top:0;z-index:90;background:#0A0A0AF0;backdrop-filter:blur(18px); border-bottom:1px solid var(--line);transition:border-color .3s} .hd-in{display:flex;align-items:center;gap:26px;min-height:98px} .logo{display:flex;align-items:center;flex:none} .logo img{height:66px;width:auto;transition:transform .3s var(--ease)} .logo:hover img{transform:scale(1.03)} .ft .logo img{height:96px} @media (max-width:880px){.logo img{height:46px}} .nav{display:flex;gap:clamp(14px,1.9vw,30px);margin-left:auto; font-family:"Archivo",sans-serif;font-weight:600;font-stretch:94%;font-size:.94rem; letter-spacing:.1em;text-transform:uppercase} .nav a{color:var(--w-3);padding-block:8px;position:relative;white-space:nowrap} .nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px; background:var(--g);transform:scaleX(0);transform-origin:left; transition:transform .3s var(--ease)} .nav a:hover{color:var(--w)} .nav a:hover::after{transform:scaleX(1)} @media (max-width:1300px){ .hd-in{gap:16px} .nav{gap:clamp(11px,1.25vw,20px);font-size:.86rem;letter-spacing:.07em} .hd .btn{padding-inline:18px} .hd .btn span{white-space:nowrap} } .burger{display:none;width:48px;height:48px;background:none;border:1px solid var(--line-2); color:var(--w);align-items:center;justify-content:center;margin-left:auto;cursor:pointer; flex-direction:column;gap:5px;padding:0} .burger span{display:block;width:20px;height:2px;background:currentColor;border-radius:1px; transition:transform .28s var(--ease),opacity .18s linear} .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)} .burger[aria-expanded="true"] span:nth-child(2){opacity:0} .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} @media (prefers-reduced-motion:reduce){.burger span{transition:none}} .hero{position:relative;min-height:clamp(600px,92vh,940px);display:flex; align-items:flex-end;overflow:hidden} .hero-ph{position:absolute;inset:-8% 0 -8% 0;z-index:0;will-change:transform; background-image:url("data:image/webp;base64,UklGRqQAAABXRUJQVlA4IJgAAABwBQCdASoYABYAPulmrVApJSQiqAqpIB0JQBOmbOeVAx127oSoe4pDZZ/bXMnbQRo5NysAAPZWuIby7asGOd5vR9NhXJUJvv88/VCgAFx/38Me1O5BO1RgwLEb59RjXdDAJ/xIJwdobYgMaDSjj1iHgws3pteTYfBJ3BiVMT8qRLj+zDbPgVZILBUYdgM1odeAUHQ8ZAAAAA=="); background-size:cover;background-position:50% 58%} .hero-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 58%; filter:contrast(1.12) saturate(.92) brightness(.62)} .js-on .hero-ph img{opacity:0;transition:opacity .5s ease} .js-on .hero-ph img.ready{opacity:1} .hero-ph::after{content:"";position:absolute;inset:0; background:linear-gradient(179deg,#0A0A0AE8 0%,#0A0A0A4D 26%,#0A0A0AC7 72%,#0A0A0A 100%), linear-gradient(92deg,#0A0A0AE0 2%,#0A0A0A80 44%,transparent 80%)} .hero-in{position:relative;z-index:2;width:100%;padding-block:clamp(56px,9vw,110px)} .hero h1{max-width:17ch} .hero .big{margin-top:30px} .hero-do{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px} .hero-tick{position:absolute;left:0;right:0;bottom:0;z-index:2;border-top:1px solid #ffffff1f; background:#0A0A0A99;backdrop-filter:blur(6px)} .hero-tick .wrap{display:flex;gap:clamp(18px,4vw,64px);flex-wrap:wrap; padding-block:20px;font-family:"Archivo",sans-serif;font-weight:600;font-stretch:90%; font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--w-3)} .hero-tick b{color:var(--g);font-weight:700} .crumb{font-family:"Archivo",sans-serif;font-weight:600;font-stretch:90%;font-size:.78rem; letter-spacing:.2em;text-transform:uppercase;color:var(--w-4);margin:0 0 22px} .crumb a{color:var(--w-3)} .crumb a:hover{color:var(--g)} .crumb i{font-style:normal;margin-inline:10px;color:var(--line-2)} .hero.page{align-items:center} .hero.page .hero-in{padding-block:clamp(46px,6vw,74px)} .mask{display:block} @media (prefers-reduced-motion:no-preference){ .js-on .mask{clip-path:inset(0 0 102% 0)} .js-on .mask.in{clip-path:inset(0 0 -2% 0);transition:clip-path 1s var(--ease)} .js-on .mask.m2.in{transition-delay:.12s} .js-on .mask.m3.in{transition-delay:.24s} } .sec{padding-block:clamp(64px,9vw,132px);position:relative} .sec.tight{padding-block:clamp(46px,6vw,84px)} .sec.rule{border-top:1px solid var(--line)} .duo{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr); gap:clamp(30px,5vw,80px);align-items:center} .duo.wide{grid-template-columns:minmax(0,7fr) minmax(0,5fr)} .duo.rev>*:first-child{order:2} .duo.top{align-items:start} .pic{position:relative;overflow:hidden;background:var(--k-3);display:block} .pic img{transition:transform 1.1s var(--ease),filter .6s var(--ease); filter:contrast(1.06) saturate(.95)} .pic:hover img{transform:scale(1.055)} .pic .cap{position:absolute;left:0;bottom:0;right:0;z-index:2;padding:18px 22px; font-family:"Archivo",sans-serif;font-weight:600;font-stretch:90%;font-size:.76rem; letter-spacing:.18em;text-transform:uppercase;color:var(--w); background:linear-gradient(transparent,#0A0A0ADB 62%)} .pic .num{position:absolute;top:0;left:0;z-index:2;background:var(--g);color:#0A0A0A; font-family:"Archivo",sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.14em; padding:8px 13px} .pic.tall{aspect-ratio:4/5} .pic.wide{aspect-ratio:16/10} .pic.sq{aspect-ratio:1/1} .pic.tall img,.pic.wide img,.pic.sq img{width:100%;height:100%;object-fit:cover} .bleed-r{margin-right:calc(-1 * var(--pad))} .bleed-l{margin-left:calc(-1 * var(--pad))} .strip{overflow:hidden;border-block:1px solid var(--line);background:var(--k-2); padding-block:0;position:relative} .strip::before,.strip::after{content:"";position:absolute;top:0;bottom:0;width:12vw; z-index:3;pointer-events:none} .strip::before{left:0;background:linear-gradient(90deg,var(--k),transparent)} .strip::after{right:0;background:linear-gradient(270deg,var(--k),transparent)} .track{display:flex;gap:0;width:max-content;animation:slide 64s linear infinite} .track figure{margin:0;width:clamp(230px,24vw,340px);aspect-ratio:4/3;overflow:hidden; border-right:1px solid var(--line);position:relative} .track img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1) brightness(.72); transition:filter .5s var(--ease),transform .9s var(--ease)} @media (hover:hover) and (pointer:fine){ .track:hover{animation-play-state:paused} .track figure:hover img{filter:none;transform:scale(1.05)} } @keyframes slide{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}} @media (prefers-reduced-motion:reduce){.track{animation:none}} .ledger{border-top:1px solid var(--line)} .row{display:grid;grid-template-columns:74px 1fr auto;align-items:center; gap:clamp(14px,2.6vw,40px);padding:clamp(20px,2.6vw,32px) 0; border-bottom:1px solid var(--line);position:relative; transition:padding-left .34s var(--ease)} .row::before{content:"";position:absolute;inset:0;z-index:0;background:var(--g-wash); transform:scaleX(0);transform-origin:left;transition:transform .42s var(--ease)} .row>*{position:relative;z-index:1} .row:hover{padding-left:clamp(14px,2.2vw,28px)} .row:hover::before{transform:scaleX(1)} .row .no{font-family:"Archivo",sans-serif;font-weight:700;font-stretch:88%;font-size:.8rem; letter-spacing:.18em;color:var(--w-4);transition:color .3s} .row:hover .no{color:var(--g)} .row h3{transition:color .3s} .row:hover h3{color:var(--g)} .row .meta{display:inline-flex;align-items:center;gap:9px; font-family:"Archivo",sans-serif;font-weight:600;font-stretch:90%;font-size:.76rem; letter-spacing:.16em;text-transform:uppercase;color:var(--w-4);white-space:nowrap; opacity:0;transform:translateX(-10px);transition:.34s var(--ease)} .row .meta svg{width:15px;height:15px;flex:none;transition:transform .3s var(--ease)} .row:hover .meta svg{transform:translateX(4px)} .row:hover .meta{opacity:1;transform:none;color:var(--g)} .row .sub{color:var(--w-3);font-size:.95rem;margin:7px 0 0;max-width:56ch} .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:1px;background:var(--line);border:1px solid var(--line)} .stat{background:var(--k);padding:34px 28px;transition:background .35s var(--ease)} .stat:hover{background:var(--k-3)} .stat .n{font-family:"Archivo",sans-serif;font-weight:800;font-stretch:110%; font-size:clamp(2.6rem,5vw,3.6rem);line-height:1;color:var(--g); font-variant-numeric:tabular-nums;letter-spacing:-.03em} .stat .l{font-family:"Archivo",sans-serif;font-weight:600;font-stretch:90%;font-size:.76rem; letter-spacing:.16em;text-transform:uppercase;color:var(--w-3);margin-top:14px;line-height:1.5} .probs{list-style:none;margin:30px 0 0;padding:0;counter-reset:p} .probs li{counter-increment:p;display:grid;grid-template-columns:auto 1fr;gap:22px; padding:22px 0;border-top:1px solid var(--line)} .probs li::before{content:counter(p,decimal-leading-zero); font-family:"Archivo",sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.14em; color:var(--g);padding-top:5px} .probs li>b,.probs li>span{grid-column:2} .probs b{display:block;margin-bottom:6px;color:var(--w);font-family:"Archivo",sans-serif; font-weight:700;font-stretch:100%;font-size:1.16rem;letter-spacing:-.01em;text-transform:uppercase} .probs span{color:var(--w-2);font-size:.99rem} .plain{list-style:none;margin:26px 0 0;padding:0} .plain li{padding:16px 0;border-top:1px solid var(--line);color:var(--w-2)} .geo{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:clamp(26px,3vw,44px)} .geo h4{font-family:"Archivo",sans-serif;font-weight:700;font-stretch:90%;font-size:.8rem; letter-spacing:.2em;text-transform:uppercase;color:var(--g);margin:0 0 16px; padding-bottom:13px;border-bottom:1px solid var(--line)} .geo ul{list-style:none;margin:0;padding:0} .geo li{color:var(--w-3);padding:5px 0} .fm{border:1px solid var(--line-2);background:var(--k-2);padding:clamp(26px,3.4vw,42px)} .fm .r2{display:grid;grid-template-columns:1fr 1fr;gap:18px} .f{display:block;margin-bottom:18px} .f>span{display:block;font-family:"Archivo",sans-serif;font-weight:600;font-stretch:90%; font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--w-4);margin-bottom:9px} .f input,.f select,.f textarea{width:100%;background:transparent;color:var(--w); border:0;border-bottom:1px solid var(--line-2);font-family:inherit;font-size:1rem; padding:12px 2px;transition:border-color .25s} .f textarea{min-height:98px;resize:vertical;border:1px solid var(--line-2);padding:13px} .f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--g)} .f select{appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--g) 50%), linear-gradient(135deg,var(--g) 50%,transparent 50%); background-position:calc(100% - 15px) 52%,calc(100% - 9px) 52%; background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:30px} .f select option{background:var(--k-3);color:var(--w)} .fine{font-size:.85rem;color:var(--w-4);margin:18px 0 0} .fine a{color:var(--g)} .callcard{display:block;border:1px solid var(--line-2);padding:28px;position:relative; overflow:hidden;transition:border-color .3s} .callcard::before{content:"";position:absolute;inset:0;background:var(--g); transform:translateY(101%);transition:transform .42s var(--ease)} .callcard>*{position:relative;z-index:1;transition:color .3s} .callcard:hover{border-color:var(--g)} .callcard:hover::before{transform:translateY(0)} .callcard:hover .lab{color:#4A3C00} .callcard:hover .lab::before{background:#4A3C00} .callcard:hover .d{color:#0A0A0A} .ft{background:#000;border-top:1px solid var(--line);padding-block:clamp(56px,7vw,88px) 0} .ft-g{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:clamp(28px,4vw,52px)} .ft h5{font-family:"Archivo",sans-serif;font-weight:700;font-stretch:90%;font-size:.76rem; letter-spacing:.2em;text-transform:uppercase;color:var(--w-4);margin:0 0 20px} .ft ul{list-style:none;margin:0;padding:0} .ft li{padding:7px 0} .ft a{color:var(--w-3)} .ft a:hover{color:var(--g)} .ft .blurb{color:var(--w-4);font-size:.96rem;max-width:36ch;margin-top:22px} .ft-b{margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--line); padding-block:26px 32px;display:flex;flex-wrap:wrap;gap:12px 32px; font-family:"Archivo",sans-serif;font-weight:600;font-stretch:90%;font-size:.76rem; letter-spacing:.14em;text-transform:uppercase;color:var(--w-4)} @media (prefers-reduced-motion:no-preference){ .js-on .rv{opacity:0;transform:translate3d(0,26px,0)} .js-on .rv.in{opacity:1;transform:none; transition:opacity .85s var(--ease),transform .85s var(--ease)} .js-on .rv.a1.in{transition-delay:.1s} .js-on .rv.a2.in{transition-delay:.2s} .js-on .rv.a3.in{transition-delay:.3s} } @media (max-width:1080px){ .duo,.duo.wide{grid-template-columns:1fr} .duo.rev>*:first-child{order:0} .bleed-r,.bleed-l{margin-inline:0} } @media (max-width:880px){ .nav,.hd .btn{display:none} .burger{display:inline-flex} .hd-in{min-height:68px;gap:14px} .top .hide{display:none} .top{font-size:.68rem;letter-spacing:.08em} .top-in{gap:10px;min-height:38px} .top .rate{gap:5px} .top a[href^="tel:"]{white-space:nowrap;color:var(--g)} .fm .r2{grid-template-columns:1fr} .ft-g{grid-template-columns:1fr 1fr} .row{grid-template-columns:52px 1fr} .row .meta{display:none} .hero-do{flex-direction:column;align-items:stretch} .hero-do .btn{justify-content:center} .hero-ph{inset:0} .hero{display:block;min-height:0} .hero-tick{position:static;background:#0A0A0A;backdrop-filter:none} .hero-tick .wrap{flex-direction:column;gap:12px;padding-block:22px} .hero-in{padding-block:clamp(40px,11vw,64px)} } @media (max-width:520px){.ft-g{grid-template-columns:1fr}} .drawer{display:none;background:var(--k-2);border-bottom:1px solid var(--line)} .drawer.open{display:block} .drawer a{display:block;padding:17px var(--pad);border-bottom:1px solid var(--line); font-family:"Archivo",sans-serif;font-weight:700;font-stretch:94%;font-size:1.1rem; letter-spacing:.1em;text-transform:uppercase;color:var(--w-2)} .drawer .z{padding:20px var(--pad) 24px;display:grid;gap:12px} .skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--g); color:#0A0A0A;padding:12px 20px;font-weight:700} .skip:focus{left:0} .wm{font-family:"Archivo",sans-serif;font-weight:800;font-stretch:112%; font-size:1.42rem;letter-spacing:-.01em;text-transform:uppercase;color:var(--w); line-height:1;display:inline-block;padding-bottom:7px;position:relative;white-space:nowrap} .wm em{font-style:italic;color:var(--g);font-weight:800} .wm::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px; background:linear-gradient(var(--g),var(--g)) 0 0/100% 2px no-repeat, linear-gradient(var(--g),var(--g)) 0 -4px/2px 8px no-repeat} .big-wm{font-size:2.1rem} .logo img{height:74px;width:auto;display:block;transition:transform .3s var(--ease)} .logo:hover img{transform:scale(1.03)} @media (max-width:880px){.logo img{height:52px}} .ft-logo{height:104px;width:auto;display:block;margin-bottom:4px} @media (max-width:880px){.wm{font-size:1.2rem}} .hide-s{display:inline-flex} @media (max-width:1050px){.hide-s{display:none}} .hero{position:relative;min-height:clamp(560px,82vh,860px);display:flex; align-items:flex-end;overflow:hidden;background:var(--k)} .hero-img{position:absolute;inset:0} img.hero-img,.hero-img img{width:100%;height:100%;object-fit:cover} .hero-scrim{position:absolute;inset:0; background: linear-gradient(90deg,#080808F2 0%,#080808D9 34%,#08080866 62%,#08080826 100%), linear-gradient(180deg,#080808B8 0%,#08080847 42%,#080808F0 100%)} @media (max-width:900px){ .hero-scrim{background:linear-gradient(180deg,#080808C4 0%,#08080885 40%,#080808F5 100%)}} .hero-in{position:relative;padding-block:clamp(44px,8vh,96px)} .hero-in .big{max-width:52ch;color:var(--w-2)} .ph{padding:clamp(56px,9vh,110px) 0 clamp(30px,5vh,56px);border-bottom:1px solid var(--line)} .ph-split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4vw,64px);align-items:center} .ph-shot img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3} @media (max-width:900px){.ph-split{grid-template-columns:1fr}} .sec{padding:clamp(52px,8vh,104px) 0} .sec.alt{background:var(--k-2);border-block:1px solid var(--line)} .narrow{max-width:74ch} .mt{margin-top:30px} .btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px} .grid-svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr)); gap:1px;background:var(--line);border:1px solid var(--line);margin-top:38px} .grid-svc.lg{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))} .svc{display:block;background:var(--k);padding:clamp(24px,2.4vw,34px); transition:background .3s var(--ease)} .svc:hover{background:var(--k-3)} .svc h3{margin:0 0 12px;transition:color .3s var(--ease)} .svc:hover h3{color:var(--g)} .svc p{margin:0 0 18px} .svc.wide{grid-column:1/-1} .more{font-family:"Archivo",sans-serif;font-weight:700;font-size:.82rem; letter-spacing:.16em;text-transform:uppercase;color:var(--g); display:inline-flex;align-items:center;gap:9px} .more svg{width:15px;height:15px;transition:transform .3s var(--ease)} .svc:hover .more svg,.cty:hover .more svg{transform:translateX(5px)} .grid-cty{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1px;background:var(--line);border:1px solid var(--line);margin-top:38px} .cty{display:block;background:var(--k);padding:clamp(24px,2.4vw,34px); transition:background .3s var(--ease)} .cty:hover{background:var(--k-3)} .cty h3{margin:0 0 12px} .cty:hover h3{color:var(--g)} .cty p{margin:0 0 18px} .area{padding:clamp(28px,3vw,44px) 0;border-bottom:1px solid var(--line)} .area h3 a:hover{color:var(--g)} .area p{margin-bottom:18px} .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} .chips a{border:1px solid var(--line-2);padding:10px 17px; font-family:"Archivo",sans-serif;font-weight:600;font-size:.86rem; letter-spacing:.07em;text-transform:uppercase;color:var(--w-3); transition:border-color .25s var(--ease),color .25s var(--ease)} .chips a:hover{border-color:var(--g);color:var(--g)} .grid-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr)); gap:clamp(12px,1.4vw,20px);margin-top:38px} .shot{margin:0;position:relative;overflow:hidden;background:var(--k-3)} .shot img{width:100%;aspect-ratio:4/3;object-fit:cover; transition:transform .55s var(--ease)} .shot:hover img{transform:scale(1.035)} .grid-prod{display:grid;grid-template-columns:repeat(auto-fit,minmax(266px,1fr)); gap:1px;background:var(--line);border:1px solid var(--line);margin-top:38px} .prod{display:flex;flex-direction:column;background:var(--k); transition:background .3s var(--ease)} .prod:hover{background:var(--k-3)} .prod-ph{background:var(--w);padding:20px;display:block;overflow:hidden} .prod-ph img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block; transition:transform .55s var(--ease)} .prod:hover .prod-ph img{transform:scale(1.04)} .prod-b{padding:clamp(22px,2.2vw,30px);display:flex;flex-direction:column; flex:1;gap:12px} .prod-b h3{margin:0} .prod-sub{font-family:"Archivo",sans-serif;font-weight:700;font-size:.74rem; letter-spacing:.16em;text-transform:uppercase;color:var(--w-4);margin:0} .prod-b p{margin:0} .prod-b .more{margin-top:auto;padding-top:8px} .prod:hover h3{color:var(--g)} .prod:hover .more svg{transform:translateX(5px)} .offsite{display:flex;gap:14px;align-items:flex-start;margin-top:34px; border-left:2px solid var(--g-3);padding:2px 0 2px 18px;max-width:66ch} .offsite p{margin:0;font-size:.95rem;color:var(--w-3)} .fq{border-bottom:1px solid var(--line)} .fq summary{list-style:none;cursor:pointer;padding:22px 0;display:flex; align-items:center;justify-content:space-between;gap:18px; font-family:"Archivo",sans-serif;font-weight:700;font-stretch:96%; font-size:1.06rem;color:var(--w);transition:color .25s var(--ease)} .fq summary::-webkit-details-marker{display:none} .fq summary::after{content:"";width:13px;height:13px;flex:none; border-right:2px solid var(--g);border-bottom:2px solid var(--g); transform:rotate(45deg) translateY(-3px);transition:transform .3s var(--ease)} .fq[open] summary::after{transform:rotate(225deg) translateY(-3px)} .fq summary:hover{color:var(--g)} .fq-a{padding:0 0 24px} .fq-a p{margin:0;max-width:70ch} .cta{background:var(--k-2);border-top:1px solid var(--line); padding:clamp(52px,8vh,104px) 0} .cta-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px); align-items:start} .cta-form{background:var(--k);border:1px solid var(--line);padding:8px} @media (max-width:900px){.cta-in{grid-template-columns:1fr}} .lf{--lf-line:#2C2C2C} .lf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px} @media (max-width:620px){.lf-row{grid-template-columns:1fr}} .lf-f{display:block;margin-bottom:14px} .lf-f>span{display:block;font-family:"Archivo",sans-serif;font-weight:700; font-size:.74rem;letter-spacing:.16em;text-transform:uppercase; color:var(--w-3);margin-bottom:8px} .lf-f>span b{color:var(--g);font-weight:700} .lf-f>span i{font-style:normal;color:var(--w-4);letter-spacing:.1em} .lf input,.lf textarea{width:100%;background:var(--k-3);color:var(--w); border:1px solid var(--lf-line);padding:14px 15px;font:inherit;font-size:1rem; border-radius:0;transition:border-color .2s,background .2s} .lf textarea{resize:vertical;min-height:120px;line-height:1.5} .lf input::placeholder,.lf textarea::placeholder{color:var(--w-4)} .lf input:focus,.lf textarea:focus{outline:none;border-color:var(--g); background:var(--k-4)} .lf input:user-invalid,.lf textarea:user-invalid{border-color:#B4462F} .lf-c{display:flex;gap:12px;align-items:flex-start;margin:18px 0 4px} .lf-c input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--g)} .lf-c span{font-size:.86rem;line-height:1.5;color:var(--w-4)} .lf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} .lf-go{width:100%;justify-content:center;margin-top:18px} .lf-go[disabled]{opacity:.6;pointer-events:none} .lf-err{color:#E8836B;font-size:.9rem;margin:14px 0 0} .lf-fine{font-size:.86rem;color:var(--w-4);margin-top:14px} .lf-fine a{color:var(--g)} .lf-done{border:1px solid var(--g-3);background:var(--g-wash); padding:clamp(24px,3vw,36px)} .lf-done h3{margin:6px 0 12px} .lf-done a{color:var(--g)} .contact-grid{display:grid;grid-template-columns:.85fr 1.15fr; gap:clamp(28px,4vw,64px);align-items:start} @media (max-width:900px){.contact-grid{grid-template-columns:1fr}} .ft{background:#000;border-top:1px solid var(--line); padding:clamp(48px,7vh,88px) 0 34px} .ft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr; gap:clamp(26px,3vw,54px)} @media (max-width:900px){.ft-grid{grid-template-columns:1fr 1fr}} @media (max-width:560px){.ft-grid{grid-template-columns:1fr}} .ft h5{font-family:"Archivo",sans-serif;font-weight:700;font-size:.8rem; letter-spacing:.2em;text-transform:uppercase;color:var(--g);margin:0 0 18px} .ft ul{list-style:none;margin:0;padding:0;display:grid;gap:11px} .ft a{color:var(--w-3)}.ft a:hover{color:var(--g)} .ft .blurb{margin:18px 0 0;color:var(--w-3);max-width:44ch;font-size:.97rem} .ft-c{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:11px;color:var(--w-3)} .big-c{font-size:1.12rem}.big-c a{color:var(--w)} .legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px; margin-top:clamp(34px,5vh,62px);padding-top:26px;border-top:1px solid var(--line); font-size:.86rem;color:var(--w-4)} .legal a{color:var(--w-4)}.legal a:hover{color:var(--g)} .drawer .tel{display:flex;align-items:center;justify-content:space-between;gap:14px; background:var(--g);color:#0A0A0A;border-bottom:0} .drawer .tel b{font-size:1.16rem} .bar{position:fixed;left:0;right:0;bottom:0;z-index:95;display:none} .bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:17px 8px; font-family:"Archivo",sans-serif;font-weight:700;font-stretch:94%;font-size:1rem; letter-spacing:.11em;text-transform:uppercase} .bar .c{background:var(--g);color:#0A0A0A} .bar .q{background:#000;color:var(--w);border-top:1px solid var(--line)} @media (max-width:880px){.bar{display:flex}body{padding-bottom:58px}}