/* Art direction for the six recovered one-page company sites. */
@font-face{font-family:Archive Serif;src:url(../../../../assets/type/services-baskervville.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Archive Industrial;src:url(../../../../assets/type/trades-barlow-semibold.ttf);font-weight:600;font-display:swap}
@font-face{font-family:Archive Sans;src:url(../../../../assets/type/dmsans.woff2);font-weight:100 900;font-display:swap}
body[data-legacy-layout]{
 --teal:var(--company-ink);--teal-2:var(--company-accent);--cream:var(--company-tint);--amber:var(--company-accent);--ink:var(--company-ink);--paper:var(--company-paper);
 --line:color-mix(in srgb,var(--company-ink) 23%,var(--company-paper));--muted:color-mix(in srgb,var(--company-ink) 79%,var(--company-paper));--radius:0;--max:1280px;--display:"Archive Serif",Georgia,serif;
 background:var(--paper);color:var(--ink);font:400 16px/1.55 "Archive Sans",Arial,sans-serif}
body[data-legacy-layout] .wrap{width:min(calc(100% - clamp(36px,8vw,140px)),var(--max))}
body[data-legacy-layout] .site-head{color:var(--ink);background:var(--paper);border-bottom:1px solid var(--line)}
body[data-legacy-layout] .site-head .brand{display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:center;color:var(--ink);font:650 clamp(19px,1.55vw,25px)/1.1 "Archive Sans",Arial,sans-serif}
body[data-legacy-layout] .site-head .brand img{grid-row:1/3;width:33px;height:33px;object-fit:contain}
body[data-legacy-layout] .site-head .brand small{font:400 12px/1.35 "Archive Sans",sans-serif;color:var(--muted);grid-column:2}
body[data-legacy-layout] .nav a{color:var(--ink);font-size:14px}
body[data-legacy-layout] .hero{background:var(--paper);color:var(--ink);padding:0}
body[data-legacy-layout] .hero .wrap{align-items:stretch;gap:clamp(22px,5vw,84px);padding-top:clamp(24px,3vw,48px);padding-bottom:clamp(24px,3vw,48px)}
body[data-legacy-layout] .hero .wrap>div{align-self:center}
body[data-legacy-layout] .hero h1{font:400 clamp(44px,5.2vw,88px)/.99 var(--display);letter-spacing:-.045em;max-width:14ch;text-wrap:balance;margin:14px 0 18px}
body[data-legacy-layout] .hero .lead{font-size:clamp(16px,1.25vw,21px);line-height:1.52;max-width:45ch}
body[data-legacy-layout] .hero .btn{border-radius:0;font-size:15px;line-height:1.3;min-height:42px;padding:12px 17px}
body[data-legacy-layout] .hero .btn-primary{background:var(--company-accent);color:#fff;border:1px solid var(--company-accent)}body[data-legacy-layout] .hero .btn-ghost{color:inherit;border:1px solid currentColor}
.company-byline{display:block;font-size:12px;font-weight:650;line-height:1.5;letter-spacing:.06em}
.company-image{position:relative;min-width:0;margin:0;min-height:clamp(355px,36vw,600px)}.company-image>img,.company-image>img.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
.company-image figcaption{position:absolute;bottom:0;right:0;background:#17252bd9;color:#fff;padding:5px 10px;font-size:12px;max-width:85%}
body[data-legacy-layout] h2{font:400 clamp(28px,3.1vw,48px)/1.08 var(--display);letter-spacing:-.035em}
.company-case .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(22px,5vw,80px);align-items:center}
.company-case{padding-block:clamp(28px,4vw,65px)}.company-case figure{margin:0}.company-case figure>img{width:100%;height:clamp(200px,23vw,370px);object-fit:cover}.company-case p{max-width:60ch}.company-case a{font-weight:650;text-underline-offset:4px}
body[data-legacy-layout] .company-person{background:var(--company-tint);padding-block:clamp(27px,4vw,65px)}
.company-person .wrap{display:grid;grid-template-columns:minmax(125px,240px) minmax(0,600px);gap:clamp(20px,5vw,80px);align-items:center}
.company-person img{width:100%;aspect-ratio:4/5;object-fit:cover}.company-person h2{margin:10px 0}.company-person p{max-width:58ch}
body[data-legacy-layout] .card{background:var(--paper);color:var(--ink);box-shadow:none;border:0;border-top:2px solid var(--line);border-radius:0;padding:17px 0}
body[data-legacy-layout] .band .card{background:none}body[data-legacy-layout] .card h3{color:var(--ink)}
body[data-legacy-layout] form{max-width:650px;display:grid;gap:13px}body[data-legacy-layout] form label{display:grid;gap:5px}
body[data-legacy-layout] form :is(input,select,textarea){max-width:100%;padding:10px;border:1px solid var(--line);color:var(--ink);background:var(--paper);font:inherit}
body[data-legacy-layout] form button{border:0;padding:12px 17px;justify-self:start;color:white;background:var(--company-accent);font:650 15px "Archive Sans",sans-serif}
body[data-legacy-layout] .site-foot{background:var(--paper);color:var(--muted)}body[data-legacy-layout] .site-foot a{color:var(--muted)}
body[data-legacy-layout=counsel] .hero .wrap{grid-template-columns:1.05fr .95fr}
body[data-legacy-layout=counsel] .company-image{border-left:9px solid var(--company-accent)}
body[data-legacy-layout=estate] .hero .wrap{grid-template-columns:1fr;gap:22px;padding-top:36px}
body[data-legacy-layout=estate] .hero .wrap>div{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0 5vw;align-items:end}
body[data-legacy-layout=estate] .hero h1{grid-row:2/4;margin:0}body[data-legacy-layout=estate] .hero .company-byline{grid-column:1/-1;margin-bottom:12px}
body[data-legacy-layout=estate] .company-image{min-height:clamp(260px,30vw,510px)}body[data-legacy-layout=estate] .hero .lead{margin-bottom:12px}
body[data-legacy-layout=clean]{--display:"Archive Sans",Arial,sans-serif}
body[data-legacy-layout=clean] .hero .wrap{gap:0;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
body[data-legacy-layout=clean] .hero .wrap>div{align-self:stretch;background:var(--company-tint);padding:clamp(24px,4vw,68px);display:flex;flex-direction:column;justify-content:center}.hero .actions{align-items:center}
body[data-legacy-layout=supper] .site-head{background:var(--company-paper)}body[data-legacy-layout=supper] .hero{isolation:isolate;position:relative}
body[data-legacy-layout=supper] .hero .wrap{display:flex;align-items:end;min-height:clamp(480px,43vw,710px);padding:50px 0}.hero .wrap>div{min-width:0}
body[data-legacy-layout=supper] .hero .wrap>div{align-self:end;width:min(610px,68%);z-index:1;color:white}
body[data-legacy-layout=supper] .company-image{position:absolute;inset:0;z-index:-1}.company-image{overflow:hidden}
body[data-legacy-layout=supper] .company-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1e131ce8,#1d1923bd 33%,#291c1c28 80%)}body[data-legacy-layout=supper] .company-image figcaption{z-index:1}
body[data-legacy-layout=supper] .hero .btn-primary{background:#f8e9de;color:#35222b;border-color:#f8e9de}body[data-legacy-layout=supper] .card h3,body[data-legacy-layout=supper] .pris,body[data-legacy-layout=supper] .contact .big{color:var(--ink)}
body[data-legacy-layout=supper] a:not(.btn){color:var(--ink)}body[data-legacy-layout=supper] #webbit-designvalg a{color:white}
body[data-legacy-layout=garage]{--display:"Archive Industrial","Arial Narrow",Arial,sans-serif}
body[data-legacy-layout=garage] .hero .wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0}
body[data-legacy-layout=garage] .company-image{grid-column:1;grid-row:1}
body[data-legacy-layout=garage] .hero .wrap>div{background:#192330;color:#fff;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,3.5vw,60px)}
body[data-legacy-layout=garage] .hero h1{text-transform:uppercase;max-width:12ch;font-weight:600}
body[data-legacy-layout=salon] .hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
body[data-legacy-layout=salon] .company-image{grid-row:1;grid-column:1;border-radius:44% 44% 0 0;min-height:clamp(330px,35vw,510px)}body[data-legacy-layout=salon] .company-image figcaption{left:0;right:auto}
body[data-legacy-layout=salon] .hero h1{max-width:11ch}
@media(max-width:740px){
 body[data-legacy-layout] .site-head .wrap{gap:12px}body[data-legacy-layout] .nav{gap:8px 15px}
 body[data-legacy-layout] .hero .wrap,body[data-legacy-layout=estate] .hero .wrap>div{display:flex;flex-direction:column;align-items:stretch;gap:14px}
 body[data-legacy-layout] .hero .wrap>div{align-self:stretch}body[data-legacy-layout] .hero h1{font-size:clamp(37px,8vw,56px);max-width:18ch}
 body[data-legacy-layout] .hero .lead{font-size:16px;max-width:53ch}.company-image,body[data-legacy-layout=estate] .company-image,body[data-legacy-layout=salon] .company-image{min-height:clamp(215px,53vw,350px)}
 body[data-legacy-layout=salon] .company-image{border-radius:0}
 body[data-legacy-layout] .hero .actions .btn{width:auto}body[data-legacy-layout=estate] .hero h1{margin:0}
 body[data-legacy-layout=supper] .hero .wrap{min-height:430px;justify-content:flex-end}body[data-legacy-layout=supper] .hero .wrap>div{width:95%}
 .company-case .wrap{grid-template-columns:1fr;gap:17px}.company-case figure>img{height:clamp(185px,43vw,320px)}
 .company-person .wrap{grid-template-columns:minmax(88px,24%) 1fr;gap:16px}.company-person h2{font-size:25px}.company-person .wrap>div{min-width:0}
}
@media(max-width:420px){.company-person .wrap{grid-template-columns:1fr}.company-person img{width:95px;aspect-ratio:1}.hero .actions{gap:8px}}