/*
Theme Name: Lisalba Studio
Author: Lisalba Studio
Description: Tema editorial para o portefólio Lisalba.
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: lisalba-studio
*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Poppins:wght@400;500;600&display=swap');
:root{--charcoal:#0c0c0e;--forest:#0f3d34;--copper:#b87333;--coral:#ff5a5f;--ivory:#f4f1ea;--muted:#b6b4ad;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--charcoal);color:var(--ivory);font-family:Poppins,Arial,sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:6px}img,video{display:block;width:100%;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.1}em{font-weight:400}header{padding:22px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--charcoal);position:relative;z-index:2}.wordmark{display:flex;align-items:baseline;gap:10px;font-family:'Playfair Display',Georgia,serif;font-size:36px;line-height:1}.wordmark span{font:500 12px Poppins,Arial,sans-serif;letter-spacing:.2em}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav a:hover,.text-link:hover{color:var(--coral)}.nav-contact{border-bottom:1px solid var(--copper);padding-bottom:5px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;padding:64px 5vw 58px;gap:5vw;align-items:center;max-width:1600px;margin:auto}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:500;margin-bottom:24px}.hero .eyebrow{color:var(--coral)}h1{font-size:clamp(48px,5.35vw,86px);letter-spacing:-.025em}h1 em{color:var(--coral)}.intro{max-width:510px;color:#cbc9c3;margin-top:30px;font-size:16px}.actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:34px}.button{border:0;background:var(--coral);color:var(--charcoal);padding:15px 25px;display:inline-flex;justify-content:center;gap:28px;align-items:center;font-weight:500;cursor:pointer;font-size:15px;min-height:52px}.button:hover{background:#ff8589}.button span{font-size:21px}.text-link{font-size:14px;border-bottom:1px solid #8a8985;padding:6px 0}.hero-note{font-size:12px;color:var(--muted);margin-top:45px}.hero-visual{position:relative;padding:0 0 35px}.hero-visual img{height:min(610px,51vw);object-fit:cover;object-position:right center}.hero-visual figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;position:absolute;bottom:5px;width:100%;color:var(--muted)}.image-label{position:absolute;bottom:70px;left:-32px;background:var(--forest);padding:20px 30px;font:italic 25px/1.25 'Playfair Display',Georgia,serif}.discipline-bar{display:flex;flex-wrap:wrap;justify-content:space-around;gap:16px;padding:20px 5vw;border-block:1px solid var(--line);font-size:13px;color:#cecac3}.section{padding:100px 7vw}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:55px}.section-heading>p{max-width:350px;color:var(--muted)}h2{font-size:clamp(38px,4vw,64px);letter-spacing:-.02em}h2 em{color:var(--copper)}.project-media{overflow:hidden;background:#19191a}.project-wide video{aspect-ratio:16/9;object-fit:cover}.project-info{padding:25px 0 8px}.project-info .eyebrow{font-size:12px;margin-bottom:10px;color:var(--muted)}h3{font-size:33px}.project-info p:not(.eyebrow){color:#c4c1ba;margin-bottom:13px;font-size:15px}.project-info small,.portfolio-note{color:var(--muted);font-size:12px}.project-wide .project-info{display:grid;grid-template-columns:1fr 1fr;gap:40px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:48px}.project-grid img{aspect-ratio:4/5;object-fit:cover;object-position:center}.project-grid h3{margin-bottom:18px}.portfolio-note{margin-top:35px}.services{background:var(--ivory);color:var(--charcoal)}.services .section-heading>p{color:#56544f}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #0c0c0e35}.service{padding:32px 30px 15px;border-right:1px solid #0c0c0e35;display:flex;align-items:flex-start;flex-direction:column}.service:first-child{padding-left:0}.service:last-child{border:0}.service-number{font-size:13px;color:#685647;margin-bottom:30px}.service h3{font-size:36px;line-height:1.17;margin-bottom:23px}.service p{font-size:15px;color:#53514c}.service ul{font-size:14px;padding-left:17px;margin:24px 0 32px;flex:1}.service li{padding-bottom:8px}.service a{border-bottom:1px solid var(--copper);font-size:14px;padding-bottom:6px}.service a span{margin-left:15px}.development{font-size:12px;border:1px solid #66635c;padding:5px 10px}.service-foot{font-size:13px;margin-top:30px;color:#53514c}.process{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;background:var(--forest)}.process h2 em{color:#edb27d}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:30px;padding:22px 0;border-top:1px solid #ffffff38}.steps li>span{font-size:13px;color:#dbb798}.steps h3{font-size:27px;margin-bottom:10px}.steps p{font-size:15px;color:#d2dad6}.about{display:grid;grid-template-columns:.85fr 1.1fr;gap:9vw;align-items:center}.about-image img{max-height:550px;object-fit:cover}.about h2{margin-bottom:30px}.about p:not(.eyebrow){margin:18px 0;color:#c4c1ba}.about .signature{font-family:'Playfair Display',Georgia,serif;font-size:28px;padding-top:15px;color:var(--ivory)}.signature span{display:block;font:12px Poppins,Arial,sans-serif;color:var(--muted);margin-top:8px}.faq{border-top:1px solid var(--line);padding-top:75px}.faq h2{margin-bottom:40px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:17px;padding-right:20px}.faq details p{max-width:900px;padding:15px 0 5px;color:var(--muted);font-size:15px}.contact{background:var(--ivory);color:var(--charcoal);display:grid;grid-template-columns:1fr 1fr;gap:7vw}.contact h2{margin-bottom:28px}.contact>div>p:not(.eyebrow){max-width:410px;color:#53514c}.contact .contact-note{font-size:13px;margin-top:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:14px;margin-bottom:18px}label span{font-size:12px;color:#626059}input,select,textarea{width:100%;border:0;border-bottom:1px solid #85827b;background:transparent;border-radius:0;color:var(--charcoal);padding:10px 0;min-height:46px;outline-offset:4px;font-size:16px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--forest)}#form-status{font-size:13px;margin-top:12px}footer{padding:45px 5vw;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}footer p,footer a:not(.wordmark){font-size:13px}footer small{font-size:12px;color:var(--muted)}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--ivory);color:var(--charcoal);z-index:10}.skip:focus{top:5px}
@media(min-width:1600px){.section{padding-inline:max(7vw,calc((100vw - 1376px)/2))}}
@media(max-width:900px){nav{gap:17px}.hero{gap:5vw;padding-top:45px}h1{font-size:50px}.hero-visual img{height:520px}.hero-visual figcaption{flex-direction:column;gap:2px}.image-label{left:-15px;font-size:20px}.hero-note{margin-top:25px}.section{padding:70px 5vw}.service{padding-inline:20px}.service h3{font-size:30px}.process{gap:35px}.contact{gap:40px}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:680px){header{padding:20px 6vw}.wordmark{font-size:30px}.menu-toggle{display:flex;align-items:center;gap:15px;background:none;border:1px solid var(--line);color:var(--ivory);padding:6px 12px;font-size:14px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--charcoal);padding:24px 6vw;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:22px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:44px 6vw 30px;gap:40px}h1{font-size:clamp(44px,11.5vw,65px)}.hero .eyebrow{font-size:12px;margin-bottom:23px}.intro{margin-top:25px}.hero-visual img{height:auto;aspect-ratio:4/5}.hero-visual figcaption{flex-direction:row;font-size:12px}.image-label{left:-10px;bottom:65px}.hero-note{margin-top:25px}.discipline-bar{display:grid;grid-template-columns:1fr 1fr;font-size:12px;text-align:center;gap:12px;padding:18px}.section{padding:60px 6vw}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:25px;max-width:none;font-size:15px}.project-wide .project-info,.project-grid,.service-grid,.process,.about,.contact{grid-template-columns:1fr}.project-wide .project-info{gap:18px}.project-grid{gap:32px;margin-top:32px}.project-info{padding-top:20px}.service,.service:first-child{padding:27px 0;border:0;border-bottom:1px solid #0c0c0e35}.service-number{margin-bottom:15px}.service ul{margin:20px 0}.service h3 br{display:none}.service h3{font-size:32px}.process{gap:32px}.about{gap:38px}.about-image img{max-height:500px;object-position:center}.faq summary{font-size:16px}.contact{gap:35px}.form-row{grid-template-columns:1fr 1fr;gap:15px}footer{padding:35px 6vw;align-items:flex-start;flex-direction:column}.eyebrow{font-size:12px}}
@media(max-width:370px){.form-row{grid-template-columns:1fr;gap:0}.actions{gap:20px}.hero-visual figcaption{flex-direction:column}.image-label{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#pausa .project-media img{object-position:80% center}

.nav-items{display:flex;gap:28px;list-style:none;margin:0;padding:0}.entry-content{margin-top:40px;max-width:1000px}.entry-content p{margin:20px 0}.entry-content h2{font-size:36px;margin-top:38px}.entry-content h3{font-size:26px;margin-top:25px}.entry-content a{color:#f2b888;text-decoration:underline}.entry-content .wp-block-image{margin:30px 0}.entry-content img{height:auto;max-height:760px;object-fit:contain}.entry-content ul{padding-left:24px}.post-preview{padding:30px 0;border-bottom:1px solid #ffffff26}.entry-content .wp-block-button__link{background:#ff5a5f;color:#0c0c0e;text-decoration:none;padding:14px 24px}.wp-block-video video{max-width:100%}@media(max-width:680px){.nav-items{flex-direction:column}}
