/* Taatsveld b4: blackened steel, a warm opening, the hero's voice.
   Nothing in this file selects .home-hero or any of its descendants. */
body.inner,body.inner.dark{background:#17181a;color:#ece8e1;color-scheme:dark}
.b3,.dark .b3:not(.b-footer),.b3 :is(.b-paper,.b-dark,.b-stone),.b3.b-footer{
 --b-paper:#17181a;--b-ink:#ece8e1;--b-muted:#b4b3b0;--b-line:#ece8e12e;--b-accent:#d3977b;
 background:#17181a;color:#ece8e1;
}
.b3 :is(.b-stone,.b-paper){background:#202123}
.b3 .b-dark{background:#141517}
.b3 :is(h1,h2,h3,h4),.b3 .next-link,.b3 .contact-form legend{
 font-family:'Barlow Condensed',sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:-.015em;line-height:.98;
}
.b3 h1{font-size:clamp(66px,8.5vw,136px)}
.b3 h2{font-size:clamp(48px,5.7vw,88px)}
.b3 h3{font-size:34px}
.b3 :is(.b-label,figcaption,.price-note,.maker-note,.contact-note,.footer-bottom),.b3.b-header nav>a,.b3 .b-menu,.b3 .team-grid article>p.b-mono,.b3 .process-grid .b-mono,.b3 .footer-grid .b-mono{
 font-family:'Public Sans',sans-serif;letter-spacing:0;text-transform:none;
}
.b3 .b-mono{font-family:'Public Sans',sans-serif;letter-spacing:0}
.b3 .material-caption,.b3 .product-card>.b-mono,.b3 .product-drawing>span,.b3 .pivot-copy>p.b-mono:not(.scroll-hint),.b3 .steel-profile>p.b-mono{font-family:'IBM Plex Mono',monospace;letter-spacing:.035em}
.b3 .b-label{font-size:13px;color:#b4b3b0;gap:0}
.b3 .b-label>.pivot-mark,.b3 .maker-note>.pivot-mark,.b3 .contact-note>.pivot-mark{display:none}
.b3 .slot-mark{display:none}
.b3 .b-label{margin-bottom:26px}
.b3 .price-note{font-size:12px;line-height:1.8}
.b3 .b-button:hover,.b3 .b-dark .b-button:hover{background:#ece8e1;color:#17181a}
.b3 .b-link:hover{color:#d3977b}
.b3 :is(.slot-art,.image-slot.has-image .slot-art),.b3 .team-grid .portrait .slot-art{background:#242527;background-image:none;color:#ece8e1}
.b3 .home-intro{padding-block:145px 130px}
.b3 .home-intro h2{font-size:clamp(56px,6.9vw,106px)}
.b3 .intro-bottom>p{color:#b4b3b0;line-height:1.85}
.b3 .hard-facts{padding-top:32px}
.b3 .hard-facts strong{font-size:clamp(54px,5vw,80px)}
.b3 .hard-facts span{color:#b4b3b0}
.b3 .section-heading{grid-template-columns:.8fr 2fr;gap:6%}
.b3 .steel-stamp{
 display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;padding:10px 15px;
 font:400 12px/1.3 'IBM Plex Mono',monospace;letter-spacing:.08em;white-space:nowrap;
 color:#d3977b;background:linear-gradient(115deg,#343537,#202123 65%,#303133);
 border:1px solid #d3977b66;box-shadow:inset 0 1px #ffffff12,0 2px 6px #0004;text-shadow:0 1px #000;
}
.b3 .steel-stamp:before{content:'';width:3px;height:3px;border-radius:50%;background:#87878a;box-shadow:0 1px #000}
.b3 .image-slot:has(.steel-stamp) figcaption{padding-right:140px;min-height:30px}
.b3 .image-slot figcaption>.steel-stamp{position:absolute;right:16px;top:16px;z-index:2}
.b3 .pivot-section{background:#17181a;height:190vh;min-height:1250px;border-color:#ece8e11c}
.b3 .pivot-sticky{grid-template-columns:1fr 1.6fr;gap:3%;max-height:none;min-height:800px}
.b3 .pivot-copy h2{font-size:clamp(46px,4.7vw,74px)}
.b3 .pivot-copy p:not(.b-label){color:#b4b3b0;font-size:14px}
.b3 .angle-readout{margin-top:36px}
.b3 .angle-readout output{font:300 clamp(120px,13vw,195px)/.8 'Barlow Condensed',sans-serif;letter-spacing:-.04em;min-width:180px}
.b3 .angle-readout span,.b3 .angle-control{font:12px/1.5 'Public Sans',sans-serif;color:#b4b3b0}
.b3 .angle-control{flex-direction:column;align-items:flex-start;gap:8px;margin-top:24px}
.b3 .angle-control input{accent-color:#d3977b;width:190px;min-height:32px}
.b3 .pivot-copy .scroll-hint{font:12px/1.6 'Public Sans',sans-serif;opacity:1}
.b3 .pivot-visual{width:100%;margin:0}
.b3 .steel-scene{position:relative;width:100%;aspect-ratio:1.1;isolation:isolate;overflow:hidden;background:#1d1e20;perspective:1000px;perspective-origin:50% 40%}
.b3 .steel-wall{position:absolute;inset:0 0 26%;background:radial-gradient(ellipse at 56% 65%,#46403a,#262729 48%,#1d1e20 78%)}
.b3 .steel-floor{position:absolute;inset:74% 0 0;background:linear-gradient(#272626,#17181a);border-top:1px solid #ffffff09}
.b3 .door-frame{position:absolute;z-index:2;left:34%;top:9%;width:34%;height:66%;border:9px solid #121315;border-bottom-width:3px;box-shadow:12px 8px 20px #0005,inset 0 0 12px #0009;transform-style:preserve-3d}
.b3 .door-reveal{position:absolute;inset:0;background:linear-gradient(100deg,#675147,#c59372 70%,#f2cfaa);opacity:calc(.05 + var(--opening)*.95)}
.b3 .steel-leaf{position:absolute;inset:0;transform-origin:16.36% 50%;transform:rotateY(var(--angle));transform-style:preserve-3d;background:linear-gradient(110deg,#222326,#090a0c 38%,#151619 85%,#343537);box-shadow:inset -3px 0 #535354,inset 2px 1px #555658;border:1px solid #090a0c;backface-visibility:visible}
.b3 .leaf-edge{position:absolute;inset:0 0 0 auto;width:7px;background:linear-gradient(90deg,#515254,#131416);transform:rotateY(-90deg);transform-origin:right}
.b3 .leaf-handle{position:absolute;right:10%;top:46%;height:22%;width:6px;background:linear-gradient(90deg,#606164,#141517);box-shadow:3px 2px 4px #000a}
.b3 .floor-pivot{position:absolute;left:calc(16.36% - 5px);bottom:-7px;width:10px;height:5px;border-radius:50%;background:#a09b93;box-shadow:0 1px 3px #000;transform:translateZ(1px)}
.b3 .light-beam{position:absolute;z-index:1;left:7%;top:74%;width:88%;height:26%;background:linear-gradient(180deg,#d3977b9c,#d3977b32 70%,#d3977b00);clip-path:polygon(31% 0,69% 0,calc(50% + var(--opening)*50%) 100%,calc(50% - var(--opening)*50%) 100%);opacity:var(--opening);filter:blur(3px)}
.b3 .door-light{position:absolute;left:33%;top:8%;width:37%;height:70%;background:#d3977b;filter:blur(35px);opacity:calc(var(--opening)*.15);z-index:0}
.b3 .pivot-plate{position:absolute;bottom:22px;right:22px;transform:rotate(-2deg)}
/* Solid objects and reflected light replace the product's construction drawings. */
.b3 .steel-study{position:relative;overflow:hidden;aspect-ratio:1.3;background:#202123;isolation:isolate;color:#ece8e1}
.b3 .product-card>.steel-study{margin:20px 0 28px}
.b3 .study-glow{position:absolute;inset:15% -20% -40% 10%;background:radial-gradient(ellipse,#c6b8a155,transparent 65%);transform:rotate(-24deg)}
.b3 .study-frame{position:absolute;left:28%;top:10%;width:46%;height:71%;border:8px solid #101113;box-shadow:10px 12px 18px #0006,inset 1px 0 #7776;background:linear-gradient(130deg,#a19d8d55,#ece8e135 48%,#292a2c99 49%,#77756544)}
.b3 .study-glass{position:absolute;inset:0;background:linear-gradient(113deg,transparent 20%,#ece8e11c 21%,transparent 35%,#ece8e133 67%,transparent 69%)}
.b3 .study-leaf{position:absolute;inset:-3px 20% -3px 18%;border:7px solid #111214;transform:perspective(500px) rotateY(-30deg);transform-origin:left center;box-shadow:1px 1px #9994}
.b3 .study-leaf:after{content:'';position:absolute;left:0;right:0;top:56%;height:5px;background:#121315}
.b3 .study-glaswand .study-frame{left:9%;width:83%;top:19%;height:60%}
.b3 .study-glaswand .study-glass{background:linear-gradient(90deg,transparent 24%,#131416 24% 26%,transparent 26% 49%,#131416 49% 51%,transparent 51% 74%,#131416 74% 76%,transparent 76%),linear-gradient(123deg,#c7bba211,transparent 50%,#ece8e144)}
.b3 .study-glaswand .study-leaf{left:49%;right:24%;border-width:5px;transform:perspective(500px) rotateY(-24deg)}
.b3 .study-schuifdeur .study-frame{left:10%;top:17%;width:80%;height:65%;border:none;background:none;box-shadow:none;border-top:8px solid #101113}
.b3 .study-schuifdeur .study-leaf{left:10%;right:38%;top:10%;transform:none;background:linear-gradient(110deg,#b6ad9855,#48494c44)}
.b3 .study-kap .study-frame{left:14%;top:13%;width:74%;height:70%;border:0;background:#101113;clip-path:polygon(0 34%,65% 0,100% 25%,100% 100%,0 100%)}
.b3 .study-kap .study-glass{inset:9px;clip-path:polygon(0 34%,65% 0,100% 25%,100% 100%,0 100%);background:linear-gradient(90deg,transparent 34%,#111214 34% 36%,transparent 36% 69%,#111214 69% 71%,transparent 71%),linear-gradient(120deg,#a19d8d55,#ece8e135 48%,#292a2c99 49%,#77756544)}
.b3 .study-kap .study-leaf{display:none}
.b3 .material-caption{position:absolute;left:18px;bottom:16px;font-size:10px;color:#b4b3b0}
.b3 .product-card h3{font-size:35px}
.b3 .product-card p{color:#b4b3b0}
.b3 .product-drawing{transform:none;border:0;padding:0;align-self:center}
.b3 .product-drawing .steel-study{aspect-ratio:1;min-height:320px}
.b3 .product-drawing>span{display:block;margin:20px 0 0;font-size:11px}
.b3 .custom-drawing .steel-study{aspect-ratio:1.6}
.b3 .steel-profile{min-height:320px;position:relative;perspective:600px;background:radial-gradient(ellipse at 50% 60%,#3a3b3d,#141517 70%)}
.b3 .profile-face{position:absolute;left:22%;top:24%;width:45%;height:48%;background:linear-gradient(135deg,#626365,#18191b);border:16px solid #0c0d0f;box-shadow:8px 14px 25px #0009;transform:rotateY(-28deg) rotate(-10deg)}
.b3 .profile-glass{position:absolute;left:58%;top:13%;width:25%;height:65%;transform:rotateY(-28deg) rotate(-10deg);background:linear-gradient(110deg,#ece8e116,#ece8e158 50%,#ece8e10c 52%);border:1px solid #ece8e13d}
.b3 .steel-profile p{position:absolute;left:24px;bottom:18px;color:#b4b3b0}
/* Photography breaks the page edge; every numbered project remains a link. */
.b3 .project-grid{gap:95px 40px}
.b3 .project-card.card-0{grid-column:1/-1;width:100vw;position:relative;left:50%;margin-left:-50vw;margin-top:0}
.b3 .project-card.card-0 .slot-art{height:74vh;min-height:500px;max-height:850px;aspect-ratio:auto}
.b3 .project-card.card-0 .slot-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#000b);pointer-events:none}
.b3 .project-card.card-0 .card-title{position:absolute;bottom:46px;left:max(56px,calc((100vw - 1600px)/2));right:56px;padding:0;color:#fff}
.b3 .project-card.card-0 .card-title h3{font-size:clamp(55px,6vw,90px);margin-top:10px}
.b3 .project-card.card-0 .card-title p{color:#e4dfd8}
.b3 .project-card.card-0 figcaption{position:absolute;inset:28px 40px auto 56px;padding:0;margin:0;min-height:40px}
.b3 .project-card.card-0 figcaption>span:first-child{display:inline-flex;align-items:center;width:max-content;padding:10px 14px;background:#17181aba;color:#ece8e1;font:12px/1.5 'Public Sans',sans-serif}
.b3 .project-card.card-0 figcaption>.steel-stamp{top:0;right:0}
.b3 .project-card.card-1{grid-column:1/span 5;margin-top:0}
.b3 .project-card.card-2{grid-column:7/span 6;margin-top:90px}
.b3 .project-card.card-3{grid-column:1/span 7;margin-top:0}
.b3 .project-card.card-4{grid-column:9/span 4;margin-top:120px}
.b3 .project-card.card-5{grid-column:3/span 7;margin-top:0}
.b3 .card-title h3{font-size:clamp(32px,3.1vw,48px)}
.b3 .card-title>.b-mono{font:12px/1.6 'Public Sans',sans-serif;letter-spacing:0;color:#b4b3b0}
.b3 .card-title p{color:#b4b3b0}
.b3 .workshop-home{padding-top:0}
.b3 .fullbleed-photo{position:relative;margin-bottom:115px}
.b3 .fullbleed-photo>img{width:100%;height:78vh;min-height:500px;max-height:900px;object-fit:cover;object-position:50% 50%}
.b3 .fullbleed-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}
.b3 .fullbleed-photo figcaption{position:absolute;z-index:1;bottom:35px;left:56px;right:56px;display:flex;justify-content:space-between;align-items:end;color:#ece8e1;margin:0}
.b3 .fullbleed-photo figcaption>span:first-child{font:300 clamp(36px,4.5vw,68px)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;max-width:600px}
.b3 .fullbleed-photo figcaption>span:last-child{font:12px/1.5 'Public Sans',sans-serif}
.b3 .workshop-split{grid-template-columns:1fr 1.25fr;gap:7%}
.b3 .workshop-split h2{font-size:clamp(45px,4.6vw,72px)}
.b3 .workshop-split>div>p:not(.b-label){color:#b4b3b0}
.b3 .workshop-slot .slot-art{aspect-ratio:1.3}
.b3 .workshop-slot .slot-art:before{display:none}
/* A quiet steel margin above the photographs gives every head breathing room.
   Native portrait files stay intact; top alignment prevents a centred face crop. */
.b3 .team-grid{gap:30px;margin-top:95px}
.b3 .team-grid .portrait .slot-art{aspect-ratio:.86;background:#292a2c!important}
.b3 .team-grid .portrait .slot-art{aspect-ratio:.8}.b3 .team-grid .portrait .slot-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%}
.b3 .person-initial{display:none}
.b3 .team-grid h3{font-size:32px;line-height:1.05;letter-spacing:0}
.b3 .team-grid article>p.b-mono{font-size:11px;color:#b4b3b0;line-height:1.7}
.b3 .team-grid article>p:last-child{color:#b4b3b0}
.b3 .portrait figcaption{display:none}
.b3 .step-number,.b3 .workday-time{color:#b4b3b0}
.b3 .process-grid h3{font-size:34px}
.b3 .glass-swatches i{border-color:#ece8e133}
.b3 .swatches i{box-shadow:inset 0 0 0 1px #ece8e13d}
.b3 .large-quote{color:#ece8e1}
.b3 .roof-head .slot-art{clip-path:none;aspect-ratio:1}
.b3 .slide-head{background:#202123}
.b3 :is(.contact-card,.form-confirmation,.wall-price){background:linear-gradient(120deg,#303133,#222325);color:#ece8e1;--b-muted:#b4b3b0;border:1px solid #ece8e12e}
.b3 .contact-card dl>div{border-color:#ece8e12e}
.b3 .contact-card dt{color:#b4b3b0;font-family:'Public Sans',sans-serif}
.b3 .contact-card h2{font-size:52px}
.b3 .field :is(input,select,textarea){border-color:#ece8e14d;color:#ece8e1;background:#202123;color-scheme:dark}
.b3 .field :is(input,textarea,select)[aria-invalid]{border-color:#d3977b;background:#d3977b09}
.b3 .field-error{color:#e4ad91}
.b3 .contact-form button{background:#ece8e1;color:#17181a;border-color:#ece8e1}
.b3 .contact-form button:hover{background:#d3977b;color:#17181a}
.b3 .form-confirmation{border-top:2px solid #d3977b}
.b3 .confirmation-mark{color:#d3977b}
.b3 .wall-price strong{font:300 45px/1.1 'Barlow Condensed',sans-serif;letter-spacing:0}
.b3.b-header{border-color:#ece8e12e}
.b3.b-header nav>a{font-size:12px}
.b3 .footer-grid h3{font:300 27px/1 'Barlow Condensed',sans-serif;letter-spacing:0;color:#ece8e1}
.b3 .footer-grid :is(p,.b-mono),.b3 .footer-bottom{color:#b4b3b0}
.b3 .footer-invite{padding-top:30px}
.b3 .footer-invite h2{font-size:clamp(75px,11vw,170px)}
.b3 .footer-bottom .pivot-mark{display:none}
@media(min-width:1600px){.b3 .pivot-sticky{max-width:1600px}}
@media(max-width:1100px){
 .b3 .pivot-sticky{grid-template-columns:1fr 1.2fr;gap:2%;min-height:740px}
 .b3 .pivot-copy h2{font-size:52px}
 .b3 .angle-readout output{font-size:140px;min-width:150px}
 .b3 .product-card h3{font-size:30px}
 .b3 .product-grid{gap:25px}
}
@media(max-width:800px){
 .b3 h1{font-size:clamp(60px,10vw,90px)}
 .b3 h2{font-size:clamp(44px,8vw,64px)}
 .b3 .home-intro{padding-block:85px}
 .b3 .home-intro h2{font-size:clamp(52px,8vw,70px)}
 .b3 .section-heading{grid-template-columns:1fr;gap:16px}
 .b3 .pivot-section{height:175vh;min-height:1150px}
 .b3 .pivot-sticky{grid-template-columns:1fr 1fr;min-height:700px}
 .b3 .pivot-copy h2{font-size:42px}
 .b3 .pivot-copy p:not(.b-label){font-size:12px}
 .b3 .angle-readout output{font-size:110px;min-width:120px}
 .b3 .steel-scene{aspect-ratio:.72}
 .b3 .door-frame{left:23%;width:53%;top:12%;height:62%;border-width:6px}
 .b3 .pivot-plate{bottom:15px;right:12px;font-size:10px}
 .b3 .product-card{grid-template-columns:1fr 1.5fr;gap:0 25px}
 .b3 .product-card>.steel-study{grid-row:1/5;grid-column:1;margin:0;height:210px;aspect-ratio:auto}
 .b3 .product-card h3{font-size:34px}
 .b3 .material-caption{font-size:8px;left:10px;right:10px}
 .b3 .project-grid{gap:60px 25px}
 .b3 .project-card.card-0 .card-title{left:20px;right:20px;bottom:30px}
 .b3 .project-card.card-0 figcaption{left:20px;right:20px;top:20px}
 .b3 .project-card.card-0 .slot-art{height:65vh;min-height:430px}
 .b3 .project-card.card-1{grid-column:1/span 6;margin:0}
 .b3 .project-card.card-2{grid-column:7/span 6;margin-top:70px}
 .b3 .project-card.card-3{grid-column:1/span 7;margin:0}
 .b3 .project-card.card-4{grid-column:8/span 5;margin-top:65px}
 .b3 .project-card.card-5{grid-column:2/span 10;margin:0}
 .b3 .card-title h3{font-size:34px}
 .b3 .image-slot:has(.steel-stamp) figcaption{padding:0}
 .b3 .image-slot figcaption>.steel-stamp{font-size:10px;padding:8px 10px;right:12px;top:12px}
 .b3 .fullbleed-photo{margin-bottom:75px}
 .b3 .fullbleed-photo>img{height:65vh;min-height:420px;object-position:35% 50%}
 .b3 .fullbleed-photo figcaption{left:20px;right:20px;bottom:25px;gap:20px}
 .b3 .fullbleed-photo figcaption>span:last-child{max-width:110px;font-size:10px;text-align:right}
 .b3 .workshop-split{gap:35px}
 .b3 .workshop-split h2{font-size:46px}
 .b3 .team-grid{gap:45px 25px;margin-top:60px}
 .b3 .team-grid .portrait .slot-art{aspect-ratio:.86}
 .b3 .team-grid h3{font-size:34px}
 .b3 .footer-grid h3{font-size:25px}
 .b3 .footer-invite h2{font-size:clamp(75px,11vw,120px)}
}
@media(max-width:540px){
 .b3 h1{font-size:62px}
 .b3 h2{font-size:48px}
 .b3 .home-intro h2{font-size:54px}
 .b3 .pivot-section{height:180vh;min-height:1250px}
 .b3 .pivot-sticky{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:15px;min-height:810px;height:100svh;padding-block:35px}
 .b3 .pivot-copy{position:relative}
 .b3 .pivot-copy .b-label{margin-bottom:18px}
 .b3 .pivot-copy h2{font-size:43px;max-width:270px}
 .b3 .pivot-copy p:not(.b-label){font-size:12px;max-width:290px;margin-top:18px}
 .b3 .pivot-copy .b-mono{font-size:10px}
 .b3 .angle-readout{position:absolute;right:0;bottom:47px;margin:0;display:block}
 .b3 .angle-readout output{font-size:90px;min-width:90px;display:block}
 .b3 .angle-readout span{display:none}
 .b3 .angle-control{font-size:11px;max-width:160px;margin-top:12px}
 .b3 .angle-control input{width:155px}
 .b3 .pivot-copy .scroll-hint{display:none}
 .b3 .pivot-visual{max-width:420px;align-self:center}
 .b3 .steel-scene{aspect-ratio:1.25}
 .b3 .door-frame{left:32%;width:34%;top:8%;height:66%;border-width:5px}
 .b3 .pivot-plate{font-size:9px;padding:8px 10px;bottom:12px;right:12px}
 .b3 .product-card{grid-template-columns:1fr 1.4fr;gap:0 18px}
 .b3 .product-card>.steel-study{height:200px}
 .b3 .product-card h3{font-size:29px;line-height:1.03}
 .b3 .product-card p{font-size:10px}
 .b3 .product-card .product-price{font-size:14px}
 .b3 .study-frame{border-width:5px;left:15%;width:70%}
 .b3 .study-leaf{border-width:4px}
 .b3 .study-glaswand .study-frame{left:4%;width:92%}
 .b3 .material-caption{font-size:8px;line-height:1.6;bottom:8px;letter-spacing:0}
 .b3 .project-grid{grid-template-columns:1fr;gap:50px}
 .b3 .project-card:is(.card-0,.card-1,.card-2,.card-3,.card-4,.card-5){grid-column:1;margin-top:0}
 .b3 .project-card.card-0 .slot-art{height:65vh;min-height:450px}
 .b3 .project-card.card-0 .slot-art>img{object-position:43% 50%}
 .b3 .project-card.card-0 .card-title h3{font-size:56px}
 .b3 .project-card.card-0 .card-title>.b-mono{color:#ece8e1}
 .b3 .project-card .slot-art{aspect-ratio:1.1!important}
 .b3 .project-card.card-0 .slot-art{aspect-ratio:auto!important}
 .b3 .card-title h3{font-size:38px}
 .b3 .workshop-split{grid-template-columns:1fr;gap:40px}
 .b3 .workshop-split h2{font-size:52px}
 .b3 .team-grid{gap:35px 16px}
 .b3 .team-grid h3{font-size:27px}
 .b3 .team-grid article>p.b-mono{font-size:10px}
 .b3 .team-grid article>p:last-child{font-size:12px}
 .b3 .fullbleed-photo figcaption{align-items:start;flex-direction:column;gap:15px}
 .b3 .fullbleed-photo figcaption>span:first-child{font-size:42px}
 .b3 .fullbleed-photo figcaption>span:last-child{max-width:none;text-align:left}
 .b3 .fullbleed-photo>img{object-position:34% 50%}
 .b3 .product-hero h1{font-size:62px}
 .b3 .product-drawing .steel-study{min-height:300px}
 .b3 .contact-card h2{font-size:46px}
 .b3 .roof-head h1{font-size:clamp(64px,16vw,85px)}
 .b3 .footer-invite h2{font-size:clamp(65px,16vw,87px)}
 .b3 .footer-grid h3{font-size:23px}
}
@media(max-width:540px) and (max-height:800px){
 .b3 .pivot-sticky{position:relative;height:auto;min-height:0;padding-block:55px}
 .b3 .pivot-section{height:auto;min-height:0}
 .b3 .steel-scene{aspect-ratio:1.1}
}
@media(prefers-reduced-motion:reduce){
 .b3 .pivot-section{height:auto;min-height:0}
 .b3 .pivot-sticky{position:relative;height:auto;min-height:0;padding-block:80px}
 .b3 .steel-leaf,.b3 .light-beam{transition:none}
}
/* Daylight through glass: one material pause on each of the two pages.
   Keep every override inside these explicitly marked sections. */
.b3 .b-daylight{
 --b-paper:#f8f6ef;--b-ink:#252623;--b-muted:#626158;--b-line:#2526232e;--b-accent:#8a4b35;
 color:var(--b-ink);color-scheme:light;
 background:
  linear-gradient(112deg,transparent 52%,#7169580a 52.2%,transparent 53.4%),
  linear-gradient(112deg,transparent 76%,#71695808 76.2%,transparent 77.4%),
  linear-gradient(112deg,#fffdf8 12%,#f8f6ef 55%,#eeeadf);
}
.b3 .b-daylight .b-label{color:var(--b-muted)}
.b3 .b-daylight .b-link:hover{color:var(--b-accent)}
.b3 .b-daylight .swatches i{
 background-color:var(--swatch);
 background-image:linear-gradient(135deg,#ffffff1c,transparent 48%,#00000012);
 box-shadow:inset 0 1px 1px #ffffff52,inset 0 -2px 2px #00000030,1px 3px 3px #3933291a,7px 12px 17px -5px #39332935;
}
.b3 .b-daylight .glass-swatches i{
 border-color:#71857566;
 background:linear-gradient(115deg,#ffffffb3,#d9e4dc40 46%,#ffffff80 48%,#b8c9be33);
 box-shadow:inset 2px 0 #fafffbc9,inset -2px -2px #6c8a7959,2px 3px 2px #39332912,9px 14px 16px -6px #56645240;
}
.b3 .b-daylight .glass-swatches .bronze{
 border-color:#8b705d80;
 background:linear-gradient(115deg,#d1b49980,#ae886480 46%,#e7d4bd99 48%,#a67d5866);
}
.b3 .b-daylight .glass-swatches .reeded{
 background:repeating-linear-gradient(90deg,#83998b66 0,#fafffbb3 2px,#b6c5b780 4px,#eef3e780 6px);
}
.b3 .b-daylight .steel-study{background:transparent;color:var(--b-ink)}
.b3 .b-daylight .study-glow{
 inset:12% -20% -40% 10%;
 background:linear-gradient(115deg,transparent 22%,#ffffff99 23% 62%,transparent 63%);
}
.b3 .b-daylight .study-frame{
 background:linear-gradient(123deg,#b6c9bd29,#ffffff9c 48%,#c4d0c333 49%,#e3e9db66);
 box-shadow:inset 1px 0 #a7aba080,3px 4px 3px #39332924,18px 24px 24px -10px #39332940;
}
.b3 .b-daylight .study-glaswand .study-glass{
 background:linear-gradient(90deg,transparent 24%,#131416 24% 26%,transparent 26% 49%,#131416 49% 51%,transparent 51% 74%,#131416 74% 76%,transparent 76%),linear-gradient(123deg,#ffffff66,transparent 50%,#ffffffb3);
}
.b3 .b-daylight .study-leaf{background:#e8efe326;box-shadow:1px 1px #ffffff80,8px 10px 12px -7px #39332940}
.b3 .b-daylight .material-caption{color:var(--b-muted)}
/* Round e: a continuous graphite ground, interrupted only by daylight. */
.b3 :is(.b-paper,.b-stone,.b-dark),.b3 .slide-head{background:#17181a}
.b3 .b-section+.b-section{border-top:1px solid #ece8e11c}
.b3 .b-menu nav{background:#17181a}
.b3 .b-daylight{background:linear-gradient(112deg,#fffdf8 12%,#f8f6ef 55%,#eeeadf)}
/* Photographs hold still: inspection is about the object, not a moving crop. */
.b3 .image-slot.has-image .slot-art>img{animation:none}
.b3 .project-card .slot-art>*{transition:none}
.b3 .project-card:hover .slot-art>*{transform:none}
.b3 .b-link,.b3 .b-button{transition:background-color .18s ease-out,color .18s ease-out}
.b3 .b-link span,.b3 .b-button span{transition:none}
.b3 :is(.b-link,.b-button):hover span{transform:none}
.b3 .b-faq summary span{transition:transform .16s ease-out}
.b3.b-header nav>a:not(.b-button):after{transition:opacity .16s ease-out}
.b3 .product-photo{min-width:0;margin:0}
.b3 .product-photo .slot-art{aspect-ratio:4/3;background:#202123}
.b3 .product-photo .slot-art>img{width:100%;height:100%;object-fit:cover}
.b3 .product-photo figcaption{margin-top:12px;font:400 11px/1.6 'Public Sans',sans-serif;color:var(--b-muted)}
.b3 .product-card>.product-photo{margin:22px 0 28px}
.b3 .product-card .product-photo img{object-position:65% 50%}
.b3 .product-drawing .product-photo .slot-art{aspect-ratio:4/3;min-height:0}
.b3 .custom-drawing .product-photo .slot-art{aspect-ratio:16/9}
.b3 .b-daylight .product-photo figcaption{color:var(--b-muted)}
/* Native 16:9 footage is never cropped into the old portrait model. */
.b3 .steel-scene{aspect-ratio:16/9;min-height:0}
.b3 .pivot-film{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;background:#17181a}
.b3 .steel-scene.has-pivot-film .pivot-film{opacity:1}
.b3 .steel-scene.has-pivot-film>:not(.pivot-film):not(.light-beam){visibility:hidden}
.b3 .steel-scene.has-pivot-film .light-beam{z-index:4;opacity:calc(var(--opening)*.1);mix-blend-mode:screen}
.b3 .pivot-sticky{height:100svh;min-height:0}
.b3 .angle-readout output{font-variant-numeric:tabular-nums}
@media(max-width:800px){
 .b3 .product-card>.product-photo{grid-column:1;grid-row:1/5;margin:0}
 .b3 .product-card .product-photo .slot-art{aspect-ratio:4/5}
 .b3 .product-card .product-photo figcaption{font-size:10px;line-height:1.5}
 .b3 .steel-scene{aspect-ratio:16/9}
}
@media(max-width:540px){
 .b3 .pivot-sticky{gap:20px;padding-block:28px}
 .b3 .pivot-copy{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:0 16px}
 .b3 .pivot-copy h2{font-size:40px}
 .b3 .pivot-copy p:not(.b-label){max-width:none}
 .b3 .angle-readout{position:static;grid-column:2;grid-row:2;align-self:center;margin:0}
 .b3 .angle-readout output{font-size:82px;min-width:0}
 .b3 .product-card{grid-template-columns:1fr;gap:0}
 .b3 .product-card>.b-mono{grid-column:1}
 .b3 .product-card>.product-photo{grid-column:auto;grid-row:auto;margin:16px 0 24px}
 .b3 .product-card .product-photo .slot-art{aspect-ratio:4/3}
 .b3 .product-card h3{font-size:36px}
 .b3 .product-card p{font-size:12px}
 .b3 .product-card .product-price{font-size:16px;grid-column:1}
 .b3 .product-card+.product-card{margin-top:20px}
}
@media(max-height:720px){
 .b3 .pivot-section{height:auto;min-height:0}
 .b3 .pivot-sticky{position:relative;height:auto;min-height:0;padding-block:70px}
}
@media(prefers-reduced-motion:reduce){
 .b3 .pivot-section{height:auto;min-height:0}
 .b3 .pivot-sticky{position:relative;height:auto;min-height:0;padding-block:70px}
 .b3 *,.b3 *:before,.b3 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* Round f — product information follows the workshop drawing and numbered work.
   Only content below the approved product introductions uses these classes. */
.b3 .product-specification .two-cols{align-items:start}
.b3 .product-specification .spec-table{border-top:1px solid var(--b-line)}
.b3 .product-specification .spec-table>div{padding-block:19px}
.b3 .product-specification .spec-table dt{font:400 11px/1.7 'IBM Plex Mono',monospace;color:var(--b-muted)}
.b3 .product-specification .spec-table dd{font-size:14px;line-height:1.7}
.b3 .product-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:42px;padding-top:25px;border-top:1px solid var(--b-line)}
.b3 .product-measures>div{display:flex;flex-direction:column-reverse;gap:12px}
.b3 .product-measures dt{font:400 11px/1.6 'IBM Plex Mono',monospace;color:var(--b-muted)}
.b3 .product-measures dd{font:300 clamp(46px,4.2vw,66px)/1 'Barlow Condensed',sans-serif;white-space:nowrap;letter-spacing:-.02em}
.b3 .product-measures dd span{font-size:.42em;letter-spacing:0}
.b3 .product-specification .b-button{margin-top:36px}
.b3 .product-work{border-top:1px solid var(--b-line)}
.b3 .work-heading{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr) minmax(0,.65fr);gap:36px;align-items:start;margin-bottom:56px}
.b3 .work-heading>.b-label{margin-top:8px}
.b3 .work-heading h2{font-size:clamp(52px,5.4vw,82px)}
.b3 .work-heading p:not(.b-label){max-width:550px;color:var(--b-muted);font-size:15px;line-height:1.85}
.b3 .work-number{justify-self:end;font:300 clamp(84px,10vw,150px)/.85 'Barlow Condensed',sans-serif;letter-spacing:-.035em;color:var(--b-muted);font-variant-numeric:tabular-nums}
.b3 .work-photo{min-width:0}
.b3 .work-photo-frame{overflow:hidden;aspect-ratio:3/2;background:#17181a}
.b3 .work-photo-wide .work-photo-frame{aspect-ratio:16/10}
.b3 .work-photo img{display:block;width:100%;height:100%;object-fit:cover}
.b3 .work-photo figcaption{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-top:16px;color:var(--b-muted);font:400 11px/1.65 'IBM Plex Mono',monospace}
.b3 .work-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-bottom:34px;border-bottom:1px solid var(--b-line)}
.b3 .work-foot>.b-mono{font-family:'IBM Plex Mono',monospace;color:var(--b-muted);font-size:11px}
.b3 .work-foot .b-link{margin-top:0}
.b3 .work-secondary{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:8%;align-items:center;margin-top:105px}
.b3 .work-secondary h3{font-size:clamp(40px,4vw,60px)}
.b3 .work-secondary p:not(.b-label){color:var(--b-muted);font-size:15px;line-height:1.85}
.b3 .work-secondary-roof{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
.b3 .work-secondary-roof h2{font-size:clamp(44px,4.6vw,70px)}
.b3 .work-secondary-roof .work-photo-frame{aspect-ratio:1/1}
.b3 .product-options{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:7%}
.b3 .product-options .product-photo .slot-art{aspect-ratio:4/3}
@media(max-width:1000px){
 .b3 .work-heading{grid-template-columns:minmax(0,1fr) minmax(0,.35fr);gap:28px}
 .b3 .work-heading>.b-label{grid-column:1/-1;margin-bottom:0}
 .b3 .work-heading h2{font-size:60px}
 .b3 .work-number{font-size:100px}
 .b3 .work-secondary{gap:5%}
 .b3 .work-secondary h3{font-size:44px}
 .b3 .work-secondary-roof h2{font-size:48px}
 .b3 .product-options{gap:5%}
}
@media(max-width:800px){
 .b3 .product-measures{gap:16px}
 .b3 .product-measures dd{font-size:46px}
 .b3 .product-specification .spec-table>div{grid-template-columns:1fr;gap:6px;padding-block:16px}
 .b3 .work-secondary,.b3 .work-secondary-roof{grid-template-columns:1fr;gap:35px;margin-top:70px}
 .b3 .work-secondary>div{max-width:580px}
 .b3 .work-secondary-roof>.work-photo{grid-row:1}
 .b3 .work-secondary-roof .work-photo-frame{aspect-ratio:3/2}
 .b3 .product-options{grid-template-columns:1fr;gap:42px}
}
@media(max-width:540px){
 .b3 .product-specification .spec-table>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}
 .b3 .product-specification .spec-table dd{font-size:13px}
 .b3 .product-specification .spec-table dt{font-size:10px;overflow-wrap:anywhere}
 .b3 .product-measures{margin-top:32px}
 .b3 .work-heading{gap:24px 14px;margin-bottom:34px;grid-template-columns:minmax(0,1fr) 74px}
 .b3 .work-heading h2{font-size:44px}
 .b3 .work-heading p:not(.b-label){font-size:14px;line-height:1.75}
 .b3 .work-number{font-size:65px;margin-top:4px}
 .b3 .work-photo-wide .work-photo-frame{aspect-ratio:4/3}
 .b3 .work-photo figcaption{font-size:10px;gap:5px;margin-top:12px}
 .b3 .work-foot{align-items:start;flex-direction:column;gap:15px}
 .b3 .work-foot .b-link{font-size:13px;gap:20px}
 .b3 .work-secondary h3,.b3 .work-secondary-roof h2{font-size:44px}
 .b3 .work-secondary .b-link{font-size:13px;gap:16px}
}
/* The supplied pivot film already contains the light; the model's beam is fallback only. */
.b3 .steel-scene.has-pivot-film .light-beam{visibility:hidden}

/* Round 1 — an opening at room scale, a legible workpiece register and named makers.
   Every selector stays within .b3; the approved homepage screen is outside it. */
.b3 .image-slot figcaption,
.b3 .product-photo figcaption,
.b3 .work-photo figcaption{font-size:12px;line-height:1.65}
.b3 .hard-facts span{font-size:13px;max-width:170px}
.b3 .product-card p{font-size:14px;line-height:1.65;margin-block:16px}
.b3 .product-card>.b-mono{font-size:12px}
.b3 .card-title>.b-mono{font-size:13px}
.b3 .card-title p{font-size:12px;line-height:1.7}
.b3 .spec-table dt,
.b3 .product-specification .spec-table dt{font-size:12px;line-height:1.65}
.b3 .spec-table dd,
.b3 .product-specification .spec-table dd{font-size:15px;line-height:1.7}
.b3 .product-measures dt{font-size:12px}
.b3 .swatches span,.b3 .glass-swatches span{font-size:12px;letter-spacing:0}
.b3 .price-large>span,.b3 .wall-price>span{font:400 12px/1.7 'Public Sans',sans-serif}

/* The real film fills the right-hand opening, retaining its complete 16:9 frame. */
.b3 .pivot-section{height:170vh;min-height:1250px}
.b3 .pivot-sticky{grid-template-columns:clamp(280px,22.2vw,340px) minmax(0,1fr);gap:56px;padding-block:54px}
.b3 .pivot-copy h2{font-size:clamp(46px,3.75vw,60px);line-height:1.02;max-width:330px}
.b3 .pivot-copy p:not(.b-label){font-size:14px;line-height:1.75;margin-top:22px}
.b3 .pivot-copy>p.b-mono:not(.scroll-hint){font-size:12px;line-height:1.7}
.b3 .pivot-copy .b-label{margin-bottom:24px}
.b3 .angle-readout{margin-top:28px}
.b3 .angle-readout output{font-size:132px;min-width:145px}
.b3 .angle-control{margin-top:20px}
.b3 .pivot-copy .scroll-hint{font-size:12px;margin-top:14px}
.b3 .pivot-visual{width:calc(100% + 56px)}
.b3 .pivot-film-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 56px 0 0;font:400 12px/1.65 'Public Sans',sans-serif;color:var(--b-muted)}
.b3 .pivot-film-caption .pivot-plate{position:static;transform:none;font-size:10px;padding:8px 12px}

/* Two paired openings and a broad final roof study replace the scattered mosaic. */
.b3 .project-grid{gap:96px 48px}
.b3 .project-card.card-1,.b3 .project-card.card-3{grid-column:1/span 6;margin:0}
.b3 .project-card.card-2,.b3 .project-card.card-4{grid-column:7/span 6;margin:96px 0 0}
.b3 .project-card.card-1 .slot-art{aspect-ratio:4/3}
.b3 .project-card.card-2 .slot-art{aspect-ratio:6/5}
.b3 .project-card.card-3 .slot-art{aspect-ratio:3/2}
.b3 .project-card.card-4 .slot-art{aspect-ratio:4/3}
.b3 .project-card.card-5{grid-column:1/-1;margin:0;padding-top:48px;border-top:1px solid var(--b-line);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:56px;align-items:end}
.b3 .project-card.card-5 .slot-art{aspect-ratio:3/2}
.b3 .project-card.card-5 .card-title{padding-bottom:36px}
.b3 .project-card.card-5 .card-title h3{font-size:clamp(40px,4vw,62px);line-height:1.04;max-width:360px;padding-right:30px}
.b3 .card-title h3{padding-right:28px;line-height:1.05}
.b3 .steel-stamp{border-color:#ece8e13d;background:#252628;box-shadow:inset 0 1px #ffffff0d,0 2px 5px #0003;text-shadow:none}

/* A contents strip and the price basis belong beside the product decision. */
.b3 .product-index{display:flex;align-items:stretch;gap:0;border-top:1px solid var(--b-line);border-bottom:1px solid var(--b-line)}
.b3 .product-index-label{align-self:center;flex:1;font:400 12px/1.65 'Public Sans',sans-serif;color:var(--b-muted);padding-block:20px;padding-right:24px}
.b3 .product-index>a{display:flex;align-items:center;gap:18px;padding:24px 22px;border-left:1px solid var(--b-line);font:400 14px/1.5 'Public Sans',sans-serif;transition:background-color .18s ease-out}
.b3 .product-index>a:last-child{padding-right:0}
.b3 .product-index>a:hover{background:#ece8e108}
.b3 .product-index .index-number{font:400 11px/1.5 'IBM Plex Mono',monospace;color:var(--b-muted)}
.b3 .product-index>a>span:last-child{font-size:16px;color:#d3977b}
.b3 :is(#constructie,#in-het-werk,#afwerking,#glaskeuze,#vragen,#onder-de-kap){scroll-margin-top:32px}
.b3 .price-basis{max-width:480px;margin:0 0 28px;border-block:1px solid var(--b-line)}
.b3 .price-basis summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;padding-block:13px;font:400 13px/1.6 'Public Sans',sans-serif}
.b3 .price-basis summary::-webkit-details-marker{display:none}
.b3 .price-basis summary>span{font-size:20px;color:var(--b-muted)}
.b3 .price-basis[open] summary>span{transform:rotate(45deg)}
.b3 .price-basis .price-note{font:400 13px/1.75 'Public Sans',sans-serif;margin:0;padding-bottom:18px;max-width:none}
.b3 .custom-drawing>div>.price-large{margin-bottom:24px}

/* Names read as people; condensed capitals remain the voice of the steelwork. */
.b3 .team-grid h3{font:400 21px/1.25 'Public Sans',sans-serif;text-transform:none;letter-spacing:-.025em;margin-top:24px}
.b3 .team-grid article>p.b-mono{font-size:12px;line-height:1.65}
.b3 .team-grid article>p:last-child{font-size:14px;line-height:1.75;max-width:280px}
.b3 .maker-name{display:flex;justify-content:space-between;align-items:start;gap:12px;min-height:44px}
.b3 .maker-name>span{font-size:18px;line-height:1.4;color:var(--b-muted)}
.b3 .maker-name:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.b3 .team-grid article[id]{scroll-margin-top:36px}
.b3 .process-grid li{display:flex;flex-direction:column;align-items:flex-start}
.b3 .process-grid li>.b-mono{font-size:12px;line-height:1.6;min-height:38px}
.b3 .process-grid li>p{font-size:15px;line-height:1.75;margin-bottom:28px}
.b3 .process-maker{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:auto;padding-top:16px;border-top:1px solid var(--b-line);font:400 12px/1.6 'Public Sans',sans-serif;min-height:48px}
.b3 .process-maker>span{font-size:18px;color:var(--b-muted)}
.b3 .process-maker:hover{color:#d3977b}

@media(max-width:1100px){
 .b3 .pivot-section{height:auto;min-height:0}
 .b3 .pivot-sticky{position:relative;height:auto;min-height:0;grid-template-columns:minmax(260px,.9fr) minmax(0,1.6fr);gap:35px;padding-block:70px}
 .b3 .pivot-visual{width:100%}
 .b3 .pivot-film-caption{padding-right:0}
 .b3 .product-index-label{flex-basis:100%;padding:16px 0 10px}
 .b3 .product-index{flex-wrap:wrap}
 .b3 .product-index>a{flex:1;padding:18px;justify-content:space-between}
 .b3 .product-index>a:nth-child(2){border-left:0;padding-left:0}
 .b3 .project-grid{gap:72px 32px}
 .b3 .project-card.card-2,.b3 .project-card.card-4{margin-top:72px}
 .b3 .project-card.card-5{gap:35px}
}
@media(max-width:800px){
 .b3 .pivot-sticky{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;padding-block:64px}
 .b3 .pivot-copy{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:0 24px}
 .b3 .pivot-copy>.b-label,.b3 .pivot-copy>p,.b3 .pivot-copy>.angle-control{grid-column:1/-1}
 .b3 .pivot-copy h2{font-size:48px;max-width:480px;grid-column:1}
 .b3 .angle-readout{position:static;grid-column:2;grid-row:2;align-self:center;display:block;margin:0}
 .b3 .angle-readout output{font-size:110px;min-width:0}
 .b3 .angle-readout>span{display:block;margin-top:12px}
 .b3 .pivot-copy p:not(.b-label){max-width:55ch;font-size:14px}
 .b3 .pivot-visual{max-width:none;align-self:stretch}
 .b3 .project-card.card-5{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px}
 .b3 .project-card.card-5 .card-title{padding-bottom:20px}
 .b3 .project-card.card-5 .card-title h3{font-size:40px}
 .b3 .product-index>a{font-size:13px;gap:12px;padding-inline:14px}
 .b3 .team-grid h3{font-size:21px}
}
@media(max-width:540px){
 .b3 .pivot-sticky{padding-block:48px;gap:28px}
 .b3 .pivot-copy{grid-template-columns:minmax(0,1fr) 84px;gap:0 16px}
 .b3 .pivot-copy h2{font-size:40px;max-width:280px}
 .b3 .angle-readout output{font-size:80px}
 .b3 .angle-readout>span{font-size:10px;line-height:1.6}
 .b3 .pivot-copy .scroll-hint{display:none}
 .b3 .pivot-film-caption{font-size:11px;gap:12px;padding-top:12px}
 .b3 .pivot-film-caption .pivot-plate{font-size:9px;white-space:nowrap;padding:7px 9px}
 .b3 .project-grid{gap:52px}
 .b3 .project-card.card-1,.b3 .project-card.card-2,.b3 .project-card.card-3,.b3 .project-card.card-4,.b3 .project-card.card-5{grid-column:1/-1;margin:0}
 .b3 .project-card.card-1 .slot-art,.b3 .project-card.card-4 .slot-art{aspect-ratio:4/3!important}
 .b3 .project-card.card-2 .slot-art{aspect-ratio:6/5!important}
 .b3 .project-card.card-3 .slot-art{aspect-ratio:3/2!important}
 .b3 .project-card.card-5{display:block;padding-top:32px}
 .b3 .project-card.card-5 .slot-art{aspect-ratio:3/2!important}
 .b3 .project-card.card-5 .card-title{padding-bottom:0}
 .b3 .project-card.card-5 .card-title h3{font-size:38px;max-width:none}
 .b3 .card-title{padding-top:18px}
 .b3 .image-slot figcaption,.b3 .product-photo figcaption,.b3 .work-photo figcaption{font-size:12px}
 .b3 .product-card p{font-size:14px}
 .b3 .product-index{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .b3 .product-index-label{grid-column:1/-1;padding-block:16px}
 .b3 .product-index>a,.b3 .product-index>a:last-child{border-top:1px solid var(--b-line);padding:16px 10px;gap:9px;font-size:12px;min-height:56px}
 .b3 .product-index>a:nth-child(even){border-left:0;padding-left:0}
 .b3 .product-index .index-number{font-size:10px}
 .b3 .product-index>a>span:last-child{font-size:14px}
 .b3 .spec-table>div,.b3 .product-specification .spec-table>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}
 .b3 .spec-table dd,.b3 .product-specification .spec-table dd{font-size:14px}
 .b3 .team-grid h3{font-size:18px;line-height:1.3}
 .b3 .maker-name{min-height:48px;gap:8px}
 .b3 .team-grid article>p.b-mono{font-size:12px;min-height:40px}
 .b3 .team-grid article>p:last-child{font-size:14px}
 .b3 .process-grid{grid-template-columns:minmax(0,1fr);gap:36px}
 .b3 .process-grid li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 18px;align-items:start;padding-top:22px}
 .b3 .process-grid .step-number{grid-column:1;grid-row:1/5;font-size:38px;line-height:1}
 .b3 .process-grid li>.b-mono,.b3 .process-grid h3,.b3 .process-grid li>p,.b3 .process-maker{grid-column:2}
 .b3 .process-grid li>.b-mono{min-height:0}
 .b3 .process-grid h3{font-size:32px;margin:10px 0 16px}
 .b3 .process-grid li>p{font-size:14px;margin-bottom:20px}
 .b3 .process-maker{font-size:12px}
}
@media(max-height:720px),(prefers-reduced-motion:reduce){
 .b3 .pivot-section{height:auto;min-height:0}
 .b3 .pivot-sticky{position:relative;height:auto;min-height:0}
}
@media(prefers-reduced-motion:reduce){.b3 .product-index>a{transition:none}}
/* Readable sample labels keep their own width on a small material board. */
@media(max-width:540px){
 .b3 .swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}
 .b3 .swatches span,.b3 .glass-swatches span{font-family:'Public Sans',sans-serif;font-size:12px}
 .b3 .process-grid .step-number{margin-bottom:0}
}

/* Round 2 — the opening, the workpiece and the sample bench.
   Every selector starts below the approved homepage hero. */
.b3 .home-intro{padding-block:104px 100px}
.b3 .home-intro .section-heading{display:block;margin-bottom:64px}
.b3 .home-intro .section-heading .b-label{margin:0 0 42px}
.b3 .home-intro h2{font-size:clamp(70px,8.15vw,130px);line-height:.98;letter-spacing:-.018em}
.b3 .home-intro h2>span{display:block}
.b3 .home-intro h2>span+span{margin-left:34.5%;margin-top:8px}
.b3 .intro-bottom{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:8%}
.b3 .intro-bottom>p{font-size:15px;max-width:330px}
.b3 .hard-facts{gap:32px;padding-top:26px}
.b3 .hard-facts>div+div{border-left:1px solid var(--b-line);padding-left:28px}
.b3 .hard-facts strong{font-size:62px}
.b3 .hard-facts span{max-width:170px}

/* The title sits over the opening; the complete filmed frame keeps its scale. */
.b3 .pivot-sticky{grid-template-rows:auto auto;row-gap:28px;align-content:center;align-items:start;padding-block:32px}
.b3 .pivot-heading{grid-column:1/-1;display:grid;grid-template-columns:clamp(280px,22.2vw,340px) minmax(0,1fr);gap:56px;align-items:start}
.b3 .pivot-heading .b-label{margin:8px 0 0}
.b3 .pivot-heading h2{font-size:clamp(50px,4.5vw,72px);line-height:1;max-width:800px}
.b3 .pivot-copy>p:first-child{margin-top:0}
.b3 .pivot-copy .angle-readout{margin-top:38px}
.b3 .pivot-copy .angle-readout output{font-size:120px}
.b3 .pivot-copy .angle-readout span{max-width:80px;padding-bottom:5px}

/* The pivot is the principal product; wall and rail have their own proportions. */
.b3 .product-selection{grid-template-columns:minmax(0,1.05fr) minmax(0,1.4fr);gap:48px 56px;align-items:start}
.b3 .product-selection .product-card:first-child{grid-row:1/span 2}
.b3 .product-selection .product-card:first-child .slot-art{aspect-ratio:6/5}
.b3 .product-selection .product-card:first-child h3{font-size:50px}
.b3 .product-selection .product-card:not(:first-child){display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:0 28px;align-content:start}
.b3 .product-selection .product-card:not(:first-child)>.product-photo{grid-column:1;grid-row:1/span 5;margin:0}
.b3 .product-selection .product-card:not(:first-child)>:not(.product-photo){grid-column:2}
.b3 .product-selection .product-card:not(:first-child)>.b-mono{margin-bottom:22px}
.b3 .product-selection .product-card:not(:first-child) h3{font-size:36px;line-height:1.05}
.b3 .product-selection .product-card p{font-size:13px;line-height:1.7;margin:14px 0 20px}
.b3 .product-selection .product-card .product-purpose{color:#ece8e1;font-size:16px;line-height:1.5;margin:16px 0 0}
.b3 .product-selection .product-card:first-child .product-purpose{font-size:20px}
.b3 .product-selection .product-photo img{object-position:60% 50%}

/* One workshop composition, with the welding photograph shown in full. */
.b3 .workshop-home{padding-top:104px}
.b3 .workshop-story{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:64px;align-items:start}
.b3 .workshop-welding{min-width:0}
.b3 .workshop-welding>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.b3 .workshop-welding figcaption{display:flex;justify-content:space-between;gap:24px;margin-top:14px;color:var(--b-muted);font:400 12px/1.6 'Public Sans',sans-serif}
.b3 .workshop-welding figcaption>span:first-child{color:#ece8e1}
.b3 .workshop-notes>p{font-size:15px;line-height:1.85;max-width:470px;margin-bottom:30px;color:var(--b-muted)}
.b3 .workshop-notes .workshop-slot .slot-art{aspect-ratio:3/2}
.b3 .workshop-notes>.b-link{margin-top:20px}
.b3 .workshop-home .team-grid{padding-top:48px;border-top:1px solid var(--b-line);margin-top:64px}

/* Coating coupons and glass panes make the one daylight section a sample bench. */
.b3 .material-board{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:9%;align-items:start}
.b3 .material-board>div{min-width:0;border-top:1px solid var(--b-line);padding-top:28px}
.b3 .material-board h3{font-size:36px}
.b3 .material-board .swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-block:32px}
.b3 .material-board .swatches i{display:block;width:100%;height:auto;aspect-ratio:.52;max-height:175px;border-radius:0;transform:none}
.b3 .material-board .swatches span{display:block;line-height:1.7;white-space:normal}
.b3 .material-board .glass-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-block:32px}
.b3 .material-board .glass-swatches i{display:block;width:100%;height:auto;aspect-ratio:.65;max-height:205px;border-radius:0;transform:none}
.b3 .material-board .glass-swatches span{display:block;font:400 12px/1.7 'Public Sans',sans-serif}
.b3 .material-board>div>p{font-size:14px;line-height:1.85;max-width:520px}
.b3 .glass-sample-list{margin-top:32px}
.b3 .glass-sample-list>li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px 28px;padding:22px 0}
.b3 .glass-sample-list>li:before{display:none}
.b3 .glass-sample-list>li>strong,.b3 .glass-sample-list>li>p{grid-column:2}
.b3 .glass-sample-list>li>p{margin:0;line-height:1.75}
.b3 .glass-chip{display:block;grid-column:1;grid-row:1/span 2;width:58px;height:82px;border:1px solid #71857566;background:linear-gradient(115deg,#fff9,#d9e4dc40 46%,#fff8 48%,#b8c9be33);box-shadow:inset 2px 0 #fafffbc9,inset -1px -1px #6c8a7959,6px 8px 10px -5px #56645240;align-self:center;position:relative}
.b3 .glass-chip.reeded{background:repeating-linear-gradient(90deg,#83998b66 0,#fafffbb3 2px,#b6c5b780 4px,#eef3e780 6px)}
.b3 .glass-chip.laminated:after{content:'';position:absolute;inset:5px -5px -5px 5px;border:1px solid #71857580;background:linear-gradient(120deg,#ffffff45,#d9e4dc25);box-shadow:inset -1px -1px #71857540}

@media(max-width:1100px){
 .b3 .home-intro h2{font-size:clamp(68px,8.3vw,94px)}
 .b3 .hard-facts{gap:20px}
 .b3 .hard-facts>div+div{padding-left:18px}
 .b3 .hard-facts strong{font-size:54px}
 .b3 .pivot-heading{grid-template-columns:minmax(260px,.9fr) minmax(0,1.6fr);gap:35px}
 .b3 .pivot-heading h2{font-size:54px}
 .b3 .product-selection{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
 .b3 .product-selection .product-card:first-child{grid-row:auto}
 .b3 .product-selection .product-card:not(:first-child){display:block}
 .b3 .product-selection .product-card:not(:first-child)>.b-mono{margin:0}
 .b3 .product-selection .product-card:not(:first-child)>.product-photo{margin:22px 0 28px}
 .b3 .product-selection .product-card:first-child .slot-art{aspect-ratio:4/3}
 .b3 .product-selection .product-card:first-child h3,.b3 .product-selection .product-card:not(:first-child) h3{font-size:32px}
 .b3 .product-selection .product-card:first-child .product-purpose{font-size:16px}
 .b3 .workshop-story{gap:36px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
 .b3 .workshop-welding figcaption{flex-direction:column;gap:4px}
 .b3 .material-board{gap:6%}
 .b3 .material-board .swatches{gap:12px}
}
@media(max-width:800px){
 .b3 .home-intro{padding-block:72px}
 .b3 .home-intro .section-heading{margin-bottom:44px}
 .b3 .home-intro h2{font-size:clamp(48px,8.2vw,68px);line-height:1.02}
 .b3 .home-intro h2>span+span{margin-left:20%;margin-top:8px}
 .b3 .intro-bottom{grid-template-columns:minmax(0,1fr);gap:32px}
 .b3 .intro-bottom>p{max-width:540px}
 .b3 .hard-facts{width:100%}
 .b3 .hard-facts span{font-size:12px}
 .b3 .pivot-heading{display:block}
 .b3 .pivot-heading .b-label{margin:0 0 24px}
 .b3 .pivot-heading h2{font-size:52px}
 .b3 .pivot-copy{grid-template-columns:minmax(0,1fr) 130px}
 .b3 .pivot-copy>p:first-child{grid-column:1;grid-row:1;margin:0}
 .b3 .pivot-copy>.angle-readout{grid-column:2;grid-row:1;align-self:start;margin:10px 0 0}
 .b3 .pivot-copy .angle-readout output{font-size:96px}
 .b3 .pivot-copy>p.b-mono:not(.scroll-hint){grid-column:1;margin-top:18px}
 .b3 .product-selection{grid-template-columns:minmax(0,1fr);gap:36px}
 .b3 .product-selection .product-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0 28px}
 .b3 .product-selection .product-card:not(:first-child){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
 .b3 .product-selection .product-card>.product-photo,.b3 .product-selection .product-card:not(:first-child)>.product-photo{grid-column:1;grid-row:1/span 5;margin:0}
 .b3 .product-selection .product-card>:not(.product-photo){grid-column:2}
 .b3 .product-selection .product-card>.b-mono{margin-bottom:16px}
 .b3 .workshop-home{padding-top:72px}
 .b3 .workshop-story{grid-template-columns:minmax(0,1fr);gap:32px}
 .b3 .workshop-welding figcaption{flex-direction:row;gap:24px}
 .b3 .workshop-notes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 32px;align-items:start}
 .b3 .workshop-notes .workshop-slot{grid-column:2;grid-row:1/span 2}
 .b3 .workshop-notes>p{font-size:14px;margin-bottom:0}
 .b3 .workshop-notes>.b-link{grid-column:1;justify-self:start}
 .b3 .material-board{grid-template-columns:minmax(0,1fr);gap:48px}
 .b3 .material-board .swatches{max-width:480px;gap:24px}
 .b3 .material-board .glass-swatches{max-width:520px}
}
@media(max-width:540px){
 .b3 .home-intro h2{font-size:clamp(43px,8.9vw,49px);line-height:1.04}
 .b3 .home-intro h2>span{max-width:100%}
 .b3 .home-intro h2>span+span{margin-left:0;margin-top:12px}
 .b3 .home-intro .section-heading .b-label{margin-bottom:30px}
 .b3 .hard-facts{grid-template-columns:1fr 1.2fr .8fr;gap:12px}
 .b3 .hard-facts>div+div{padding-left:12px}
 .b3 .hard-facts strong{font-size:43px}
 .b3 .hard-facts span{font-size:11px;line-height:1.7}
 .b3 .pivot-heading h2{font-size:44px}
 .b3 .pivot-copy{grid-template-columns:minmax(0,1fr) 78px;gap:0 18px}
 .b3 .pivot-copy .angle-readout output{font-size:72px}
 .b3 .pivot-copy .angle-readout span{font-size:10px}
 .b3 .product-selection .product-card,.b3 .product-selection .product-card:not(:first-child){display:block}
 .b3 .product-selection .product-card>.product-photo,.b3 .product-selection .product-card:not(:first-child)>.product-photo{margin:18px 0 22px}
 .b3 .product-selection .product-card:first-child h3,.b3 .product-selection .product-card:not(:first-child) h3{font-size:36px}
 .b3 .product-selection .product-card .product-purpose{font-size:16px}
 .b3 .product-selection .product-card p{font-size:14px}
 .b3 .workshop-notes{display:block}
 .b3 .workshop-notes>p{margin-bottom:26px}
 .b3 .workshop-welding figcaption{flex-direction:column;gap:4px}
 .b3 .workshop-home .team-grid{margin-top:44px;padding-top:36px}
 .b3 .material-board .swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 .b3 .material-board .swatches i{max-height:145px}
 .b3 .material-board .glass-swatches{gap:20px}
 .b3 .material-board .glass-swatches i{aspect-ratio:.6}
 .b3 .glass-sample-list>li{grid-template-columns:48px minmax(0,1fr);gap:8px 22px}
 .b3 .glass-chip{width:44px;height:65px}
}
/* Keep the complete composition in document flow on shorter desktop screens. */
@media(min-width:1101px) and (max-height:850px){
 .b3 .pivot-section{height:auto;min-height:0}
 .b3 .pivot-sticky{position:relative;height:auto;min-height:0;padding-block:64px}
}
@media(min-width:1101px) and (min-height:851px){
 .b3 .pivot-visual{max-width:calc((100svh - 300px)*1.77778)}
}
.b3 #glaskeuze .wall-options{align-items:start}
.b3 #glaskeuze h2{font-size:clamp(48px,4.2vw,66px);line-height:1.02}
.b3 .glass-sample-list>li{padding-block:18px}
@media(max-width:540px){.b3 #glaskeuze h2{font-size:46px}}