:root{color-scheme:only light;--paper:#fffdf9;--ink:#453d3a;--muted:#665e5a;--ember:#925869;--olive:#646e59;--line:#e3dad5;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--serif:var(--sans)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a,button{color:inherit}a{text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ad512f;outline-offset:5px}.wrap{max-width:1424px;padding-inline:clamp(22px,5vw,80px);margin-inline:auto}.mast{border-bottom:1px solid var(--line)}.nav,.nav nav,.wordmark,.cta-row,.pill,.section-head,.card-links,.footer-row,.visit,.visit-actions,.photo-open,.nav-visual,.review-link,.textlink{display:flex;align-items:center}.nav{height:83px;justify-content:space-between;gap:28px}.wordmark{gap:11px}.wordmark img{object-fit:contain;width:42px;height:48px}.wordmark>span{font-family:var(--serif);font-size:26px;line-height:.89;letter-spacing:-.045em}.wordmark b{display:block;font-weight:400}.nav nav{font-size:14px;gap:clamp(18px,2.6vw,43px);font-weight:550}.nav nav>a:hover,.footer-row a:hover,.phone:hover{text-decoration:underline;text-underline-offset:5px}
.nav-visual{border:1px solid #c5b7b2;border-radius:100px;background:transparent;padding:10px 19px;gap:9px;font-size:14px}.nav-visual:hover{background:#e8ede0}.lens{height:15px;width:16px;background:linear-gradient(currentColor,currentColor) left top / 5px 1.5px no-repeat,linear-gradient(currentColor,currentColor) left top / 1.5px 5px no-repeat,linear-gradient(currentColor,currentColor) right top / 5px 1.5px no-repeat,linear-gradient(currentColor,currentColor) right top / 1.5px 5px no-repeat,linear-gradient(currentColor,currentColor) left bottom / 5px 1.5px no-repeat,linear-gradient(currentColor,currentColor) left bottom / 1.5px 5px no-repeat,linear-gradient(currentColor,currentColor) right bottom / 5px 1.5px no-repeat,linear-gradient(currentColor,currentColor) right bottom / 1.5px 5px no-repeat}
.hero{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(26px,4.3vw,68px);padding-block:clamp(38px,4vw,64px) clamp(44px,4.4vw,74px);align-items:center}.hero-copy{padding-block:12px}.kicker,.placement{font-family:var(--sans);text-transform:uppercase;font-weight:650;letter-spacing:.155em;font-size:11px;line-height:1.45}.kicker{display:flex;align-items:center;gap:11px;margin:0 0 18px;color:var(--olive)}.short-rule{width:25px;height:1px;background:currentColor;display:inline-block}
h1,h2,h3,blockquote{font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-.035em;margin:0}h1{font-size:clamp(65px,6.7vw,105px);line-height:.98}h1 em{color:var(--ember)}h1 em,h2 em{font-weight:400}.lead{max-width:460px;font-size:clamp(16px,1.32vw,20px);line-height:1.62;margin:24px 0 30px;color:var(--muted)}.cta-row{gap:25px;flex-wrap:wrap}.pill{border:0;border-radius:40px;justify-content:center;gap:15px;font-weight:550;font-size:14px;padding:15px 23px;line-height:1.45}.primary{color:#fffdf0;background:var(--ink)}.primary:hover{background:#e5c8d0}.pill span,.photo-open span:last-child,.card-links button span,.review-link span,.textlink span{font-family:Arial,sans-serif;font-size:1.17em}.textlink{font-weight:600;font-size:14px;gap:10px;border-bottom:1px solid #8a9787;padding-block:3px}.hero-photo{margin:0;position:relative;aspect-ratio:1.42;border-radius:clamp(65px,9vw,140px) 10px 10px 10px;overflow:hidden;isolation:isolate;background:#ded4c1}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:60% 53%;display:block}.photo-open{position:absolute;bottom:18px;right:18px;gap:9px;background:#fffdf2ee;border:1px solid #fff9;color:#183e31;border-radius:100px;padding:8px 13px;font-size:12px;font-weight:600}.photo-open:hover{background:white}
.catalog{background:#faf7f3;border-block:1px solid var(--line);padding:clamp(42px,4.8vw,78px) 0 clamp(50px,6vw,92px)}h2{font-size:clamp(47px,4.2vw,70px)}.section-head{align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:32px}.section-head .kicker,.visit .kicker{margin-bottom:10px}.section-head>p{width:min(32%,360px);color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 3px}.gate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,30px)}.gate-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.gate-art{position:relative;aspect-ratio:1.48;background:#ded9ca;overflow:hidden}.gate-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 54%;transition:transform .3s}.gate-card:hover img{transform:scale(1.018)}.product-copy{padding:23px clamp(16px,1.8vw,26px) 21px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.placement{margin:0 0 8px;color:var(--ember);font-size:10px}.product-copy h3{font-size:clamp(30px,2.6vw,43px)}.product-copy>p:not(.placement){margin:12px 0 22px;color:var(--muted);font-size:14px;line-height:1.7}.card-links{border-top:1px solid var(--line);width:100%;margin-top:auto;padding-top:15px;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-links button,.card-links a{font-size:13px}.card-links button{border:0;padding:0;background:none;font-weight:650}.card-links a{text-decoration:underline;text-decoration-color:#97a395;text-underline-offset:3px}
.review{background:#f8eef0;color:var(--ink)}.review-inner{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(22px,6vw,95px);padding-block:clamp(46px,5.7vw,90px)}.review .kicker{color:#686553}.review h2 em{color:var(--ember)}.review-link{margin-top:23px;gap:11px;font-size:14px;text-decoration:underline;text-decoration-color:#93a092;text-underline-offset:5px}.quote{margin:0;border-left:1px solid #d8c8c9;padding-left:clamp(25px,4.4vw,68px)}.stars{letter-spacing:4px;font-size:15px;color:#906a40}.quote blockquote{font-size:clamp(29px,3.05vw,49px);line-height:1.14;margin:17px 0 21px}.quote figcaption{font-size:13px;color:var(--muted)}.quote figcaption span{margin:0 6px}
.visit{justify-content:space-between;gap:26px;padding-block:clamp(42px,5.5vw,88px)}.visit p:not(.kicker){margin:15px 0 0;color:var(--muted)}.visit-actions{flex-direction:column;gap:10px}.phone{font-size:14px;font-weight:600;letter-spacing:.02em}footer{border-top:1px solid var(--line)}.footer-row{gap:16px;justify-content:space-between;padding-block:22px;color:var(--muted);font-size:12px}.footer-row>span:first-child{font:22px/1 var(--serif);color:var(--ink)}.skip-link{position:fixed;top:-90px;left:10px;background:#fff;padding:10px 18px;z-index:5}.skip-link:focus{top:10px}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:20px}.hero-photo{aspect-ratio:1.12}.cta-row{gap:15px}.hero-copy .pill{padding:13px 17px}.gate-grid{gap:12px}.section-head{gap:20px}.section-head>p{width:42%}}
@media(max-width:680px){.nav{height:69px;gap:8px}.nav nav{gap:13px;font-size:13px}.wordmark{gap:6px}.wordmark img{width:32px;height:41px}.wordmark>span{font-size:22px}.nav-visual{padding:8px 11px;gap:6px;font-size:12px}.nav nav .contact-nav{display:none}.hero{grid-template-columns:1fr;gap:26px;padding-top:30px;padding-bottom:33px}.hero-copy{padding:0}.hero .kicker{margin-bottom:12px}h1{font-size:clamp(64px,12vw,82px)}.lead{margin:17px 0 21px;max-width:470px}.hero-photo{aspect-ratio:1.55;border-top-left-radius:67px}.photo-open{bottom:13px;right:13px;font-size:11px}.section-head{display:block;margin-bottom:24px}.section-head>p{width:100%;max-width:370px;margin:12px 0 0}.gate-grid{grid-template-columns:1fr;gap:20px}.gate-art{aspect-ratio:1.67}.product-copy{padding:20px}.product-copy h3{font-size:36px}.review-inner{grid-template-columns:1fr;gap:27px}.quote{border-left:0;border-top:1px solid #d8c8c9;padding:23px 0 0}.review h2 br{display:none}.review h2 em:before{content:' '}.visit{align-items:flex-start;flex-direction:column}.visit-actions{align-items:flex-start}.footer-row{flex-wrap:wrap}.footer-row>span:first-child{width:100%}}
@media(max-width:420px){.nav nav>a:first-child{display:none}.nav .wordmark>span{font-size:21px}.nav nav{gap:12px}.wrap{padding-inline:19px}.cta-row{gap:17px}.textlink{font-size:13px}.hero h1{font-size:clamp(55px,15.6vw,66px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}

button.gate-art{padding:0;border:0;display:block;width:100%;text-align:left}.expand-icon{position:absolute;bottom:10px;right:10px;display:grid;place-items:center;width:29px;height:29px;background:#fffaf0e8;border-radius:50%;font:20px/1 Arial,sans-serif;color:#193f35}.hero-photo>img{object-position:center 53%}
#installation{width:min(88vw,810px);max-height:92dvh;border:1px solid #dad8cc;background:var(--paper);color:var(--ink);border-radius:16px;padding:clamp(16px,2.8vw,30px);box-shadow:0 12px 70px #13180e55}#installation::backdrop{background:#71666369}.install-head,.install-control{display:flex;align-items:center;justify-content:space-between;gap:12px}.install-head .kicker{margin-bottom:5px}.install-head h2{font-size:clamp(30px,4vw,46px)}.install-head button{width:39px;height:39px;border:1px solid var(--line);border-radius:50%;font-size:26px;line-height:1;background:transparent}.install-control button{border:1px solid var(--line);border-radius:100px;padding:7px 14px;background:transparent}.install-control output{font-size:13px}#installation>img{display:block;width:100%;height:auto;max-height:61dvh;object-fit:contain;margin-block:17px;background:#e4e1d6}

.example{padding-block:clamp(45px,5.3vw,85px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,96px);align-items:center}.example h2 em{color:var(--ember)}.example-copy>p:not(.kicker){max-width:340px;color:var(--muted);margin:19px 0 22px}.example-copy small{display:block;color:var(--muted);max-width:320px;font-size:12px;margin:13px 0 0}.comparison{margin:0;border:1px solid var(--line);border-radius:12px;background:#f6f2ed;padding:10px 10px 9px;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.comparison>label{padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;border-radius:30px}.comparison>input:checked+label{background:var(--ink);color:var(--paper)}.comparison>input:focus-visible+label{outline:3px solid var(--ember);outline-offset:2px}.comparison>input,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.compare-image{width:100%;margin-top:4px;aspect-ratio:1.66;border-radius:5px;overflow:hidden;background:#ded5c3}.compare-image img{width:100%;height:100%;object-fit:cover;display:none}#see-before:checked~.compare-image .original,#see-after:checked~.compare-image .after{display:block}@media(max-width:680px){.example{grid-template-columns:1fr;gap:23px}.example h2 br{display:none}.example h2 em:before{content:' '}.comparison{padding:7px}.compare-image{aspect-ratio:1.48}}

/* The opening photograph is mounted like a print, with a botanical detail outside its frame. */
.hero-art { position: relative; min-width: 0; padding: 7px 6px 14px 23px; }
.hero-art .hero-photo { background: white; border: 8px solid white; outline: 1px solid #dfd7d0; border-radius: 48% 48% 3px 3px / 16% 16% 3px 3px; box-shadow: 0 8px 24px #7059480d; }
.hero-photo > img { filter: brightness(1.065); }
.hero-flower { position: absolute; bottom: -5%; left: -11%; width: 35%; height: auto; pointer-events: none; transform: rotate(-12deg); }
.hero-copy { z-index: 1; }
.mast { background: #fffdfb; }
.primary, .nav-visual { color: #593f47; background: #f2dee3; border: 1px solid #d6b8c0; }
.nav-visual { background: #fff9fa; }
.nav-visual:hover { background: #f6e6ea; }
.photo-open { color: #50453f; background: #fffdf6f2; }
.gate-card { background: transparent; border: 0; border-radius: 0; }
.gate-art { border-radius: 5px; }
.product-copy { padding-inline: 2px; }
.comparison>input:checked+label { background: #eedde1; color: #533843; box-shadow: inset 0 0 0 1px #ceb5bd; }
.review-inner { position: relative; }
.review-inner::after { content: ''; position: absolute; width: 100px; height: 110px; bottom: 10px; right: 16px; background: url('cosmos.webp') center / contain no-repeat; opacity: .56; pointer-events: none; }
.review .quote { position: relative; z-index: 1; }
@media(max-width:680px){
  .hero-art { padding: 3px 3px 10px 13px; }
  .hero-flower { width: 27%; left: -3%; bottom: -4%; }
  .review-inner::after { width: 59px; height: 63px; bottom: 5px; }
}

.hero-art .hero-photo { aspect-ratio: 1.86; }
.hero-photo > img { filter: none; }
.portfolio { padding-block: clamp(36px, 4.8vw, 74px); border-top: 1px solid var(--line); }
.installation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 2.1vw, 32px); }
.installation-grid figure { margin: 0; min-width: 0; }
.installation-link {
  width: 100%; display: block; position: relative; padding: 0; border: 0; overflow: hidden;
  background: #eee8de; aspect-ratio: 1.85; border-radius: 5px;
}
.installation-link img { display: block; width: 100%; height: 100%; object-fit: cover; }
.installation-link:hover .expand-icon, .installation-link:focus-visible .expand-icon { background: white; }
.installation-grid figcaption { margin-top: 12px; font: clamp(23px, 2.15vw, 34px)/1.12 var(--serif); }
.more-work { margin-block: 22px 0; }
.more-work summary { font-size: 14px; font-weight: 600; width: fit-content; cursor: pointer; padding-block: 4px; color: var(--ink); }
.more-work .when-open, .more-work[open] .when-closed { display: none; }
.more-work[open] .when-open { display: inline; }
.more-work[open] .installation-grid { margin-top: 22px; }
.other-services { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--line); display: flex; gap: 18px 30px; flex-wrap: wrap; align-items: baseline; }
.other-services h3 { font-size: 25px; }
.other-services div { display: flex; gap: 8px 23px; flex-wrap: wrap; }
.other-services a { font-size: 14px; text-decoration: underline; text-decoration-color: #b2a59c; text-underline-offset: 4px; }
@media(max-width:800px) { .nav nav .gates-nav { display: none; } }
@media(max-width:680px) {
  .installation-grid { grid-template-columns: 1fr; gap: 24px; }
  .installation-grid figcaption { font-size: 28px; margin-top: 8px; }
  .other-services { gap: 12px; flex-direction: column; }
  .hero-art .hero-photo { aspect-ratio: 1.95; }
}
button.textlink {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #8a9787;
  padding: 3px 0;
}
.visit p:not(.kicker) { max-width: 62ch; }

.hero-cta { flex-direction: column; align-items: flex-start; gap: 9px; }
.preview-action { max-width: 100%; }
.pill.preview-cta {
  min-height: 56px; max-width: 100%; padding: 15px 24px; gap: 12px;
  background: #6f4b58; border-color: #6f4b58; color: var(--paper);
  font-size: 17px; font-weight: 600; line-height: 1.35; text-align: center;
}
.pill.preview-cta:hover { background: #593f47; border-color: #593f47; }
.preview-cta .preview-cta-label { min-width: 0; font: inherit; }
.preview-cta > span:last-child { flex: 0 0 auto; }
.preview-help { margin: 9px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.hero-cta .evaluation-link {
  min-height: 44px; max-width: 100%; border-bottom: 0; color: var(--muted);
  font-size: 14px; font-weight: 500; text-decoration: underline; text-underline-offset: 4px;
}
@media (max-width: 680px) {
  .preview-action, .pill.preview-cta { width: 100%; }
  .pill.preview-cta { padding: 15px 18px; font-size: 16px; }
}

.footer-credit-row {
  display: flex; justify-content: flex-end; border-top: 1px solid var(--line);
  padding-block: 14px 18px;
}
.allotropic-credit {
  display: flex; align-items: center; gap: 8px; max-width: 100%; margin: 0;
  color: var(--muted); font-size: 12px; line-height: 1.5;
}
.allotropic-credit img { width: 32px; height: 32px; flex: 0 0 32px; object-fit: contain; }
.allotropic-wordmark { color: var(--ink); font-weight: 550; letter-spacing: .08em; }
@media (max-width: 680px) {
  .footer-credit-row { justify-content: flex-start; }
}

.more-work .installation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pool-service {
  display: grid; grid-template-columns: minmax(180px, .6fr) minmax(0, 1.4fr);
  align-items: center; gap: clamp(24px, 4vw, 56px);
  padding-block: clamp(32px, 4vw, 56px); border-top: 1px solid var(--line);
  scroll-margin-top: 24px;
}
.pool-service-photo { display: block; width: 100%; height: auto; aspect-ratio: 1.8; object-fit: cover; border-radius: 5px; }
.pool-service h2 { font-size: clamp(32px, 3vw, 44px); }
.pool-service-copy p { max-width: 48ch; margin: 12px 0 10px; color: var(--muted); font-size: 15px; line-height: 1.6; }
.pool-service-link {
  display: inline-flex; align-items: center; gap: 9px; min-height: 44px;
  font-size: 14px; font-weight: 550; text-decoration: underline;
  text-decoration-color: #b2a59c; text-underline-offset: 4px;
}
.pool-service-link span { font-family: Arial, sans-serif; }
@media (max-width: 680px) {
  .more-work .installation-grid, .pool-service { grid-template-columns: minmax(0, 1fr); }
  .pool-service { gap: 20px; }
  .pool-service-photo { aspect-ratio: 2.1; }
}

.nav-links {
  display: flex;
  align-items: center;
  gap: inherit;
}
.nav-links a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}

@media (max-width: 680px) {
  .nav {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0 10px;
    height: auto;
    padding-block: 12px 0;
  }
  .nav .wordmark {
    min-width: 0;
    gap: 6px;
    justify-self: start;
  }
  .nav .wordmark img {
    width: 28px;
    height: 36px;
  }
  .nav .wordmark > span {
    font-size: clamp(19px, 5.1vw, 22px);
    white-space: nowrap;
  }
  .nav nav { display: contents; }
  .nav-visual {
    grid-column: 2;
    grid-row: 1;
    min-height: 44px;
    justify-content: center;
    gap: 6px;
    padding: 8px 10px;
    font-size: 12px;
    white-space: nowrap;
  }
  .nav-links {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-top: 8px;
  }
  .nav .nav-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 2px;
    font-size: clamp(12px, 2.7vw, 14px);
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
  }
}

@media (max-width: 680px), (pointer: coarse) {
  .card-links button,
  .comparison > label,
  .phone,
  button.textlink,
  .photo-open,
  .other-services a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  .more-work summary { min-height: 44px; }
  .install-head button {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
  }
  .install-control button { min-height: 44px; }
}

@media (max-width: 680px), (max-height: 500px) {
  #installation {
    width: min(810px, calc(100% - 16px));
    max-width: none;
    max-height: calc(100dvh - 16px);
    padding: 16px;
    border-radius: 12px;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .install-head {
    position: sticky;
    top: 0;
    z-index: 1;
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 8px;
    background: var(--paper);
  }
  .install-head > div { min-width: 0; }
  .install-head h2 {
    font-size: clamp(26px, 6vw, 36px);
    overflow-wrap: anywhere;
  }
  .install-head button {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
  }
  #installation > img {
    max-height: max(90px, calc(100dvh - 210px));
    margin-block: 10px;
  }
  .install-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 8px;
  }
  .install-control button {
    min-width: 0;
    min-height: 44px;
    padding: 8px;
    font-size: 13px;
  }
  .install-control output { white-space: nowrap; }
}

/* Keep the three choices aligned and show each matched photograph in full. */
.comparison { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.comparison > label { display: flex; align-items: center; justify-content: center; align-self: stretch; min-width: 0; min-height: 44px; padding: 8px 5px; line-height: 1.3; text-align: center; }
.compare-image { grid-column: 1 / -1; aspect-ratio: 3 / 2; }
.compare-image img { object-fit: contain; }
#see-metal:checked ~ .compare-image .metal { display: block; }
.comparison-credit { grid-column: 1 / -1; min-width: 0; margin: 2px 0 0; padding-inline: 4px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.comparison-credit a { display: inline-block; min-height: 24px; line-height: 24px; text-decoration: underline; text-underline-offset: 3px; }

/* Familiar type, comfortable spacing, and a quieter heading scale. */
body { line-height: 1.6; }
h1, h2, h3, blockquote { font-family: var(--sans); letter-spacing: normal; }
h1, h2, h3 { font-weight: 600; line-height: 1.2; }
h1 em, h2 em { font-style: normal; font-weight: inherit; }
.hero h1 { font-size: clamp(38px, 4.8vw, 68px); line-height: 1.15; }
h2 { font-size: clamp(28px, 3vw, 42px); }
.product-copy h3 { font-size: clamp(23px, 2vw, 28px); }
.pool-service h2 { font-size: clamp(28px, 2.5vw, 36px); }
.other-services h3 { font-size: 22px; }
.installation-grid figcaption { font: 500 clamp(18px, 1.6vw, 21px)/1.4 var(--sans); }
.quote blockquote { font-size: clamp(22px, 2.2vw, 30px); line-height: 1.5; }
.section-head > p, .pool-service-copy p { font-size: 16px; }
.product-copy > p:not(.placement) { font-size: 15px; line-height: 1.6; }
.card-links button, .card-links a { font-size: 14px; }
.kicker, .placement { font-size: 12px; font-weight: 600; letter-spacing: .06em; }
.wordmark > span { font-size: 22px; font-weight: 600; line-height: 1.1; letter-spacing: normal; }
.wordmark b { font-weight: 400; }
.footer-row > span:first-child { font: 600 18px/1.4 var(--sans); }
.install-head h2 { font-size: clamp(24px, 3vw, 32px); }
@media (max-width: 680px) {
  .hero h1 { font-size: clamp(36px, 7.4vw, 48px); }
  .nav .wordmark > span { font-size: clamp(16px, 4.2vw, 18px); }
}