@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:300;font-display:block;src:url(fonts/BarlowCondensed-normal-300.woff2) format('woff2')}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:100 900;font-display:block;src:url(fonts/PublicSans-var-latin.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:block;src:url(fonts/IBMPlexMono-normal-400.woff2) format('woff2')}
/* All new rules are scoped. The approved .home-hero has no b3 class. */
body.inner{margin:0;background:#eeeae1;color:#252623;font:400 16px/1.7 'Public Sans',sans-serif;-webkit-font-smoothing:antialiased}
body.inner.dark{background:#202321;color:#eeeae1}
.inner *,.b3 *{box-sizing:border-box}
.inner html{scroll-behavior:smooth}
.b3{--b-paper:#eeeae1;--b-ink:#252623;--b-line:#25262336;--b-muted:#62625a;--b-accent:#964d36;color:var(--b-ink);background:var(--b-paper);font:400 16px/1.7 'Public Sans',sans-serif;-webkit-font-smoothing:antialiased;text-align:left}
.b3 :is(p,h1,h2,h3,h4,figure,blockquote,dl,dd,ol,ul){margin:0}
.b3 :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--b-accent);outline-offset:5px}
.b3 a{color:inherit;text-decoration:none}
.b3 button,.b3 input,.b3 select,.b3 textarea{font:inherit;border-radius:0}
.b3 button,.b3 summary{cursor:pointer}
.b3 button{color:inherit}
.b3 img{display:block;width:100%;height:100%;object-fit:cover}
.b3 h1,.b3 h2,.b3 h3{font-family:'Public Sans',sans-serif;text-transform:none;letter-spacing:-.055em;font-weight:400}
.b3 h1{font-size:clamp(60px,7.2vw,112px);line-height:1.02}
.b3 h2{font-size:clamp(40px,4.6vw,70px);line-height:1.07}
.b3 h3{font-size:28px;line-height:1.2;letter-spacing:-.04em}
.b3 p{max-width:100%}
.b3 p+p{margin-top:20px}
.b3 h2+p,.b3 h3+p{margin-top:26px}
.b3 .b-container{width:calc(100% - 112px);max-width:1600px;margin-inline:auto}
.b3 .b-section{padding-block:112px}
.b3 .b-paper,.b3.b-paper{background:#eeeae1;color:#252623;--b-line:#25262336;--b-muted:#62625a;--b-accent:#964d36}
.b3 .b-dark,.b3.b-dark{background:#202321;color:#eeeae1;--b-line:#eeeae13d;--b-muted:#b3b4a9;--b-accent:#d3977b}
.b3 .b-stone,.b3.b-stone{background:#dcd8cd;color:#252623;--b-line:#25262336;--b-muted:#55574f;--b-accent:#964d36}
.b3 .b-label,.b3 .b-mono,.b3 figcaption,.b3 .price-note{font:400 11px/1.65 'IBM Plex Mono',monospace;letter-spacing:.035em}
.b3 .b-label{display:flex;gap:13px;align-items:center;text-transform:uppercase;margin-bottom:30px;color:var(--b-muted)}
.b3 .pivot-mark{position:relative;display:inline-block;width:13px;height:13px;border:1px solid currentColor;border-radius:100%;vertical-align:middle;flex:none;transform:rotate(-25deg)}
.b3 .pivot-mark:before{content:'';position:absolute;height:23px;width:1px;left:5px;top:-6px;background:currentColor}
.b3 .pivot-mark:after{content:'';position:absolute;width:3px;height:3px;background:currentColor;border-radius:100%;left:4px;top:4px}
.b3 .b-link,.b3 .b-button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;font:400 14px/1.4 'Public Sans',sans-serif;letter-spacing:0;min-height:48px;transition:background .25s,color .25s}
.b3 .b-link{border:0;border-bottom:1px solid currentColor;padding:12px 0;background:transparent;margin-top:30px}
.b3 .b-link span,.b3 .b-button span{font-size:21px;transition:transform .3s}
.b3 :is(.b-link,.b-button):hover span{transform:rotate(45deg)}
.b3 .b-button{border:1px solid currentColor;padding:16px 23px;background:transparent;position:relative}
.b3 .b-button:before{content:'';position:absolute;left:18%;bottom:-4px;width:7px;height:7px;border-radius:100%;background:currentColor}
.b3 .b-button:hover{background:var(--b-ink);color:var(--b-paper)}
.b3 .b-dark .b-button:hover,.b3.b-dark .b-button:hover{background:#eeeae1;color:#202321}
.b3 .b-lead{font-size:clamp(18px,1.65vw,24px);line-height:1.6;max-width:660px;font-weight:350;letter-spacing:-.025em}
.b3 .section-heading{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin:0 0 65px;padding:0;border:0}
.b3 .section-heading .b-label{align-self:start;margin-top:8px}
.b3 .section-heading p:not(.b-label){max-width:470px;margin-top:26px;color:var(--b-muted)}
.b3 .two-cols{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.b3 .two-cols>div>p{max-width:550px}
.b3 .price-note{color:var(--b-muted);max-width:800px;margin-top:30px}
.b3 .work-drawing{display:block;width:100%;height:100%;color:inherit}
.b3 .work-drawing text{font:10px 'IBM Plex Mono',monospace;letter-spacing:1px;fill:currentColor}
.b3 .image-slot{position:relative;min-width:0}
.b3 .slot-art{aspect-ratio:1.43;background:#e4dfd4;color:#565b4f;overflow:hidden;position:relative}
.b3 .slot-art:has(.work-drawing){background-image:linear-gradient(#53554908 1px,transparent 1px),linear-gradient(90deg,#53554908 1px,transparent 1px);background-size:32px 32px}
.b3 .image-slot figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 0;color:var(--b-muted);font-size:10px}
.b3 .slot-mark{display:flex;gap:9px;align-items:center;white-space:nowrap}
.b3 .slot-mark .pivot-mark{width:9px;height:9px}
.b3 .slot-mark .pivot-mark:before{height:17px;top:-5px;left:3px}
.b3 .slot-mark .pivot-mark:after{left:2px;top:2px}
.b3 .image-slot.has-image .slot-art{background:#373c35}
.b3 .image-slot.has-image .slot-art>img{animation:b-image-in .6s both}
@keyframes b-image-in{from{opacity:0}to{opacity:1}}
/* The paper starts exactly after the existing 100vh containing block. */
.b3 .home-intro{padding:125px 0 115px}
.b3 .home-intro h2{font-size:clamp(44px,4.9vw,76px)}
.b3 .intro-bottom{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:end}
.b3 .intro-bottom>p{font-size:15px;max-width:340px;color:#62625a}
.b3 .hard-facts{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:26px;border-top:1px solid var(--b-line);padding-top:28px}
.b3 .hard-facts strong{display:block;font:300 clamp(44px,4.5vw,70px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.02em}
.b3 .hard-facts span{font-size:11px;line-height:1.6;display:block;margin-top:14px;max-width:130px}
.b3 .pivot-section{height:175vh;min-height:1100px;border-top:1px solid var(--b-line);position:relative}
.b3 .pivot-sticky{min-height:800px;height:100vh;max-height:1100px;display:grid;grid-template-columns:1fr 1.65fr;gap:5%;align-items:center;position:sticky;top:0}
.b3 .pivot-copy p:not(.b-label){max-width:370px;margin-top:28px}
.b3 .pivot-copy h2{font-size:clamp(42px,3.6vw,58px)}
.b3 .angle-readout{display:flex;align-items:end;gap:20px;margin-top:42px}
.b3 .angle-readout output{font:300 110px/.8 'Barlow Condensed',sans-serif;letter-spacing:-.04em;min-width:120px}
.b3 .angle-readout span{font:11px 'IBM Plex Mono',monospace;color:var(--b-muted)}
.b3 .angle-control{margin-top:24px;display:flex;gap:18px;align-items:center;font:11px 'IBM Plex Mono',monospace}
.b3 .angle-control input{width:145px;accent-color:#964d36;cursor:ew-resize;min-height:32px}
.b3 .scroll-hint{opacity:.6}
.b3 .pivot-visual{position:relative;min-width:0}
.b3 #pivot-svg{width:100%;overflow:visible}
.b3 #pivot-svg text{font:11px 'IBM Plex Mono',monospace;letter-spacing:.4px;fill:currentColor}
.b3 #pivot-svg .pivot-annotation{fill:#964d36;font-size:10px}
.b3 .drawing-stamp{display:flex;gap:16px;align-items:center;font:9px/1.6 'IBM Plex Mono',monospace;letter-spacing:1px;position:absolute;right:10%;bottom:0;transform:rotate(-8deg);color:#964d36;border:1px solid #964d3666;padding:9px 14px}
.b3 .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}
.b3 .product-card{border-top:1px solid var(--b-line);padding-top:18px;min-width:0;display:block}
.b3 .product-card>.b-mono{color:var(--b-muted)}
.b3 .product-card .work-drawing{height:260px;transition:transform .5s}
.b3 .product-card:hover .work-drawing{transform:translateY(-7px)}
.b3 .product-card h3{display:flex;justify-content:space-between;gap:10px;font-size:26px}
.b3 .product-card p{font-size:12px;color:var(--b-muted);margin:18px 0}
.b3 .product-price{font-size:16px}
.b3 .project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:80px 40px;align-items:start}
.b3 .project-card{grid-column:span 6;min-width:0}
.b3 .project-card.card-0{grid-column:span 7}
.b3 .project-card.card-1{grid-column:9/span 4;margin-top:155px}
.b3 .project-card.card-2{grid-column:2/span 4}
.b3 .project-card.card-3{grid-column:7/span 6;margin-top:65px}
.b3 .project-card.card-4{grid-column:span 7;margin-top:10px}
.b3 .project-card.card-5{grid-column:9/span 4;margin-top:130px}
.b3 .project-card:is(.card-1,.card-2,.card-5) .slot-art{aspect-ratio:.88}
.b3 .project-card.card-2 .slot-art{background-color:#d4c7b5;color:#6b5749}
.b3 .project-card.card-3 .slot-art{background-color:#d8dacf;color:#535b4a}
.b3 .project-card.card-4 .slot-art{background-color:#cdcfc9;color:#4a514d}
.b3 .project-card.card-5 .slot-art{background-color:#e1d9cb;color:#6e624f}
.b3 .project-card .slot-art>*{transition:transform .7s cubic-bezier(.2,.65,.2,1)}
.b3 .project-card:hover .slot-art>*{transform:scale(1.035)}
.b3 .card-title{position:relative;padding-top:25px}
.b3 .card-title>span:nth-child(2){position:absolute;right:0;top:20px;font-size:27px}
.b3 .card-title h3{font-size:clamp(25px,2.4vw,38px);margin-top:10px}
.b3 .card-title p{font:11px/1.6 'IBM Plex Mono',monospace;margin-top:13px;color:var(--b-muted)}
.b3 .workshop-split{display:grid;grid-template-columns:1fr 1.35fr;gap:9%;align-items:center}
.b3 .workshop-split>div>p:not(.b-label){max-width:410px;margin-top:28px;color:#b3b4a9}
.b3 .workshop-slot .slot-art{background:#333b33;color:#b7b9a1;aspect-ratio:1.12}
.b3 .workshop-slot .slot-art:before{content:'UDEN\A 08:15';white-space:pre;font:300 95px/.9 'Barlow Condensed',sans-serif;position:absolute;left:35px;top:30px;color:#d5d8c6;opacity:.8;z-index:1}
.b3 .workshop-slot .work-drawing{position:absolute;left:14%;top:15%;width:86%;height:85%;transform:rotate(-8deg)}
.b3 .workshop-slot.has-image .slot-art:before{display:none}
.b3 .team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:80px}
.b3 .team-grid article{min-width:0;position:relative}
.b3 .team-grid .portrait .slot-art{aspect-ratio:.94;background:#b8b5a7;color:#373d34;background-image:linear-gradient(#53554914 1px,transparent 1px);background-size:100% 30px}
.b3 .portrait .work-drawing{opacity:.17;transform:rotate(15deg) scale(1.8)}
.b3 .portrait-lotte .slot-art{background-color:#afa68f!important}
.b3 .portrait-bram .slot-art{background-color:#c3b3a0!important}
.b3 .portrait-koen .slot-art{background-color:#a4ada3!important}
.b3 .person-initial{position:absolute;top:50px;left:15px;right:15px;text-align:center;font:300 clamp(70px,8vw,150px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.06em;color:#303b2d;pointer-events:none}
.b3 .team-grid article:has(.has-image) .person-initial{display:none}
.b3 .team-grid h3{font-size:22px;margin:26px 0 9px;letter-spacing:-.03em}
.b3 .team-grid article>p.b-mono{font-size:10px;color:var(--b-muted);margin:0}
.b3 .team-grid article>p:last-child{font-size:13px;line-height:1.7;margin-top:18px;max-width:260px}
.b3 .process-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;padding:0;margin:0 0 40px;counter-reset:steps}
.b3 .process-grid li{border-top:1px solid var(--b-line);padding-top:28px;min-width:0}
.b3 .step-number{display:block;font:300 90px/.9 'Barlow Condensed',sans-serif;letter-spacing:-.04em;margin-bottom:40px;color:#898c7c}
.b3 .process-grid h3{margin:18px 0}
.b3 .process-grid li>p{font-size:14px;color:var(--b-muted)}
.b3 .finish-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;margin-top:45px}
.b3 .finish-layout>div>p{font-size:13px;color:var(--b-muted);max-width:490px;margin-top:32px}
.b3 .swatches,.b3 .glass-swatches{display:flex;gap:17px;margin-top:38px}
.b3 .swatches>div{flex:1;min-width:0}
.b3 .swatches i{display:block;aspect-ratio:1;height:auto;background:var(--swatch);border-radius:50%;box-shadow:inset 0 0 0 1px #25262315}
.b3 .swatches span,.b3 .glass-swatches span{display:block;font:10px/1.8 'IBM Plex Mono',monospace;margin-top:16px}
.b3 .glass-swatches>div{flex:1}
.b3 .glass-swatches i{display:block;height:94px;position:relative;overflow:hidden;border:1px solid #343c3529;background-color:#d7ded0}
.b3 .glass-swatches i:before{content:'';position:absolute;width:140%;height:130%;top:-20%;left:-20%;transform:rotate(-30deg);background:linear-gradient(90deg,transparent 5%,#fff8 15%,transparent 25%,#fff5 65%,transparent 80%)}
.b3 .glass-swatches .bronze{background-color:#9b8670}
.b3 .glass-swatches .reeded{background:repeating-linear-gradient(90deg,#a9b0a5 0px,#e0e2d7 3px,#bbc2b5 6px)}
.b3 .faq-layout{display:grid;grid-template-columns:.9fr 1.4fr;gap:12%}
.b3 .faq-layout>div>p:not(.b-label){font-size:14px;max-width:290px;color:var(--b-muted)}
.b3 .b-faq{border-top:1px solid var(--b-line)}
.b3 .b-faq details{border-bottom:1px solid var(--b-line)}
.b3 .b-faq summary{display:flex;justify-content:space-between;gap:30px;list-style:none;font-size:17px;line-height:1.5;letter-spacing:-.02em;padding:25px 0}
.b3 .b-faq summary::-webkit-details-marker{display:none}
.b3 .b-faq summary span{font:300 26px/1 'Public Sans',sans-serif;transition:transform .25s}
.b3 .b-faq details[open] summary span{transform:rotate(45deg)}
.b3 .b-faq details p{font-size:14px;line-height:1.8;color:var(--b-muted);max-width:600px;padding:0 35px 27px 0}
/* Navigation and the full company footer */
.b3.b-header{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:32px 56px;background:transparent;color:inherit;border-bottom:1px solid #7b7e6e66}
.b3 .brand{line-height:0;flex:none}
.b3 .brand .logo{width:168px;height:56px;display:block}
.b3.b-header>nav{display:flex;gap:28px;align-items:center}
.b3.b-header nav>a{font:11px/1.4 'IBM Plex Mono',monospace;position:relative;min-height:44px;display:flex;align-items:center}
.b3.b-header nav>a:not(.b-button):after{content:'';position:absolute;left:20%;bottom:1px;width:10px;height:10px;border:1px solid currentColor;border-radius:50%;opacity:0;transform:rotate(-25deg);transition:opacity .3s}
.b3.b-header nav>a:hover:after,.b3.b-header nav>a[aria-current]:after{opacity:1}
.b3.b-header nav>a.b-button{font-size:11px;padding:14px 18px}
.b3 .b-menu{display:none}
.b-skip{position:absolute;top:10px;left:20px;padding:10px;background:#eeeae1;color:#252623;z-index:100;transform:translateY(-150%)}
.b-skip:focus{transform:none}
.b3.b-footer{background:#202321;color:#eeeae1;--b-muted:#b3b4a9;--b-line:#eeeae13d;--b-accent:#d3977b;padding:90px 0 0}
.b3 .footer-invite{padding-bottom:75px;position:relative;border-bottom:1px solid var(--b-line)}
.b3 .footer-invite h2{font:300 clamp(70px,10vw,160px)/.9 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.01em}
.b3 .footer-invite>.b-button{position:absolute;right:0;bottom:90px;min-width:210px}
.b3 .footer-invite .b-button:hover{background:#eeeae1;color:#202321}
.b3 .footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1.2fr;gap:55px;padding:70px 0}
.b3 .footer-grid h3{font:11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.03em;margin:0 0 25px;color:#b3b4a9}
.b3 .footer-grid>div>a:not(.footer-brand){display:block;font-size:12px;line-height:1.7;padding:4px 0;width:fit-content}
.b3 .footer-grid>div>a:hover{text-decoration:underline;text-underline-offset:4px}
.b3 .footer-grid p{font-size:12px;color:#b3b4a9;line-height:1.9}
.b3 .footer-grid p+p{margin-top:18px}
.b3 .footer-brand{display:block;width:168px;margin-bottom:22px}
.b3 .footer-brand .logo{width:100%;height:56px;display:block}
.b3 .footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px 0;border-top:1px solid var(--b-line);font:10px/1.6 'IBM Plex Mono',monospace;color:#b3b4a9}
.b3 .footer-bottom .pivot-mark{margin-right:12px}
/* Inner pages share materials and marks, with their own composition. */
.dark .b3:not(.b-footer){--b-paper:#202321;--b-ink:#eeeae1;--b-muted:#b3b4a9;--b-line:#eeeae13d;--b-accent:#d3977b}
.b3 .page-intro{padding:85px 0 80px}
.b3 .page-intro .b-lead{margin-top:38px;max-width:650px;margin-left:34%}
.b3 .project-register{padding-bottom:120px}
.b3 .register-bottom h2{max-width:800px;margin-bottom:35px}
.b3 .project-wide{padding:0 0 70px}
.b3 .project-wide .slot-art{aspect-ratio:1.9}
.b3 .project-story .b-lead{margin:30px 0}
.b3 .maker-note{font:11px/1.9 'IBM Plex Mono',monospace;margin-top:35px;max-width:430px}
.b3 .maker-note .pivot-mark{margin-right:8px}
.b3 .spec-table{border-top:1px solid var(--b-line);width:100%}
.b3 .spec-table>div{display:grid;grid-template-columns:.8fr 1.5fr;gap:20px;border-bottom:1px solid var(--b-line);padding:18px 0}
.b3 .spec-table dt{font:10px/1.6 'IBM Plex Mono',monospace;color:var(--b-muted)}
.b3 .spec-table dd{font-size:13px;line-height:1.6}
.b3 .next-project{padding:85px 0 100px}
.b3 .next-link{display:flex;justify-content:space-between;gap:25px;font-size:clamp(30px,4vw,64px);line-height:1.15;letter-spacing:-.04em;padding-bottom:28px;border-bottom:1px solid var(--b-line);margin-bottom:28px}
.b3 .landscape-head{display:grid;grid-template-columns:.8fr 1.3fr;gap:5%;align-items:center;min-height:700px;padding-block:90px}
.b3 .landscape-head h1{font-size:clamp(58px,6.4vw,100px)}
.b3 .landscape-head>div>p:not(.b-label){max-width:360px;margin-top:35px;color:var(--b-muted)}
.b3 .landscape-head .slot-art{aspect-ratio:.94}
.b3 .double-head{padding-block:85px}
.b3 .double-head h1{margin:35px 0 65px}
.b3 .double-head h1 span{padding-left:16%}
.b3 .double-compose{display:grid;grid-template-columns:1.7fr .7fr;gap:8%;align-items:end}
.b3 .double-compose .slot-art{background:#d4c7b5;color:#6b5749;aspect-ratio:1.5}
.b3 .slide-head{padding-block:75px;background:#303b31;color:#eeeae1;--b-muted:#b3b4a9}
.b3 .slide-title{display:flex;gap:15%;align-items:end;justify-content:space-between;margin-bottom:55px}
.b3 .slide-title h1{flex:none}
.b3 .slide-title p{max-width:330px}
.b3 .slide-head .slot-art{aspect-ratio:2.4;background:#c0c8b6;color:#3f4e3c}
.b3 .office-compose{display:grid;grid-template-columns:.85fr 1.4fr;gap:8%;align-items:start;padding-bottom:100px}
.b3 .office-compose .slot-art{aspect-ratio:1;background:#cdcfc9;color:#4a514d}
.b3 .large-quote{font-size:clamp(30px,4vw,60px);line-height:1.25;letter-spacing:-.04em;color:#c2c4b1}
.b3 .large-quote span{display:block;margin-top:25px;letter-spacing:0}
.b3 .roof-head{position:relative;display:grid;grid-template-columns:.8fr 1.5fr;gap:30px 5%;padding-block:85px}
.b3 .roof-head>.b-label{grid-column:1/-1}
.b3 .roof-head h1{position:relative;z-index:1;font-size:clamp(80px,9vw,140px);margin-top:50px}
.b3 .roof-head .image-slot{grid-column:2;grid-row:2/4}
.b3 .roof-head .slot-art{aspect-ratio:.85;background:#e1d9cb;color:#6e624f;clip-path:polygon(0 18%,60% 0,100% 14%,100% 100%,0 100%)}
.b3 .roof-head>.b-lead{align-self:end;font-size:19px;max-width:350px}
.b3 .product-hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding-block:80px}
.b3 .product-hero h1{font-size:clamp(60px,6vw,96px)}
.b3 .product-hero .b-lead{font-size:19px;max-width:480px;margin:35px 0}
.b3 .price-large{font-size:25px;letter-spacing:-.04em;margin:35px 0}
.b3 .price-large span{display:block;font:11px/1.7 'IBM Plex Mono',monospace;letter-spacing:0;margin-top:8px;color:var(--b-muted)}
.b3 .product-drawing{align-self:center;border-left:1px solid var(--b-line);padding:30px 0 30px 30px;transform:rotate(-3deg)}
.b3 .product-drawing .work-drawing{height:auto}
.b3 .product-drawing>span{margin-left:10%}
.b3 .wall-intro h1{font-size:clamp(55px,6.7vw,108px)}
.b3 .wall-panorama{position:relative;padding-bottom:110px}
.b3 .wall-panorama .slot-art{aspect-ratio:2.1}
.b3 .wall-price{position:absolute;bottom:45px;right:45px;background:#c1c6b3;padding:35px;color:#252623;min-width:260px;font:12px 'IBM Plex Mono',monospace}
.b3 .wall-price strong{display:block;font:400 32px/1.4 'Public Sans',sans-serif;letter-spacing:-.04em}
.b3 .wall-price span{display:block;font-size:10px;line-height:1.8;margin-top:12px}
.b3 .wall-options{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:center}
.b3 .pivot-list{list-style:none;padding:0;margin-top:35px}
.b3 .pivot-list li{padding:22px 0 22px 28px;border-top:1px solid var(--b-line);position:relative}
.b3 .pivot-list li:before{content:'⊙';position:absolute;left:0;top:21px;color:var(--b-accent)}
.b3 .pivot-list strong{font-size:16px;font-weight:500}
.b3 .pivot-list p{font-size:14px;margin-top:8px;color:var(--b-muted)}
.b3 .custom-drawing{display:grid;grid-template-columns:1.8fr 1fr;gap:10%;align-items:center;border-top:1px solid var(--b-line);padding-block:20px 80px}
.b3 .custom-drawing .work-drawing{max-height:500px}
.b3 .workshop-opening{display:grid;grid-template-columns:1.8fr 1fr;gap:7%;align-items:end;padding-bottom:110px}
.b3 .workshop-opening .slot-art{aspect-ratio:1.5}
.b3 .workshop-quote{padding-bottom:35px}
.b3 blockquote{font-size:clamp(28px,3vw,48px);line-height:1.25;letter-spacing:-.04em;margin-top:25px}
.b3 .workday article{display:grid;grid-template-columns:.6fr 1.2fr 1.7fr;gap:6%;align-items:center;border-top:1px solid var(--b-line);padding:50px 0}
.b3 .workday-time{font:300 70px/1 'Barlow Condensed',sans-serif;color:#b9bda4}
.b3 .workday h3{font-size:30px}
.b3 .workday p{font-size:14px;color:var(--b-muted);margin-top:25px}
.b3 .workday-slot .slot-art{aspect-ratio:1.5;background:#c3c2ae;color:#4b5546}
.b3 .process-page{padding:10px 0 90px}
.b3 .materials-page{padding-bottom:110px}
.b3 .privacy-content{max-width:750px;padding-bottom:100px}
.b3 .privacy-content h2{font-size:30px;margin-top:50px}
.b3 .privacy-content p{margin-top:25px}
.b3 .privacy-content a{text-decoration:underline;text-underline-offset:4px}
/* Real fields, field-level errors, and a deliberately designed submitted state. */
.b3 .contact-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:11%;padding-bottom:115px;align-items:start}
.b3 .contact-card{background:#d7d9cc;padding:38px;color:#252623;--b-muted:#555d4e}
.b3 .contact-card h2{font-size:42px}
.b3 .contact-card>p:not(.b-label){font-size:14px;margin-top:25px}
.b3 .contact-card dl{margin-top:28px}
.b3 .contact-card dl>div{border-top:1px solid #25262336;padding:17px 0}
.b3 .contact-card dt{font:10px/1.8 'IBM Plex Mono',monospace;color:#555d4e}
.b3 .contact-card dd{font-size:14px;line-height:1.9;margin-top:5px}
.b3 .contact-card dd a:hover{text-decoration:underline;text-underline-offset:4px}
.b3 .contact-note{display:flex;gap:20px;align-items:start;margin-top:30px;font:11px/1.8 'IBM Plex Mono',monospace;color:var(--b-muted)}
.b3 .contact-note .pivot-mark{margin-top:4px}
.b3 .contact-form fieldset{margin:0;padding:0;border:0;min-width:0}
.b3 .contact-form legend{font-size:27px;letter-spacing:-.04em;margin-bottom:12px;padding:0}
.b3 .form-help{font-size:11px;line-height:1.7;color:var(--b-muted);display:block}
.b3 .form-help a{text-decoration:underline;text-underline-offset:3px}
.b3 .form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.b3 .field{display:flex;flex-direction:column;gap:9px;margin-top:27px;min-width:0}
.b3 .field label{font-size:12px}
.b3 .field :is(input,select,textarea){border:1px solid #777d6a77;background:transparent;min-height:50px;padding:12px;color:#252623;width:100%;font-size:16px;min-width:0}
.b3 .field textarea{resize:vertical;min-height:140px}
.b3 .field :is(input,textarea,select)[aria-invalid]{border-color:#964d36;background:#964d3608}
.b3 .field-error{font:11px/1.7 'Public Sans',sans-serif;color:#9a3923;display:block}
.b3 .field-error:empty{display:none}
.b3 .contact-form fieldset>p.form-help{margin-top:25px}
.b3 .contact-form button{margin:30px 0 18px;background:#252f25;color:#eeeae1;border-color:#252f25}
.b3 .contact-form button:hover{background:#43513c}
.b3 .contact-form button+p{margin-top:0!important}
.b3 [hidden]{display:none!important}
.b3 .form-confirmation{padding:48px;background:#d7d9cc;color:#252623;border-top:3px solid #535d49}
.b3 .confirmation-mark{display:block;font:300 65px/1 'Barlow Condensed',sans-serif;margin-bottom:35px;color:#657450}
.b3 .form-confirmation h2{margin:22px 0 30px;font-size:50px;overflow-wrap:anywhere}
.b3 .form-confirmation>p:not(.b-mono){font-size:15px;line-height:1.8}
.b3 .form-confirmation dl{margin-top:28px}
.b3 .form-confirmation dl>div{border-top:1px solid #25262336;display:flex;gap:25px;justify-content:space-between;padding:14px 0}
.b3 .form-confirmation dt,.b3 .form-confirmation dd{font-size:12px}
.b3 .form-confirmation small{font-size:10px;line-height:1.7;display:block;border-top:1px solid #25262336;margin-top:32px;padding-top:20px;color:#62665a}
@media (hover:hover){.b3 :is(a,summary,button):hover{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25'%3E%3Ccircle cx='12' cy='12' r='6' stroke='%23964d36' fill='%23eeeae1'/%3E%3Cpath d='M12 1v23' stroke='%23964d36'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='%23964d36'/%3E%3C/svg%3E") 12 12,pointer}}
@media(min-width:1700px){.b3 .b-container{width:calc(100% - 160px)}}
@media(max-width:1100px){
.b3 .b-container{width:calc(100% - 64px)}
.b3.b-header{padding:25px 32px}
.b3.b-header>nav{gap:16px}
.b3.b-header nav>a{font-size:10px}
.b3 .brand .logo{width:145px;height:48px}
.b3 .b-section{padding-block:85px}
.b3 .section-heading{gap:30px;grid-template-columns:1fr 2fr}
.b3 .product-grid{gap:25px}
.b3 .product-card .work-drawing{height:210px}
.b3 .product-card h3{font-size:21px}
.b3 .project-grid{gap:55px 24px}
.b3 .team-grid{gap:22px}
.b3 .team-grid h3{font-size:19px}
.b3 .portrait .slot-art{min-height:185px}
.b3 .footer-grid{gap:30px}
.b3 .footer-grid>div:nth-child(3){display:none}
.b3 .footer-grid{grid-template-columns:1fr 1fr 1.2fr}
.b3 .finish-layout{gap:7%}
.b3 .swatches,.b3 .glass-swatches{gap:10px}
.b3 .pivot-sticky{grid-template-columns:1fr 1.4fr;gap:10px}
.b3 .pivot-copy h2{font-size:42px}
.b3 .contact-layout{gap:7%;grid-template-columns:1fr 1.4fr}
.b3 .contact-card{padding:28px}
.b3 .landscape-head{grid-template-columns:.9fr 1.2fr}
.b3 .slide-title{gap:7%}
}
@media(max-width:800px){
.b3 .b-container{width:calc(100% - 40px)}
.b3.b-header{padding:20px;position:relative;z-index:10}
.b3.b-header>nav{display:none}
.b3 .b-menu{display:block;font:12px 'IBM Plex Mono',monospace}
.b3 .b-menu summary{display:flex;align-items:center;gap:16px;list-style:none;padding:14px 0 14px 20px}
.b3 .b-menu summary::-webkit-details-marker{display:none}
.b3 .b-menu nav{position:absolute;z-index:20;left:0;right:0;top:100%;padding:16px 20px 25px;background:#202321;color:#eeeae1;box-shadow:0 20px 25px #0003}
.b3 .b-menu nav>a{padding:13px 0;font-size:13px!important}
.b3 .b-menu nav>a:after{display:none}
.b3 .b-section{padding-block:75px}
.b3 h1{font-size:clamp(52px,9vw,80px)}
.b3 h2{font-size:clamp(38px,6vw,52px)}
.b3 .section-heading,.b3 .intro-bottom{grid-template-columns:1fr;gap:18px}
.b3 .section-heading{margin-bottom:42px}
.b3 .section-heading .b-label{margin-bottom:10px}
.b3 .home-intro{padding:75px 0}
.b3 .intro-bottom>p{max-width:500px}
.b3 .hard-facts{margin-top:30px}
.b3 .two-cols{gap:45px;grid-template-columns:1fr 1fr}
.b3 .pivot-section{height:150vh;min-height:1100px}
.b3 .pivot-sticky{min-height:740px;grid-template-columns:1fr 1.1fr}
.b3 .pivot-copy h2{font-size:35px}
.b3 .pivot-copy p:not(.b-label){font-size:13px}
.b3 .pivot-visual{margin-left:-45px;margin-right:-12px}
.b3 .drawing-stamp{bottom:-25px;right:5%;font-size:8px}
.b3 .angle-readout output{font-size:85px}
.b3 .angle-readout{gap:10px;margin-top:25px}
.b3 .angle-control{flex-direction:column;align-items:start;gap:5px}
.b3 .product-grid{grid-template-columns:1fr;gap:35px}
.b3 .product-card{display:grid;grid-template-columns:1fr 1.6fr;gap:0 25px;padding-top:24px;align-items:center;position:relative}
.b3 .product-card>.b-mono{grid-column:2}
.b3 .product-card .work-drawing{grid-row:1/5;grid-column:1;height:200px}
.b3 .product-card h3{font-size:27px}
.b3 .product-card p{font-size:11px;margin:12px 0}
.b3 .product-card .product-price{grid-column:2}
.b3 .project-grid{gap:50px 25px}
.b3 .project-card.card-0,.b3 .project-card.card-4{grid-column:span 7}
.b3 .project-card.card-1,.b3 .project-card.card-5{grid-column:8/span 5;margin-top:70px}
.b3 .project-card.card-2{grid-column:span 5}
.b3 .project-card.card-3{grid-column:7/span 6;margin-top:50px}
.b3 .card-title h3{font-size:25px}
.b3 .image-slot figcaption .slot-mark{display:none}
.b3 .workshop-split{grid-template-columns:1fr 1fr;gap:35px}
.b3 .workshop-split h2{font-size:38px}
.b3 .workshop-split>div>p:not(.b-label){font-size:13px}
.b3 .workshop-slot .slot-art:before{font-size:65px;left:20px;top:25px}
.b3 .team-grid{grid-template-columns:repeat(2,1fr);gap:45px 25px;margin-top:55px}
.b3 .person-initial{font-size:130px;top:40px}
.b3 .team-grid .portrait .slot-art{aspect-ratio:1.15}
.b3 .team-grid h3{font-size:23px}
.b3 .process-grid{grid-template-columns:1fr 1fr;gap:40px 30px}
.b3 .step-number{margin-bottom:25px}
.b3 .finish-layout{gap:45px;grid-template-columns:1fr}
.b3 .finish-layout>div{max-width:550px}
.b3 .swatches{gap:22px}
.b3 .glass-swatches{gap:22px}
.b3 .faq-layout{grid-template-columns:1fr;gap:40px}
.b3 .faq-layout>div>p:not(.b-label){max-width:400px}
.b3 .footer-invite>.b-button{position:static;margin-top:35px}
.b3 .footer-invite{padding-bottom:55px}
.b3 .footer-grid{grid-template-columns:1fr 1fr;gap:45px}
.b3 .footer-grid>div:nth-child(3){display:block}
.b3 .footer-bottom{flex-wrap:wrap;gap:15px}
.b3 .footer-bottom>span:nth-child(2){order:3;width:100%;margin-top:10px}
.b3 .page-intro{padding:65px 0}
.b3 .page-intro .b-lead{margin-left:20%;font-size:18px}
.b3 .landscape-head{grid-template-columns:1fr;gap:40px;padding-block:65px}
.b3 .landscape-head .slot-art{aspect-ratio:1.7}
.b3 .landscape-head>div>p:not(.b-label){max-width:520px}
.b3 .double-compose{grid-template-columns:1.5fr 1fr;gap:35px}
.b3 .double-compose .b-lead{font-size:17px}
.b3 .slide-title{gap:25px;align-items:start;flex-direction:column}
.b3 .slide-title p{max-width:500px}
.b3 .office-compose{gap:35px;grid-template-columns:1fr 1fr}
.b3 .office-compose .spec-table>div{grid-template-columns:1fr;gap:5px}
.b3 .roof-head h1{font-size:80px}
.b3 .roof-head>.b-lead{font-size:16px}
.b3 .product-hero{grid-template-columns:1fr 1fr;padding-block:60px}
.b3 .product-hero h1{font-size:52px}
.b3 .product-hero .b-lead{font-size:16px}
.b3 .product-drawing{padding-left:0;border:0}
.b3 .wall-price{right:25px;padding:25px;bottom:50px}
.b3 .wall-options{grid-template-columns:1fr 1fr;gap:35px}
.b3 .custom-drawing{grid-template-columns:1.5fr 1fr;gap:30px}
.b3 .custom-drawing .price-large{font-size:21px}
.b3 .workshop-opening{grid-template-columns:1.5fr 1fr;gap:30px}
.b3 .workshop-opening blockquote{font-size:26px}
.b3 .workday article{grid-template-columns:.5fr 1.3fr;gap:25px}
.b3 .workday .image-slot{grid-column:2}
.b3 .contact-layout{grid-template-columns:1fr;gap:60px}
.b3 .contact-layout>aside{display:grid;grid-template-columns:1.7fr 1fr;gap:35px}
.b3 .contact-note{align-self:end;margin-bottom:20px}
.b3 .contact-card h2{font-size:38px}
}
@media(max-width:540px){
.b3 h1{font-size:55px}
.b3 h2{font-size:39px}
.b3 .b-label{font-size:10px;line-height:1.8;margin-bottom:25px}
.b3 .two-cols{grid-template-columns:1fr;gap:40px}
.b3 .home-intro h2{font-size:39px}
.b3 .hard-facts{grid-template-columns:1fr 1.15fr .7fr;gap:15px}
.b3 .hard-facts strong{font-size:49px}
.b3 .hard-facts span{font-size:9px}
.b3 .pivot-section{height:145vh;min-height:1100px}
.b3 .pivot-sticky{grid-template-columns:1fr;gap:5px;align-content:center;min-height:750px;max-height:950px;align-items:center}
.b3 .pivot-copy{display:grid;grid-template-columns:1fr .6fr;gap:0 20px;align-items:start}
.b3 .pivot-copy .b-label{grid-column:1/-1;margin-bottom:17px}
.b3 .pivot-copy h2{font-size:35px;grid-column:1}
.b3 .pivot-copy p:not(.b-label){grid-column:1/-1;max-width:100%;margin-top:16px;font-size:12px}
.b3 .pivot-copy p.b-mono{font-size:9px;margin-top:13px}
.b3 .angle-readout{grid-column:2;grid-row:2;flex-direction:column;align-items:start;gap:12px;margin:5px 0 0 5px}
.b3 .angle-readout output{font-size:72px;min-width:0}
.b3 .angle-readout span{font-size:8px}
.b3 .angle-control{grid-column:1/-1;flex-direction:row;align-items:center;gap:18px;margin-top:14px;font-size:10px}
.b3 .angle-control input{width:120px}
.b3 .pivot-copy .scroll-hint{display:none}
.b3 .pivot-visual{margin:10px -10px 0;width:calc(100% + 20px)}
.b3 .drawing-stamp{right:12%;bottom:-10px;font-size:7px;padding:7px 10px}
.b3 .pivot-copy .b-label{margin-top:0}
.b3 .product-card{grid-template-columns:.9fr 1.3fr;gap:0 12px}
.b3 .product-card .work-drawing{height:180px}
.b3 .product-card h3{font-size:24px}
.b3 .product-card p{line-height:1.7}
.b3 .price-note{font-size:10px}
.b3 .project-grid{grid-template-columns:1fr 1fr;gap:45px 18px}
.b3 .project-card:is(.card-0,.card-1,.card-2,.card-3,.card-4,.card-5){grid-column:span 1;margin-top:0}
.b3 .project-card.card-0,.b3 .project-card.card-3{grid-column:1/-1}
.b3 .project-card.card-1{margin-top:0}
.b3 .project-card.card-2{margin-top:45px}
.b3 .project-card.card-5{margin-top:45px}
.b3 .project-card .slot-art{aspect-ratio:1.35}
.b3 .project-card:is(.card-1,.card-2,.card-4,.card-5) .slot-art{aspect-ratio:.8}
.b3 .card-title{padding-top:15px}
.b3 .card-title>span:nth-child(2){font-size:19px;top:12px}
.b3 .card-title .b-mono{font-size:8px;display:block;max-width:calc(100% - 15px)}
.b3 .card-title h3{font-size:23px}
.b3 .card-title p{font-size:9px;line-height:1.8}
.b3 .image-slot figcaption{font-size:8px;line-height:1.7;gap:10px}
.b3 .workshop-split{grid-template-columns:1fr;gap:40px}
.b3 .workshop-slot .slot-art{aspect-ratio:1.3}
.b3 .workshop-slot .slot-art:before{font-size:85px}
.b3 .team-grid{gap:40px 18px}
.b3 .team-grid .portrait .slot-art{aspect-ratio:.9;min-height:0}
.b3 .person-initial{top:35px;font-size:90px}
.b3 .team-grid h3{font-size:20px;line-height:1.2;margin-top:21px}
.b3 .team-grid article>p.b-mono{font-size:9px;min-height:30px}
.b3 .team-grid article>p:last-child{font-size:11px;margin-top:13px}
.b3 .process-grid{gap:35px 20px}
.b3 .step-number{font-size:70px}
.b3 .process-grid li>.b-mono{font-size:9px;min-height:30px;display:block}
.b3 .process-grid h3{font-size:25px;margin-top:8px}
.b3 .process-grid li>p{font-size:12px}
.b3 .swatches{gap:14px}
.b3 .swatches span,.b3 .glass-swatches span{font-size:9px}
.b3 .b-faq summary{font-size:15px;padding-block:22px}
.b3 .b-faq details p{font-size:13px;padding-right:15px}
.b3.b-footer{padding-top:65px}
.b3 .footer-invite h2{font-size:85px}
.b3 .footer-grid{grid-template-columns:1fr 1fr;gap:40px 18px;padding-block:50px}
.b3 .footer-grid>div:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}
.b3 .footer-brand{width:140px;margin:0}
.b3 .footer-grid>div:first-child>p{margin:0;font-size:10px}
.b3 .footer-grid>div:first-child>p.b-mono{grid-column:1/-1}
.b3 .footer-grid>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px 18px;align-items:start}
.b3 .footer-grid>div:last-child>h3{grid-column:1/-1;margin-bottom:0}
.b3 .footer-grid>div:last-child>p{margin:0}
.b3 .footer-grid h3{font-size:9px;line-height:1.6}
.b3 .footer-grid>div>a:not(.footer-brand){font-size:10px}
.b3 .footer-grid p{font-size:10px}
.b3 .footer-bottom{font-size:8px}
.b3 .page-intro{padding-block:55px}
.b3 .page-intro .b-lead{margin:30px 0 0;font-size:17px}
.b3 .project-wide .slot-art{aspect-ratio:1.1}
.b3 .landscape-head{padding-block:55px}
.b3 .landscape-head h1{font-size:58px}
.b3 .landscape-head .slot-art{aspect-ratio:1.1}
.b3 .double-head{padding-block:55px}
.b3 .double-head>.b-mono{font-size:9px}
.b3 .double-head h1{font-size:50px;margin-bottom:40px}
.b3 .double-head h1 span{padding-left:6%}
.b3 .double-compose{grid-template-columns:1fr;gap:30px}
.b3 .double-compose .slot-art{aspect-ratio:1.05}
.b3 .slide-head{padding-block:55px}
.b3 .slide-title h1{font-size:59px}
.b3 .slide-title p{font-size:14px}
.b3 .slide-head .slot-art{aspect-ratio:1.2}
.b3 .office-compose{grid-template-columns:1fr;gap:40px;padding-bottom:65px}
.b3 .office-compose .spec-table{order:2}
.b3 .office-compose .spec-table>div{grid-template-columns:.8fr 1.5fr;gap:20px}
.b3 .roof-head{grid-template-columns:1fr;padding-block:55px}
.b3 .roof-head h1{font-size:85px;margin:0}
.b3 .roof-head .image-slot{grid-column:1;grid-row:auto}
.b3 .roof-head .slot-art{aspect-ratio:1}
.b3 .roof-head>.b-lead{max-width:none}
.b3 .product-hero{grid-template-columns:1fr;padding-block:55px;gap:45px}
.b3 .product-hero h1{font-size:55px}
.b3 .product-drawing{border-top:1px solid var(--b-line);padding-top:20px;transform:none}
.b3 .product-drawing .work-drawing{max-height:350px}
.b3 .wall-intro h1{font-size:48px}
.b3 .wall-panorama .slot-art{aspect-ratio:1.1}
.b3 .wall-price{position:relative;bottom:auto;right:auto;min-width:0;width:80%;margin:-15px 0 0 auto;z-index:1}
.b3 .wall-panorama{padding-bottom:65px}
.b3 .wall-options{grid-template-columns:1fr;gap:30px}
.b3 .custom-drawing{grid-template-columns:1fr;gap:0;padding-bottom:50px}
.b3 .custom-drawing .price-large{margin:0 0 20px;font-size:26px}
.b3 .workshop-opening{grid-template-columns:1fr;padding-bottom:60px}
.b3 .workshop-opening .slot-art{aspect-ratio:1.2}
.b3 .workshop-quote{padding:0 0 0 20%;margin-top:5px}
.b3 .workshop-opening blockquote{font-size:30px}
.b3 .workday article{grid-template-columns:1fr;gap:25px}
.b3 .workday-time{font-size:65px}
.b3 .workday .image-slot{grid-column:1}
.b3 .contact-layout>aside{display:block}
.b3 .contact-note{margin:30px 0 0}
.b3 .contact-card{padding:28px}
.b3 .form-row{grid-template-columns:1fr;gap:0}
.b3 .form-confirmation{padding:30px 25px}
.b3 .form-confirmation h2{font-size:43px}
.b3 .spec-table>div{gap:15px}
.b3 .spec-table dd{font-size:12px}
.b3 .next-project{padding-block:60px}
.b3 .next-link{font-size:35px}
}
@media(prefers-reduced-motion:reduce){.b3 *,.b3 *:before,.b3 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.b3 .pivot-section{height:auto;min-height:0}.b3 .pivot-sticky{position:relative;height:auto;min-height:750px;padding-block:70px}.b3 .scroll-hint{display:none}}
/* Keep each material self-contained, including the colour of button hover states. */
.b3 .b-paper{--b-paper:#eeeae1;--b-ink:#252623}
.b3 .b-dark{--b-paper:#202321;--b-ink:#eeeae1}
.b3 .b-stone{--b-paper:#dcd8cd;--b-ink:#252623}
@media(max-width:540px) and (max-height:740px){.b3 .pivot-section{min-height:1000px}.b3 .pivot-sticky{position:relative;height:auto;min-height:0;padding-block:55px}.b3 .pivot-visual{max-width:390px;margin-inline:auto}.b3 .drawing-stamp{bottom:0}}