@font-face{font-family:onest;src:url(../media/Onest_Variable-s.p.124xpx53vixl6.ttf)format("truetype");font-display:swap;font-weight:100 900}@font-face{font-family:onest Fallback;src:local(Arial);ascent-override:91.42%;descent-override:28.75%;line-gap-override:0.0%;size-adjust:106.1%}.onest_4dcb95f7-module__f0_KaW__className{font-family:onest,onest Fallback}.onest_4dcb95f7-module__f0_KaW__variable{--font-onest:"onest", "onest Fallback"}
:root{--ink:#101213;--paper:#f3f3f0;--white:#fff;--muted:#afb5b9;--line:#fff3;--gutter:clamp(24px, 4.5vw, 84px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--ink);color:#f8f8f6;font-family:var(--font-onest), Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}body:has(dialog[open]){overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}:where(button,a,summary,input,select,textarea):focus-visible{outline-offset:5px;outline:2px solid #6593a7}::selection{color:#101213;background:#adc6d2}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:350}img{max-width:100%}svg{flex-shrink:0}fieldset{min-width:0}.skip-link{z-index:100;color:#000;background:#fff;padding:12px 20px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:12px}.section-pad{padding:clamp(84px, 9vw, 152px) var(--gutter)}.eyebrow{letter-spacing:.17em;text-transform:uppercase;font-size:12px;font-weight:450;line-height:1.65}.light-section{background:var(--paper);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.light-section .eyebrow{color:#62696d}.text-link{border-bottom:1px solid;align-items:center;gap:22px;min-height:44px;padding:7px 0;font-size:14px;transition:opacity .2s;display:inline-flex}.text-link:hover{opacity:.65}.pill{border:1px solid;border-radius:100px;justify-content:center;align-items:center;gap:28px;min-height:49px;padding:14px 24px;font-size:14px;font-weight:400;line-height:1.4;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.pill-light{border-color:#fff9}.pill-light:hover{color:var(--ink);background:#fff}.pill-solid{background:var(--ink);color:#fff;border-color:var(--ink)}.pill-solid:hover{background:#343b3e;border-color:#343b3e}.photograph{position:relative;overflow:hidden}.photograph img{object-fit:cover}.site-header{z-index:20;width:100%;height:88px;padding:0 var(--gutter);background:linear-gradient(#0d0f10a3,#0d0f101f);border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0}.brand-link{padding:14px 0;position:absolute;left:50%;transform:translate(-50%)}.wordmark{letter-spacing:.1em;gap:14px;font-size:26px;font-weight:300;line-height:1;display:flex}.menu-trigger{letter-spacing:.13em;align-items:center;gap:15px;min-height:44px;padding:0;font-size:12px;display:flex}.menu-lines{border-top:1px solid;border-bottom:1px solid;width:23px;height:10px}.header-contact{align-items:center;gap:20px;min-height:44px;font-size:14px;display:flex}.hero{background:#0c0e0f;padding-bottom:28px;position:relative;overflow:hidden}.hero-image-wrap{max-width:1672px;margin:auto;position:relative}.hero-photo{height:clamp(450px,100svh - 160px,850px);max-height:66.6667vw}.hero-photo img{object-position:center 38%}.hero-scrim{pointer-events:none;background:linear-gradient(#0000 70%,#0c0e0f 100%);position:absolute;inset:0}.hero-copy{text-align:center;width:100%;margin-top:-40px;padding:0 24px 58px;position:relative}.hero-copy .eyebrow{color:#c8ced1;margin-bottom:17px}.hero h1{letter-spacing:-.045em;font-size:clamp(32px,3.5vw,58px);font-weight:300;line-height:1.15}.hero-description{color:#bcc2c6;margin-top:18px;font-size:16px}.hero .pill{margin-top:26px}.hero-bottom{margin:0 var(--gutter);letter-spacing:.11em;color:#a7aeb2;justify-content:space-between;gap:20px;font-size:12px;display:flex}.manifesto{text-align:center;background:#0c0e0f;padding-top:110px;padding-bottom:90px}.manifesto .eyebrow{color:#a9b3b9;margin-bottom:35px}.manifesto h2{letter-spacing:-.04em;font-size:clamp(32px,3.5vw,58px);line-height:1.25}.manifesto h2 span{color:#a8b0b6}.lead{color:#b7bec3;max-width:650px;margin:30px auto 0;font-size:18px;line-height:1.85}.manifesto-line{background:#4e5559;width:1px;height:75px;margin:55px auto 0;display:block}.section-heading{grid-template-columns:1fr 2fr;align-items:start;gap:55px;margin-bottom:80px;display:grid}.section-heading>.eyebrow{padding-top:10px}.section-heading h2{letter-spacing:-.055em;max-width:850px;font-size:clamp(34px,4.5vw,68px);line-height:1.14}.section-intro{color:#656a6d;margin-top:26px;font-size:17px;line-height:1.8}.material-row{border-top:1px solid #c8cbca;grid-template-columns:.15fr 1fr 1.15fr 56px;align-items:start;gap:36px;padding:46px 0;display:grid}.material-index{color:#626b6f;letter-spacing:.07em;padding-top:5px;font-size:12px}.material-name .eyebrow{letter-spacing:.1em;font-size:12px}.material-name h3{letter-spacing:-.04em;margin:17px 0 12px;font-size:clamp(27px,2.6vw,42px);line-height:1.2}.material-name>p:last-child{color:#696f71;font-size:15px}.material-description{color:#4c5458;max-width:520px;padding:3px 30px 0 0;font-size:16px;line-height:1.9}.material-description>span{color:#636c70;margin-top:20px;font-size:14px;display:block}.round-link{border:1px solid #9da4a5;border-radius:50%;place-items:center;width:52px;height:52px;transition:background .2s,color .2s;display:grid}.round-link:hover{background:var(--ink);color:#fff}.material-footnote{color:#656d71;text-align:right;border-top:1px solid #c8cbca;padding-top:24px;font-size:13px}.character-section{background:#101514;padding-top:108px;padding-bottom:104px}.character-heading{padding:0 var(--gutter) 65px;grid-template-columns:1fr 1.4fr 1fr;align-items:end;gap:40px;display:grid}.character-heading>.eyebrow{color:#abb5b0;align-self:start;padding-top:6px}.character-heading h2{letter-spacing:-.035em;font-size:clamp(32px,3vw,49px);line-height:1.22}.character-heading h2 span{color:#aab5af}.character-heading>p:last-child{color:#b4beba;justify-self:end;max-width:270px;font-size:15px;line-height:1.8}.green-photo{aspect-ratio:3/2;width:100%;max-width:1536px;margin:0 auto}.image-caption{max-width:1536px;padding:23px var(--gutter) 0;letter-spacing:.12em;color:#aeb9b2;justify-content:space-between;gap:20px;margin:0 auto;font-size:12px;display:flex}.character-after{padding:85px var(--gutter) 0;grid-template-columns:1fr 1fr;gap:100px;max-width:1440px;margin:auto;display:grid}.character-after>p{letter-spacing:-.035em;font-size:clamp(30px,3vw,46px);font-weight:300;line-height:1.3}.character-after>div{justify-self:end;max-width:465px}.character-after>div>p{color:#b4beba;font-size:17px;line-height:1.85}.character-after .text-link{margin-top:24px}.craft-section{padding:115px 0 0}.craft-grid{grid-template-columns:1.35fr 1fr;align-items:center;gap:clamp(50px,6vw,115px);max-width:1672px;margin:0 auto;display:grid}.installation-photo{aspect-ratio:3/2}.photo-note{letter-spacing:.1em;color:#646e71;padding:22px 0 0 var(--gutter);font-size:12px;line-height:1.7}.craft-copy{padding:0 var(--gutter) 28px 0}.craft-copy h2{letter-spacing:-.05em;margin:28px 0;font-size:clamp(31px,3.2vw,52px);line-height:1.18}.craft-copy h2 span{color:#707779}.craft-copy>p:not(.eyebrow){color:#5f686b;max-width:385px;font-size:16px;line-height:1.9}.craft-copy .text-link{margin-top:28px}.process-grid{margin:100px var(--gutter) 0;border-top:1px solid #c8cbca;grid-template-columns:repeat(3,1fr);gap:75px;padding:50px 0 100px;display:grid}.process-number{color:#6a7376;margin-bottom:30px;font-size:26px;font-weight:300;display:block}.process-grid h3{letter-spacing:-.03em;margin-bottom:20px;font-size:22px;font-weight:400;line-height:1.35}.process-grid p{color:#5c666b;max-width:360px;font-size:16px;line-height:1.9}.brief-section{background:#e9ebe8;border-top:1px solid #c8cbca}.brief-section .section-heading{margin-bottom:70px}.brief-grid{grid-template-columns:1fr 1fr;gap:clamp(65px,9vw,180px);max-width:1200px;margin-left:auto;display:grid}.brief-controls fieldset{border:0;margin:0;padding:0}.brief-controls legend{margin-bottom:21px;padding:0;font-size:16px}.material-choice{cursor:pointer;border-top:1px solid #bfc5c2;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;display:flex;position:relative}.material-choice:last-child{border-bottom:1px solid #bfc5c2}.material-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.material-choice:has(input:focus-visible){outline-offset:5px;outline:2px solid #6593a7}.material-choice strong{letter-spacing:-.025em;font-size:19px;font-weight:400;display:block}.material-choice>span>span{color:#606c6c;margin-top:3px;font-size:14px;display:block}.radio-mark{border:1px solid #85918d;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.is-selected .radio-mark{color:#fff;background:#283430;border-color:#283430}.select-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;display:grid}.select-grid label,.car-field{color:#4f5a5a;font-size:14px;display:block}.select-grid select{color:#1f2925;background:0 0;border:0;border-bottom:1px solid #a6b0ac;border-radius:0;width:100%;min-height:49px;padding:12px 20px 12px 0;font-size:16px;display:block}.car-field{margin-top:25px}.car-field>span{color:#59665f;margin-left:8px;font-size:12px}.car-field input{width:100%;min-height:49px;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #a6b0ac;border-radius:0;padding:12px 0;font-size:16px;display:block}.car-field input::placeholder{color:#67746d}.car-field input:focus-visible,.select-grid select:focus-visible{outline-offset:3px;border-bottom-color:#3c6151}.brief-summary{padding:8px 0 0}.brief-summary>.eyebrow{margin-bottom:24px}.summary-title{align-items:center;gap:20px;display:flex}.summary-title h3{letter-spacing:-.045em;font-size:34px;line-height:1.2}.material-swatch{border:1px solid #959d98;border-radius:50%;flex-shrink:0;width:42px;height:42px;display:block}.swatch-clear{background:linear-gradient(125deg,#899295,#f7f8f5 40%,#abb2b1 76%,#687476)}.swatch-color{background:linear-gradient(125deg,#0b2620,#466b4b 48%,#152d25)}.swatch-vinyl{background:linear-gradient(125deg,#17191b,#50565d 44%,#1e2527)}.summary-description{color:#4d5c54;min-height:90px;margin-top:24px;font-size:16px;line-height:1.85}.brief-summary dl{border-top:1px solid #bfc5c2;margin:22px 0}.brief-summary dl>div{border-bottom:1px solid #bfc5c2;justify-content:space-between;gap:20px;padding:13px 0;font-size:14px;display:flex}.brief-summary dt{color:#5a6660}.brief-summary dd{text-align:right;margin:0}.brief-pricing{color:#546157;max-width:370px;margin-bottom:25px;font-size:14px;line-height:1.8}.brief-summary .pill{justify-content:space-between;width:100%}.brief-note{color:#5a6660;max-width:335px;min-height:48px;margin-top:14px;font-size:12px;line-height:1.8}.brief-summary .text-link{margin-top:12px;font-size:13px}.faq-section{grid-template-columns:1fr 1.6fr;gap:clamp(55px,8vw,150px);display:grid}.faq-section .eyebrow{color:#a9b3b9}.faq-section h2{letter-spacing:-.04em;margin-top:26px;font-size:clamp(30px,3.1vw,46px);line-height:1.25}.questions details{border-top:1px solid #484e51}.questions details:last-child{border-bottom:1px solid #484e51}.questions summary{cursor:pointer;justify-content:space-between;align-items:center;gap:25px;padding:27px 0;font-size:17px;line-height:1.5;list-style:none;display:flex}.questions summary::-webkit-details-marker{display:none}.questions summary svg{color:#abb5ba;transition:transform .2s}.questions details[open] summary svg{transform:rotate(45deg)}.questions details>p{color:#b9c1c5;max-width:650px;padding:0 30px 29px 0;font-size:16px;line-height:1.9}.site-footer{padding:0 var(--gutter) 26px}.footer-top{border-top:1px solid #484e51;border-bottom:1px solid #484e51;align-items:center;gap:100px;padding:58px 0;display:flex}.footer-top .wordmark{gap:23px;font-size:53px}.footer-top>p{color:#b8c0c5;font-size:17px;font-weight:300;line-height:1.6}.back-top{border:1px solid #798184;border-radius:50%;place-items:center;width:52px;height:52px;margin-left:auto;transition:background .2s,color .2s;display:grid}.back-top:hover{color:var(--ink);background:#fff}.footer-bottom{color:#aeb8bd;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:24px;padding-top:26px;font-size:12px;display:flex}.footer-bottom a{align-items:center;gap:8px;min-height:44px;display:inline-flex}.navigation-dialog{color:#fff;background:#171d1d;border:0;width:660px;max-width:100%;min-height:100svh;max-height:100svh;margin:0 0 0 auto;padding:0;box-shadow:-20px 0 120px #0005}.navigation-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000b}.navigation-inner{flex-direction:column;justify-content:space-between;gap:60px;min-height:100svh;padding:35px 50px;display:flex}.navigation-top{justify-content:space-between;align-items:center;display:flex}.icon-button{place-items:center;width:48px;height:48px;display:grid}.navigation-inner nav a{letter-spacing:-.025em;border-bottom:1px solid #505a59;grid-template-columns:30px 1fr 24px;align-items:center;gap:20px;min-height:96px;font-size:30px;font-weight:300;display:grid}.navigation-inner nav a:hover{color:#afc6ba}.nav-number{color:#a4b0ad;letter-spacing:0;font-size:12px}.navigation-inner>.eyebrow{color:#9daea7}.privacy-page{padding:70px var(--gutter) 120px;max-width:980px;margin:auto}.privacy-brand{width:max-content;margin-bottom:65px;display:block}.privacy-page>.eyebrow{color:#adb7bd;margin:65px 0 25px}.privacy-page h1{letter-spacing:-.05em;margin-bottom:60px;font-size:clamp(38px,5vw,68px);line-height:1.16}.privacy-page section{border-top:1px solid #41494d;margin-top:36px;padding-top:32px}.privacy-page section h2{margin-bottom:14px;font-size:24px}.privacy-page section p{color:#b4c0c6;font-size:17px;line-height:1.9}@media (min-width:1800px){.hero-image-wrap:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0c0e0f,#0000 4% 96%,#0c0e0f);position:absolute;inset:0}.section-pad{padding-left:max(var(--gutter), calc((100% - 1536px) / 2));padding-right:max(var(--gutter), calc((100% - 1536px) / 2))}.hero-copy{margin-top:-30px}.character-heading{max-width:1700px;margin:auto}.craft-grid{padding-left:45px}.process-grid{max-width:1500px;margin-left:auto;margin-right:auto}.site-footer{max-width:1700px;margin:auto}}@media (max-width:1100px){.material-row{grid-template-columns:24px 1fr 1.15fr 48px;gap:22px}.material-description{padding-right:0}.character-heading{grid-template-columns:1fr 1.5fr;gap:28px}.character-heading>p:last-child{grid-column:2;justify-self:start}.craft-grid{gap:40px}.craft-copy h2{font-size:35px}.craft-copy{padding-right:32px}.process-grid{gap:35px}.brief-grid{gap:65px}.section-heading{gap:30px}.faq-section{gap:55px}.summary-title h3{font-size:29px}}@media (max-width:900px){.craft-grid{flex-direction:column;gap:55px;display:flex}.craft-visual{width:100%}.craft-copy{width:100%;padding:0 var(--gutter);grid-template-columns:1fr 1fr;align-items:start;column-gap:55px;display:grid}.craft-copy>.eyebrow{grid-column:1/-1}.craft-copy h2{grid-row:2/4;margin-bottom:0;font-size:42px}.craft-copy>p:not(.eyebrow){grid-column:2;margin-top:29px}.craft-copy .text-link{grid-column:2;width:max-content;margin-top:24px}.process-grid{margin-top:70px}.brief-grid{gap:45px}.section-heading{grid-template-columns:1fr 2.4fr}.summary-title{gap:12px}.summary-title h3{font-size:26px}.summary-description{min-height:120px}.select-grid{grid-template-columns:1fr;gap:22px}.faq-section{grid-template-columns:1fr;gap:40px}.footer-top{gap:55px}}@media (max-width:700px){:root{--gutter:24px}.site-header{background:#0c0e0f;height:76px}.wordmark{gap:10px;font-size:23px}.header-contact{gap:8px;max-width:117px;font-size:12px;line-height:1.3}.header-contact svg{width:14px}.menu-trigger>span:last-child{display:none}.menu-trigger{width:44px}.hero{padding-top:76px;padding-bottom:24px}.hero-photo{aspect-ratio:3/2;height:auto}.hero-photo img{object-position:center 50%}.hero-scrim{background:linear-gradient(#0000 82%,#0c0e0f)}.hero-copy{margin-top:0;padding:27px 24px 50px}.hero-copy .eyebrow{margin-bottom:21px;font-size:12px}.hero h1{font-size:41px;line-height:1.12}.hero h1 span{display:block}.hero-description{max-width:275px;margin:20px auto 0;font-size:15px;line-height:1.75}.hero .pill{margin-top:25px;font-size:14px}.hero-bottom{letter-spacing:.14em;justify-content:center;font-size:12px}.hero-bottom span:last-child{display:none}.section-pad{padding-top:77px;padding-bottom:77px}.manifesto{padding-top:70px;padding-bottom:60px}.manifesto .eyebrow{max-width:265px;margin:0 auto 29px;font-size:12px}.manifesto h2{font-size:32px}.lead{margin-top:25px;font-size:16px;line-height:1.85}.manifesto-line{height:55px;margin-top:40px}.section-heading{margin-bottom:45px;display:block}.section-heading>.eyebrow{margin-bottom:26px;padding:0}.section-heading h2{font-size:37px;line-height:1.16}.section-intro{margin-top:24px;font-size:16px}.material-row{grid-template-columns:1fr 48px;gap:0 18px;padding:30px 0}.material-index{display:none}.material-name{grid-column:1}.material-name h3{margin:14px 0 10px;font-size:31px}.material-name .eyebrow{letter-spacing:.08em;font-size:12px}.material-name>p:last-child{font-size:14px}.material-description{grid-area:2/1/auto/-1;margin-top:23px;font-size:16px}.material-description>span{margin-top:15px;font-size:14px}.round-link{grid-area:1/2;width:44px;height:44px;margin-top:27px}.material-footnote{text-align:left;font-size:12px;line-height:1.9}.character-section{padding:74px 0 70px}.character-heading{padding-bottom:34px;display:block}.character-heading>.eyebrow{margin-bottom:25px;padding:0}.character-heading h2{font-size:35px;line-height:1.22}.character-heading>p:last-child{margin-top:25px;font-size:15px}.green-photo{aspect-ratio:3/2}.image-caption{letter-spacing:.06em;flex-wrap:wrap;gap:6px;padding-top:20px;font-size:12px}.image-caption span:first-child{width:100%;font-size:11px}.character-after{grid-template-columns:1fr;gap:28px;padding-top:48px}.character-after>p{font-size:32px}.character-after>div{justify-self:start;max-width:100%}.character-after>div>p{font-size:16px}.character-after .text-link{margin-top:20px}.craft-section{padding-top:0}.craft-grid{gap:45px}.installation-photo{aspect-ratio:3/2}.photo-note{letter-spacing:.06em;padding:18px var(--gutter) 0;font-size:11px}.craft-copy{display:block}.craft-copy h2{margin:27px 0;font-size:38px}.craft-copy>p:not(.eyebrow){max-width:none;margin:0;font-size:16px}.craft-copy .text-link{margin-top:25px}.process-grid{border:0;margin-top:55px;padding:0 0 65px;display:block}.process-grid article{border-top:1px solid #c8cbca;grid-template-columns:32px 1fr;column-gap:20px;padding:25px 0;display:grid}.process-number{grid-row:1/3;margin:0;font-size:21px}.process-grid h3{margin:0 0 14px;font-size:21px}.process-grid p{grid-column:2;font-size:15px;line-height:1.8}.brief-section .section-heading{margin-bottom:38px}.brief-grid{display:block}.select-grid{grid-template-columns:1fr 1fr;gap:20px}.select-grid select{font-size:15px}.brief-summary{border-top:1px solid #aeb8b1;margin-top:48px;padding:33px 0 0}.summary-title h3{font-size:33px}.summary-title{gap:18px}.summary-description{min-height:0}.brief-summary dl{margin-top:24px}.brief-summary .pill{width:100%}.brief-note{max-width:100%;min-height:0;margin-bottom:7px}.faq-section{gap:30px}.faq-section h2{font-size:33px}.questions summary{gap:20px;padding:24px 0;font-size:16px}.questions details>p{padding-right:0;font-size:15px}.footer-top{flex-wrap:wrap;gap:32px 20px;padding:39px 0}.footer-top .wordmark{gap:17px;font-size:35px}.footer-top>p{order:3;width:100%;font-size:15px}.back-top{width:46px;height:46px}.footer-bottom{grid-template-columns:1fr auto;gap:12px;font-size:11px;display:grid}.footer-bottom>a:last-child{grid-column:1/-1}.navigation-inner{gap:60px;padding:25px}.navigation-inner nav a{grid-template-columns:23px 1fr 20px;gap:10px;min-height:93px;font-size:25px}.navigation-inner nav svg{width:20px}.privacy-page{padding-top:40px;padding-bottom:70px}.privacy-page h1{font-size:40px}.privacy-page section p{font-size:16px}}@media (max-width:360px){.site-header .wordmark{gap:8px;font-size:20px}.hero h1{font-size:35px}.header-contact{max-width:92px}.select-grid{grid-template-columns:1fr}.section-heading h2{font-size:32px}.hero-copy{padding-left:20px;padding-right:20px}.navigation-inner nav a{font-size:21px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}