/* Motif — landing page styles (generated from the Claude Design source) */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f2efe6;color:#14110f;font-family:"Newsreader",Georgia,serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:#e5241a}
::selection{background:#e5241a;color:#f2efe6}
@keyframes m-drift{0%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-9px) rotate(var(--r,0deg))}100%{transform:translateY(0) rotate(var(--r,0deg))}}
@keyframes m-spin{to{transform:rotate(360deg)}}
@keyframes m-ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes m-scan{0%{stroke-dashoffset:520}100%{stroke-dashoffset:0}}
@keyframes m-band{0%{transform:scaleY(1);opacity:.95}50%{transform:scaleY(1.04);opacity:1}100%{transform:scaleY(1);opacity:.95}}
.imgpanel{filter:grayscale(1) contrast(1.06) brightness(1.02);transition:filter .7s cubic-bezier(.2,.7,.2,1)}
.ab-card{box-shadow:0 20px 50px rgba(20,17,15,.14)}
.ab-card img{filter:grayscale(1) contrast(1.04) brightness(1.04) sepia(.12);mix-blend-mode:multiply;transition:filter .6s ease}
.ab-card:hover img{filter:none;mix-blend-mode:normal}
.svc-title{transition:transform .45s cubic-bezier(.2,.7,.2,1),color .4s ease}
.svc-plus{transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .4s ease}
.svc-panel{max-height:0;overflow:hidden;transition:max-height .7s cubic-bezier(.16,1,.3,1)}
.prin-body{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.16,1,.3,1),opacity .5s ease;opacity:0}
/* ---------- RESPONSIVE (phone / tablet) ---------- */
.nav-burger{display:none}
[data-mobilemenu]{opacity:0;pointer-events:none}
@media (max-width:900px){
  [data-nav-fade]{display:none !important}
  .nav-burger{display:flex !important}
  [data-nav-bar]{padding:16px 20px !important}
  /* hero (fragments) stacks */
  #top{grid-template-columns:1fr !important;min-height:auto !important;padding:120px 22px 60px !important}
  #top > div[data-depth]{max-width:none !important}
  #top > div:last-child{height:64vh !important;min-height:400px !important;margin-top:24px}
  /* manifesto: 12-col grid -> single column */
  #manifesto{padding:90px 22px 100px !important}
  #manifesto > div{display:block !important}
  #manifesto > div > div{width:100% !important;margin:0 0 40px !important;max-width:520px}
  #manifesto [data-mstrip]{display:none !important}
  /* about: 12-col grids -> single column */
  #about{padding:90px 22px 100px !important}
  #about > div > div{display:block !important}
  #about > div > div > *{grid-column:auto !important;width:100% !important;text-align:left !important}
  #about .ab-card{margin:20px 0 !important;max-width:520px}
  /* quote 2-col -> 1-col */
  [data-screen-label="Quote"]{grid-template-columns:1fr !important;gap:28px !important;padding:60px 22px 80px !important}
  /* services: title + stacked panel */
  .svc-head{padding:16px 20px !important}
  .svc-title{font-size:clamp(24px,7vw,112px) !important}
  #services .svc-panel > div{display:block !important;padding:0 20px 40px !important}
  #services .svc-panel > div > div:first-child{padding-right:0 !important;margin-bottom:26px}
  #services .svc-panel canvas{height:300px !important}
  /* contact: de-absolute the corner blocks */
  #contact{justify-content:flex-start !important;min-height:100vh;padding:120px 22px 60px !important}
  #contact [data-contact-block]{position:static !important;left:auto !important;right:auto !important;bottom:auto !important;text-align:center !important;margin:30px auto 0 !important}
  #contact [data-contact-footer]{position:static !important;padding:0 !important;flex-direction:column !important;align-items:center !important;gap:10px;margin-top:44px !important}
  #daynight{height:220vh !important}
}
@media (max-width:560px){
  #top h1{font-size:clamp(44px,13vw,64px) !important}
  [data-carousel]{height:240px !important}
  [data-carousel] [data-carousel-stage] > div{transform-origin:center}
  #contact [data-scramble]{font-size:clamp(52px,20vw,110px) !important}
}