/* STEEL HOT 04 — an architectural catalogue, photography first. */
:root{--gutter:clamp(22px,4.2vw,76px);--canvas:#f3f0e9;--ink:#292a27;--muted:#686861;--line:#d4d1c8;--accent:#913f2c;--focus:#913f2c}
body{font-size:16px;line-height:1.55;background:var(--canvas)}
p{max-width:65ch}button,input,select,textarea{font-size:16px}.button,.text-link{font-size:16px;min-height:52px}.button{padding:15px 25px;gap:0}.text-link{display:inline-flex;align-items:center;padding-block:10px}.small,.caption,.hint{font-size:14px;line-height:1.55}.eyebrow{font-size:13px;letter-spacing:.07em}.price-block small{font-size:14px}.button:active{transform:translateY(1px)}
.site-header{height:88px;background:var(--canvas);color:var(--ink);border-bottom:1px solid var(--line);gap:32px}.site-header .wordmark{font-size:26px;letter-spacing:-.05em}.site-header nav{gap:32px}.site-header nav a,.cart-link{font-size:15px}.site-header nav a:hover{border-color:var(--ink)}.cart-link span{border-color:var(--line)}
.new-hero{display:grid;grid-template-columns:42% 58%;min-height:660px;height:min(780px,calc(100svh - 88px));border-bottom:1px solid var(--line)}
.new-hero-copy{padding:clamp(30px,5vw,80px) var(--gutter);display:flex;flex-direction:column;align-items:start;justify-content:center;position:relative;z-index:1}.hero-kicker{font-size:15px;margin:0 0 32px;line-height:1.4}.new-hero h1{font-size:clamp(60px,6.5vw,104px);line-height:.98;letter-spacing:-.065em;font-weight:400;margin:0 0 30px}.new-hero em,.new-section-head em,.new-tryon em,.new-project em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;line-height:1.05}.hero-description{font-size:18px;line-height:1.5;margin:0 0 34px}.new-hero-photo{overflow:hidden;min-width:0}.new-hero-photo img{height:100%;width:100%;object-fit:cover;object-position:62% center}
.new-collections{padding:100px var(--gutter) 110px}.new-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}.new-section-head h2,.new-tryon h2,.new-project h2{font-size:clamp(46px,5.6vw,84px);font-weight:400;line-height:1.03;letter-spacing:-.055em;margin:0}.new-section-head .text-link{border-bottom:1px solid var(--ink)}.new-collection-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:45px 36px}.new-collection{display:block;min-width:0}.new-collection:first-child{grid-row:span 2}.new-collection img{display:block;width:100%;height:290px;object-fit:cover;transition:filter 160ms}.new-collection:first-child img{height:calc(100% - 65px);min-height:580px;object-position:67% center}.new-collection:nth-child(2) img{object-position:center 60%}.new-collection:nth-child(3) img{object-position:center 70%}.new-collection h3{font-size:clamp(24px,2.5vw,35px);font-weight:400;letter-spacing:-.04em;margin:16px 0 0}.new-collection:hover img{filter:brightness(.95)}.new-collection:active img{filter:brightness(.9)}
.new-tryon{display:grid;grid-template-columns:1fr 1fr;background:#e3e7dd;color:#293129}.new-tryon-image{min-height:640px;overflow:hidden}.new-tryon-image img{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply;padding:50px}.new-tryon-copy{padding:70px var(--gutter);align-self:center}.new-tryon-copy>p:not(.hero-kicker):not(.feature-status){font-size:19px;margin:30px 0}.new-tryon-copy .hero-kicker{margin-bottom:35px}.feature-status{font-size:14px;line-height:1.5;color:#5e665b;margin:22px 0 0}
.new-project{padding:100px var(--gutter);display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:end}.new-project p{font-size:19px;margin:0 0 30px}.site-footer{display:grid;grid-template-columns:1.15fr 1fr;padding:60px var(--gutter);gap:22px 60px;background:#282b27;color:#f3f0e9}.site-footer .wordmark{font-size:clamp(42px,6vw,88px);letter-spacing:-.06em;line-height:1}.site-footer>p{font-size:18px;align-self:end;margin:0}.site-footer>div{display:flex;gap:24px}.site-footer a{min-height:44px;display:inline-flex;align-items:center;font-size:16px}.site-footer small{font-size:14px;align-self:center;color:#c1c6b9}.site-footer .wordmark:hover{color:inherit}
.product-info>p{font-size:17px}.product-info .eyebrow{font-size:14px}.product-info .price-block{margin:25px 0}.product-info .field,.field{font-size:15px}.product-info .small,.product-info .hint{font-size:14px}.product-info h1{font-size:clamp(42px,5vw,72px)}.gallery-tabs .filter{font-size:15px;min-height:48px}.product-visual img{object-fit:cover}.family-models small{font-size:14px}.family-models a{min-height:72px}.family-models b{font-size:21px}.search-row input,.filters .filter{font-size:16px}.page-title>div>p{font-size:18px}.details summary{font-size:17px;min-height:54px}.details p{font-size:16px}.sketch-label,.sketch-caption{font-size:13px}.product-actions .button{width:100%}.contact-launcher{font-size:15px;min-height:52px}.contact-body p{font-size:16px}.contact-body small{font-size:14px}
.studio-header{min-height:88px}.studio-header .wordmark{font-size:26px}.studio-header>span{font-size:13px}.studio-title>p{font-size:19px}.tryon-main .small,.tryon-main .muted,.photo-foot{font-size:15px}.tryon-main h1{font-size:clamp(46px,5.8vw,88px)}.studio-controls>h2{font-size:38px}.studio-controls .eyebrow{font-size:13px}.range-label{font-size:15px}.canvas-top{font-size:14px}.upload-empty p{font-size:17px}.upload-empty small{font-size:14px}.upload-button,.small-button{font-size:15px;min-height:48px}.fit-details summary{font-size:18px;min-height:52px}.fit-details p{font-size:15px}.studio-footer{font-size:15px}.upload-button:focus-within{outline:3px solid var(--focus);outline-offset:5px}.tryon-main .studio-section h3{font-size:24px}
@media(max-width:1100px){.site-header nav{gap:20px}.site-header nav a{font-size:14px}.new-hero{grid-template-columns:45% 55%;height:690px}.new-hero h1{font-size:76px}.new-hero-copy{padding-inline:32px}.new-tryon-image{min-height:540px}.new-tryon-copy{padding:50px 32px}.new-collection img{height:250px}.new-collection:first-child img{min-height:520px}}
@media(max-width:700px){.site-header{height:74px;padding-inline:22px}.site-header .wordmark{font-size:24px}.site-header nav{display:none}.header-actions{gap:12px}.cart-link{font-size:14px}.new-hero{display:flex;flex-direction:column;min-height:0;height:auto}.new-hero-copy{padding:34px 24px 32px;display:block}.hero-kicker{font-size:15px;margin-bottom:22px}.new-hero h1{font-size:clamp(54px,15.7vw,76px);letter-spacing:-.06em;line-height:.97;margin-bottom:20px}.hero-description{font-size:17px;margin-bottom:25px}.hero-description br{display:none}.new-hero .button{width:100%}.new-hero-photo{height:430px}.new-hero-photo img{object-position:65% 54%}.new-collections{padding:60px 22px}.new-section-head{display:block;margin-bottom:32px}.new-section-head h2,.new-tryon h2,.new-project h2{font-size:48px}.new-section-head .text-link{margin-top:18px;min-height:48px}.new-collection-grid{display:flex;flex-direction:column;gap:32px}.new-collection:first-child img,.new-collection img{height:auto;min-height:0;aspect-ratio:1.1;object-position:60% center}.new-collection:first-child img{aspect-ratio:1/1.2;object-position:66% center}.new-collection h3{font-size:29px;margin-top:14px}.new-tryon{display:flex;flex-direction:column-reverse}.new-tryon-image{min-height:0;height:400px}.new-tryon-copy{padding:52px 24px 32px}.new-tryon-copy .hero-kicker{margin-bottom:25px}.new-tryon-copy>p:not(.hero-kicker):not(.feature-status){font-size:18px;margin:25px 0}.new-tryon .button{width:100%}.feature-status{font-size:14px}.new-project{display:block;padding:60px 24px}.new-project p{font-size:18px;margin:28px 0}.new-project p br{display:none}.new-project .button{width:100%}.site-footer{display:block;padding:45px 24px}.site-footer .wordmark{font-size:51px;min-height:60px}.site-footer>p{font-size:17px;margin:20px 0}.site-footer>div{gap:24px;flex-wrap:wrap;margin:14px 0}.site-footer small{display:block;font-size:14px;max-width:30ch}.page{padding:28px 22px 55px}.page-title h1{font-size:46px}.button{padding:15px 20px}.product-info h1{display:none}.product-info>.eyebrow{display:none}.product-info>p{font-size:17px}.mobile-product-title h1{font-size:42px}.product-visual .caption{font-size:14px}.sketch-label{font-size:12px}.sketch-caption{font-size:12px}.contact-launcher{right:16px;bottom:16px;min-height:50px;font-size:14px;padding:12px 18px}.studio-header{min-height:74px;padding:16px 22px}.studio-header>span{display:none}.studio-header .wordmark{font-size:23px}.studio-header .text-link{font-size:15px}.studio-title h1{font-size:48px}.studio-title>p{font-size:18px}.tryon-main .studio-controls{padding-top:10px}.tryon-main .photo-foot{display:block;font-size:14px}.tryon-main .studio-title{margin-bottom:30px}.upload-empty{padding:24px 18px}.upload-empty h2{font-size:32px}.upload-empty p{font-size:16px}.tryon-main .canvas-top{font-size:14px}.tryon-main .sketch-label{font-size:12px;max-width:80%}}
.public-enquiry-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:25px}.public-enquiry-actions .button{min-width:210px}.checkout>p{margin-block:24px}.checkout textarea{font-size:16px;line-height:1.6;min-height:210px}
.tryon-main .studio-section{display:block;background:transparent;color:var(--ink);padding:26px 0;gap:0}.tryon-main .sketch-label{top:auto;bottom:12px;left:12px;right:auto;width:fit-content;max-width:calc(100% - 24px);font-size:12px;padding:7px 10px}.tryon-main #fit-form .field{font-size:15px}.tryon-main #fit-form .button{font-size:16px}.tryon-main .studio-controls>p{font-size:15px}.tryon-main .studio-controls .range-label{font-size:15px}
@media(max-width:700px){.public-enquiry-actions .button{width:100%}.checkout h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
