/* Local refinement: existing page order, native scrolling and YC Light tokens retained. */
:root{--section-space:clamp(64px,7vw,112px);--content-radius:12px}
#app .card{border:1px solid var(--yc-light-divider);border-radius:var(--content-radius);overflow:hidden}
#app .card:hover,#app .card:focus-visible{border-color:var(--yc-light-border)}
#app .catalogue .card h3,#app .product-details .card h3{color:var(--yc-light-text);font-size:20px;line-height:30px}
#app .card .body{padding:24px}
#app .card img{transition:transform .35s;transform-origin:center}
#app .card:hover img,#app .card:focus-visible img{transform:scale(1.02)}
#app .card h3,#app .category-tile h3{font-size:18px;line-height:27px}
#app .card h3{margin:8px 0 14px}
/* The existing single composite scene cannot be split into independently moving map layers. */
.refhero::after{display:block;background:linear-gradient(90deg,rgba(3,20,43,.7) 0%,rgba(3,20,43,.5) 40%,rgba(3,20,43,.1) 72%);pointer-events:none}
.refhero video{object-position:58% center;filter:brightness(.82) saturate(.84)}
.refhero .hero-caption{max-width:850px}
.refhero .hero-caption h1{font-size:clamp(32px,3.2vw,60px);line-height:1.4;text-wrap:balance}
.refhero .hero-caption .hero-benefits{max-width:650px}
/* A reveal keeps the preceding picture behind the newly exposed image. No timers or queues. */
.enterprise-visual{opacity:0;z-index:0;transition:none;overflow:hidden}
.enterprise-visual.is-previous{opacity:1;z-index:1}
.enterprise-visual.is-active{opacity:1;z-index:2}
.enterprise-visual img{transform-origin:center;object-fit:cover}
.enterprise-trigger{transition:color .3s}
.enterprise-item.is-active .enterprise-trigger{color:var(--yc-light-text)}
.enterprise-item.is-active .enterprise-node{color:var(--yc-light-primary)}
.enterprise-copy dd{color:var(--yc-light-text)}
.enterprise-copy p{transition:opacity .22s}
/* Homepage category navigation: full-bleed photography with stable in-image labels. */
.product-world .category-tile{display:block;position:relative;overflow:hidden;border-radius:12px;aspect-ratio:1.28;background:#e3e5ea}
.product-world .category-tile:first-child{aspect-ratio:auto}
.product-world .category-tile-image,.product-world .category-tile:first-child .category-tile-image,.product-world .category-tile:not(:first-child) .category-tile-image{position:absolute;inset:0;min-height:0;aspect-ratio:auto;background:transparent}
.product-world .category-tile-image img{display:block;width:100%;height:100%;padding:0;object-fit:cover;object-position:50% 50%;transform-origin:center;transition:transform 400ms ease}
.product-world .category-tile[data-category="1"] img{object-position:25% 100%;transform-origin:25% 70%}
.product-world .category-tile[data-category="2"] img{object-position:55% 50%;transform-origin:55% 40%}
.product-world .category-tile[data-category="3"] img{object-position:50% 52%;transform-origin:50% 40%}
.product-world .category-tile[data-category="4"] img{object-position:50% 50%;transform-origin:50% 40%}
.product-world .category-tile[data-category="5"] img{object-position:50% 50%;transform-origin:50% 40%}
.product-world .category-tile-label{position:absolute;inset:auto 0 0;padding:0 20px 18px;background:none;color:#171c3e;pointer-events:none}
#app .product-world .category-tile-label h3{margin:0;font-size:18px;line-height:27px;font-weight:700;overflow-wrap:normal}
@media(hover:hover){.product-world .category-tile:hover img{transform:scale(1.02)}}
.product-world .category-tile:focus-visible img{transform:scale(1.02)}
.featured-products{padding-block:var(--section-space)}
.featured-products .recommended-model{font:700 12px/18px Archivo,sans-serif;letter-spacing:.02em;color:var(--yc-light-muted)}
.featured-products .card p{font-size:14px;line-height:22px;margin:0}
.partner-section .section-head{display:block}.partner-section .section-head p{font-size:14px;line-height:22px;margin:16px 0 0}
.partner-row:focus-within .partner-track{animation-play-state:paused}
.editorial-list a{min-width:0}.editorial-list a>div{min-width:0}
.editorial-list h3{overflow-wrap:anywhere}
#app .scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.2,.65,.3,1),transform .75s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}
#app .scroll-reveal.visible,#app .scroll-reveal:focus-within{opacity:1;transform:none}
.business-photos figure{overflow:hidden}
.business-photos figure img{clip-path:inset(0 0 100% 0);transform:scale(1.04);transition:clip-path .8s cubic-bezier(.25,.1,.2,1),transform .8s}
.business-photos figure.visible img{clip-path:inset(0);transform:none}
/* Search fields are controls, unlike the quieter content cards above. */
#find{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
.product-facets{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin-top:4px}
.product-facets label{font-size:14px;line-height:22px;color:var(--yc-light-text)}
.product-facets select{display:block;width:100%;margin-top:8px;min-height:42px;font-size:14px;padding:8px 12px}
.product-facets p{grid-column:1/-1;font-size:12px;line-height:18px;margin:0}
.header-search-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.search-close{color:var(--yc-light-primary);background:none;border:0;padding:8px;font-size:14px}
#header-search input{width:100%;min-height:48px}
.site-search-page{padding:48px 0 var(--section-space)}
.site-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}
.site-search-form input{min-height:48px;min-width:0}
.search-count{margin:24px 0}
.search-type-tabs{position:static;display:flex;flex-wrap:wrap;gap:10px;background:none;padding:0;font-size:14px;width:auto}
.search-type-tabs .chip{padding:8px 16px}.search-type-tabs span{margin-left:6px;font-variant-numeric:tabular-nums}
.search-result{display:block;padding:28px 0;border-bottom:1px solid var(--yc-light-divider);color:var(--yc-light-text)}
.search-result:hover h2,.search-result:focus-visible h2{color:var(--yc-light-primary)}
.search-result h2{font-size:20px;line-height:30px;margin:10px 0 8px}
.search-result p{font-size:16px;line-height:24px;margin:0;max-width:1000px;overflow-wrap:anywhere}
.search-suggestions{padding-top:32px}.search-suggestions h2{font-size:24px;line-height:36px}
:is(.site-search-page,.catalogue) .search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:56px 0;text-align:center}
.search-empty-art{position:relative;flex:none;width:154px;height:103px}
.search-empty-art img{display:block;width:100%;height:100%;object-fit:contain}

#app :is(.site-search-page,.catalogue) .search-empty p{margin:0;font-size:14px;line-height:30px;font-weight:400;color:#70757c;opacity:1}
.search-suggestions .chip{display:inline-block;margin:0 10px 12px 0}
.search-origin{padding-block:20px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.resource-actions{display:flex;gap:24px;margin-top:18px}.resource-actions a{color:var(--yc-light-primary);text-decoration:underline;text-underline-offset:4px}
.resource-preview{padding:28px;margin-bottom:36px;background:var(--yc-light-canvas);border-radius:12px;scroll-margin-top:100px}
.resource-preview h2{font-size:24px;line-height:36px;margin:0}
.resource-preview pre{font:14px/1.8 Archivo,-apple-system,"PingFang SC",sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--yc-light-text)}
[id^="faq-"],[id^="resource-"]{scroll-margin-top:105px}
.search-target{outline:2px solid var(--yc-light-primary);outline-offset:4px}
@media(max-width:1199px) and (min-width:901px){.editorial-list h3{font-size:18px;line-height:27px}}
@media(max-width:767px){
 .refhero .hero-caption{width:84%;left:8%;top:24%}.refhero .hero-caption h1{font-size:clamp(30px,6vw,40px)}
 .refhero::after{background:linear-gradient(90deg,#03142bbd,#03142b70 70%,#03142b1a)}
 #app .card .body{padding:16px}
 #app .scroll-reveal{transform:translateY(10px);transition-duration:.48s}
 #app .scroll-reveal.visible,#app .scroll-reveal:focus-within{transform:none}
 .product-facets{grid-template-columns:1fr;gap:12px}.product-facets p{grid-column:1}
 .site-search-form{grid-template-columns:minmax(0,1fr) auto}.site-search-form>a{grid-column:1/-1;justify-self:start}
 .search-type-tabs{gap:8px}.search-type-tabs .chip{padding:8px 12px}
 .resource-preview{padding:20px}.resource-preview .section-head{display:block}
}
@media(prefers-reduced-motion:reduce){
 #app .scroll-reveal{opacity:1;transform:none;transition:none}
 .business-photos figure img{clip-path:none;transform:none;transition:none}
 .enterprise-visual:not(.is-active){opacity:0}
}
@media(max-width:767px){
 .product-world .category-mosaic{grid-template-rows:none;grid-auto-rows:auto;align-items:stretch;gap:14px}
 .product-world .category-tile{aspect-ratio:1.28}
 .product-world .category-tile:first-child{aspect-ratio:4/3;grid-column:1/-1}
 .product-world .category-tile-label{padding:0 12px 12px}
 #app .product-world .category-tile-label h3{font-size:18px;line-height:26px}
 .product-world .section-head{align-items:center;gap:16px;flex-wrap:wrap}
}
@media(max-width:550px){html[lang="en"] .product-world .category-mosaic{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.product-world .category-tile-image img{transition:none;transform:none!important}}
.product-detail-hero h1{color:var(--yc-light-text)}
/* Browser review: 64px shared navigation, restrained homepage overlay. */
header,body.at-home header,body.at-home header.scrolled,header.panel-open,body.at-home header.panel-open{height:64px;--nav-height:64px;background:#fff;color:var(--yc-light-text)}
header .nav-item{height:64px}
header .nav-item>a{height:64px;display:flex;align-items:center;padding:0}
header .mega{top:64px}
#header-search{top:64px}
.about-anchors{top:64px}
.media-header.support-header{padding-top:64px}
body:is(.at-home,.at-about) header.home-top{background:rgb(255 255 255 / 8%);color:#fff;backdrop-filter:none;border-bottom-color:rgb(255 255 255 / 12%)}
body:is(.at-home,.at-about) header.home-top .nav-item>a{color:rgb(255 255 255 / 86%)}
body:is(.at-home,.at-about) header.home-top .nav-item>a.active,body:is(.at-home,.at-about) header.home-top .nav-item>a:hover,body:is(.at-home,.at-about) header.home-top .nav-item>a:focus-visible{color:#fff;border-color:#fff}
body:is(.at-home,.at-about) header.home-top #search,body:is(.at-home,.at-about) header.home-top #language-button,body:is(.at-home,.at-about) header.home-top #menu{color:#fff}
body:is(.at-home,.at-about) header.home-top #search:hover,body:is(.at-home,.at-about) header.home-top #search:focus-visible,body:is(.at-home,.at-about) header.home-top #language-button:hover,body:is(.at-home,.at-about) header.home-top #language-button:focus-visible,body:is(.at-home,.at-about) header.home-top #menu:hover,body:is(.at-home,.at-about) header.home-top #menu:focus-visible{background:rgb(255 255 255 / 12%);color:#fff}
/* Content cards are separated by surfaces and space, never a decorative stroke. */
#app .card,#app .card:hover,#app .card:focus-visible,#app .category-tile{border:0;box-shadow:none}
/* Keep explicit keyboard focus; it is only visible during keyboard operation. */
#app a.card:focus-visible,#app .category-tile:focus-visible{outline:2px solid var(--yc-light-primary);outline-offset:4px}
.partner-row{padding:24px 0}
.partner-set{gap:60px;padding-right:60px}
.partner-wall .partner-set img{width:190px;height:86px}
@media(max-width:900px){
 header nav,header nav.open{top:64px;max-height:calc(100dvh - 64px)}
 header .nav-item{height:auto}
 header .nav-item>a{height:auto;min-height:48px;padding:12px 48px 12px 12px}
 header .nav-item .mega{position:static}
 .about-anchors{top:64px}
}
@media(max-width:767px){
 .partner-row{padding:20px 0}
 .partner-set{gap:38px;padding-right:38px}
 .partner-wall .partner-set img{width:150px;height:68px}
}
#app .certificate-preview,#app .faq-list details{border:0;box-shadow:none}

/* Homepage motion hierarchy: stable enterprise/contact shells, restrained content entrances. */
body.at-home #app .scroll-reveal{transform:translateY(20px);transition-property:opacity,transform;transition-duration:720ms;transition-timing-function:cubic-bezier(.2,.65,.3,1)}
body.at-home #app .scroll-reveal.visible,body.at-home #app .scroll-reveal:focus-within{transform:none;opacity:1}
body.at-home .hero-intro{opacity:0;transform:translateY(16px);transition:opacity 700ms cubic-bezier(.2,.65,.3,1),transform 700ms cubic-bezier(.2,.65,.3,1);transition-delay:var(--hero-delay,0ms)}
body.at-home .hero-intro.hero-intro-ready{opacity:1;transform:none}
body.at-home #app .scroll-reveal:focus-within{transition-delay:0s;transition-duration:0s}
@media(max-width:767px){body.at-home #app .scroll-reveal{transform:translateY(10px);transition-duration:480ms}body.at-home #app .scroll-reveal.visible,body.at-home #app .scroll-reveal:focus-within{transform:none}}
@media(prefers-reduced-motion:reduce){body.at-home #app .scroll-reveal,body.at-home .hero-intro{opacity:1;transform:none;transition:none}}

/* Product filters: compact, left-aligned options instead of full-width fields. */
.catalogue > .wrap > .category:first-child{width:fit-content;max-width:100%;justify-content:flex-start;gap:18px 32px;border-bottom:0}
.catalogue #find .product-facets{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;justify-self:start;width:fit-content;max-width:100%;gap:12px 32px}
.catalogue .product-facets label{display:inline-flex;align-items:center;flex:none;gap:10px;max-width:100%}
.catalogue .product-facets select{display:inline-block;flex:0 1 auto;width:auto;max-width:240px;min-width:82px;margin:0;padding:8px 6px;min-height:40px;border:0;border-radius:0;background:transparent;color:var(--yc-light-text)}
.catalogue .product-facets select:focus-visible{outline:2px solid var(--yc-light-primary);outline-offset:3px}
.catalogue .product-facets p{flex-basis:100%;max-width:100%;margin:0}
@media(max-width:767px){
 .catalogue > .wrap > .category:first-child{gap:8px 22px}
 .catalogue #find .product-facets{gap:10px 24px}
 .catalogue .product-facets label{flex-wrap:wrap;gap:4px 10px}
 .catalogue .product-facets select{max-width:min(240px,65vw)}
}

/* Navigation spacing and open panels — Figma 659:9475 / 677:903 / 660:12804. */
header{gap:16px}
header nav{flex:1;min-width:0;margin:0;justify-content:center;gap:32px}
header .brand{margin-right:0}
header .language-tool{width:44px}
header .section-menu{padding:28px 7.5%;box-shadow:none}
header .section-menu .mega-links{gap:160px}
header .section-menu .mega-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 24px;border:0;border-radius:8px;background:var(--yc-light-subtle);color:var(--yc-light-text);font-size:16px;line-height:24px}
header .section-menu .mega-links a:hover,header .section-menu .mega-links a:focus-visible{color:var(--yc-light-primary);background:var(--yc-light-environment);text-decoration:none}
#header-search{padding:35px 0 44px}
#header-search form{display:block;width:calc(100% - 48px);max-width:880px;margin:0 auto}
.header-search-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#header-search .header-search-row{display:flex;align-items:center;gap:10px}
#header-search input{background:var(--yc-light-subtle);flex:1;width:0;height:48px;min-height:48px;padding:12px 16px;border:1px solid transparent;border-radius:8px;font-size:14px;line-height:22px}
#header-search input::placeholder{color:#757575;opacity:1}
#header-search input:hover{border-color:transparent}
#header-search input:focus{border-color:var(--yc-light-primary);outline:none;box-shadow:none}
#header-search .header-search-submit{display:flex;align-items:center;justify-content:center;min-width:80px;height:48px;min-height:48px;padding:0 24px;border:0;background:var(--yc-light-primary);color:var(--yc-light-inverse,#fff);font-weight:700;transform:none}
#header-search .header-search-submit::before,#header-search .header-search-submit::after{display:none}
#header-search .header-search-submit:hover{background:var(--yc-light-hover)}
#header-search .header-search-submit:focus-visible{outline:2px solid var(--yc-light-primary);outline-offset:3px}
@media(max-width:1100px) and (min-width:901px){header{padding-inline:24px}header nav{gap:20px}.brand img{width:180px}html[lang=en] header nav{gap:14px;font-size:13px}}
@media(max-width:900px){
 header{gap:4px}
 header .brand{margin-right:auto}
 header nav,header nav.open{display:none;flex:initial;justify-content:initial;gap:0}
 header nav.open{display:grid}
 header .section-menu{padding:8px 0 16px}
 header .section-menu .mega-links{gap:8px}
 header .section-menu .mega-links a{justify-content:flex-start;font-size:14px;padding:10px 14px}
 #header-search{padding:24px 0 28px}
 #header-search form{width:calc(100% - 32px)}
 #header-search .header-search-submit{min-width:72px;padding:0 18px}
}

/* Download cards open the original file in the browser; download stays independent. */
.download-card{position:relative;isolation:isolate}
.resource-open::after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:1}
.resource-open:focus-visible{outline:none}
.resource-open:focus-visible::after{outline:2px solid var(--yc-light-primary);outline-offset:3px}
#app .resource-actions .resource-download{position:relative;z-index:2;min-width:0;min-height:36px;height:36px;padding:0 18px;text-decoration:none;color:#fff;background:var(--yc-light-primary);border:0;justify-content:center}
#app .resource-actions .resource-download:hover{background:var(--yc-light-hover);transform:none}
#app .support-tabs{gap:32px}
#app .support-tabs a{padding:16px 0;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--yc-light-secondary);font-size:16px;line-height:24px;font-weight:400;background:none}
#app .support-tabs a[aria-current]{color:var(--yc-light-text);font-weight:700;border-bottom-color:var(--yc-light-red)}
#app .support-tabs a:focus-visible{outline:2px solid var(--yc-light-primary);outline-offset:4px}

/* Resource titles stay unchanged while the card remains a preview link. */
#app .download-card h3,#app .download-card:hover h3,#app .download-card .resource-open,#app .download-card .resource-open:hover{color:var(--yc-light-text);text-decoration:none;transform:none}

#app .catalogue-card:hover h3,#app .catalogue-card:focus-visible h3{text-decoration:none}
/* Plain download labels must not be covered by the generic button surface. */
#app .resource-actions .resource-download::before,
#app .resource-actions .resource-download::after{content:none}
#app .resource-actions .resource-download:focus-visible{outline:2px solid var(--yc-light-primary);outline-offset:3px;background:var(--yc-light-hover);color:#fff}

/* Downloads are a quiet secondary text action below the document title. */
#app .resource-actions .resource-download{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:40px;height:auto;padding:4px 0;background:transparent;border:0;border-radius:0;color:var(--yc-light-primary);font-size:14px;font-weight:400;line-height:22px;text-decoration:none;box-shadow:none}
#app .resource-actions .resource-download:hover{background:transparent;color:var(--yc-light-hover);text-decoration:underline;text-underline-offset:4px}
#app .resource-actions .resource-download:focus-visible{background:transparent;color:var(--yc-light-primary);outline:2px solid var(--yc-light-primary);outline-offset:3px}

/* Search field retains its native clear action, with a quiet grey icon. */
#site-search-query::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:14px;height:14px;cursor:pointer;opacity:1;background:center/14px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23B8BDC5' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m4 4 8 8M12 4l-8 8'/%3E%3C/svg%3E")}

/* Submission outcomes are temporary global messages, without extra actions. */
.enquiry-notice{position:fixed;top:84px;left:50%;transform:translateX(-50%);z-index:1000;max-width:calc(100vw - 32px);width:304px;padding:12px 16px;border:1px solid var(--yc-light-divider);border-radius:var(--yc-radius-feedback);background:var(--yc-light-surface);color:var(--yc-light-text);display:flex;align-items:center;gap:12px;box-shadow:0 9px 12px rgb(23 28 62 / 5%);font-size:14px;line-height:22px;pointer-events:none;animation:yc-toast-enter 180ms ease-out}
@keyframes yc-toast-enter{from{opacity:0;transform:translate(-50%,4px)}}
@media(prefers-reduced-motion:reduce){.enquiry-notice{animation:none}}
.enquiry-notice img{display:block;flex:none;width:20px;height:20px}
#contactform #feedback[hidden]{display:none}

#app .catalogue .catalogue-clear-filters{min-height:32px;height:32px;padding:0 16px;font-size:12px;line-height:18px;font-weight:400;margin:0}


.contact-frame{width:min(var(--yc-content-max),calc(100% - 80px));margin-inline:auto}
#app .shared-inner-content{position:relative;margin-top:-17px;border-radius:20px 20px 0 0;background:var(--yc-light-surface)}
#app>.contact-overview{padding:32px 0 clamp(40px,5vw,84px)}
.contact-tabs-inline{margin-bottom:32px}
#app>.contact-directory{background:var(--yc-light-subtle)}
.contact-company{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--yc-light-surface)}
.contact-company-copy{padding:clamp(28px,3.3vw,56px);min-width:0;overflow-wrap:anywhere}
.contact-company-copy h2{margin:0 0 clamp(24px,2.8vw,44px);font-size:clamp(26px,2.4vw,40px);line-height:1.3}
.contact-offices .office{margin:0;padding:0}
.contact-company-copy>.btn{margin-top:32px;min-height:44px}
.contact-offices .office+.office{margin-top:24px}
.contact-offices h3{margin:0 0 10px;font-size:18px}
.office-line{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:14px;margin-top:10px;font-size:clamp(15px,1.15vw,18px);line-height:1.55}
.office-line>img{margin-top:4px;filter:brightness(0) saturate(100%) invert(29%) sepia(92%) saturate(1160%) hue-rotate(178deg)}
.office-line address{margin:0}
.office-line a{color:var(--yc-light-text);text-decoration:none}
.office-line a:hover,.office-line a:focus-visible{color:var(--yc-light-primary);text-decoration:underline}
.office-fax{display:inline-block;margin-inline-start:16px;color:var(--yc-light-secondary);font-size:14px}
.contact-company-photo{display:block;width:100%;height:100%;min-height:480px;object-fit:cover;object-position:48% center}
@media(max-width:767px){
 .contact-frame{width:calc(100% - 32px)}
 .contact-company{grid-template-columns:1fr}
 .contact-company-copy{padding:24px 20px}
 .contact-company-photo{min-height:0;height:auto;aspect-ratio:16/10}
 .office-fax{margin-inline-start:0;display:block}
}
#app>.contact-enquiry{isolation:isolate}
.contact-enquiry::before{
  content:"";position:absolute;z-index:-1;inset:98px 0 0 32%;
  background:linear-gradient(90deg,#fff 0%,rgb(255 255 255 / 90%) 19%,rgb(255 255 255 / 59%) 70%,rgb(255 255 255 / 68%)),
    linear-gradient(0deg,#fff,transparent 27%,transparent 80%,#fff),
    url("assets/company/enquiry-desk.jpg") right center / cover no-repeat;
  background-blend-mode:normal,screen,normal;
}
.enquiry-content{width:min(680px,100%);padding-block:clamp(20px,3vw,48px) 12px}
.enquiry-content #contactform{row-gap:18px}
#app .enquiry-content #contactform textarea{min-height:150px}
@media(max-width:767px){
  .contact-enquiry::before{inset-inline-start:0;opacity:.48}
  .enquiry-content{padding-top:8px}
}
.enquiry-content h2{margin:0;font-size:clamp(26px,2.1vw,36px);line-height:1.25}
.enquiry-content>p{margin:14px 0 26px;color:var(--yc-light-secondary)}
.enquiry-content .selected-product{margin-bottom:20px}
.enquiry-content #contactform input,.enquiry-content #contactform textarea{width:100%;margin:0}
.enquiry-content #contactform :is(input,textarea)[aria-invalid=true]{border-color:var(--yc-light-error)}
.enquiry-content #contactform textarea{resize:vertical}

.hero-language-label,.hero-language-globe,.hero-language-chevron{display:none}
@media(min-width:1100px){
 header .language-tool{width:auto}
 header #language-button{display:flex;align-items:center;gap:4px;width:auto;min-width:148px;height:44px;padding:0 16px;border:1px solid #d5dbe3;border-radius:2px;color:inherit}
 header #language-button>svg{width:24px;height:24px;flex:none}
 header :is(.hero-language-label,.hero-language-chevron){display:block}
 header .hero-language-chevron{filter:brightness(0);margin-inline-start:auto}
 header.home-top .hero-language-chevron{filter:none}
}
.certification-page .wrap{padding-top:24px}
.certification-page .about-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:24px}
.certification-page figure{margin:0;max-width:400px}
.certification-page .certificate-preview{width:100%;padding:18px;background:var(--yc-light-subtle);border:1px solid var(--yc-light-divider);cursor:pointer}
.certification-page .certificate-preview img{display:block;width:100%;height:300px;object-fit:contain}
 .about-culture-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:clamp(24px,5vw,72px)}
.about-culture-copy h3{margin:0 0 16px;font-size:clamp(22px,2.3vw,34px);line-height:1.35}
.about-culture-copy p{margin:0 0 12px;max-width:64ch}
.about-culture-copy img{display:block;width:100%;max-width:420px;aspect-ratio:16/10;object-fit:cover}
@media(max-width:767px){.about-culture-copy{grid-template-columns:1fr}}



#app .enquiry-content #contactform button[type=submit] { height: 40px; min-height: 40px; }

header .language-tool:focus-within { outline:none; }
header #language-options { border-radius:2px; padding:4px 0; }
header #language-options button { color:var(--yc-light-text); background:transparent; }
header #language-options button[aria-current] { color:var(--yc-light-primary); background:var(--yc-light-environment); font-weight:600; }
header #language-options button:hover { background:var(--yc-light-subtle); color:var(--yc-light-primary); }
header #language-options button:focus-visible { outline:2px solid var(--yc-light-primary); outline-offset:-2px; }
header #language-button[aria-expanded="true"] { background:var(--yc-light-subtle); color:var(--yc-light-text); }
header #language-button:focus-visible { outline:2px solid var(--yc-light-primary); outline-offset:2px; }
@media(min-width:1100px){
 header #language-options { inset-inline:0; min-width:0; }
}

/* Full-width tab strip with labels aligned to each page's content grid. */
#app > :is(.certification-page,.news-list-page,.contact-overview) {
  container-type: inline-size;
}
#app > :is(.certification-page,.news-list-page,.contact-overview) > :is(.wrap,.contact-frame) > :is(.support-tabs,.news-categories) {
  position: static;
  display: flex;
  width: 100cqw;
  background: transparent;
  margin-inline: calc(50% - 50cqw);
  padding-inline: calc(50cqw - 50%);
  border-bottom: 1px solid var(--yc-light-divider);
}