/* damianotarda.it — foglio di stile del sito.
   Riproduce la griglia e la tipografia del tema originale con codice proprio. */

/* ---------- font (ospitati sul sito, nessuna richiesta a Google) ---------- */
@font-face{font-family:"Vollkorn";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/vollkorn-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Vollkorn";font-weight:400;font-style:italic;font-display:swap;src:url(fonts/vollkorn-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Vollkorn";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/vollkorn-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Vollkorn";font-weight:500;font-style:italic;font-display:swap;src:url(fonts/vollkorn-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:"Vollkorn";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/vollkorn-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Vollkorn";font-weight:600;font-style:italic;font-display:swap;src:url(fonts/vollkorn-latin-600-italic.woff2) format("woff2")}
@font-face{font-family:"Courier Prime";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/courier-prime-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Courier Prime";font-weight:400;font-style:italic;font-display:swap;src:url(fonts/courier-prime-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Courier Prime";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/courier-prime-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Courier Prime";font-weight:700;font-style:italic;font-display:swap;src:url(fonts/courier-prime-latin-700-italic.woff2) format("woff2")}
@font-face{font-family:"Work Sans";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/work-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Work Sans";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/work-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Work Sans";font-weight:500;font-style:italic;font-display:swap;src:url(fonts/work-sans-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:"Work Sans";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/work-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Work Sans";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/work-sans-latin-700-normal.woff2) format("woff2")}

/* ---------- colori e tipografia (impostazioni del sito originale) ---------- */
:root{
  --primary-background:#FFFFFF;--primary-headings:#2A3232;--primary-paragraphs:#2A3232;--primary-details:#B1BDB9;
  --accent-background:#ECF0EF;--accent-headings:#1D1C1C;--accent-paragraphs:#1D1C1C;--accent-details:#B1BDB9;
  --button-background:#2A3232;--button-text:#FFFFFF;--button-background-hover:#748968;--button-text-hover:#FFFFFF;
  --serif:"Vollkorn",serif;--mono:"Courier Prime",monospace;--sans:"Work Sans",sans-serif;
}
/* dimensioni dei testi: come nell'originale, in verticale scalano con l'altezza dello schermo */
:root{--svh:100vh;--fs-h1:min(3.9375rem,calc(1rem + 3.26 * var(--svh) / 100));--fs-h2:min(2.375rem,calc(1rem + 1.53 * var(--svh) / 100));--fs-h3:min(1.5625rem,calc(1rem + 0.63 * var(--svh) / 100));--fs-h6:min(0.6875rem,calc(1rem + -0.35 * var(--svh) / 100));--fs-p1:min(1rem,calc(1rem + 0 * var(--svh) / 100));--fs-p2:min(0.9375rem,calc(1rem + -0.07 * var(--svh) / 100));--fs-p3:min(0.875rem,calc(1rem + -0.14 * var(--svh) / 100));--fs-site:min(1.625rem,calc(1rem + 0.69 * var(--svh) / 100));--fs-nav:min(0.8125rem,calc(1rem + -0.21 * var(--svh) / 100));--fs-overlay:min(2.8125rem,calc(1rem + 2.01 * var(--svh) / 100));--fs-btn:min(0.75rem,calc(1rem + -0.28 * var(--svh) / 100));--fs-label:min(0.8125rem,calc(1rem + -0.21 * var(--svh) / 100));--fs-quote:min(1.875rem,calc(1rem + 0.97 * var(--svh) / 100))}
@media (orientation:landscape){:root{--fs-h1:min(3.9375rem,calc(1rem + 3.26 * 1vw));--fs-h2:min(2.375rem,calc(1rem + 1.53 * 1vw));--fs-h3:min(1.5625rem,calc(1rem + 0.63 * 1vw));--fs-h6:min(0.6875rem,calc(1rem + -0.35 * 1vw));--fs-p1:min(1rem,calc(1rem + 0 * 1vw));--fs-p2:min(0.9375rem,calc(1rem + -0.07 * 1vw));--fs-p3:min(0.875rem,calc(1rem + -0.14 * 1vw));--fs-site:min(1.625rem,calc(1rem + 0.69 * 1vw));--fs-nav:min(0.8125rem,calc(1rem + -0.21 * 1vw));--fs-overlay:min(2.8125rem,calc(1rem + 2.01 * 1vw));--fs-btn:min(0.75rem,calc(1rem + -0.28 * 1vw));--fs-label:min(0.8125rem,calc(1rem + -0.21 * 1vw));--fs-quote:min(1.875rem,calc(1rem + 0.97 * 1vw))}}
@media (min-width:1441px){:root{--fs-h1:3.9375rem;--fs-h2:2.375rem;--fs-h3:1.5625rem;--fs-h6:0.6875rem;--fs-p1:1rem;--fs-p2:0.9375rem;--fs-p3:0.875rem;--fs-site:1.625rem;--fs-nav:0.8125rem;--fs-overlay:2.8125rem;--fs-btn:0.75rem;--fs-label:0.8125rem;--fs-quote:1.875rem}}
html{font-size:16px}
@media (min-width:768px) and (max-width:1439px){html{font-size:clamp(14px,calc(11.71429px + .29762vw),16px)}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--primary-background);color:#373737;font-family:var(--sans);font-weight:500;font-size:var(--fs-p2);line-height:1.73em;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,video{display:block;max-width:100%}
a{color:inherit}
[hidden]{display:none!important}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}

/* ---------- griglia dei blocchi ---------- */
.blk{
  --tp:2.38vw;--n:24;
  --rows:var(--rows-d);--pt:var(--dpt);--pb:var(--dpb);
  --C:min(calc(100vw - 2 * var(--tp)),1400px);
  --g:calc(var(--C) / var(--n) / 4);
  --W:min(calc(var(--C) + 2 * var(--g)),100vw);
  --cw:calc((var(--W) - var(--g) * (var(--n) + 1)) / var(--n));
  --rh:calc(var(--cw) * 2 / 3);
  --rht:0px;
  display:block;position:relative;background:var(--primary-background);
  padding-top:calc(4vmax * var(--pt));padding-bottom:calc(4vmax * var(--pb));
}
@media (min-width:768px) and (max-width:991px){.blk{--tp:40px;--rows:var(--rows-t);--pt:var(--tpt);--pb:var(--tpb)}}
@media (max-width:767px){
  .blk{--tp:20px;--n:8;--rows:var(--rows-m);--pt:var(--mpt);--pb:var(--mpb);--rht:max(0px,calc((375px - 30vw - 40px) * .0598958))}
  .blk:not(.blk-header){--rh:calc(var(--cw) * 2 / 3 + var(--g))}
}
.g{
  display:grid;position:relative;width:100%;
  grid-template-columns:minmax(calc(var(--tp) - var(--g)),1fr) repeat(var(--n),var(--cw)) minmax(calc(var(--tp) - var(--g)),1fr);
  grid-template-rows:repeat(var(--rows),minmax(var(--rh),auto));
  column-gap:var(--g);row-gap:var(--g);
}
@media (max-width:767px){.blk:not(.blk-header) .g{row-gap:0;grid-auto-rows:minmax(var(--rh),auto)}}
.sz{grid-area:1 / 2 / calc(var(--rows) + 1) / calc(var(--n) + 2);visibility:hidden;pointer-events:none}
@media (min-width:375.1px) and (max-width:767px){.el{margin-block:calc(var(--g) / 2)}.el.mh{margin-top:0}.el.ml{margin-bottom:0}.blk.mr .g{grid-template-rows:var(--mrows)}.blk:not(.blk-header) .el-image{min-height:calc(var(--mh) * 31.40625px)}}
/* le gallerie occupano solo lo spazio delle foto (nell'originale restava un vuoto sotto) */
.blk.solo-galleria .g{grid-template-rows:repeat(var(--rows),minmax(0,auto))}

.el{
  --t:var(--dt);--l:var(--dl);--w:var(--dw);--h:var(--dh);--z:var(--dz);
  position:relative;min-width:0;min-height:0;z-index:var(--z);
  grid-area:var(--t) / var(--l) / span var(--h) / span var(--w);
}
@media (min-width:768px) and (max-width:991px){.el{--t:var(--tt);--l:var(--tl);--w:var(--tw);--h:var(--th);--z:var(--tz)}}
@media (max-width:767px){.el{--t:var(--mt);--l:var(--ml);--w:var(--mw);--h:var(--mh);--z:var(--mz)}}

/* ---------- intestazione ---------- */
.el-logo,.el-menu{display:flex;align-items:center}
.logo{font-family:var(--serif);font-weight:500;font-size:var(--fs-site);line-height:1em;letter-spacing:.07em;text-transform:uppercase;color:var(--primary-headings);text-decoration:none}
.el-menu{justify-content:flex-end}
.menu ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px 3.125rem;list-style:none;margin:0;padding:0}
.menu a{font-family:var(--mono);font-weight:700;font-size:var(--fs-nav);line-height:1em;letter-spacing:.2em;text-transform:uppercase;color:var(--primary-headings);text-decoration:none;display:block}
.menu a:hover{opacity:.6}
.menu-apri{display:none;width:30px;height:20px;position:relative}
.menu-apri span{position:absolute;left:0;width:30px;height:2px;background:var(--primary-headings)}
.menu-apri span:nth-child(1){top:0}.menu-apri span:nth-child(2){top:9px}.menu-apri span:nth-child(3){top:18px}
@media (max-width:991px){.menu{display:none}.menu-apri{display:block}}

.overlay{position:fixed;inset:0;z-index:100;background:var(--accent-background);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}
.overlay.aperto{opacity:1}
.overlay[hidden]{display:none}
.overlay ul{list-style:none;margin:0;padding:0;text-align:center}
.overlay li+li{margin-top:.93em}
.overlay a{font-family:var(--serif);font-weight:400;font-size:var(--fs-overlay);line-height:1.28em;text-transform:capitalize;color:var(--accent-headings);text-decoration:none}
.overlay-chiudi{position:absolute;top:24px;right:20px;width:30px;height:20px;color:var(--accent-headings)}
.overlay-chiudi svg{display:block}
body.menu-aperto{overflow:hidden}

/* ---------- testi ---------- */
.t{height:100%;display:flex;flex-direction:column;justify-content:flex-start}
.va-d-center{justify-content:center}.va-d-bottom{justify-content:flex-end}
@media (min-width:768px) and (max-width:991px){.va-t-top{justify-content:flex-start}.va-t-center{justify-content:center}.va-t-bottom{justify-content:flex-end}}
@media (max-width:767px){.va-m-top{justify-content:flex-start}.va-m-center{justify-content:center}.va-m-bottom{justify-content:flex-end}}
.tt{color:var(--primary-paragraphs);overflow-wrap:break-word}
.tt :is(p,h1,h2,h3,h4,h5,h6,ul,ol,small){margin:0}
.tt h1{font-family:var(--serif);font-weight:400;font-size:var(--fs-h1);line-height:1em;letter-spacing:-.03em;color:var(--primary-headings)}
.tt h2{font-family:var(--serif);font-weight:500;font-size:var(--fs-h2);line-height:1.105em;letter-spacing:-.03em;color:var(--primary-headings)}
.tt h3{font-family:var(--serif);font-weight:400;font-size:var(--fs-h3);line-height:1.16em;letter-spacing:-.03em;color:var(--primary-headings)}
.tt h6{font-family:var(--mono);font-weight:400;font-size:var(--fs-h6);line-height:1.36em;letter-spacing:.2em;text-transform:uppercase}
.tt p,.tt li{font-family:var(--sans);font-weight:500;font-size:var(--fs-p2);line-height:1.73em;letter-spacing:0}
.tt p.ql-paragraph-1{font-size:var(--fs-p1);line-height:1.6875em}
.tt p.ql-paragraph-2{font-size:var(--fs-p2);line-height:1.73em}
.tt p.ql-paragraph-3{font-size:var(--fs-p3);line-height:1.7857em}
.tt p.ql-pullquote{font-family:var(--serif);font-weight:400;font-style:italic;font-size:var(--fs-quote);line-height:1.2em}
.tt ul,.tt ol{padding-left:1.5em;list-style:none}
.tt li{padding-left:1.5em}
.tt ul>li::before{content:"\2022";display:inline-block;white-space:nowrap;width:1.2em;margin-left:-1.5em;margin-right:.3em;text-align:right}
.tt small{font-size:inherit;display:block}
.tt a{color:inherit;text-decoration:none;opacity:.8}
.tt a:hover{opacity:1}
.tt .copy a,.copy a{text-decoration:none}
.tt .copy p{color:#373737}
.mobile-empty-p{display:none}
@media (max-width:767px){.mobile-empty-p{display:block}}
.ql-align-desktop-left{text-align:left}.ql-align-desktop-center{text-align:center}.ql-align-desktop-right{text-align:right}
@media (max-width:991px){.ql-align-tablet-left{text-align:left}.ql-align-tablet-center{text-align:center}.ql-align-tablet-right{text-align:right}}
@media (max-width:767px){.ql-align-mobile-left{text-align:left}.ql-align-mobile-center{text-align:center}.ql-align-mobile-right{text-align:right}}

/* ---------- linea ---------- */
.linea{height:100%;display:flex;align-items:center}
.linea span{display:block;width:100%;height:1px;background:var(--primary-details)}

/* ---------- immagine singola ---------- */
.im{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.im .imf{width:100%;height:100%;object-fit:contain;object-position:center}

/* ---------- galleria a colonne ---------- */
.masonry{position:relative;width:100%}
.masonry .mi{display:block}
.masonry .mi img{width:100%;height:auto}
.masonry:not(.pronta){display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:var(--g)}
.masonry.pronta .mi{position:absolute}

/* ---------- carosello ---------- */
.el-imageSlider{overflow:hidden}
.sl{position:absolute;inset:0}
.sl-t{position:absolute;inset:0}
.sl-s{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.sl-s img{width:100%;height:100%;object-fit:contain;object-position:50% 50%}
.sl-fade .sl-s{opacity:0;transition:opacity .8s ease;pointer-events:none}
.sl-fade .sl-s.on{opacity:1;pointer-events:auto}
.sl-slide .sl-t{display:flex;transition:transform .5s ease}
.sl-slide .sl-s{position:relative;flex:0 0 100%;height:100%}
.sl-a{position:absolute;top:50%;transform:translateY(-50%);width:55px;height:35px;color:#fff;z-index:2}
.sl-a svg{width:55px;height:35px;display:block}
.sl-p{left:20px}.sl-n{right:20px}

/* ---------- piè di pagina ---------- */
.el-backToTop{display:flex;align-items:center;justify-content:flex-end}
.su{width:24px;height:24px;color:var(--primary-headings)}
.su svg{display:block}

/* ---------- modulo contatti ---------- */
.modulo{display:flex;flex-direction:column;gap:30px;padding:30px;text-align:center;background:var(--primary-background)}
.campo{display:block}
.campo label{display:flex;justify-content:center;align-items:baseline;margin-bottom:8px;font-family:var(--mono);font-weight:400;font-size:var(--fs-label);line-height:1.384em;color:var(--primary-headings)}
.campo label span{margin-left:5px;font-family:var(--sans);font-weight:500;font-size:14px;line-height:25px}
.campo input,.campo textarea{display:block;font-family:var(--sans);font-weight:500;font-size:var(--fs-p2);line-height:1.73em;color:var(--primary-paragraphs);background:transparent;border:0;border-bottom:1px solid var(--primary-details);border-radius:0;padding:8px;text-align:center;width:100%;outline:none;margin:0}
.campo textarea{height:130px;resize:vertical}
.campo input:focus,.campo textarea:focus{border-bottom-color:var(--primary-headings)}
.campo ::placeholder{color:var(--primary-paragraphs);opacity:.5}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.bottone{align-self:center;margin-top:16px;font-family:var(--mono);font-weight:700;font-size:var(--fs-btn);line-height:1em;letter-spacing:.05em;text-transform:uppercase;background:var(--button-background);color:var(--button-text);padding:20px 30px;border-radius:0;transition:background .2s ease}
.bottone:hover{background:var(--button-background-hover);color:var(--button-text-hover)}
.bottone[disabled]{opacity:.6;cursor:default}
.esito{margin:0;font-family:var(--serif);font-size:var(--fs-h3);line-height:1.16em;color:var(--primary-headings)}
.esito:empty{display:none}

/* ---------- lightbox ---------- */
.pswp.pswp{--pswp-bg:#fff;--pswp-icon-color:#000;--pswp-icon-color-secondary:#000;--pswp-icon-stroke-width:0}
.pswp__button{color:#000}
.pswp.pswp .pswp__icn{fill:none;color:#000}
.pswp.pswp .pswp__button--arrow .pswp__icn{top:50%;margin-top:-11px;left:22px;width:34px;height:34px}
.pswp__button--close{margin-right:12px;margin-top:6px}
.pswp__top-bar{background:none}
.pswp-item{cursor:zoom-in}