.artrek-rd-hero{max-width:1600px;margin:0 auto;padding:2rem 1rem 0}.artrek-rd-hero>div:first-child{overflow:hidden;border:1px solid var(--border);border-radius:1rem;background:var(--card)}.artrek-rd-hero>div:first-child>div{display:grid;min-height:420px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.artrek-rd-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.artrek-rd-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:230px;overflow:hidden;border:1px solid var(--border);border-radius:1rem;background:var(--card);transition:.25s ease}.artrek-rd-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(15,23,42,.24)}.artrek-rd-benefits{max-width:1600px;margin:0 auto;padding:2rem 1rem 2.5rem}.artrek-rd-seo{max-width:1600px;margin:0 auto;padding:0 1rem 5rem}.artrek-rd-seo-block{overflow:hidden;border:1px solid var(--border);border-radius:1rem;background:var(--card);box-shadow:0 6px 20px -18px rgba(15,23,42,.35);margin-bottom:2.5rem}.artrek-rd-seo-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.artrek-rd-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.artrek-rd-gallery figure{min-height:250px}.artrek-rd-seo-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(max-width:1023px){.artrek-rd-hero>div:first-child>div,.artrek-rd-seo-main{grid-template-columns:1fr}.artrek-rd-cards{grid-template-columns:1fr 1fr}.artrek-rd-card{grid-template-columns:1fr}.artrek-rd-card>div:last-child{min-height:220px}.artrek-rd-gallery figure{min-height:220px}}@media(max-width:767px){.artrek-rd-hero{padding-top:1rem}.artrek-rd-cards{grid-template-columns:1fr}.artrek-rd-seo-menu{grid-template-columns:1fr}.artrek-rd-gallery{grid-template-columns:1fr 1fr}.artrek-rd-gallery figure{min-height:180px}}@media(max-width:520px){.artrek-rd-gallery{grid-template-columns:1fr}.artrek-rd-gallery figure{min-height:220px}}

/* Stage 61: catalog lives in the top direction row; all direction dropdowns use the catalog mega-menu visual language. */
.artrek-direction-nav{display:flex;gap:.5rem;align-items:center;padding:.65rem 0 .35rem;overflow:visible}.artrek-direction-item{position:relative;flex:0 1 auto}.artrek-direction-item--catalog{flex:0 0 auto}.artrek-direction-item--catalog .artrek-mega-menu{position:relative}.artrek-direction-item--catalog .artrek-mega-toggle{height:44px;min-height:44px;padding:.625rem 1rem;border-radius:.45rem;font-size:.78rem;font-weight:650;line-height:1.1}.artrek-direction-button{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;padding:.625rem 1rem;border-radius:.45rem;background:#16a637;color:#fff;font-size:.78rem;font-weight:650;line-height:1.1;white-space:nowrap;transition:background .15s ease,transform .15s ease}.artrek-direction-button:hover,.artrek-direction-item:focus-within .artrek-direction-button{background:#108c2e;color:#fff}.artrek-direction-dropdown{position:absolute;top:calc(100% + 12px);left:0;z-index:80;width:min(640px,calc(100vw - 32px));padding:1rem;border:1px solid #334155;border-radius:.75rem;background:#1e293b;color:#f1f5f9;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s ease;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}.artrek-direction-item:last-child .artrek-direction-dropdown{left:auto;right:0}.artrek-direction-item:hover .artrek-direction-dropdown,.artrek-direction-item:focus-within .artrek-direction-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.artrek-direction-dropdown__title{grid-column:1/-1;padding:.25rem .75rem .55rem;color:#94a3b8;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.artrek-direction-dropdown>a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#e2e8f0;transition:background-color .15s,color .15s}.artrek-direction-dropdown>a svg{color:#22c55e}.artrek-direction-dropdown>a:hover{background:#334155b3;color:#fff}.artrek-direction-dropdown .artrek-direction-all{grid-column:1/-1;margin-top:.35rem;border-top:1px solid #334155;border-radius:0;padding-top:.8rem;color:#fff;font-weight:700}.artrek-header-search-row{display:flex;align-items:center;gap:.75rem;padding:.25rem 0 .65rem}.artrek-header-search-row form{min-width:0}.artrek-site-header .artrek-logo{object-fit:contain}
@media(max-width:1180px){.artrek-direction-nav{overflow-x:auto;overflow-y:visible;scrollbar-width:none;padding-bottom:.5rem}.artrek-direction-nav::-webkit-scrollbar{display:none}.artrek-direction-button,.artrek-direction-item--catalog .artrek-mega-toggle{font-size:.74rem}.artrek-direction-dropdown{display:none}}
@media(max-width:767px){.artrek-header-search-row{padding-top:.15rem}.artrek-direction-nav{margin-right:-1rem;padding-right:1rem}.artrek-direction-button,.artrek-direction-item--catalog .artrek-mega-toggle{min-height:40px;height:40px;padding:.5rem .75rem}}

/* Stage 5: hero typography and CTA aligned to approved mockup. */
.artrek-rd-hero-copy{padding:3.25rem 2.25rem 3.25rem 2.25rem!important}
.artrek-rd-hero-title{margin:0!important;max-width:760px!important;font-size:clamp(3rem,4.2vw,4.75rem)!important;font-weight:800!important;line-height:.98!important;letter-spacing:-.045em!important;color:#0b1029!important}
.artrek-rd-hero-subtitle{margin-top:1.2rem!important;max-width:720px!important;font-size:1.15rem!important;line-height:1.55!important;color:#53627d!important}
.artrek-rd-hero-cta{display:inline-flex!important;width:auto!important;min-width:0!important;align-self:flex-start!important;margin-top:1.8rem!important;height:50px!important;padding:0 1.65rem!important;border-radius:.55rem!important;background:#19ad3e!important;color:#fff!important;font-size:1rem!important;font-weight:700!important;line-height:1!important;box-shadow:none!important}
.artrek-rd-hero-cta:hover{background:#129536!important;color:#fff!important;opacity:1!important}
.artrek-rd-hero-media img{object-position:center center!important}
@media(max-width:1180px){.artrek-rd-hero-copy{padding:2.75rem 2rem!important}.artrek-rd-hero-title{font-size:clamp(2.6rem,5vw,4rem)!important}}
@media(max-width:767px){.artrek-rd-hero-copy{padding:2rem 1.5rem!important}.artrek-rd-hero-title{font-size:clamp(2.25rem,10vw,3.25rem)!important;line-height:1.02!important}.artrek-rd-hero-subtitle{font-size:1rem!important}.artrek-rd-hero-cta{height:46px!important;padding:0 1.3rem!important}}

/* Stage 63: unified animated direction buttons. Catalog opens on hover and its label is a real page link. */
.artrek-direction-button,
.artrek-direction-item--catalog .artrek-mega-toggle{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(135deg,#16a637 0%,#119331 100%);
  color:#fff;
  box-shadow:0 6px 14px rgba(16,140,46,.16);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,filter .18s ease;
  text-decoration:none;
}
.artrek-direction-button::before,
.artrek-direction-item--catalog .artrek-mega-toggle::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-80%;
  left:-45%;
  width:34%;
  height:260%;
  background:rgba(255,255,255,.18);
  transform:rotate(22deg) translateX(-260%);
  transition:transform .42s ease;
  pointer-events:none;
}
.artrek-direction-button:hover,
.artrek-direction-button:focus-visible,
.artrek-direction-item--catalog .artrek-mega-toggle:hover,
.artrek-direction-item--catalog .artrek-mega-toggle:focus-visible,
.artrek-direction-item--catalog .artrek-mega-menu.is-open .artrek-mega-toggle{
  background:linear-gradient(135deg,#18ad3b 0%,#0d8429 100%);
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(16,140,46,.25);
  filter:saturate(1.04);
}
.artrek-direction-button:hover::before,
.artrek-direction-button:focus-visible::before,
.artrek-direction-item--catalog .artrek-mega-toggle:hover::before,
.artrek-direction-item--catalog .artrek-mega-toggle:focus-visible::before,
.artrek-direction-item--catalog .artrek-mega-menu.is-open .artrek-mega-toggle::before{
  transform:rotate(22deg) translateX(620%);
}
.artrek-direction-button svg{
  transition:transform .18s ease;
}
.artrek-direction-item:hover .artrek-direction-button svg,
.artrek-direction-item:focus-within .artrek-direction-button svg{
  transform:rotate(180deg);
}
.artrek-direction-item--catalog .artrek-mega-toggle .artrek-mega-burger{
  transition:transform .22s ease;
}
.artrek-direction-item--catalog .artrek-mega-menu.is-open .artrek-mega-burger,
.artrek-direction-item--catalog .artrek-mega-toggle:hover .artrek-mega-burger{
  transform:scale(1.06);
}


/* Stage 64: all four direction buttons use the same burger-to-X interaction as Souvenir products. */
.artrek-direction-button{justify-content:flex-start;gap:.55rem}
.artrek-direction-menu-icon{width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}
.artrek-direction-menu-icon__line{transition:stroke-dasharray .45s cubic-bezier(.4,0,.2,1),stroke-dashoffset .45s cubic-bezier(.4,0,.2,1)}
.artrek-direction-menu-icon__line--1,.artrek-direction-menu-icon__line--3{stroke-dasharray:60 207;stroke-width:6}
.artrek-direction-menu-icon__line--2{stroke-dasharray:60 60;stroke-width:6}
.artrek-direction-item:hover .artrek-direction-menu-icon__line--1,
.artrek-direction-item:focus-within .artrek-direction-menu-icon__line--1{stroke-dasharray:90 207;stroke-dashoffset:-134}
.artrek-direction-item:hover .artrek-direction-menu-icon__line--2,
.artrek-direction-item:focus-within .artrek-direction-menu-icon__line--2{stroke-dasharray:1 60;stroke-dashoffset:-30}
.artrek-direction-item:hover .artrek-direction-menu-icon__line--3,
.artrek-direction-item:focus-within .artrek-direction-menu-icon__line--3{stroke-dasharray:90 207;stroke-dashoffset:-134}
.artrek-direction-item:hover .artrek-direction-menu-icon,
.artrek-direction-item:focus-within .artrek-direction-menu-icon{transform:scale(1.06)}
/* Stage 64: the old right-side dropdown chevrons are removed from the direction buttons. */


/* Stage 65: semantic mini-icons for every submenu item. */
.artrek-direction-dropdown__item-main{display:flex;align-items:center;min-width:0;gap:.65rem}
.artrek-direction-dropdown__item-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;color:#22c55e}
.artrek-direction-dropdown__item-icon svg{width:18px;height:18px;color:inherit;stroke-width:1.8}
.artrek-direction-dropdown__chevron{flex:0 0 auto;color:#22c55e}
.artrek-direction-dropdown>a:hover .artrek-direction-dropdown__item-icon{color:#4ade80;transform:translateX(1px)}
.artrek-direction-dropdown__item-icon{transition:color .15s ease,transform .15s ease}


/* Stage 67: mobile homepage hero media must keep a real image area below the copy. */
@media(max-width:1023px){
  .artrek-rd-hero>div:first-child>div{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;}
  .artrek-rd-hero-media{position:relative!important;width:100%!important;height:320px!important;min-height:320px!important;display:block!important;overflow:hidden!important;}
  .artrek-rd-hero-media .artrek-hero-fade-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;}
}
@media(max-width:520px){
  .artrek-rd-hero-media{height:260px!important;min-height:260px!important;}
}