@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
:root{--orange:#fa8d2a;--ink:#191c1d;--muted:#b9bcbd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:#f7f7f4;font:17px/1.6 Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{min-height:100px;display:flex;justify-content:space-between;align-items:center;padding:18px 5%;border-bottom:1px solid #ffffff20;gap:24px}.brand span{font-size:35px;letter-spacing:-2px;line-height:1}.brand i{color:var(--orange);font-weight:500;font-family:cursive;font-size:38px;letter-spacing:-2px}.brand small{display:block;font-size:12px;letter-spacing:1.5px;margin-top:4px}nav{display:flex;align-items:center;gap:32px;font-size:15px}nav a:hover,.text-link:hover{color:var(--orange)}.nav-contact{border:1px solid #ffffff50;padding:11px 20px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:690px}.hero-copy{padding:64px 8% 42px 9.5%}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:600;margin:0 0 24px}.hero .eyebrow{color:var(--orange)}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;line-height:.98;font-weight:600;margin:0}h1{font-size:clamp(70px,7.8vw,118px);letter-spacing:-1px}em{color:var(--orange);font-style:normal}.intro{color:#c5c8c8;margin-top:28px;line-height:1.65}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{background:var(--orange);color:var(--ink);padding:15px 22px;font-size:15px;font-weight:600;display:inline-block;transition:background .2s}.button:hover{background:#ffab5c}.text-link{border-bottom:1px solid #aaa;padding-bottom:5px;font-size:15px}.hero-note{font-size:12px;letter-spacing:1.4px;color:#959b9c;margin-top:44px}.hero-photo{position:relative;margin:0;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;position:absolute}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 50%)}.hero-photo figcaption{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:12px;z-index:2;gap:12px}.photo-label{position:absolute;right:30px;top:30px;background:var(--orange);color:var(--ink);padding:23px 30px;font:600 32px/1 'Barlow Condensed',Arial,sans-serif;transform:rotate(3deg);z-index:1}.photo-label b{font-weight:800}.strip{background:var(--orange);color:var(--ink);display:flex;justify-content:space-around;padding:20px 5%;gap:15px;font-weight:600;font-size:16px}.strip span:before{content:'+';margin-right:15px;font-size:22px}.section{padding:95px 5%}.section-heading{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:45px;align-items:start}h2{font-size:clamp(48px,4.8vw,72px);letter-spacing:-.6px}.section-heading>p:last-child,.work-heading>p{margin:0;color:var(--muted);max-width:400px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid #ffffff35}.service-grid article{padding:28px 25px 0;border-right:1px solid #ffffff25}.service-grid article:first-child{padding-left:0}.service-grid article:last-child{border:0}.number{font-size:14px;color:var(--orange)}h3{font-size:32px;margin:30px 0 18px}.service-grid p{color:var(--muted);font-size:16px;line-height:1.65}.work{background:#eef0ee;color:var(--ink)}.work .eyebrow{color:#636969}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:32px}.work-heading>p{color:#5e6565}.gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px;margin-top:48px}.gallery figure{margin:0}.gallery img{width:100%;height:390px;object-fit:cover;display:block}.gallery figure:first-child img{object-position:50% 25%}.gallery figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:17px;font-size:14px}.gallery figcaption span:first-child{font-weight:600}.gallery figcaption span:last-child{color:#656b6b}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding-top:110px;padding-bottom:110px}.about-copy p{color:var(--muted);margin:0 0 24px}.contact{background:var(--orange);color:var(--ink)}.contact em{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10%}.contact h2{font-size:clamp(60px,6vw,90px)}.contact p{margin:26px 0}.dark{background:var(--ink);color:white}.dark:hover{background:#343a3c}address{font-style:normal;display:grid;gap:24px;padding-top:8px}address span{display:block;font-size:12px;letter-spacing:1.5px;margin-bottom:8px}address a{font-size:clamp(21px,2.5vw,32px);font-weight:500;overflow-wrap:anywhere}address p{margin:0!important;font-size:21px}footer{display:flex;justify-content:space-between;padding:28px 5%;font-size:13px;color:var(--muted);gap:20px}footer span:first-child{color:white;font-weight:600;letter-spacing:2px}.skip{position:absolute;left:10px;top:-100px;background:white;color:black;padding:12px;z-index:10}.skip:focus{top:10px}
@media(min-width:1700px){body{max-width:1800px;margin:auto}.hero{min-height:800px}}@media(max-width:900px){nav{gap:18px}.hero{grid-template-columns:1fr 1fr;min-height:620px}.hero-copy{padding:45px 7%}h1{font-size:80px}.section-heading{grid-template-columns:1fr 1.3fr}.section-heading>.eyebrow{grid-column:1/-1;margin-bottom:0}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{padding:25px!important;border-bottom:1px solid #ffffff25}.service-grid article:nth-child(2){border-right:0}.gallery{gap:15px}.gallery img{height:300px}.gallery figcaption{flex-direction:column;gap:0}.photo-label{font-size:26px;padding:18px;right:20px}.section{padding:70px 5%}}@media(max-width:620px){header{padding:20px 6%;flex-direction:column;align-items:flex-start;gap:20px}nav{width:100%;justify-content:space-between;gap:8px;font-size:14px}.nav-contact{padding:7px 10px}nav a:nth-child(3){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 6% 30px}h1{font-size:clamp(72px,18vw,104px)}.hero-note{margin-top:28px}.hero-photo{height:410px}.hero-photo img{object-position:50% 32%}.strip{padding:16px 6%;flex-wrap:wrap;justify-content:flex-start;gap:8px 22px;font-size:14px}.strip span:before{margin-right:8px}.section{padding:60px 6%}.section-heading{grid-template-columns:1fr;gap:22px}.service-grid{margin-top:32px;grid-template-columns:1fr}.service-grid article{border-right:0;padding:23px 0!important}.service-grid article:last-child{border-bottom:0}h3{margin:13px 0}.work-heading{align-items:start;flex-direction:column;gap:25px}.gallery{grid-template-columns:1fr;gap:32px}.gallery img{height:380px}.gallery figcaption{flex-direction:row;gap:10px}.about,.contact-grid{grid-template-columns:1fr;gap:36px}.contact h2{font-size:70px}address{border-top:1px solid #191c1d55;padding-top:30px}footer{flex-wrap:wrap;padding:28px 6%}footer span:nth-child(2){display:none}.eyebrow{font-size:12px;letter-spacing:1.5px}.hero-photo figcaption{left:20px;right:20px}.hero-photo figcaption span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brand{display:block;width:215px;height:65px;overflow:hidden;background:white;flex-shrink:0}.brand img{display:block;width:645px;height:65px;max-width:none}
.service-grid article:nth-child(4n){border-right:0}.service-grid article:nth-child(n+5){border-top:1px solid #ffffff25;margin-top:20px;padding-top:28px}@media(max-width:900px){.service-grid article:nth-child(2n){border-right:0}}
.healthcare{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;background:#242a2c;border-top:1px solid #ffffff25}.healthcare p:not(.eyebrow){color:var(--muted)}.healthcare .lead{font-size:24px;color:#fff!important;line-height:1.4;margin-top:0}.care-tags{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 30px}.care-tags span{border:1px solid #ffffff35;padding:7px 12px;font-size:14px}@media(max-width:620px){.healthcare{grid-template-columns:1fr;gap:30px}}
.logo-upload{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#242a2c}.logo-upload>div>p:last-child{color:var(--muted);max-width:430px;margin-top:25px}label{display:block;font-size:15px;margin:0 0 8px}input,textarea{width:100%;padding:13px 14px;background:#191c1d;border:1px solid #657073;color:white;font:inherit;border-radius:0}input[type=file]{padding:16px}input::file-selector-button{padding:9px 12px;border:0;margin-right:14px;font:inherit}input:focus,textarea:focus{outline:2px solid var(--orange);outline-offset:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}button.button{border:0;font-family:inherit;cursor:pointer}.file-note{color:var(--muted);font-size:14px;line-height:1.5}.file-note a{text-decoration:underline}@media(max-width:620px){.logo-upload,.form-row{grid-template-columns:1fr;gap:25px}nav{flex-wrap:wrap}}
.brand{width:215px;height:74px;background:transparent;overflow:visible}.brand img{width:100%;height:100%;object-fit:contain;max-width:100%}

.brand{position:relative;width:235px;height:72px;background:transparent;overflow:visible}
.brand img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.brand .logo-neon{opacity:1;filter:none;transition:opacity .25s,filter .35s;animation:neon-cycle 10s infinite}
.brand:hover .logo-neon,.brand:focus-visible .logo-neon{opacity:1;filter:drop-shadow(0 0 2px #fa8d2aaa) drop-shadow(0 0 7px #fa8d2a77);animation:neon-ignite 1.6s both}
@keyframes neon-ignite{0%{opacity:.25;filter:none}12%{opacity:.9}21%{opacity:.3;filter:none}35%{opacity:1}48%{opacity:.48}65%{opacity:1}76%{opacity:.7}100%{opacity:1;filter:drop-shadow(0 0 2px #fa8d2aaa) drop-shadow(0 0 7px #fa8d2a77)}}
@media(prefers-reduced-motion:reduce){.brand .logo-neon{animation:none!important;transition:none;opacity:1!important;filter:none!important}}
@media(hover:none){.brand .logo-neon{opacity:1;filter:drop-shadow(0 0 3px #fa8d2a66)}}
.brand{width:300px;height:85px}.brand .logo-static{filter:none;opacity:1}.brand .logo-neon{opacity:.7}@media(max-width:620px){.brand{width:280px;height:80px}}

.brand .logo-tagline{position:absolute;left:18px;bottom:8px;font-family:Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:.1px;line-height:1;color:#fff;white-space:nowrap}.brand .logo-static{filter:none!important;transform:none!important}@media(max-width:620px){.brand .logo-tagline{left:16px;bottom:8px;font-size:12px}}

.brand .logo-tagline{position:absolute;left:18px;bottom:8px;font-family:Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:.1px;line-height:1;color:#fff;white-space:nowrap}.brand .logo-static{filter:none!important;transform:none!important}@media(max-width:620px){.brand .logo-tagline{left:16px;bottom:8px;font-size:12px}}
.brand{height:94px}.brand img{height:85px;bottom:auto}.brand .logo-tagline{bottom:0}@media(max-width:620px){.brand{height:89px}.brand img{height:80px}.brand .logo-tagline{bottom:0}}
.brand{height:85px}.brand img{height:85px}.brand .logo-tagline{bottom:6px}@media(max-width:620px){.brand{height:80px}.brand img{height:80px}.brand .logo-tagline{bottom:6px}}

.vector-guide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr;gap:6%;border-top:1px solid #ffffff30;padding-top:55px;margin-top:35px;min-width:0}
.vector-intro h3,.demo-heading h3{margin:0 0 20px;font-size:36px}
.vector-intro p{color:var(--muted);font-size:16px}.vector-intro strong{color:#fff;font-weight:500}
.zoom-demo{min-width:0}.demo-heading p{color:var(--muted);margin:0 0 24px}
.zoom-controls{display:grid;grid-template-columns:44px 1fr 44px;gap:10px;align-items:center;margin-bottom:22px}
.zoom-controls button{min-height:44px;border:1px solid #687174;background:#191c1d;color:#fff;font:inherit;cursor:pointer}.zoom-controls button:hover{border-color:var(--orange);color:var(--orange)}.zoom-controls button:disabled{opacity:.35;cursor:default}.zoom-controls label{text-align:center;margin:0}.zoom-controls output{display:inline-block;color:var(--orange);min-width:62px;font-weight:600}.zoom-controls input[type=range]{grid-column:1/3;accent-color:var(--orange);padding:0;border:0;min-height:36px;width:100%}#zoom-reset{font-size:13px;padding:5px;grid-column:3;width:80px;justify-self:end}.zoom-controls:has(#zoom-reset){grid-template-columns:44px 1fr 80px}
.demo-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.demo-pair figure{margin:0;min-width:0}.demo-pair figcaption{display:flex;flex-direction:column;margin-bottom:10px;font-size:15px}.demo-pair figcaption span{color:var(--muted);font-size:13px}
.zoom-window{position:relative;height:240px;overflow:hidden;border:1px solid #556063;background:#141718;display:flex;align-items:center;justify-content:center}.zoom-window img{flex-shrink:0;max-width:none;width:192px;height:192px}#demo-png{image-rendering:pixelated}
@media(max-width:900px){.vector-guide{grid-template-columns:1fr;gap:35px}.zoom-window{height:260px}}
@media(max-width:620px){.vector-guide{padding-top:35px;margin-top:15px}.demo-pair{gap:10px}.zoom-window{height:190px}.demo-pair figcaption{font-size:14px}.zoom-controls{gap:8px}}

/* Service pages */
.service-link{display:inline-block;margin-top:1rem}.detail-hero{padding-top:5rem;border-bottom:1px solid #454545}.detail-hero h1{font-size:clamp(2.8rem,6vw,6rem);line-height:1.05;max-width:1000px;margin:1.5rem 0}.detail-hero .lead{max-width:760px;margin:2rem 0}.detail-body{display:grid;grid-template-columns:1.3fr 1fr;gap:5rem}.detail-body h2,.detail-brief h2,.related h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.12}.detail-body p,.detail-brief p{max-width:750px;line-height:1.8}.detail-list{border-left:3px solid #f78b25;padding-left:2rem}.detail-list li{padding:.6rem 0;line-height:1.5}.detail-brief{background:#26282a}.related nav{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.related a{padding:1rem 0;border-bottom:1px solid #555}.detail-hero .eyebrow a{color:inherit}@media(max-width:760px){.detail-body{grid-template-columns:1fr;gap:2rem}.related nav{grid-template-columns:1fr 1fr}.detail-hero{padding-top:3rem}header nav{flex-wrap:wrap}}

.service-visual{margin:3rem 0 0}.service-visual img{display:block;width:100%;height:auto;max-height:580px;object-fit:cover}.service-visual figcaption{font-size:14px;color:#b9bcbd;margin-top:10px}.gallery .service-visual{margin:0}.gallery .service-visual figcaption{color:#474d4e}.detail-hero .lead{font-size:24px;line-height:1.5}.related nav{align-items:start}header nav{flex-wrap:wrap}@media(max-width:620px){.detail-hero .lead{font-size:20px}.related nav{grid-template-columns:1fr}}

.category-examples{border-top:1px solid #ffffff22}.example-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:2.5rem;align-items:start}.example-gallery figure{margin:0}.example-gallery a{display:block;background:#232728}.example-gallery img{display:block;width:100%;height:430px;object-fit:contain}.example-gallery figcaption{font-size:15px;line-height:1.5;color:#c4c9ca;margin-top:12px}.example-gallery a:hover{outline:2px solid var(--orange)}@media(max-width:620px){.example-gallery{grid-template-columns:1fr}.example-gallery img{height:auto;max-height:520px}}

@keyframes neon-cycle{0%,48%{opacity:1;filter:drop-shadow(0 0 2px #fa8d2aaa) drop-shadow(0 0 7px #fa8d2a77)}52%,76%{opacity:.17;filter:none}79%{opacity:.9;filter:drop-shadow(0 0 2px #fa8d2aaa)}84%{opacity:.25;filter:none}89%,100%{opacity:1;filter:drop-shadow(0 0 2px #fa8d2aaa) drop-shadow(0 0 7px #fa8d2a77)}}

/* Project enquiries and urgent sign service */
[hidden]{display:none!important}.sales-options{border-top:1px solid #ffffff22}.sales-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px}.sales-card{position:relative;display:block;text-decoration:none;border:1px solid #4d5457;padding:28px;background:#202526;color:#fff}.sales-card:hover,.sales-card:focus-visible{border-color:var(--orange);background:#2c3031}.sales-card h3{font-size:25px;margin:0 0 15px}.sales-card p{color:#c4c9ca;line-height:1.65;margin:0 0 20px}.sales-card>span{color:var(--orange);font-size:28px}.urgent-service{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;background:#252a2b;border-top:3px solid var(--orange)}.urgent-service p{max-width:750px}.urgent-service .lead{font-size:25px;color:#fff}.urgent-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px}.urgent-actions .button{line-height:1.5}.logo-upload{align-items:start}.logo-upload h2{font-size:clamp(2.3rem,4vw,4rem)}#request-form{min-width:0}#request-form label{display:block;margin:18px 0 8px}#request-form label span{font-size:13px;color:#bdc5c7}#request-form input,#request-form textarea,#request-form select{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:#fff;background:#1a1e20;border:1px solid #697477;border-radius:0;padding:13px}#request-form input[type=file]{white-space:normal;font-size:14px}#request-form input[type=date]{color-scheme:dark}#request-form fieldset{margin:24px 0;padding:16px 20px;border:1px solid #576266}#request-form legend{padding:0 8px;color:var(--orange)}#request-form .form-row{gap:18px}#request-form button{margin-top:12px}#request-status{line-height:1.6;color:#fff}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.topcret-slogan{margin:2rem 0;font-size:22px;color:var(--orange)}.topcret-slogan span{font-size:14px;color:#b9bcbd}.mobile-contact{display:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@media(max-width:900px){.sales-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.urgent-service{grid-template-columns:1fr;gap:30px}.urgent-actions{flex-direction:row;flex-wrap:wrap;align-items:center}.logo-upload{grid-template-columns:1fr;gap:30px}}
@media(max-width:620px){.sales-grid{grid-template-columns:1fr;gap:12px}.sales-card{padding:22px}.sales-card h3{font-size:23px}.urgent-actions{flex-direction:column;align-items:flex-start}.mobile-contact{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:10px;background:#191d1ff5;z-index:50;border-top:1px solid #596164}.mobile-contact a{text-align:center;padding:13px 8px;text-decoration:none;font-weight:600;background:#30383b;color:#fff}.mobile-contact a:last-child{background:var(--orange);color:#16191b}body{padding-bottom:86px}#request-form .form-row{grid-template-columns:1fr}#request-form fieldset{padding:12px}#request-form input,#request-form textarea,#request-form select{font-size:16px}.urgent-service h2{font-size:40px}}

.summer-link{position:relative;display:grid;grid-template-columns:1.6fr 1fr;gap:7%;overflow:hidden;margin:0;padding:70px 6%;background:#191f25;border-top:1px solid #ffffff25}.summer-link h2{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.15;margin:18px 0}.summer-link h2 em{color:#ffb879;font-style:normal}.summer-link p:not(.eyebrow){color:#c6cdd0;max-width:650px;line-height:1.7}.summer-link .eyebrow{color:#ffb879}.summer-button{display:inline-flex;align-items:center;gap:18px;padding:14px 0;border-bottom:2px solid #ffb879;color:#fff;text-decoration:none}.summer-button:hover{color:#ffb879}.summer-months{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-size:clamp(3rem,5.2vw,5rem);font-weight:750;line-height:.98;transform:rotate(-5deg);letter-spacing:-3px}.summer-months span:nth-child(1){color:#ffb879}.summer-months span:nth-child(2){color:#fa8d2a}.summer-months span:nth-child(3){color:#ea6653}.summer-months i{position:absolute;right:0;top:10%;font-size:70px;color:#ffb879;font-style:normal}.summer-link:hover .summer-months{transform:rotate(-3deg);transition:transform .25s}@media(max-width:620px){.summer-link{grid-template-columns:1fr;padding:45px 6%;gap:25px}.summer-months{font-size:48px;letter-spacing:-2px}.summer-months i{right:20%;top:20%}.summer-button{font-size:15px}}@media(prefers-reduced-motion:reduce){.summer-link:hover .summer-months{transition:none}}

.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;padding:22px 6% 0;font-size:14px;color:#b9c1c3}.breadcrumbs a{color:var(--orange);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.service-faq{border-top:1px solid #ffffff25}.service-faq details{max-width:900px;border-bottom:1px solid #525b5e;padding:20px 0}.service-faq summary{cursor:pointer;font-size:20px;color:#fff;line-height:1.4}.service-faq details p{color:#c3cbcd;line-height:1.8;max-width:800px}.service-faq details[open] summary{color:var(--orange)}

.topcret-lockup{display:block;width:300px;max-width:75%;height:auto;margin:24px 0 32px}.microcement-photo img{max-height:660px;object-fit:cover}

.image-disclaimer{display:block;font-size:.78rem;line-height:1.5;opacity:.75;margin-top:.35rem}

/* Product catalogue */
.product-intro{padding-top:3rem;padding-bottom:2rem}.product-intro h1{font-size:clamp(2.8rem,5vw,5rem);line-height:1.1;max-width:1000px}.product-intro .lead{max-width:800px}.product-categories{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.product-categories a{padding:.7rem 1rem;border:1px solid #545b57;border-radius:2px;font-size:.9rem}.product-categories a:hover{border-color:#f78b25;color:#ffad5a}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding-top:1rem}.product-card{border:1px solid #414a45;padding:2rem;background:#202623;display:flex;flex-direction:column;align-items:flex-start}.product-card h2{font-size:clamp(1.6rem,2.5vw,2.4rem);line-height:1.15;margin:1rem 0}.product-card p{line-height:1.7;max-width:660px}.product-use{font-size:.9rem;color:#bdc7c0}.product-use span{display:block;color:#ffa54a;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.product-card>.text-link{margin-top:auto;padding-top:1rem}.product-number{font-size:3rem;color:#f78b25;line-height:1}.profile-diagram{width:100%;margin:0 0 1rem;background:#17201b}.profile-diagram svg{height:160px;width:100%;display:block}.profile-diagram figcaption{font-size:.7rem;color:#b7c2bb;padding:.5rem 1rem}.product-photo{margin:0 0 1rem;width:100%}.product-photo img{width:100%;height:240px;object-fit:cover;display:block}.product-sources{border-top:1px solid #414a45;padding-top:2rem}.product-sources h2{font-size:1.2rem}.product-sources a{text-decoration:underline;text-underline-offset:3px}.product-material{background:#242d27}.product-material h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.15;max-width:850px}.product-material p{max-width:750px;line-height:1.8}.material-samples{display:flex;gap:12px;margin:0 0 1rem}.material-samples i{display:block;width:60px;height:80px;transform:skew(-12deg);background:#ee8227}.material-samples i:nth-child(2){background:linear-gradient(130deg,#bec5c0,#6f7773)}.material-samples i:nth-child(3){background:#101614;border:1px solid #738279}@media(max-width:700px){.product-grid{grid-template-columns:1fr}.product-card{padding:1.3rem}.product-categories{gap:.5rem}.product-categories a{font-size:.8rem;padding:.6rem}.product-photo img{height:210px}}
