/*
Theme Name:   Arut Work
Theme URI:    https://arut.work
Description:  One-page freelance site for Arut.Work — AI & Local Marketing consultant for small businesses in Thailand. A child theme of Hello Elementor that renders the whole design in PHP: no page builder, no framework, ~35KB of CSS. Every string, image and list on the front page is editable from wp-admin.
Author:       Arut H.
Author URI:   https://arut.work
Template:     hello-elementor
Version:      2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  arut-work
Tags:         one-page, business, portfolio, custom-colors, custom-logo, custom-menu, featured-images, translation-ready, accessibility-ready
*/

/* =========================================================
   CONTENTS
   1.  Webfont
   2.  Tokens
   3.  Base + resets on top of Hello
   4.  Layout helpers
   5.  Buttons
   6.  Header
   7.  Hero
   8.  Marquee
   9.  Statement
   10. Services
   11. About
   12. Testimonials
   13. Contact
   14. Footer
   15. Utilities
   ========================================================= */


/* =========================================================
   1. Webfont — LINE Seed Sans TH (self-hosted)
   ========================================================= */
@font-face{font-family:'LINE Seed Sans TH';src:url('assets/fonts/LINESeedSansTH_W_Th.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'LINE Seed Sans TH';src:url('assets/fonts/LINESeedSansTH_W_Rg.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'LINE Seed Sans TH';src:url('assets/fonts/LINESeedSansTH_W_Bd.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'LINE Seed Sans TH';src:url('assets/fonts/LINESeedSansTH_W_XBd.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'LINE Seed Sans TH';src:url('assets/fonts/LINESeedSansTH_W_He.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}


/* =========================================================
   2. Tokens
   ========================================================= */
:root{
  /* Surfaces, darkest to lightest */
  --aw-ink:#0F1112;
  --aw-ink-2:#14181A;
  --aw-ink-3:#16191B;
  --aw-ink-4:#0B0D0E;
  --aw-cream:#FBF9F7;
  --aw-white:#fff;

  /* Brand */
  --aw-accent:#DE7356;
  --aw-accent-dark:#c85f43;
  --aw-accent-soft:#E9A28C;
  --aw-line:#06C755;
  --aw-line-dark:#05a848;

  /* Text on dark */
  --aw-on-dark:rgba(255,255,255,.7);
  --aw-on-dark-dim:rgba(255,255,255,.55);
  --aw-on-dark-faint:rgba(255,255,255,.4);
  --aw-hairline-dark:rgba(255,255,255,.07);

  /* Text on light */
  --aw-on-light:rgba(20,24,26,.62);
  --aw-hairline-light:rgba(20,24,26,.08);

  --aw-font:'LINE Seed Sans TH',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --aw-radius:14px;
  --aw-radius-lg:16px;
  --aw-pill:999px;
  --aw-shell:1200px;      /* standard content width */
  --aw-gutter:32px;
  --aw-header-h:76px;
}


/* =========================================================
   3. Base — sits on top of Hello Elementor's reset.css
   ========================================================= */
html{scroll-behavior:smooth}

body{
  margin:0;
  background:var(--aw-ink);
  color:var(--aw-ink-2);
  font-family:var(--aw-font);
  font-size:16px;
  line-height:1.5;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Hello constrains .site-main to 1140px for non-Elementor pages. The one-pager
   is full-bleed, so release it. */
body:not([class*=elementor-page-]) .site-main{max-width:none;padding:0;width:100%}

h1,h2,h3,h4,h5,h6{
  font-family:var(--aw-font);
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.2;
  margin:0;
  text-wrap:balance;
}
p{margin:0;text-wrap:pretty}
img{max-width:100%;height:auto;display:block}

a{color:var(--aw-accent);text-decoration:none;transition:color .2s ease}
a:hover,a:focus{color:var(--aw-accent-dark)}

input,textarea,select,button{font-family:inherit}

/* Keyboard focus ring — visible on both light and dark surfaces */
:focus-visible{outline:2px solid var(--aw-accent);outline-offset:3px;border-radius:4px}

/* Anchors clear the fixed header */
[id]{scroll-margin-top:calc(var(--aw-header-h) + 24px)}

::selection{background:var(--aw-accent);color:#fff}


/* =========================================================
   4. Layout helpers
   ========================================================= */
.aw-shell{
  width:100%;
  max-width:var(--aw-shell);
  margin-inline:auto;
  padding-inline:var(--aw-gutter);
}
.aw-shell--narrow{max-width:900px}
.aw-shell--mid{max-width:1120px}

.aw-eyebrow{
  margin:0 0 18px;
  font-family:var(--aw-font);
  font-weight:700;
  font-size:13px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--aw-accent-soft);
}
.aw-eyebrow--light{color:var(--aw-accent)}

.aw-section__head{text-align:center;margin-bottom:52px}
.aw-section__head .aw-eyebrow{margin-bottom:14px}
.aw-section__title{font-size:46px;letter-spacing:-.02em;color:var(--aw-ink-2)}


/* =========================================================
   5. Buttons
   ========================================================= */
.aw-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:16px 30px;
  border:1px solid transparent;
  border-radius:var(--aw-pill);
  background:var(--aw-accent);
  color:#fff;
  font-size:15px;
  font-weight:600;
  line-height:1;
  text-align:center;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.aw-btn:hover,.aw-btn:focus{background:var(--aw-accent-dark);color:#fff}

.aw-btn--sm{padding:13px 24px;font-size:14px}
.aw-btn--xs{padding:11px 20px;font-size:14px}

.aw-btn--ghost{
  background:transparent;
  border-color:rgba(255,255,255,.28);
  color:#fff;
}
.aw-btn--ghost:hover,.aw-btn--ghost:focus{background:transparent;border-color:#fff;color:#fff}

.aw-btn--line{background:var(--aw-line)}
.aw-btn--line:hover,.aw-btn--line:focus{background:var(--aw-line-dark)}

.aw-btn__icon{width:18px;height:18px;flex:none;fill:currentColor}


/* =========================================================
   6. Header
   ========================================================= */
.aw-header{
  position:fixed;
  inset:0 0 auto;
  z-index:500;
  padding:14px 0;
  background:rgba(15,17,18,.82);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--aw-hairline-dark);
}
.admin-bar .aw-header{top:32px}
@media screen and (max-width:782px){.admin-bar .aw-header{top:46px}}

.aw-header__inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:16px 24px;
}

.aw-logo{
  display:flex;
  align-items:baseline;
  gap:2px;
  color:#fff;
  font-family:var(--aw-font);
  font-weight:800;
  font-size:27px;
  line-height:1;
  letter-spacing:-.01em;
}
.aw-logo:hover,.aw-logo:focus{color:#fff}
.aw-logo__dot{color:var(--aw-accent)}
.aw-logo__sub{
  margin-left:7px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(255,255,255,.62);
}
.aw-logo img{max-height:38px;width:auto}

.aw-nav{display:flex;align-items:center;gap:12px 28px}
.aw-nav__list{
  display:flex;
  align-items:center;
  gap:12px 28px;
  margin:0;
  padding:0;
  list-style:none;
}
.aw-nav__list a{color:rgba(255,255,255,.72);font-size:14px;font-weight:500}
.aw-nav__list a:hover,
.aw-nav__list a:focus,
.aw-nav__list .current-menu-item > a{color:#fff}
.aw-nav .aw-btn{padding:11px 20px;font-size:14px}

.aw-burger{
  display:none;
  width:44px;
  height:44px;
  flex:none;
  align-items:center;
  justify-content:center;
  padding:0;
  background:transparent;
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  cursor:pointer;
}
.aw-burger__bar{
  position:relative;
  display:block;
  width:18px;
  height:2px;
  background:#fff;
  transition:background .2s ease;
}
.aw-burger__bar::before,
.aw-burger__bar::after{
  content:"";
  position:absolute;
  left:0;
  width:18px;
  height:2px;
  background:#fff;
  transition:transform .25s ease,top .25s ease;
}
.aw-burger__bar::before{top:-6px}
.aw-burger__bar::after{top:6px}
.aw-header.is-open .aw-burger__bar{background:transparent}
.aw-header.is-open .aw-burger__bar::before{top:0;transform:rotate(45deg)}
.aw-header.is-open .aw-burger__bar::after{top:0;transform:rotate(-45deg)}


/* =========================================================
   7. Hero
   ========================================================= */
.aw-hero{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:660px;
  padding:150px 0 70px;
  background:var(--aw-ink);
  overflow:hidden;
}
.aw-hero__media{position:absolute;inset:0}
.aw-hero__media img{width:100%;height:100%;object-fit:cover}
.aw-hero__scrim{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(100deg,
    rgba(15,17,18,.94) 0%,
    rgba(15,17,18,.82) 42%,
    rgba(15,17,18,.25) 78%);
}
.aw-hero .aw-shell{position:relative;z-index:2}

.aw-hero__eyebrow{margin-bottom:22px;font-size:13.5px}
.aw-hero__title{
  max-width:15ch;
  font-size:76px;
  font-weight:800;
  line-height:1.02;
  letter-spacing:-.02em;
  color:#fff;
}
.aw-hero__text{
  max-width:52ch;
  margin-top:26px;
  font-size:17px;
  line-height:1.65;
  color:var(--aw-on-dark);
}
.aw-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}


/* =========================================================
   8. Marquee
   ========================================================= */
.aw-marquee{
  padding:30px 0;
  background:var(--aw-ink-3);
  border-top:1px solid rgba(255,255,255,.06);
  overflow:hidden;
}
.aw-marquee__track{
  display:flex;
  width:max-content;
  animation:aw-marquee 44s linear infinite;
}
.aw-marquee:hover .aw-marquee__track,
.aw-marquee:focus-within .aw-marquee__track{animation-play-state:paused}
.aw-marquee__group{display:flex;align-items:center;gap:56px;padding-right:56px}
.aw-marquee__item{
  font-size:18px;
  font-weight:700;
  letter-spacing:.01em;
  color:rgba(255,255,255,.45);
  white-space:nowrap;
}
@keyframes aw-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .aw-marquee__track{animation:none;flex-wrap:wrap;justify-content:center;width:100%}
  .aw-marquee__group{flex-wrap:wrap;justify-content:center;gap:20px 36px;padding-right:0}
  .aw-marquee__group + .aw-marquee__group{display:none}
}


/* =========================================================
   9. Statement
   ========================================================= */
.aw-statement{
  padding:110px 0 120px;
  background:var(--aw-ink-3);
  text-align:center;
}
.aw-statement__title{
  font-size:44px;
  line-height:1.22;
  letter-spacing:-.015em;
  color:#fff;
  text-wrap:pretty;
}
.aw-statement__text{
  max-width:60ch;
  margin:26px auto 0;
  font-size:16px;
  line-height:1.7;
  color:var(--aw-on-dark-dim);
}


/* =========================================================
   10. Services
   ========================================================= */
.aw-services{padding:100px 0 110px;background:var(--aw-cream)}
.aw-services__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:20px;
}

.aw-card{
  display:flex;
  flex-direction:column;
  padding:34px 30px 30px;
  background:var(--aw-white);
  border:1px solid var(--aw-hairline-light);
  border-radius:var(--aw-radius);
  transition:transform .3s ease,box-shadow .3s ease;
}
.aw-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -26px rgba(20,24,26,.5)}
.aw-card__num{
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  color:var(--aw-accent);
}
.aw-card__title{
  margin:16px 0 12px;
  font-size:27px;
  font-weight:800;
  line-height:1.2;
  color:var(--aw-ink-2);
}
.aw-card__text{font-size:14.5px;line-height:1.65;color:var(--aw-on-light)}

.aw-card--cta{
  justify-content:space-between;
  gap:22px;
  background:var(--aw-ink-2);
  border-color:var(--aw-ink-2);
}
.aw-card--cta:hover{transform:none;box-shadow:none}
.aw-card--cta .aw-card__title{margin-top:0;color:#fff}
.aw-card--cta .aw-card__text{color:rgba(255,255,255,.62)}
.aw-card--cta .aw-btn{align-self:flex-start}


/* =========================================================
   11. About
   ========================================================= */
.aw-about{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(400px,1fr));
  background:var(--aw-ink-2);
}
.aw-about__media{position:relative;min-height:560px}
.aw-about__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.aw-about__body{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:88px 72px;
}
.aw-about__title{
  max-width:22ch;
  font-size:42px;
  line-height:1.14;
  letter-spacing:-.015em;
  color:#fff;
}
.aw-about__text{
  max-width:54ch;
  margin-top:24px;
  font-size:16px;
  line-height:1.72;
  color:rgba(255,255,255,.62);
}
.aw-about__text + .aw-about__text{margin-top:16px}
.aw-about__sign{margin-top:38px}
.aw-about__name{
  font-family:var(--aw-font);
  font-size:34px;
  font-weight:700;
  letter-spacing:.02em;
  color:#fff;
}
.aw-about__role{
  margin-top:6px;
  font-size:13px;
  letter-spacing:.05em;
  color:rgba(255,255,255,.5);
}


/* =========================================================
   12. Testimonials
   ========================================================= */
.aw-tst{padding:104px 0 110px;background:var(--aw-cream)}
.aw-tst__head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:44px;
}
.aw-tst__nav{display:flex;gap:10px}
.aw-tst__btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  padding:0;
  background:transparent;
  border:1px solid rgba(20,24,26,.18);
  border-radius:var(--aw-pill);
  color:var(--aw-ink-2);
  font-size:17px;
  line-height:1;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,opacity .2s ease;
}
.aw-tst__btn:hover:not(:disabled){background:var(--aw-ink-2);color:#fff}
.aw-tst__btn:disabled{opacity:.3;cursor:default}

.aw-tst__viewport{overflow:hidden}
.aw-tst__track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 44px) / 3);
  gap:22px;
  transition:transform .65s cubic-bezier(.4,0,.2,1);
}
.aw-tst__card{
  margin:0;
  padding:34px 30px;
  background:var(--aw-white);
  border:1px solid var(--aw-hairline-light);
  border-radius:var(--aw-radius);
}
.aw-tst__mark{
  font-family:var(--aw-font);
  font-size:44px;
  font-weight:800;
  line-height:.8;
  color:var(--aw-accent);
}
.aw-tst__quote{
  margin:16px 0 26px;
  font-size:15.5px;
  line-height:1.7;
  color:rgba(20,24,26,.75);
}
.aw-tst__by{
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:20px;
  border-top:1px solid var(--aw-hairline-light);
}
.aw-tst__avatar{
  width:46px;
  height:46px;
  flex:none;
  border-radius:var(--aw-pill);
  object-fit:cover;
  background:rgba(20,24,26,.06);
}
.aw-tst__name{font-size:14.5px;font-weight:600;color:var(--aw-ink-2)}
.aw-tst__role{font-size:13px;color:rgba(20,24,26,.55)}
.aw-tst__empty{
  padding:28px;
  background:#fff;
  border:1px dashed rgba(20,24,26,.2);
  border-radius:var(--aw-radius);
  color:rgba(20,24,26,.55);
  text-align:center;
}


/* =========================================================
   13. Contact
   ========================================================= */
.aw-contact{padding:104px 0 100px;background:var(--aw-ink)}
.aw-contact__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
  gap:60px;
  align-items:start;
}
.aw-contact__title{
  max-width:20ch;
  font-size:48px;
  line-height:1.1;
  letter-spacing:-.02em;
  color:#fff;
}
.aw-contact__text{
  max-width:46ch;
  margin-top:22px;
  font-size:16px;
  line-height:1.7;
  color:rgba(255,255,255,.6);
}
.aw-contact__cta{margin-top:32px}
.aw-contact__meta{
  display:grid;
  gap:8px;
  margin-top:34px;
  font-size:14px;
  color:var(--aw-on-dark-dim);
}
.aw-contact__meta a{color:inherit}
.aw-contact__meta a:hover{color:#fff}

.aw-formbox{
  padding:34px 32px;
  background:var(--aw-ink-3);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--aw-radius-lg);
}
.aw-formbox__note{margin-top:14px;font-size:12.5px;line-height:1.6;color:var(--aw-on-dark-faint)}
.aw-formbox__empty{
  padding:28px 0;
  font-size:14px;
  line-height:1.7;
  color:var(--aw-on-dark-dim);
  text-align:center;
}

/* Style whatever form plugin is dropped in, without touching its markup */
.aw-formbox label{
  display:block;
  margin-bottom:7px;
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:rgba(255,255,255,.5);
}
.aw-formbox input[type=text],
.aw-formbox input[type=email],
.aw-formbox input[type=tel],
.aw-formbox input[type=url],
.aw-formbox input[type=number],
.aw-formbox input[type=date],
.aw-formbox select,
.aw-formbox textarea{
  width:100%;
  padding:13px 15px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;
  font-family:var(--aw-font);
  font-size:15px;
  line-height:1.6;
  color:#fff;
  outline:none;
  transition:border-color .2s ease;
}
.aw-formbox textarea{min-height:120px;resize:vertical}
.aw-formbox input:focus,
.aw-formbox select:focus,
.aw-formbox textarea:focus{border-color:var(--aw-accent)}
.aw-formbox ::placeholder{color:rgba(255,255,255,.32)}
.aw-formbox p{margin:0 0 16px}
.aw-formbox p:last-child{margin-bottom:0}
.aw-formbox input[type=submit],
.aw-formbox button[type=submit],
.aw-formbox .wpforms-submit,
.aw-formbox .frm_button_submit{
  width:auto;
  margin-top:6px;
  padding:16px 24px;
  background:var(--aw-accent);
  border:none;
  border-radius:var(--aw-pill);
  color:#fff;
  font-family:var(--aw-font);
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  transition:background .2s ease;
}
.aw-formbox input[type=submit]:hover,
.aw-formbox button[type=submit]:hover,
.aw-formbox .wpforms-submit:hover,
.aw-formbox .frm_button_submit:hover{background:var(--aw-accent-dark)}
/* Contact Form 7 status messages */
.aw-formbox .wpcf7-response-output{
  margin:18px 0 0;
  padding:12px 14px;
  border-radius:9px;
  font-size:13.5px;
  color:#fff;
}
.aw-formbox .wpcf7-not-valid-tip{margin-top:6px;font-size:12.5px;color:#ff9a80}


/* =========================================================
   14. Footer
   ========================================================= */
.aw-footer{
  padding:56px 0 30px;
  background:var(--aw-ink-4);
  border-top:1px solid var(--aw-hairline-dark);
}
.aw-footer__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:40px;
}
.aw-footer__brand .aw-logo{font-size:26px}
.aw-footer__brand .aw-logo__sub{font-size:11.5px}
.aw-footer__tagline{
  max-width:30ch;
  margin-top:16px;
  font-size:13.5px;
  line-height:1.65;
  color:rgba(255,255,255,.45);
}
.aw-footer__col{display:grid;gap:10px;align-content:start}
.aw-footer__label{
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--aw-on-dark-faint);
}
.aw-footer__list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.aw-footer__list a{font-size:14px;color:rgba(255,255,255,.7)}
.aw-footer__list a:hover,.aw-footer__list a:focus{color:var(--aw-accent)}

.aw-footer__bar{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:14px;
  max-width:var(--aw-shell);
  margin:44px auto 0;
  padding:20px var(--aw-gutter) 0;
  border-top:1px solid var(--aw-hairline-dark);
  font-size:12.5px;
  color:rgba(255,255,255,.35);
}
.aw-footer__bar a{color:inherit}
.aw-footer__bar a:hover{color:rgba(255,255,255,.6)}


/* =========================================================
   15. Utilities
   ========================================================= */
.aw-sr-only{
  position:absolute!important;
  width:1px;height:1px;
  margin:-1px;padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}

/* Reveal-on-scroll — opt-in, and inert for reduced-motion visitors */
.aw-rise{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.aw-rise.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .aw-rise{opacity:1;transform:none;transition:none}
}
.no-js .aw-rise{opacity:1;transform:none}


/* =========================================================
   Responsive
   ========================================================= */
@media (max-width:1200px){
  .aw-hero__title{font-size:64px}
}

@media (max-width:1024px){
  :root{--aw-gutter:24px}
  .aw-hero{min-height:600px;padding:130px 0 60px}
  .aw-hero__title{font-size:52px}
  .aw-section__title,.aw-tst__title{font-size:38px}
  .aw-statement{padding:88px 0 96px}
  .aw-statement__title{font-size:34px}
  .aw-about__body{padding:64px 40px}
  .aw-about__title{font-size:34px}
  .aw-contact__title{font-size:38px}
  .aw-tst__track{grid-auto-columns:calc((100% - 22px) / 2)}
}

@media (max-width:900px){
  .aw-header__inner{flex-wrap:wrap}
  .aw-burger{display:flex}
  .aw-nav{
    display:none;
    order:3;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    margin-top:12px;
    padding:16px 0 6px;
    border-top:1px solid rgba(255,255,255,.09);
  }
  .aw-header.is-open .aw-nav{display:flex}
  .aw-nav__list{flex-direction:column;align-items:stretch;gap:0}
  .aw-nav__list li{padding:11px 0}
  .aw-nav__list a{font-size:16px}
  .aw-nav .aw-btn{margin-top:10px}
}

@media (max-width:767px){
  :root{--aw-gutter:20px}
  .aw-hero{min-height:0;padding:118px 0 56px}
  .aw-hero__title{font-size:38px;max-width:none}
  .aw-hero__text{font-size:16px;max-width:none}
  .aw-hero__actions .aw-btn{flex:1 1 100%}
  .aw-marquee__item{font-size:16px}
  .aw-statement{padding:68px 0 72px}
  .aw-statement__title{font-size:27px}
  .aw-services{padding:68px 0 72px}
  .aw-section__head{margin-bottom:36px}
  .aw-section__title,.aw-tst__title{font-size:29px}
  .aw-card{padding:28px 24px 26px}
  .aw-card__title{font-size:23px}
  .aw-about__media{min-height:340px}
  .aw-about__body{padding:56px 24px}
  .aw-about__title{font-size:28px;max-width:none}
  .aw-about__text{max-width:none}
  .aw-about__name{font-size:28px}
  .aw-tst{padding:68px 0 72px}
  .aw-tst__head{margin-bottom:28px}
  .aw-tst__track{grid-auto-columns:100%}
  .aw-contact{padding:68px 0 72px}
  .aw-contact__grid{gap:40px}
  .aw-contact__title{font-size:31px;max-width:none}
  .aw-contact__text{max-width:none}
  .aw-formbox{padding:26px 22px}
  .aw-footer{padding:48px 0 24px}
  .aw-footer__grid{gap:32px}
  .aw-footer__bar{margin-top:32px}
}

@media print{
  .aw-header,.aw-marquee,.aw-tst__nav,.aw-formbox{display:none}
  body{background:#fff;color:#000}
}