/* METABIZ: polished silver, champagne gold and controlled motion. */
:root{--metal-gold:#b29a36;--metal-edge:#d5c58c;--metal-silver:#dae1e9;--metal-ease:cubic-bezier(.22,1,.36,1)}
body{background:radial-gradient(ellipse at 0 12%,#e7ecf355,transparent 27%),radial-gradient(ellipse at 100% 50%,#d9c2700c,transparent 30%),#fff}
header{border-bottom:1px solid #cfbd7370;box-shadow:0 6px 30px #26364a14,inset 0 1px 0 #fff}.header-main{background:linear-gradient(115deg,#fff9,transparent 42%,#e8ecf254 72%,#f5edd333)}.company-logo{filter:drop-shadow(0 3px 6px #ad8c2922)}.header-business strong{letter-spacing:.1px}.nav-bar{position:relative;background:linear-gradient(108deg,#192732,#354551 45%,#5a5b4d);box-shadow:inset 0 1px 0 #ffffff22,inset 0 -1px 0 #d4bf6055}.nav-bar:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#e9ddaa,#fff,transparent);background-size:200% 100%;animation:metal-line 12s linear infinite;pointer-events:none}.header-search{box-shadow:inset 0 2px 5px #24344a08,0 1px 0 #fff}.header-search:focus-within{border-color:#b8a452;box-shadow:0 0 0 4px #c8b76d1a}header nav a{transition:background .35s,color .35s,box-shadow .35s}header nav a.active{box-shadow:inset 0 1px 0 #ffffff14,inset 0 -8px 20px #e8cd4022}header nav a:last-child{border:1px solid #eddf7b;box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 4px #8a70052b,0 3px 12px #101c2b30}
/* Broad, rounded illuminated frames without boxing in the content. */
.mb-hero,.inner-banner{border-radius:32px;border:1px solid #d5c58c;box-shadow:0 18px 45px #283b5012,0 0 24px #c4a43d10,inset 0 0 0 1px #fff8;isolation:isolate}.mb-hero-background{border-radius:31px}.mb-hero:after,.inner-banner:after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(115deg,#ffffff 0%,#aab7c7 18%,#d8bd65 30%,#ffffff 46%,#e8dca9 61%,#aebdcf 78%,#ffffff 100%);background-size:250% 100%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:4;animation:metal-line 14s ease-in-out infinite;animation-play-state:paused}.mb-hero.in-view:after,.inner-banner.in-view:after{animation-play-state:running}.mb-hero-inner{min-height:575px}.mb-hero h1{line-height:1.27;letter-spacing:-.8px}.mb-hero-products:before{background:radial-gradient(ellipse,#ffffffb8,#f5f7fb88 38%,#ffffff00 72%)}.hero-three img{transition:filter .6s,transform .8s var(--metal-ease);animation:metal-float 7s ease-in-out infinite;animation-play-state:paused}.in-view .hero-three img{animation-play-state:running}.hero-three>a:nth-child(2) img{animation-delay:-2.4s}.hero-three>a:nth-child(3) img{animation-delay:-4.8s}.hero-three a:hover img{filter:drop-shadow(0 20px 18px #64591b40)}.hero-product-heading{color:#263443;text-shadow:0 1px 10px #fff}.hero-product-heading span{color:#3e4b58;text-shadow:0 1px 6px #fff}.hero-shortcuts{border-radius:0 0 31px 31px;background:linear-gradient(110deg,#ffffffd9,#f5f7f9e8 54%,#eee5bcaf);box-shadow:inset 0 1px 0 #fff}.hero-shortcuts>a{transition:background .4s,color .4s}.hero-shortcuts>a:hover{background:#ffffffb8;box-shadow:inset 0 0 26px #c6b36022}.inner-banner-photo{transition:transform 1.5s var(--metal-ease);animation:metal-pan 24s ease-in-out infinite alternate;animation-play-state:paused}.inner-banner.in-view .inner-banner-photo{animation-play-state:running}.inner-banner h1{text-shadow:0 2px 12px #101e2e55}.inner-banner-logo{filter:drop-shadow(0 3px 7px #0002)}
/* Gold highlights remain dark enough to read on white. */
.mb-hero h1 span,.section-head .gold,.company-copy .gold,.guide-intro .gold,.technical-heading .gold,.modern-application .gold,.brand-directory .gold{background:linear-gradient(105deg,#826812 5%,#aa8824 25%,#775b0c 42%,#c1a34b 49%,#876a15 58%,#a2872c 76%,#775d12 100%);background-size:240% 100%;color:#907217;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:metal-type 12s ease-in-out infinite;animation-play-state:paused}.in-view .gold,.mb-hero.in-view h1 span{animation-play-state:running}.section-head h2,.technical-heading h2,.guide-intro h2,.company-copy h2{letter-spacing:-.5px}.section-head h2:after,.technical-heading h2:after{content:'';display:block;width:66px;height:3px;margin-top:20px;border-radius:5px;background:linear-gradient(90deg,#a58830,#e8dcaf,#b6c4d3);box-shadow:0 3px 10px #c4a43b30;transform-origin:left;transition:width .65s var(--metal-ease)}.section-head:hover h2:after,.technical-heading:hover h2:after{width:110px}
/* Silver rims, inner light and generous falloff give cards depth. */
.scope-tile,.product-card,.brand-category-card,.contact-form-shell,.download-row{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,#fff,#d7dee7 27%,#d9c88e 59%,#eef1f5 83%,#fff) border-box;border-radius:23px;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 8px #e6ebf333,0 12px 30px #22384d12,0 2px 5px #22384d08;transition:transform .65s var(--metal-ease),box-shadow .65s var(--metal-ease),border-color .65s;isolation:isolate}.scope-tile:hover,.product-card:hover,.brand-category-card:hover{transform:translateY(-8px);border-color:#c8b367aa;box-shadow:inset 0 0 22px #dfca7a18,0 22px 40px #22384d1d,0 0 24px #cdb55d1c}.scope-tile>img,.brand-category-image>img{transition:transform 1.1s var(--metal-ease)}.scope-tile:hover>img,.brand-category-card:hover .brand-category-image>img{transform:scale(1.045)}.scope-intro{border-radius:23px;background:radial-gradient(ellipse at 100% 0,#7b77494d,transparent 65%),linear-gradient(145deg,#223240,#3e4d59);border:1px solid #73808b;box-shadow:inset 0 1px 0 #ffffff30,inset 0 0 35px #c9af4d12,0 16px 30px #2435471a}.scope-intro h2{color:#fff}.product-art{background:radial-gradient(ellipse at 48% 58%,#fff 0%,#f5f7f9 42%,#e5eaf0 100%);box-shadow:inset 0 2px 15px #fff}.product-art:after{content:'';position:absolute;bottom:11%;left:24%;right:24%;height:15%;border-radius:50%;background:radial-gradient(ellipse,#aebcc73d,transparent 68%);z-index:0;pointer-events:none}.single-product{position:relative;z-index:1}.product-card:hover .single-product img{transform:translateY(-6px) scale(1.035);filter:drop-shadow(0 16px 13px #846e242a)}.single-product img{transition:transform .85s var(--metal-ease),filter .7s}.product-link{transition:color .3s}.product-card:hover .product-link{color:#6d5614}.product-tag{border:1px solid #ffffffaa;box-shadow:0 2px 10px #27374a06}.brand-directory{background:radial-gradient(ellipse at 10% 50%,#e8edf4,transparent 55%),linear-gradient(115deg,#f8fafc,#fff,#f7f7f0)}.brand-logo-cloud{border-block:1px solid #d8dfe6}.brand-directory-card{transition:transform .5s var(--metal-ease),filter .5s}.brand-directory-card:hover{transform:translateY(-5px) scale(1.045);filter:drop-shadow(0 8px 8px #9c8a3a22)}.company-visual .company-photo,.application-visual{border-radius:26px;border:1px solid #d2c593;box-shadow:inset 0 0 22px #e3ce7a20,0 18px 40px #253a511a,0 0 18px #d6c88d16;overflow:hidden}.company-photo>img,.application-visual>img{transition:transform 1.2s var(--metal-ease)}.company-photo:hover>img,.application-visual:hover>img{transform:scale(1.025)}
/* A softly lit technical stage and refined disclosure rows. */
.technical-feature{position:relative;background:radial-gradient(ellipse at 8% 45%,#dfe6efaa,transparent 42%),radial-gradient(ellipse at 95% 70%,#ddca7a21,transparent 42%),linear-gradient(120deg,#f6f8fb,#fff);border-block:1px solid #e6eaf0}.technical-image{border-radius:40% 60% 55% 45%;box-shadow:inset 0 0 50px #ffffffb8;background:radial-gradient(ellipse,#fefefe,#e8edf280 50%,transparent 72%)}.technical-image>img{animation:metal-float 8s ease-in-out infinite;animation-play-state:paused}.technical-feature.in-view .technical-image>img{animation-play-state:running}.technical-values{border-image:linear-gradient(90deg,#b9c5d2,#d0b865,#e9e0ba,#bcc9d6) 1}.technical-values dd b{text-shadow:0 2px 15px #c7ad4426}.guide-rows details{border-radius:14px;transition:background .4s,box-shadow .4s;padding-inline:16px}.guide-rows details[open]{background:linear-gradient(115deg,#f1f4f8,#fff 75%);box-shadow:inset 3px 0 0 #bd9f43,inset 0 1px 0 #fff,0 8px 25px #26364b07}.guide-rows summary{transition:color .3s}.guide-rows summary:hover{color:#90711f}.guide-rows details[open]>div{animation:metal-expand .5s var(--metal-ease)}.application-rail button{transition:color .4s,background .4s,box-shadow .4s}.application-rail button.active{box-shadow:inset 0 -2px 0 #b59a3b,0 6px 14px #b8a65312}.contact-ribbon{position:relative;border-radius:28px;border:1px solid #d4c58d;background:radial-gradient(ellipse at 100% 0,#e2cd7555,transparent 60%),linear-gradient(120deg,#f5f7fa,#fff 45%,#eeece0);box-shadow:inset 0 1px 0 #fff,inset 0 0 35px #fff9,0 18px 38px #293a5012}.contact-ribbon h2{color:#2c3844}.contact-ribbon h2 span{color:#8e741c}.contact-ribbon p{color:#66717c}.ribbon-phone{color:#3b4550}.contact-form-shell:focus-within{box-shadow:inset 0 0 25px #d8c16b0c,0 16px 40px #283c511a,0 0 22px #d2bb6412}.form-grid input:focus,.form-grid textarea:focus{box-shadow:0 0 0 4px #c9b45c1c;border-color:#b7a054;outline:0}
/* Continuous button glints have a long rest; arrow movement responds to intent. */
.btn,.btn:not(.secondary):not(.outline){background:linear-gradient(125deg,#eadb83,#dcc34c 42%,#c7a92c 77%,#e6d371);border-color:#c6aa43;border-radius:14px;box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 5px #8e701528,0 7px 18px #9c81252b;transition:transform .4s var(--metal-ease),box-shadow .4s}.btn i{border-radius:10px;background:linear-gradient(145deg,#344553,#1f303d)!important;box-shadow:inset 0 1px 0 #ffffff25,0 2px 5px #5e511527}.btn:hover{transform:translateY(-3px);box-shadow:inset 0 1px 1px #fffd,inset 0 0 14px #fff3,0 13px 25px #a3893c30,0 0 19px #ccb55825}.btn.secondary,.btn.outline{background:linear-gradient(125deg,#fff,#f0f3f7);border-color:#d6dfe8;box-shadow:inset 0 1px 1px #fff,0 7px 16px #263a4e0c}.btn.secondary:hover,.btn.outline:hover{box-shadow:inset 0 0 18px #fff,0 12px 24px #263a4e16,0 0 15px #b9c9da22}.btn.secondary i,.btn.outline i{background:linear-gradient(135deg,#e5ebf1,#f8fafc)!important;box-shadow:inset 0 1px 0 #fff;color:#3c4c5c}.btn:not(.secondary):not(.outline)::before{animation:metal-glint 9s ease-in-out infinite;animation-play-state:paused;z-index:0;background:linear-gradient(90deg,transparent,#fff8,transparent)}.btn>span,.btn>i{position:relative;z-index:1}.in-view .btn::before,.btn:hover::before{animation-play-state:running}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #9e8230;outline-offset:5px}.scope-tile a{background:linear-gradient(120deg,#faf8ed,#f0ead2);box-shadow:inset 0 1px 0 #fff;border:1px solid #e9dfbc;border-radius:11px}.scope-tile a svg{background:linear-gradient(135deg,#ead77b,#c9ae3d);box-shadow:inset 0 1px 0 #fff8}.floating-line{border:1px solid #ffffff66;box-shadow:inset 0 1px 0 #ffffff33,0 8px 24px #1c4c3740}.reveal{transition-duration:.9s!important;transition-timing-function:var(--metal-ease)!important}.metal-enter{animation:metal-enter 1s var(--metal-ease) both}.mb-hero-copy h1{animation-delay:.08s}.mb-hero-copy>p{animation-delay:.17s}.mb-hero-copy .buttons{animation-delay:.26s}
@keyframes metal-line{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes metal-type{0%,25%{background-position:0% 50%}70%,100%{background-position:100% 50%}}@keyframes metal-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes metal-pan{from{transform:scale(1)}to{transform:scale(1.035)}}@keyframes metal-glint{0%,65%{left:-70%}85%,100%{left:135%}}@keyframes metal-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes metal-expand{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
body.scene-paused *,body.scene-paused *:before,body.scene-paused *:after{animation-play-state:paused!important}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .metal-enter{opacity:1;transform:none}
@media(max-width:760px){.mb-hero,.inner-banner{border-radius:24px}.mb-hero-background{border-radius:23px}.hero-shortcuts{border-radius:0 0 23px 23px}.mb-hero-inner{min-height:0}.scope-tile,.product-card,.brand-category-card{border-radius:19px}.technical-image{border-radius:30px}.technical-feature{background:radial-gradient(ellipse at 0% 30%,#e6ebf6aa,transparent 55%),#fafbfd}.guide-rows details{padding-inline:10px}.header-main{background:linear-gradient(110deg,#fff,#f0f2ef)}.nav-bar:after{display:none}.btn,.btn:not(.secondary):not(.outline){min-height:50px}.section-head h2:after,.technical-heading h2:after{margin-top:15px}.hero-three img{animation-duration:9s}.inner-banner-photo{animation:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.metal-enter{opacity:1;transform:none}}
/* Sculpted action controls: satin metal, rolled edge, open circular arrow. */
.btn,.btn:not(.secondary):not(.outline){min-height:58px;padding:9px 12px 9px 25px;gap:27px;border-radius:18px;border:1px solid #b89b3d;background:linear-gradient(180deg,#f4e8b1 0%,#dfc577 7%,#e8d18c 47%,#d4b65e 50%,#d9bc66 89%,#c1a04a 100%);color:#3d3216;font-weight:600;letter-spacing:.05px;box-shadow:inset 0 1px 0 #fff9,inset 1px 0 0 #fff7,inset 0 -2px 0 #9c7c2733,0 4px 0 #a0873c19,0 9px 22px #92763724;transform:translateY(0);transition:transform .45s var(--metal-ease),box-shadow .45s,border-color .45s;backdrop-filter:none}.btn i{width:36px;height:36px;border-radius:50%;border:1px solid #8f752b40;background:linear-gradient(145deg,#fff6,#b18b2320)!important;box-shadow:inset 0 1px 2px #fff9,0 1px 2px #8c6f1915;color:#5a4719;transition:transform .5s var(--metal-ease),background .5s,border-color .5s}.btn i svg{width:19px;height:19px}.btn:hover{transform:translateY(-4px);border-color:#9f812e;box-shadow:inset 0 1px 0 #fffd,inset 0 0 17px #fff4,0 5px 0 #a0873c13,0 16px 27px #92763730,0 0 22px #d4b65e22}.btn:hover i{background:#fff6!important;border-color:#8f752b70;color:#3d3216;transform:rotate(-35deg);box-shadow:inset 0 1px 3px #fff9,0 2px 7px #8b6f1822}.btn:hover i svg{transform:translateX(1px)}.btn:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #8c6f1933,0 3px 10px #9276371c}.btn.secondary,.btn.outline{color:#354758;border-color:#c2ccd6;background:linear-gradient(180deg,#fff 0%,#f5f8fb 8%,#e9eef4 49%,#e2e8ef 51%,#f3f6f9 92%,#d5dfe8 100%);box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #fff,inset 0 -2px 0 #b4c0ce33,0 4px 0 #9eacbc12,0 9px 22px #253a5010}.btn.secondary i,.btn.outline i{background:linear-gradient(145deg,#fff9,#b8c8d433)!important;border-color:#a9b9ca66;color:#4a5f72;box-shadow:inset 0 1px 1px #fff}.btn.secondary:hover,.btn.outline:hover{border-color:#94a7ba;box-shadow:inset 0 1px 0 #fff,inset 0 0 17px #fff9,0 16px 28px #253a5020,0 0 20px #a9b9cb22}.btn.secondary:hover i,.btn.outline:hover i{background:#fff9!important;border-color:#94a7ba;color:#2e4356}.btn:not(.secondary):not(.outline)::before{opacity:.65}.scope-tile a{border-radius:13px;background:linear-gradient(180deg,#fbf9ee,#ece4c4);border-color:#d5c58e;box-shadow:inset 0 1px 0 #fff,0 3px 0 #a0873c0c,0 5px 12px #8b742712}.scope-tile a svg{border-radius:50%;background:linear-gradient(135deg,#fff8,#c8ad4a33);border:1px solid #c6b16a66;color:#786125}.scope-tile a:hover{background:linear-gradient(180deg,#fffaf0,#e8d9a2);transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 9px 17px #8b74271c}header nav a:last-child{background:linear-gradient(180deg,#f2e4a6,#d8be69 52%,#dfc67e);border:1px solid #cfb96d;color:#3d3216;box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 2px #94712444,0 3px 12px #101c2b25;border-radius:12px}header nav a:last-child:hover{background:linear-gradient(180deg,#f9edc3,#e4cc89);color:#3d3216}.hero-collection-link{border-bottom-color:#b89e4a;transition:color .35s,gap .5s}.hero-collection-link:hover{gap:40px;color:#66501c}.text-link{transition:color .3s,gap .5s}.text-link:hover{color:#896c22;gap:18px}
@media(max-width:760px){.btn,.btn:not(.secondary):not(.outline){min-height:54px;padding:8px 10px 8px 20px;gap:18px;border-radius:16px}.btn i{width:33px;height:33px}}
/* The brand directory gets its own identity, composed from actual brand marks. */
.brand-hero{background:radial-gradient(ellipse at 80% 25%,#fff 8%,#e6ecf3 53%,transparent 70%),linear-gradient(120deg,#fff 15%,#f0f3f7 60%,#e4d9b8);color:#293844;min-height:390px}.brand-hero .inner-banner-copy h1{color:#293844;text-shadow:0 1px 0 #fff;font-size:clamp(34px,3.5vw,53px);line-height:1.3}.brand-hero .inner-banner-copy h1 span{color:#94762b}.brand-hero .inner-banner-copy>p{color:#5a6b7a}.brand-hero .crumbs,.brand-hero .crumbs a{color:#677789}.brand-hero .inner-banner-layout{grid-template-columns:1fr 1fr;gap:45px;min-height:390px}.brand-hero-orbit{position:absolute;width:650px;height:650px;border:1px solid #b7a26433;border-radius:50%;right:-15px;top:50%;transform:translateY(-50%);box-shadow:0 0 0 45px #ffffff26,0 0 0 46px #b2bfce22,0 0 0 90px #ffffff15,0 0 0 91px #cfbc7d1c;pointer-events:none}.brand-hero-logos{display:grid;grid-template-columns:repeat(4,1fr);align-content:center;gap:27px 23px;position:relative;padding:20px 5px}.brand-hero-logos a{display:flex;align-items:center;justify-content:center;min-width:0;height:88px;filter:drop-shadow(0 4px 5px #30465e14);transition:transform .6s var(--metal-ease),filter .5s;animation:metal-enter 1s var(--metal-ease) both;animation-delay:var(--logo-delay)}.brand-hero-logos img{width:100%;max-width:120px;max-height:65px;object-fit:contain}.brand-hero-logos a:hover{transform:translateY(-6px) scale(1.07);filter:drop-shadow(0 9px 7px #9b86312e)}.brand-hero-logos a:nth-child(even){padding-top:17px}
@media(max-width:760px){.brand-hero .inner-banner-layout{grid-template-columns:1fr;gap:12px}.brand-hero .inner-banner-copy{max-width:100%;padding-bottom:0}.brand-hero-logos{gap:12px 20px;padding:10px 0 25px}.brand-hero-logos a{height:62px}.brand-hero-logos img{max-height:48px}.brand-hero-orbit{right:-300px}.brand-hero .inner-banner-copy h1{font-size:34px}}
/* Smooth modern metal, with no hard bevel or opaque logo tiles. */
.btn,.btn:not(.secondary):not(.outline){background:linear-gradient(125deg,#f1e6b3 0%,#e5d293 28%,#d3b76a 68%,#deca87 100%);box-shadow:inset 0 1px 1px #fff9,inset 0 0 15px #fff2,0 8px 22px #92763725}.btn.secondary,.btn.outline{background:linear-gradient(125deg,#fff 0%,#f3f6fa 38%,#e5ebf2 100%);box-shadow:inset 0 1px 1px #fff,0 8px 20px #253a5010}.btn:hover{box-shadow:inset 0 1px 1px #fffd,inset 0 0 17px #fff4,0 16px 27px #92763730,0 0 22px #d4b65e22}header nav a:last-child{background:linear-gradient(125deg,#f1e6b3,#ddc681 55%,#cfb263);box-shadow:inset 0 1px 0 #fff9,0 3px 12px #101c2b25}.brand-hero-logos a,.brand-hero-logos a:hover{filter:none}.brand-hero-logos img{mix-blend-mode:multiply}
.btn.secondary,.btn.outline,.contact-ribbon .btn{border-radius:18px;min-height:58px}.btn.secondary,.btn.outline{padding:9px 12px 9px 25px;gap:27px}
@media(max-width:760px){.btn.secondary,.btn.outline,.contact-ribbon .btn{border-radius:16px;min-height:54px}.btn.secondary,.btn.outline{padding:8px 10px 8px 20px;gap:18px}}
.contact-ribbon .ribbon-phone{color:#465461;text-shadow:0 1px 0 #fff}
/* Restore the approved clear yellow-gold action colour. */
.btn:not(.secondary):not(.outline),.contact-ribbon .btn:not(.secondary):not(.outline){background:linear-gradient(125deg,#f4e45c 0%,#e8ce2e 45%,#d5b915 100%);border-color:#c9ad18;color:#262819;box-shadow:inset 0 1px 1px #fff9,inset 0 0 14px #fff2,0 8px 22px #a58a2729}.btn:not(.secondary):not(.outline) i{color:#30331f;border-color:#8c7a2c55;background:linear-gradient(145deg,#fff5,#a88d1022)!important}.btn:not(.secondary):not(.outline):hover{background:linear-gradient(125deg,#f7e970,#ecd644 45%,#ddc21e);color:#202215}.btn:not(.secondary):not(.outline):hover i{color:#202215;background:#fff5!important}header nav a:last-child{background:linear-gradient(125deg,#f1df42,#dfc51f 55%,#cfb10c);border-color:#ddc52c;color:#242617}header nav a:last-child:hover{background:linear-gradient(125deg,#f8e965,#e8ce2c);color:#242617}.scope-tile a{background:linear-gradient(125deg,#f8edab,#e9d553);border-color:#d9c43d;color:#35331b}.scope-tile a svg{background:#fff4;border-color:#aa942c55;color:#39371e}.scope-tile a:hover{background:linear-gradient(125deg,#fff3b5,#f0dc62);color:#282718}
.about-story .story-layout{grid-template-columns:1fr 1.15fr;gap:65px;align-items:center}.staff-photo{margin:28px 0 0;position:relative}.staff-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:24px;border:1px solid #c8b46d;box-shadow:inset 0 1px 0 #fff,0 16px 35px #283c501a,0 0 20px #d8c46b16}.staff-photo figcaption{display:block!important;position:static!important;background:none!important;color:#78818a!important;font-size:11px!important;padding:10px 0 0!important;text-align:left;line-height:1.6;letter-spacing:0}.company-section .company-layout{grid-template-columns:1.16fr 1fr;gap:46px;align-items:center}.company-cutout-visual{position:relative;min-width:0;padding:18px 0;isolation:isolate}.company-cutout-visual:before{content:'';position:absolute;inset:5% -2%;z-index:-1;background:radial-gradient(ellipse at 45% 55%,#e3e9f3 0%,#f5f7f955 48%,transparent 72%);border-radius:45% 55% 46% 54%}.company-cutout{margin:0;width:100%;border:0;box-shadow:none;background:transparent}.company-cutout img{display:block;width:110%;max-width:none;margin-left:-6%;height:auto;max-height:490px;object-fit:contain;filter:drop-shadow(0 20px 15px #283a4e20);transition:transform .9s cubic-bezier(.22,1,.36,1)}.company-cutout:hover img{transform:translateY(-5px)}.company-section .company-copy h2{font-size:35px}.company-section .company-copy p{font-size:16px;line-height:1.85}
@media(max-width:760px){.about-story .story-layout,.company-section .company-layout{grid-template-columns:1fr;gap:30px}.staff-photo{margin-top:22px}.staff-photo img{border-radius:20px}.company-cutout-visual{padding:0 0 10px}.company-cutout img{width:106%;margin-left:-3%;max-height:350px}.company-section .company-copy h2{font-size:30px}}
/* Real Kanit weights from the supplied font package, rather than synthetic bold. */
@font-face{font-family:Kanit;src:url('assets/fonts/Kanit-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Kanit;src:url('assets/fonts/Kanit-Medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Kanit;src:url('assets/fonts/Kanit-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Kanit;src:url('assets/fonts/Kanit-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
body,button,input,textarea,select{font-family:Kanit,sans-serif;font-weight:600}p,.mb-hero-copy>p,.scope-tile p,.scope-intro p,.product-meta p,.company-copy p,.company-section .company-copy p,.technical-content>p,.technical-doc p,.technical-heading p,.brand-category-copy p,.inner-banner-copy>p,.guide-intro p,.guide-rows p,.application-copy p,.story-copy p{font-weight:600;line-height:1.9}h1,h2,h3,h4,.mb-hero h1,.section-head h2,.technical-heading h2,.company-copy h2,.company-section .company-copy h2,.scope-tile h3,.scope-intro h2,.product-meta h3,.brand-directory h2,.inner-banner-copy h1,.brand-hero .inner-banner-copy h1{font-weight:700}header nav a,.btn,.btn.secondary,.btn.outline,.scope-tile a,.header-business strong,.header-contact>a,.hero-three strong,.product-link,.technical-values dd,.technical-values dt,.guide-rows summary{font-weight:600}.staff-photo figcaption,.technical-content>p.technical-source{font-weight:400}