:root{--night:#02070a;--sky:#0297de;--white:#fff;--mist:#f1f7fb;--link:#016ea3;--muted:#4b5d68;--line:#d5e3ec;--sky-top:#02070a;--sky-mid:#02070a;--sky-bottom:#02070a;--serif:"Newsreader",Georgia,serif;--sans:"Hanken Grotesk",system-ui,sans-serif;--gutter:clamp(20px,5vw,72px)}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;background:var(--night);overscroll-behavior-y:none}body{font-family:var(--sans);color:var(--night);background:var(--white);-webkit-font-smoothing:antialiased;font-size:1.0625rem;line-height:1.6}a{color:inherit}:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:2px}.wrap{padding-inline:var(--gutter);max-width:1280px;margin-inline:auto}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;font-weight:300;line-height:1.05}.ar{direction:rtl;font-family:Amiri,serif}.hero{min-height:100svh;color:var(--white);background:linear-gradient(to bottom,var(--sky-top) 0%,var(--sky-mid) 58%,var(--sky-bottom) 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}header.top{z-index:20;padding:calc(26px + env(safe-area-inset-top)) max(var(--gutter),calc((100% - 1280px) / 2 + var(--gutter))) 26px;justify-content:space-between;align-items:center;gap:24px;transition:padding .3s;display:flex;position:fixed;top:0;left:0;right:0}header.top:before{content:"";z-index:-1;backdrop-filter:blur(14px);opacity:0;pointer-events:none;background:#02070acc;transition:opacity .3s;position:absolute;inset:0}header.top.scrolled{padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:14px}header.top.scrolled:before{opacity:1}.brand{align-items:baseline;gap:14px;text-decoration:none;display:flex}.brand .ar{font-size:1.7rem;line-height:1}.brand span:last-child{font-family:var(--serif);font-size:1.15rem}nav ul{gap:clamp(14px,2.4vw,34px);padding:0;list-style:none;display:flex}nav a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding:6px 0;font-size:.95rem;text-decoration:none;transition:background-size .3s}nav a:hover,nav a:focus-visible{background-size:100% 1px}.brand{margin-inline-end:auto}.lang-toggle{z-index:11;direction:ltr;border:1px solid #ffffff73;border-radius:999px;padding:3px;font-size:.85rem;line-height:1;display:inline-flex;position:relative}.lang-toggle a{color:inherit;border-radius:999px;padding:7px 14px;text-decoration:none;transition:background .25s,color .25s}.lang-toggle a[lang=ar]{padding-block:5px;font-family:Amiri,serif;font-size:1.05rem}.lang-toggle a[lang=it]{font-family:var(--sans);letter-spacing:.02em;font-weight:500}.lang-toggle a[aria-current=true]{background:var(--white);color:var(--night)}.lang-toggle a:not([aria-current]):hover{background:#fff3}.hero-body{z-index:2;padding:0 var(--gutter) clamp(150px,22vw,260px);margin-top:auto;grid-template-columns:minmax(0,1fr) minmax(0,26rem);align-items:end;gap:clamp(24px,5vw,80px);width:100%;max-width:1280px;margin-inline:auto;display:grid;position:relative}.ayah{margin-bottom:clamp(40px,8vh,110px);transition:opacity 1.2s .6s}.ayah[hidden]{opacity:0;display:block}.ayah-ar{text-align:right;font-family:Amiri,serif;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.9}.ayah-it{font-family:var(--serif);max-width:36ch;margin-top:12px;font-size:1.15rem;font-style:italic;font-weight:300;line-height:1.5}.ayah figcaption{opacity:.85;margin-top:12px;font-size:.88rem}@property --fade{syntax:"<length>";inherits:false;initial-value:0}.ayah-toggle{color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.8rem;text-decoration:underline;display:none}.hero p.lead{opacity:.92;margin-bottom:10px;font-size:1.1rem}.hero h1{font-variation-settings:"opsz" 72;font-size:clamp(3rem,10vw,8.5rem)}.hero h1 em{font-style:italic;font-weight:300}@media (width>=901px){.hero h1{font-size:clamp(4rem,min(9vw,16vh),8rem)}.hero h1 em{white-space:nowrap;margin-top:.12em;font-size:.56em;line-height:1.1;display:block}}.hero .when{opacity:.95;max-width:34ch;margin-top:22px;font-size:1.05rem}.stars{z-index:0;opacity:var(--stars,0);pointer-events:none;position:absolute;inset:0 0 30%;-webkit-mask-image:linear-gradient(#000 45%,#0000);mask-image:linear-gradient(#000 45%,#0000)}.stars i{background:#fff;border-radius:50%;display:block;position:absolute}.stars i.tw{animation:4s ease-in-out infinite tw}@keyframes tw{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.stars i.tw{animation:none}}.hero-body{text-shadow:0 1px 28px #02070a47}.mosque{z-index:1;width:100%;height:clamp(150px,24vw,300px);display:block;position:absolute;bottom:-1px;left:0;right:0}.mosque *{fill:var(--night)}.sky-fade{opacity:0}.js .hero{animation:1.8s ease-out backwards dawn}@keyframes dawn{0%{filter:brightness(.25)}to{filter:none}}section{align-items:center;min-height:100svh;padding-block:clamp(40px,8vh,110px);display:flex}section>.wrap{width:100%}.orari{background:var(--night);color:var(--white)}.orari .wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,7vw,110px);display:grid}.orari h2{font-size:clamp(2.2rem,5vw,4rem)}.orari .intro p{color:#b9c9d3;max-width:36ch;margin-top:20px}.orari .note{color:#8ea3b0;margin-top:28px;font-size:.9rem}table.times{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.times th,.times td{text-align:start;vertical-align:baseline;border-bottom:1px solid #16232b;padding:clamp(6px,1.5vh,18px) 0;font-weight:400}.times th{font-family:var(--serif);font-size:clamp(1.2rem,2.8vh,1.5rem)}.times th small{font-family:var(--sans);color:#8ea3b0;margin-top:2px;font-size:.88rem;display:block}.times td{text-align:end;font-family:var(--serif);font-size:clamp(1.6rem,min(4vw,4.8vh),3rem);font-weight:300}.times tr.next th,.times tr.next td{color:var(--sky)}.times tr.next td.adhan:before{content:var(--next-label,"prossima  ");font-family:var(--sans);letter-spacing:0;color:var(--sky);vertical-align:middle;margin-inline-end:10px;font-size:.85rem}.times tr.past{opacity:.5}.times thead th{font-family:var(--sans);color:#8ea3b0;text-align:end;padding:0 0 10px;font-size:.85rem}.times thead th:first-child{text-align:start}.times td.iqama{color:#8ea3b0;white-space:nowrap;width:1%;padding-inline-start:clamp(16px,4vw,48px);font-size:clamp(1.3rem,2.4vw,1.75rem)}.times tr.next td.iqama{color:var(--sky)}.times td.adhan{white-space:nowrap;width:1%}.orari .source{margin-top:10px}.orari .source a{color:#8ea3b0;text-underline-offset:3px}.venerdi .wrap{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:end;gap:clamp(32px,7vw,110px);display:grid}.venerdi h2{max-width:12ch;font-size:clamp(2.4rem,6vw,5rem)}.venerdi p{color:var(--muted);max-width:44ch;margin-top:20px}.venerdi .hadith,.visita .hadith{margin-bottom:clamp(20px,4vh,40px)}.venerdi .hadith-ar,.visita .hadith-ar{text-align:right;color:var(--night);margin:0;font-family:Amiri,serif;font-size:clamp(1.3rem,1.9vw,1.7rem);line-height:1.9}.venerdi .hadith-it,.visita .hadith-it{font-family:var(--serif);color:var(--night);max-width:none;margin-top:10px;font-size:clamp(1.1rem,1.5vw,1.35rem);font-style:italic;font-weight:300;line-height:1.5}.venerdi .hadith figcaption,.visita .hadith figcaption{color:var(--muted);margin-top:10px;font-size:.88rem}.venerdi .turni{border-top:1px solid var(--line);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.venerdi .turno{padding:clamp(16px,3vh,28px) 0 0}.venerdi .turno+.turno{border-inline-start:1px solid var(--line);padding-inline-start:clamp(20px,3vw,44px)}.venerdi .hour{font-family:var(--serif);color:var(--night);font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,min(5.4vw,10vh),5.4rem);font-weight:300;line-height:1}.venerdi .turni-note{margin-top:clamp(14px,2.5vh,24px);font-size:.95rem}.venerdi .hour-label{color:var(--link);margin-top:10px;font-size:1rem;font-weight:500}.centro{background:var(--mist)}.centro h2{max-width:16ch;margin-bottom:clamp(40px,6vw,80px);font-size:clamp(2.2rem,5vw,4rem)}.centro dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,7vw,110px);display:grid}.centro .item{border-top:1px solid var(--line);padding:28px 0}.centro dt{font-family:var(--serif);font-size:1.7rem;font-weight:400;line-height:1.15}.centro dd{color:var(--muted);max-width:44ch;margin-top:8px}.centro dd b{color:var(--night);font-weight:500}.visita .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,8vw,120px);display:grid}.visita h2{margin-bottom:22px;font-size:clamp(2rem,4.4vw,3.4rem)}.visita p{color:var(--muted);max-width:42ch}.visita address{margin-top:26px;font-style:normal;line-height:1.8}.visita a.link{color:var(--link);text-underline-offset:4px}.btn{background:var(--night);color:var(--white);font-weight:500;font:inherit;cursor:pointer;border:0;border-radius:999px;margin-top:28px;padding:15px 28px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;display:inline-block}.btn:hover,.btn.copied{background:var(--link)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.97)}.btn.copied{animation:.5s cubic-bezier(.2,.9,.3,1.4) pop}.btn.copied:before{content:"✓";margin-inline-end:8px;animation:.45s cubic-bezier(.2,.9,.3,1.4) 50ms both tick;display:inline-block}@keyframes pop{0%{transform:scale(.94)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes tick{0%{opacity:0;transform:scale(0)rotate(-35deg)}to{opacity:1;transform:none}}.copy-hint{margin-top:14px;font-size:.9rem}.copy-hint.flash{animation:.45s both hint}@keyframes hint{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.iban{font-variant-numeric:tabular-nums;color:var(--night);margin-top:22px;font-size:.98rem}footer{background:var(--night);color:#b9c9d3;padding:56px var(--gutter) calc(40px + env(safe-area-inset-bottom));text-align:start}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;padding:0;display:flex}footer .ar{color:var(--white);font-size:2rem;line-height:1.4}footer small{font-size:.9rem}.menu-btn{display:none}@media (width<=900px){.menu-btn{width:46px;height:46px;color:inherit;cursor:pointer;z-index:11;background:0 0;border:0;place-items:center;margin-inline-end:-10px;display:grid;position:relative}.menu-btn span{background:currentColor;border-radius:2px;grid-area:1/1;width:24px;height:2px;transition:transform .25s,opacity .2s;display:block}.menu-btn span:first-child{transform:translateY(-7px)}.menu-btn span:nth-child(3){transform:translateY(7px)}.menu-open .menu-btn span:first-child{transform:rotate(45deg)}.menu-open .menu-btn span:nth-child(2){opacity:0}.menu-open .menu-btn span:nth-child(3){transform:rotate(-45deg)}.lang-toggle{order:1;margin-inline-start:auto}.brand{margin-inline-end:0}.menu-btn{order:2;margin-inline-start:6px}header.top nav{z-index:10;padding:calc(96px + env(safe-area-inset-top)) var(--gutter) 48px;backdrop-filter:blur(22px)saturate(1.2);opacity:0;visibility:hidden;pointer-events:none;background:#02070a6b;align-items:center;transition:opacity .35s,visibility 0s linear .35s;display:flex;position:fixed;inset:0}header.top.scrolled nav{background:#02070aad}header.top nav ul{flex-direction:column;gap:6px;width:100%}header.top nav li{opacity:0;transition:opacity .25s,transform .25s;transform:translateY(22px)}header.top nav a{font-family:var(--serif);color:var(--white);background:0 0;padding:10px 0;font-size:clamp(2rem,9vw,3rem);font-weight:300;transition:color .2s;display:block}header.top nav a:hover{color:var(--sky)}header.top nav li:first-child{--i:0}header.top nav li:nth-child(2){--i:1}header.top nav li:nth-child(3){--i:2}header.top nav li:nth-child(4){--i:3}header.top.menu-open nav{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s,visibility}header.top.menu-open nav li{opacity:1;transition:opacity .55s,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:calc(.1s + var(--i,0) * 70ms);transform:none}}@media (width<=820px){.orari .wrap,.venerdi .wrap,.visita .wrap,.centro dl{grid-template-columns:1fr}.times th{font-size:1.3rem}.hero-body{grid-template-columns:1fr}.ayah{max-width:30rem;margin-bottom:0}.ayah-it{--fade:1.5em;max-height:3.05em;-webkit-mask-image:linear-gradient(#000 calc(100% - var(--fade)),transparent);mask-image:linear-gradient(#000 calc(100% - var(--fade)),transparent);margin-top:0;font-size:1rem;transition:max-height .6s cubic-bezier(.2,.7,.2,1),--fade .5s;overflow:hidden}.ayah-ar-wrap{grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.2,.7,.2,1);display:grid}.ayah-ar-clip{opacity:0;min-height:0;transition:opacity .4s,transform .5s;overflow:hidden;transform:translateY(-6px)}.ayah-ar{margin-bottom:8px;font-size:1.3rem;line-height:1.8}.ayah figcaption{margin-top:6px;font-size:.8rem;display:inline}.ayah-toggle{margin-inline-start:10px;display:inline}.ayah.open .ayah-ar-wrap{grid-template-rows:1fr}.ayah.open .ayah-ar-clip{opacity:1;transition-delay:.12s;transform:none}.ayah.open .ayah-it{--fade:0px;max-height:16em}.hero-body{padding-bottom:clamp(180px,34vw,230px)}}@media (prefers-reduced-motion:reduce){.js .hero{animation:none}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}html[lang=ar]{--serif:"Amiri","Noto Naskh Arabic",serif;--sans:"IBM Plex Sans Arabic","Noto Sans Arabic",system-ui,sans-serif}html[lang=ar] body{line-height:1.8}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;font-weight:400;line-height:1.4}html[lang=ar] .hero h1{font-variation-settings:normal;font-size:clamp(3.4rem,min(12vw,18vh),8.5rem);line-height:1.25}html[lang=ar] .hero h1 em{font-style:normal;font-weight:400}html[lang=ar] .hero p.lead,html[lang=ar] .hero .when{letter-spacing:0}html[lang=ar] .ayah-it,html[lang=ar] .ayah-toggle{display:none}html[lang=ar] .ayah-ar-wrap{grid-template-rows:1fr}html[lang=ar] .ayah-ar-clip{opacity:1;transform:none}html[lang=ar] .times td,html[lang=ar] .venerdi .hour{font-weight:400}html[lang=ar] .venerdi h2{max-width:14ch}html[lang=ar] address,html[lang=ar] .iban{unicode-bidi:plaintext}@media (width<=900px){html[lang=ar] .hero h1 em{font-size:.62em;line-height:1.3;display:block}}@media (width<=480px){.brand .ar{display:none}.brand span:last-child{white-space:nowrap;font-size:1.05rem}header.top{gap:12px}}