:root{--bg:#e9ebeb;--paper:#ffffff;--ink:#000;--soft:#3d3d3d;--mute:#6f6f6f;--line:#000;--font:"Helvetica Neue",Helvetica,Arial,sans-serif;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:300;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit}
h1,h2,h3,h4{font-weight:700;margin:0 0 .6em;line-height:1.15;letter-spacing:.01em}
p{margin:0 0 1em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
/* header */
.site-header{position:sticky;top:0;z-index:50;background:#e8e8e8;border-bottom:2px solid var(--ink)}
.site-header .wrap{display:flex;align-items:stretch;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;text-decoration:none;font-weight:700;font-size:23px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;gap:.3em}
.nav{display:flex;align-items:stretch}
.nav a{display:flex;align-items:center;justify-content:center;min-width:118px;padding:0 18px;text-decoration:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-top:5px solid transparent;transition:border-color .25s}
.nav a:hover{border-top-color:#9a9a9a}
.nav a[aria-current="page"]{border-top-color:var(--ink)}
.menu-toggle{display:none;background:none;border:0;cursor:pointer;padding:0 4px;align-self:center}
.menu-toggle span{display:block;width:26px;height:2px;background:var(--ink);margin:6px 0}
/* hero */
.hero{position:relative;height:calc(100vh - 76px);min-height:520px;overflow:hidden;background:#cfcfcf}
.hero>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.hero-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-38%);background:#000;color:#fff;padding:64px 70px 56px;width:min(640px,86vw);text-align:center}
.hero-box .mark{font-weight:200;font-size:clamp(34px,6vw,64px);letter-spacing:.18em;line-height:1;text-transform:uppercase;margin:0 0 14px}
.hero-box .sub{font-size:12px;letter-spacing:.45em;text-transform:uppercase;color:#cfcfcf;margin:0}
/* section heads */
.sec{padding:110px 0}
.sec-title{font-size:13px;letter-spacing:.32em;text-transform:uppercase;font-weight:700;text-align:center;margin:0 0 80px}
.sec-title::after{content:"";display:block;width:46px;height:1px;background:var(--ink);margin:22px auto 0}
/* project staggered */
.proj{position:relative;display:grid;grid-template-columns:repeat(12,1fr);align-items:start;margin-bottom:140px}
.proj:last-child{margin-bottom:0}
.proj .ph{grid-column:1/8;grid-row:1}
.proj .ph img{width:100%;aspect-ratio:4/3;object-fit:cover}
.proj .card{grid-column:7/13;grid-row:1;margin-top:110px;background:var(--paper);padding:52px 56px;position:relative;z-index:2}
.proj.right .ph{grid-column:6/13}
.proj.right .card{grid-column:1/7}
.proj.outline .card{background:transparent;border:2px solid var(--ink);margin-top:-40px;backdrop-filter:none}
.proj.outline .card::before{content:"";position:absolute;inset:0;background:rgba(233,235,235,.86);z-index:-1}
.card h3{font-size:15px;margin-bottom:22px}
.card .rule{width:46px;height:1px;background:var(--ink);margin:0 0 26px}
.card p{color:var(--soft);font-size:14px}
.card .cat{display:block;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.arrow{display:inline-block;margin-top:18px;text-decoration:none;font-size:22px;line-height:1;transition:transform .25s}
.arrow:hover{transform:translateX(8px)}
/* intro */
.intro{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:center}
.intro img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(.35)}
.intro h2{font-size:28px;text-transform:uppercase;letter-spacing:.04em}
.intro .rule{width:46px;height:1px;background:var(--ink);margin:0 0 28px}
.intro p{color:var(--soft)}
/* buttons */
.btn{display:inline-block;padding:15px 34px;border:2px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;transition:background .25s,color .25s;cursor:pointer;font-family:var(--font)}
.btn:hover{background:transparent;color:var(--ink)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
/* services list */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--ink);border-left:2px solid var(--ink)}
.svc>div{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:44px 38px;background:var(--paper)}
.svc .n{font-size:12px;letter-spacing:.2em;color:var(--mute);display:block;margin-bottom:26px}
.svc h3{font-size:15px;text-transform:uppercase;letter-spacing:.06em}
.svc p{color:var(--soft);font-size:14px;margin:0}
.svc ul{margin:16px 0 0;padding-left:1.1em;color:var(--soft);font-size:14px}
/* page head */
.page-head{padding:100px 0 30px;text-align:center}
.page-head h1{font-size:13px;letter-spacing:.32em;text-transform:uppercase}
.page-head h1::after{content:"";display:block;width:46px;height:1px;background:var(--ink);margin:22px auto 0}
.page-head p{max-width:620px;margin:28px auto 0;color:var(--soft)}
/* values */
.values{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.values li{display:grid;grid-template-columns:220px 1fr;gap:30px;padding:24px 0;border-bottom:1px solid #b9b9b9}
.values strong{text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.values span{color:var(--soft)}
/* gallery */
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.gal figure{margin:0;background:var(--paper)}
.gal img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gal figcaption{padding:22px 26px 26px}
.gal figcaption b{display:block;font-size:14px;margin-bottom:4px}
.gal figcaption span{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--mute)}
/* contact */
.contact{display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:start}
.contact dl{margin:0}
.contact dt{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--mute);margin-top:26px}
.contact dd{margin:6px 0 0;font-size:16px}
.contact a{text-decoration:none;border-bottom:1px solid var(--ink)}
.form-box{background:var(--paper);padding:48px;border:2px solid var(--ink)}
.form-fields{display:grid;gap:22px}
.form-field{display:flex;flex-direction:column;gap:8px}
.form-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.form-required{margin-left:3px}
.form-control,.form-other-input{width:100%;font:inherit;font-weight:300;color:var(--ink);background:#f4f5f5;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:12px 2px}
textarea.form-control{min-height:130px;resize:vertical;padding:12px}
select.form-control{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#000 50%),linear-gradient(135deg,#000 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-left:10px}
.form-control:focus,.form-other-input:focus{outline:2px solid #000;outline-offset:2px}
.form-control[aria-invalid="true"]{border-bottom-color:#c0392b}
.form-choices{display:flex;flex-wrap:wrap;gap:10px}
.form-choice{display:flex;align-items:center;gap:8px;border:1px solid var(--ink);padding:8px 14px;cursor:pointer;font-size:13px}
.form-choice--selected{background:#000;color:#fff}
.form-choice input{accent-color:#000}
.form-field--checkbox .form-choice,.form-field--checkbox label{border:0;padding:0;background:none!important;color:var(--soft)!important;align-items:flex-start;font-size:13px}
.form-field--checkbox input{margin-top:5px;accent-color:#000}
.form-help{font-size:12px;color:var(--mute)}
.form-error,.form-form-error{color:#c0392b;font-size:13px}
.form-error:empty,.form-form-error:empty{display:none}
.form-actions{margin-top:30px;display:flex;gap:12px}
.form-submit,.form-next,.form-back{padding:15px 38px;border:2px solid #000;background:#000;color:#fff;font:inherit;font-size:12px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
.form-submit:hover,.form-next:hover{background:#fff;color:#000}
.form-back{background:#fff;color:#000}
.form-submit[disabled]{opacity:.6;cursor:wait}
.form-success-text p{font-size:20px;font-weight:700}
.skeleton{display:grid;gap:22px}.skeleton div{height:46px;background:#eceeee}
/* stay in touch + footer */
.touch{background:#fafafa;padding:100px 0;text-align:center;border-top:2px solid var(--ink)}
.touch h2{font-size:26px;letter-spacing:.02em}
.touch .rule{width:46px;height:1px;background:var(--ink);margin:0 auto 30px}
.touch p{margin:0 0 6px;color:var(--soft)}
.touch .name{font-weight:700;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.touch a{text-decoration:none}
.touch .btn{margin-top:30px}
.site-footer{background:#000;color:#e8e8e8;padding:26px 0;font-size:12px}
.site-footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-footer a{text-decoration:none}
.to-top{font-weight:700}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s ease}
.reveal.in{opacity:1;transform:none}
@media (max-width:960px){
.sec{padding:80px 0}
.site-header .wrap{height:64px}
.brand{font-size:18px}
.menu-toggle{display:block}
.nav{display:none;position:fixed;top:66px;left:0;right:0;flex-direction:column;background:#e8e8e8;border-bottom:2px solid #000}
.nav.open{display:flex}
.nav a{border-top:0;border-left:5px solid transparent;justify-content:flex-start;padding:18px 28px;font-size:13px}
.nav a[aria-current="page"]{border-left-color:#000}
.hero-box{padding:42px 26px}
.proj{display:block;margin-bottom:80px}
.proj .card,.proj.outline .card{margin:-50px 18px 0;padding:36px 30px}
.intro,.contact{grid-template-columns:1fr;gap:44px}
.svc,.gal{grid-template-columns:1fr}
.values li{grid-template-columns:1fr;gap:4px}
.form-box{padding:28px 22px}
}

form fieldset{border:0;padding:0;margin:0}

/*portfolio*/
.pf-hero{position:relative;height:72vh;min-height:440px;overflow:hidden;background:#cfcfcf}
.pf-hero img{width:100%;height:100%;object-fit:cover}
.pf-hero .tag{position:absolute;left:32px;bottom:32px;background:#000;color:#fff;padding:26px 34px}
.pf-hero .tag h1{font-size:clamp(24px,3.4vw,40px);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px}
.pf-hero .tag p{margin:0;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#cfcfcf}
.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #000;border-bottom:2px solid #000;margin:0 0 70px}
.facts div{padding:22px 0;border-right:1px solid #b9b9b9;padding-left:22px}
.facts div:last-child{border-right:0}
.facts span{display:block;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:#6f6f6f;margin-bottom:6px}
.facts b{font-size:15px}
.story{display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:start;margin-bottom:40px}
.story h2{font-size:22px;text-transform:uppercase;letter-spacing:.05em}
.story .rule{width:46px;height:1px;background:#000;margin:0 0 26px}
.story p{color:#3d3d3d}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.steps3 figure{margin:0;background:#fff}
.steps3 img{width:100%;aspect-ratio:3/4;object-fit:cover;cursor:zoom-in}
.steps3 figcaption{padding:16px 18px;font-size:13px}
.steps3 figcaption b{display:block;font-size:11px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:4px}
.masonry{columns:3 260px;column-gap:18px}
.masonry img{width:100%;margin:0 0 18px;break-inside:avoid;cursor:zoom-in;transition:opacity .25s}
.masonry img:hover{opacity:.85}
.lb{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:100}
.lb.open{display:flex}
.lb img{max-width:92vw;max-height:88vh;object-fit:contain}
.lb button{position:absolute;background:none;border:0;color:#fff;font-size:34px;cursor:pointer;padding:16px;font-family:inherit}
.lb .x{top:10px;right:16px}.lb .pv{left:10px;top:50%;transform:translateY(-50%)}.lb .nx{right:10px;top:50%;transform:translateY(-50%)}
.pnav{display:flex;justify-content:space-between;border-top:2px solid #000;padding-top:26px;margin-top:80px;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.pnav a{text-decoration:none}
.proj .ph img{aspect-ratio:4/5}
@media (max-width:960px){.story,.facts{grid-template-columns:1fr;gap:30px}.facts div{border-right:0;border-bottom:1px solid #b9b9b9}.steps3{grid-template-columns:1fr}.pf-hero .tag{left:16px;right:16px;bottom:16px}}

/*mobilefix*/
html{overflow-x:clip}
@media (max-width:520px){.brand{font-size:15px;letter-spacing:.01em}.site-header .wrap{padding:0 18px}.pf-hero{height:60vh}}

/*v5*/
.hero>img{filter:none}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.35))}
.hero-box{z-index:2}
.statement{padding:120px 0 100px;text-align:center}
.statement p{max-width:860px;margin:0 auto;font-size:clamp(20px,2.4vw,30px);line-height:1.45;font-weight:300;letter-spacing:.01em}
.statement .sig{display:block;margin-top:34px;font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:#6f6f6f}
.cats{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.cat{position:relative;overflow:hidden;display:block;text-decoration:none;color:#fff;background:#111}
.cat img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease,opacity .6s}
.cat:hover img{transform:scale(1.05);opacity:.85}
.cat .lbl{position:absolute;left:0;right:0;bottom:0;padding:26px 28px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.cat .lbl small{display:block;font-size:10px;letter-spacing:.32em;text-transform:uppercase;opacity:.8;margin-bottom:6px}
.cat .lbl b{font-size:19px;letter-spacing:.06em;text-transform:uppercase}
.c-a{grid-column:span 7;aspect-ratio:7/5}.c-b{grid-column:span 5;aspect-ratio:5/5}.c-c{grid-column:span 4;aspect-ratio:4/5}.c-d{grid-column:span 4;aspect-ratio:4/5}.c-e{grid-column:span 4;aspect-ratio:4/5}.c-f{grid-column:span 5;aspect-ratio:5/5}.c-g{grid-column:span 7;aspect-ratio:7/5}
.band{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:#000;color:#fff}
.band .im{background-size:cover;background-position:center}
.band .tx{padding:90px 80px;display:flex;flex-direction:column;justify-content:center}
.band .tx small{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#a9a9a9;margin-bottom:18px}
.band .tx h2{font-size:clamp(26px,3vw,40px);text-transform:uppercase;letter-spacing:.04em}
.band .tx p{color:#cfcfcf;max-width:460px}
.band .btn{background:#fff;color:#000;border-color:#fff;align-self:flex-start;margin-top:16px}
.band .btn:hover{background:transparent;color:#fff}
.band.rev .im{order:2}
.counts{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid #000;border-bottom:2px solid #000}
.counts div{padding:40px 30px;border-right:1px solid #b9b9b9}
.counts div:last-child{border-right:0}
.counts b{display:block;font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
.counts span{color:#3d3d3d;font-size:14px}
.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 70px}
.filters button{background:transparent;border:1px solid #000;padding:11px 22px;font:inherit;font-size:11px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer}
.filters button.on,.filters button:hover{background:#000;color:#fff}
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px}
.pcard{display:block;text-decoration:none;background:#fff}
.pcard .im{overflow:hidden;aspect-ratio:4/3}
.pcard img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.pcard:hover img{transform:scale(1.04)}
.pcard .bd{padding:28px 30px 32px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.pcard small{display:block;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#6f6f6f;margin-bottom:8px}
.pcard b{font-size:17px;text-transform:uppercase;letter-spacing:.05em}
.pcard .ar{font-size:22px}
.pcard.area .im{aspect-ratio:4/3}
.pcard.area{background:#000;color:#fff}
.pcard.area small{color:#a9a9a9}
.pcard.area p{margin:10px 0 0;color:#cfcfcf;font-size:14px;max-width:420px}
.pcard[hidden]{display:none}
.founder{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:center}
.founder .tag{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#6f6f6f;margin-bottom:14px;display:block}
.founder h2{font-size:28px;text-transform:uppercase;letter-spacing:.04em}
.founder p{color:#3d3d3d}
.svc-img{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.svc-img article{background:#fff}
.svc-img img{width:100%;aspect-ratio:4/3;object-fit:cover}
.svc-img .bd{padding:30px 32px 34px}
.svc-img .n{font-size:11px;letter-spacing:.25em;color:#6f6f6f;display:block;margin-bottom:14px}
.svc-img h3{font-size:15px;text-transform:uppercase;letter-spacing:.06em}
.svc-img p{font-size:14px;color:#3d3d3d;margin:0 0 12px}
.svc-img ul{margin:0;padding-left:1.1em;font-size:13.5px;color:#3d3d3d}
@media (max-width:960px){.cats{grid-template-columns:1fr}.cats .cat{grid-column:auto!important;aspect-ratio:4/3!important}.band{grid-template-columns:1fr}.band .im{min-height:340px;order:0!important}.band .tx{padding:60px 28px}.counts{grid-template-columns:1fr 1fr}.counts div:nth-child(2){border-right:0}.pgrid,.svc-img,.founder{grid-template-columns:1fr;gap:30px}}

/*v6*/
.slides{position:absolute;inset:0}
.slides figure{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.6s ease}
.slides figure.on{opacity:1}
.slides img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 9s linear}
.slides figure.on img{transform:scale(1)}
.slides figcaption{position:absolute;right:32px;bottom:28px;z-index:3;color:#fff;font-size:11px;letter-spacing:.32em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.dots{position:absolute;left:32px;bottom:30px;z-index:3;display:flex;gap:10px}
.dots button{width:34px;height:2px;border:0;background:rgba(255,255,255,.45);cursor:pointer;padding:0}
.dots button.on{background:#fff}
.hero{height:calc(100vh - 76px)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pillars .cat{aspect-ratio:4/5}
.pillars .cat.wide{grid-column:span 2;aspect-ratio:auto}
.pillars .cat .lbl em{display:block;font-style:normal;font-size:13px;letter-spacing:.02em;text-transform:none;opacity:.85;margin-top:8px;max-width:360px}
.princ{list-style:none;padding:0;margin:26px 0 10px;display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}
.princ li{border-top:1px solid rgba(255,255,255,.35);padding-top:14px;font-size:14px;color:#d9d9d9}
.princ b{display:block;color:#fff;font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px;font-weight:700}
.mosaic{display:grid;grid-template-columns:7fr 5fr;grid-template-rows:1fr 1fr;gap:20px;min-height:640px}
.mosaic .m1{grid-row:span 2}
.mosaic div{background-size:cover;background-position:center;min-height:300px}
.split2{display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:center;margin-bottom:60px}
.split2 h2{font-size:clamp(24px,2.6vw,34px);text-transform:uppercase;letter-spacing:.04em}
.split2 p{color:#3d3d3d}
.taglist{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.taglist span{border:1px solid #000;padding:7px 14px;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.band .taglist span{border-color:rgba(255,255,255,.6);color:#fff}
.retail{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.retail a{display:block;text-decoration:none;background:#fff}
.retail img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:opacity .4s}
.retail a:hover img{opacity:.85}
.retail b{display:block;padding:18px 20px 22px;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.two{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.note{font-size:12px;color:#6f6f6f;text-align:center;margin-top:60px}
.grp{margin-bottom:90px}
.grp>h2{font-size:13px;letter-spacing:.32em;text-transform:uppercase;margin:0 0 34px;padding-bottom:16px;border-bottom:2px solid #000}
@media (max-width:960px){.pillars,.retail,.two,.split2{grid-template-columns:1fr}.pillars .cat.wide{grid-column:auto;aspect-ratio:4/3}.pillars .cat{aspect-ratio:4/3}.mosaic{grid-template-columns:1fr;grid-template-rows:auto}.mosaic .m1{grid-row:auto}.princ{grid-template-columns:1fr}.retail{grid-template-columns:1fr 1fr}.slides figcaption{display:none}}

/*v6b*/
.pillars .cat.wide img{position:absolute;inset:0}
@media (max-width:960px){.pillars .cat.wide img{position:static}}

/*v7*/
.sol{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.sol article{background:#fff}
.sol img{width:100%;aspect-ratio:4/3;object-fit:cover}
.sol .bd{padding:28px 30px 32px}
.sol small{display:block;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#6f6f6f;margin-bottom:10px}
.sol h3{font-size:15px;text-transform:uppercase;letter-spacing:.06em}
.sol p{font-size:14px;color:#3d3d3d;margin:0}
.cmp{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
.cmp th,.cmp td{text-align:left;padding:18px 20px;border-bottom:1px solid #c9c9c9;vertical-align:top}
.cmp thead th{background:#000;color:#fff;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700}
.cmp tbody th{font-size:12px;letter-spacing:.14em;text-transform:uppercase;width:22%}
.cmp td{color:#3d3d3d}
.cmp-wrap{overflow-x:auto}
.feat{display:grid;grid-template-columns:7fr 5fr;gap:0;background:#000;color:#fff;margin-bottom:28px}
.feat .im{background-size:cover;background-position:center;min-height:520px}
.feat .tx{padding:70px 60px;display:flex;flex-direction:column;justify-content:center}
.feat small{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#a9a9a9;margin-bottom:16px}
.feat h2{font-size:clamp(24px,2.6vw,34px);text-transform:uppercase;letter-spacing:.04em}
.feat p{color:#cfcfcf}
.feat ul{margin:10px 0 0;padding-left:1.1em;color:#d9d9d9;font-size:14px}
.feat ul li{margin-bottom:6px}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid #000}
.benefits div{padding:34px 26px 34px 0;border-right:1px solid #b9b9b9;margin-right:26px}
.benefits div:last-child{border-right:0;margin-right:0}
.benefits b{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
.benefits span{font-size:14px;color:#3d3d3d}
@media (max-width:960px){.sol,.benefits{grid-template-columns:1fr}.feat{grid-template-columns:1fr}.feat .im{min-height:320px}.feat .tx{padding:50px 28px}.benefits div{border-right:0;margin-right:0;border-bottom:1px solid #b9b9b9}}

/*seo*/.hero-box .hero-h1{margin:0;font:inherit;color:inherit}.hero-box .hero-h1 span{display:block}