/* Amlag — main.css
   Ported 1:1 from the approved static prototype so the live WordPress
   site matches exactly. Section markup is generated by
   inc/section-renderers.php using these same class names. */

:root{
  --ink:#0B0B0C;
  --ink-soft:#17171A;
  --bone:#EFEDE8;
  --paper:#F8F7F3;
  --indigo:#2B3A67;
  --indigo-deep:#161E38;
  --violet:#6C4CD6;
  --magenta:#D6478C;
  --amber:#F2A93B;
  --stone:#8C8A82;
  --stone-light:#c9c7be;
  --white:#FFFFFF;
  --line: rgba(11,11,12,0.12);
  --line-light: rgba(255,255,255,0.16);
  --grad-1: linear-gradient(120deg,var(--indigo) 0%, var(--violet) 50%, var(--magenta) 100%);
  --grad-2: linear-gradient(120deg,var(--magenta) 0%, var(--amber) 100%);
  --ease: cubic-bezier(.16,.8,.3,1);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bone);color:var(--ink);font-family:'Inter',sans-serif;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
@media (prefers-reduced-motion: reduce){*{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}}

h1,h2,h3{font-family:'Archivo',sans-serif;font-weight:900;letter-spacing:-0.02em;line-height:0.95;text-transform:uppercase;}
.eyebrow{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:0.18em;text-transform:uppercase;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button{font-family:inherit;cursor:pointer;background:none;border:none;}
:focus-visible{outline:2px solid var(--violet);outline-offset:3px;}

.grad-text{background:linear-gradient(120deg,#8B5CF6 0%,#C13FE0 35%,#EC4899 65%,#FBBF24 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:gradShift 6s ease infinite;}
@keyframes gradShift{0%{background-position:0% center;}50%{background-position:100% center;}100%{background-position:0% center;}}

.wrap{max-width:1320px;margin:0 auto;padding:0 32px;}
@media (max-width:640px){.wrap{padding:0 20px;}}

.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:0.55;pointer-events:none;z-index:0;}
@keyframes blobFloat1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(40px,-30px) scale(1.08);}}
@keyframes blobFloat2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-50px,30px) scale(0.94);}}
@keyframes blobFloat3{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(30px,40px) scale(1.05);}}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:400;display:flex;align-items:center;justify-content:space-between;padding:26px 32px;transition:padding .4s var(--ease), background .4s var(--ease), backdrop-filter .4s var(--ease), border-color .4s var(--ease);border-bottom:1px solid transparent;background:rgba(11,11,12,0.55);backdrop-filter:blur(10px) saturate(140%);}
.nav.scrolled{padding:16px 32px;background:rgba(11,11,12,0.85);backdrop-filter:blur(16px) saturate(160%);border-color:var(--line-light);}
.nav-logo{display:flex;align-items:center;gap:11px;color:#fff;}
.nav-logo img{width:30px;height:30px;filter:invert(1);}
.nav-word{font-family:'Archivo',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.22em;color:#fff;}
.nav-links{color:#fff;}
.nav-links ul{list-style:none;display:flex;gap:38px;margin:0;padding:0;}
.nav-links li{list-style:none;margin:0;}
.nav-links a{font-family:'Inter',sans-serif;font-weight:500;font-size:13px;letter-spacing:.01em;position:relative;padding-bottom:3px;opacity:0.85;transition:opacity .25s ease;}
.nav-links a:hover{opacity:1;}
.nav-cta{color:var(--ink);background:#fff;font-family:'Inter',sans-serif;font-weight:600;font-size:12.5px;padding:10px 20px;border-radius:999px;transition:transform .3s var(--ease), box-shadow .3s ease;}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(0,0,0,0.4);}
.nav-right{display:flex;align-items:center;gap:18px;}
.nav-cart-link{position:relative;display:flex;align-items:center;gap:7px;color:#fff;font-family:'Inter',sans-serif;font-weight:600;font-size:12.5px;transition:opacity .25s ease;}
.nav-cart-link:hover{opacity:.75;}
.nav-cart-link svg{width:19px;height:19px;flex:none;}
.cart-count{
  position:absolute;top:-8px;right:-10px;background:var(--violet,#7c5cff);color:#fff;
  font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;line-height:1;
}
@media (max-width:760px){.nav-cart-text{display:none;}}
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:26px;height:20px;padding:0;}
.nav-burger span{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:transform .3s ease, opacity .3s ease;}
.nav-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-burger.is-open span:nth-child(2){opacity:0;}
.nav-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media (max-width:860px){
  .nav-links{display:none;}
  .nav-burger{display:flex;}
}

.mobile-menu{
  position:fixed;inset:0;z-index:300;background:rgba(11,11,12,0.98);backdrop-filter:blur(10px);
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:26px;
  padding:32px;
  opacity:0;visibility:hidden;transform:translateY(-12px);
  transition:opacity .35s var(--ease), transform .35s var(--ease), visibility 0s linear .35s;
}
.mobile-menu-close{
  position:absolute;top:26px;right:28px;width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;border:1px solid var(--line-light);
  color:#fff;font-size:26px;line-height:1;background:transparent;
  transition:background .25s ease, transform .25s ease;
}
.mobile-menu-close:hover{background:rgba(255,255,255,0.1);transform:rotate(90deg);}
.mobile-menu.is-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .35s var(--ease), transform .35s var(--ease), visibility 0s linear 0s;}
.mobile-menu-links{}
.mobile-menu-links ul{list-style:none;display:flex;flex-direction:column;gap:20px;margin:0;padding:0;}
.mobile-menu-links li{list-style:none;margin:0;}
.mobile-menu-links a{
  font-family:'Archivo',sans-serif;font-weight:800;font-size:34px;text-transform:uppercase;color:#fff;letter-spacing:-0.01em;
  opacity:0;transform:translateY(16px);transition:opacity .4s ease, transform .4s ease;
}
.mobile-menu.is-open .mobile-menu-links a{opacity:1;transform:translateY(0);}
.mobile-menu.is-open .mobile-menu-links li:nth-child(1) a{transition-delay:.05s;}
.mobile-menu.is-open .mobile-menu-links li:nth-child(2) a{transition-delay:.1s;}
.mobile-menu.is-open .mobile-menu-links li:nth-child(3) a{transition-delay:.15s;}
.mobile-menu.is-open .mobile-menu-links li:nth-child(4) a{transition-delay:.2s;}
.mobile-menu.is-open .mobile-menu-links li:nth-child(5) a{transition-delay:.25s;}
.mobile-menu-cta{
  margin-top:10px;background:var(--grad-1);color:#fff;font-family:'Inter',sans-serif;font-weight:600;font-size:14px;
  padding:14px 28px;border-radius:999px;opacity:0;transform:translateY(16px);transition:opacity .4s ease .3s, transform .4s ease .3s;
}
.mobile-menu.is-open .mobile-menu-cta{opacity:1;transform:translateY(0);}
body.nav-open{overflow:hidden;}


/* HERO */
.hero{position:relative;height:100vh;min-height:640px;background:var(--ink);overflow:hidden;}
.hero-slides{position:absolute;inset:0;}
.bg-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s var(--ease);}
.bg-slide.active{opacity:1;z-index:1;}
.bg-slide img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transform:scale(1.12);transition:transform 9s linear;}
.bg-slide.active img{transform:scale(1);}
.bg-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(6,6,7,0.1) 0%, rgba(6,6,7,0.1) 30%, rgba(6,6,7,0.92) 100%),linear-gradient(90deg, rgba(6,6,7,0.35) 0%, rgba(6,6,7,0.05) 55%, transparent 75%);}
.hero-scrim{position:absolute;inset:0;z-index:2;-webkit-mask-image:linear-gradient(90deg, #000 0%, #000 48%, transparent 78%);mask-image:linear-gradient(90deg, #000 0%, #000 48%, transparent 78%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(90deg, rgba(6,6,7,0.55) 0%, rgba(6,6,7,0.4) 55%, rgba(6,6,7,0) 100%);}
.hero-content{position:relative;z-index:5;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:120px;}
@media (max-width:760px){.hero-content{padding-bottom:150px;}}
.hero-eyebrow{color:var(--stone-light);margin-bottom:22px;display:flex;align-items:center;gap:14px;overflow:hidden;}
.hero-eyebrow-inner{display:flex;align-items:center;gap:14px;transform:translateY(140%);animation:riseIn .8s .1s var(--ease) forwards;}
.hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--magenta);display:inline-block;box-shadow:0 0 12px var(--magenta);}
.hero-eyebrow span.line{width:40px;height:1px;background:var(--line-light);display:inline-block;}
@keyframes riseIn{to{transform:translateY(0);}}
.hero-title{font-size:clamp(32px,5.4vw,84px);color:#fff;max-width:min(760px,92vw);text-shadow:0 4px 40px rgba(0,0,0,0.35);}
.hero-title .line-mask{display:block;overflow:hidden;padding-bottom:.06em;}
.hero-title .line-mask span{display:inline-block;transform:translateY(112%) rotate(2deg);filter:blur(8px);animation:lineIn 1.05s var(--ease) forwards;}
.bg-slide[data-active-copy="1"] .line-mask:nth-child(1) span{animation-delay:.25s;}
.bg-slide[data-active-copy="1"] .line-mask:nth-child(2) span{animation-delay:.42s;}
@keyframes lineIn{to{transform:translateY(0) rotate(0);filter:blur(0);}}
.hero-sub-wrap{overflow:hidden;max-width:460px;margin-top:24px;}
.hero-sub{font-size:16.5px;line-height:1.6;color:rgba(255,255,255,0.78);font-weight:300;transform:translateY(100%);opacity:0;text-shadow:0 2px 20px rgba(0,0,0,0.4);}
.bg-slide[data-active-copy="1"] .hero-sub{animation:subIn .9s .62s var(--ease) forwards;}
@keyframes subIn{to{opacity:1;transform:translateY(0);}}
.hero-cta{display:flex;gap:22px;align-items:center;margin-top:40px;flex-wrap:wrap;opacity:0;transform:translateY(16px);}
.bg-slide[data-active-copy="1"] .hero-cta{animation:fadeUp .8s .82s var(--ease) forwards;}
@keyframes fadeUp{to{opacity:1;transform:translateY(0);}}
.btn-primary{background:#fff;color:var(--ink);font-family:'Inter',sans-serif;font-weight:600;font-size:14px;padding:16px 30px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;transition:transform .35s var(--ease), background .3s ease;}
.btn-primary:hover{transform:translateY(-3px);}
.btn-ghost{font-family:'Inter',sans-serif;font-weight:500;font-size:14px;color:rgba(255,255,255,0.85);border-bottom:1px solid var(--line-light);padding-bottom:4px;transition:color .3s ease,border-color .3s ease;}
.btn-ghost:hover{color:#fff;border-color:#fff;}
.hero-copy-stack{position:relative;}
.hero-copy{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .3s ease;}
.hero-copy.active{position:relative;opacity:1;pointer-events:auto;}
.hero-progress{position:absolute;left:32px;right:32px;bottom:38px;z-index:6;display:flex;gap:10px;}
@media (max-width:640px){.hero-progress{bottom:26px;}}
.prog-bar{flex:1;height:2px;background:rgba(255,255,255,0.25);border-radius:2px;overflow:hidden;cursor:pointer;}
.prog-fill{height:100%;width:0%;background:#fff;}
.prog-bar.active .prog-fill{animation:progFill 6.5s linear forwards;}
@keyframes progFill{from{width:0%;}to{width:100%;}}
.hero-scroll{position:absolute;right:32px;bottom:38px;z-index:6;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.6);}
@media (max-width:900px){.hero-scroll{display:none;}}
.hero-scroll .stick{width:1px;height:34px;background:rgba(255,255,255,0.25);position:relative;overflow:hidden;}
.hero-scroll .stick::after{content:'';position:absolute;top:-36px;left:0;width:100%;height:36px;background:#fff;animation:cue 1.8s ease-in-out infinite;}
@keyframes cue{0%{top:-36px;}60%{top:34px;}100%{top:34px;}}

/* TICKER */
.ticker{background:var(--grad-1);background-size:200% auto;animation:gradShift 8s ease infinite;color:#fff;padding:13px 0;overflow:hidden;white-space:nowrap;}
.ticker-track{display:inline-flex;animation:scroll-left 32s linear infinite;}
.ticker-track span{font-family:'Space Mono',monospace;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;padding:0 26px;display:inline-flex;align-items:center;gap:26px;}
.ticker-track span::after{content:'✦';opacity:.75;font-size:11px;}
@keyframes scroll-left{from{transform:translateX(0);}to{transform:translateX(-50%);}}

section{position:relative;}
.section-pad{padding:130px 0;}
@media (max-width:760px){.section-pad{padding:80px 0;}}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease), transform .9s var(--ease);}
.reveal.in{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:.1s;} .reveal-delay-2{transition-delay:.2s;} .reveal-delay-3{transition-delay:.3s;}

/* MANIFESTO */
.manifesto{background:var(--paper);overflow:hidden;}
.manifesto .blob{width:380px;height:380px;background:var(--grad-2);top:-160px;right:-120px;opacity:0.16;animation:blobFloat2 16s ease-in-out infinite;}
.manifesto-grid{display:grid;grid-template-columns:220px 1fr;gap:60px;align-items:start;position:relative;z-index:1;}
@media (max-width:760px){.manifesto-grid{grid-template-columns:1fr;gap:30px;}}
.manifesto-eyebrow{color:var(--violet);}
.manifesto-text{font-size:clamp(24px,3.4vw,44px);font-family:'Archivo',sans-serif;font-weight:500;text-transform:none;letter-spacing:-0.01em;line-height:1.28;color:var(--ink);}
.manifesto-text em{font-style:normal;font-weight:700;}
.manifesto-foot{margin-top:44px;display:flex;gap:64px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:28px;}
.manifesto-foot .stat b{display:block;font-family:'Archivo',sans-serif;font-size:30px;font-weight:900;}
.manifesto-foot .stat span{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--stone);}

/* VALUES */
.values{background:var(--bone);}
.values-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px;flex-wrap:wrap;gap:20px;}
.values-head h2{font-size:clamp(30px,4vw,56px);}
.values-head p{max-width:340px;color:var(--stone);font-size:14px;line-height:1.6;}
.tag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,240px));gap:20px;justify-content:center;}
.tag{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:28px 22px 24px;position:relative;overflow:hidden;transition:transform .4s var(--ease), box-shadow .4s ease, border-color .4s ease;}
.tag::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--tag-accent, var(--grad-1));opacity:0;transition:opacity .35s ease;}
.tag:hover{transform:translateY(-8px);box-shadow:0 24px 48px -20px rgba(11,11,12,0.28);border-color:transparent;}
.tag:hover::before{opacity:1;}
.tag-hole{position:absolute;top:16px;right:16px;width:16px;height:16px;border-radius:50%;background:var(--bone);border:1px solid var(--line);}
.tag-num{font-family:'Space Mono',monospace;font-size:11px;color:var(--stone);letter-spacing:.06em;}
.tag-word{font-family:'Archivo',sans-serif;font-weight:900;font-size:28px;text-transform:uppercase;margin:14px 0 12px;letter-spacing:-0.01em;}
.tag-desc{font-size:13.5px;line-height:1.6;color:var(--stone);min-height:44px;}
.tag-stitch{margin-top:20px;height:1px;background-image:linear-gradient(90deg,var(--line) 50%,transparent 50%);background-size:8px 1px;}

/* BANNER */
.banner{position:relative;height:74vh;min-height:420px;overflow:hidden;background:var(--ink);}
.banner img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.6s var(--ease);}
.banner:hover img{transform:scale(1);}
.banner::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(6,6,7,0.35) 0%, rgba(6,6,7,0.05) 30%, rgba(6,6,7,0.75) 100%);}
.banner-copy{position:absolute;inset:44px 0 56px;z-index:2;display:flex;flex-direction:column;justify-content:space-between;}
.banner-eyebrow{color:var(--stone-light);}
.banner-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--magenta);display:inline-block;box-shadow:0 0 10px var(--magenta);margin-right:10px;}
.banner-copy-bottom{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;}
.banner-copy h2{color:#fff;font-size:clamp(28px,4.2vw,58px);line-height:1.05;}
.banner-copy a{font-family:'Inter',sans-serif;font-weight:600;font-size:13.5px;color:var(--ink);background:#fff;padding:14px 26px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:transform .3s var(--ease);white-space:nowrap;}
.banner-copy a:hover{transform:translateY(-3px);}

/* COLLECTION */
.collection{background:var(--ink);color:var(--bone);overflow:hidden;}
.collection .blob{width:460px;height:460px;background:var(--grad-1);bottom:-200px;left:-150px;opacity:0.2;animation:blobFloat3 18s ease-in-out infinite;}
.collection-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px;flex-wrap:wrap;gap:20px;position:relative;z-index:1;}
.collection-head h2{color:var(--paper);font-size:clamp(30px,4vw,56px);}
.collection-head a{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--stone-light);border-bottom:1px solid var(--line-light);padding-bottom:3px;}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:22px;position:relative;z-index:1;}
@media (max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.product-grid{grid-template-columns:1fr;}}
.product-card{position:relative;display:flex;flex-direction:column;}
.pc-a{grid-column:span 2;grid-row:span 2;} .pc-b{grid-column:span 2;grid-row:span 1;} .pc-c{grid-column:span 1;grid-row:span 1;}
@media (max-width:1000px){.pc-a{grid-column:span 2;grid-row:span 2;} .pc-b{grid-column:span 2;} .pc-c{grid-column:span 1;}}
@media (max-width:560px){.pc-a,.pc-b,.pc-c{grid-column:span 1;grid-row:span 1;}}
.product-card-link{position:relative;flex:1;display:block;border-radius:10px;overflow:hidden;background:var(--ink-soft);}
.product-card-link img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);}
.product-card:hover .product-card-link img{transform:scale(1.06);}
.product-tagline{position:absolute;left:16px;bottom:14px;right:16px;display:flex;justify-content:space-between;align-items:flex-end;z-index:2;}
.product-tagline .name{font-family:'Archivo',sans-serif;font-weight:700;text-transform:uppercase;font-size:13px;color:#fff;}
.product-tagline .price{font-family:'Space Mono',monospace;font-size:11px;color:var(--stone-light);}
.product-card-link::after{content:'';position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.55), transparent 50%);pointer-events:none;}
.product-badge{position:absolute;top:14px;left:14px;font-family:'Space Mono',monospace;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;background:var(--grad-1);color:#fff;padding:5px 11px;border-radius:999px;z-index:3;}

/* Quick Add — size picker + add-to-cart row, used both in the WooCommerce
   shop loop and in our own Site Builder collection grid. */
.amlag-quick-add{margin-top:10px;display:flex;flex-direction:column;gap:8px;}
.amlag-quick-add-sizes{display:flex;flex-wrap:wrap;gap:6px;}
.amlag-size-btn{
  border:1px solid var(--line-light,rgba(255,255,255,.2));background:transparent;color:inherit;
  font-family:'Space Mono',monospace;font-size:11px;padding:5px 10px;border-radius:5px;cursor:pointer;transition:all .2s ease;
}
.amlag-size-btn.is-selected{background:var(--violet);border-color:var(--violet);color:#fff;}
.amlag-quick-add-btn{
  background:var(--ink);color:#fff;border:none;border-radius:999px;padding:9px 16px;
  font-family:'Inter',sans-serif;font-weight:600;font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;
  cursor:pointer;transition:background .25s ease;
}
.amlag-quick-add-btn:hover{background:var(--violet);}
.amlag-quick-add-btn.is-added{background:#2e7d46;}
.amlag-quick-add-btn.is-loading{opacity:.6;pointer-events:none;}
.collection .amlag-size-btn{border-color:var(--line-light);color:var(--bone);}
.collection .amlag-quick-add-btn{background:#fff;color:var(--ink);}
.collection .amlag-quick-add-btn:hover{background:var(--violet);color:#fff;}
.woocommerce ul.products .amlag-size-btn{border-color:var(--line);color:var(--ink);}
.woocommerce ul.products .amlag-quick-add{margin:0 12px 16px;}


/* LOOKBOOK */
.lookbook{background:var(--paper);}
.lookbook-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;}
@media (max-width:900px){.lookbook-grid{grid-template-columns:1fr;gap:36px;}}
.lookbook-img{border-radius:16px;overflow:hidden;aspect-ratio:3/4;}
.lookbook-img img{width:100%;height:100%;object-fit:cover;}
.lookbook-eyebrow{color:var(--violet);margin-bottom:18px;}
.lookbook h2{font-size:clamp(28px,4vw,52px);margin-bottom:22px;}
.lookbook p{color:var(--stone);font-size:15px;line-height:1.7;max-width:440px;margin-bottom:32px;}
.look-features{display:flex;flex-direction:column;gap:16px;margin-bottom:36px;}
.look-feature{display:flex;gap:14px;align-items:flex-start;font-size:14px;color:var(--ink);}
.look-feature .num{font-family:'Space Mono',monospace;font-size:11px;color:var(--stone);padding-top:2px;}

/* SERVICES */
.services{background:var(--bone);overflow:hidden;}
.services .blob{width:400px;height:400px;background:var(--grad-2);top:20%;right:-160px;opacity:0.16;animation:blobFloat1 15s ease-in-out infinite;}
.services-head{margin-bottom:60px;max-width:640px;position:relative;z-index:1;}
.services-head h2{font-size:clamp(28px,3.8vw,50px);margin-bottom:16px;}
.services-head p{color:var(--stone);font-size:14.5px;line-height:1.6;}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;position:relative;z-index:1;}
@media (max-width:860px){.service-grid{grid-template-columns:1fr;}}
.service-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:38px 32px;position:relative;overflow:hidden;transition:transform .4s var(--ease), box-shadow .4s ease;}
.service-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px -22px rgba(11,11,12,.25);}
.service-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;}
.service-icon svg{width:32px;height:32px;}
.service-card:nth-child(1) .service-icon{background:linear-gradient(135deg,var(--indigo),var(--violet));}
.service-card:nth-child(2) .service-icon{background:linear-gradient(135deg,var(--violet),var(--magenta));}
.service-card:nth-child(3) .service-icon{background:linear-gradient(135deg,var(--magenta),var(--amber));}
.service-card:nth-child(4) .service-icon{background:linear-gradient(135deg,var(--indigo),var(--magenta));}
.service-card:nth-child(5) .service-icon{background:linear-gradient(135deg,var(--violet),var(--amber));}
.service-card:nth-child(6) .service-icon{background:linear-gradient(135deg,var(--amber),var(--violet));}
.service-card .idx{font-family:'Space Mono',monospace;font-size:11px;color:var(--stone);letter-spacing:.06em;margin-bottom:10px;display:block;}
.service-card h3{font-size:19px;text-transform:none;font-weight:700;margin-bottom:12px;letter-spacing:-0.01em;}
.service-card p{font-size:13.5px;line-height:1.6;color:var(--stone);}

/* CONTACT CARDS */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-light);border:1px solid var(--line-light);border-radius:16px;overflow:hidden;margin-top:36px;position:relative;z-index:1;}
@media (max-width:760px){.contact-grid{grid-template-columns:1fr;}}
.contact-card{background:var(--ink-soft);padding:32px 28px;display:flex;flex-direction:column;gap:10px;}
.contact-idx{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--violet);}
.contact-addr{font-size:14px;line-height:1.6;color:var(--stone-light);}
.contact-phone{font-family:'Inter',sans-serif;font-weight:600;font-size:14.5px;color:var(--paper);transition:color .25s ease;}
.contact-phone:hover{color:var(--violet);}

/* MISSION / VISION */
.mission{background:var(--paper);overflow:hidden;}
.mission .blob{width:420px;height:420px;background:var(--grad-1);top:-180px;left:-140px;opacity:0.14;animation:blobFloat1 17s ease-in-out infinite;}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;position:relative;z-index:1;}
@media (max-width:820px){.mission-grid{grid-template-columns:1fr;gap:40px;}}
.mission-heading{font-size:clamp(24px,3vw,36px);text-transform:none;margin-bottom:16px;letter-spacing:-0.01em;}
.mission-text{font-size:15px;line-height:1.7;color:var(--stone);}
.mission-bullets{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:12px;}
.mission-bullets li{font-size:14px;line-height:1.5;color:var(--ink);padding-left:22px;position:relative;}
.mission-bullets li::before{content:'';position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--grad-1);}

/* PRICING */
.pricing{background:var(--bone);}
.price-list{max-width:640px;margin-bottom:48px;}
.price-row{display:flex;align-items:baseline;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);}
.price-name{font-family:'Archivo',sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;white-space:nowrap;}
.price-dots{flex:1;border-bottom:2px dotted var(--stone-light);height:0;transform:translateY(-5px);}
.price-amount{font-family:'Space Mono',monospace;font-size:15px;color:var(--indigo);font-weight:700;white-space:nowrap;}
.price-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media (max-width:860px){.price-notes{grid-template-columns:1fr;}}
.price-note-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px 24px;}
.price-note-card h3{font-size:16px;text-transform:none;font-weight:700;margin-bottom:10px;letter-spacing:-0.01em;}
.price-note-card p{font-size:13.5px;line-height:1.6;color:var(--stone);}

/* VIDEO SHOWCASE — animated video cards */
.video-showcase{background:var(--ink);color:var(--bone);overflow:hidden;}
.video-showcase .blob{width:520px;height:520px;background:var(--grad-1);top:-220px;right:-200px;opacity:0.22;animation:blobFloat1 18s ease-in-out infinite;}
.video-showcase .values-head h2{color:var(--paper);}
.video-showcase .values-head p{color:var(--stone-light);}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative;z-index:1;}
@media (max-width:900px){.video-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;}}

.video-card{position:relative;transform:scale(0.94);opacity:0;transition:transform .3s ease;}
.video-card.in{animation:cardPop .8s var(--ease) forwards;}
@keyframes cardPop{from{transform:scale(0.9);opacity:0;}to{transform:scale(1);opacity:1;}}
.video-card:hover{transform:translateY(-6px);}

.video-card-glow{
  position:absolute;inset:-3px;border-radius:22px;z-index:0;
  background:conic-gradient(from 0deg, var(--indigo), var(--violet), var(--magenta), var(--amber), var(--indigo));
  filter:blur(2px);opacity:0.55;
  animation:spinGlow 6s linear infinite;
  transition:opacity .4s ease, filter .4s ease;
}
.video-card:hover .video-card-glow{opacity:1;filter:blur(4px);animation-duration:2.4s;}
@keyframes spinGlow{to{transform:rotate(360deg);}}

.video-card-frame{
  position:relative;z-index:1;aspect-ratio:3/4;border-radius:20px;overflow:hidden;
  background:var(--ink-soft);
  box-shadow:0 30px 60px -25px rgba(0,0,0,0.6);
}
.video-card-el{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease);}
.video-card:hover .video-card-el{transform:scale(1.05);}
.video-card-scrim{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 45%, rgba(0,0,0,0.85) 100%);pointer-events:none;}

.video-card-play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:56px;height:56px;z-index:2;pointer-events:none;
  opacity:1;transition:opacity .4s ease, transform .4s ease;
  animation:playPulse 2.2s ease-in-out infinite;
}
.video-card.is-playing .video-card-play{opacity:0;transform:translate(-50%,-50%) scale(0.7);}
@keyframes playPulse{0%,100%{transform:translate(-50%,-50%) scale(1);}50%{transform:translate(-50%,-50%) scale(1.12);}}

.video-card-label{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;display:flex;flex-direction:column;gap:6px;}
.video-card-live{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--stone-light);display:flex;align-items:center;gap:8px;}
.video-card-live .dot{width:6px;height:6px;border-radius:50%;background:var(--magenta);box-shadow:0 0 10px var(--magenta);animation:livePulse 1.6s ease-in-out infinite;}
@keyframes livePulse{0%,100%{opacity:1;}50%{opacity:0.3;}}
.video-card-title{font-family:'Archivo',sans-serif;font-weight:800;font-size:19px;text-transform:uppercase;color:#fff;letter-spacing:-0.01em;}

.footer{background:var(--ink);color:var(--bone);overflow:hidden;padding:70px 0 0;}
.footer .blob{width:500px;height:500px;background:var(--grad-1);top:-220px;right:-180px;opacity:0.22;animation:blobFloat2 20s ease-in-out infinite;}
.footer-top{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding-bottom:40px;border-bottom:1px solid var(--line-light);align-items:end;position:relative;z-index:1;}
@media (max-width:760px){.footer-top{grid-template-columns:1fr;gap:36px;}}
.footer-top h2{font-size:clamp(26px,3.6vw,48px);color:var(--paper);max-width:560px;}
.footer-form{display:flex;border-bottom:1px solid var(--line-light);padding-bottom:14px;gap:16px;}
.footer-form input{background:transparent;border:none;color:var(--paper);font-family:'Space Mono',monospace;font-size:13px;flex:1;outline:none;letter-spacing:.02em;}
.footer-form input::placeholder{color:var(--stone);}
.footer-form button{color:var(--paper);font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px;}
.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px 0;position:relative;z-index:1;}
@media (max-width:760px){.footer-cols{grid-template-columns:repeat(2,1fr);}}
.footer-cols h4{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);margin-bottom:12px;}
.footer-cols ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.footer-cols a{font-size:13.5px;color:var(--stone-light);transition:color .25s ease;}
.footer-cols a:hover{color:var(--paper);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line-light);font-family:'Space Mono',monospace;font-size:11px;color:var(--stone);letter-spacing:.04em;flex-wrap:wrap;gap:12px;position:relative;z-index:1;}
.credit-line{text-align:center;padding:12px 0 20px;font-family:'Space Mono',monospace;font-size:11px;color:var(--stone);letter-spacing:.06em;position:relative;z-index:1;}
.credit-line a{color:var(--stone-light);border-bottom:1px solid var(--line-light);padding-bottom:1px;transition:color .3s ease;font-weight:700;}
.credit-line a:hover{color:var(--paper);}

/* Contact Form 7 — minimal styling so the form matches the theme */
.amlag-cf7-wrap .wpcf7-form-control-wrap{display:block;margin-bottom:18px;}
.amlag-cf7-wrap input[type="text"],
.amlag-cf7-wrap input[type="email"],
.amlag-cf7-wrap input[type="tel"],
.amlag-cf7-wrap textarea{
  width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:10px;
  font-family:'Inter',sans-serif;font-size:14px;background:var(--paper);color:var(--ink);
}
.amlag-cf7-wrap textarea{min-height:140px;resize:vertical;}
.amlag-cf7-wrap input[type="submit"]{
  background:var(--ink);color:#fff;border:none;border-radius:999px;padding:14px 32px;
  font-family:'Inter',sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:background .3s ease;
}
.amlag-cf7-wrap input[type="submit"]:hover{background:var(--violet);}
.amlag-cf7-wrap .wpcf7-response-output{margin-top:16px;border-radius:8px;padding:12px 16px;font-size:13.5px;}
