@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* CLOVER Design Studio — site stylesheet. Scope #clv-site. Edit here, not in pages. */
#clv-site{
  --clv-white:#ffffff; --clv-paper:#f4f4f1; --clv-ink:#2f3130; --clv-char:#5f6160;
  --clv-mute:#8a8c89; --clv-line:#e1e2dd; --clv-sage:#96a562; --clv-sage-dk:#778846;
  --clv-footer:#3b3d3c; --clv-gold:#d9a23c;
  --clv-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --clv-sans:'Jost','Helvetica Neue',Arial,sans-serif;
  --clv-max:1240px;
  color:var(--clv-ink);background:var(--clv-white);font-family:var(--clv-sans);font-weight:300;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;
}
#clv-site *,#clv-site *::before,#clv-site *::after{box-sizing:border-box}
#clv-site img{max-width:100%;height:auto;display:block}
#clv-site a{color:inherit;text-decoration:none}
#clv-site p{margin:0 0 18px}
#clv-site h1,#clv-site h2,#clv-site h3{font-family:var(--clv-serif);font-weight:400;line-height:1.15;margin:0 0 20px;color:var(--clv-ink)}
#clv-site h1{font-size:46px}#clv-site h2{font-size:38px}#clv-site h3{font-size:26px}
#clv-site .clv-sage-h{color:var(--clv-sage-dk)}
#clv-site .clv-gold-h{color:var(--clv-gold)}
#clv-site .clv-wrap{max-width:var(--clv-max);margin:0 auto;padding:0 32px}
#clv-site .clv-narrow{max-width:760px}
#clv-site .clv-section{padding:96px 0}
#clv-site .clv-section--tight{padding:64px 0}
#clv-site .clv-paper{background:var(--clv-paper)}
#clv-site a:focus-visible,#clv-site button:focus-visible{outline:2px solid var(--clv-sage);outline-offset:3px}
#clv-site .clv-lede{font-size:19px;max-width:680px}
#clv-site .clv-mute{color:var(--clv-mute);font-size:15px}

/* buttons + links */
#clv-site .clv-btn{display:inline-block;font-family:var(--clv-sans);font-weight:400;font-size:15px;letter-spacing:.04em;padding:14px 30px;border:1px solid var(--clv-ink);color:var(--clv-ink);background:transparent;cursor:pointer;transition:background .2s,color .2s}
#clv-site .clv-btn:hover{background:var(--clv-ink);color:var(--clv-white)}
#clv-site .clv-btn--solid{background:var(--clv-ink);color:var(--clv-white)}
#clv-site .clv-btn--solid:hover{background:var(--clv-sage-dk);border-color:var(--clv-sage-dk)}
#clv-site .clv-link{font-weight:400;border-bottom:1px solid var(--clv-sage);padding-bottom:2px;cursor:pointer}
#clv-site .clv-link:hover{border-color:var(--clv-ink)}
#clv-site .clv-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:8px}

/* header */
#clv-site .clv-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--clv-line)}
#clv-site .clv-header .clv-wrap{display:flex;align-items:center;justify-content:space-between;height:88px}
#clv-site .clv-brand{display:block;cursor:pointer;line-height:1}
#clv-site .clv-brand__word{font-family:var(--clv-serif);font-weight:300;font-size:30px;letter-spacing:.44em;color:var(--clv-char);display:block;margin-right:-.44em}
#clv-site .clv-brand__sub{font-family:var(--clv-sans);font-weight:400;font-size:10px;letter-spacing:.42em;color:var(--clv-char);display:block;margin-top:7px;margin-right:-.42em}
#clv-site .clv-nav{display:flex;gap:34px;align-items:center}
#clv-site .clv-nav a{font-size:15px;font-weight:400;color:var(--clv-char);cursor:pointer;padding:6px 0;border-bottom:1px solid transparent;white-space:nowrap}
#clv-site .clv-nav a:hover,#clv-site .clv-nav a.is-on{color:var(--clv-ink);border-bottom-color:var(--clv-sage)}
#clv-site .clv-nav .clv-ig{display:inline-flex;width:20px;height:20px;border:0}
#clv-site .clv-burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
#clv-site .clv-burger span{display:block;width:24px;height:1px;background:var(--clv-ink);margin:6px 0}

/* hero + statement + brand band */
#clv-site .clv-hero{position:relative;overflow:hidden;background:var(--clv-paper)}
#clv-site .clv-hero img{width:100%;height:auto;aspect-ratio:2576/1756;object-fit:cover}
#clv-site .clv-statement{padding:72px 0 80px}
#clv-site .clv-script{display:block;height:64px;width:auto;margin:0 0 22px -6px}
#clv-site .clv-statement h1{max-width:840px}
#clv-site .clv-collage{display:grid;grid-template-columns:7fr 5fr;gap:24px;padding:0 0 96px}
#clv-site .clv-collage img{width:100%;height:100%;object-fit:cover;display:block}
#clv-site .clv-collage .k{grid-column:1;align-self:stretch}
#clv-site .clv-collage .right{display:flex;flex-direction:column;gap:24px;min-width:0}
#clv-site .clv-collage .s{flex:0 0 auto;height:auto;aspect-ratio:1200/655}
#clv-site .clv-collage .row{display:flex;gap:24px;flex:0 0 auto;align-items:stretch}
#clv-site .clv-collage .b,#clv-site .clv-collage .r{flex:2 1 0;min-width:0;height:auto;aspect-ratio:3/4}
#clv-site .clv-collage .w{flex:3 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px 4px;overflow:hidden}
#clv-site .clv-collage .w .clv-brand__word{font-size:24px;letter-spacing:.36em;margin-right:-.36em}
#clv-site .clv-collage .w .clv-brand__sub{margin-top:8px;font-size:9px;letter-spacing:.34em;margin-right:-.34em}
#clv-site .clv-collage .w a{display:block;margin-top:18px;font-size:13px;color:var(--clv-char)}
#clv-site .clv-collage .w .clv-script{height:auto;width:100%;max-width:190px;margin:22px auto 0}

/* section heads + features */
#clv-site .clv-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:32px;margin-bottom:56px;flex-wrap:wrap}
#clv-site .clv-section-head h2{margin:0}
#clv-site .clv-feature{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:end;margin-bottom:96px}
#clv-site .clv-feature:last-child{margin-bottom:0}
#clv-site .clv-feature--flip .clv-feature__img{order:2}
#clv-site .clv-feature__pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#clv-site .clv-feature__text h3{margin-bottom:8px}
#clv-site .clv-feature__meta{font-size:14px;color:var(--clv-mute);margin-bottom:16px;font-weight:400}
#clv-site .clv-feature__text p{max-width:420px}

/* services */
#clv-site .clv-services{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
#clv-site .clv-service{border-top:1px solid var(--clv-ink);padding-top:22px}
#clv-site .clv-service h3{font-size:24px;margin-bottom:10px}
#clv-site .clv-service p{font-size:16px;margin-bottom:10px}
#clv-site .clv-note{font-size:15px;color:var(--clv-mute);margin-top:44px;max-width:640px}

/* products */
#clv-site .clv-products{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px}
#clv-site .clv-product{cursor:pointer}
#clv-site .clv-product img{aspect-ratio:4/3;object-fit:cover;width:100%;margin-bottom:18px;background:var(--clv-paper)}
#clv-site .clv-product h3{font-size:23px;margin-bottom:6px}
#clv-site .clv-product p{font-size:15px;color:var(--clv-char);margin:0}
#clv-site .clv-prow{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:center;padding:72px 0;border-top:1px solid var(--clv-line)}
#clv-site .clv-prow--flip .clv-prow__img{order:2}
#clv-site .clv-prow h2{font-size:34px;margin-bottom:14px}
#clv-site .clv-prow .clv-caption{font-family:var(--clv-serif);font-style:italic;font-size:22px;color:var(--clv-char);margin-bottom:16px}
#clv-site .clv-prow p{max-width:560px}
#clv-site .clv-prow__img img{width:100%}

/* window coverings block (inside products) */
#clv-site .clv-wc{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start;padding-bottom:72px}
#clv-site .clv-wc__img img{width:100%}
#clv-site .clv-list{list-style:none;padding:0;margin:0 0 24px;columns:2;column-gap:40px;font-size:16px}
#clv-site .clv-list li{padding:8px 0;border-bottom:1px solid var(--clv-line);break-inside:avoid}
#clv-site .clv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;counter-reset:step}
#clv-site .clv-step{border-top:1px solid var(--clv-sage);padding-top:18px}
#clv-site .clv-step::before{counter-increment:step;content:counter(step);font-family:var(--clv-serif);font-size:34px;font-weight:300;display:block;color:var(--clv-sage-dk);line-height:1;margin-bottom:10px}
#clv-site .clv-step h3{font-size:22px;margin-bottom:8px;color:var(--clv-sage-dk)}
#clv-site .clv-step p{font-size:16px}
#clv-site .clv-brands{display:flex;gap:32px;flex-wrap:wrap;font-family:var(--clv-serif);font-size:22px;color:var(--clv-sage-dk);margin:12px 0 24px}
#clv-site .clv-callout{border-left:2px solid var(--clv-sage);padding:6px 0 6px 28px;max-width:640px;margin:40px 0}
#clv-site .clv-callout p{margin:0;font-size:18px}
#clv-site .clv-callout p+p{margin-top:10px;font-size:16px;color:var(--clv-char)}

/* the edit */
#clv-site .clv-edit-head{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:end;margin-bottom:48px}
#clv-site .clv-edit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#clv-site .clv-edit-grid figure{margin:0}
#clv-site .clv-edit-grid img{aspect-ratio:1/1;object-fit:contain;width:100%;background:var(--clv-white);border:1px solid var(--clv-line);padding:12px}
#clv-site .clv-edit-grid figcaption{font-size:14px;color:var(--clv-char);margin-top:12px;line-height:1.5}
#clv-site .clv-edit-grid figcaption b{font-weight:400;color:var(--clv-ink);display:block}
#clv-site .clv-edit-past{list-style:none;padding:0;margin:56px 0 0;border-top:1px solid var(--clv-line)}
#clv-site .clv-edit-past li{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--clv-line);font-size:16px}
#clv-site .clv-edit-past span{color:var(--clv-mute);font-size:14px;white-space:nowrap}
#clv-site .clv-teaser{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}

/* articles */
#clv-site .clv-article{display:grid;grid-template-columns:4fr 8fr;gap:64px;padding:72px 0;border-top:1px solid var(--clv-line);align-items:start}
#clv-site .clv-article:first-of-type{border-top:0;padding-top:0}
#clv-site .clv-article__img img{border:1px solid var(--clv-line);width:100%}
#clv-site .clv-article__img figcaption{font-size:13px;color:var(--clv-mute);margin-top:10px}
#clv-site .clv-article h2{margin-bottom:6px}
#clv-site .clv-article .clv-deck{font-family:var(--clv-serif);font-style:italic;font-size:24px;color:var(--clv-char);margin-bottom:6px;line-height:1.3}
#clv-site .clv-article .clv-byline{font-size:14px;color:var(--clv-mute);margin-bottom:28px;font-weight:400}
#clv-site .clv-article dl{margin:0;max-width:640px}
#clv-site .clv-article dt{font-family:var(--clv-serif);font-size:22px;margin-top:22px}
#clv-site .clv-article dd{margin:4px 0 0;font-size:16px}
#clv-site .clv-article dd em{color:var(--clv-mute);font-style:normal;font-size:14px}
#clv-site .clv-article .clv-intro{max-width:640px;font-size:17px}
#clv-site .clv-article details{max-width:640px}
#clv-site .clv-article summary{cursor:pointer;list-style:none;font-weight:400;font-size:15px;color:var(--clv-sage-dk);border-bottom:1px solid var(--clv-sage);display:inline-block;padding-bottom:2px;margin:6px 0 4px}
#clv-site .clv-article summary::-webkit-details-marker{display:none}
#clv-site .clv-article details[open] summary{margin-bottom:0}
#clv-site .clv-article details[open] summary span::before{content:'Close the article'}
#clv-site .clv-article details summary span::before{content:'Read the article'}
#clv-site .clv-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
#clv-site .clv-pages img{border:1px solid var(--clv-line)}

/* quotes + press */
#clv-site .clv-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
#clv-site .clv-quote{font-family:var(--clv-serif);font-size:27px;line-height:1.3;font-weight:300;color:var(--clv-ink);margin:0}
#clv-site .clv-quote-by{display:block;font-family:var(--clv-sans);font-size:14px;font-weight:400;color:var(--clv-mute);margin-top:18px}
#clv-site .clv-pull{font-family:var(--clv-serif);font-size:40px;line-height:1.2;font-weight:300;max-width:760px;margin:0 0 8px}
#clv-site .clv-press{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:center}
#clv-site .clv-press__img img{box-shadow:0 30px 60px -30px rgba(47,49,48,.35)}
#clv-site .clv-press__list{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--clv-line)}
#clv-site .clv-press__list li{padding:16px 0;border-bottom:1px solid var(--clv-line);display:flex;justify-content:space-between;gap:24px;font-size:16px}
#clv-site .clv-press__list span{color:var(--clv-mute);font-size:14px;white-space:nowrap}

/* split + about */
#clv-site .clv-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
#clv-site .clv-split--about{grid-template-columns:4fr 7fr}
#clv-site .clv-split--home{grid-template-columns:3fr 9fr;align-items:center}
#clv-site .clv-split--home img{max-width:300px;width:100%}
#clv-site .clv-split h2{margin-bottom:24px}
#clv-site .clv-creds{list-style:none;padding:0;margin:28px 0 0;display:flex;gap:28px;flex-wrap:wrap;font-size:14px;font-weight:400;color:var(--clv-char)}
#clv-site .clv-creds li::before{content:'';display:inline-block;width:6px;height:6px;background:var(--clv-sage);margin-right:10px;vertical-align:middle}
#clv-site .clv-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
#clv-site .clv-columns figure{margin:0}
#clv-site .clv-columns figcaption{font-size:14px;color:var(--clv-char);margin-top:10px;font-weight:400}
#clv-site .clv-columns img{aspect-ratio:3/4;object-fit:cover;object-position:top;width:100%;border:1px solid var(--clv-line)}

/* magazine band + contact */
#clv-site .clv-mag{border-top:1px solid var(--clv-line);border-bottom:1px solid var(--clv-line)}
#clv-site .clv-mag .clv-wrap{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap;padding-top:36px;padding-bottom:36px}
#clv-site .clv-mag h3{margin:0 0 4px;font-size:24px}
#clv-site .clv-mag p{margin:0;font-size:16px;color:var(--clv-char)}
#clv-site .clv-contact{display:grid;grid-template-columns:5fr 7fr;gap:72px}
#clv-site .clv-contact dl{margin:0}
#clv-site .clv-contact dt{font-size:13px;letter-spacing:.06em;color:var(--clv-mute);font-weight:400;margin-top:22px}
#clv-site .clv-contact dd{margin:2px 0 0;font-size:18px}
#clv-site .clv-form{border:1px dashed var(--clv-mute);padding:40px;font-family:monospace;font-size:14px;color:var(--clv-char);background:var(--clv-white)}
#clv-site .clv-form small{display:block;margin-top:14px;font-family:var(--clv-sans);color:var(--clv-mute)}

/* work (unlinked) */
#clv-site .clv-project{margin-bottom:112px}
#clv-site .clv-project__head{display:grid;grid-template-columns:5fr 7fr;gap:56px;margin-bottom:36px;align-items:end}
#clv-site .clv-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
#clv-site .clv-grid .c12{grid-column:span 12}#clv-site .clv-grid .c8{grid-column:span 8}#clv-site .clv-grid .c6{grid-column:span 6}#clv-site .clv-grid .c4{grid-column:span 4}
#clv-site .clv-grid img{width:100%;height:100%;object-fit:cover}

/* footer */
#clv-site .clv-footer{background:var(--clv-footer);color:#d9dad6;padding:72px 0 40px;font-size:15px}
#clv-site .clv-footer .clv-wrap{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:48px}
#clv-site .clv-footer .clv-brand__word,#clv-site .clv-footer .clv-brand__sub{color:#f2f2ef}
#clv-site .clv-footer .clv-script{height:38px;margin:26px 0 0 -3px;opacity:.95}
#clv-site .clv-footer h4{font-family:var(--clv-sans);font-weight:400;font-size:13px;letter-spacing:.06em;color:#a9aba6;margin:6px 0 14px}
#clv-site .clv-footer ul{list-style:none;padding:0;margin:0}
#clv-site .clv-footer li{margin-bottom:8px}
#clv-site .clv-footer a{cursor:pointer}
#clv-site .clv-footer a:hover{color:#fff;border-bottom:1px solid var(--clv-sage)}
#clv-site .clv-footer p{margin:0 0 8px;line-height:1.6}
#clv-site .clv-legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:24px;font-size:13px;color:#a9aba6;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}

@media (max-width:1024px){
  #clv-site h1{font-size:38px}#clv-site h2{font-size:32px}#clv-site .clv-pull{font-size:32px}
  #clv-site .clv-section{padding:72px 0}
  #clv-site .clv-services,#clv-site .clv-columns,#clv-site .clv-products{grid-template-columns:repeat(2,1fr)}
  #clv-site .clv-quotes{grid-template-columns:1fr;gap:36px}
  #clv-site .clv-feature{grid-template-columns:1fr;gap:24px;margin-bottom:72px}
  #clv-site .clv-feature--flip .clv-feature__img,#clv-site .clv-prow--flip .clv-prow__img{order:0}
  #clv-site .clv-press,#clv-site .clv-split,#clv-site .clv-split--about,#clv-site .clv-split--home,#clv-site .clv-contact,#clv-site .clv-project__head,#clv-site .clv-prow,#clv-site .clv-wc,#clv-site .clv-edit-head,#clv-site .clv-teaser,#clv-site .clv-article{grid-template-columns:1fr;gap:36px}
  #clv-site .clv-footer .clv-wrap{grid-template-columns:1fr 1fr}
  #clv-site .clv-collage{grid-template-columns:1fr;gap:16px}
  #clv-site .clv-collage .right{gap:16px}
  #clv-site .clv-collage .row{flex-wrap:wrap;gap:16px;min-height:0}
  #clv-site .clv-collage .b,#clv-site .clv-collage .r{flex:1 1 40%;aspect-ratio:1/1.1}
  #clv-site .clv-collage .w{flex:1 1 100%;order:3;padding:36px 8px}
  #clv-site .clv-steps{grid-template-columns:1fr;gap:28px}
  #clv-site .clv-nav{gap:22px}
}
@media (max-width:640px){
  #clv-site{font-size:16px}
  #clv-site .clv-wrap{padding:0 20px}
  #clv-site h1{font-size:32px}#clv-site h2{font-size:28px}#clv-site .clv-pull{font-size:27px}#clv-site .clv-quote{font-size:23px}
  #clv-site .clv-script{height:48px}
  #clv-site .clv-band{padding:0 20px 64px}
  #clv-site .clv-header .clv-wrap{height:72px}
  #clv-site .clv-brand__word{font-size:24px}
  #clv-site .clv-burger{display:block}
  #clv-site .clv-nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--clv-white);flex-direction:column;align-items:flex-start;gap:0;padding:12px 20px 20px;border-bottom:1px solid var(--clv-line)}
  #clv-site .clv-nav.is-open{display:flex}
  #clv-site .clv-nav a{padding:12px 0;font-size:17px;width:100%;border-bottom:1px solid var(--clv-line)}
  #clv-site .clv-services,#clv-site .clv-columns,#clv-site .clv-products,#clv-site .clv-pages{grid-template-columns:1fr}
  #clv-site .clv-edit-grid{grid-template-columns:repeat(2,1fr)}
  #clv-site .clv-list{columns:1}
  #clv-site .clv-grid .c8,#clv-site .clv-grid .c6,#clv-site .clv-grid .c4{grid-column:span 12}
  #clv-site .clv-footer .clv-wrap{grid-template-columns:1fr}
  #clv-site .clv-form{padding:24px}
}
@media (prefers-reduced-motion:reduce){#clv-site *{transition:none!important}}

/* live form */
#clv-site .clv-form--live{border:0;padding:0;font-family:var(--clv-sans);font-size:16px;color:var(--clv-ink);display:grid;gap:18px}
#clv-site .clv-form--live label{display:block;font-size:13px;letter-spacing:.06em;color:var(--clv-mute);font-weight:400}
#clv-site .clv-form--live input,#clv-site .clv-form--live select,#clv-site .clv-form--live textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1px solid var(--clv-line);background:var(--clv-white);font:inherit;font-size:16px;color:var(--clv-ink);border-radius:0}
#clv-site .clv-form--live input:focus,#clv-site .clv-form--live select:focus,#clv-site .clv-form--live textarea:focus{outline:2px solid var(--clv-sage);outline-offset:1px;border-color:var(--clv-sage)}
#clv-site .clv-form--live button{justify-self:start;margin-top:6px}