:root{--black:#0a0a0a;--paper:#f2eee6;--gold:#c5a66b;--line:#ffffff21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font:16px Arial,sans-serif}header{height:84px;position:absolute;z-index:3;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line)}.brand{display:flex;color:#fff;text-decoration:none;align-items:center}.brand i{font:italic 43px/1 Georgia;margin-right:8px}.brand b{font-size:15px;letter-spacing:.2em}.brand small{display:block;font-size:8px;letter-spacing:.55em;margin-top:3px}header nav{display:flex;gap:28px}header nav a{color:#ccc;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.15em}.header-contact{justify-self:end;display:flex;align-items:center;gap:16px}.header-contact>span{font-size:9px;color:#ccc;letter-spacing:.06em;white-space:nowrap}.outline{border:1px solid #ffffff70;color:#fff;padding:14px;text-decoration:none;font-size:10px;letter-spacing:.1em}.hero{height:100vh;min-height:720px;position:relative}.hero>img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#070707fa,#070707b0 40%,transparent 75%)}.hero-copy{position:absolute;left:8vw;top:50%;transform:translateY(-40%);max-width:670px}.hero-copy span,.intro>span,.title>span,.process>span,.quote span,.receipt>span{color:var(--gold);font-size:10px;font-weight:bold;letter-spacing:.24em}.hero h1,.intro h2,.title h2,.process h2,.quote h2,.receipt h1{font:400 clamp(48px,6vw,100px)/.9 Georgia;letter-spacing:-.05em;margin:28px 0}.hero em,.intro em{color:var(--gold);font-weight:400}.hero-copy p{max-width:530px;color:#bbb;line-height:1.7}.gold{display:inline-block;background:var(--gold);color:#111;padding:17px 23px;border:0;text-decoration:none;font-size:10px;font-weight:bold;letter-spacing:.12em;margin-top:24px}.intro,.title{display:grid;grid-template-columns:1fr 3fr}.intro{padding:130px 8vw;background:var(--paper);color:#111}.intro h2,.title h2,.process h2,.quote h2,.receipt h1{font-size:clamp(40px,5vw,72px);line-height:1.05}.intro p{max-width:600px;color:#68635b;line-height:1.8;margin:40px 0 0 30%}.services,.process{padding:120px 8vw}.title{margin-bottom:70px}.list{border-top:1px solid var(--line)}.list article{display:grid;grid-template-columns:60px 1fr 1.4fr 25px;gap:28px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line)}.list i,.process article>b{color:var(--gold);font-style:normal;font-size:10px}.list h3,.process h3{font:400 27px Georgia;margin:0}.list p{color:#aaa;line-height:1.6}.process{background:#111}.process>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:65px}.process article{padding:35px 30px 40px 0;border-right:1px solid var(--line);margin-right:30px}.process p{color:#999}.quote{padding:110px 8vw;background:var(--paper);color:#111;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.quote p{color:#6b665e}.quote form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.quote label,.receipt label{font-size:9px;font-weight:bold;text-transform:uppercase;letter-spacing:.14em}.quote input,.quote select,.quote textarea,.receipt input{display:block;width:100%;border:0;border-bottom:1px solid #aaa;background:transparent;padding:13px 0;font-size:15px}.quote textarea{height:80px}.wide{grid-column:1/-1}.whatsapp{position:fixed;z-index:5;right:24px;bottom:24px;background:#25d366;color:#071b0e;padding:15px 20px;border-radius:40px;text-decoration:none;font-weight:bold;box-shadow:0 8px 30px #0005}footer{padding:50px 5vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}footer p{font-size:9px;letter-spacing:.16em;color:#888}.center{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#392e1d,#0a0a0a 45%)}.receipt{width:min(700px,90%);padding:60px;background:var(--paper);color:#111}.receipt h1{font-size:52px}.receipt p{color:#666;line-height:1.7}.receipt>a:not(.gold){display:block;color:#555;margin-top:28px}.receipt form{display:grid;gap:20px}.status{display:inline-block;background:#d9c59d;padding:10px 14px;margin:15px 0}dl{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:20px 0;border-block:1px solid #ccc}dt{color:#777}dd{margin:0;font-weight:bold}
@media(max-width:800px){header{grid-template-columns:1fr auto}header nav{display:none}.outline{font-size:0}.outline:after{content:"ORÇAMENTO";font-size:9px}.intro,.title,.quote{grid-template-columns:1fr;gap:35px}.intro p{margin-left:0}.list article{grid-template-columns:35px 1fr 20px}.list p{grid-column:2/4}.process>div{grid-template-columns:1fr 1fr}footer{align-items:flex-start;flex-direction:column;gap:25px}}
@media(max-width:520px){header{padding:0 5vw}.hero-copy{left:6vw;right:6vw}.hero h1{font-size:56px}.intro,.services,.process,.quote{padding:85px 6vw}.process>div{grid-template-columns:1fr}.quote form{grid-template-columns:1fr}.wide{grid-column:auto}.receipt{padding:38px 24px}.receipt h1{font-size:40px}}
.brand{display:block;width:72px;height:72px;background:url('../img/id-fashion-studio-logo.png') center/contain no-repeat;font-size:0;flex:0 0 auto}.brand i,.brand b,.brand small{display:none}