/*
Theme Name: ZM Design Studio Final
Theme URI: https://www.zmdesign.gr/
Author: ZM DESIGN & COMM.
Description: Bespoke bilingual editorial WordPress theme for ZM DESIGN & COMM.
Version: 10.0.1
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: zm-design
*/

:root{
  --zm-bg:#F7F5F0;
  --zm-paper:#FFFFFF;
  --zm-text:#1A1A1A;
  --zm-muted:#6D6E6E;
  --zm-yellow:#FFB500;
  --zm-grey:#BBBCBC;
  --zm-line:rgba(26,26,26,.16);
  --zm-dark:#151515;
  --zm-max:1320px;
  --zm-pad:clamp(20px,3.2vw,52px);
  --zm-section:clamp(84px,10vw,156px);
  --zm-serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --zm-sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--zm-bg);color:var(--zm-text);
  font-family:var(--zm-sans);font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{color:inherit}
::selection{background:var(--zm-yellow);color:var(--zm-text)}

.zm-shell{width:min(calc(100% - (var(--zm-pad)*2)),var(--zm-max));margin-inline:auto}
.zm-section{padding:var(--zm-section) 0;scroll-margin-top:88px}
.zm-rule{border-top:1px solid var(--zm-line)}
.zm-kicker{
  display:flex;align-items:center;gap:12px;color:var(--zm-muted);
  font-size:.69rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700
}
.zm-kicker:before{content:"";width:34px;height:2px;background:var(--zm-yellow)}
h1,h2,h3{font-family:var(--zm-serif);font-weight:400;line-height:.96;margin:0}
h1{font-size:clamp(4.1rem,8.4vw,9.2rem);letter-spacing:-.034em}
h2{font-size:clamp(3.25rem,6.2vw,6.7rem);letter-spacing:-.028em}
h3{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.018em}
p{margin:0 0 1.25rem}
.zm-intro{font-size:clamp(1.06rem,1.45vw,1.28rem);line-height:1.56;max-width:760px}
.zm-button{
  display:inline-flex;align-items:center;justify-content:center;gap:18px;
  min-height:54px;padding:0 22px;background:var(--zm-yellow);
  border:1px solid var(--zm-yellow);font-weight:700;font-size:.82rem;
  letter-spacing:.03em;transition:transform .2s ease,background .2s ease
}
.zm-button:hover{transform:translateY(-2px);background:#eaa700}
.zm-arrow{font-size:1.15em}

/* Header */
.zm-header{
  position:sticky;top:0;z-index:1000;background:rgba(247,245,240,.93);
  backdrop-filter:blur(15px);border-bottom:1px solid rgba(26,26,26,.1)
}
.zm-header__inner{
  width:min(calc(100% - (var(--zm-pad)*2)),var(--zm-max));
  margin:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px
}
.zm-logo{display:flex;align-items:center}
.zm-logo img,.custom-logo{max-height:43px;width:auto}
.zm-wordmark{font-family:var(--zm-serif);font-size:1.1rem;letter-spacing:.02em}
.zm-navwrap{display:flex;align-items:center;gap:24px}
.zm-nav{display:flex;gap:clamp(16px,1.8vw,30px);align-items:center}
.zm-nav a{
  font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;position:relative
}
.zm-nav a:after{
  content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;
  background:var(--zm-yellow);transition:right .22s ease
}
.zm-nav a:hover:after{right:0}
.zm-lang{
  display:flex;align-items:center;gap:8px;
  font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase
}
.zm-lang a{color:var(--zm-muted)}
.zm-lang a.is-active{
  color:var(--zm-text);text-decoration:underline;text-decoration-color:var(--zm-yellow);
  text-decoration-thickness:2px;text-underline-offset:5px
}
.zm-lang__sep{color:var(--zm-grey)}
.zm-menu{display:none;background:transparent;border:0;padding:8px;cursor:pointer}
.zm-menu span{display:block;width:26px;height:2px;background:var(--zm-text);margin:5px 0}

/* Hero */
.zm-hero{min-height:calc(100vh - 78px);display:flex;align-items:stretch;overflow:hidden}
.zm-hero__grid{width:100%;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(350px,.72fr)}
.zm-hero__copy{
  padding:clamp(64px,8vw,132px) var(--zm-pad);
  padding-left:max(var(--zm-pad),calc((100vw - var(--zm-max))/2 + var(--zm-pad)));
  display:flex;flex-direction:column;justify-content:center
}
.zm-hero__copy .zm-kicker{margin-bottom:34px}
.zm-hero h1{max-width:900px}
.zm-hero__lead{max-width:650px;margin-top:34px;font-size:clamp(1.08rem,1.5vw,1.34rem);line-height:1.52}
.zm-hero .zm-button{margin-top:16px;align-self:flex-start}
.zm-hero__visual{position:relative;background:var(--zm-yellow);min-height:690px;overflow:hidden}
.zm-hero__visual:before{
  content:"";position:absolute;left:-1px;top:0;bottom:0;width:18%;
  background:var(--zm-bg);clip-path:polygon(0 0,100% 0,44% 100%,0 100%);z-index:2
}
.zm-hero__visual img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.96}
.zm-hero__visual-placeholder{
  height:100%;min-height:690px;display:grid;place-items:end start;padding:50px;
  background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(0,0,0,.06)),linear-gradient(135deg,var(--zm-yellow),#ffd867)
}
.zm-hero__visual-placeholder span{font-family:var(--zm-serif);font-size:clamp(2rem,4vw,4.3rem);max-width:420px;line-height:.98}
.zm-hero__side{
  position:absolute;right:24px;top:70px;color:#1a1a1a;font-size:.62rem;
  letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl;z-index:4
}

/* Shared headers */
.zm-section-head{
  display:grid;grid-template-columns:minmax(260px,.58fr) minmax(0,.9fr);
  gap:clamp(36px,7vw,120px);align-items:end;margin-bottom:64px
}
.zm-section-head .zm-kicker{margin-bottom:18px}
.zm-section-head__right{padding-bottom:7px}

/* Work cards */
.zm-home-work{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(18px,2vw,30px)}
.zm-card{display:block}
.zm-card:nth-child(1){grid-column:span 5}
.zm-card:nth-child(2){grid-column:span 4;margin-top:70px}
.zm-card:nth-child(3){grid-column:span 3}
.zm-card:nth-child(4){grid-column:span 4;margin-top:30px}
.zm-card:nth-child(5){grid-column:span 3;margin-top:85px}
.zm-card:nth-child(6){grid-column:span 5;margin-top:25px}
.zm-card__media{overflow:hidden;background:#e4e1da;aspect-ratio:4/3}
.zm-card:nth-child(2) .zm-card__media,.zm-card:nth-child(5) .zm-card__media{aspect-ratio:4/5}
.zm-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.zm-card:hover img{transform:scale(1.025)}
.zm-card__fallback{
  height:100%;display:grid;align-items:end;padding:26px;
  background:linear-gradient(145deg,rgba(255,181,0,.22),transparent 47%),linear-gradient(40deg,#ebe8e0,#d6d2c9)
}
.zm-card__fallback span{font-family:var(--zm-serif);font-size:2rem}
.zm-card__meta{border-top:1px solid var(--zm-line);margin-top:11px;padding-top:12px}
.zm-card__client{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.zm-card__type{display:block;color:var(--zm-muted);font-size:.88rem;margin-top:3px}
.zm-work-more{display:flex;justify-content:flex-end;margin-top:42px}
.zm-text-link{
  font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;
  border-bottom:2px solid var(--zm-yellow);padding-bottom:4px
}

/* Expertise */
.zm-expertise{
  display:grid;grid-template-columns:minmax(270px,.58fr) minmax(0,1.05fr);
  gap:clamp(42px,8vw,130px)
}
.zm-expertise__intro h2{margin:16px 0 30px}
.zm-accordion{border-top:1px solid var(--zm-line)}
.zm-accordion details{border-bottom:1px solid var(--zm-line)}
.zm-accordion summary{
  list-style:none;display:grid;grid-template-columns:58px 1fr 34px;gap:18px;
  align-items:center;padding:25px 0;cursor:pointer
}
.zm-accordion summary::-webkit-details-marker{display:none}
.zm-accordion__num{color:var(--zm-yellow);font-size:1.25rem;font-weight:700;letter-spacing:.05em}
.zm-accordion__title{font-family:var(--zm-serif);font-size:clamp(1.5rem,2.3vw,2.5rem);line-height:1.04}
.zm-accordion__icon{font-size:1.8rem;text-align:right;color:var(--zm-yellow);transition:transform .2s ease}
.zm-accordion details[open] .zm-accordion__icon{transform:rotate(45deg)}
.zm-accordion__body{padding:0 44px 30px 76px;max-width:780px;color:#353535}
.zm-accordion__body .zm-text-link{display:inline-block;margin-top:5px}

/* About */
.zm-about{display:grid;grid-template-columns:minmax(320px,.77fr) minmax(0,1fr);gap:clamp(48px,8vw,120px);align-items:start}
.zm-about__visual{aspect-ratio:4/5;background:#e4e1da;overflow:hidden}
.zm-about__visual img{width:100%;height:100%;object-fit:cover}
.zm-about__visual .zm-card__fallback{height:100%}
.zm-about__copy h2{margin:16px 0 38px}
.zm-about__copy p{max-width:720px}
.zm-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:72px;border-top:1px solid var(--zm-line);border-bottom:1px solid var(--zm-line)}
.zm-stat{padding:30px 28px 18px 0;border-right:1px solid var(--zm-line)}
.zm-stat:nth-child(2){padding-left:28px}
.zm-stat:last-child{border-right:0;padding-left:28px}
.zm-stat strong{display:block;font-family:var(--zm-serif);font-weight:400;font-size:clamp(2.3rem,4.2vw,4.7rem);line-height:.94}
.zm-stat span{display:block;color:var(--zm-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-top:12px}

/* Approach */
.zm-why{background:#F0EDE6}
.zm-why-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid var(--zm-line);border-left:1px solid var(--zm-line)}
.zm-why-card{padding:38px 30px;min-height:300px;border-right:1px solid var(--zm-line);border-bottom:1px solid var(--zm-line)}
.zm-why-card__num{color:var(--zm-yellow);font-size:1.75rem;font-weight:700;letter-spacing:.05em}
.zm-why-card h3{font-size:clamp(1.8rem,2.4vw,2.65rem);margin:38px 0 18px}
.zm-why-card p{color:#474747;font-size:.94rem}

/* Clients */
.zm-clients-copy{max-width:760px;margin-top:30px}
.zm-clients{display:grid;grid-template-columns:repeat(4,1fr);margin-top:66px;border-top:1px solid var(--zm-line)}
.zm-client{padding:22px 16px 22px 0;border-bottom:1px solid var(--zm-line);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.zm-clients-more{font-family:var(--zm-serif);font-size:1.45rem;color:var(--zm-muted);margin-top:28px}

/* Work archive */
.zm-page-hero{padding:clamp(80px,10vw,150px) 0 65px}
.zm-page-hero h1{font-size:clamp(4rem,8vw,8.5rem)}
.zm-page-hero .zm-intro{margin-top:30px}
.zm-filters{
  display:flex;flex-wrap:wrap;gap:10px 22px;padding:22px 0;
  border-top:1px solid var(--zm-line);border-bottom:1px solid var(--zm-line);margin-bottom:56px
}
.zm-filter{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--zm-muted)}
.zm-filter:hover,.zm-filter.is-active{
  color:var(--zm-text);text-decoration:underline;text-decoration-color:var(--zm-yellow);
  text-decoration-thickness:2px;text-underline-offset:6px
}
.zm-work-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(34px,5vw,82px) clamp(22px,3vw,42px);padding-bottom:var(--zm-section)
}
.zm-work-grid .zm-card:nth-child(n){margin:0;grid-column:auto}
.zm-work-grid .zm-card:nth-child(4n+2){margin-top:70px}
.zm-work-grid .zm-card__media{aspect-ratio:4/3}
.zm-work-grid .zm-card:nth-child(4n+2) .zm-card__media,.zm-work-grid .zm-card:nth-child(4n+3) .zm-card__media{aspect-ratio:4/5}
.zm-empty{padding:80px 0;color:var(--zm-muted)}

/* Single project */
.zm-project-hero{padding:clamp(80px,9vw,140px) 0 56px}
.zm-project-hero__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.42fr);gap:50px;align-items:end}
.zm-project-hero h1{font-size:clamp(4rem,8vw,8.7rem)}
.zm-project-type{font-family:var(--zm-serif);font-size:clamp(1.8rem,2.7vw,3rem);margin-top:14px;color:#404040}
.zm-project-facts{border-top:1px solid var(--zm-line)}
.zm-fact{display:grid;grid-template-columns:110px 1fr;gap:18px;border-bottom:1px solid var(--zm-line);padding:13px 0}
.zm-fact dt{font-size:.65rem;text-transform:uppercase;letter-spacing:.11em;color:var(--zm-muted);font-weight:800}
.zm-fact dd{margin:0;font-size:.91rem}
.zm-project-cover{width:min(calc(100% - (var(--zm-pad)*2)),var(--zm-max));margin:0 auto clamp(70px,9vw,130px);max-height:80vh;overflow:hidden;background:#e1ded7}
.zm-project-cover img{width:100%;height:100%;max-height:80vh;object-fit:cover}
.zm-project-intro{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(0,.9fr);gap:clamp(40px,8vw,120px);margin-bottom:clamp(70px,9vw,130px)}
.zm-project-intro h2{font-size:clamp(2.7rem,5vw,5.6rem)}
.zm-project-intro__text{font-size:clamp(1.08rem,1.5vw,1.28rem);max-width:780px}
.zm-project-content{width:min(calc(100% - (var(--zm-pad)*2)),var(--zm-max));margin-inline:auto;padding-bottom:clamp(90px,10vw,150px)}
.zm-project-content > *{margin-top:0;margin-bottom:clamp(26px,4vw,60px)}
.zm-project-content img{width:100%;height:auto}
.zm-project-content .wp-block-gallery{gap:clamp(12px,2vw,26px)}
.zm-project-content p,.zm-project-content h2,.zm-project-content h3{max-width:820px;margin-left:auto;margin-right:auto}
.zm-next{border-top:1px solid var(--zm-line);padding:46px 0 70px}
.zm-next__link{display:flex;justify-content:space-between;align-items:end;gap:30px}
.zm-next__label{font-size:.67rem;text-transform:uppercase;letter-spacing:.12em;color:var(--zm-muted);display:block;margin-bottom:8px}
.zm-next__title{font-family:var(--zm-serif);font-size:clamp(2rem,4vw,4.6rem);line-height:.96}

/* Contact */
.zm-contact{background:var(--zm-dark);color:#F8F5EE;padding:clamp(90px,11vw,160px) 0 34px;scroll-margin-top:78px}
.zm-contact .zm-kicker{color:#bdbdbd}
.zm-contact__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,.72fr);gap:clamp(60px,8vw,130px)}
.zm-contact h2{font-size:clamp(4rem,7vw,8rem);margin:18px 0 34px}
.zm-contact__lead{font-size:1.05rem;max-width:580px;color:#d3d3d3}
.zm-contact__info{display:grid;grid-template-columns:1.25fr .75fr;gap:38px;margin-top:48px;max-width:690px}
.zm-contact__label{display:block;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--zm-grey);font-weight:800;margin-bottom:12px}
.zm-contact__details{display:grid;gap:7px;color:#f3f0e9}
.zm-contact__details a:hover{color:var(--zm-yellow)}
.zm-form{border-left:1px solid rgba(255,255,255,.19);padding-left:clamp(30px,5vw,72px)}
.zm-field{margin-bottom:25px}
.zm-field label{display:block;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:#bfbfbf;margin-bottom:7px}
.zm-field input,.zm-field textarea{
  display:block;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.38);
  background:transparent;color:#fff;border-radius:0;padding:11px 0;outline:none
}
.zm-field textarea{min-height:118px;resize:vertical}
.zm-field input:focus,.zm-field textarea:focus{border-bottom-color:var(--zm-yellow)}
.zm-submit{width:100%;min-height:56px;border:0;border-radius:0;background:var(--zm-yellow);font-weight:800;cursor:pointer}
.zm-form-status{border:1px solid rgba(255,255,255,.24);padding:14px 16px;margin-bottom:25px}
.zm-honeypot{position:absolute!important;left:-9999px!important}


.zm-turnstile{
  margin:10px 0 24px;
  min-height:65px;
}

/* Footer */
.zm-footer{
  margin-top:95px;padding-top:30px;border-top:1px solid rgba(255,255,255,.18);
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:end
}
.zm-footer__brand{font-family:var(--zm-serif);font-size:1.28rem;color:#f7f4ee}
.zm-footer__tagline{font-size:.77rem;color:#aaa;margin-top:5px}
.zm-footer__bottom{
  display:flex;flex-wrap:wrap;gap:9px 22px;margin-top:19px;
  font-size:.67rem;color:#858585
}
.zm-footer__bottom a:hover{color:#ddd}
.zm-carbon{min-width:270px;text-align:right}
.zm-carbon__label{display:block;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#919191;margin-bottom:8px}
.zm-carbon-note{font-size:.72rem;color:#9c9c9c;max-width:310px;margin-left:auto}
#wcb.carbonbadge{font-size:12px!important}

/* Generic */
.zm-generic{min-height:60vh;padding:100px 0}
.zm-generic h1{font-size:clamp(3.8rem,7vw,7rem);margin-bottom:40px}
.zm-generic__content{max-width:850px}
.zm-generic__content a{text-decoration:underline;text-decoration-color:var(--zm-yellow);text-decoration-thickness:2px;text-underline-offset:3px}


/* Mild copy protection for editorial/marketing copy.
   This only discourages casual selection; it is not DRM. */
.zm-hero__copy,
.zm-section:not(.zm-contact),
.zm-page-hero,
.zm-project-hero,
.zm-project-intro,
.zm-project-content{
  -webkit-user-select:none;
  user-select:none;
}

.zm-contact,
.zm-contact *,
input,
textarea,
button{
  -webkit-user-select:text;
  user-select:text;
}

/* Responsive */
@media(max-width:1050px){
  .zm-menu{display:block}
  .zm-navwrap{
    display:none;position:absolute;top:78px;left:0;right:0;background:var(--zm-bg);
    border-bottom:1px solid var(--zm-line);padding:26px var(--zm-pad) 32px;
    flex-direction:column;align-items:flex-start
  }
  .zm-navwrap.is-open{display:flex}
  .zm-nav{flex-direction:column;align-items:flex-start}
  .zm-hero__grid{grid-template-columns:1fr}
  .zm-hero__copy{padding-left:var(--zm-pad)}
  .zm-hero__visual{min-height:570px}
  .zm-section-head,.zm-expertise,.zm-about,.zm-project-intro,.zm-contact__grid,.zm-project-hero__top{grid-template-columns:1fr}
  .zm-home-work{grid-template-columns:repeat(2,1fr)}
  .zm-card:nth-child(n){grid-column:auto;margin-top:0}
  .zm-card:nth-child(n) .zm-card__media{aspect-ratio:4/3}
  .zm-why-grid{grid-template-columns:repeat(2,1fr)}
  .zm-clients{grid-template-columns:repeat(3,1fr)}
  .zm-form{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding-left:0;padding-top:50px}
}

@media(max-width:720px){
  :root{--zm-section:78px}
  .zm-header__inner{min-height:68px}.zm-navwrap{top:68px}
  h1{font-size:clamp(3.6rem,17vw,6rem)}
  h2{font-size:clamp(3rem,14vw,5rem)}
  .zm-hero{min-height:auto}
  .zm-hero__copy{padding-top:58px;padding-bottom:64px}
  .zm-hero__visual,.zm-hero__visual-placeholder{min-height:480px}
  .zm-home-work,.zm-work-grid{grid-template-columns:1fr}
  .zm-work-grid .zm-card:nth-child(n){margin-top:0}
  .zm-accordion summary{grid-template-columns:48px 1fr 28px;gap:12px}
  .zm-accordion__num{font-size:1.1rem}
  .zm-accordion__icon{font-size:1.6rem}
  .zm-accordion__body{padding-left:60px;padding-right:0}
  .zm-stats{grid-template-columns:1fr}
  .zm-stat,.zm-stat:nth-child(2),.zm-stat:last-child{border-right:0;border-bottom:1px solid var(--zm-line);padding:22px 0}
  .zm-stat:last-child{border-bottom:0}
  .zm-why-grid{grid-template-columns:1fr}
  .zm-why-card{min-height:auto;padding:32px 25px}
  .zm-why-card__num{font-size:1.5rem}
  .zm-clients{grid-template-columns:repeat(2,1fr)}
  .zm-contact__info{grid-template-columns:1fr}
  .zm-footer{grid-template-columns:1fr}
  .zm-carbon{text-align:left}.zm-carbon-note{margin-left:0}
  .zm-fact{grid-template-columns:90px 1fr}
  .zm-next__link{align-items:flex-start}
}


/* ---------- Launch polish ---------- */
html{scroll-padding-top:88px}
body{overflow-wrap:break-word}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}

.zm-skip-link{
  position:fixed;
  left:18px;
  top:18px;
  z-index:99999;
  transform:translateY(-160%);
  background:var(--zm-yellow);
  color:var(--zm-text);
  padding:10px 14px;
  font-weight:800;
  font-size:.78rem;
  border:2px solid var(--zm-text);
}
.zm-skip-link:focus{transform:translateY(0)}

a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
textarea:focus-visible{
  outline:3px solid var(--zm-yellow);
  outline-offset:4px;
}

.zm-accordion summary:focus-visible{
  outline-offset:5px;
}

.zm-hero__lead,
.zm-intro,
.zm-about__copy p,
.zm-contact__lead{
  max-width:68ch;
}

.zm-404{
  min-height:66vh;
  display:flex;
  align-items:center;
  padding:90px 0;
}
.zm-404 h1{
  font-size:clamp(5rem,12vw,11rem);
  margin:12px 0 28px;
}
.zm-404__copy{max-width:620px}
.zm-404 .zm-button{margin-top:12px}

@media(max-width:720px){
  html{scroll-padding-top:74px}
  .zm-section-head{margin-bottom:46px}
  .zm-contact h2{font-size:clamp(3.3rem,14vw,5rem)}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,
  *::before,
  *::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}