/*
Theme Name: Moisi Bogdan
Theme URI: https://moisibogdan.ro
Author: Moisi Bogdan
Description: Temă de prezentare pentru fotograf de nuntă. Fundal alb, text negru, titluri Viaoda Libre.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: moisibogdan
*/
:root{--bg:#fff;--ink:#111;--mute:#6b6b6b;--line:#e4e4e4;--ph:#efefef;color-scheme:light;
box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:80px;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:300 18px/1.7 "Manrope","Helvetica Neue",Arial,sans-serif}
a{color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.herobg{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;background:var(--bg)}
.herobg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.herobg img{display:block;width:100%;height:auto;filter:grayscale(1)}
.hero{padding:80px 32px 20px;max-width:1200px;margin:0 auto;text-align:center}
.hero .lead{font-weight:300;font-size:clamp(22px,2.7vw,32px);line-height:1.2;letter-spacing:-.015em;margin:0}
.hero .lead.mute{font-size:18px;line-height:1.7;letter-spacing:0;color:var(--mute);max-width:60ch;margin:0 auto 18px}
.hero .cols{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;margin-top:36px;text-align:left;align-items:start}
.hero .cols .lead.mute{max-width:none;margin:0 0 18px}
.carousel{--ch:clamp(170px,22vw,340px);overflow:hidden;width:100%;padding:30px 0 70px}
.track{display:flex;gap:6px;width:max-content;animation:scrollx 55s linear infinite}
.it{flex:none;height:var(--ch);background:var(--ph);color:var(--mute);display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;padding:10px}
.it.v{aspect-ratio:2/3}.it.h{aspect-ratio:3/2}
.it.has{aspect-ratio:auto;padding:0;background:none}
.it img{display:block;height:100%;width:auto}
@keyframes scrollx{to{transform:translateX(calc(-50% - 3px))}}
@media(prefers-reduced-motion:reduce){.track{animation:none}.carousel{overflow-x:auto}.dup{display:none}}
.contact{text-align:center}
.cband{background:#1e1e1e;color:#fff}
.cband .btn{color:#fff;border-color:#fff}
.cband .btn:hover{background:#fff;color:#1e1e1e}
.sec.contact{padding-top:70px;padding-bottom:70px}
.sec.contact h2{font-size:clamp(22px,2.7vw,32px);line-height:1.2;letter-spacing:-.015em;margin:0 0 28px}
.stories{max-width:1200px;margin:0 auto;padding:80px 32px 60px}
.stories h2{font-weight:300;font-size:clamp(22px,2.7vw,32px);line-height:1.2;letter-spacing:-.015em;text-align:center;margin:0 0 36px}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.story{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;background:#cfcfcf;color:#fff;text-decoration:none}
.story img,.story .sph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.story .sph{display:flex;align-items:flex-start;justify-content:center;padding-top:16px;color:#6b6b6b;font-size:13px;text-align:center}
.story::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0) 45%,rgba(0,0,0,.55));pointer-events:none}
.story:hover img,.story:hover .sph{transform:scale(1.04)}
.stitle{position:absolute;left:0;right:0;bottom:28px;z-index:1;text-align:center;text-transform:uppercase;letter-spacing:.16em;font-size:15px;font-weight:400;line-height:1.5}
.stitle small{display:block;font-size:11px;letter-spacing:.22em;opacity:.85;margin-top:7px}
@media(max-width:760px){.sgrid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.stories{padding:56px 20px 20px}}
.ph{background:var(--ph);color:var(--mute);display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;width:100%}
img.photo{display:block;width:100%;height:auto}
.herophoto{margin-top:48px}
.founder{max-width:1200px;margin:0 auto;padding:50px 32px 90px;display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:start}
.founder .ph{aspect-ratio:4/5}
.founder h2{font-weight:300;font-size:clamp(22px,2.7vw,32px);line-height:1.2;letter-spacing:-.015em;margin:0 0 4px}
.role{font-style:italic;color:var(--mute);margin:0 0 28px}
.founder p{max-width:46ch;margin:0 0 18px}
.btn{display:inline-block;border:1px solid var(--ink);padding:14px 30px;text-decoration:none;font-weight:500;font-size:15px;letter-spacing:.04em;margin-top:10px}
.btn:hover{background:var(--ink);color:var(--bg)}
.limit{background:#1e1e1e;color:#fff;padding:50px 32px;text-align:center}
.limit h2{font-weight:300;font-size:clamp(22px,2.7vw,32px);line-height:1.2;letter-spacing:-.015em;margin:0 auto 26px}
.limit p{max-width:1136px;margin:0 auto 18px;color:#fff;font-size:18px;line-height:1.7}
.limit p:last-child{margin-bottom:0}
.sec{max-width:1200px;margin:0 auto;padding:90px 32px;border-top:1px solid var(--line)}
.sec h2{font-weight:300;font-size:clamp(30px,4vw,52px);letter-spacing:-.02em;margin:0 0 36px}
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band .sec,.sec.contact{border-top:0}
.band .sec{text-align:center;padding-top:50px;padding-bottom:50px}
.band .sec h2{font-size:clamp(22px,2.7vw,32px);line-height:1.2;letter-spacing:-.015em;margin:0 0 24px}
.rv{display:grid;margin:0 auto}
.rs{grid-area:1/1;margin:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s linear .8s}
.rs.on{opacity:1;visibility:visible;transition-delay:0s}
.rs blockquote{margin:0;font-size:18px;line-height:1.7;font-weight:300}
.rs figcaption{margin-top:18px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.rdots{display:flex;justify-content:center;gap:10px;margin-top:22px}
.rdots button{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ink);background:transparent;padding:0;cursor:pointer}
.rdots button[aria-current="true"]{background:var(--ink)}
@media(prefers-reduced-motion:reduce){.rs{transition:none}}
.contact a.big{display:block;font-weight:300;font-size:clamp(26px,4.4vw,56px);letter-spacing:-.02em;text-decoration:none;line-height:1.25}
.contact a.big:hover{text-decoration:underline;text-underline-offset:8px}
.contact p{margin:26px 0 0}
@media(max-width:760px){.herobg{grid-template-columns:1fr 1fr}.hero .cols{grid-template-columns:1fr}.hero,.gallery,.sec{padding-left:20px;padding-right:20px}.founder{grid-template-columns:1fr;gap:36px;padding:30px 20px 70px}.limit{padding:44px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero .lead:not(.mute),.founder h2,.limit h2,.band .sec h2,.sec.contact h2{font-family:"Viaoda Libre",Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:0}