:root {--paper:#f8f8f5;--ink:#293e35;--muted:#64766d;--green:#59756d;--line:#dce3db;--tint:#e8eee7;--copper:#ad805c}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:110px}
body {margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.7 'Montserrat',Arial,sans-serif}
a {color:inherit;text-decoration:none}
img {display:block;width:100%;height:auto}
h1,h2,h3,p,figure {margin:0}
h1,h2 {font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.1}
h2 {font-size:clamp(28px,2.6vw,35px)}
a:focus-visible {outline:2px solid var(--green);outline-offset:5px}
[hidden] {display:none!important}
.experience-skip {position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:20}
.experience-skip:focus {top:12px}
.experience-header {position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:18px max(28px,calc((100vw - 1240px)/2));background:#f8f8f5f5;border-bottom:1px solid var(--line)}
.experience-back {display:flex;gap:10px;align-items:center;font-size:14px;width:fit-content}
.experience-back svg {width:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.experience-brand {font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;line-height:1.1;text-align:center}
.experience-brand span {display:block;font:400 11px/1.6 'Montserrat',sans-serif;color:var(--muted);margin-top:3px}
.experience-header-test {justify-self:end;background:var(--green);color:white;border-radius:5px;padding:12px 20px;font-size:13px;font-weight:500;transition:background .2s}
.experience-header-test:hover,.primary:hover {background:#3e5c50}
main {max-width:1304px;padding:0 32px;margin:auto}
.editorial-hero {display:grid;grid-template-columns:.88fr 1.12fr;gap:56px;align-items:center;padding:46px 0;border-bottom:1px solid var(--line)}
.editorial-hero h1 {font-size:clamp(40px,4.2vw,56px);letter-spacing:-.02em;max-width:15ch;margin-bottom:20px}
.editorial-headline {font-size:18px;line-height:1.55;font-weight:500;margin-bottom:16px;max-width:39ch}
#service-description {font-size:15px;color:var(--muted);line-height:1.7;max-width:45ch}
.editorial-actions {display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}
.primary {display:inline-flex;align-items:center;justify-content:center;text-align:center;background:var(--green);color:#fff;font-size:14px;font-weight:500;line-height:1.5;padding:17px 24px;border-radius:6px;transition:background .2s;min-height:48px}
.text-link {font-size:14px;line-height:1.5;border-bottom:1px solid #b8c7ba;padding-bottom:3px;width:fit-content}
.dimension-label {display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;color:var(--copper);letter-spacing:.04em;margin-bottom:18px;white-space:nowrap}
.dimension-label::before,.dimension-label::after {content:'';height:13px;border-top:1px solid var(--copper);flex:1;transform:translateY(6px)}
.dimension-label::before {border-left:1px solid var(--copper)}
.dimension-label::after {border-right:1px solid var(--copper)}
.dimension-image {position:relative}
.dimension-image::before {content:'';position:absolute;left:-24px;top:0;bottom:0;width:13px;border-block:1px solid var(--copper);background:linear-gradient(var(--copper),var(--copper)) center/1px 100% no-repeat}
.editorial-photo img {aspect-ratio:1.5;object-fit:cover;border-radius:8px}
body[data-service="completo"] .editorial-photo img {object-position:74% center}
.editorial-section {padding:40px 0;border-bottom:1px solid var(--line)}
.editorial-how,.editorial-audience {display:grid;grid-template-columns:.88fr 1.12fr;gap:76px}
.editorial-how p {font-size:16px;line-height:1.8;color:var(--muted)}
.editorial-how p:first-child {font-family:'Cormorant Garamond',Georgia,serif;font-size:27px;line-height:1.45;color:var(--ink)}
.editorial-how p + p {margin-top:24px}
.editorial-deliveries > h2 {margin-bottom:14px}
.deliveries-intro {font-size:15px;line-height:1.7;color:var(--muted);max-width:76ch;margin-bottom:24px}
.deliveries-summary {font-size:15px;line-height:1.7;color:var(--muted);max-width:80ch;margin-top:24px}
.feature-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.feature-card {padding:24px;border:1px solid #d1dbd1;border-radius:5px;background:#fff}
.feature-icon {display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--tint);color:var(--green);margin-bottom:16px}
.feature-icon svg {width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.feature-card h3 {font:500 16px/1.4 'Montserrat',Arial,sans-serif;margin-bottom:8px;color:var(--ink)}
.feature-card p {color:var(--muted);font-size:14px;line-height:1.65}
.editorial-note {display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center;background:var(--tint);padding:34px 36px;border-radius:8px;margin-top:40px}
.editorial-note h2,.editorial-note h3 {font:500 29px/1.2 'Cormorant Garamond',Georgia,serif}
.editorial-note p {font-size:16px;line-height:1.8;color:var(--muted)}
#included-interiors {grid-template-columns:1fr auto;margin:0 0 30px}
#included-interiors p {margin-top:12px}
.feature-extra {font-size:15px;font-weight:500;margin-bottom:20px}
.editorial-audience {background:var(--tint);padding:30px;border:1px solid var(--line);border-radius:5px;margin:28px 0;gap:40px}
.editorial-audience h2 {max-width:16ch}
.editorial-audience ul {display:grid;grid-template-columns:1fr 1fr;gap:0 28px;list-style:none;padding:0;margin:0}
.editorial-audience li {display:flex;gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid #cdd8cd;font-size:15px;line-height:1.6;color:var(--ink)}
.editorial-audience li::before {content:'✓';color:var(--green);flex:none}
.editorial-comparison > p {color:var(--muted);font-size:15px;margin:16px 0 30px}
.editorial-comparison nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.comparison-card {border:1px solid #d1dbd1;border-radius:5px;padding:22px;background:#fff;display:flex;flex-direction:column}
.comparison-card.is-current {border:2px solid var(--green);background:var(--tint);padding:21px}
.scope-bars {display:flex;gap:5px;margin-bottom:24px}
.scope-bars span {height:4px;border-radius:3px;background:#d6e0d5;flex:1}
.scope-bars .filled {background:var(--green)}
.comparison-card h3 {font:500 16px/1.4 'Montserrat',Arial,sans-serif;margin-bottom:12px}
.comparison-card p {font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:24px;flex:1}
.comparison-card strong {font-size:13px;color:var(--green);font-weight:500}
.editorial-contact {margin:34px 0;background:var(--ink);color:var(--paper);padding:38px;border-radius:5px}
.editorial-contact p {font-size:17px;line-height:1.8;color:#d9e3d6;max-width:66ch;margin-top:22px}
.editorial-contact .primary {background:var(--paper);color:var(--ink)}
.editorial-contact .primary:hover {background:#e3ebe0}
.editorial-contact .text-link {color:var(--paper)}
.experience-footer {display:flex;justify-content:space-between;gap:20px;max-width:1304px;margin:auto;padding:20px 32px 32px;font-size:12px;color:var(--muted)}
@media(max-width:1000px) {
 .editorial-hero,.editorial-how,.editorial-audience {gap:44px}
 .feature-card {padding:23px}
 .editorial-hero h1 {font-size:48px}
 .editorial-actions {gap:18px}
 .primary {padding:15px 20px;font-size:13px}
}
@media(max-width:760px) {
 html {scroll-padding-top:90px}
 main {padding:0 22px}
 .experience-header {padding:13px 20px;gap:12px;grid-template-columns:auto 1fr auto}
 .experience-brand {font-size:25px}
 .experience-brand span {font-size:9px}
 .experience-back {font-size:12px;gap:4px}
 .experience-header-test {font-size:11px;padding:11px 12px}
 .editorial-hero {grid-template-columns:1fr;padding:24px 0 30px;gap:24px}
 .editorial-photo {grid-row:1}
 .editorial-hero h1 {font-size:36px;max-width:20ch;margin-bottom:16px}
 .editorial-headline {font-size:16px;margin-bottom:16px}
 #service-description {font-size:14px;line-height:1.8}
 .editorial-actions {gap:18px;margin-top:24px}
 .primary {font-size:12px;padding:14px 18px}
 .text-link {font-size:12px}
 .editorial-photo {padding-left:14px}
 .dimension-label {font-size:11px;gap:10px;margin-bottom:14px}
 .dimension-image::before {left:-18px;width:10px}
 .editorial-photo img {aspect-ratio:1.4}
 .editorial-section {padding:30px 0}
 .editorial-how,.editorial-audience {grid-template-columns:1fr;gap:24px}
 h2 {font-size:28px}
 .editorial-how p:first-child {font-size:24px}
 .editorial-how p {font-size:14px}
 .editorial-how p + p {margin-top:18px}
 .feature-grid {grid-template-columns:1fr;gap:12px}
 .feature-card {padding:20px;display:grid;grid-template-columns:32px 1fr;gap:0 12px}
 .feature-icon {width:32px;height:32px;margin:0;grid-row:span 2}
 .feature-icon svg {width:20px;height:20px}
 .feature-card h3 {font-size:15px;margin-bottom:9px}
 .feature-card p {font-size:14px;grid-column:2}
 .editorial-note,#included-interiors {grid-template-columns:1fr;padding:25px;gap:16px;margin-top:28px}
 #included-interiors {margin-top:0}
 .editorial-note h2,.editorial-note h3 {font-size:27px}
 .editorial-note p {font-size:14px}
 .editorial-audience {padding:24px 20px;margin:22px 0;gap:16px}
 .editorial-audience ul {grid-template-columns:1fr}
 .editorial-audience h2 {max-width:none}
 .editorial-audience li {font-size:14px;padding:15px 0}
 .editorial-comparison nav {grid-template-columns:1fr;gap:14px}
 .comparison-card h3 {font-size:16px}
 .editorial-contact {padding:30px 26px;margin:35px 0}
 .editorial-contact p {font-size:14px}
 .editorial-contact .editorial-actions {align-items:start;flex-direction:column}
 .experience-footer {font-size:10px;padding:14px 22px 25px}
}
@media(max-width:370px) {
 .experience-back span {display:none}
 .experience-brand {font-size:23px}
 .experience-header {padding-inline:16px}
 .editorial-hero h1 {font-size:34px}
}
@media(prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto}
 .primary,.experience-header-test,.feature-card {transition:none}
 .feature-card:hover {transform:none}
}
