/* Reuse the Clients project background and magnetic field. */
.seam-explorer{--seam-ink:#f3f1ed;--receipt-ink:#232521;--receipt-paper:#fbfaf4;--receipt-font:"SFMono-Regular",Menlo,Consolas,"DejaVu Sans Mono",monospace;padding:80px clamp(22px,5vw,84px) 64px;color:var(--seam-ink);scroll-margin-top:128px}
#standing-seam-pricing :where(p,h3,legend,summary,a){color:inherit}
.seam-explorer *{box-sizing:border-box}
.seam-inner{max-width:1440px}
.seam-heading{font:800 clamp(46px,6vw,88px)/1.03 var(--font-display);letter-spacing:-.055em;margin:0;color:#fff;text-wrap:balance}
#standing-seam-pricing .seam-heading{color:#fff!important}
.seam-intro{font-size:23px;line-height:1.5;max-width:760px;margin:28px 0 42px}
.seam-projects{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:0 0 44px}
.seam-project{appearance:none;background:transparent;border:0;border-bottom:2px solid #ffffff45;display:block;text-align:left;padding:0 0 16px;color:inherit;font:650 20px/1.3 var(--font-sans);cursor:pointer;min-width:0}
.seam-project img{display:block;width:100%;height:100px;object-fit:cover;opacity:.6;margin-bottom:14px;transition:opacity .2s}
.seam-project small{display:block;margin-top:6px;font-size:16px;font-weight:450}
.seam-project[aria-pressed=true]{border-bottom-color:#fff}
.seam-project[aria-pressed=true] img,.seam-project:hover img{opacity:1}
.seam-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,1fr);gap:clamp(34px,5vw,80px);align-items:start}
.seam-stage{min-width:0}
.seam-stage-top{display:flex;justify-content:flex-end}
.seam-view{display:flex;border:1px solid #ffffff65;border-radius:30px;padding:4px}
.seam-view button{appearance:none;border:0;background:transparent;border-radius:24px;color:inherit;padding:9px 20px;font:600 17px/1.2 var(--font-sans);cursor:pointer}
.seam-view button[aria-pressed=true]{background:#f3f1ed;color:#232521}
.seam-art{height:clamp(320px,35vw,500px);display:grid;place-items:center;position:relative;margin:22px 0 12px;overflow:hidden}
.seam-art svg{display:block;width:88%;height:88%;min-width:0;min-height:0;filter:drop-shadow(0 20px 25px rgba(0,0,0,.22));transform:rotate(-5deg)}
.seam-photo{display:block;height:100%;width:100%;object-fit:contain}
.seam-art.is-photo{padding:16px 0}
.seam-caption{text-align:center;padding:12px 0 24px}
.seam-caption a{font-size:20px;font-weight:650;text-underline-offset:5px}
.seam-size{margin-top:20px;border-top:1px solid #ffffff55;padding-top:28px}
.seam-size-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.seam-size label{font-size:24px;font-weight:700}
.seam-size-entry{display:flex;align-items:center;gap:10px;font-size:18px}
.seam-size-entry input{appearance:textfield;width:112px;border:1px solid #ffffff70;background:#ffffff0d;border-radius:0;padding:9px 12px;font:600 23px var(--font-sans);color:#fff;text-align:right}
.seam-size-entry input[aria-invalid=true]{outline:2px solid #ffceaa}
.seam-size input[type=range]{display:block;width:100%;accent-color:#f3f1ed;margin:22px 0 12px;cursor:pointer;min-height:32px}
.seam-size-meta{display:flex;justify-content:space-between;align-items:start;gap:20px;font-size:16px;line-height:1.5}
.seam-reset{appearance:none;background:none;border:0;padding:0;color:inherit;font:600 17px/1.5 var(--font-sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer;flex-shrink:0}
.seam-reset:disabled{opacity:.5;cursor:default}
.seam-size-note{font-size:17px;line-height:1.55;margin:18px 0 0;max-width:42ch}
.seam-controls{border-top:1px solid #ffffff55;margin-top:30px;padding-top:28px}
.seam-controls fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}
.seam-controls legend,.seam-finish-label{font-size:24px;font-weight:700;margin-bottom:16px;display:block}
.seam-controls legend span{display:block;font-size:17px;font-weight:450;margin-top:6px}
.seam-gauges{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.seam-gauge{cursor:pointer;position:relative}
.seam-gauge input{position:absolute;top:50%;left:17px;transform:translateY(-50%);accent-color:#232521;margin:0;width:17px;height:17px}
.seam-gauge span{display:block;border:1px solid #ffffff65;padding:16px 14px 16px 46px;font-size:20px;font-weight:600}
.seam-gauge input:checked+span{border-color:#f3f1ed;background:#f3f1ed;color:#232521}
.seam-finish{width:100%;border:1px solid #ffffff70;border-radius:0;padding:15px 36px 15px 16px;background:#f3f1ed;color:#232521;font:500 18px var(--font-sans);min-height:56px}
.seam-price-sheet{position:relative;background:var(--receipt-paper);color:var(--receipt-ink);padding:36px clamp(25px,3vw,44px) 30px;filter:drop-shadow(0 18px 18px #00000026);font:17px/1.45 var(--receipt-font);font-variant-numeric:tabular-nums;min-width:0}
.seam-price-sheet:before,.seam-price-sheet:after{content:"";position:absolute;left:0;right:0;height:12px;background:linear-gradient(135deg,var(--receipt-paper) 25%,transparent 25%) -8px 0,linear-gradient(225deg,var(--receipt-paper) 25%,transparent 25%) -8px 0;background-size:16px 16px}
.seam-price-sheet:before{top:-11px;transform:rotate(180deg)}
.seam-price-sheet:after{bottom:-11px}
.seam-receipt-header{text-align:center;padding-bottom:24px;border-bottom:2px dashed #23252180}
.seam-receipt-header p{margin:8px 0 0;font-size:17px;letter-spacing:.07em}
.seam-receipt-header .seam-receipt-brand{font-weight:700;font-size:clamp(22px,2.2vw,32px);letter-spacing:-.03em;margin:0}
.seam-receipt-info{margin:22px 0;padding:0 0 22px;border-bottom:1px dashed #23252180;font-size:16px}
.seam-receipt-info>div{display:flex;justify-content:space-between;gap:22px;margin-top:9px}
.seam-receipt-info dt{flex-shrink:0}
.seam-receipt-info dd{margin:0;text-align:right;overflow-wrap:anywhere}
.seam-receipt-item>p:first-child{font-size:21px;font-weight:700;margin:0 0 14px}
.seam-receipt-math{display:flex;justify-content:space-between;gap:16px;font-size:19px}
.seam-receipt-includes{font-size:16px;margin:8px 0 0}
.seam-receipt-total{border-top:2px dashed #23252180;border-bottom:2px dashed #23252180;padding:24px 0;margin:24px 0 20px}
.seam-price-kicker{font-size:18px;font-weight:700;letter-spacing:.04em;margin:0 0 8px}
.seam-price{font:700 clamp(56px,5.4vw,78px)/1.06 var(--receipt-font);letter-spacing:-.085em;margin:0;display:block;overflow-wrap:anywhere}
.seam-price.is-unpriced{font-size:38px;letter-spacing:-.06em}
.seam-price-context{font-size:16px;line-height:1.5;margin:12px 0 0}
.seam-option-note{font-size:16px;line-height:1.5;margin:0}
.seam-comparison{border-top:1px dashed #23252180;margin-top:24px;padding-top:22px}
.seam-comparison-title{font-size:16px;font-weight:700;margin:0 0 22px}
.seam-bar-label{display:flex;justify-content:space-between;gap:16px;font-size:16px;line-height:1.4;margin-bottom:9px}
.seam-bar-label strong{font-weight:700;white-space:nowrap}
.seam-bar-track{height:5px;background:#23252112;margin-bottom:18px}
.seam-bar{height:5px;background:#96978f;transition:width .2s ease}
.seam-bar.is-active{background:#232521}
.seam-compare-note{font-size:16px;line-height:1.5;margin:4px 0 24px}
.seam-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#232521;color:#fff!important;padding:18px;font:650 18px/1.35 var(--font-sans);text-decoration:none}
.seam-cta:hover{background:#41433d}
.seam-receipt-footer{text-align:center;border-top:1px dashed #23252180;margin-top:26px;padding-top:24px}
.seam-barcode{height:36px;width:180px;max-width:75%;margin:0 auto 15px;background:repeating-linear-gradient(90deg,#232521 0 2px,transparent 2px 5px,#232521 5px 6px,transparent 6px 9px,#232521 9px 13px,transparent 13px 16px,#232521 16px 17px,transparent 17px 21px)}
.seam-receipt-footer p{font-size:16px;line-height:1.5;margin:0}
.seam-bottom{display:grid;grid-template-columns:1fr 1fr;gap:32px 60px;margin-top:70px;padding-top:36px;border-top:1px solid #ffffff55;font-size:18px;line-height:1.65}
.seam-bottom details{border:0;padding:0;background:none}
.seam-bottom summary{font-size:22px;font-weight:650;cursor:pointer;list-style:disclosure-closed;padding:0}
.seam-bottom details[open] summary{list-style:disclosure-open}
.seam-bottom p{margin:16px 0 0}
.seam-feedback{font-size:18px;line-height:1.65;margin:40px 0 0}
.seam-feedback a{text-underline-offset:4px}
.seam-explorer :focus-visible{outline:3px solid #fff;outline-offset:5px}
.seam-price-sheet :focus-visible{outline-color:#232521}
.seam-explorer [hidden]{display:none!important}
.seam-loading{padding:20px 0;font-size:20px}
@media(max-width:1050px){.seam-workspace{gap:30px;grid-template-columns:minmax(0,1fr) minmax(350px,1fr)}.seam-projects{gap:14px}.seam-project{font-size:18px}.seam-project img{height:80px}.seam-project small{font-size:16px}.seam-price-sheet{padding:30px 25px}.seam-gauge span{font-size:18px;padding-left:40px}.seam-gauge input{left:13px}.seam-size-meta{display:block}.seam-reset{margin-top:12px}}
@media(max-width:900px){.seam-explorer{padding-top:56px}.seam-workspace{grid-template-columns:1fr;gap:52px}.seam-stage,.seam-price-sheet{width:100%;max-width:650px;margin:0 auto}.seam-art{height:400px}.seam-size-meta{display:flex}.seam-reset{margin-top:0}.seam-bottom{gap:30px}.seam-price-sheet{padding:36px}.seam-price{font-size:76px}}
@media(max-width:600px){.seam-explorer{padding:44px 20px 40px;scroll-margin-top:122px}.seam-heading{font-size:clamp(35px,8.5vw,50px);line-height:1.08;letter-spacing:-.045em}.seam-intro{font-size:20px;margin:24px 0 32px}.seam-projects{display:flex;overflow:auto;gap:16px;padding-bottom:8px;margin-bottom:28px;scroll-snap-type:x proximity}.seam-project{flex:0 0 150px;scroll-snap-align:start;font-size:19px}.seam-project img{height:86px}.seam-art{height:320px;margin-top:10px}.seam-view button{font-size:17px}.seam-caption{padding-bottom:16px}.seam-size{margin-top:12px}.seam-size label,.seam-controls legend,.seam-finish-label{font-size:23px}.seam-size-entry{font-size:17px}.seam-size-entry input{width:98px;font-size:22px}.seam-size-meta{display:block}.seam-reset{margin-top:12px}.seam-size-note{font-size:17px}.seam-workspace{gap:46px}.seam-price-sheet{padding:30px 22px}.seam-receipt-info>div{gap:12px}.seam-receipt-info{font-size:16px}.seam-price{font-size:clamp(42px,12vw,66px)}.seam-receipt-math{font-size:18px}.seam-receipt-item>p:first-child{font-size:21px}.seam-bar-label{gap:12px}.seam-bottom{grid-template-columns:1fr;gap:28px;margin-top:56px}.seam-bottom summary{font-size:21px}.seam-feedback{font-size:18px}.seam-receipt-header .seam-receipt-brand{font-size:26px}}
@media(prefers-reduced-motion:reduce){.seam-bar,.seam-project img{transition:none}}
