/*
Theme Name: LF Design Studio 2
Description: Home page di Laura Fracasso, interior designer.
Version: 2.0.0
Author: Laura Fracasso
Text Domain: lf-design-studio-v2
*/

:root{--paper:#f6f3ec;--ink:#333a32;--green:#425342;--sage:#dce0d2;--rust:#a34d2e;--line:#d8d9cd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--rust);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:400;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(48px,6.8vw,96px);margin-bottom:28px}h2{font-size:clamp(36px,4.5vw,64px)}h3{font-size:25px;font-weight:400;line-height:1.2}em{font-family:Georgia,serif;font-weight:400;color:var(--rust)}.wrap{width:min(1200px,88%);margin:auto}.top{background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.bar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:100px}.brand{font-size:22px;line-height:1.1;letter-spacing:-.04em}.brand small{display:block;font-size:9px;letter-spacing:.22em;margin-top:7px}.nav{display:flex;gap:25px;font-size:12px;align-items:center}.nav a:hover{color:var(--rust)}.nav .call{border:1px solid var(--ink);padding:10px 17px}.hero{padding:75px 0 40px;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.2em;display:block;margin-bottom:22px;font-weight:bold}.intro{font-size:17px;max-width:370px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--green);color:white;padding:16px 23px;font-size:13px}.btn:hover{background:#2e3c2e}.link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:13px}.image{margin:0 2%}.image img{width:100%;height:clamp(270px,39vw,540px);object-fit:cover;display:block}.image figcaption{font-size:10px;color:#5f665b;padding:8px 4%}.ribbon{padding:24px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.14em;gap:15px}.section{padding:100px 0;border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%}.lead{font-size:23px;line-height:1.5}.bodycopy{color:#5b6356}.mark{font-size:95px;letter-spacing:-.14em;line-height:1;border-top:5px solid var(--rust);width:104px;padding-top:8px;margin-top:40px}.head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:45px}.head h2{margin:0}.head p{font-size:14px;max-width:320px;margin-bottom:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.service{border-top:1px solid var(--ink);padding-top:25px}.num{color:var(--rust);font:italic 30px Georgia,serif;display:block;margin-bottom:28px}.service p{font-size:14px;color:#5b6356}.service small{font-size:11px;border-top:1px solid var(--line);display:block;padding-top:15px}.method{background:var(--green);color:var(--paper)}.method .eyebrow{color:#dbe1c5}.method .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:55px}.steps>div{border-top:1px solid #ffffff50;padding-top:20px}.steps span{font:italic 28px Georgia,serif;color:#cad1b8}.steps h3{font-size:20px;margin-top:24px}.steps p{font-size:13px;color:#e1e5dc}.portfolio{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center}.portfolio img{width:100%;height:400px;object-fit:cover}.tag{display:inline-block;border:1px solid var(--line);padding:5px 11px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:25px}.portfolio h3{font-size:37px}.note{font-size:11px;color:#5b6356}.partner{background:var(--sage)}.partner h2{font-size:clamp(36px,4vw,54px)}.partner p{max-width:510px}.contact{background:#eae8dd}.contact h2{font-size:clamp(48px,6vw,85px)}.contact-list{border-top:1px solid #bfc3b5}.contact-list a{display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid #bfc3b5;word-break:break-word}.contact-list a:hover{color:var(--rust)}.contact-list small{font-size:10px;text-transform:uppercase;letter-spacing:.13em}.contact-list b{font-size:17px;font-weight:400}.faq{margin-top:55px}.faq details{border-bottom:1px solid #bfc3b5;padding:20px 0}.faq summary{cursor:pointer;font-size:15px}.faq p{margin:15px 0 0;max-width:800px;font-size:14px}footer{padding:30px 0}.foot{display:flex;justify-content:space-between;font-size:10px;gap:20px}.skip{position:fixed;left:10px;top:-100px;padding:12px;background:white;z-index:99}.skip:focus{top:10px}@media(max-width:800px){.bar{min-height:90px;flex-wrap:wrap;padding:18px 0}.nav{gap:16px;flex-wrap:wrap}.nav .call{padding:5px 10px}.brand{font-size:19px}.hero{grid-template-columns:1fr;padding-top:45px;gap:15px}.intro{max-width:none}.ribbon{flex-wrap:wrap}.section{padding:65px 0}.split,.portfolio{grid-template-columns:1fr;gap:35px}.services{grid-template-columns:1fr;gap:30px}.method .steps{grid-template-columns:1fr 1fr;gap:30px}.head{display:block}.head p{margin-top:22px}.mark{display:none}.portfolio img{height:280px}.contact-list a{flex-direction:column;gap:6px}.foot{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}