/* Material-led editorial direction, original composition for The Haus. */
:root{--paper:#f5f3ed;--ink:#282b27;--green:#26352e;--muted:#6d7068;--line:#cfcec5}
body{background:var(--paper);color:var(--ink)}header{height:100px;padding:0 5%;border-bottom:1px solid #d7d7cf}.brand span{font-size:16px;letter-spacing:1.1px}.brand img{width:45px}.brand em{font-size:12px}nav{font-size:12px;gap:35px}nav a{padding:10px 0}.nav-actions button{font-size:12px}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.7}h1,h2,h3{font-weight:400}h2 i{font-style:normal}.text-link{font-size:12px;letter-spacing:.02em;padding-bottom:9px;margin-top:26px}.text-link span{margin-left:35px}
.commercial-home header{position:absolute;top:0;left:0;width:100%;background:transparent;color:#fff;border-bottom:1px solid #ffffff45}.commercial-home .brand img{filter:brightness(0) invert(1)}.commercial-home .nav-actions span{color:#d9ddd6}.commercial-home .hero{height:100svh;min-height:640px;max-height:1100px;background:#15362a}.commercial-home .hero-image{height:100%;top:0;object-position:center;transform:none!important;will-change:auto}.commercial-home .hero-shade{background:linear-gradient(90deg,#051c14aa 0%,#051c1428 70%),linear-gradient(0deg,#061a14b0,transparent 32%,transparent 70%,#061a1440)}.commercial-home .hero-content{position:absolute;left:6%;right:6%;bottom:145px;padding:0;max-width:940px}.commercial-home .hero-content h1{font-size:clamp(66px,8.7vw,140px);font-weight:400;line-height:.98;letter-spacing:-4px;margin:28px 0}.commercial-home .hero-intro{font-size:15px;line-height:1.8;max-width:380px;color:#e9eee6}.commercial-home .hero-content .light-link{font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-top:28px;padding-bottom:9px}.commercial-home .hero-bottom{left:6%;right:6%;bottom:28px;border-top:1px solid #ffffff50;padding-top:19px;align-items:center;font-size:9px;letter-spacing:1.4px}.commercial-home .commerce-caption{font-size:9px;letter-spacing:.02em;line-height:1.5;max-width:none}.commercial-home .scroll-line{height:20px;margin-bottom:-7px}.commercial-home .manifesto,.commercial-home .stone-story,.commercial-home .anatomy{display:none}
.haus-intro{padding:115px 6% 110px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px 14%;max-width:1700px;margin:auto}.haus-intro>.eyebrow{grid-column:1/-1}.haus-intro h2{font:clamp(43px,4.6vw,75px)/1.08 Georgia,serif;letter-spacing:-1.8px}.haus-intro>div{align-self:end;max-width:430px;padding-bottom:5px}.haus-intro>div>p{font:16px/1.9 Arial,sans-serif;color:#666c62}
.haus-editorial{padding:0 6% 115px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:8%;max-width:1900px;margin:auto}.editorial-image{display:block;overflow:hidden;background:#dad6c9}.editorial-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}.editorial-image:hover img{transform:scale(1.02)}.haus-space .editorial-image{aspect-ratio:1.18}.haus-space img{object-position:57% center}.editorial-meta{display:flex;justify-content:space-between;gap:15px;margin:25px 0 20px}.editorial-meta>span{font:9px Arial;letter-spacing:1px;color:#797d73}.haus-editorial h2{font:clamp(32px,3.5vw,55px)/1.15 Georgia,serif;letter-spacing:-1px}.editorial-deck{font:14px/1.8 Arial,sans-serif;max-width:380px;margin-top:18px;color:#686d63}.haus-detail{padding-top:180px}.haus-detail .editorial-image{aspect-ratio:.81}.haus-detail img{object-position:72% center}.haus-detail>.eyebrow{margin:25px 0 20px}.haus-detail h2{font-size:clamp(34px,3.7vw,58px)}
.haus-objects{background:#e7e4da;padding:90px 6%}.haus-object-grid{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:10%;max-width:1600px;margin:auto}.haus-object-copy{max-width:430px}.haus-object-copy h2{font:clamp(42px,4.8vw,76px)/1.07 Georgia,serif;letter-spacing:-1.8px;margin:28px 0}.haus-object-copy>p:not(.eyebrow){font:16px/1.8 Arial,sans-serif;color:#60665c}.haus-object-copy p.object-note{font-size:12px;line-height:1.75;margin-top:20px;max-width:360px}.haus-object-grid figure{margin:0}.haus-object-grid img{display:block;width:100%;height:auto;aspect-ratio:1.04;object-fit:cover}.haus-object-grid figcaption{font:10px/1.6 Arial,sans-serif;color:#656a60;margin-top:12px}
.commercial-home .intro{padding:110px 6% 40px;gap:20px 8%}.commercial-home .intro h2{font-size:clamp(38px,4.7vw,72px);letter-spacing:-1.5px;max-width:650px}.intro>p:last-child{font-size:15px;color:#6e7369;max-width:360px;line-height:1.8}.commercial-home .journal-body{padding:0 6% 100px}.commercial-home .journal-toolbar{padding:0;border:0;justify-content:flex-end;margin-bottom:25px}.commercial-home .journal-toolbar .filters{display:none}.edition{font-size:9px}.commercial-home .articles{grid-template-columns:1.15fr 1fr;gap:36px 6%}.commercial-home .article-card:first-child{grid-row:span 2}.commercial-home .article-card:first-child .article-picture{aspect-ratio:1.25}.commercial-home .article-card:not(:first-child){display:grid;grid-template-columns:44% 1fr;gap:0 23px;align-content:start;border-top:1px solid var(--line);padding-top:24px}.commercial-home .article-card:not(:first-child) .article-picture{grid-column:1;grid-row:1/5;aspect-ratio:.95}.commercial-home .article-card:not(:first-child) .category{margin-top:0}.commercial-home .article-card:not(:first-child) h3{font-size:26px;line-height:1.2}.commercial-home .article-card:not(:first-child) .deck{font-size:12px;line-height:1.7}.commercial-home .article-card:not(:first-child) .read{justify-self:start}.article-card .category{font-size:9px;letter-spacing:1.6px;margin-top:22px}.article-card h3{font-weight:400;font-size:clamp(25px,2.7vw,40px);line-height:1.15}.article-card .deck{font-size:13px;line-height:1.8;color:#6a7065}.article-card .read{font-size:11px;padding-bottom:7px}.article-picture{background:#e5e1d5}.blog-more{padding-top:45px}.filters button{font-size:12px;border-radius:0;padding:11px 0;margin-right:24px;border-width:0 0 1px}.filters button[aria-pressed=true]{background:transparent;color:var(--ink);border-bottom-color:var(--ink)}.filters button:hover{border-color:var(--ink)}
.commercial-home .materials{background:#232e27;color:#f3f1e8;padding:100px 6%;grid-template-columns:1fr 1fr;gap:30px 13%}.materials-heading h2{font-size:clamp(44px,4.9vw,76px);letter-spacing:-1.6px}.materials-heading>p:last-child{color:#b8c0b5;font-size:14px;line-height:1.9;max-width:340px}.material{border-color:#596158}.material:last-child{border-color:#596158}.material summary{font-size:32px;padding:26px 0}.material p{font-size:14px;color:#cbd0c4;line-height:1.85}.material-num{color:#a7b19e}.material a{font-size:11px}.library-foot{color:#b0baaa;font-size:11px}.commercial-home .closing{background:var(--paper);padding:95px 6%;text-align:left;display:grid;grid-template-columns:1.3fr 1fr;gap:18px 10%;align-items:end}.commercial-home .closing>img{display:none}.commercial-home .closing>.eyebrow{grid-column:1/-1}.commercial-home .closing h2{font-size:clamp(45px,5.8vw,88px);margin:0}.commercial-home .closing>a{justify-self:end;margin:0 0 5px}.commercial-home footer,.blog-page footer{background:#1b251e;padding:50px 6% 32px;gap:30px;color:#e6e9df}.footer-brand{font-size:15px}.footer-brand em{font-size:12px}footer>div,footer>a:not(.footer-brand){font-size:11px}footer>p{font-size:10px;color:#aab4a2}
.blog-page .intro{padding:60px 6% 50px;grid-template-columns:1.6fr 1fr;gap:14px 9%}.blog-page .blog-back{grid-column:1/-1;justify-self:start;margin:0 0 40px;font-size:10px}.blog-page .intro h1{font:clamp(48px,6.9vw,104px)/1.04 Georgia,serif;letter-spacing:-3px;margin:20px 0}.blog-page .intro>p:last-child{margin:0 0 10px;max-width:320px}.blog-page .journal-body{padding:0 6% 100px}.blog-page .blog-search{max-width:none;display:grid;grid-template-columns:1fr auto;gap:5px 30px;border-top:1px solid var(--line);padding-top:25px;margin-bottom:30px}.blog-search label{font-size:9px;grid-column:1/-1;letter-spacing:1.8px;margin-bottom:0}.blog-search input{font-size:14px;padding:15px 0;max-width:530px}.blog-search p{font-size:10px;align-self:center}.blog-page .journal-toolbar{border:0;padding:0 0 35px}.blog-page .articles{grid-template-columns:repeat(6,minmax(0,1fr));gap:65px 35px}.blog-page .article-card{grid-column:span 2}.blog-page .article-card:first-child{grid-column:span 4}.blog-page .article-card:nth-child(2){padding-top:85px}.blog-page .article-card:first-child .article-picture{aspect-ratio:1.65}.blog-page .article-card:nth-child(2) .article-picture{aspect-ratio:.86}.blog-page .article-card:nth-child(6),.blog-page .article-card:nth-child(7){grid-column:span 3}.blog-page .article-card:nth-child(6) .article-picture,.blog-page .article-card:nth-child(7) .article-picture{aspect-ratio:1.45}.blog-page .article-card h3{font-size:29px}.blog-page .article-card:first-child h3{font-size:42px}.blog-page .article-card .deck{max-width:500px}.blog-page .article-card:nth-child(11),.blog-page .article-card:nth-child(12){grid-column:span 3}.blog-page .article-card:nth-child(11) .article-picture,.blog-page .article-card:nth-child(12) .article-picture{aspect-ratio:1.65}.reader-art{max-height:none}.reader-bar{background:var(--paper)}
@media(max-width:1050px){nav{gap:22px}.brand span{font-size:13px}.haus-editorial{gap:6%}.haus-detail{padding-top:120px}.commercial-home .article-card:not(:first-child){grid-template-columns:40% 1fr;gap:0 16px}.commercial-home .article-card:not(:first-child) h3{font-size:23px}.commercial-home .article-card:not(:first-child) .deck{display:none}.blog-page .articles{gap:45px 25px}.blog-page .article-card h3{font-size:25px}.blog-page .article-card:first-child h3{font-size:36px}}
@media(max-width:800px){header{height:86px}.brand span{font-size:12px}.brand img{width:38px}header.menu-open nav{top:85px;padding:22px 6%;background:#f5f3ed;color:#282b27}.commercial-home header.menu-open{background:#17271f}.commercial-home .hero-content{bottom:150px}.commercial-home .hero-content h1{font-size:80px;letter-spacing:-2.5px}.haus-intro{padding:70px 6%;gap:25px 7%}.haus-intro h2{font-size:45px}.haus-intro>div>p{font-size:14px}.haus-editorial{padding-bottom:75px}.haus-detail{padding-top:90px}.haus-editorial h2{font-size:35px}.haus-object-grid{gap:7%}.haus-object-copy h2{font-size:44px}.haus-object-copy>p:not(.eyebrow){font-size:14px}.haus-objects{padding:65px 6%}.commercial-home .intro{padding-top:75px}.commercial-home .articles{grid-template-columns:1fr;gap:30px}.commercial-home .article-card:first-child{grid-row:auto}.commercial-home .article-card:first-child .article-picture{aspect-ratio:1.6}.commercial-home .article-card:not(:first-child){grid-template-columns:36% 1fr;gap:0 24px}.commercial-home .article-card:not(:first-child) .deck{display:block}.commercial-home .article-card:not(:first-child) h3{font-size:29px}.commercial-home .article-card:not(:first-child) .article-picture{aspect-ratio:1.2}.commercial-home .materials{display:block;padding:70px 6%}.commercial-home .closing{padding:70px 6%}.commercial-home .closing h2{font-size:50px}.blog-page .intro{display:block;padding-top:35px}.blog-page .blog-back{margin-bottom:35px}.blog-page .intro h1{font-size:65px;letter-spacing:-2px}.blog-page .intro>p:last-child{max-width:480px}.blog-page .articles{grid-template-columns:1fr 1fr}.blog-page .article-card,.blog-page .article-card:first-child,.blog-page .article-card:nth-child(6),.blog-page .article-card:nth-child(7),.blog-page .article-card:nth-child(11),.blog-page .article-card:nth-child(12){grid-column:auto}.blog-page .article-card:first-child{grid-column:1/-1}.blog-page .article-card:nth-child(2){padding-top:0}.blog-page .article-card:nth-child(n+2) .article-picture{aspect-ratio:1.2}.blog-page .article-card:first-child h3{font-size:36px}}
@media(max-width:560px){.commercial-home .hero{min-height:650px;max-height:900px}.commercial-home .hero-content{bottom:155px;left:7%;right:7%}.commercial-home .hero-content h1{font-size:67px;line-height:1;letter-spacing:-2.6px;margin:24px 0}.commercial-home .hero-content .eyebrow{font-size:9px;letter-spacing:1.4px}.commercial-home .hero-intro{font-size:14px;max-width:280px}.commercial-home .hero-bottom{left:7%;right:7%;bottom:24px;display:block}.commercial-home .hero-bottom>span:first-child{max-width:none}.commercial-home .hero-bottom>span:last-child{display:none}.commercial-home .hero-image{object-position:60% center}.haus-intro{display:block;padding:60px 7%}.haus-intro h2{font-size:46px;margin:25px 0}.haus-intro>div{max-width:380px}.haus-editorial{display:block;padding:0 7% 65px}.haus-detail{padding-top:55px;max-width:85%;margin-left:auto}.haus-space .editorial-image{aspect-ratio:.95}.haus-detail .editorial-image{aspect-ratio:1.1}.haus-editorial h2{font-size:37px}.editorial-meta>span{display:none}.haus-object-grid{display:flex;flex-direction:column;gap:35px}.haus-objects{padding:60px 7%}.haus-object-copy h2{font-size:48px}.haus-object-grid img{aspect-ratio:1.15}.commercial-home .intro{padding:65px 7% 25px}.commercial-home .intro h2{font-size:43px;margin:18px 0}.commercial-home .journal-body{padding:0 7% 65px}.commercial-home .article-card:first-child .article-picture{aspect-ratio:1.2}.commercial-home .article-card:first-child h3{font-size:34px}.commercial-home .article-card:not(:first-child){gap:0 18px;grid-template-columns:37% 1fr}.commercial-home .article-card:not(:first-child) .article-picture{aspect-ratio:.8}.commercial-home .article-card:not(:first-child) h3{font-size:24px}.commercial-home .article-card:not(:first-child) .deck{display:none}.commercial-home .article-card:not(:first-child) .category{margin-bottom:10px;font-size:8px}.commercial-home .article-card:not(:first-child) .read{margin-top:15px}.commercial-home .closing{display:block;padding:65px 7%}.commercial-home .closing h2{font-size:51px;margin-top:24px}.commercial-home .closing>a{margin-top:30px}.commercial-home .materials{padding:65px 7%}.materials-heading h2{font-size:53px}.blog-page .intro{padding:35px 7%}.blog-page .intro h1{font-size:52px;letter-spacing:-1.9px;line-height:1.05}.blog-page .journal-body{padding:0 7% 65px}.blog-page .journal-toolbar{overflow-x:auto}.blog-page .filters{flex-wrap:nowrap;gap:0}.filters button{margin-right:22px;white-space:nowrap}.blog-page .articles{grid-template-columns:1fr;gap:40px}.blog-page .article-card:first-child{grid-column:auto}.blog-page .article-card:first-child h3{font-size:34px}.blog-page .article-card:nth-child(n) .article-picture{aspect-ratio:1.35}.blog-page .article-card h3{font-size:31px}.blog-page .blog-search{gap:8px 12px}.blog-search input{min-width:0}.brand img{width:31px}.brand span{font-size:10px;letter-spacing:.7px}.brand em{font-size:10px}.nav-actions{gap:13px}.nav-actions button{font-size:11px}.commercial-home .hero-bottom{font-size:8px}footer .image-note{max-width:300px}.reader-bar{font-size:8px}.reader-bar button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.editorial-image img,.article-card img{transition:none!important}.editorial-image:hover img,.article-card:hover img{transform:none!important}}