/* Woven Logic v1.0: dark presentation of the approved identity palette. */
@font-face { font-family:Barlow;src:url('/brand/fonts/Barlow-Regular.ttf') format('truetype');font-weight:400;font-display:swap; }
@font-face { font-family:Barlow;src:url('/brand/fonts/Barlow-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap; }
@font-face { font-family:Barlow;src:url('/brand/fonts/Barlow-Bold.ttf') format('truetype');font-weight:700;font-display:swap; }
@font-face { font-family:'Barlow Condensed';src:url('/brand/fonts/BarlowCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap; }
:root {
 --en-forest:#183D36;--en-ochre:#D29B45;--en-sand:#EFE4CC;--en-brick:#B75B45;
 --en-paper:#FAF7F0;--en-ink:#202A27;--en-muted:#C4CDBC;
 --body:var(--en-forest);--black:var(--en-forest);--white:var(--en-paper);
 --theme:var(--en-ochre);--header:var(--en-sand);--text:var(--en-muted);
 --border:var(--en-sand);--bg:var(--en-ink);--bg2:var(--en-forest);--bg3:var(--en-sand);
 --e-global-color-primary:var(--en-ochre);--e-global-color-secondary:var(--en-sand);
 --e-global-color-text:var(--en-muted);--e-global-color-accent:var(--en-ochre);
 color-scheme:dark;
}
::selection { background:var(--en-ochre);color:var(--en-forest); }
body { background:var(--en-forest); }
.header-1 { background-color:transparent; }
.header-1.sticky { background-color:var(--en-forest); }
.header-1 { border-bottom:1px solid rgb(239 228 204 / 12%); }
.header-1 .header-right .theme-btn,.hero-1 .hero-content > .theme-btn { background:var(--en-ochre);border-color:var(--en-ochre);color:var(--en-forest); }
.header-1 .header-right .theme-btn:hover,.hero-1 .hero-content > .theme-btn:hover { color:var(--en-forest); }
.header-1 .header-right .theme-btn::before,.hero-1 .hero-content > .theme-btn::before { background:var(--en-sand); }
.hero-1 .content p { color:var(--en-muted); }
/* Tint decorative silhouettes only; photos retain natural colors. */
.hero-1 .line-shape img,.cta-section .line-shape img,.cta-section .shape-1 img { filter:grayscale(1) sepia(1) saturate(1.5);opacity:.35; }
.vec-shape img,.vector-shape img,.circle-shape img,.testimonial-section .shape-1 img,.cta-section :is(.shape-2,.shape-3,.shape-4,.shape-5,.shape-6) img,img[src$="star.png"],img[src$="quote-icon.png"],img[src$="cta-icon.svg"] {
 filter:brightness(0) saturate(100%) invert(67%) sepia(41%) saturate(655%) hue-rotate(358deg) brightness(91%) contrast(87%);
}
.footer-section { background-color:var(--en-ink); }
.footer-bottom p,.footer-bottom ul li a { color:var(--en-muted); }
.offcanvas__info { background:var(--en-forest); }
.offcanvas__close button { color:var(--en-sand); }
.offcanvas__close button:hover { color:var(--en-ochre); }
.preloader > svg { fill:var(--en-forest); }
:is(a,button,input,textarea,select):focus-visible { outline:2px solid var(--en-ochre);outline-offset:5px; }
.hfe-skip-link:focus { background:var(--en-paper);color:var(--en-forest); }
@media (max-width:575px) {
 .header-1 .sidebar__toggle { width:46px;height:46px;line-height:46px; }
 .header-1 .header-right { gap:12px; }
}
/* Reverse text roles on the few light panels. */
.testimonial-wrapper .testimonial-box-items .thumb .info-title,
.testimonial-wrapper .testimonial-box-items .thumb .info-title span { color:var(--en-forest); }

@media (max-width:359px) { .header-1 .brand-logo { width:210px; } }
@media (max-width:575px) {
 .hero-1 .hero-content .social-link { flex-wrap:wrap;gap:12px 20px; }
}

/* Company artwork retains its original proportions inside the experience circles. */
#work-experience .feature-work-experience-preview-slider-item {
  padding: 0;
  border: 0;
  background: #fff;
}
#work-experience .feature-work-experience-preview-slider-item:focus-visible {
  outline: 3px solid var(--theme);
  outline-offset: 4px;
}
#work-experience .feature-work-experience-preview-slider-item img {
  object-fit: contain;
  border-radius: 0;
}
#work-experience .client-img img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  border-radius: 50%;
  background: #fff;
}

@media (max-width: 991px) {
  #work-experience .feature-work-experience-wrap { height: auto; }
  #work-experience .feature-work-experience-preview { margin: 24px 0 32px; }
  #work-experience .feature-work-experience-preview-slider .swiper-wrapper {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 64px;
    max-width: 100%;
    padding: 0;
    rotate: none;
    gap: clamp(3px, 1.5vw, 7px);
  }
  #work-experience .feature-work-experience-preview-slider .swiper-slide {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    flex: 0 0 clamp(38px, 12vw, 48px) !important;
    width: clamp(38px, 12vw, 48px) !important;
    height: clamp(38px, 12vw, 48px);
  }
  #work-experience .feature-work-experience-preview-slider .swiper-wrapper {
    transform: none !important;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  #work-experience .feature-work-experience-preview-slider .swiper-slide { margin-right: 0 !important; }
  #work-experience .feature-work-experience-preview-slider-item {
    width: 100%;
    height: 100%;
  }
  #work-experience .feature-work-experience-main-slider {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }
  #work-experience .info-item { flex-direction: column; gap: 16px; }
  #work-experience .info-item h5 { max-width: none; }
  #work-experience .info-item p { text-transform: none; }
}

@media (max-width: 575px) {
  #selected-work .project-btn-all {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 8px;
    width: 100%;
    max-width: 390px;
    margin: 28px auto 0;
    padding: 9px;
    border-radius: 16px;
  }
  #selected-work .project-btn-all .theme-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    min-width: 0;
    min-height: 50px;
    padding: 12px 7px;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
  }
}

@media (max-width: 359px) {
  #selected-work .project-btn-all { grid-template-columns: 1fr; }
}

/* Keep the company buttons above the transparent experience-card hit area. */
#work-experience .feature-work-experience-preview {
  position: relative;
  z-index: 3;
  pointer-events: none;
}
#work-experience .feature-work-experience-preview-slider-item { pointer-events: auto; }
@media (max-width: 991px) {
  #work-experience .feature-work-experience-preview { pointer-events: auto; }
}

#work-experience .info-item p { text-transform: none; }

#work-experience .work-experience-intro {
  max-width: 620px;
  margin: 16px auto 0;
  color: var(--en-muted);
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 575px) {
  #work-experience .work-experience-intro { max-width: 34ch; margin-top: 12px; font-size: 15px; }
}

/* Project frames: a fine brass edge and a narrow recessed image surround. */
#selected-work .project-box-items .thumb,
.project-grid-section .project-box-items-555 .thumb {
  padding: 6px;
  border: 1px solid rgba(210, 155, 69, .38);
  border-radius: 14px;
  background: rgba(15, 30, 28, .28);
  box-shadow: 0 8px 24px rgba(8, 20, 18, .12);
  transition: border-color .3s ease, box-shadow .3s ease;
}
#selected-work .project-box-items .thumb > img,
.project-grid-section .project-box-items-555 .thumb > img {
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 8px;
}
#selected-work .project-box-items .thumb:hover,
#selected-work .project-box-items .thumb:focus-within,
.project-grid-section .project-box-items-555:hover .thumb {
  border-color: rgba(210, 155, 69, .8);
  box-shadow: 0 12px 30px rgba(8, 20, 18, .18);
}
@media (prefers-reduced-motion: reduce) {
  #selected-work .project-box-items .thumb,
  .project-grid-section .project-box-items-555 .thumb { transition: none; }
}

/* Give hover captions the same contrast as their touch-screen counterparts. */
#selected-work .project-box-items .thumb .content {
  padding: 18px 22px;
  border: 1px solid rgba(239, 228, 204, .12);
  border-radius: 8px;
  background: rgba(15, 30, 28, .92);
  backdrop-filter: blur(12px);
}
#selected-work .project-box-items .thumb .content p { color: #d29b45; }
#selected-work .project-box-items .thumb .content h3 a { color: #efe4cc; }

@media (max-width: 767px) {
  /* Keep the six company choices swipeable without a visible browser track. */
  #work-experience .feature-work-experience-preview-slider .swiper-wrapper {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  #work-experience .feature-work-experience-preview-slider .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }

  /* Touch screens need a persistent, contrasting caption and uncropped artwork. */
  #selected-work .project-box-items .thumb { height: auto; }
  #selected-work .project-box-items .thumb > img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  #selected-work .project-box-items .thumb .content {
    position: relative;
    inset: auto;
    margin-top: 6px;
    padding: 18px 64px 18px 14px;
    border: 1px solid rgba(239, 228, 204, .1);
    border-radius: 8px;
    background: rgba(15, 30, 28, .9);
    backdrop-filter: blur(12px);
    opacity: 1;
    visibility: visible;
  }
  #selected-work .project-box-items .thumb .content p {
    color: #d29b45;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: .4px;
  }
  #selected-work .project-box-items .thumb .content h3 {
    margin-top: 7px;
    font-size: 22px;
    line-height: 1.2;
  }
  #selected-work .project-box-items .thumb .content h3 a { color: #efe4cc; }
  #selected-work .project-box-items .thumb .circle-icon {
    inset: auto 20px 26px auto;
    transform: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    opacity: 1;
    visibility: visible;
  }
}

/* Tablet widths also retain the complete project artwork. */
@media (min-width: 768px) and (max-width: 1199px) {
  #selected-work .project-box-items .thumb { height: auto; }
  #selected-work .project-box-items .thumb > img { display: block; height: auto; object-fit: contain; }
  #selected-work .project-box-items .thumb .content { left: 18px; right: 18px; bottom: 18px; padding: 14px; }
  #selected-work .project-box-items .thumb .content p { font-size: 12px; line-height: 1.4; }
  #selected-work .project-box-items .thumb .content h3 { font-size: 24px; line-height: 1.2; }
}

/* Keep testimonial identities visibly illustrative until verified client material is supplied. */
#client-notes .testimonial-wrapper .testimonial-sample-note {
  max-width: 68ch;
  margin: 0 0 18px;
  color: var(--en-muted);
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
}
#client-notes .testimonial-wrapper .testimonial-sample-label {
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid rgba(24, 61, 54, .2);
  border-radius: 999px;
  color: var(--en-forest);
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
#client-notes .testimonial-wrapper .testimonial-box-items .thumb {
  flex: 0 0 220px;
  width: 220px;
  height: auto;
  max-width: 220px;
  overflow: hidden;
  border-radius: 10px;
}
#client-notes .testimonial-wrapper .testimonial-box-items .thumb img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}
#client-notes .testimonial-wrapper .testimonial-box-items .thumb .info-title {
  position: static;
  border-radius: 0 0 10px 10px;
}
#client-notes .testimonial-wrapper > .swiper-pagination {
  position: static;
  inset: auto;
  width: 100%;
  margin: 0 0 18px;
  color: var(--en-muted);
  line-height: 1;
  text-align: left;
}
@media (max-width: 1399px) {
  #client-notes .testimonial-wrapper .testimonial-box-items .thumb {
    width: 220px;
    height: auto;
    max-width: 100%;
    margin-inline: auto;
  }
}
@media (max-width: 575px) {
  #client-notes .testimonial-wrapper .testimonial-box-items .thumb {
    width: 170px;
    height: auto;
  }
  #client-notes .testimonial-wrapper .testimonial-box-items .thumb img { height: 170px; }
  #client-notes .testimonial-wrapper .testimonial-sample-note { font-size: 12px; }
}
#client-notes .testimonial-wrapper .testimonial-box-items .content > p { text-transform: none; }

/* Shared floating header; outside the smooth-scroll transform on every route. */
.site-pill-header,
.site-pill-header.sticky {
 position:fixed;top:16px;left:50%;transform:translateX(-50%);
 display:flex;align-items:center;justify-content:space-between;gap:24px;
 width:440px;max-width:calc(100% - 32px);padding:9px 10px 9px 24px;
 margin:0;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;
 background:linear-gradient(165deg,rgb(255 255 255 / 9%),transparent 45%,rgb(255 255 255 / 3%)),rgb(24 61 54 / 10%);
 box-shadow:0 12px 32px rgb(0 0 0 / 16%),0 2px 6px rgb(0 0 0 / 7%),
   inset 0 1px 1px rgb(255 255 255 / 35%),inset 0 -1px 1px rgb(255 255 255 / 16%),
   inset 1px 0 2px rgb(255 255 255 / 13%),inset -1px 0 2px rgb(255 255 255 / 8%);
 -webkit-backdrop-filter:blur(16px) saturate(180%) brightness(1.08);
 backdrop-filter:blur(16px) saturate(180%) brightness(1.08);z-index:99;animation:none;
 isolation:isolate;
}
/* A narrow, uneven reflection follows the curved glass edge. */
.site-pill-header::before {
 content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;
 background:linear-gradient(135deg,rgb(255 255 255 / 70%),rgb(255 255 255 / 7%) 28%,
   rgb(255 255 255 / 3%) 54%,rgb(255 255 255 / 40%) 78%,rgb(255 255 255 / 12%));
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 mask-composite:exclude;pointer-events:none;
}
.site-pill-header::after {
 content:"";position:absolute;inset:3px;border-radius:inherit;pointer-events:none;z-index:-1;
 background:radial-gradient(ellipse at 12% 0%,rgb(255 255 255 / 12%),transparent 52%),
   radial-gradient(ellipse at 92% 100%,rgb(255 255 255 / 7%),transparent 44%);
}
.site-pill-logo {display:block;width:280px;min-width:0;line-height:1;}
.site-pill-logo img {display:block;width:100%;height:auto;}
.site-pill-toggle {
 display:flex;align-items:center;justify-content:center;flex-shrink:0;
 width:52px;height:52px;padding:0;border:1px solid rgb(239 228 204 / 25%);
 border-radius:50%;background:linear-gradient(145deg,rgb(255 255 255 / 10%),rgb(255 255 255 / 2%));
 box-shadow:inset 0 1px 1px rgb(255 255 255 / 24%),0 2px 6px rgb(0 0 0 / 8%);
 color:var(--en-sand);cursor:pointer;
 transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
.site-pill-toggle:hover {background:rgb(255 255 255 / 15%);border-color:rgb(255 255 255 / 45%);box-shadow:inset 0 1px 2px rgb(255 255 255 / 35%),0 3px 10px rgb(0 0 0 / 10%);}
.site-pill-toggle:active {transform:scale(.96);}
@media (prefers-reduced-motion:reduce) { .site-pill-toggle {transition:none;} }
.site-pill-toggle:focus-visible,.site-pill-logo:focus-visible {outline:2px solid var(--en-ochre);outline-offset:4px;}
/* The graphic-design demo's former floating menu is superseded by the shared pill. */
.sidebar-sticky-item {display:none !important;}
@media (max-width:575px) {
 .site-pill-header,.site-pill-header.sticky {top:12px;max-width:calc(100% - 24px);gap:16px;padding:8px 8px 8px 20px;}
 .site-pill-logo {width:250px;}
 .site-pill-toggle {width:46px;height:46px;}
}

.site-breadcrumb {position:relative;z-index:3;width:min(1160px,calc(100% - 48px));margin:0 auto;padding:128px 0 14px;color:var(--en-muted);font-size:13px;}
.site-breadcrumb ol {display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0;padding:0;list-style:none;}
.site-breadcrumb a {color:var(--en-ochre);text-decoration:none;}
.site-breadcrumb a:hover {color:var(--en-sand);}
.site-breadcrumb__divider {color:rgb(239 228 204 / 45%);}
.site-breadcrumb [aria-current="page"] {color:var(--en-sand);}
.legal-page {min-height:70vh;padding:28px 24px 96px;background:var(--en-forest);}
.legal-document {max-width:900px;margin:0 auto;padding:clamp(28px,6vw,72px);border:1px solid rgb(239 228 204 / 14%);border-radius:24px;background:rgb(255 255 255 / 3%);}
.legal-eyebrow {margin:0 0 16px;color:var(--en-ochre);font-size:12px;letter-spacing:.16em;text-transform:uppercase;}
.legal-document h1 {margin:0;color:var(--en-sand);font-size:clamp(38px,7vw,68px);line-height:1.04;}
.legal-revised {margin:16px 0 42px;color:var(--en-muted);font-size:14px;}
.legal-copy {color:var(--en-muted);font-size:16px;line-height:1.8;}
.legal-copy h2 {margin:40px 0 12px;color:var(--en-sand);font-size:clamp(20px,3vw,26px);line-height:1.25;}
.legal-copy h2:first-child {margin-top:0;}
.legal-copy p {margin:0 0 16px;}
.legal-copy a {color:var(--en-sand);text-decoration:underline;text-decoration-color:var(--en-ochre);text-underline-offset:3px;}
.legal-copy a:hover {color:var(--en-ochre);}
.site-form-notice {margin:0 0 18px;padding:12px 16px;border-left:2px solid var(--en-ochre);background:rgb(255 255 255 / 5%);color:var(--en-sand);font-size:14px;line-height:1.6;}
.site-form-notice a {color:var(--en-sand);text-decoration:underline;text-underline-offset:3px;}
.site-form-notice:focus {outline:2px solid var(--en-ochre);outline-offset:3px;}
@media (max-width:575px) {
 .site-breadcrumb {width:calc(100% - 36px);padding-top:112px;font-size:12px;}
 .legal-page {padding:24px 16px 64px;}
 .legal-document {padding:26px 22px;border-radius:18px;}
 .legal-revised {margin-bottom:32px;}
 .legal-copy {font-size:15px;}
}

/* Personal-interest feature and contact card use the site's dark panels and ochre accents. */
.about-badminton-card { gap:clamp(28px,5vw,68px);padding:clamp(28px,5vw,64px);overflow:hidden; }
.about-badminton-copy { flex:1 1 420px;max-width:540px; }
.about-badminton-eyebrow { margin:0 0 14px;color:var(--en-ochre);font-size:12px;letter-spacing:.16em;text-transform:uppercase; }
.about-badminton-copy h3 { margin:0 0 22px;color:var(--en-sand);font-size:clamp(38px,5vw,64px);line-height:.98;text-transform:uppercase; }
.about-badminton-copy h3 span { color:var(--en-ochre); }
.about-badminton-copy > p:not(.about-badminton-eyebrow) { max-width:480px;margin:0 0 14px;color:var(--en-muted);font-size:16px;line-height:1.7; }
.about-badminton-photo { position:relative;flex:0 1 340px;min-width:240px; }
.about-badminton-photo img { display:block;width:100%;height:360px;object-fit:cover;border-radius:14px; }
.about-badminton-photo span { position:absolute;right:14px;bottom:14px;padding:9px 13px;border:1px solid rgb(239 228 204 / 25%);border-radius:999px;background:rgb(32 42 39 / 82%);color:var(--en-sand);font-size:11px;letter-spacing:.07em;text-transform:uppercase;backdrop-filter:blur(10px); }
.about-contact-card { margin-top:28px;padding:10px 26px;border:1px solid rgb(239 228 204 / 15%);border-radius:16px;background:linear-gradient(145deg,rgb(255 255 255 / 4%),transparent 65%),var(--en-forest); }
.about-contact-option { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid rgb(239 228 204 / 14%);color:var(--en-sand);text-decoration:none;transition:color .25s ease,transform .25s ease; }
.about-contact-option:last-child { border-bottom:0; }
.about-contact-option strong,.about-contact-option small { display:block; }
.about-contact-option strong { margin-bottom:4px;font-family:'Barlow Condensed',sans-serif;font-size:22px;text-transform:uppercase; }
.about-contact-option small { color:var(--en-muted);font-size:14px;line-height:1.45; }
.about-contact-option > i { display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid rgb(239 228 204 / 23%);border-radius:50%;color:var(--en-ochre);transition:background .25s ease,color .25s ease,transform .25s ease; }
.about-contact-option:hover { color:var(--en-ochre);transform:translateX(4px); }
.about-contact-option:hover > i { transform:rotate(45deg);background:var(--en-ochre);color:var(--en-forest); }
.about-contact-option:focus-visible { outline:2px solid var(--en-ochre);outline-offset:4px; }
@media (max-width:767px) {
 .about-badminton-card { padding:28px 22px; }
 .about-badminton-photo { flex:1 1 100%;min-width:0; }
 .about-badminton-photo img { height:min(72vw,380px); }
 .about-contact-card { padding:8px 18px; }
}
@media (prefers-reduced-motion:reduce) { .about-contact-option,.about-contact-option > i { transition:none; } }

/* Reveal both About contact headings as they enter view while scrolling down. */
body.about-title-reveal-ready .about-faq-title,
body.about-title-reveal-ready .about-contact-title { opacity:0;transform:translate3d(0,28px,0); }
.about-faq-title.is-visible,
.about-contact-title.is-visible { animation:about-title-reveal .85s cubic-bezier(.2,.75,.25,1) both; }
@keyframes about-title-reveal {
 from { opacity:0;transform:translate3d(0,28px,0);filter:blur(4px); }
 to { opacity:1;transform:translate3d(0,0,0);filter:blur(0); }
}
@media (prefers-reduced-motion:reduce) {
 body.about-title-reveal-ready .about-faq-title,
 body.about-title-reveal-ready .about-contact-title { opacity:1;transform:none; }
 .about-faq-title.is-visible,.about-contact-title.is-visible { animation:none; }
}

/* Services: present each offer as a compact editorial card rather than a long split row. */
.services-offer-grid { margin-bottom:24px; }
.services-offer-grid .row {
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:24px;
 margin:0;
}
.services-offer-grid .row > [class*="col-"] { width:auto;max-width:none;padding:0; }
.services-offer-grid .choose-us-box-items-2 {
 display:flex;
 height:100%;
 flex-direction:column;
 align-items:stretch;
 justify-content:flex-start;
 gap:20px;
 margin:0;
 padding:16px;
 overflow:hidden;
 border:1px solid rgb(239 228 204 / 14%);
 border-radius:16px;
 background:linear-gradient(155deg,rgb(239 228 204 / 4%),rgb(15 30 28 / 20%) 60%),#202a27;
 transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.services-offer-grid .choose-us-box-items-2:hover {
 transform:translateY(-4px);
 border-color:rgb(210 155 69 / 52%);
 box-shadow:0 18px 38px rgb(0 0 0 / 16%);
}
.services-offer-grid .choose-content { display:block;order:1;margin:0!important; }
.services-offer-grid .choose-content .content { max-width:none; }
.services-offer-grid .choose-content .content h2 { margin:0 0 10px;font-size:clamp(27px,2.4vw,34px);line-height:1.08; }
.services-offer-grid .choose-content .content h2 a { color:var(--en-sand);text-decoration:none; }
.services-offer-grid .choose-content .content h2 a:hover { color:var(--en-ochre); }
.services-offer-grid .choose-content .content p { margin:0;color:rgb(239 228 204 / 68%);font-size:15px;line-height:1.72; }
.services-offer-grid .choose-image { order:0;width:100%;max-width:none;flex:0 0 auto;overflow:hidden;border:1px solid rgb(239 228 204 / 10%);border-radius:10px;background:#eee9dd; }
.services-offer-grid .choose-image img { display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0; }
@media (max-width:767px) {
 .services-offer-grid { margin:18px 12px 24px; }
 .services-offer-grid .row { grid-template-columns:1fr;gap:16px; }
 .services-offer-grid .choose-us-box-items-2 { gap:15px;padding:12px;border-radius:13px; }
 .services-offer-grid .choose-content .content h2 { font-size:clamp(25px,7vw,32px); }
 .services-offer-grid .choose-content .content p { font-size:14px;line-height:1.68; }
}
@media (prefers-reduced-motion:reduce) {
 .services-offer-grid .choose-us-box-items-2 { transition:none; }
 .services-offer-grid .choose-us-box-items-2:hover { transform:none; }
}

.contact-me-intro { max-width:43ch;margin:20px 0 0;color:var(--en-muted);font-size:clamp(16px,1.3vw,18px);line-height:1.75; }
.contact-me-options { margin-top:0; }
.contact-hero-title { animation:contact-title-in .85s cubic-bezier(.2,.75,.25,1) both; }
.contact-channel-content { animation:contact-title-in .85s cubic-bezier(.2,.75,.25,1) .12s both; }
.contact-channel-list { animation:contact-title-in .85s cubic-bezier(.2,.75,.25,1) .24s both; }
@keyframes contact-title-in {
 from { opacity:0;transform:translate3d(0,24px,0); }
 to { opacity:1;transform:translate3d(0,0,0); }
}
@media (max-width:991px) {
 .contact-me-options { margin-top:8px; }
}