/* InstallArt — site styles (design plan: brand.md §6) */
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 700;font-display:optional;src:url(https://fonts.gstatic.com/s/schibstedgrotesk/v7/Jqz55SSPQuCQF3t8uOwiUL-taUTtap9Gayo.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

body{font-weight:400}
h1,h2,h3{font-weight:700;letter-spacing:-.02em}
h2{font-size:clamp(1.8rem,1.3rem + 2vw,2.8rem)}
a{color:var(--brand)}
.btn{border-radius:0;font-weight:600}
.btn-primary{box-shadow:none}
.btn-primary:hover{filter:none;background:#523730}
.btn:hover{transform:none}

/* header */
.site-header{background:#fff;backdrop-filter:none}
.brand img{height:22px;width:auto}
.nav a{font-weight:500;color:var(--ink)}
.nav a.btn-primary{color:#fff}
.nav a.tel{font-variant-numeric:tabular-nums}

/* hero */
.hero{padding-block:clamp(2.5rem,7vw,5.5rem) clamp(1.5rem,3vw,2.5rem)}
.hero h1{font-size:clamp(2.6rem,1.2rem + 6.2vw,6.4rem);line-height:.98;letter-spacing:-.035em;max-width:13ch;margin-bottom:var(--s-5)}
.hero .lede{color:var(--ink-2);max-width:52ch}
.hero .actions{margin-top:var(--s-6);display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-5);align-items:center}
.hero .actions .tel{font-weight:600;color:var(--ink);text-decoration:none;padding:.6em 0;min-height:44px;display:inline-flex;align-items:center}
.hero .actions .tel:hover{text-decoration:underline}

/* the build sequence: the one memorable thing */
.build{margin:0;padding:0 0 var(--s-3)}
.build ol{list-style:none;margin:0;padding:0 var(--gutter);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(68vw,1fr);gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
@media(min-width:760px){.build ol{grid-auto-columns:1fr;overflow:visible;padding:0}}
.build li{scroll-snap-align:start;margin:0}
.build img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;background:var(--wall)}
.build li span{display:block;padding:.6rem 0 0;font-size:var(--fs-sm);font-weight:500;color:var(--ink)}
@media(min-width:760px){.build li span{padding-left:var(--s-3)}}
.build figcaption{width:min(100% - 2*var(--gutter),var(--container));margin:var(--s-4) auto 0;font-size:var(--fs-sm);color:var(--ink-2)}
@media(min-width:760px){.build img{aspect-ratio:3/4}}

/* fairs by city */
.fairs-grid{display:grid;gap:var(--s-7);grid-template-columns:1fr}
@media(min-width:960px){.fairs-grid{grid-template-columns:1.5fr 1fr;align-items:start}}
.cities{margin:0;border-top:1px solid var(--concrete)}
.cities div{display:grid;grid-template-columns:minmax(7.5rem,11rem) 1fr;gap:var(--s-4);padding:.8rem 0;border-bottom:1px solid var(--line)}
.cities dt{font-weight:600}
.cities dd{margin:0;color:var(--ink-2)}
@media(max-width:480px){.cities div{grid-template-columns:1fr;gap:.15rem}}
.quote{margin:0;padding-top:var(--s-2)}
.quote .pullquote{max-width:30ch;font-weight:500;font-size:clamp(1.3rem,1.1rem + .9vw,1.75rem)}
.quote footer{margin-top:var(--s-4);font-size:var(--fs-sm);color:var(--ink-2)}
.quote footer b{color:var(--ink);font-weight:600;display:block}
@media(min-width:960px){.fairs-grid .quote{position:sticky;top:calc(var(--header-h) + 2rem)}}

/* services */
.services-grid{display:grid;gap:var(--s-7);grid-template-columns:1fr}
@media(min-width:960px){.services-grid{grid-template-columns:1fr 1fr;align-items:start}}
.list-rows{border-top-color:var(--concrete)}
.list-rows li{grid-template-columns:1fr}
.list-rows h3{font-size:var(--fs-lg)}
.list-rows p{font-size:var(--fs-md);max-width:52ch}
.services-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.services-photo figcaption,.crew-photo figcaption{font-size:var(--fs-sm);color:var(--ink-2);margin-top:.6rem}
.services-photo{margin:0}
@media(min-width:960px){.services-photo{position:sticky;top:calc(var(--header-h) + 2rem)}}

/* crew */
.crew{display:grid;gap:var(--s-7);grid-template-columns:1fr;align-items:center}
@media(min-width:880px){.crew{grid-template-columns:5fr 6fr}}
.crew-photo{margin:0}
.crew-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.crew .quote{margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--concrete)}

/* offices */
.offices{display:grid;gap:var(--s-6) var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin:0}
.offices>div{border-top:1px solid var(--concrete);padding-top:var(--s-4)}
.offices h3{font-size:var(--fs-lg);margin-bottom:var(--s-2)}
.offices address{font-style:normal;color:var(--ink-2)}
.offices a{display:inline-block;margin-top:var(--s-2);font-weight:600;text-decoration:none;padding:.4em 0;font-variant-numeric:tabular-nums}

/* enquiry band */
.enquiry{background:var(--ink);color:#fff}
.enquiry h2{color:#fff;max-width:20ch}
.enquiry p{color:#d9d4cf}
.enquiry .mail{display:inline-block;margin-top:var(--s-5);font-size:clamp(1.3rem,1rem + 1.6vw,2.2rem);font-weight:600;color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em;word-break:break-word}
.enquiry .mail:hover{text-decoration-thickness:3px}
.enquiry .tel{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--s-3);color:#fff;font-weight:600}
.enquiry .btn-primary{background:#fff;color:var(--ink)}

/* footer */
.site-footer{background:#1d1b1a}
.site-footer .brand img{filter:invert(1);height:20px}

/* inner pages */
.page-head{padding-block:clamp(2.5rem,6vw,4.5rem) var(--s-6)}
.page-head h1{font-size:clamp(2.2rem,1.4rem + 3.6vw,4.2rem);max-width:18ch;letter-spacing:-.03em}
.service-block{display:grid;gap:var(--s-5);grid-template-columns:1fr;padding-block:var(--s-6);border-top:1px solid var(--concrete)}
@media(min-width:880px){.service-block{grid-template-columns:1fr 2fr}}
.service-block h2{font-size:var(--fs-xl);margin:0}
.service-block p{max-width:60ch}
.photo-pair{display:grid;gap:6px;grid-template-columns:1fr}
@media(min-width:760px){.photo-pair{grid-template-columns:1fr 1fr}}
.photo-pair figure{margin:0}
.photo-pair img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.photo-pair figcaption{font-size:var(--fs-sm);color:var(--ink-2);margin-top:.5rem}
.contact-grid{display:grid;gap:var(--s-7);grid-template-columns:1fr}
@media(min-width:900px){.contact-grid{grid-template-columns:1fr 1fr;align-items:start}}
.form input,.form textarea{border-radius:0;border-color:var(--concrete)}