/* ============================================================
   arizadestekhatti.com — "Workshop Craft"
   Servisdr Teknik Servis · atelier stylesheet
   Display: Young Serif · Body: Work Sans (self-hosted)
   Prefix: wk_  ·  naming: underscore
   ============================================================ */

/* ---------- Fonts (self-hosted, latin + latin-ext) ---------- */
@font-face{
  font-family:"Young Serif";
  font-style:normal; font-weight:400; font-display:swap;
  src:url("youngserif-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Young Serif";
  font-style:normal; font-weight:400; font-display:swap;
  src:url("youngserif-latinext.woff2") format("woff2");
  unicode-range:U+0100-0130,U+0132-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Work Sans"; font-style:normal;
  font-weight:300 700; font-display:swap;
  src:url("worksans-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Work Sans"; font-style:normal;
  font-weight:300 700; font-display:swap;
  src:url("worksans-latinext.woff2") format("woff2");
  unicode-range:U+0100-0130,U+0132-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ---------- Tokens ---------- */
:root{
  --wk_paper:#EADBC8;
  --wk_kraft:#E3D2B8;
  --wk_kraft_deep:#DAC6A6;
  --wk_card:#F4EBDC;
  --wk_card_line:#D8C4A4;
  --wk_ink:#2A2018;
  --wk_ink_soft:#5C4F41;
  --wk_ink_faint:#8A7A66;
  --wk_terra:#B8472A;
  --wk_terra_deep:#97371F;
  --wk_terra_ink:#7C2E19;
  --wk_olive:#4F5B2E;
  --wk_olive_deep:#39421F;
  --wk_olive_edge:#2C331683;
  --wk_cream:#FBF4E7;
  --wk_line:rgba(42,32,24,.16);
  --wk_line_soft:rgba(42,32,24,.10);
  --wk_shadow:6px 7px 0 rgba(42,32,24,.10);
  --wk_shadow_sm:4px 4px 0 rgba(42,32,24,.10);
  --wk_maxw:1180px;
  --wk_gutter:clamp(1.15rem,4vw,2.75rem);
  --wk_grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
}

/* ---------- Reset / base ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{
  margin:0;
  font-family:"Work Sans","Segoe UI",system-ui,sans-serif;
  font-weight:400;
  font-size:clamp(1rem,.97rem + .18vw,1.075rem);
  line-height:1.72;
  color:var(--wk_ink);
  background-color:var(--wk_paper);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
/* paper grain overlay */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:var(--wk_grain);
  background-size:160px 160px;
  opacity:.05;mix-blend-mode:multiply;
}
body>*{position:relative;z-index:1;}

img{max-width:100%;height:auto;display:block;}
a{color:var(--wk_terra_deep);text-underline-offset:3px;}
h1,h2,h3,h4{
  font-family:"Young Serif",Georgia,"Times New Roman",serif;
  font-weight:400;line-height:1.06;color:var(--wk_ink);
  margin:0;letter-spacing:-.005em;
}
p{margin:0 0 1.05em;}
p:last-child{margin-bottom:0;}
ul{margin:0;padding:0;list-style:none;}
strong{font-weight:600;}
:focus-visible{outline:3px solid var(--wk_terra);outline-offset:3px;border-radius:2px;}

/* skip link */
.wk_skip{
  position:absolute;left:1rem;top:-4rem;z-index:200;
  background:var(--wk_ink);color:var(--wk_cream);
  padding:.7rem 1.1rem;border-radius:4px;font-weight:600;
  transition:top .2s ease;
}
.wk_skip:focus{top:1rem;}

/* ---------- Layout helpers ---------- */
.wk_wrap{width:100%;max-width:var(--wk_maxw);margin-inline:auto;padding-inline:var(--wk_gutter);}
.wk_section{padding-block:clamp(3.4rem,7vw,6rem);position:relative;}
.wk_section_alt{background:var(--wk_kraft);}
.wk_section_edge{border-top:1px solid var(--wk_line_soft);}

/* section head, left aligned */
.wk_head{max-width:62ch;margin-bottom:clamp(2rem,4vw,3rem);}
.wk_head_center{margin-inline:auto;text-align:center;}
.wk_eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  font-family:"Work Sans";font-weight:600;font-size:.9rem;
  color:var(--wk_terra_deep);margin-bottom:1rem;
  letter-spacing:.01em;
}
.wk_eyebrow svg{width:1.05rem;height:1.05rem;flex:none;}
.wk_title{
  font-size:clamp(1.9rem,1.3rem + 2.6vw,3rem);
  max-width:20ch;
}
.wk_head_center .wk_title{max-width:24ch;margin-inline:auto;}
.wk_sub{
  margin-top:1.1rem;color:var(--wk_ink_soft);
  font-size:1.075rem;max-width:60ch;
}
.wk_head_center .wk_sub{margin-inline:auto;}
/* hand-inked underline under titles */
.wk_scratch{display:block;margin-top:.85rem;color:var(--wk_terra);height:13px;width:132px;}
.wk_head_center .wk_scratch{margin-inline:auto;}

/* ---------- Buttons ---------- */
.wk_btn{
  --_bg:var(--wk_terra);--_fg:var(--wk_cream);--_bd:var(--wk_terra_deep);
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  font-family:"Work Sans";font-weight:600;font-size:1rem;line-height:1;
  padding:.95rem 1.5rem;border-radius:5px;cursor:pointer;
  color:var(--_fg);background:var(--_bg);
  border:1.5px solid var(--_bd);
  box-shadow:var(--wk_shadow_sm);
  text-decoration:none;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.wk_btn svg{width:1.2rem;height:1.2rem;flex:none;}
.wk_btn:hover{transform:translate(-1px,-2px);box-shadow:6px 7px 0 rgba(42,32,24,.16);background:var(--wk_terra_deep);}
.wk_btn:active{transform:translate(1px,1px);box-shadow:2px 2px 0 rgba(42,32,24,.16);}
.wk_btn_lg{padding:1.1rem 1.85rem;font-size:1.075rem;}
.wk_btn_block{display:flex;width:100%;}
.wk_btn_ghost{
  --_bg:transparent;--_fg:var(--wk_ink);--_bd:var(--wk_ink);
  box-shadow:none;
}
.wk_btn_ghost:hover{background:var(--wk_ink);color:var(--wk_cream);box-shadow:var(--wk_shadow_sm);}
.wk_btn_cream{
  --_bg:var(--wk_cream);--_fg:var(--wk_terra_deep);--_bd:var(--wk_ink);
}
.wk_btn_cream:hover{background:#fff;color:var(--wk_terra_deep);}
.wk_btn_outline_light{
  --_bg:transparent;--_fg:var(--wk_cream);--_bd:rgba(251,244,231,.6);
  box-shadow:none;
}
.wk_btn_outline_light:hover{background:rgba(251,244,231,.14);color:var(--wk_cream);box-shadow:none;}
.wk_btn_row{display:flex;flex-wrap:wrap;gap:.85rem;}
.wk_btn_row_center{justify-content:center;}

.wk_arrow{
  display:inline-flex;align-items:center;gap:.4rem;
  font-family:"Work Sans";font-weight:600;color:var(--wk_terra_deep);
  text-decoration:none;font-size:.98rem;
}
.wk_arrow svg{width:1.05rem;height:1.05rem;transition:transform .18s ease;}
.wk_arrow:hover svg{transform:translateX(4px);}

/* ---------- Topbar ---------- */
.wk_topbar{
  background:var(--wk_olive_deep);color:#E7E2CF;
  font-size:.83rem;
}
.wk_topbar_in{
  display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;
  align-items:center;justify-content:space-between;
  padding-block:.55rem;
}
.wk_topbar_grp{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;align-items:center;}
.wk_topbar_item{display:inline-flex;align-items:center;gap:.45rem;color:#E7E2CF;text-decoration:none;}
.wk_topbar_item svg{width:1rem;height:1rem;color:var(--wk_terra);flex:none;}
.wk_topbar_item[href]:hover{color:#fff;text-decoration:underline;}
.wk_topbar_sep{opacity:.55;}
@media (max-width:720px){.wk_topbar_hide{display:none;}}

/* ---------- Header ---------- */
.wk_header{
  position:sticky;top:0;z-index:90;
  background:rgba(234,219,200,.9);
  backdrop-filter:blur(8px);
  border-bottom:1px solid transparent;
  transition:box-shadow .25s ease,border-color .25s ease,background .25s ease;
}
.wk_header.wk_stuck{
  box-shadow:0 3px 0 rgba(42,32,24,.06),0 14px 26px -20px rgba(42,32,24,.5);
  border-bottom-color:var(--wk_line);
  background:rgba(238,225,208,.96);
}
.wk_header_in{display:flex;align-items:center;gap:1.2rem;padding-block:.75rem;}

.wk_logo{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--wk_ink);}
.wk_logo_mark{
  display:grid;place-items:center;width:44px;height:44px;flex:none;
  background:var(--wk_terra);color:var(--wk_cream);
  border:1.5px solid var(--wk_ink);border-radius:6px;
  box-shadow:var(--wk_shadow_sm);
  transform:rotate(-3deg);
}
.wk_logo_mark svg{width:24px;height:24px;}
.wk_logo_text{display:flex;flex-direction:column;line-height:1;}
.wk_logo_name{font-family:"Young Serif",serif;font-size:1.4rem;color:var(--wk_ink);}
.wk_logo_name b{color:var(--wk_terra);font-weight:400;}
.wk_logo_tag{font-size:.72rem;font-weight:600;letter-spacing:.14em;color:var(--wk_ink_soft);margin-top:.28rem;text-transform:uppercase;}

.wk_nav{margin-left:auto;}
.wk_nav_list{display:flex;align-items:center;gap:.25rem;}
.wk_nav_item{position:relative;}
.wk_nav_link{
  display:inline-flex;align-items:center;gap:.3rem;
  font-family:"Work Sans";font-weight:500;font-size:.97rem;
  color:var(--wk_ink);text-decoration:none;
  padding:.55rem .7rem;border-radius:4px;
}
.wk_nav_link svg{width:.95rem;height:.95rem;}
.wk_nav_link:hover,.wk_nav_link:focus-visible{background:rgba(184,71,42,.1);color:var(--wk_terra_deep);}
.wk_nav_link.wk_active{color:var(--wk_terra_deep);}
.wk_nav_link.wk_active::after{
  content:"";position:absolute;left:.7rem;right:.7rem;bottom:.28rem;height:2px;
  background:var(--wk_terra);border-radius:2px;
}
.wk_nav_drop{
  position:absolute;top:calc(100% + .3rem);left:0;min-width:230px;
  background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:7px;
  box-shadow:var(--wk_shadow);
  padding:.4rem;opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.wk_nav_item:hover .wk_nav_drop,.wk_nav_item:focus-within .wk_nav_drop{opacity:1;visibility:visible;transform:none;}
.wk_nav_drop a{
  display:flex;align-items:center;gap:.6rem;
  padding:.6rem .7rem;border-radius:5px;
  color:var(--wk_ink);text-decoration:none;font-weight:500;font-size:.94rem;
}
.wk_nav_drop a svg{width:1.05rem;height:1.05rem;color:var(--wk_terra);flex:none;}
.wk_nav_drop a:hover{background:rgba(184,71,42,.1);color:var(--wk_terra_deep);}

.wk_header_actions{display:flex;align-items:center;gap:.7rem;margin-left:.4rem;}
.wk_hphone{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--wk_ink);}
.wk_hphone_ic{
  display:grid;place-items:center;width:38px;height:38px;flex:none;
  border:1.5px solid var(--wk_ink);border-radius:6px;color:var(--wk_terra);
  background:var(--wk_card);
}
.wk_hphone_ic svg{width:19px;height:19px;}
.wk_hphone_t{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap;}
.wk_hphone_label{font-size:.72rem;font-weight:600;color:var(--wk_ink_soft);}
.wk_hphone_num{font-family:"Young Serif",serif;font-size:1.06rem;color:var(--wk_ink);white-space:nowrap;}

.wk_navtoggle{
  display:none;width:44px;height:44px;flex:none;
  background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:6px;
  cursor:pointer;padding:0;place-items:center;
}
.wk_navtoggle span{display:block;width:20px;height:2px;background:var(--wk_ink);margin:2.5px auto;border-radius:2px;}

@media (max-width:1024px){
  .wk_nav,.wk_hphone{display:none;}
  .wk_navtoggle{display:grid;}
}
@media (max-width:560px){
  .wk_headhide{display:none;}
}

/* ---------- Mobile drawer ---------- */
.wk_backdrop{
  position:fixed;inset:0;z-index:95;background:rgba(42,32,24,.5);
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;
}
.wk_backdrop.wk_open{opacity:1;visibility:visible;}
.wk_drawer{
  position:fixed;top:0;right:0;bottom:0;z-index:100;width:min(340px,86vw);
  background:var(--wk_card);border-left:2px solid var(--wk_ink);
  box-shadow:-18px 0 40px -24px rgba(42,32,24,.7);
  transform:translateX(102%);transition:transform .32s cubic-bezier(.4,.02,.2,1);
  display:flex;flex-direction:column;padding:1.2rem;overflow-y:auto;
}
.wk_drawer.wk_open{transform:none;}
.wk_drawer_head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;padding-bottom:1rem;border-bottom:1px dashed var(--wk_line);}
.wk_drawer_close{
  width:42px;height:42px;flex:none;display:grid;place-items:center;
  background:transparent;border:1.5px solid var(--wk_ink);border-radius:6px;cursor:pointer;color:var(--wk_ink);
}
.wk_drawer_close svg{width:20px;height:20px;}
.wk_drawer_list{display:flex;flex-direction:column;margin-block:.4rem;}
.wk_drawer_list a{
  padding:.72rem .3rem;color:var(--wk_ink);text-decoration:none;font-weight:500;
  border-bottom:1px solid var(--wk_line_soft);
}
.wk_drawer_list a:hover{color:var(--wk_terra_deep);}
.wk_drawer_list .wk_drawer_sub a{padding-left:1.1rem;color:var(--wk_ink_soft);font-size:.95rem;}
.wk_drawer_cta{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem;}
.wk_drawer_info{margin-top:1.2rem;display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:var(--wk_ink_soft);}
.wk_drawer_info a{color:var(--wk_terra_deep);}

/* ---------- Hero ---------- */
.wk_hero{position:relative;padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(3.5rem,7vw,6rem);}
.wk_hero_grid{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(2rem,4vw,3.5rem);align-items:center;
}
.wk_kicker{
  display:inline-flex;align-items:center;gap:.55rem;
  background:var(--wk_card);border:1.5px solid var(--wk_ink);
  padding:.42rem .85rem;border-radius:40px;
  font-weight:600;font-size:.85rem;color:var(--wk_terra_deep);
  box-shadow:var(--wk_shadow_sm);
}
.wk_kicker span.wk_dot{width:9px;height:9px;border-radius:50%;background:var(--wk_terra);flex:none;}
.wk_hero_title{
  font-size:clamp(2.5rem,1.7rem + 4.4vw,4.4rem);
  margin-top:1.4rem;line-height:1.02;
}
.wk_mark{
  position:relative;white-space:nowrap;color:var(--wk_terra_deep);
  padding-inline:.06em;
}
.wk_mark::after{
  content:"";position:absolute;left:-.02em;right:-.02em;bottom:.07em;height:.34em;z-index:-1;
  background:rgba(184,71,42,.24);border-radius:3px;transform:rotate(-1.2deg);
}
.wk_hero_text{margin-top:1.5rem;font-size:1.14rem;color:var(--wk_ink_soft);max-width:52ch;}
.wk_hero_text strong{color:var(--wk_terra_deep);font-weight:600;}
.wk_hero_actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.9rem;}
.wk_checks{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:1.9rem;}
.wk_checks li{display:inline-flex;align-items:center;gap:.55rem;font-weight:500;font-size:.98rem;}
.wk_checks svg{width:1.15rem;height:1.15rem;color:var(--wk_olive);flex:none;}

/* hero right: photo collage + ticket */
.wk_hero_art{position:relative;min-height:420px;}
.wk_photo{
  position:relative;border:6px solid var(--wk_cream);
  box-shadow:var(--wk_shadow),0 20px 40px -26px rgba(42,32,24,.7);
  border-radius:3px;overflow:hidden;
}
.wk_photo img{width:100%;height:100%;object-fit:cover;}
.wk_collage_a{width:74%;transform:rotate(-2.4deg);}
.wk_collage_b{position:absolute;right:0;bottom:34px;width:52%;transform:rotate(3deg);z-index:2;}
/* masking tape corner */
.wk_tape{
  position:absolute;width:92px;height:26px;background:rgba(79,91,46,.32);
  border:1px dashed rgba(42,32,24,.28);
  top:-12px;left:26px;transform:rotate(-6deg);z-index:3;
  backdrop-filter:blur(1px);
}
.wk_collage_b .wk_tape{left:auto;right:22px;transform:rotate(5deg);}

/* the service ticket */
.wk_ticket{
  position:absolute;left:-8px;bottom:-26px;z-index:5;width:min(300px,72%);
  background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:8px;
  padding:1.35rem 1.35rem 1.5rem;
  box-shadow:var(--wk_shadow),0 24px 40px -26px rgba(42,32,24,.8);
}
.wk_ticket::before{
  /* perforated top edge */
  content:"";position:absolute;top:-1.5px;left:10px;right:10px;height:8px;
  background:radial-gradient(circle at 6px 8px,transparent 5px,var(--wk_ink) 5px 6px,transparent 6px);
  background-size:16px 8px;opacity:.32;
}
.wk_ticket_stamp{
  position:absolute;top:-20px;right:-14px;width:70px;height:70px;
  display:grid;place-items:center;text-align:center;
  color:var(--wk_terra);border:2.5px solid var(--wk_terra);border-radius:50%;
  font-family:"Young Serif",serif;font-size:.66rem;line-height:1.1;
  transform:rotate(-13deg);background:rgba(251,244,231,.85);
  opacity:.92;
}
.wk_ticket_title{font-size:1.28rem;margin-bottom:.5rem;}
.wk_ticket_sub{font-size:.92rem;color:var(--wk_ink_soft);margin-bottom:1.05rem;}
.wk_ticket .wk_checks{margin-top:1.1rem;flex-direction:column;gap:.55rem;}
.wk_ticket_note{margin-top:1rem;font-size:.8rem;color:var(--wk_ink_faint);border-top:1px dashed var(--wk_line);padding-top:.85rem;}

@media (max-width:960px){
  .wk_hero_grid{grid-template-columns:1fr;}
  .wk_hero_art{min-height:0;margin-top:.5rem;padding-bottom:0;display:flex;flex-direction:column;}
  .wk_collage_a{width:84%;}
  .wk_collage_b{position:static;width:58%;margin:-2.6rem 0 0 auto;bottom:auto;}
  .wk_ticket{position:static;width:100%;margin-top:1.9rem;left:auto;bottom:auto;}
  .wk_ticket_stamp{top:-16px;}
}

/* ---------- Trust strip (counters) ---------- */
.wk_strip{
  background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:10px;
  box-shadow:var(--wk_shadow);
  display:grid;grid-template-columns:repeat(4,1fr);
}
.wk_strip_item{padding:1.6rem 1.3rem;text-align:center;border-right:1px dashed var(--wk_line);}
.wk_strip_item:last-child{border-right:none;}
.wk_num{font-family:"Young Serif",serif;font-size:clamp(1.9rem,1.3rem + 2vw,2.7rem);color:var(--wk_terra_deep);line-height:1;}
.wk_num_unit{color:var(--wk_olive);font-size:.7em;}
.wk_strip_label{margin-top:.5rem;font-size:.92rem;color:var(--wk_ink_soft);font-weight:500;}
@media (max-width:720px){
  .wk_strip{grid-template-columns:1fr 1fr;}
  .wk_strip_item:nth-child(2){border-right:none;}
  .wk_strip_item:nth-child(1),.wk_strip_item:nth-child(2){border-bottom:1px dashed var(--wk_line);}
}

/* ---------- Service cards ---------- */
.wk_grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;}
.wk_grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;}
@media (max-width:1024px){.wk_grid4{grid-template-columns:1fr 1fr;}}
@media (max-width:900px){.wk_grid3{grid-template-columns:1fr 1fr;}}
@media (max-width:620px){.wk_grid4,.wk_grid3{grid-template-columns:1fr;}}

.wk_svc{
  background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:9px;
  overflow:hidden;display:flex;flex-direction:column;
  box-shadow:var(--wk_shadow_sm);position:relative;
  transition:transform .18s ease,box-shadow .18s ease;
}
.wk_svc:hover{transform:translateY(-4px);box-shadow:var(--wk_shadow);}
.wk_svc_media{position:relative;aspect-ratio:16/11;overflow:hidden;border-bottom:1.5px solid var(--wk_ink);}
.wk_svc_media img{width:100%;height:100%;object-fit:cover;}
.wk_svc_ic{
  position:absolute;left:1rem;bottom:-22px;width:52px;height:52px;z-index:2;
  display:grid;place-items:center;background:var(--wk_terra);color:var(--wk_cream);
  border:1.5px solid var(--wk_ink);border-radius:8px;box-shadow:var(--wk_shadow_sm);
  transform:rotate(-4deg);
}
.wk_svc_ic svg{width:26px;height:26px;}
.wk_svc_body{padding:1.9rem 1.35rem 1.4rem;display:flex;flex-direction:column;flex:1;}
.wk_svc_title{font-size:1.4rem;margin-bottom:.55rem;}
.wk_svc_title a{color:var(--wk_ink);text-decoration:none;}
.wk_svc_title a:hover{color:var(--wk_terra_deep);}
.wk_svc_text{color:var(--wk_ink_soft);font-size:.98rem;margin-bottom:1rem;}
.wk_chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;}
.wk_chips li{font-size:.8rem;font-weight:600;color:var(--wk_olive);background:rgba(79,91,46,.1);border:1px solid rgba(79,91,46,.25);padding:.26rem .6rem;border-radius:40px;}
.wk_svc_foot{margin-top:auto;padding-top:.4rem;}

/* ---------- Feature / guarantee cards (01-06) ---------- */
.wk_feat{
  background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:9px;
  padding:1.6rem 1.45rem;position:relative;box-shadow:var(--wk_shadow_sm);
}
.wk_feat_no{
  position:absolute;top:1.1rem;right:1.2rem;
  font-family:"Young Serif",serif;font-size:1.15rem;color:var(--wk_terra);
  border:1.5px solid var(--wk_terra);border-radius:50%;
  width:38px;height:38px;display:grid;place-items:center;
  transform:rotate(-8deg);opacity:.85;
}
.wk_feat_ic{
  display:grid;place-items:center;width:52px;height:52px;
  background:var(--wk_olive);color:var(--wk_cream);border:1.5px solid var(--wk_ink);
  border-radius:8px;box-shadow:var(--wk_shadow_sm);margin-bottom:1.05rem;
}
.wk_feat_ic svg{width:26px;height:26px;}
.wk_feat_title{font-size:1.28rem;margin-bottom:.55rem;max-width:16ch;}
.wk_feat_text{color:var(--wk_ink_soft);font-size:.98rem;}

/* ---------- Split (corporate) ---------- */
.wk_split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:center;}
@media (max-width:900px){.wk_split{grid-template-columns:1fr;}}
.wk_stack{position:relative;padding-bottom:3rem;padding-right:2.5rem;}
.wk_stack_main{transform:rotate(-1.5deg);}
.wk_stack_accent{position:absolute;right:0;bottom:0;width:48%;transform:rotate(3deg);z-index:2;}
.wk_seal{
  position:absolute;left:0;bottom:8px;z-index:3;max-width:64%;
  display:flex;align-items:center;gap:.7rem;
  background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:8px;
  padding:.75rem .9rem;box-shadow:var(--wk_shadow_sm);
}
.wk_seal_ic{display:grid;place-items:center;width:38px;height:38px;flex:none;background:var(--wk_olive);color:var(--wk_cream);border-radius:7px;}
.wk_seal_ic svg{width:20px;height:20px;}
.wk_seal_t{font-family:"Young Serif",serif;font-size:.95rem;line-height:1.15;}
.wk_seal_s{font-size:.78rem;color:var(--wk_ink_soft);margin-top:.15rem;}
.wk_prose p{color:var(--wk_ink_soft);}
.wk_ledger{margin-top:1.4rem;display:flex;flex-direction:column;gap:.7rem;}
.wk_ledger li{display:flex;gap:.7rem;align-items:flex-start;font-size:1rem;}
.wk_ledger li::before{
  content:"";flex:none;width:1.4rem;height:1.4rem;margin-top:.14rem;border-radius:5px;
  background:var(--wk_terra) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FBF4E7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/68% no-repeat;
  border:1.5px solid var(--wk_ink);
}
.wk_ledger li strong{color:var(--wk_ink);}

/* ---------- Dark stats (olive) ---------- */
.wk_dark{
  background:var(--wk_olive_deep);color:#EDE7D3;
  position:relative;overflow:hidden;
}
.wk_dark .wk_title,.wk_dark .wk_ticket_title{color:var(--wk_cream);}
.wk_dark .wk_eyebrow{color:#D6B49F;}
.wk_dark .wk_sub{color:rgba(237,231,211,.8);}
.wk_dark::after{
  content:"";position:absolute;inset:0;background-image:var(--wk_grain);background-size:160px 160px;opacity:.06;pointer-events:none;
}
.wk_statband{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;position:relative;}
@media (max-width:820px){.wk_statband{grid-template-columns:1fr 1fr;}}
@media (max-width:460px){.wk_statband{grid-template-columns:1fr;}}
.wk_stat{
  background:rgba(251,244,231,.06);border:1px solid rgba(251,244,231,.16);
  border-radius:10px;padding:1.6rem 1.3rem;
}
.wk_stat_ic{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:var(--wk_terra);color:var(--wk_cream);margin-bottom:1rem;}
.wk_stat_ic svg{width:24px;height:24px;}
.wk_stat_num{font-family:"Young Serif",serif;font-size:clamp(1.9rem,1.4rem + 1.6vw,2.5rem);color:var(--wk_cream);line-height:1;}
.wk_stat_num .wk_num_unit{color:#D6B49F;font-size:.62em;}
.wk_stat_label{margin-top:.55rem;color:rgba(237,231,211,.78);font-size:.94rem;}

/* ---------- Process steps ---------- */
.wk_steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1.1rem;position:relative;}
@media (max-width:900px){.wk_steps{grid-template-columns:1fr 1fr;}}
@media (max-width:520px){.wk_steps{grid-template-columns:1fr;}}
.wk_step{
  background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:9px;
  padding:1.35rem 1.15rem;box-shadow:var(--wk_shadow_sm);position:relative;
}
.wk_step_no{
  width:44px;height:44px;display:grid;place-items:center;margin-bottom:.9rem;
  font-family:"Young Serif",serif;font-size:1.3rem;color:var(--wk_cream);
  background:var(--wk_terra);border:1.5px solid var(--wk_ink);border-radius:50%;
  box-shadow:var(--wk_shadow_sm);
}
.wk_step_title{font-size:1.16rem;margin-bottom:.45rem;}
.wk_step_text{color:var(--wk_ink_soft);font-size:.92rem;}

.wk_inlinecta{
  margin-top:2.4rem;display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-between;
  background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:10px;
  padding:1.5rem 1.7rem;box-shadow:var(--wk_shadow_sm);
}
.wk_inlinecta h3{font-size:1.4rem;margin-bottom:.25rem;}
.wk_inlinecta p{color:var(--wk_ink_soft);}

/* ---------- Brand directory ---------- */
.wk_brandgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:.9rem;}
@media (max-width:1024px){.wk_brandgrid{grid-template-columns:repeat(4,1fr);}}
@media (max-width:640px){.wk_brandgrid{grid-template-columns:repeat(2,1fr);}}
.wk_brand{
  display:flex;flex-direction:column;gap:.15rem;text-decoration:none;
  background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:8px;
  padding:1.05rem 1rem;box-shadow:var(--wk_shadow_sm);
  transition:transform .16s ease,box-shadow .16s ease;
}
.wk_brand:hover{transform:translate(-1px,-3px);box-shadow:var(--wk_shadow);}
.wk_brand_mono{
  font-family:"Young Serif",serif;font-size:1.5rem;color:var(--wk_cream);
  width:42px;height:42px;display:grid;place-items:center;margin-bottom:.5rem;
  background:var(--wk_olive);border:1.5px solid var(--wk_ink);border-radius:6px;
  transform:rotate(-3deg);
}
.wk_brand_name{font-family:"Young Serif",serif;font-size:1.15rem;color:var(--wk_ink);}
.wk_brand_meta{font-size:.8rem;color:var(--wk_ink_soft);}

/* ---------- Fault directory ---------- */
.wk_faultcard{
  background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:9px;
  padding:1.5rem 1.45rem;box-shadow:var(--wk_shadow_sm);
}
.wk_faultcard h3{font-size:1.3rem;margin-bottom:1rem;padding-bottom:.7rem;border-bottom:2px solid var(--wk_terra);display:inline-block;}
.wk_linklist li{border-bottom:1px solid var(--wk_line_soft);}
.wk_linklist li:last-child{border-bottom:none;}
.wk_linklist a{
  display:flex;align-items:center;gap:.55rem;padding:.6rem 0;
  color:var(--wk_ink);text-decoration:none;font-size:.96rem;
}
.wk_linklist a::before{content:"";flex:none;width:6px;height:6px;background:var(--wk_terra);border-radius:1px;transform:rotate(45deg);}
.wk_linklist a:hover{color:var(--wk_terra_deep);}

/* ---------- Region cards ---------- */
.wk_region{
  background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:9px;
  padding:1.5rem 1.45rem;box-shadow:var(--wk_shadow_sm);
}
.wk_region_head{display:flex;align-items:center;gap:.85rem;margin-bottom:1.1rem;padding-bottom:1rem;border-bottom:1px dashed var(--wk_line);}
.wk_region_ic{display:grid;place-items:center;width:44px;height:44px;flex:none;background:var(--wk_terra);color:var(--wk_cream);border:1.5px solid var(--wk_ink);border-radius:8px;}
.wk_region_ic svg{width:22px;height:22px;}
.wk_region_title{font-size:1.35rem;}
.wk_region_count{font-size:.85rem;color:var(--wk_ink_soft);font-weight:500;}
.wk_region_list{display:flex;flex-wrap:wrap;gap:.45rem .55rem;}
.wk_region_list a{
  font-size:.86rem;font-weight:500;color:var(--wk_olive);
  background:rgba(79,91,46,.09);border:1px solid rgba(79,91,46,.22);
  padding:.34rem .68rem;border-radius:40px;text-decoration:none;
}
.wk_region_list a:hover{background:var(--wk_olive);color:var(--wk_cream);}

/* ---------- Testimonials (static grid, no autoplay) ---------- */
.wk_reviews{columns:3;column-gap:1.4rem;}
@media (max-width:960px){.wk_reviews{columns:2;}}
@media (max-width:620px){.wk_reviews{columns:1;}}
.wk_review{
  break-inside:avoid;margin-bottom:1.4rem;
  background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:9px;
  padding:1.4rem 1.35rem;box-shadow:var(--wk_shadow_sm);position:relative;
}
.wk_stars{display:flex;gap:.15rem;margin-bottom:.85rem;}
.wk_stars svg{width:1.05rem;height:1.05rem;fill:var(--wk_terra);}
.wk_stars svg.wk_star_off{fill:rgba(42,32,24,.2);}
.wk_review_text{color:var(--wk_ink);font-size:.98rem;margin-bottom:1.1rem;}
.wk_review_author{display:flex;align-items:center;gap:.7rem;padding-top:.9rem;border-top:1px dashed var(--wk_line);}
.wk_avatar{
  display:grid;place-items:center;width:44px;height:44px;flex:none;
  font-family:"Young Serif",serif;font-size:1rem;color:var(--wk_cream);
  background:var(--wk_olive);border:1.5px solid var(--wk_ink);border-radius:50%;
}
.wk_review_name{font-family:"Young Serif",serif;font-size:1.05rem;}
.wk_review_meta{font-size:.82rem;color:var(--wk_ink_soft);}

/* ---------- Blog ---------- */
.wk_post{
  background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:9px;
  overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--wk_shadow_sm);
  transition:transform .18s ease,box-shadow .18s ease;
}
.wk_post:hover{transform:translateY(-4px);box-shadow:var(--wk_shadow);}
.wk_post_media{position:relative;aspect-ratio:16/10;overflow:hidden;border-bottom:1.5px solid var(--wk_ink);}
.wk_post_media img{width:100%;height:100%;object-fit:cover;}
.wk_badge{
  position:absolute;left:.9rem;top:.9rem;
  background:var(--wk_terra);color:var(--wk_cream);
  border:1.5px solid var(--wk_ink);border-radius:40px;
  padding:.28rem .75rem;font-size:.78rem;font-weight:600;
}
.wk_post_body{padding:1.35rem;display:flex;flex-direction:column;flex:1;}
.wk_post_meta{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-bottom:.7rem;font-size:.82rem;color:var(--wk_ink_soft);}
.wk_post_meta span{display:inline-flex;align-items:center;gap:.35rem;}
.wk_post_meta svg{width:.95rem;height:.95rem;color:var(--wk_terra);}
.wk_post_title{font-size:1.24rem;margin-bottom:.55rem;line-height:1.18;}
.wk_post_title a{color:var(--wk_ink);text-decoration:none;}
.wk_post_title a:hover{color:var(--wk_terra_deep);}
.wk_post_text{color:var(--wk_ink_soft);font-size:.95rem;margin-bottom:1rem;}
.wk_post_foot{margin-top:auto;}

/* ---------- FAQ + sidebar ---------- */
.wk_faqwrap{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(1.6rem,4vw,3rem);align-items:start;}
@media (max-width:920px){.wk_faqwrap{grid-template-columns:1fr;}}
.wk_acc{display:flex;flex-direction:column;gap:.85rem;}
.wk_acc_item{
  background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:8px;
  overflow:hidden;box-shadow:var(--wk_shadow_sm);
}
.wk_acc_btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  background:transparent;border:none;cursor:pointer;text-align:left;
  font-family:"Young Serif",serif;font-size:1.1rem;color:var(--wk_ink);
  padding:1.15rem 1.3rem;
}
.wk_acc_ic{
  flex:none;width:30px;height:30px;display:grid;place-items:center;color:var(--wk_terra);
  border:1.5px solid var(--wk_terra);border-radius:50%;transition:transform .3s ease;
}
.wk_acc_ic svg{width:16px;height:16px;}
.wk_acc_item.wk_open .wk_acc_ic{transform:rotate(180deg);background:var(--wk_terra);color:var(--wk_cream);}
.wk_acc_panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease;}
.wk_acc_item.wk_open .wk_acc_panel{grid-template-rows:1fr;}
.wk_acc_inner{overflow:hidden;}
.wk_acc_inner p{padding:0 1.3rem 1.25rem;color:var(--wk_ink_soft);font-size:.98rem;}

.wk_side{display:flex;flex-direction:column;gap:1.2rem;position:sticky;top:96px;}
.wk_sidecard{background:var(--wk_card);border:1.5px solid var(--wk_ink);border-radius:9px;padding:1.5rem;box-shadow:var(--wk_shadow_sm);}
.wk_sidecard_brand{background:var(--wk_terra);border-color:var(--wk_ink);color:var(--wk_cream);}
.wk_sidecard_brand .wk_side_title{color:var(--wk_cream);}
.wk_sidecard_brand p{color:rgba(251,244,231,.88);}
.wk_side_title{font-size:1.25rem;margin-bottom:.7rem;}
.wk_side_phone{display:block;font-family:"Young Serif",serif;font-size:1.7rem;color:var(--wk_cream);text-decoration:none;margin-block:.9rem;}
.wk_side_phone:hover{text-decoration:underline;}
.wk_sidecard_dark{background:var(--wk_olive_deep);border-color:var(--wk_ink);color:#EDE7D3;}
.wk_sidecard_dark .wk_side_title{color:var(--wk_cream);}
.wk_hours li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px dashed rgba(251,244,231,.2);font-size:.94rem;}
.wk_hours li:last-child{border-bottom:none;}
.wk_hours li span:last-child{color:#D6B49F;font-weight:600;}
.wk_quicklinks li{border-bottom:1px solid var(--wk_line_soft);}
.wk_quicklinks li:last-child{border-bottom:none;}
.wk_quicklinks a{display:block;padding:.55rem 0;color:var(--wk_ink);text-decoration:none;font-weight:500;}
.wk_quicklinks a:hover{color:var(--wk_terra_deep);padding-left:.3rem;transition:padding .16s ease;}

/* ---------- CTA band ---------- */
.wk_ctaband{background:var(--wk_terra);color:var(--wk_cream);position:relative;overflow:hidden;}
.wk_ctaband::after{content:"";position:absolute;inset:0;background-image:var(--wk_grain);background-size:160px 160px;opacity:.08;pointer-events:none;}
.wk_ctaband_in{display:flex;flex-wrap:wrap;gap:1.6rem;align-items:center;justify-content:space-between;position:relative;}
.wk_ctaband .wk_eyebrow{color:var(--wk_cream);}
.wk_ctaband .wk_eyebrow .wk_dot{background:var(--wk_cream);}
.wk_ctaband_title{color:var(--wk_cream);font-size:clamp(1.8rem,1.3rem + 2vw,2.7rem);max-width:18ch;margin-top:.7rem;}
.wk_ctaband_text{color:rgba(251,244,231,.9);margin-top:.8rem;max-width:44ch;}
.wk_ctaband_actions{display:flex;flex-wrap:wrap;gap:.85rem;}

/* ---------- Footer ---------- */
.wk_footer{background:var(--wk_olive_deep);color:#CFC9B4;position:relative;}
.wk_footer::before{content:"";position:absolute;inset:0;background-image:var(--wk_grain);background-size:160px 160px;opacity:.05;pointer-events:none;}
.wk_footer_top{padding-block:clamp(3rem,5vw,4.5rem);position:relative;}
.wk_footer_grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1.4fr;gap:2rem;}
@media (max-width:1024px){.wk_footer_grid{grid-template-columns:1fr 1fr 1fr;}}
@media (max-width:620px){.wk_footer_grid{grid-template-columns:1fr;}}
.wk_footer .wk_logo_name,.wk_footer .wk_logo_tag{color:var(--wk_cream);}
.wk_footer .wk_logo_tag{color:#B9B29A;}
.wk_footer_text{margin-top:1rem;color:#B9B29A;font-size:.92rem;max-width:38ch;}
.wk_footer_title{font-size:1.1rem;color:var(--wk_cream);margin-bottom:1rem;}
.wk_footer_links li{margin-bottom:.55rem;}
.wk_footer_links a{color:#CFC9B4;text-decoration:none;font-size:.94rem;}
.wk_footer_links a:hover{color:var(--wk_terra);}
.wk_footer_contact li{display:flex;gap:.7rem;margin-bottom:1rem;font-size:.9rem;color:#CFC9B4;}
.wk_footer_contact svg{width:1.15rem;height:1.15rem;color:var(--wk_terra);flex:none;margin-top:.15rem;}
.wk_footer_contact strong{display:block;color:var(--wk_cream);font-family:"Young Serif",serif;font-weight:400;margin-bottom:.15rem;}
.wk_footer_contact a{color:#CFC9B4;text-decoration:none;}
.wk_footer_contact a:hover{color:var(--wk_terra);}
.wk_footer_seo{border-top:1px solid rgba(251,244,231,.12);padding-block:2rem;position:relative;}
.wk_footer_seo_title{font-family:"Young Serif",serif;color:var(--wk_cream);margin-bottom:1rem;font-size:1.05rem;}
.wk_footer_seo_links{display:flex;flex-wrap:wrap;gap:.5rem .7rem;}
.wk_footer_seo_links a{font-size:.83rem;color:#B9B29A;text-decoration:none;background:rgba(251,244,231,.06);border:1px solid rgba(251,244,231,.12);padding:.32rem .7rem;border-radius:40px;}
.wk_footer_seo_links a:hover{color:var(--wk_cream);border-color:var(--wk_terra);}
.wk_footer_bottom{border-top:1px solid rgba(251,244,231,.12);padding-block:1.4rem;position:relative;}
.wk_footer_bottom_in{display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;align-items:center;justify-content:space-between;font-size:.85rem;color:#B9B29A;}
.wk_footer_legal{display:flex;flex-wrap:wrap;gap:.7rem 1.3rem;}
.wk_footer_legal a{color:#B9B29A;text-decoration:none;}
.wk_footer_legal a:hover{color:var(--wk_terra);}

/* ---------- Mobile callbar + to-top ---------- */
.wk_callbar{
  position:fixed;left:0;right:0;bottom:0;z-index:80;display:none;
  align-items:center;justify-content:center;gap:.6rem;
  background:var(--wk_terra);color:var(--wk_cream);text-decoration:none;
  font-family:"Work Sans";font-weight:600;padding:.95rem;
  border-top:2px solid var(--wk_ink);
}
.wk_callbar svg{width:1.2rem;height:1.2rem;}
@media (max-width:1024px){.wk_callbar{display:flex;}body{padding-bottom:56px;}}

.wk_totop{
  position:fixed;right:1.1rem;bottom:1.1rem;z-index:70;
  width:46px;height:46px;display:grid;place-items:center;
  background:var(--wk_card);color:var(--wk_ink);
  border:1.5px solid var(--wk_ink);border-radius:8px;box-shadow:var(--wk_shadow_sm);
  cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .25s ease,transform .25s ease,visibility .25s;
}
.wk_totop svg{width:22px;height:22px;}
.wk_totop.wk_show{opacity:1;visibility:visible;transform:none;}
@media (max-width:1024px){.wk_totop{bottom:70px;}}

/* ---------- Spacing utils ---------- */
.wk_mt40{margin-top:2.5rem;}
.wk_mt32{margin-top:2rem;}

/* ---------- Scroll reveal (motion-safe, JS fail-safe) ---------- */
@media (prefers-reduced-motion:no-preference){
  .wk_js .wk_reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);}
  .wk_js .wk_reveal.wk_in{opacity:1;transform:none;}
  .wk_js .wk_reveal[data-d="1"]{transition-delay:.09s;}
  .wk_js .wk_reveal[data-d="2"]{transition-delay:.18s;}
  .wk_js .wk_reveal[data-d="3"]{transition-delay:.27s;}
  .wk_js .wk_reveal[data-d="4"]{transition-delay:.36s;}
}