@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap');
:root{--paper:#f8f7f3;--ink:#252a25;--muted:#74766b;--line:#dcded3;--sage:#dfe4d5;--olive:#535e44}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Manrope',sans-serif;font-size:15px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--olive);outline-offset:5px}.announcement{background:var(--ink);color:#f4f3ec;text-align:center;padding:10px;font-size:11px;letter-spacing:.08em}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:var(--paper)}.logo{font-family:'Manrope',sans-serif;font-size:34px;font-weight:650;letter-spacing:-2px}.logo span{font-size:12px;vertical-align:top;display:inline-block;margin:8px 0 0 5px;letter-spacing:0}nav{display:flex;gap:35px;font-size:13px}nav a:hover{color:var(--olive)}.list-trigger{border:0;background:none;display:flex;align-items:center;gap:14px;font-size:13px}.list-trigger #count{background:var(--sage);border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.intro{padding:55px 5% 49px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:650;display:block}.intro-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:22px}h1,h2,h3,p{margin:0}h1,h2{font-family:'Manrope',sans-serif;font-weight:500;letter-spacing:-.065em}h1{font-size:clamp(65px,7.8vw,118px);line-height:1.01}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.intro-copy{max-width:365px;padding-bottom:5px;margin-right:4%}.intro-copy p{font-size:14px;line-height:1.8;color:#676b60;margin-bottom:25px}.button{padding:17px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border:1px solid transparent;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:white}.dark:hover{background:var(--olive)}.light{background:var(--paper);color:var(--ink)}.hero{height:560px;margin:0 2.3%;position:relative;background:#d9d3c5;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-tag{position:absolute;left:32px;bottom:32px;background:#f8f7f3ed;padding:24px 28px;min-width:250px}.hero-tag span{font-size:8px;letter-spacing:.16em}.hero-tag p{font-size:24px;letter-spacing:-.04em;line-height:1.25;margin-top:12px}.image-note{position:absolute;right:18px;bottom:18px;color:white;font-size:9px;text-shadow:0 1px 4px #000}.principles{margin:0 5%;padding:26px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;color:#5c6156}.section{padding:90px 5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}h2{font-size:48px;line-height:1.12}.section-heading h2{margin-top:17px}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:280px}.filters{display:flex;gap:8px;margin-bottom:28px}.filters button{background:transparent;border:1px solid var(--line);border-radius:30px;padding:10px 22px;font-size:12px}.filters button.active{background:var(--ink);border-color:var(--ink);color:white}.filters small{padding-left:10px;opacity:.6}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{min-width:0}.product-art{width:100%;height:280px;display:grid;place-items:center;border:0;background:#eeeee7;position:relative;overflow:hidden}.product:nth-child(2) .product-art{background:#e7e9e2}.product:nth-child(3) .product-art{background:#ece7df}.product:nth-child(4) .product-art{background:#e4e5db}.product-art svg{height:210px;width:90%;transition:transform .35s}.product-art:hover svg{transform:translateY(-7px)}.product-number{position:absolute;left:17px;top:17px;font-size:9px;color:#7b8075}.view-symbol{position:absolute;bottom:15px;right:16px;width:28px;height:28px;border:1px solid #c6cabe;border-radius:50%;display:grid;place-items:center}.product-title{display:flex;justify-content:space-between;align-items:center;padding-top:18px}.product-title h3{font-size:18px;font-weight:500;letter-spacing:-.035em}.add{border:0;background:none;font-size:23px;padding:0 7px}.product p{font-size:11px;color:var(--muted);margin-top:7px}.catalogue-note{font-size:11px!important;line-height:1.7;color:var(--muted);margin-top:24px}.approach{display:grid;grid-template-columns:1fr 1fr;background:#efeee7}.approach-art{min-height:610px;background:var(--sage);padding:45px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.architectural-mark{width:270px;height:300px;display:flex;align-items:flex-end;gap:12px;transform:skewY(-8deg);filter:drop-shadow(16px 20px 14px #68705025)}.architectural-mark i{height:62%;width:33%;background:linear-gradient(90deg,#f1f1e9,#c4cbb9);border:1px solid #9fa994;position:relative}.architectural-mark i:after{content:'';position:absolute;inset:12px;border:1px solid #a5b098}.architectural-mark i:nth-child(2){height:80%}.architectural-mark i:nth-child(3){height:100%}.art-caption{font-size:9px;letter-spacing:.14em}.approach-copy{padding:70px 13%}.approach-copy h2{font-size:42px;margin:20px 0}.approach-copy>p{font-size:13px;line-height:1.85;color:#6e7267}.approach-item{display:flex;gap:22px;border-top:1px solid #d6d8cb;padding-top:20px;margin-top:25px}.approach-item>span{font-size:10px;padding-top:4px;color:var(--olive)}.approach-item h3{font-size:14px;font-weight:550;margin-bottom:7px}.approach-item p{font-size:12px;line-height:1.65;color:#6e7267}.guide{display:grid;grid-template-columns:1fr 1fr;gap:9%}.guide h2{margin:20px 0}.guide p{font-size:13px;color:var(--muted);line-height:1.8}.text-button{border:0;border-bottom:1px solid var(--ink);padding:0 0 9px;background:none;margin-top:28px;font-size:12px}.text-button span{padding-left:24px}.questions details{border-bottom:1px solid var(--line);padding:22px 0}.questions details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}.questions p{margin:17px 26px 0;font-size:12px}.closing{background:#343d30;color:#f0f0e6;text-align:center;padding:75px 20px}.closing h2{font-size:65px;margin:23px 0 32px}.closing .eyebrow{color:#c1c7b5}footer{padding:45px 5% 20px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px}.footer-top p{font-size:12px;line-height:1.8;color:var(--muted)}.footer-top>a:last-child{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer-bottom button{border:0;background:none;font-size:10px}dialog{border:0;background:var(--paper);color:var(--ink);width:min(600px,92vw);max-height:88vh;padding:45px}dialog::backdrop{background:#1b211b80;backdrop-filter:blur(3px)}dialog h2{font-size:37px;margin:15px 0}dialog p{line-height:1.75;font-size:13px;color:var(--muted);margin:15px 0}dialog .close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:28px}#product-content svg{height:180px;width:100%;background:#e9ebe2}.project-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0;gap:15px}.project-row h3{font-size:15px;font-weight:500}.project-row button{background:none;border:1px solid var(--line);padding:6px 10px}.project-row input{width:50px;padding:6px;border:1px solid var(--line);background:white}.project-row .remove{border:0;font-size:11px;color:var(--muted)}#download-list{margin-top:20px;width:100%}#download-list:disabled{opacity:.4;cursor:default}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:15px 25px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:5}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(min-width:1500px){body{max-width:1800px;margin:auto}.hero{height:680px}}@media(max-width:900px){header{height:80px}.logo{font-size:29px}nav{gap:18px;font-size:11px}.intro-copy{max-width:300px;margin:0 0 0 30px}.hero{height:440px}.products{grid-template-columns:repeat(2,1fr)}.approach-copy{padding:45px 9%}.approach-art{padding:32px;min-height:570px}.approach-copy h2{font-size:35px}.architectural-mark{width:210px}.section{padding:65px 5%}.guide{gap:5%}}@media(max-width:600px){header{padding:0 6%;height:77px}nav{display:none}.list-trigger{font-size:11px;gap:8px}.logo{font-size:28px}.intro{padding:38px 6%}.eyebrow{font-size:8px}.intro-row{display:block}h1{font-size:72px}.intro-copy{margin:25px 0 0;max-width:100%}.intro-copy p{font-size:13px}.hero{height:420px;margin:0 3%}.hero>img{object-position:60% center}.hero-tag{bottom:19px;left:18px;padding:19px;min-width:210px}.hero-tag p{font-size:22px}.image-note{font-size:7px;right:9px;bottom:7px}.principles{gap:16px;padding:20px 0;line-height:1.6;font-size:9px}.section-heading{display:block}.section-heading>p{margin-top:18px}h2{font-size:38px}.filters{overflow-x:auto;gap:6px;padding-bottom:5px}.filters button{white-space:nowrap;padding:9px 15px;font-size:11px}.products{gap:22px 12px}.product-art{height:205px}.product-art svg{height:160px}.product-title h3{font-size:16px}.product p{font-size:10px;line-height:1.5}.approach{grid-template-columns:1fr}.approach-art{min-height:400px}.architectural-mark{height:240px}.approach-copy{padding:45px 7%}.guide{grid-template-columns:1fr;gap:35px}.closing{padding:60px 20px}.closing h2{font-size:49px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top p{font-size:11px}.footer-top>a:last-child{width:100%}.footer-bottom{gap:10px;font-size:9px}dialog{padding:35px 24px}.project-row{flex-wrap:wrap}.project-row h3{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}