/* STEEL HOT — architectural editorial direction, 2026–2027 */
:root{--canvas:#f0eee8;--surface:#e7e4dd;--elevated:#faf9f6;--ink:#252523;--muted:#64645f;--line:#c9c7c0;--accent:#9e392d;--focus:#a34332;--gutter:clamp(20px,4.1vw,72px);--display:'Helvetica Neue',Arial,sans-serif;--body:'Helvetica Neue',Arial,sans-serif;--radius:0px;--fast:140ms;--medium:240ms}
body{font-family:var(--body)}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(46px,6.4vw,94px)}h2{font-size:clamp(40px,5.4vw,80px)}em{font-family:Georgia,serif;font-weight:400}a:hover{color:var(--accent)}.button{border-radius:0;min-height:56px;padding:17px 25px;font-size:13px}.eyebrow{font-size:11px;letter-spacing:.14em}.text-link{font-size:13px}.preview-note{min-height:28px;font-size:10px;letter-spacing:.06em;padding-block:4px}.wordmark{font-weight:850;letter-spacing:-.07em;font-size:30px}.wordmark sup{font-size:10px;vertical-align:top;margin:3px 0 0 5px;display:inline-block}.site-header{height:88px;gap:36px}.site-header nav{gap:32px;font-size:13px}.site-header .cart-link{font-size:12px}.cart-link span{border-radius:50%;width:26px;height:26px;padding-top:3px}.header-actions{gap:20px}
.architecture-hero{color:#f7f5ee;position:relative;isolation:isolate;min-height:860px;height:min(970px,calc(100svh - 28px));overflow:hidden;background:#282928}.hero-media{position:absolute;inset:0 0 0 28%;z-index:-1}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:65% 50%}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#282928 0%,#282928b3 14%,transparent 47%),linear-gradient(0deg,#17181799,transparent 20%)}.hero-masthead{position:relative;display:flex;justify-content:space-between;font-weight:850;font-size:clamp(80px,17.2vw,320px);line-height:.83;letter-spacing:-.07em;padding:98px var(--gutter) 0;white-space:nowrap}.hero-masthead>span{font-size:clamp(20px,3vw,46px);letter-spacing:0;line-height:1;margin:6px 0 0 20px}.hero-statement{padding:50px var(--gutter) 130px;position:relative;max-width:69%}.hero-statement .eyebrow{margin-bottom:24px;color:#d4d3cd}.hero-statement h1{font-size:clamp(48px,5.8vw,86px);line-height:1.03;letter-spacing:-.055em}.hero-statement em{font-size:1.08em}.hero-actions{flex-direction:row;gap:30px;align-items:center;margin-top:32px}.architecture-hero .primary{background:#f3f0e8;border-color:#f3f0e8;color:#222}.architecture-hero .primary:hover{background:#a74432;border-color:#a74432;color:white}.architecture-hero .text-link{border-color:#ffffff70;color:white}.hero-foot{position:absolute;bottom:25px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:end;font-size:11px;line-height:1.7;letter-spacing:.02em}.hero-foot a{display:flex;gap:40px;align-items:center;min-height:44px}.hero-foot a span{font-size:26px}.manifesto{background:var(--canvas);color:var(--ink);padding:110px var(--gutter) 80px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.manifesto>.eyebrow{grid-column:1/-1}.manifesto h2{font-size:clamp(54px,7.3vw,110px);line-height:1;grid-column:1/-1}.manifesto>div{grid-column:2;margin-top:-48px;max-width:50ch;justify-self:end}.manifesto>div p{font-size:15px;margin-bottom:20px}.collections-section{background:var(--canvas);color:var(--ink);padding-top:30px;padding-bottom:110px}.collections-section .section-head{border-top:1px solid var(--line);padding-top:22px}.collections-section .section-head .eyebrow{margin:0}.collection-grid{grid-template-columns:1.18fr 1fr;gap:58px 35px}.collection:nth-child(2){padding-top:110px}.collection:nth-child(3){grid-column:1/-1;width:68%;margin-top:-20px}.collection-image{position:relative;overflow:hidden}.collection img{aspect-ratio:1/1.05;transition:transform var(--medium);object-fit:cover}.collection:nth-child(3) img{aspect-ratio:1.6;object-position:50% 70%}.collection:hover img{transform:scale(1.025)}.collection-index{position:absolute;left:20px;top:15px;color:white;font-size:11px}.collection figcaption{font-size:clamp(24px,2.3vw,36px);letter-spacing:-.04em;margin-top:20px}.collection small{font-size:13px}.studio-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:90px var(--gutter);background:#e4e4db;color:#292d29}.studio-copy h2{font-size:clamp(60px,7vw,108px);margin:30px 0}.studio-copy>p:not(.eyebrow){max-width:42ch;font-size:15px;margin:26px 0}.studio-object{display:block;position:relative}.studio-object img{width:100%;mix-blend-mode:multiply}.studio-object>span{display:flex;justify-content:space-between;border-top:1px solid #aeb2a6;padding:20px 0;font-size:13px}.studio-object>span span{font-size:11px;color:#60665b}.selection-section{background:#2d302c;color:#f1eee5;padding:80px var(--gutter) 90px;display:grid;grid-template-columns:1fr 1fr;gap:38px}.selection-section>.eyebrow{grid-column:1/-1}.selection-section h2{font-size:clamp(55px,6.5vw,96px)}.selection-section>div:last-child{align-self:end}.selection-section p{font-size:15px;margin-bottom:30px}.selection-section .primary{background:#f1eee5;color:#222;border-color:#f1eee5}.selection-section .primary:hover{color:white}.site-footer{background:#242622;color:#eeede5;border-top:1px solid #ffffff35}.site-footer .wordmark{font-size:clamp(40px,7vw,110px)}.site-footer p{font-size:16px}.site-footer small{font-size:11px}
.page{padding-top:45px}.page-title{margin-bottom:40px}.page-title h1{font-size:clamp(46px,6vw,86px)}.page-title .eyebrow{margin-bottom:18px}.search-row{max-width:630px;margin-top:40px}.filters{border-bottom:1px solid var(--line);gap:24px;margin-bottom:28px;padding-bottom:0}.filters .filter{border:0;border-bottom:2px solid transparent;padding:14px 0;background:none;color:var(--muted)}.filters .filter[aria-pressed=true]{border-bottom-color:var(--ink);color:var(--ink);background:none}.product-grid{gap:48px 28px}.product-tile img{aspect-ratio:1/1.16;object-fit:cover}.product-tile h3{font-size:26px}.product-tile a:hover img{opacity:.92}.product-tile p.price{font-size:13px;border-top:1px solid var(--line);padding-top:15px}.product-layout{grid-template-columns:1.08fr .92fr;gap:5vw}.product-info h1{font-size:clamp(42px,4.7vw,70px)}.product-info>p{font-size:14px}.product-visual{position:sticky;top:25px;align-self:start}.product-visual img{aspect-ratio:1/1.05;background:#fafaf8}.price-block{padding:16px 0;margin:22px 0}.price-block strong{font-size:22px}.price-block small{font-size:12px}.field input,.field select,.field textarea{background:transparent}.swatch{border-radius:50%;width:48px;height:48px;padding:7px}.swatch span{border:1px solid #9998}.swatch[aria-pressed=true]{outline:1px solid var(--ink);outline-offset:2px}.status-note{background:transparent;border-left:1px solid var(--accent);padding:8px 16px;font-size:12px}.gallery-tabs{margin:0 0 18px}.gallery-tabs .filter{font-size:12px;border:none;border-bottom:1px solid var(--line);padding:10px 13px}.gallery-tabs .filter[aria-pressed=true]{border-bottom-color:var(--ink);background:none;color:var(--ink)}.sketch-canvas{background:#e3e0d8;position:relative}.sketch-canvas svg{width:100%;display:block;height:auto}.sketch-label{position:absolute;top:22px;left:24px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#55564e}.sketch-caption{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:10px;color:#55564e}.sketch-canvas .pipe{transition:fill var(--fast)}.details{margin-top:40px}.quiz-layout{min-height:680px;gap:9vw}.quiz-aside{border-right:1px solid var(--line);padding-right:50px}.quiz-aside h1{font-size:clamp(40px,4.7vw,68px)}.quiz-aside .quiz-number{font-size:160px;line-height:1;margin-top:50px;letter-spacing:-.09em;color:#c9c7bc}.quiz-panel{max-width:690px}.quiz-panel h2{font-size:clamp(30px,3vw,44px)}.choice{padding:17px 0}.choice:hover{padding-left:12px;padding-right:12px}.choice[aria-pressed=true]{color:var(--accent)}.steps span{width:25%}.results-note{margin-bottom:40px}.summary-box{background:transparent;border:1px solid var(--line)}.cart-item{grid-template-columns:130px 1fr;padding:30px 0}.cart-item img{width:130px;height:130px;object-fit:cover}.checkout{max-width:760px}.checkout h1{font-size:clamp(44px,5vw,72px)}.success h1{font-size:clamp(46px,6vw,80px)}.toast{bottom:24px}.crm-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.crm-head h1{font-size:clamp(42px,5.6vw,80px);margin:22px 0}.crm-summary{display:flex;gap:40px;border-block:1px solid var(--line);padding:23px 0;margin:35px 0}.crm-summary strong{font-size:38px;display:block;line-height:1.2;letter-spacing:-.04em;font-weight:400}.crm-summary span{font-size:12px;color:var(--muted)}.lead-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.lead-table th{font-size:10px;text-transform:uppercase;font-weight:400;letter-spacing:.08em;color:var(--muted);padding:16px 12px;border-bottom:1px solid var(--ink)}.lead-table td{padding:24px 12px;border-bottom:1px solid var(--line)}.lead-table a{display:inline-flex;min-height:44px;align-items:center;font-size:17px;border-bottom:1px solid var(--ink)}.lead-table td small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.crm-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px}.crm-section{margin-bottom:40px}.crm-section h2{font-size:28px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.crm-spec{display:grid;grid-template-columns:170px 1fr;gap:12px;font-size:13px}.crm-spec dt{color:var(--muted)}.crm-spec dd{margin:0;overflow-wrap:anywhere}.timeline{list-style:none;padding:0;margin:20px 0}.timeline li{padding:13px 0 13px 18px;border-left:1px solid var(--line);position:relative;font-size:13px}.timeline li:before{content:'';position:absolute;left:-3px;top:22px;width:5px;height:5px;background:var(--ink);border-radius:50%}.timeline time{display:block;font-size:10px;color:var(--muted)}.manager-form{display:grid;gap:20px}.manager-notes p{border-top:1px solid var(--line);padding:16px 0;font-size:13px}.manager-notes small{display:block;color:var(--muted)}.crm-grid .cart-item{grid-template-columns:80px 1fr}.crm-grid .cart-item img{width:80px;height:80px}.mini #mini-nav{display:none}.mini{padding-top:max(env(safe-area-inset-top),var(--safe-top,0px));padding-bottom:max(env(safe-area-inset-bottom),var(--safe-bottom,0px))}.mini .site-header{height:70px}.mini .menu-button{display:grid}.mini .toast{bottom:max(20px,env(safe-area-inset-bottom))}.mini .site-footer{padding-bottom:40px}.dark{--canvas:#252823;--surface:#343830;--elevated:#30352e;--ink:#efeee6;--muted:#b9c0b1;--line:#555c4f;--accent:#e1a28a;--focus:#e1a28a}.dark .quiz-number{color:#50574b}.dark .sketch-canvas{background:#d3d2c6}.dark .studio-section{background:#343a30;color:#e5e8dc}.dark .studio-object img{mix-blend-mode:normal}.dark .manifesto,.dark .collections-section{color:var(--ink)}
@media(min-width:1600px){body{max-width:none}.architecture-hero{height:1060px;max-height:1060px}.hero-statement{padding-top:70px}.hero-masthead{font-size:clamp(200px,17vw,325px)}}
@media(max-width:1100px){.site-header{gap:20px}.site-header nav{gap:20px}.hero-masthead{padding-top:100px}.architecture-hero{min-height:790px}.hero-statement{padding-top:65px;max-width:76%}.hero-statement h1{font-size:64px}.hero-actions{gap:18px}.manifesto>div{margin-top:0}.product-layout{gap:35px}.crm-grid{gap:30px}.studio-section{gap:30px}.hero-media{left:20%}.site-header nav a{font-size:12px}}
@media(max-width:700px){.preview-note{padding-block:5px;min-height:28px;font-size:9px}.site-header{height:70px;padding-inline:20px}.site-header .wordmark{font-size:25px}.header-actions{gap:8px}.architecture-hero{min-height:730px;height:calc(100svh - 28px);max-height:900px}.hero-media{inset:100px 0 0 0}.hero-media img{object-position:72% center;object-fit:cover}.hero-media:after{background:linear-gradient(90deg,#2227,transparent 80%),linear-gradient(0deg,#222e,transparent 55%,#282928 100%)}.hero-masthead{font-size:clamp(58px,16.6vw,114px);padding:85px 18px 0;letter-spacing:-.07em;line-height:.9}.hero-masthead>span{font-size:14px;margin:2px 0 0 5px}.hero-statement{padding:34px 20px 120px;max-width:100%}.hero-statement .eyebrow{font-size:9px;margin-bottom:20px;color:#ece9e3}.hero-statement h1{font-size:clamp(43px,11vw,66px);line-height:1.03;max-width:390px}.hero-actions{margin-top:225px;flex-direction:row;gap:20px;padding:0;align-items:center}.hero-actions .button{padding:15px 18px;gap:22px;min-height:54px;font-size:12px}.hero-actions .text-link{font-size:11px;gap:12px;align-self:auto}.hero-foot{left:20px;right:20px;bottom:17px;font-size:9px}.hero-foot>a{font-size:9px;gap:12px;max-width:135px;line-height:1.5}.hero-foot>a span{font-size:18px}.manifesto{padding:60px 20px 35px;display:block}.manifesto>.eyebrow{margin-bottom:30px}.manifesto h2{font-size:clamp(43px,11vw,70px);line-height:1.05}.manifesto>div{margin-top:28px}.manifesto>div p{font-size:14px}.collections-section{padding:25px 20px 55px}.collections-section .section-head{flex-direction:row;align-items:center;margin-bottom:25px}.collection-grid{grid-template-columns:1fr;gap:35px}.collection:nth-child(2){padding-top:0}.collection:nth-child(3){width:100%;margin:0;grid-column:auto}.collection img{aspect-ratio:1/1.05}.collection:nth-child(3) img{aspect-ratio:1.15}.collection figcaption{font-size:28px}.collection small{font-size:12px}.studio-section{grid-template-columns:1fr;padding:55px 20px;gap:30px}.studio-copy h2{font-size:63px;margin:25px 0}.studio-copy>p:not(.eyebrow){font-size:14px}.studio-object>span{gap:20px}.studio-object>span span{text-align:right}.selection-section{grid-template-columns:1fr;padding:55px 20px;gap:25px}.selection-section h2{font-size:52px}.selection-section p{font-size:14px}.site-footer .wordmark{font-size:53px}.page{padding-top:25px}.page h1,.page-title h1{font-size:clamp(39px,10.5vw,62px)}.page-title{margin-bottom:25px}.page-title p{font-size:14px}.filters{gap:22px;margin-bottom:20px}.product-grid{grid-template-columns:1fr;gap:35px}.product-tile img{aspect-ratio:1.1}.product-tile h3{font-size:27px}.product-layout{gap:25px}.product-visual{position:static}.product-visual img{max-height:340px;aspect-ratio:1}.gallery-tabs{margin-bottom:12px}.mobile-product-title{margin-bottom:22px}.mobile-product-title p{font-size:12px}.sketch-label{top:15px;left:16px;font-size:9px}.sketch-caption{bottom:12px;left:16px;right:16px;font-size:9px}.quiz-layout{min-height:0;gap:30px}.quiz-aside{border-right:0;padding:0;border-bottom:1px solid var(--line);padding-bottom:25px}.quiz-aside h1{font-size:38px}.quiz-aside .quiz-number{display:none}.quiz-aside .text-link{display:none}.quiz-panel h2{font-size:30px}.steps{margin:18px 0 25px}.cart-item{grid-template-columns:80px 1fr;gap:16px}.cart-item img{width:80px;height:80px}.cart-item h3{font-size:22px}.cart-item p{font-size:12px}.cart-controls{gap:10px}.summary-box{padding:22px}.crm-head{display:block}.crm-head h1{font-size:43px}.crm-summary{gap:26px}.crm-summary strong{font-size:32px}.crm-summary span{font-size:10px}.lead-table thead{display:none}.lead-table,.lead-table tbody,.lead-table tr,.lead-table td{display:block}.lead-table tr{border-bottom:1px solid var(--line);padding:12px 0}.lead-table td{padding:6px 0;border:0}.lead-table td:last-child{padding-bottom:18px}.crm-grid{grid-template-columns:1fr;gap:20px}.crm-spec{grid-template-columns:115px 1fr;gap:12px;font-size:12px}.crm-section h2{font-size:28px}.mini .hero-actions{margin-top:195px}.mini .architecture-hero{min-height:700px}.mini .site-header .menu-button{display:grid}.form-grid{gap:16px 12px}}
@media(max-width:380px){.hero-actions{gap:14px}.hero-actions .button{padding-inline:14px;gap:16px}.hero-actions .text-link{gap:10px}.hero-statement h1{font-size:42px}.hero-masthead{font-size:61px}.hero-statement .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.collection:hover img{transform:none}}
.reduced .collection:hover img{transform:none}
#main:focus{outline:none}.breadcrumb{align-items:center}.preview-note a{display:inline-flex;align-items:center;min-height:24px}.quiz-panel h2:focus{outline:none}.crm-head h1{overflow-wrap:anywhere}.manager-notes p{white-space:pre-wrap}
.preview-note{min-height:44px}.preview-note a{min-height:36px;padding-inline:5px}.site-header .wordmark{min-height:44px;display:inline-flex;align-items:center}.small-button{display:inline-flex;align-items:center}.architecture-hero{height:min(970px,calc(100svh - 44px))}.cart-sketch{width:130px;height:130px}.cart-sketch .sketch-canvas{height:100%;display:grid;align-items:center}.cart-sketch svg{height:100%;width:100%}.cart-sketch .sketch-label,.cart-sketch .sketch-caption,.cart-sketch svg>text,.cart-sketch svg>path{display:none}.crm-grid .cart-sketch{width:80px;height:80px}
@media(max-width:700px){.architecture-hero{height:calc(100svh - 44px)}.cart-sketch{width:80px;height:80px}}
.preview-note{padding-block:0}.preview-note a{min-height:44px}.site-header nav a,.site-footer a{min-height:44px}.cart-sketch{overflow:hidden}.crm-grid .cart-sketch svg{min-width:80px}
.catalog-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.family-photo{display:block;overflow:hidden}.family-photo img{width:100%;aspect-ratio:1.1;object-fit:cover;transition:transform var(--medium)}.family-photo:hover img{transform:scale(1.025)}.catalog-family h2{font-size:30px;margin:20px 0}.family-models a{padding:16px 0;border-top:1px solid var(--line);min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px}.family-models b{font-size:20px;letter-spacing:-.02em;font-weight:400}.family-models small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.product-tile .sketch-label,.product-tile .sketch-caption,.product-tile svg>text,.product-tile svg>path{display:none}.product-tile .sketch-canvas{aspect-ratio:1/1.1;display:grid;align-items:center}.product-tile svg{width:100%;height:100%}.dark .family-models small{color:var(--muted)}
@media(max-width:700px){.catalog-families{grid-template-columns:1fr;gap:45px}.family-photo img{aspect-ratio:1.2}.catalog-family h2{font-size:30px}.product-tile .sketch-canvas{aspect-ratio:1.1}}
@media(prefers-reduced-motion:reduce){.family-photo:hover img{transform:none}}
.reduced .family-photo:hover img{transform:none}
@media(max-width:700px){.product-layout{grid-template-columns:1fr}.product-visual{width:100%}.product-visual .sketch-canvas{width:100%}.product-visual .sketch-canvas svg{width:100%;height:auto}}