.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:2rem;justify-content:space-between;min-height:5rem;padding:.5rem var(--page-gutter);position:-webkit-sticky;position:sticky;top:0;z-index:999}.header-brand,.site-header{align-items:center;display:flex}.header-brand{flex-shrink:0;gap:.65rem}.header-brand img{height:3.5rem;object-fit:contain;width:3.5rem}.header-brand-name{font:italic 500 clamp(1.25rem,3vw,2rem) Kanit,sans-serif;white-space:nowrap}.header-nav{align-items:center;display:flex;gap:clamp(.5rem,2vw,2rem)}.header-nav a{border-bottom:2px solid #0000;font-family:Kanit,sans-serif;padding:.65rem .75rem;transition:color .2s,border-color .2s}.header-nav a.active,.header-nav a:hover{border-color:var(--color-accent);color:var(--color-accent)}.menu-toggle{background:#0000;border:1px solid var(--color-ink);border-radius:.4rem;cursor:pointer;display:none;min-height:44px;padding:.35rem .7rem}.menu-toggle span{margin-left:.4rem}@media (max-width:640px){.site-header{flex-wrap:wrap;gap:.5rem;padding:.5rem var(--page-gutter)}.header-brand img{height:2.75rem;width:2.75rem}.menu-toggle{align-items:center;display:inline-flex}.header-nav{align-items:stretch;display:none;flex-direction:column;gap:.25rem;padding-bottom:.5rem;width:100%}.header-nav.is-open{display:flex}.header-nav a{min-height:44px;padding:.6rem 1rem}}@media (max-width:360px){.header-brand{gap:.35rem}.header-brand img{height:2rem;width:2rem}.header-brand-name{font-size:1.1rem}}.site-footer{grid-gap:40px;background:#00171f;color:#d7e4e8;display:grid;font-size:.9rem;gap:40px;grid-template-columns:1.2fr .8fr 1fr;padding:clamp(36px,5vw,64px) var(--page-gutter)}.footer-brand{color:#fff;display:inline-block;font-weight:800;letter-spacing:.08em;margin-bottom:18px}.footer-contact,.site-footer nav{align-items:flex-start;display:flex;flex-direction:column;gap:16px}.site-footer a{min-height:30px}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}.footer-contact span{color:#9fb9c2;font-size:.8rem}@media (max-width:720px){.site-footer{gap:32px;grid-template-columns:1fr}}.about-page{grid-gap:clamp(1.5rem,4vw,4rem);align-items:start;display:grid;gap:clamp(1.5rem,4vw,4rem);grid-template-columns:210px minmax(0,1fr);margin:auto;padding:clamp(1.25rem,4vw,3rem) var(--page-gutter);width:100%}.about-nav{border-right:2px solid var(--color-ink);padding-right:1rem;position:-webkit-sticky;position:sticky;top:7rem}.about-nav ul{grid-gap:.4rem;display:grid;gap:.4rem;list-style:none}.about-nav a{border-radius:.35rem;display:block;font-weight:600;padding:.65rem .5rem}.about-nav a:hover{background:var(--color-surface);color:var(--color-accent)}.about-content{min-width:0}.about-section:first-child{padding-top:0}.about-section:last-child{border:0}.about-section p{max-width:70ch}.about-section{grid-gap:clamp(1.25rem,3vw,2.5rem);align-items:center;border-bottom:1px solid var(--color-border);display:grid;gap:clamp(1.25rem,3vw,2.5rem);grid-template-columns:repeat(2,minmax(0,1fr));padding:2rem 0;scroll-margin-top:1rem}.about-section>img{aspect-ratio:4/5;background:var(--color-surface);border-radius:.75rem;object-fit:cover;width:100%}.about-section-reversed>img{grid-column:2;grid-row:1}.about-section-reversed>.about-section-copy{grid-column:1;grid-row:1}.about-section h3{font-size:1.1rem;line-height:1.4;margin-bottom:.75rem}.about-section p+p{margin-top:1rem}@media (max-width:900px){.about-section{grid-template-columns:1fr}.about-section>img{aspect-ratio:16/9;max-height:320px}.about-section-reversed>.about-section-copy,.about-section-reversed>img{grid-column:auto;grid-row:auto}}@media (max-width:700px){.about-page{grid-template-columns:1fr}.about-nav{border-bottom:2px solid var(--color-ink);border-right:0;padding:0 0 1rem;position:static}.about-nav ul{grid-template-columns:repeat(2,minmax(0,1fr))}.about-nav a{background:var(--color-surface);height:100%}}.contact-page>h1{margin-top:16px}.contact-intro{max-width:70ch}.contact-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 1fr;margin:40px 0}.contact-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:clamp(24px,4vw,44px)}.contact-card>span{color:var(--color-muted);font-size:.8rem;font-weight:700}.contact-card h2{font-size:clamp(1.1rem,2.4vw,1.7rem);margin:18px 0;overflow-wrap:anywhere}.contact-card:hover{border-color:var(--color-accent)}.contact-note{background:#e8f0f2;border-radius:14px;max-width:850px;padding:32px}@media (max-width:720px){.contact-grid{grid-template-columns:1fr}}.products-page-heading{grid-gap:16px;display:grid;gap:16px;max-width:760px}.products-page-heading h1{margin-bottom:0}.products-intro{color:var(--color-muted);max-width:65ch}.products-hint{color:var(--color-muted);font-size:.9rem}.product-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin-top:28px}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 4px 16px #00171f08;display:flex;flex-direction:column;min-width:0;overflow:hidden}.product-photo{background:#e8f0f2;border:0;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr);min-height:15rem;padding:0;position:relative;text-align:left;width:100%}.product-photo:after{align-self:start;aspect-ratio:4/3;content:"";grid-area:1/1;pointer-events:none;width:100%}.product-photo>img{height:100%;inset:0;object-fit:cover;position:absolute;transition:transform .4s ease;width:100%}.product-photo:before{background:#fffffff0;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease;z-index:1}.product-description{align-items:center;color:var(--color-ink);display:flex;font-size:.9rem;grid-area:1/1;line-height:1.7;min-width:0;opacity:0;overflow-wrap:anywhere;padding:24px;position:relative;transition:opacity .25s ease;z-index:2}.product-card:focus-within,.product-card:hover{border-color:var(--color-accent);box-shadow:0 8px 24px #00171f15}.product-card.is-expanded .product-description,.product-card.is-expanded .product-photo:before{opacity:1}.product-card.is-expanded .product-photo>img{transform:scale(1.035)}.product-photo:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px}.product-no-photo{color:#164e63;display:grid;grid-area:1/1;min-height:220px;place-items:center}.product-card-copy{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:14px;padding:26px}.product-card-copy h2,.product-card-copy h3{color:var(--color-ink);font-size:1.3rem;line-height:1.35;margin:0;position:static}.product-category{font-size:.73rem;letter-spacing:.08em;text-transform:uppercase}.product-category,.product-enquire{color:var(--color-accent);font-weight:700}.product-enquire{align-items:center;display:inline-flex;font-size:.85rem;gap:10px;margin-top:auto;min-height:44px}.product-enquire:hover{text-decoration:underline;text-underline-offset:4px}.catalog-audience{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.catalog-audience button{background:#fff;border:1px solid #17475a;border-radius:24px;color:#17475a;cursor:pointer;min-height:46px;padding:10px 28px}.catalog-audience button[aria-pressed=true]{background:#17475a;color:#fff}.product-thumbnails{display:flex;flex-wrap:wrap;gap:10px;padding:16px 24px 0}.product-thumbnails button{background:none;border:2px solid #0000;border-radius:6px;cursor:pointer;padding:3px}.product-thumbnails button[aria-pressed=true]{border-color:#17475a}.product-thumbnails img{border-radius:3px;height:48px;object-fit:cover;width:56px}.product-facts{grid-gap:8px;display:grid;font-size:.85rem;gap:8px;width:100%}.product-facts:empty{display:none}.product-facts>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.product-facts dt{color:var(--color-muted)}.product-facts dd{overflow-wrap:anywhere}.catalog-enquiry{background:#e8f0f2;border-radius:14px;margin-top:64px;padding:clamp(24px,4vw,48px)}.catalog-enquiry p{max-width:65ch}.catalog-empty{padding:32px 0}.slideshow{background:var(--color-ink);isolation:isolate;position:relative}.slideshow-image{height:clamp(240px,52vw,640px);width:100%}.slideshow-image img{height:100%;object-fit:cover;width:100%}.slideshow-controls{align-items:center;display:flex;inset:0;justify-content:space-between;padding:clamp(.75rem,3vw,2rem);pointer-events:none;position:absolute;z-index:2}.slideshow-arrow{background:#f5f5f5d9;border:0;border-radius:50%;cursor:pointer;display:grid;height:48px;place-items:center;pointer-events:auto;transition:background .2s,transform .2s;width:48px}.slideshow-arrow:hover{background:var(--color-surface);transform:scale(1.08)}.slideshow-arrow span{font-size:1.25rem}.slide-dots{background:#00171f99;border-radius:2rem;bottom:1rem;display:flex;left:50%;padding:0 .25rem;position:absolute;transform:translateX(-50%)}.slide-dots button{background:none;border:0;cursor:pointer;display:grid;height:44px;place-items:center;width:44px}.slide-dots button:after{border:1px solid var(--color-surface);border-radius:50%;content:"";height:9px;width:9px}.slide-dots button[aria-current=true]:after{background:var(--color-surface)}.home-hero{display:grid;isolation:isolate}.home-hero-copy,.home-hero>.slideshow{grid-area:1/1}.home-hero .slideshow-image{height:clamp(580px,55vw,740px)}.home-hero .slideshow:before{background:linear-gradient(90deg,#00171fe6,#00171f8c 55%,#00171f22);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.home-hero .slideshow-controls{align-items:flex-end}.home-hero .slide-dots{z-index:2}.home-hero-copy{align-self:center;color:#fff;margin:80px var(--page-gutter) 110px;position:relative;width:min(620px,calc(100% - var(--page-gutter)*2));z-index:3}.home-hero-copy .section-kicker{color:#c9e3e6}.home-hero-copy h1{font-size:clamp(2.5rem,4.8vw,4.8rem);letter-spacing:-.04em;line-height:1.1;margin:20px 0}.home-hero-copy>p:not(.section-kicker){color:#edf5f6;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7;max-width:48ch}.hero-button{align-items:center;background:#fff;border-radius:6px;color:#17475a;display:inline-flex;font-weight:700;gap:18px;margin-top:28px;min-height:50px;padding:14px 24px}.hero-button:hover{background:#e7f1f3}.home-section{padding:clamp(48px,7vw,100px) var(--page-gutter)}.home-section-heading{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:22px}.home-section-heading h2{margin-bottom:0}.home-section-heading .text-link{margin-top:0}.home-story{grid-gap:clamp(28px,6vw,90px);align-items:center;background:var(--color-surface);display:grid;gap:clamp(28px,6vw,90px);grid-template-columns:1fr 1fr}.home-story p+p{margin-top:18px}.home-story img{aspect-ratio:6/5;border-radius:16px;object-fit:cover;width:100%}.home-story h2{margin-top:18px;max-width:20ch}.home-offerings{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 1fr;padding-top:0}.home-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:clamp(28px,4vw,48px)}.home-card h2{font-size:clamp(1.5rem,2.7vw,2.1rem);margin-top:18px}.home-enquiry{background:#123f50;color:#e8f4f6}.home-enquiry h2{color:#fff;margin-top:18px;max-width:28ch}.home-enquiry .section-kicker{color:#bddce4}.home-enquiry p:not(.section-kicker){max-width:68ch}.featured-status{color:var(--color-muted);padding:36px 0 0}@media (max-width:720px){.home-offerings,.home-story{grid-template-columns:1fr}.home-hero-copy{margin-bottom:120px;margin-top:64px}.home-hero-copy h1{max-width:14ch}}:root{--color-ink:#00171f;--color-accent:#007ea7;--color-surface:#f5f5f5;--color-background:#fff;--color-border:#00171f20;--color-muted:#425c65;--page-gutter:clamp(1.25rem,2.5vw,3rem)}*{box-sizing:border-box;margin:0;padding:0}:root{background:var(--color-background);color:var(--color-ink);font-family:SUSE,sans-serif;line-height:1.65}html{scroll-behavior:smooth;scroll-padding-top:7rem;scrollbar-gutter:stable}@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}body{min-width:280px}a{text-decoration:none}a,button{color:inherit}button{font:inherit}img{display:block;max-width:100%}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.page-shell h1,h2{color:var(--color-accent);font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.2;margin-bottom:1rem}p{overflow-wrap:anywhere}.page-shell{margin:auto;min-height:55vh;padding:clamp(3rem,8vw,6rem) var(--page-gutter) clamp(1.25rem,4vw,4rem);width:100%}.text-link{align-items:center;color:var(--color-accent);display:inline-flex;font-weight:700;margin-top:1rem;min-height:44px;text-decoration:underline;text-underline-offset:.3em}.skip-link{background:var(--color-surface);left:1rem;padding:.75rem;position:fixed;top:-5rem;z-index:1000}.skip-link:focus{top:.5rem}.visually-hidden{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}.section-kicker{color:var(--color-accent);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}@media (prefers-reduced-motion:no-preference){@keyframes site-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.about-section,.contact-card,.home-card,.home-hero-copy,.home-story>div,.page-shell>h1,.product-card{animation:site-arrive .46s ease-out backwards}.home-card:nth-child(2),.product-card:nth-child(3n+2){animation-delay:65ms}.product-card:nth-child(3n){animation-delay:.12s}.home-card,.product-card{transition:transform .22s ease,box-shadow .22s ease}.home-card:hover{transform:translateY(-4px)}.text-link{gap:4px;transition:gap .18s ease,color .18s ease}.text-link:focus-visible,.text-link:hover{gap:10px}}