:root{--charcoal:#1B1B19;--red:#DF4043;--orange:#F6772F;--gold:#F0B949;--green:#3EBC7A;--warm:#FAF8F2;--ink:#242524;--muted:#666966;--rule:#e8e6de;--cream:#f7f7f3;--panel:#292929;--shadow:0 12px 35px rgba(18,20,19,.055)}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--warm);font:14px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}body.home{background:var(--charcoal)}body.admin-bar .homepage{height:calc(100svh - 32px)}
a{color:inherit;text-decoration:none}a:hover{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--gold)!important;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0);border:0}
.top-colors{height:4px;position:relative;z-index:10;background:linear-gradient(90deg,var(--red) 0 25%,var(--orange) 25% 50%,var(--gold) 50% 75%,var(--green) 75%)}.content-width{width:min(1320px,calc(100% - 70px));margin-inline:auto}
.brand-search{max-width:1050px}.brand-link{display:block;width:max-content;max-width:100%}.list-logo{display:block;width:520px;max-width:100%;height:auto;max-height:149px;object-fit:contain;object-position:left center}
.directory-search{display:grid;grid-template-columns:minmax(140px,1fr) 152px 148px 113px;align-items:stretch;width:min(910px,100%);min-height:66px;margin-top:23px;background:var(--warm);border:5px solid var(--warm);border-radius:12px;color:var(--ink);box-shadow:0 18px 44px #0002}
.directory-search label{display:flex;align-items:center;min-width:0;position:relative}.search-keyword{padding:0 15px;gap:12px}.search-keyword svg{flex:none;width:18px;height:18px;color:var(--red)}.search-keyword input{height:100%;border:0;min-width:0;outline:0;background:transparent;width:100%;font-size:13px;color:#1b1b19}.search-keyword input::placeholder{color:#8e918b}.search-select{border-left:1px solid #e5e3dc}.search-select select{border:0;outline:0;min-width:0;width:100%;height:100%;background:transparent;padding:0 9px;font-size:12px;font-weight:650;color:#272726;cursor:pointer}.search-submit{border:0;border-radius:8px;background:var(--orange);color:var(--charcoal);font-weight:850;font-size:12px}.search-submit:hover{background:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;border-radius:9px;font-size:12px;font-weight:750;line-height:1.25;min-height:40px;border:1px solid transparent;white-space:nowrap}.btn-orange{background:var(--orange);color:#141414}.btn-orange:hover{background:var(--gold)}.btn-green{background:var(--green);color:#17351f}.btn-green:hover{background:#5bdc95}.btn-outline{border-color:#c7cbc3;background:transparent;color:var(--ink)}.btn-outline:hover{border-color:#5c6b63}.btn-text{border:0;background:none;color:#445349}.btn-disabled{border:1px solid #d6d8d1;color:#7b7c75;background:#f0f0ea;cursor:not-allowed}.eyebrow{font-weight:850;letter-spacing:.12em;text-transform:uppercase;font-size:9px;color:#be8b2e}
/* HOME: no page-level scrolling at normal desktop/mobile sizes. */
.homepage{position:relative;overflow:hidden;height:calc(100svh - 4px);min-height:0;isolation:isolate;background:var(--charcoal);color:#faf8f2}.homepage .bg-globe{width:min(49vw,620px);position:absolute;top:15%;right:7%;opacity:.24;z-index:-1;pointer-events:none;object-fit:contain}.home-top{padding-top:clamp(32px,10svh,102px)}
.organiser-wrap{position:absolute;left:max(35px,calc((100vw - 1320px)/2));bottom:52px;width:min(540px,calc(100% - 70px))}.organiser-card{height:340px;position:relative;isolation:isolate;overflow:hidden;border-radius:16px;background:#282828}.organiser-face{position:absolute;inset:0;border:1px solid #4c4c4c;background:#282828;border-radius:16px;padding:21px 23px;display:flex;flex-direction:column}.org-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4c4c4c;gap:9px;padding-bottom:15px}.org-title{display:flex;align-items:center;gap:10px;min-width:0}.org-emblem{display:grid;place-items:center;color:var(--red);border:1px solid #666;width:35px;height:35px;border-radius:50%;font-weight:950;font-size:11px;flex:none}.org-title .eyebrow{font-size:9px;color:var(--gold)}.org-title h2{font-size:17px;letter-spacing:-.035em;line-height:1.2;margin:3px 0 0;font-weight:780}.organiser-open{border:0;border-radius:8px;background:var(--green);color:#16271a;font-weight:830;font-size:11px;padding:0 12px;min-height:38px;white-space:nowrap;flex:none}.organiser-open:hover{background:#60dd99}
.org-stats{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-top:4px}.org-stats>div{border-bottom:1px solid #464646;padding:10px 0;min-width:0}.org-stats>div:nth-child(2){border-left:1px solid #464646;padding-left:14px}.org-stats>div.phones{grid-column:1/-1;border-bottom:1px solid #464646;display:flex;flex-wrap:wrap;gap:0 22px}.org-stats>div span,.org-address span{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:6px}.org-stats>div.phones span{flex:0 0 100%;margin-bottom:4px}.org-stats strong,.org-stats a{display:block;font-size:13px;line-height:1.4;font-weight:700}.org-stats a:hover{color:var(--green)}.org-address{padding-top:12px;color:#dededa;font-size:11px;line-height:1.55;font-style:normal}.org-hint{margin:auto 0 0;color:#bebeba;font-size:10px}.org-hint span{color:var(--green)}.home-footer{position:absolute;right:35px;bottom:18px;color:#b5b8b3;font-size:11px}.home-footer a:hover{color:var(--gold)}.home-footer .sep{padding:0 6px}
.organiser-back{z-index:2;pointer-events:none;clip-path:circle(0% at 86% 15%);-webkit-clip-path:circle(0% at 86% 15%)}.organiser-back-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4c4c4c;padding-bottom:10px;margin-bottom:8px}.organiser-back-header h2{font-size:18px;margin:0;letter-spacing:-.02em}.org-close,.close-modal{width:31px;height:31px;display:grid;place-items:center;border:1px solid #565656;border-radius:8px;background:#333;color:white;font-size:22px;line-height:1}.glass-ripple{position:absolute;z-index:5;left:86%;top:15%;width:115px;height:115px;opacity:0;pointer-events:none;border:1px solid var(--gold);border-radius:50%;transform:translate(-50%,-50%) scale(.03);box-shadow:0 0 24px #f0b94955}
@keyframes glassOpen{from{clip-path:circle(0% at 86% 15%);-webkit-clip-path:circle(0% at 86% 15%)}to{clip-path:circle(165% at 86% 15%);-webkit-clip-path:circle(165% at 86% 15%)}}
@keyframes glassClose{from{clip-path:circle(165% at 86% 15%);-webkit-clip-path:circle(165% at 86% 15%)}to{clip-path:circle(0% at 86% 15%);-webkit-clip-path:circle(0% at 86% 15%)}}
@keyframes glassPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.03)}18%{opacity:.85}100%{opacity:0;transform:translate(-50%,-50%) scale(10)}}
@keyframes glassPulseBack{0%{opacity:0;transform:translate(-50%,-50%) scale(10)}40%{opacity:.8}100%{opacity:0;transform:translate(-50%,-50%) scale(.03)}}
.organiser-card.is-opening .organiser-back{animation:glassOpen 2.4s cubic-bezier(.22,.82,.24,1) both;pointer-events:auto}.organiser-card.is-opening .glass-ripple{animation:glassPulse 2.4s both}.organiser-card.is-open .organiser-back{clip-path:circle(165% at 86% 15%);-webkit-clip-path:circle(165% at 86% 15%);pointer-events:auto}.organiser-card.is-reversing .organiser-back{animation:glassClose 2.4s cubic-bezier(.22,.82,.24,1) both;pointer-events:none}.organiser-card.is-reversing .glass-ripple{animation:glassPulseBack 2.4s both}
.organiser-back .le-contact-form{flex:1;display:flex;flex-direction:column;min-height:0}.le-contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.le-contact-form label{font-size:11px;font-weight:660;display:flex;flex-direction:column;gap:5px;color:inherit}.le-contact-form input,.le-contact-form textarea,.le-contact-form select{border:1px solid #deded9;background:#fffdfa;color:#242424;border-radius:7px;padding:8px 9px;outline:0;min-width:0;width:100%}.le-contact-form input,.le-contact-form select{height:38px}.le-contact-form textarea{resize:vertical;height:84px;min-height:54px}.le-contact-form .full-label{margin-top:10px}.organiser-back .full-label{flex:1;min-height:0}.organiser-back .full-label textarea{flex:1;resize:none;min-height:44px;height:auto}.le-contact-form .form-submit{margin-top:10px}.organiser-back .le-contact-form .form-submit{margin-top:8px}.organiser-back .btn{min-height:36px}.organiser-social{border-top:1px solid #4b4b4b;margin-top:10px;padding-top:9px}.social-icons{display:flex;gap:9px;align-items:center}.social-icons a{border:1px solid #555;border-radius:9px;background:#353535;display:grid;place-items:center;padding:5px;width:37px;height:37px;transition:transform .2s,border-color .2s}.social-icons a:hover{transform:translateY(-2px);border-color:#999}.social-icons svg{width:100%;height:100%}.organiser-thank[hidden]{display:none}.organiser-thank{position:absolute;z-index:3;inset:0;background:#282828;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.organiser-thank .tick{width:54px;height:54px;border-radius:50%;border:1px solid var(--green);display:grid;place-items:center;color:var(--green);font-size:25px}.organiser-thank h3{font-size:25px;margin:15px 0 5px}.organiser-thank p{font-size:12px;color:#ddd;margin:0}.le-honey{position:absolute;left:-9999px;opacity:0;pointer-events:none}
/* RESULTS / 6 narrow vertical cards. */
.results-page{background:var(--warm);min-height:calc(100vh - 4px)}.results-header{background:var(--charcoal);padding:36px 0 41px}.results-header .brand-search{max-width:1050px}.results-header .list-logo{width:520px;max-height:149px}.results-header .directory-search{margin-top:20px}.company-results{padding:35px 0 80px}.company-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.company-card{min-width:0;height:250px;display:flex;flex-direction:column;background:#fff;border:1px solid #e0e1dc;border-radius:13px;box-shadow:0 8px 22px rgba(17,21,16,.05);overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.company-card:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,0,0,.11)}.premium-card{border:3px solid var(--gold);box-shadow:0 8px 20px rgba(240,185,73,.2)}.premium-card:hover{box-shadow:0 16px 31px rgba(240,185,73,.29)}.card-main{display:block;padding:15px 14px 0;flex:1;min-height:0;color:inherit}.card-main:hover{color:inherit}.card-top{position:relative;display:flex;align-items:flex-start;justify-content:center;min-height:64px}.company-logo{display:grid;place-items:center;width:61px;height:61px;flex:none;border-radius:50%;border:1px solid #dfdfda;object-fit:contain;background:#f9f9f6;color:#395b58;font-size:19px;font-weight:850;letter-spacing:-.025em}.premium-card .company-logo{width:58px;height:58px}.premium-mark{position:absolute;right:-11px;top:-12px;color:#5b4006;background:#f5d78a;border-radius:0 9px 0 9px;padding:4px 6px;font-size:7px;font-weight:950;letter-spacing:.06em}.company-name{font-size:12.5px;line-height:1.28;font-weight:800;letter-spacing:-.015em;margin:12px 0 3px;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px}.company-country{display:block;color:#7e817a;font-size:10px;text-align:center;line-height:1.2}.product-list{border-top:1px solid #eeede9;margin-top:11px;padding-top:10px}.product-list span{font-size:8px;font-weight:850;letter-spacing:.07em;color:#ab8537}.product-list p{font-size:10.5px;line-height:1.35;color:#555953;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.opportunity-marker{display:block;margin-top:8px;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.01em;color:#255943;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-bottom{padding:6px 12px 11px;display:flex;align-items:center;justify-content:space-between;gap:5px}.card-hint{font-size:8px;font-weight:800;color:#a4a5a0;letter-spacing:.06em;text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-mail{border:0;border-radius:8px;display:grid;place-items:center;width:34px;height:32px;background:#f4f3ec;color:#2e6d57;flex:none}.card-mail:hover{background:var(--green);color:#103a24}.card-mail svg{width:19px;height:19px}.card-mail-disabled{color:#b5b7b0;opacity:.6;cursor:not-allowed}.no-results{text-align:center;padding:50px}.no-results h1{font-size:26px}.pagination{margin-top:35px;display:flex;justify-content:center}.page-numbers{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border:1px solid #ddd;background:white;border-radius:7px;margin:3px;font-size:12px}.page-numbers.current{background:var(--charcoal);color:white}
/* PREMIUM PROFILE — simple header, clear hierarchy, minimal decoration. */
.profile-page{background:#f8f8f5;min-height:100vh}.profile-top{background:var(--charcoal);padding:13px 0}.profile-top-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.profile-brand{width:250px;height:auto;max-height:70px;display:block;object-fit:contain}.back-link{color:#f1f1eb;font-weight:700;font-size:12px}.back-link:hover{color:var(--gold)}
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 267px;gap:34px;align-items:start;padding-top:29px;padding-bottom:90px;max-width:1190px}.profile-content{min-width:0}.profile-identity{background:#fff;border:1px solid #e8e8e2;border-radius:15px;padding:25px 27px 24px;box-shadow:var(--shadow)}.profile-identity-main{display:flex;gap:20px;align-items:center}.profile-identity-main .company-logo{width:86px;height:86px;font-size:25px;flex:none}.identity-text{min-width:0}.identity-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.premium-label{background:#f9efcb;color:#6d5109;font-weight:900;font-size:9px;letter-spacing:.05em;padding:5px 8px;border:1px solid #ead18b;border-radius:4px;white-space:nowrap}.profile-identity h1{font-size:clamp(25px,2.4vw,36px);letter-spacing:-.038em;line-height:1.17;margin:8px 0}.identity-meta{font-size:12px;color:#777e77;margin:0}.identity-description{margin:19px 0 0;font-size:15px;color:#474d48;line-height:1.56;max-width:700px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.demo-warning{border:1px solid #e7dca5;background:#fffbea;color:#71580d;font-size:12px;border-radius:7px;padding:9px 11px;margin-top:17px}
.profile-section{background:#fff;border:1px solid #e6e8e1;border-radius:14px;padding:27px 30px;margin-top:16px;scroll-margin-top:20px;box-shadow:var(--shadow)}.section-heading{padding-bottom:15px;border-bottom:1px solid #e8ebe4;margin-bottom:18px}.section-heading h2{margin:5px 0 0;letter-spacing:-.028em;line-height:1.23;font-size:23px;font-weight:850}.section-heading p{margin:5px 0 0;color:#81857b;font-size:12px}.section-heading .eyebrow{color:#bc8733}.profile-prose{color:#555d54;line-height:1.7;font-size:13px}.profile-prose p{margin:0 0 12px}.profile-prose p:last-child{margin-bottom:0}.profile-section h3{font-size:13px;margin:0 0 11px}.profile-section>p{color:#696d65;font-size:13px}.simple-field{margin-top:16px}.pill-list{display:flex;flex-wrap:wrap;gap:7px}.pill-list span{display:inline-flex;border:1px solid #e4e5db;color:#50564d;background:#f9faf7;font-weight:650;border-radius:6px;padding:6px 10px;font-size:11px}
.opportunities-section{border:1px solid #ecd89a;background:#fffefa;margin-top:20px}.offer-list{display:flex;flex-direction:column}.offer-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 0;border-bottom:1px solid #eee8d8}.offer-row:last-child{border-bottom:0;padding-bottom:0}.offer-row:first-child{padding-top:2px}.offer-type{color:#926c20;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.offer-row h3{font-size:15px;margin:5px 0}.offer-row p{font-size:12px;color:#67695f;line-height:1.5;margin:6px 0}.offer-meta{display:flex;gap:15px;color:#777f74;font-size:10px}.offer-enquire{background:transparent;border:1px solid #d0aa50;border-radius:8px;font-size:11px;font-weight:800;padding:9px 12px;flex:none}.offer-enquire:hover{background:#faedce}.profile-section-nav{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.profile-section-nav a{padding:8px 11px;border-radius:7px;background:#eaece6;font-size:10px;font-weight:730;color:#5d665a}.profile-section-nav a:hover{background:#d5e3d3;color:#224a37}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-item{display:flex;align-items:center;gap:10px;background:#f8faf7;border:1px solid #e6e8df;padding:12px;border-radius:8px;font-weight:700;font-size:12px}.product-check{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e0f6e9;color:#187745;flex:none}.two-blocks{display:grid;grid-template-columns:1fr 1fr;gap:30px}.two-blocks>div+div{border-left:1px solid #ebede6;padding-left:28px}.two-blocks p{font-size:12px;color:#747a71;line-height:1.6}.clean-list{list-style:none;margin:0;padding:0}.clean-list li{position:relative;color:#576059;font-size:12px;line-height:1.5;padding:0 0 11px 15px}.clean-list li:before{position:absolute;content:'•';color:#30a56c;left:0}.info-note{font-size:11px!important;background:#f8f8f2;border-radius:6px;padding:9px 12px;margin-top:14px}.announcement-list{display:grid;gap:16px}.announcement-list article+article{border-top:1px solid #e5e7df;padding-top:15px}.announcement-list time{font-size:10px;color:#899186;font-weight:800}.announcement-list h3{margin:5px 0;font-size:13px}.announcement-list p{font-size:12px;color:#777b72;margin:0}.document-list{display:grid;gap:8px}.document-list a{display:flex;gap:12px;align-items:center;border:1px solid #eaebe6;padding:13px;border-radius:8px;font-size:12px}.document-list a>span:first-child{font-size:21px;color:#277756}.document-list a>span:last-child{margin-left:auto;color:#7b847b;font-size:10px}.document-list a:hover{background:#f8fbf6}.contact-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-detail span{display:block;font-size:10px;letter-spacing:.05em;color:#8b9086;text-transform:uppercase;font-weight:750}.contact-detail strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.profile-contact-section .social-icons{margin:20px 0}.profile-contact-section .social-icons a{background:#ecf2ef;border-color:#dfe4db}
.profile-sidebar{min-width:0}.sticky-overview{position:sticky;top:24px;background:#fff;border:1px solid #e3e5dd;border-radius:13px;padding:22px 20px;box-shadow:var(--shadow)}.sidebar-title{color:#a78133;font-size:10px;letter-spacing:.12em;font-weight:850}.sticky-overview dl{margin:15px 0}.sticky-overview dl>div{padding:10px 0;border-top:1px solid #eceee7}.sticky-overview dt{font-size:10px;color:#91968d;text-transform:uppercase;letter-spacing:.05em}.sticky-overview dd{margin:4px 0 0;color:#3f4a40;font-size:12px;line-height:1.4;font-weight:740}.sidebar-contact{width:100%}
/* Enquiry overlay */
.enquiry-modal[hidden]{display:none}.enquiry-modal{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:18px}.enquiry-shade{position:absolute;inset:0;background:rgba(16,18,16,.68)}.enquiry-panel{position:relative;background:#fff;border-radius:16px;box-shadow:0 25px 90px #0006;padding:28px 30px;max-width:510px;width:100%;max-height:calc(100dvh - 30px);overflow:auto}.enquiry-panel h2{font-size:25px;margin:6px 0}.enquiry-context{font-size:12px;color:#727872;margin:0 0 20px}.enquiry-panel .close-modal{position:absolute;right:18px;top:18px;background:#f4f4ef;color:#272727}.enquiry-panel .le-contact-form label{color:#2c302b}.enquiry-panel .le-contact-form .full-label{margin-top:13px}.enquiry-panel .le-contact-form textarea{height:110px}.enquiry-panel .le-contact-form input,.enquiry-panel .le-contact-form select,.enquiry-panel .le-contact-form textarea{background:#fbfbf8}.disclosure{font-size:10px;color:#858b80;line-height:1.5}.le-notice{padding:11px 18px;margin:15px auto;max-width:1050px;background:#eaf6ee;border:1px solid #a4d7b4;border-radius:8px;color:#285b39;font-size:13px}.le-notice-invalid,.le-notice-error,.le-notice-unavailable,.le-notice-spam{background:#fff4e7;color:#814d1b;border-color:#eed0a6}.home .le-notice{position:absolute;z-index:20;top:10px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%}.simple-page{padding:50px 0}.simple-page .list-logo{width:340px;max-height:110px}.simple-page article{background:white;padding:30px;border:1px solid #e6e6e0;border-radius:13px;margin-top:30px}
/* Wider tablets: 4 cards rather than compressed 6 cards. */
@media(max-width:1150px){.company-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-layout{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.content-width{width:calc(100% - 48px)}.organiser-wrap{left:24px;width:540px}}
@media(max-width:850px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{display:none}.company-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .content-width{width:calc(100% - 32px)}.homepage{height:calc(100svh - 4px)}.home-top{padding-top:clamp(13px,4.5svh,36px)}.homepage .bg-globe{width:80vw;right:-17%;top:20%;opacity:.13}.list-logo{width:min(100%,400px);max-height:clamp(54px,12svh,98px);object-position:left}.directory-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 92px;grid-template-rows:41px 41px;min-height:0;margin-top:13px;padding:4px}.search-keyword{grid-column:1/-1;border-bottom:1px solid #e6e5dc;padding:0 12px}.search-keyword input{font-size:12px}.search-select{border-left:0;min-width:0}.search-select +.search-select{border-left:1px solid #e5e4df}.search-select select{font-size:11px;padding:0 5px}.search-submit{font-size:11px}
 .organiser-wrap{left:16px;bottom:29px;width:calc(100% - 32px)}.organiser-card{height:min(347px,55svh)}.organiser-face{padding:14px 16px;border-radius:13px}.org-heading{padding-bottom:10px}.org-title h2{font-size:14px}.org-title .eyebrow{font-size:8px}.org-emblem{width:30px;height:30px}.organiser-open{min-height:35px;padding:0 9px;font-size:10px}.org-stats{gap:0 10px}.org-stats>div{padding:8px 0}.org-stats>div:nth-child(2){padding-left:10px}.org-stats strong,.org-stats a{font-size:11px}.org-stats>div span,.org-address span{font-size:8px}.org-stats>div.phones{gap:0 18px}.org-address{padding-top:9px;font-size:10px}.org-hint{font-size:9px}.home-footer{bottom:6px;right:0;left:0;text-align:center;font-size:9px}.organiser-back-header h2{font-size:17px}.organiser-back-header{padding-bottom:7px;margin-bottom:6px}.organiser-back .le-contact-form label{font-size:10px}.organiser-back .le-contact-form input{height:33px}.organiser-back .le-contact-form .full-label{margin-top:6px}.organiser-back .le-contact-form textarea{min-height:39px}.organiser-back .le-contact-form .form-submit{margin-top:6px}.organiser-back .btn{min-height:32px;padding:8px 12px}.organiser-social{margin-top:7px;padding-top:6px}.organiser-social .social-icons a{width:34px;height:34px}
 .results-header{padding:24px 0 26px}.results-header .list-logo{width:min(100%,400px);max-height:96px}.results-header .directory-search{margin-top:12px}.company-results{padding:22px 0 45px}.company-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.company-card{height:245px}.card-main{padding:12px 10px 0}.company-name{font-size:11.5px}.product-list p{font-size:10px}.premium-mark{right:-8px;top:-9px}.card-bottom{padding:6px 9px 9px}
 .profile-top{padding:10px 0}.profile-brand{width:170px;max-height:60px}.back-link{font-size:11px}.profile-layout{padding-top:16px;padding-bottom:40px}.profile-identity,.profile-section{padding:20px 18px}.profile-identity-main{gap:13px}.profile-identity-main .company-logo{width:61px;height:61px;font-size:19px}.identity-text h1{font-size:24px}.identity-meta{font-size:10px}.identity-line{gap:6px}.premium-label{font-size:7.8px}.profile-section-nav{gap:5px}.profile-section-nav a{padding:7px 9px}.two-blocks,.contact-detail-grid{grid-template-columns:1fr}.two-blocks>div+div{border-left:0;border-top:1px solid #e9ebe4;padding:17px 0 0}.product-grid{grid-template-columns:1fr}.section-heading h2{font-size:20px}.offer-row{gap:12px}.offer-row h3{font-size:13px}.offer-enquire{padding:8px 9px}.enquiry-panel{padding:25px 18px}.enquiry-panel .le-contact-form input{height:42px;font-size:16px}
}
@media(max-width:700px) and (max-height:720px){.home-top{padding-top:13px}.list-logo{max-height:76px}.directory-search{margin-top:8px;grid-template-rows:34px 34px}.organiser-wrap{bottom:24px}.organiser-card{height:min(318px,55svh)}.organiser-face{padding:10px 14px}.org-heading{padding-bottom:6px}.org-stats>div{padding:5px 0}.org-address{padding-top:6px}.org-hint{font-size:8px}.organiser-back .le-contact-form input{height:30px}.organiser-back .le-contact-form textarea{min-height:38px}.organiser-social .social-icons a{width:30px;height:30px}.organiser-back .le-contact-form label{gap:3px}}
@media(max-width:360px){.org-title h2{font-size:12px}.org-title{gap:6px}.org-emblem{width:26px;height:26px;font-size:9px}.organiser-open{font-size:9px;padding:0 7px}.org-stats a{font-size:10px}.company-card{height:238px}.company-name{font-size:11px}.search-select select{font-size:10px}.profile-brand{width:147px}.back-link{font-size:10px}.identity-meta{line-height:1.6}}
@media(min-width:701px) and (max-height:730px){.home-top{padding-top:4svh}.home-top .list-logo{max-height:14svh;width:445px}.home-top .directory-search{margin-top:12px;min-height:58px}.organiser-wrap{bottom:30px}.organiser-card{height:305px}.organiser-face{padding:15px 20px}.org-heading{padding-bottom:9px}.org-stats>div{padding:6px 0}.org-address{padding-top:8px}.organiser-back .le-contact-form input{height:31px}.organiser-back .le-contact-form textarea{min-height:43px}.organiser-social{padding-top:5px;margin-top:5px}.organiser-social .social-icons a{width:32px;height:32px}}
@media(min-width:701px) and (max-height:520px){.home-top{position:absolute;left:4vw;top:18px;width:45%;padding:0}.home-top .list-logo{width:100%;max-height:22svh}.home-top .directory-search{grid-template-columns:1fr 1fr 85px;grid-template-rows:36px 36px;min-height:0;margin-top:12px}.home-top .search-keyword{grid-column:1/-1;border-bottom:1px solid #dedede}.home-top .search-select{border-left:0}.home-top .search-select+.search-select{border-left:1px solid #dedede}.organiser-wrap{right:4vw;left:auto;bottom:20px;width:46%}.organiser-card{height:min(315px,88svh)}.home-footer{bottom:10px;right:auto;left:4vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.organiser-card.is-opening .organiser-back,.organiser-card.is-reversing .organiser-back,.organiser-card.is-opening .glass-ripple,.organiser-card.is-reversing .glass-ripple{animation:none!important}.organiser-card.is-open .organiser-back{clip-path:circle(165% at 86% 15%);-webkit-clip-path:circle(165% at 86% 15%)}}

.footer-link{background:transparent;border:0;color:inherit;padding:0;font-size:inherit;cursor:pointer}.footer-link:hover{color:var(--gold)}

/* Reserve separate lines for Premium opportunity badges and enquiry action. */
.company-card{height:270px}.card-bottom{flex:0 0 auto}.premium-card .product-list p{-webkit-line-clamp:1}.premium-card .opportunity-marker{margin-top:8px;line-height:1.3;font-size:9px}.premium-card .card-main{overflow:hidden}
@media(max-width:700px){.company-card{height:265px}}
@media(max-width:360px){.company-card{height:262px}}

.card-bottom .opportunity-marker{display:block;flex:1;min-width:0;margin:0;font-size:8.6px;line-height:1.25;color:#226a44;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

/* v3.2 — Expanded explanation search, faint sample prompts, no change to result-page search. */
.homepage .brand-search{max-width:1100px}
.homepage .explanatory-search{display:block;width:min(945px,100%);min-height:0;margin-top:18px;padding:0;border:1px solid #E1DFD9;border-radius:16px;background:#FAF8F2;color:#1B1B19;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.2)}
.homepage .explainer-copy{padding:21px 25px 0}
.homepage .explainer-heading{display:block;font-size:22px;line-height:1.2;font-weight:820;letter-spacing:-.035em;color:#20221F;cursor:text}
.homepage .explainer-copy p{font-size:12.5px;line-height:1.45;margin:8px 0 0;color:#6F726F}
.homepage .requirement-field{padding:13px 25px 12px}
.homepage .requirement-field textarea{display:block;width:100%;height:76px;min-height:0;margin:0;border:1px solid #DCDCD5;background:#FFFFFF;color:#1D211E;border-radius:10px;resize:none;outline-offset:2px;padding:14px 16px;font-size:14px;line-height:1.45;box-shadow:inset 0 1px 3px rgba(0,0,0,.018)}
.homepage .requirement-field textarea:focus{border-color:#F6772F;outline:2px solid rgba(246,119,47,.12)}
.homepage .requirement-field textarea::placeholder{color:#A8A9A5;opacity:.84}
.homepage .example-prompts{margin-top:10px;display:flex;align-items:center;flex-wrap:wrap;gap:5px 11px;font-size:11px;line-height:1.35;color:#9A9C96}
.homepage .example-prompts>span{color:#8B8F88;font-weight:750}
.homepage .example-prompts button{appearance:none;border:0;background:transparent;padding:2px 0;color:#A0A39D;cursor:pointer;font-weight:500;font-size:11px;text-align:left}
.homepage .example-prompts button+button::before{content:'·';padding-right:10px;color:#B5B7B2}
.homepage .example-prompts button:hover,.homepage .example-prompts button:focus-visible{color:#3B764F;text-decoration:underline}
.homepage .explainer-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 183px;gap:0;align-items:center;border-top:1px solid #DFE0D9;min-height:55px;padding:5px}
.homepage .explainer-actions .search-select{display:flex;align-items:center;min-height:42px;max-width:none;border-left:0}
.homepage .explainer-actions .search-select+.search-select{border-left:1px solid #DFE0D9}
.homepage .explainer-actions .search-select select{height:42px;width:100%;font-size:12px;padding:0 15px}
.homepage .explainer-actions .search-submit{min-height:43px;padding:0 14px;font-size:12px;white-space:nowrap;border-radius:8px;background:#F6772F}
.homepage .explainer-actions .search-submit:hover{background:#F0B949}
@media(min-width:701px) and (max-height:830px){
 .homepage .home-top{padding-top:clamp(22px,4svh,48px)}
 .homepage .home-top .list-logo{max-height:clamp(62px,12svh,111px);width:480px}
 .homepage .explanatory-search{margin-top:12px}
 .homepage .explainer-copy{padding:12px 19px 0}
 .homepage .explainer-heading{font-size:19px}
 .homepage .explainer-copy p{margin-top:4px;font-size:11px}
 .homepage .requirement-field{padding:8px 19px 7px}
 .homepage .requirement-field textarea{height:58px;font-size:12px;padding:9px 12px}
 .homepage .example-prompts{margin-top:5px;gap:3px 8px;font-size:10px}
 .homepage .example-prompts button{font-size:10px}
 .homepage .explainer-actions{min-height:44px;padding:4px}
 .homepage .explainer-actions .search-select{min-height:37px}
 .homepage .explainer-actions .search-select select{height:37px}
 .homepage .explainer-actions .search-submit{min-height:37px}
}
@media(min-width:701px) and (max-height:520px){
 .homepage .explanatory-search{margin-top:9px}
 .homepage .explainer-heading{font-size:16px}
 .homepage .explainer-copy{padding:10px 12px 0}
 .homepage .explainer-copy p{font-size:10px}
 .homepage .requirement-field{padding:6px 12px}
 .homepage .requirement-field textarea{height:47px;font-size:11px;padding:7px 9px}
 .homepage .example-prompts{display:none}
 .homepage .explainer-actions{grid-template-columns:1fr 1fr 107px}
 .homepage .explainer-actions .search-select select{padding:0 6px;font-size:10px}
 .homepage .explainer-actions .search-submit{font-size:10px;padding:0 5px}
}
@media(max-width:700px){
 .homepage .explanatory-search{margin-top:12px;border-radius:12px}
 .homepage .explainer-copy{padding:13px 14px 0}
 .homepage .explainer-heading{font-size:16px;letter-spacing:-.025em}
 .homepage .explainer-copy p{font-size:10.6px;margin-top:4px}
 .homepage .requirement-field{padding:9px 14px 9px}
 .homepage .requirement-field textarea{height:66px;font-size:13px;padding:9px 11px;border-radius:8px}
 .homepage .example-prompts{gap:2px 9px;margin-top:7px;font-size:9.5px;line-height:1.35}
 .homepage .example-prompts button{font-size:9.5px}
 .homepage .example-prompts button+button::before{padding-right:7px}
 .homepage .explainer-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 103px;min-height:45px;padding:3px}
 .homepage .explainer-actions .search-select,.homepage .explainer-actions .search-select select{min-height:38px;height:38px;font-size:10.5px}
 .homepage .explainer-actions .search-select select{padding:0 5px}
 .homepage .explainer-actions .search-submit{min-height:38px;font-size:10px;padding:0 4px;border-radius:7px}
}
@media(max-width:700px) and (max-height:730px){
 .homepage .explanatory-search{margin-top:8px}
 .homepage .explainer-copy{padding:8px 11px 0}
 .homepage .explainer-heading{font-size:14px}
 .homepage .explainer-copy p{font-size:9.5px;margin-top:3px}
 .homepage .requirement-field{padding:6px 11px}
 .homepage .requirement-field textarea{height:44px;font-size:11px;padding:7px 9px}
 .homepage .example-prompts{margin-top:4px;font-size:8.5px;gap:2px 6px}
 .homepage .example-prompts button{font-size:8.5px}
 .homepage .example-prompts button:nth-of-type(3){display:none}
 .homepage .explainer-actions{min-height:39px;padding:2px}
 .homepage .explainer-actions .search-select,.homepage .explainer-actions .search-select select{min-height:35px;height:35px;font-size:9px}
 .homepage .explainer-actions .search-submit{min-height:35px;font-size:9px}
}
@media(max-width:700px) and (max-height:610px){
 .homepage .home-top{padding-top:8px}
 .homepage .home-top .list-logo{max-height:58px}
 .homepage .explainer-copy{padding:8px 10px 0}
 .homepage .explainer-copy p{display:none}
 .homepage .requirement-field{padding:5px 10px}
 .homepage .requirement-field textarea{height:40px}
 .homepage .example-prompts{display:none}
 .homepage .explainer-actions{min-height:32px}
 .homepage .explainer-actions .search-select,.homepage .explainer-actions .search-select select{min-height:30px;height:30px}
 .homepage .explainer-actions .search-submit{min-height:30px}
}
/* Protect compact desktop/landscape from overlap with the restored large search box. */
@media(min-width:701px) and (max-height:660px){
 .homepage .home-top{position:absolute;left:4vw;top:15px;width:45%;padding:0}
 .homepage .home-top .list-logo{width:100%;max-height:22svh}
 .homepage .explanatory-search{width:100%;margin-top:10px}
 .homepage .organiser-wrap{right:4vw;left:auto;bottom:20px;width:46%}
 .homepage .organiser-card{height:min(315px,88svh)}
 .homepage .home-footer{bottom:10px;right:auto;left:4vw}
 .homepage .explainer-copy{padding:10px 12px 0}
 .homepage .explainer-heading{font-size:17px}
 .homepage .explainer-copy p{font-size:10px}
 .homepage .requirement-field{padding:7px 12px}
 .homepage .requirement-field textarea{height:50px;padding:9px 10px;font-size:12px}
 .homepage .example-prompts{margin-top:5px}
 .homepage .example-prompts button:nth-of-type(3){display:none}
 .homepage .explainer-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 105px}
 .homepage .explainer-actions .search-select select{padding:0 5px;font-size:10px}
 .homepage .explainer-actions .search-submit{padding:0 4px;font-size:10px}
}

/* v3.3: Original UK Petroleum symbol positioned on the same horizontal line as the legal company name. */
.organiser-front .org-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0}
.organiser-front .org-title>.eyebrow{font-size:9px;letter-spacing:.08em;font-weight:780;color:var(--gold);line-height:1.15}
.organiser-front .org-name-row{display:flex;align-items:center;gap:9px;min-width:0}
.organiser-front .org-brand-logo{width:43px;height:43px;flex:0 0 43px;display:block;object-fit:contain;object-position:center;filter:none}
.organiser-front .org-name-row h2{margin:0;font-size:17px;font-weight:780;line-height:1.17;letter-spacing:-.03em;white-space:nowrap;color:#faf8f2}
@media(max-width:700px){
 .organiser-front .org-title{gap:2px}
 .organiser-front .org-title>.eyebrow{font-size:8px}
 .organiser-front .org-brand-logo{height:34px;width:34px;flex-basis:34px}
 .organiser-front .org-name-row{gap:7px}
 .organiser-front .org-name-row h2{font-size:14px}
}
@media(max-width:360px){
 .organiser-front .org-brand-logo{width:30px;height:30px;flex-basis:30px}
 .organiser-front .org-name-row h2{font-size:12px}
 .organiser-front .org-name-row{gap:5px}
}

/* v3.4 — concise large homepage search with four gently rotating instructional examples. */
.homepage .explanatory-search{width:min(945px,100%)}
.homepage .explainer-copy{padding-bottom:0}
.homepage .requirement-field{padding-top:13px;padding-bottom:14px}
.homepage .requirement-input-shell{position:relative;min-width:0}
.homepage .requirement-input-shell textarea{height:100px;min-height:0;position:relative;padding:15px 16px;line-height:1.5}
.homepage .requirement-input-shell textarea::placeholder{color:transparent!important}
.homepage .rotating-example{position:absolute;left:17px;right:17px;top:15px;font-size:13px;line-height:1.48;color:#9b9f9d;opacity:.75;pointer-events:none;transition:opacity .32s ease,transform .32s ease;transform:translateY(0);}
.homepage .rotating-example .rotating-prefix{font-weight:680;color:#888e89}
.homepage .rotating-example.is-fading{opacity:0;transform:translateY(-4px)}
.homepage .rotating-example.is-hidden{opacity:0;visibility:hidden}
.homepage .explainer-actions{display:flex;justify-content:flex-end;align-items:center;min-height:56px;padding:5px 7px;background:#FAF8F2}
.homepage .explainer-actions .search-submit{min-width:188px;min-height:44px;padding:0 17px}
/* Other pages retain a compact keyword search, without industry and country selects. */
.results-header .directory-search{grid-template-columns:minmax(140px,1fr) 126px;min-height:64px}
.results-header .search-submit{min-height:52px}
@media(min-width:701px) and (max-height:830px){
 .homepage .explainer-copy{padding:13px 19px 0}
 .homepage .requirement-field{padding:10px 19px 10px}
 .homepage .requirement-input-shell textarea{height:75px;padding:12px 13px;font-size:12px}
 .homepage .rotating-example{top:12px;left:14px;right:14px;font-size:11px}
 .homepage .explainer-actions{min-height:43px;padding:4px}
 .homepage .explainer-actions .search-submit{min-height:37px}
}
@media(min-width:701px) and (max-height:520px){
 .homepage .requirement-field{padding:6px 12px}
 .homepage .requirement-input-shell textarea{height:66px;padding:9px 10px;font-size:11px}
 .homepage .rotating-example{top:9px;left:11px;right:11px;font-size:10px}
 .homepage .explainer-actions .search-submit{min-width:120px;padding:0 7px;font-size:10px}
}
@media(max-width:700px){
 .homepage .explainer-copy{padding:13px 14px 0}
 .homepage .requirement-field{padding:9px 14px}
 .homepage .requirement-input-shell textarea{height:94px;padding:12px 12px;font-size:13px}
 .homepage .rotating-example{left:13px;right:13px;top:12px;font-size:11px;line-height:1.45}
 .homepage .explainer-actions{min-height:45px;padding:4px}
 .homepage .explainer-actions .search-submit{min-width:150px;min-height:38px;font-size:11px}
 .results-header .directory-search{grid-template-columns:minmax(110px,1fr) 100px}
}
@media(max-width:700px) and (max-height:730px){
 .homepage .explainer-copy{padding:9px 11px 0}
 .homepage .requirement-field{padding:7px 11px}
 .homepage .requirement-input-shell textarea{height:76px;padding:9px 10px;font-size:11px}
 .homepage .rotating-example{left:11px;right:11px;top:9px;font-size:10px}
 .homepage .explainer-actions{min-height:38px;padding:3px}
 .homepage .explainer-actions .search-submit{min-height:32px;min-width:140px;font-size:10px}
}
@media(max-width:700px) and (max-height:610px){
 .homepage .explainer-copy{padding:7px 10px 0}
 .homepage .requirement-field{padding:5px 10px}
 .homepage .requirement-input-shell textarea{height:66px;padding:8px 9px}
 .homepage .rotating-example{top:8px;left:10px;right:10px;font-size:9.5px}
 .homepage .explainer-actions{min-height:32px;padding:2px}
 .homepage .explainer-actions .search-submit{min-height:30px}
}
@media(min-width:701px) and (max-height:660px){
 .homepage .requirement-field{padding:7px 12px}
 .homepage .requirement-input-shell textarea{height:72px;padding:9px 10px}
 .homepage .rotating-example{top:9px;left:11px;right:11px;font-size:10px}
 .homepage .explainer-actions{min-height:39px;padding:3px}
 .homepage .explainer-actions .search-submit{min-width:130px;min-height:33px}
}
@media(prefers-reduced-motion:reduce){.homepage .rotating-example{transition:none}}
/* LIST.ENERGY v3.5: quiet editorial surfaces, consistent typography, refined cards. */
:root {
  --neutral-50:#F9FAF9;
  --neutral-100:#F2F5F3;
  --neutral-200:#DFE5E1;
  --neutral-400:#99A4A0;
  --neutral-500:#64716B;
  --neutral-800:#27312E;
  --neutral-900:#1D2523;
  --neutral-panel:#252A29;
  --surface-shadow:0 14px 36px rgba(12,23,18,.055);
  --shadow:var(--surface-shadow);
}
body{background:#F6F8F7;color:#28312D}
/* Keep uploaded vivid artwork; accents are deliberately limited elsewhere. */
.top-colors{height:3px;background:#36423E}
.eyebrow,.section-heading .eyebrow,.sidebar-title,.offer-type{color:#65736E;font-weight:780;letter-spacing:.095em}
.btn{border-radius:10px;font-weight:720;box-shadow:none}
.btn-green{background:#286A52;color:#fff}
.btn-green:hover{background:#205641;color:#fff}
.btn-orange{background:#F6772F;color:#1F2522}
.btn-orange:hover{background:#E66B27}
.btn-outline{border-color:#CDD7D2;background:#FFFFFF;color:#32433B}
.btn-outline:hover{background:#F6F8F7;border-color:#9FAFA7}
.btn-text{color:#46685A}
/* Homepage: calm graphite information panel and a coherent, layered white search composer. */
.homepage{background:#1B1B19}
.homepage .explanatory-search{
  background:#F8FAF9;color:#232A27;
  border:1px solid #DCE3DE;
  border-radius:17px;
  box-shadow:0 22px 48px rgba(0,0,0,.16);
}
.homepage .explainer-heading{color:#252F2B;font-weight:750;letter-spacing:-.025em}
.homepage .requirement-input-shell textarea{
  border:1px solid #D9E1DB;background:#FFFFFF;color:#25322B;
  border-radius:11px;box-shadow:none;
}
.homepage .requirement-input-shell textarea:focus{border-color:#8EAA9B;outline:2px solid rgba(65,113,88,.12)}
.homepage .rotating-example{color:#939D97;opacity:.94}
.homepage .rotating-example .rotating-prefix{color:#7A8780}
.homepage .explainer-actions{background:#F8FAF9;border-top:1px solid #E3E9E5}
.homepage .explainer-actions .search-submit{background:#F6772F;color:#25302B;border-radius:10px;font-weight:780}
.homepage .explainer-actions .search-submit:hover{background:#E96E28}
.organiser-card{border-radius:17px;background:var(--neutral-panel)}
.organiser-face{background:var(--neutral-panel);border:1px solid #3C4642;border-radius:17px;box-shadow:none}
.org-heading,.organiser-back-header{border-color:#3E4944}
.organiser-front .org-title>.eyebrow,.org-title .eyebrow,
.org-stats>div span,.org-address span {color:#AAB6B0;letter-spacing:.095em;font-weight:700}
.org-stats>div,.org-stats>div:nth-child(2),.org-stats>div.phones{border-color:#3D4843}
.org-stats strong,.org-stats a{color:#F4F6F4;font-weight:660}
.org-address{color:#D3DAD5}
.org-hint{color:#AEBAB3}
.org-hint span{color:#D3E3D8}
.organiser-open{background:#4BA880;color:#10251B;border-radius:9px;font-weight:780}
.organiser-open:hover{background:#69C099}
.org-close,.close-modal{background:#323A37;border-color:#52615A}
.organiser-back .le-contact-form input,.organiser-back .le-contact-form textarea,
.le-contact-form input,.le-contact-form textarea,.le-contact-form select{background:#FCFDFC;border-color:#D8E0DA;color:#27342C;border-radius:9px}
.org-close:hover,.close-modal:hover{background:#3E4844}
.glass-ripple{border-color:#C5D3CB;box-shadow:0 0 20px rgba(197,211,203,.18)}
.organiser-social{border-color:#46524C}
.organiser-thank{background:var(--neutral-panel)}
.organiser-thank .tick{border-color:#73BF9C;color:#73BF9C}
.home-footer{color:#AEBAB5}
.home-footer a:hover{color:#E4E9E6}
/* Results: neutral card surfaces and compact, differentiated premium cards. */
.results-page{background:#F6F8F7}
.results-header{background:#1B1B19}
.results-header .directory-search{background:#F8FAF9;border-color:#F8FAF9;box-shadow:0 14px 35px rgba(0,0,0,.14)}
.results-header .search-keyword svg{color:#566D60}
.results-header .search-submit{background:#F6772F;color:#1D2922}
.company-card{border:1px solid #DCE4DF;background:#FFFFFF;border-radius:14px;box-shadow:0 7px 25px rgba(18,33,27,.035)}
.company-card:hover{box-shadow:0 12px 31px rgba(18,33,27,.09)}
.premium-card{border:3px solid #C6A45A;box-shadow:0 5px 24px rgba(18,33,27,.06)}
.premium-card:hover{box-shadow:0 14px 33px rgba(18,33,27,.11)}
.premium-mark{background:#29322E;color:#F1D79D;border-radius:0 10px 0 8px;letter-spacing:.075em}
.company-logo{border:1px solid #E1E8E2;background:#F4F7F5;color:#466F61}
.company-name{color:#26322C;font-weight:770}
.company-country{color:#6E7B73}
.product-list{border-color:#E8EEEA}
.product-list span{color:#727F77;letter-spacing:.09em}
.product-list p{color:#536058}
.card-hint{color:#8E9A93}
.opportunity-marker{color:#2D7356}
.card-mail{background:#EFF3F0;color:#2B6650;border:1px solid #E0EAE3}
.card-mail:hover{background:#DDEEE4;color:#235640}
/* Premium pages: consistent neutral hierarchy, no gold/green tinted feature boxes. */
.profile-page{background:#F6F8F7}
.profile-top{background:#1B1B19}
.profile-identity,.profile-section,.sticky-overview{background:#FFFFFF;border:1px solid #E0E7E2;border-radius:16px;box-shadow:var(--surface-shadow)}
.profile-identity h1,.section-heading h2{color:#27332E}
.identity-meta,.profile-prose,.profile-section>p{color:#64716B}
.identity-description{color:#52635A}
.premium-label{background:#F6F0E4;color:#725C31;border-color:#DDCDA8;border-radius:7px}
.section-heading{border-color:#E9EFEB}
.section-heading p{color:#76837B}
.opportunities-section{background:#FFFFFF;border:1px solid #DCE5DD;border-left:4px solid #638B72}
.offer-row{border-color:#E8EEE9}
.offer-type{color:#4A735B}
.offer-row p{color:#627069}
.offer-enquire{border-color:#B8C9BF;color:#2B5942;background:#F7FAF8}
.offer-enquire:hover{background:#EDF6EF}
.profile-section-nav a{background:#EDF2EF;color:#55645B;border:1px solid #E2EAE3}
.profile-section-nav a:hover{background:#E1EAE4;color:#325841}
.pill-list span{background:#F6F8F7;border-color:#E2EAE4;color:#52655B}
.product-item{background:#FAFBFA;border-color:#E3EAE5}
.product-check{color:#4B8164}
.sticky-overview .sidebar-title{color:#75857A}
.sticky-overview dl>div{border-color:#E9EFEB}
.sticky-overview dt{color:#809087}
.sticky-overview dd{color:#34443B}
.demo-warning{background:#F6F7F3;border-color:#E1E7DB;color:#59695C}
.info-note{color:#7C8980}
/* Keep responsive and one-screen behavior from previous releases. */
/* Keep one short opportunity caption visible within each compact Premium card. */
.premium-card .card-main{overflow:hidden}
.premium-card .card-top{min-height:56px}
.premium-card .company-logo{width:52px;height:52px}
.premium-card .company-name{margin-top:8px;margin-bottom:2px}
.premium-card .product-list{margin-top:7px;padding-top:7px}
.premium-card .product-list p{margin-top:3px;line-height:1.25}
.premium-card .opportunity-marker{font-size:8px;margin-top:6px;line-height:1.25;}

/* v3.7 — a restrained glass-dissolve transition: organiser text disperses into a
   handful of light fragments while contact fields assemble in sequence. */
.organiser-card{contain:paint}
.organiser-front{z-index:1;transform-origin:86% 15%;will-change:opacity,filter,transform}
.organiser-back{z-index:2}
.organiser-card.is-opening .organiser-front{animation:leOrganiserDissolve 1.32s cubic-bezier(.24,.75,.38,1) both}
.organiser-card.is-open .organiser-front{opacity:0;pointer-events:none}
.organiser-card.is-reversing .organiser-front{animation:leOrganiserRebuild 1.42s .75s cubic-bezier(.2,.75,.25,1) both}
@keyframes leOrganiserDissolve{
 0%,9%{opacity:1;filter:blur(0);transform:scale(1) translateY(0)}
 34%{opacity:.90;filter:blur(1px);transform:scale(.992) translateY(-2px)}
 72%{opacity:.18;filter:blur(8px);transform:scale(.97) translateY(-7px)}
 100%{opacity:0;filter:blur(14px);transform:scale(.958) translateY(-9px)}
}
@keyframes leOrganiserRebuild{
 0%{opacity:0;filter:blur(13px);transform:scale(.96) translateY(-9px)}
 65%{opacity:.88;filter:blur(1.5px);transform:scale(.995) translateY(-1px)}
 100%{opacity:1;filter:blur(0);transform:scale(1) translateY(0)}
}
/* The original 2.4-second glass reveal stays synchronized with the dissolve. */
.organiser-card.is-opening .organiser-back{animation:glassOpen 2.4s cubic-bezier(.22,.82,.24,1) both}
.organiser-card.is-opening .organiser-back-header{animation:leFormBuild .84s .66s both}
.organiser-card.is-opening .le-contact-form .form-row{animation:leFormBuild .86s .87s both}
.organiser-card.is-opening .le-contact-form .full-label{animation:leFormBuild .86s 1.03s both}
.organiser-card.is-opening .le-contact-form .form-submit{animation:leFormBuild .8s 1.23s both}
.organiser-card.is-opening .organiser-social{animation:leFormBuild .82s 1.44s both}
.organiser-card.is-reversing .organiser-back-header,
.organiser-card.is-reversing .le-contact-form,
.organiser-card.is-reversing .organiser-social{animation:leFormOut .7s both}
@keyframes leFormBuild{
 0%{opacity:0;filter:blur(7px);transform:translateY(12px) scale(.985)}
 100%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}
}
@keyframes leFormOut{to{opacity:0;filter:blur(6px);transform:translateY(-8px)}}
/* Small monochrome glass flecks — no bright rainbow/particle cloud. */
.morph-particles{position:absolute;inset:0;z-index:4;overflow:hidden;border-radius:inherit;pointer-events:none}
.morph-particles i{position:absolute;left:var(--px);top:var(--py);display:block;width:4px;height:4px;border-radius:1px;
 background:#D4E5DD;box-shadow:0 0 8px rgba(229,255,242,.2);opacity:0;transform:scale(.35) translate(0,0)}
.morph-particles i:nth-child(3n){height:2px;width:9px;transform:rotate(25deg)}
.morph-particles i:nth-child(4n){background:#97B8A9}
.organiser-card.is-opening .morph-particles i{animation:leFleckAway 1.45s ease-out both}
.organiser-card.is-opening .morph-particles i:nth-child(2n){animation-delay:.08s}
.organiser-card.is-opening .morph-particles i:nth-child(3n){animation-delay:.17s}
.organiser-card.is-reversing .morph-particles i{animation:leFleckBack 1.1s .8s ease-out both}
@keyframes leFleckAway{0%,12%{opacity:0;transform:scale(.3) translate(0,0)}34%{opacity:.55}100%{opacity:0;transform:scale(.7) translate(var(--dx),var(--dy))}}
@keyframes leFleckBack{0%{opacity:0;transform:scale(.7) translate(var(--dx),var(--dy))}40%{opacity:.5}100%{opacity:0;transform:scale(.3) translate(0,0)}}
.organiser-card.is-sending .organiser-back-header,.organiser-card.is-sending .le-contact-form,.organiser-card.is-sending .organiser-social{visibility:hidden}
/* Actual LinkedIn blue and WhatsApp green icons in the contact form only. */
.organiser-social{margin-top:8px;padding-top:8px;border-top:1px solid #45514B}
.organiser-social .social-icons{justify-content:flex-start;gap:10px}
.organiser-social .social-icons a{display:flex;align-items:center;justify-content:center;width:39px;height:39px;
 padding:6px;background:#303936;border:1px solid #506058;border-radius:11px;box-shadow:0 2px 9px #0002;
 transition:transform .2s,background-color .2s,border-color .2s}
.organiser-social .social-icons a:hover{background:#394942;border-color:#8CACA0;transform:translateY(-2px)}
.organiser-social .social-icons a svg{width:25px;height:25px}
.organiser-social .social-icons a:focus-visible{outline:2px solid #CFDCD5;outline-offset:3px}
.organiser-thank{z-index:6}
@media(max-width:700px){
 .organiser-social{margin-top:5px;padding-top:5px}
 .organiser-social .social-icons a{width:34px;height:34px;padding:5px}
 .organiser-social .social-icons a svg{width:23px;height:23px}
}
@media(max-width:700px) and (max-height:720px){
 .organiser-social .social-icons a{width:29px;height:29px;padding:4px}
 .organiser-social .social-icons a svg{width:21px;height:21px}
}
@media(prefers-reduced-motion:reduce){
 .organiser-card.is-opening .organiser-front{animation:none!important;opacity:0}
 .organiser-card.is-reversing .organiser-front{animation:none!important;opacity:1}
 .organiser-card.is-opening .organiser-back-header,.organiser-card.is-opening .le-contact-form .form-row,
 .organiser-card.is-opening .le-contact-form .full-label,.organiser-card.is-opening .le-contact-form .form-submit,
 .organiser-card.is-opening .organiser-social,.organiser-card.is-reversing .organiser-back-header,
 .organiser-card.is-reversing .le-contact-form,.organiser-card.is-reversing .organiser-social,
 .organiser-card.is-opening .morph-particles i,.organiser-card.is-reversing .morph-particles i{animation:none!important}
}
/* Calm information hierarchy: keep registered office at the card foot after
   removing the redundant prompt, without altering the contact-form dimensions. */
.organiser-front .org-address{margin-top:auto}


/* v3.8 — logo advertisement: electric-thunder outline, modern dark fill and
   vertically aligned pill label attached to the right edge. */
.le-advertise-position{position:absolute;z-index:3;right:max(42px,calc((100vw - 1320px)/2 + 4px));bottom:61px;width:clamp(225px,21.5vw,300px);height:207px;pointer-events:none}
.le-advertise-electric{width:100%;height:100%;position:relative;border-radius:22px;background:#212825;
  border:1px solid rgba(133,207,190,.27);box-shadow:0 15px 45px #0004, inset 0 0 30px rgba(66,133,121,.09);pointer-events:auto}
.le-electric-frame{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);z-index:2;pointer-events:none;overflow:visible}
.le-electric-base{fill:none;stroke:#6AAE9E;stroke-width:2.2;opacity:.74;filter:drop-shadow(0 0 4px rgba(124,239,222,.30))}
.le-electric-trace{fill:none;stroke:#D4FFF7;stroke-width:2.8;stroke-linecap:round;opacity:.9;stroke-dasharray:36 2000;
  animation:leCurrentTrace 7s linear infinite;filter:drop-shadow(0 0 5px rgba(155,255,235,.82))}
.le-electric-bolt{fill:none;stroke:#C0FFF3;stroke-linejoin:round;stroke-width:2.2;
  filter:drop-shadow(0 0 7px rgba(163,255,240,.9));animation:leArcFlash 5.2s steps(1) infinite}
.le-electric-bolt-two{animation-delay:1.8s}.le-electric-bolt-three{animation-delay:3s}
@keyframes leCurrentTrace{0%{stroke-dashoffset:0;opacity:.15}8%{opacity:.95}55%{opacity:.75}100%{stroke-dashoffset:-1050;opacity:.15}}
@keyframes leArcFlash{0%,81%,91%,100%{opacity:0}82%,85%,90%{opacity:1}}
.le-advertise-art{display:flex;width:100%;height:100%;padding:27px 37px 27px 22px;align-items:center;justify-content:center;border-radius:21px;overflow:hidden;transition:background .2s ease}
.le-advertise-art:hover{background:rgba(76,122,108,.10)}
.le-advertise-art img{display:block;width:auto;height:auto;max-width:96%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 14px #0005)}
.le-advertise-tab{position:absolute;z-index:5;right:-14px;top:50%;transform:translateY(-50%);height:max-content;
  display:flex;justify-content:center;align-items:center;writing-mode:vertical-rl;white-space:nowrap;
  border:1px solid #B7F0E3;border-radius:10px;background:#C8F3E8;color:#1E3930;
  padding:12px 6px;font-size:10px;font-weight:850;letter-spacing:.1em;line-height:1;
  box-shadow:0 0 18px rgba(153,255,230,.32),0 7px 21px #0006;transition:background .2s,box-shadow .2s}
.le-advertise-tab:hover{background:#F0FFFB;box-shadow:0 0 21px rgba(180,255,240,.5)}
.le-advertise-tab:focus-visible{outline:3px solid #FFFFFF!important;outline-offset:3px}
@media (max-width:700px){
 .le-advertise-position{right:auto;left:50%;transform:translateX(-50%);width:min(255px,calc(100vw - 80px));height:111px;bottom:calc(29px + min(347px,55svh) + 12px)}
 .le-advertise-electric{border-radius:16px}
 .le-advertise-art{padding:10px 30px 10px 12px;border-radius:15px}
 .le-advertise-art img{max-width:100%;max-height:95%}
 .le-advertise-tab{font-size:8px;padding:9px 5px;right:-12px;border-radius:8px;letter-spacing:.07em}
}
@media(max-width:700px) and (max-height:730px){
 .organiser-card{height:min(286px,47svh)}
 .organiser-wrap{bottom:24px}
 .le-advertise-position{height:clamp(44px,9svh,72px);bottom:calc(24px + min(286px,47svh) + 9px);width:min(195px,calc(100vw - 89px))}
 .le-advertise-art{padding:6px 20px 6px 9px}
 .le-advertise-tab{font-size:7px;letter-spacing:0;padding:4px 3px;right:-10px;border-radius:6px}
 .organiser-front{padding-bottom:9px}
 .org-address{padding-top:6px;font-size:9.6px}
 .organiser-back .le-contact-form textarea{min-height:32px}
 .organiser-social{margin-top:3px;padding-top:4px}
}
@media(max-width:700px) and (max-height:590px){
 .organiser-card{height:min(272px,49svh)}
 .le-advertise-position{height:clamp(42px,8.3svh,52px);bottom:calc(24px + min(272px,49svh) + 7px)}
 .le-advertise-art img{max-height:92%}
 .organiser-social .social-icons a{width:27px;height:27px}
 .organiser-back .le-contact-form input{height:27px}
 .organiser-back .le-contact-form .full-label{margin-top:3px}
 .organiser-back .le-contact-form .form-submit{margin-top:3px}
}
@media(min-width:701px) and (max-height:650px){
 .le-advertise-position{left:4vw;right:auto;bottom:43px;width:clamp(140px,20vw,190px);height:clamp(90px,21svh,131px)}
 .le-advertise-art{padding:16px 28px 16px 14px}
}
@media(prefers-reduced-motion:reduce){.le-electric-trace,.le-electric-bolt{animation:none!important;opacity:.45}}

@media(max-width:700px) and (max-height:590px){
 .le-advertise-tab{font-size:5.5px;letter-spacing:-.01em;padding:2px 2px;right:-8px;border-radius:5px}
}


/* v3.9: proportionate logo, compact organiser, exhibition identity. */
@media(min-width:701px){
 .homepage .home-top .list-logo{width:min(670px,60vw);max-height:170px;height:auto}
 .homepage .organiser-wrap{width:min(476px,calc(100vw - 70px));bottom:48px}
 .homepage .organiser-card{height:290px}
 .homepage .organiser-face{padding:16px 20px}
 .homepage .org-heading{padding-bottom:9px}
 .homepage .org-stats>div{padding:7px 0}
 .homepage .org-address{padding-top:8px;font-size:10.5px}
 .homepage .le-advertise-position{width:min(340px,31vw);height:175px;bottom:65px}
 .homepage .le-advertise-art{padding:14px 27px 14px 13px}
 .homepage .le-advertise-art img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
}
@media(min-width:701px) and (max-height:740px){
 .homepage .home-top .list-logo{width:min(600px,57vw);max-height:145px}
 .homepage .organiser-card{height:273px}
 .homepage .organiser-wrap{bottom:31px}
 .homepage .le-advertise-position{bottom:43px;height:145px;width:min(310px,30vw)}
}
@media(min-width:701px) and (max-height:650px){
 .homepage .home-top .list-logo{width:min(550px,54vw);max-height:124px}
 .homepage .organiser-wrap{bottom:25px}
 .homepage .organiser-card{height:250px}
 .homepage .organiser-face{padding:10px 15px}
 .homepage .org-heading{padding-bottom:5px}
 .homepage .org-stats>div{padding:5px 0}
 .homepage .le-advertise-position{left:auto;right:4vw;bottom:38px;width:clamp(155px,26vw,245px);height:120px}
}
@media(min-width:701px) and (max-height:520px){
 .homepage .home-top .list-logo{width:100%;max-height:21svh}
 .homepage .organiser-wrap{width:45%;bottom:15px}
 .homepage .organiser-card{height:min(268px,84svh)}
 .homepage .le-advertise-position{left:4vw;right:auto;top:auto;bottom:32px;width:clamp(110px,19vw,150px);height:88px}
 .homepage .home-footer{bottom:5px}
}
@media(max-width:700px){
 .homepage .home-top{padding-top:clamp(9px,2.8svh,24px)}
 .homepage .home-top .list-logo{width:calc(100vw - 12px);max-width:none;max-height:none;height:auto;position:relative;left:-10px}
 .homepage .organiser-wrap{bottom:24px}
 .homepage .organiser-card{height:min(295px,39svh)}
 .homepage .organiser-face{padding:12px 15px}
 .homepage .org-heading{padding-bottom:7px}
 .homepage .org-stats>div{padding:6px 0}
 .homepage .org-address{padding-top:7px;font-size:10px}
 .homepage .le-advertise-position{width:min(294px,calc(100vw - 53px));height:92px;bottom:calc(24px + min(295px,39svh) + 14px)}
 .homepage .le-advertise-art{padding:8px 25px 8px 11px}
 .homepage .le-advertise-art img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
 .homepage .le-advertise-tab{right:-11px}
}
@media(max-width:700px) and (max-height:730px){
 .homepage .home-top .list-logo{width:calc(100vw - 10px);left:-11px}
 .homepage .organiser-wrap{bottom:21px}
 .homepage .organiser-card{height:min(248px,44svh)}
 .homepage .organiser-face{padding:9px 12px}
 .homepage .org-heading{padding-bottom:5px}
 .homepage .org-stats>div{padding:4px 0}
 .homepage .org-address{padding-top:4px;font-size:9.3px;line-height:1.3}
 .homepage .le-advertise-position{width:min(249px,calc(100vw - 50px));height:59px;bottom:calc(21px + min(248px,44svh) + 10px)}
 .homepage .le-advertise-art{padding:5px 20px 5px 7px}
}
@media(max-width:700px) and (max-height:590px){
 .homepage .home-top{padding-top:6px}
 .homepage .home-top .list-logo{width:calc(100vw - 10px);left:-11px}
 .homepage .explainer-copy{padding-top:5px}
 .homepage .organiser-wrap{bottom:20px}
 .homepage .organiser-card{height:min(238px,43svh)}
 .homepage .organiser-face{padding:8px 10px}
 .homepage .org-stats>div{padding:3px 0}
 .homepage .org-heading{padding-bottom:4px}
 .homepage .org-title .eyebrow{font-size:7.7px}
 .homepage .org-address{padding-top:3px;font-size:9px}
 .homepage .le-advertise-position{width:min(239px,calc(100vw - 65px));height:47px;bottom:calc(20px + min(238px,43svh) + 7px)}
 .homepage .le-advertise-art{padding:3px 17px 3px 6px}
 .homepage .le-advertise-tab{font-size:6.8px}
}
/* UKIEE 2027 timed welcome banner: consistently restrained styling. */
.le-ukiee-popup[hidden]{display:none!important}
.le-ukiee-popup{position:fixed;inset:0;z-index:9900;display:grid;place-items:center;padding:22px;isolation:isolate}
.le-ukiee-backdrop{position:absolute;inset:0;background:rgba(4,12,15,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.le-ukiee-banner{position:relative;width:min(740px,100%);max-height:calc(100dvh - 42px);overflow:auto;border-radius:23px;
 background:#F9FBFA;color:#142923;box-shadow:0 36px 100px rgba(0,0,0,.4);outline:1px solid rgba(255,255,255,.2);
 animation:leUkieeEnter .38s cubic-bezier(.2,.7,.25,1) both}
@keyframes leUkieeEnter{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.le-ukiee-banner-head{background:#0A151A;min-height:194px;padding:33px 72px 27px 40px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.le-ukiee-banner-head:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#004ca9,#00bce2,#34c759);opacity:.75}
.le-ukiee-banner-head img{display:block;width:min(100%,565px);height:auto;max-height:145px;object-fit:contain;filter:drop-shadow(0 5px 14px rgba(0,0,0,.22))}
.le-ukiee-close{position:absolute;right:17px;top:17px;width:39px;height:39px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);border-radius:10px;color:#FFF;font-size:27px;line-height:1;display:grid;place-items:center;cursor:pointer}
.le-ukiee-close:hover{background:rgba(255,255,255,.2)}
.le-ukiee-content{padding:27px 38px 34px}
.le-ukiee-eyebrow{margin:0 0 9px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:#2F765D}
.le-ukiee-content h2{margin:0 0 11px;font-size:clamp(23px,3.5vw,30px);letter-spacing:-.035em;line-height:1.14;color:#142923}
.le-ukiee-description{margin:0 0 22px;color:#60746B;font-size:14px;line-height:1.6}
.le-ukiee-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}
.le-ukiee-fact{padding:16px 18px;border:1px solid #E0E8E3;border-radius:13px;background:#FFF}
.le-ukiee-fact span{display:block;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#6B8277;margin-bottom:7px}
.le-ukiee-fact strong{font-size:18px;color:#1A3328;letter-spacing:-.015em}
.le-ukiee-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:14px 20px;background:#265E48;border:1px solid #265E48;color:#FFF!important;font-size:14px;font-weight:800;text-decoration:none;transition:background .18s}
.le-ukiee-cta:hover{background:#184A36}
.le-ukiee-foot{font-size:12px;color:#74867D;margin-left:14px}
@media(max-width:540px){
 .le-ukiee-popup{padding:13px}
 .le-ukiee-banner{max-height:calc(100dvh - 26px);border-radius:18px}
 .le-ukiee-banner-head{min-height:147px;padding:32px 42px 19px 18px}
 .le-ukiee-banner-head img{max-height:105px}
 .le-ukiee-close{width:32px;height:32px;top:10px;right:10px;font-size:22px}
 .le-ukiee-content{padding:21px 19px 23px}
 .le-ukiee-eyebrow{font-size:9px}
 .le-ukiee-content h2{font-size:22px}
 .le-ukiee-description{font-size:12px;line-height:1.5;margin-bottom:15px}
 .le-ukiee-facts{grid-template-columns:1fr;gap:8px;margin-bottom:17px}
 .le-ukiee-fact{padding:11px 13px}
 .le-ukiee-fact span{margin-bottom:3px;font-size:9px}
 .le-ukiee-fact strong{font-size:16px}
 .le-ukiee-cta{width:100%;min-height:43px;font-size:12px}
 .le-ukiee-foot{display:block;text-align:center;margin:9px 0 0;font-size:10px}
}
@media(max-height:530px){
 .le-ukiee-banner-head{min-height:90px;padding:12px 55px}
 .le-ukiee-banner-head img{max-height:78px}
 .le-ukiee-content{padding:13px 20px 15px}
 .le-ukiee-content h2{font-size:19px}
 .le-ukiee-description{margin-bottom:10px}
 .le-ukiee-facts{margin-bottom:10px}
}
@media(prefers-reduced-motion:reduce){.le-ukiee-banner{animation:none}}
/* Ensure the original dark-blue UKIEE lettering remains legible without recolouring the supplied artwork. */
.le-ukiee-banner-head{background:#EFF5F4}
.le-ukiee-close{color:#163A30;background:#FFFFFF;border-color:#CCDAD2;box-shadow:0 2px 10px rgba(22,58,48,.07)}
.le-ukiee-close:hover{background:#E0EEEA}
/* v4.0 — unified visual proportions and natural content fit. */
@media (min-width:701px) and (min-height:660px){
 .homepage .home-top{padding-top:clamp(38px,7svh,75px)}
 .homepage .home-top .list-logo{width:min(670px,56vw);height:auto;max-height:none}
 .homepage .explanatory-search{width:min(900px,100%);margin-top:16px}
 .homepage .organiser-wrap{width:min(470px,calc(100vw - 70px));bottom:49px}
 .homepage .organiser-card{height:264px}
 .homepage .organiser-face{padding:15px 19px}
 .homepage .org-heading{padding-bottom:9px}
 .homepage .org-stats>div{padding:8px 0}
 .homepage .organiser-front .org-address{margin-top:10px;padding-top:0;line-height:1.5;font-size:10px}
 .homepage .le-advertise-position{right:max(44px,calc((100vw - 1320px)/2 + 4px));left:auto;bottom:61px;width:min(354px,30vw);height:143px;transform:none}
}
/* Ad artwork must be readable and undistorted: respect uploaded 3:1 logo ratio. */
.homepage .le-advertise-electric{background:#F2F7F5;box-shadow:0 17px 42px #0005, inset 0 0 16px rgba(61,136,114,.08);border-color:#6AB7A5}
.homepage .le-advertise-art{padding:12px 35px 12px 14px;background:transparent}
.homepage .le-advertise-art:hover{background:#E7F3EF}
.homepage .le-advertise-art img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:none}
.homepage .le-advertise-tab{background:#C8F3E8;color:#173A30}
/* Keep organiser phone / address sections together, not separated by unused card space. */
.homepage .organiser-front .org-address{margin-top:10px}
/* A tighter banner with a well-proportioned exhibition logo. */
.le-ukiee-banner{width:min(685px,100%)}
.le-ukiee-banner-head{min-height:156px;padding:20px 64px 19px 34px}
.le-ukiee-banner-head img{width:min(100%,510px);max-height:125px;height:auto;object-fit:contain}
.le-ukiee-content{padding:24px 32px 28px}
.le-ukiee-facts{gap:11px;margin-bottom:19px}
.le-ukiee-fact{padding:13px 16px}
@media(min-width:701px) and (max-height:740px){
 .homepage .home-top .list-logo{width:min(605px,54vw);max-height:none}
 .homepage .organiser-card{height:257px}
 .homepage .organiser-wrap{bottom:36px}
 .homepage .le-advertise-position{bottom:47px;width:min(316px,28vw);height:134px}
}
@media(min-width:701px) and (max-height:660px){
 .homepage .organiser-card{height:242px}
 .homepage .organiser-front .org-address{margin-top:7px}
 .homepage .le-advertise-position{background:none;bottom:38px;height:112px;width:min(260px,25vw)}
 .homepage .le-advertise-art{padding:8px 29px 8px 12px}
}
/* Keep the original short-screen side-by-side layout, but avoid crowding. */
@media(min-width:701px) and (max-height:520px){
 .homepage .organiser-card{height:min(260px,83svh)}
 .homepage .le-advertise-position{bottom:33px;height:80px;width:clamp(135px,19vw,200px)}
 .homepage .home-top .list-logo{max-height:21svh}
}
/* One-screen mobile uses four proportionate rows, not opposing absolute offsets. */
@media(max-width:700px){
 .homepage{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:12px 16px 8px;min-height:0}
 .homepage .home-top{position:relative;inset:auto;width:100%;margin:0;padding:0!important;flex:0 0 auto}
 .homepage .brand-search{width:100%;max-width:100%}
 .homepage .brand-link{max-width:100%;width:100%}
 .homepage .home-top .list-logo{position:static;left:auto;width:100%;max-width:100%;max-height:none;height:auto;object-fit:contain;object-position:left center}
 .homepage .explanatory-search{width:100%;margin-top:10px}
 .homepage .le-advertise-position{position:relative;inset:auto;transform:none;left:auto;right:auto;bottom:auto;top:auto;align-self:center;flex:0 0 auto;width:min(350px,calc(100% - 10px));height:clamp(75px,13svh,115px);margin:0}
 .homepage .le-advertise-art{padding:8px 29px 8px 9px}
 .homepage .le-advertise-tab{font-size:8px;letter-spacing:.035em;padding:8px 5px;right:-11px}
 .homepage .organiser-wrap{position:relative;inset:auto;width:100%;margin:0;flex:0 0 auto}
 .homepage .organiser-card{height:clamp(215px,31svh,247px)}
 .homepage .organiser-face{padding:12px 15px}
 .homepage .org-heading{padding-bottom:7px}
 .homepage .org-stats>div{padding:7px 0}
 .homepage .org-address{margin-top:9px!important;padding-top:0;font-size:10px;line-height:1.48}
 .homepage .home-footer{position:relative;inset:auto;bottom:auto;right:auto;left:auto;align-self:center;font-size:9px;text-align:center;flex:0 0 auto}
 .homepage .bg-globe{width:min(110vw,480px);right:-35%;top:28%;opacity:.14}
 /* Compact form fields must fit in the organiser card at the same size as front. */
 .homepage .organiser-back-header{padding-bottom:6px;margin-bottom:5px}
 .homepage .organiser-back .le-contact-form label{font-size:10px;gap:3px}
 .homepage .organiser-back .le-contact-form input{height:31px;padding:6px}
 .homepage .organiser-back .le-contact-form .full-label{margin-top:5px}
 .homepage .organiser-back .le-contact-form textarea{min-height:33px;padding:5px}
 .homepage .organiser-back .le-contact-form .form-submit{margin-top:6px}
 .homepage .organiser-back .btn{min-height:31px;padding:6px 11px}
 .homepage .organiser-social{padding-top:5px;margin-top:5px}
 .homepage .organiser-social .social-icons a{width:30px;height:30px}
}
@media(max-width:700px) and (max-height:730px){
 .homepage{padding-top:7px;padding-bottom:4px}
 .homepage .home-top .list-logo{height:auto;max-height:none;width:100%}
 .homepage .explanatory-search{margin-top:7px}
 .homepage .le-advertise-position{height:clamp(65px,11.7svh,81px);width:min(300px,calc(100% - 6px))}
 .homepage .organiser-card{height:clamp(207px,39svh,240px)}
 .homepage .organiser-face{padding:10px 12px}
 .homepage .org-heading{padding-bottom:5px}
 .homepage .org-stats>div{padding:5px 0}
 .homepage .org-address{margin-top:6px!important;font-size:9.4px}
 .homepage .le-advertise-art{padding:6px 27px 6px 9px}
 .homepage .home-footer{font-size:8px}
}
@media(max-width:700px) and (max-height:590px){
 .homepage{padding-top:4px;padding-bottom:3px}
 .homepage .home-top .list-logo{width:100%;max-height:none}
 .homepage .explanatory-search{margin-top:5px}
 .homepage .explainer-copy{padding-top:5px}
 .homepage .requirement-input-shell textarea{height:43px}
 .homepage .explainer-actions{min-height:31px}
 .homepage .le-advertise-position{height:clamp(55px,11svh,65px);width:min(278px,calc(100% - 8px))}
 .homepage .organiser-card{height:clamp(205px,39.5svh,225px)}
 .homepage .organiser-face{padding:8px 10px}
 .homepage .org-stats>div{padding:4px 0}
 .homepage .org-address{margin-top:4px!important;font-size:8.8px}
 .homepage .org-name-row h2{font-size:12px}
 .homepage .org-brand-logo{height:33px;width:33px;flex-basis:33px}
 .homepage .le-advertise-art{padding:4px 24px 4px 6px}
 .homepage .le-advertise-tab{font-size:6.5px;padding:5px 3px;right:-9px}
 .homepage .organiser-back-header{padding-bottom:4px;margin-bottom:3px}
 .homepage .organiser-back .le-contact-form input{height:28px}
 .homepage .organiser-back .le-contact-form textarea{min-height:32px}
 .homepage .organiser-social{padding-top:3px;margin-top:3px}
 .homepage .organiser-social .social-icons a{width:26px;height:26px}
}
@media(max-width:540px){
 .le-ukiee-banner-head{min-height:113px;padding:20px 50px 16px 20px}
 .le-ukiee-banner-head img{max-height:92px;width:100%}
 .le-ukiee-content{padding:20px 18px 22px}
}
/* v4.0: compact organiser reverse face — prevent text area and submit overlap. */
@media(min-width:701px){
 .homepage .organiser-back .le-contact-form{flex:0 0 auto;min-height:0}
 .homepage .organiser-back .le-contact-form .form-row label,
 .homepage .organiser-back .le-contact-form .full-label{font-size:10px;gap:3px}
 .homepage .organiser-back .le-contact-form input{height:33px;padding:6px 9px}
 .homepage .organiser-back .le-contact-form .full-label{flex:0 0 auto;min-height:0;margin-top:5px}
 .homepage .organiser-back .le-contact-form textarea{flex:none;height:43px!important;min-height:43px!important;max-height:43px;resize:none;padding:6px 9px}
 .homepage .organiser-back .le-contact-form .form-submit{margin-top:7px}
 .homepage .organiser-back .btn{min-height:31px;padding:6px 13px}
 .homepage .organiser-social{margin-top:7px;padding-top:6px}
 .homepage .organiser-social .social-icons a{height:29px;width:29px}
}
@media(min-width:701px){
 .homepage .organiser-back-header{margin-bottom:5px;padding-bottom:7px}
 .homepage .organiser-back .le-contact-form input{height:31px}
 .homepage .organiser-back .le-contact-form textarea{height:36px!important;min-height:36px!important;max-height:36px}
 .homepage .organiser-back .le-contact-form .form-submit{margin-top:5px}
 .homepage .organiser-social{margin-top:5px;padding-top:4px}
}
@media(min-width:701px) and (max-height:660px){
 .homepage .organiser-back .le-contact-form textarea{height:32px!important;min-height:32px!important;max-height:32px}
 .homepage .organiser-back .le-contact-form .full-label{margin-top:3px}
 .homepage .organiser-social .social-icons a{width:26px;height:26px}
}

/* v4.0.1 — protect the desktop organiser and exhibition advertising placements.
   Wide/tall displays keep organiser left + advertisement right; on short
   desktop displays the organiser moves right, so the advertisement moves left.
   This deliberately overrides the older short-screen advertisement rule. */
@media (min-width:701px) and (max-height:660px){
  .homepage .le-advertise-position{
    left:4vw;
    right:auto;
  }
}
/* On narrow desktop/tablet widths the two bottom placements still need a gap. */
@media (min-width:701px) and (max-width:960px) and (min-height:661px){
  .homepage .organiser-wrap{
    width:min(470px, calc(100vw - 96px - 30vw));
  }
}

/* v4.0.1 — make examples legible throughout the entire search field.
   The overlay remains pointer-events:none, so the textarea stays interactive. */
@media (min-width:701px){
  .homepage .requirement-input-shell textarea{
    height:108px;
    font-size:clamp(16px,1.3vw,20px);
    line-height:1.4;
  }
  .homepage .rotating-example{
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    padding:12px 18px;
    color:#62766B;
    font-size:clamp(16px,1.3vw,20px);
    line-height:1.34;
    opacity:1;
  }
  .homepage .rotating-example .rotating-prefix{
    font-size:clamp(12px,.85vw,14px);
    font-weight:750;
    color:#72867B;
  }
}
@media (min-width:701px) and (max-height:660px){
  .homepage .requirement-input-shell textarea{height:96px}
  .homepage .rotating-example{font-size:clamp(14px,1.13vw,18px);padding:10px 12px;gap:2px;line-height:1.27}
  .homepage .rotating-example .rotating-prefix{font-size:12px}
}
@media (min-width:701px) and (max-height:520px){
  .homepage .requirement-input-shell textarea{height:79px}
  .homepage .rotating-example{font-size:13px;padding:7px 10px;gap:2px;line-height:1.23}
  .homepage .rotating-example .rotating-prefix{font-size:10px}
}
/* Modestly increase mobile example readability without forcing horizontal overflow. */
@media (min-width:361px) and (max-width:700px){
  .homepage .rotating-example{font-size:clamp(11px,2.8vw,12.7px);line-height:1.34}
}
/* Preserve the original vertical clearance above the organiser on medium-height
   screens: enlarging the textarea must not push search over the organiser. */
@media (min-width:701px) and (min-height:661px) and (max-height:800px){
  .homepage .requirement-input-shell textarea{height:75px}
  .homepage .rotating-example{
    font-size:clamp(15px,1.25vw,20px);
    line-height:1.27;
    gap:2px;
    padding:5px 14px;
  }
  .homepage .rotating-example .rotating-prefix{font-size:12px}
}

@media (max-width:360px){
  .homepage .rotating-example{font-size:10.5px;line-height:1.28}
}
/* Edge cases around the desktop/tablet breakpoint: keep actual clearance,
   including the advertising tab that extends beyond the ad's visual border. */
@media (min-width:701px) and (max-width:740px) and (min-height:521px) and (max-height:660px){
  .homepage .organiser-wrap{width:min(440px, calc(100vw - 260px))}
}
@media (min-width:701px) and (min-height:661px) and (max-height:680px){
  .homepage .organiser-wrap{bottom:18px}
  .homepage .home-footer{bottom:0}
  .homepage .requirement-input-shell textarea{height:72px}
}
/* Very short desktop windows: leave the bottom ad clear of the footer. */
@media (min-width:701px) and (max-height:520px){
  .homepage .home-footer{left:auto;right:4vw;bottom:5px}
}
@media (min-width:701px) and (max-width:800px) and (max-height:520px){
  .homepage .org-name-row h2{font-size:12px}
  .homepage .org-brand-logo{width:36px;height:36px;flex-basis:36px}
}

/* v4.1: non-invasive accessibility and directory enhancements. Homepage branding unchanged. */
.le-skip-link{position:fixed;top:8px;left:12px;z-index:999999;transform:translateY(-160%);padding:10px 15px;border:2px solid #103c35;border-radius:8px;background:#fff;color:#142720;font-size:15px;font-weight:750}
.le-skip-link:focus{transform:translateY(0)}
.le-results-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:21px}
.le-results-intro h1{font-size:clamp(22px,2.4vw,32px);line-height:1.2;margin:0 0 9px;color:#253b33;letter-spacing:-.035em}
.le-result-count{font-size:13px;color:#53655e;margin:0}
.le-browse-clear{font-weight:700;font-size:12px;color:#28654e;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.le-directory-filters{display:grid;grid-template-columns:minmax(160px,2fr) minmax(140px,1fr) minmax(160px,1fr) auto;align-items:end;gap:12px;margin:0 0 24px;padding:16px;background:#fff;border:1px solid #e0e9e4;border-radius:13px;box-shadow:0 3px 10px #152d2510}
.le-directory-filters label{display:flex;flex-direction:column;gap:5px;min-width:0;font-weight:700;font-size:12px;color:#385346}
.le-directory-filters input,.le-directory-filters select{width:100%;min-width:0;min-height:44px;padding:8px 12px;font-size:14px;color:#1b3225;background:#fff;border:1px solid #b5c5ba;border-radius:8px}
.le-directory-filters button{min-height:44px;border:0;border-radius:8px;padding:0 15px;background:#f6772f;color:#1a2620;font-weight:850;white-space:nowrap}
.le-directory-filters button:hover{background:#f0b949}
.le-page-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:35px auto 22px}
.le-page-links .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:7px 13px;border:1px solid #cad5cb;border-radius:7px;background:#fff;font-weight:720;font-size:13px}
.le-page-links .page-numbers.current{background:#224e3a;color:#fff;border-color:#224e3a}
.le-page-links a:hover{background:#e3f2e8}
.le-directory-caveat{margin:25px 0 0;color:#6d7770;font-size:12px;line-height:1.5}
.le-error-page{min-height:calc(100vh - 4px);padding-top:clamp(40px,9vw,100px);padding-bottom:70px}
.le-error-logo{display:block;width:clamp(220px,40vw,490px);height:auto;margin-bottom:48px}
.le-error-page h1{font-size:clamp(30px,5vw,54px);line-height:1.15;margin:0 0 20px}
.le-error-page p{max-width:550px;margin:0 0 28px;color:#4b5c52;font-size:16px;line-height:1.7}
.enquiry-modal .disclosure a{color:#2b7253;text-decoration:underline}
@media(max-width:760px){.le-directory-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.le-directory-filters label:first-child{grid-column:1/-1}.le-directory-filters button{grid-column:1/-1}.le-results-intro{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:420px){.le-directory-filters{grid-template-columns:1fr}.le-directory-filters label:first-child,.le-directory-filters button{grid-column:auto}.le-results-intro h1{font-size:22px}.le-browse-clear{white-space:normal}}
/* When the browser is zoomed or the viewport is exceptionally short, enable page scrolling
   rather than clipping the organiser form; normal-height approved home layouts are untouched. */
@media (max-height:480px) and (min-width:701px){
  body.home .homepage{height:auto!important;min-height:680px;overflow:visible}
  body.home .organiser-wrap{bottom:55px}
  body.home .home-footer{bottom:10px}
}
@media(max-width:700px) and (max-height:560px){
  body.home .homepage{height:auto!important;min-height:820px;overflow:visible}
  body.home .organiser-wrap{bottom:55px}
  body.home .home-footer{bottom:10px}
}
@media(prefers-reduced-motion:reduce){.le-electric-trace,.le-electric-bolt{animation:none!important}.homepage .rotating-example{transition:none!important}}
/* WebP <picture> wrappers preserve the exact raster and prevent intrinsic-image overflow. */
.le-advertise-art picture{display:flex;width:100%;height:100%;min-width:0;min-height:0;align-items:center;justify-content:center}
.le-advertise-art picture img{max-width:100%;max-height:100%}
.organiser-front .org-name-row picture{display:flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:0}
.le36-site-logo picture,.brand-link picture{display:block}
@media(max-width:700px){.homepage .bg-globe{max-width:100vw!important;right:0!important}}

/* v4.1.1 — larger, high-contrast vector LinkedIn and WhatsApp marks.
   Keep existing branding, layouts, animations and the front of the organiser card.
   Only the social controls and their hit areas change. */
.social-icons{gap:13px}
.social-icons a,
.profile-contact-section .social-icons a,
.le36-contact-footer .social-icons a{
  width:50px;height:50px;min-width:50px;min-height:50px;
  padding:5px;border-radius:12px;flex:0 0 50px;
  display:grid;place-items:center;
}
.social-icons .le-brand-icon{
  width:38px;height:38px;max-width:none;max-height:none;
  display:block;flex-shrink:0;overflow:visible;
}
/* Avoid selectors targeting generic rect/circle: colours are built into each glyph. */
.homepage .organiser-social .social-icons{gap:13px}
.homepage .organiser-social .social-icons a{
  width:45px;height:45px;min-width:45px;min-height:45px;
  flex-basis:45px;padding:4px;
  border:1px solid #6e8377;
  background:#27332d;
  border-radius:12px;
}
.homepage .organiser-social .social-icons .le-brand-icon{width:35px;height:35px}
.social-icons a:focus-visible{outline:3px solid #dcae49;outline-offset:3px}
@media(min-width:701px) and (max-height:660px){
  .homepage .organiser-social .social-icons a{
    width:40px;height:40px;min-width:40px;min-height:40px;flex-basis:40px;
  }
  .homepage .organiser-social .social-icons .le-brand-icon{width:32px;height:32px}
}
@media(max-width:700px){
  .homepage .organiser-social .social-icons a{
    width:41px;height:41px;min-width:41px;min-height:41px;flex-basis:41px;padding:4px;
  }
  .homepage .organiser-social .social-icons .le-brand-icon{width:32px;height:32px}
}
@media(max-width:700px) and (max-height:590px){
  .homepage .organiser-social .social-icons a{
    width:36px;height:36px;min-width:36px;min-height:36px;flex-basis:36px;padding:3px;
  }
  .homepage .organiser-social .social-icons .le-brand-icon{width:29px;height:29px}
}

/* Short landscape displays: reclaim vertical space for the larger controls. */
@media(min-width:701px) and (max-height:660px){
  .homepage .organiser-social{margin-top:0;padding-top:0}
}

/* v4.1.2 — Full-viewport faint globe. Artwork is unchanged.
   The picture is confined to the homepage and never adds horizontal scrolling.
   Cover scales the original sphere while preserving its aspect ratio on desktop and mobile. */
.homepage > .globe-backdrop {
  position:absolute;
  inset:0;
  z-index:-1;
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  pointer-events:none;
}
.homepage > .globe-backdrop .bg-globe {
  position:absolute;
  inset:0;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  display:block;
  object-fit:cover;
  object-position:50% 50%;
  opacity:.12;
  pointer-events:none;
}
@media (max-width:700px){
  /* The image covers all of the narrow viewport, and is clipped by its full-width backdrop. */
  .homepage > .globe-backdrop{width:100%;max-width:100%;height:100%}
  .homepage > .globe-backdrop .bg-globe{width:100%;height:100%;max-width:none!important;opacity:.11;object-position:center}
}