:root{font-family:Arial,Helvetica,sans-serif;background:#eeeae3;color:#252820}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #496940;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1440px,90%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0;border-bottom:1px solid #8885}header>a:last-child{font-size:11px}.brand{font-size:32px;font-weight:700;letter-spacing:-2px}.brand span{font-size:16px;vertical-align:top;margin-left:4px}.intro{padding:70px 0 50px;display:grid;grid-template-columns:1.4fr 1fr;gap:0 10%}.eyebrow{grid-column:1/-1;font-size:10px;letter-spacing:.14em;margin-bottom:25px}h1{font-family:Georgia,serif;font-size:clamp(43px,5.7vw,83px);line-height:1.03;font-weight:400;letter-spacing:-.055em;margin:0}.intro>div{align-self:end;padding-bottom:5px}.intro>div>p{font-size:14px;line-height:1.9;max-width:370px;margin:0 0 20px}.intro>div>span{font-size:9px;color:#626457}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0 30px;border-top:1px solid #8885}.toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.toolbar button{font-size:11px;min-height:44px;padding:10px 20px;border:1px solid #8886;border-radius:30px;background:transparent}.toolbar button[aria-pressed=true]{background:#252820;color:#eeeae3;border-color:#252820}.toolbar>span{font-size:11px;white-space:nowrap}.layouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 27px}.layout-card{min-width:0;transition:translate .3s}.layout-card:hover{translate:0 -5px}.layout-preview{position:relative;overflow:hidden;background:#fff;border:1px solid #8885}.preview-bar{padding:13px 15px;display:flex;gap:4px;align-items:center;border-bottom:1px solid #8883;font-size:8px;letter-spacing:.06em}.preview-bar>span{margin-right:auto}.preview-bar i{width:4px;height:4px;border:1px solid #8886;border-radius:50%}.preview-body{height:300px;position:relative;overflow:hidden}.preview-body>img{width:100%;height:100%;display:block;object-fit:cover;transition:scale .6s}.layout-card:hover img{scale:1.025}.preview-body strong{position:absolute;left:20px;top:22px;font-size:43px;font-weight:400;font-family:Georgia,serif;letter-spacing:-.05em;line-height:1}.preview-body small{display:block;font:8px Arial,sans-serif;letter-spacing:.15em;margin-top:12px}.open-preview{position:absolute;bottom:14px;left:15px;background:#eeeae3e8;padding:11px 14px;font-size:9px}.layout-copy h2{font-size:19px;font-weight:400;letter-spacing:-.04em;margin:18px 0 10px;display:flex;justify-content:space-between}.layout-copy p{font-size:12px;line-height:1.7;margin:0 0 12px;max-width:300px}.layout-copy>small{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#626457}.calm .preview-body img{object-position:center 25%;opacity:.85}.urban .preview-bar,.urban .preview-body{background:#171a15;color:#d5ff3f}.urban .preview-body strong{font:bold 45px Arial,sans-serif;text-transform:uppercase;letter-spacing:-.06em}.urban .preview-body img{opacity:.45;object-position:center 30%}.atelier .preview-body{background:#432b35}.atelier .preview-body img{opacity:.65}.atelier .preview-body strong{color:#fff;font-style:italic}.brisa .preview-body strong{font:bold 50px Arial,sans-serif;letter-spacing:-.06em}.brisa .preview-body img{object-position:70% center;opacity:.6}.forma .preview-body{background:#f7f7f2;display:flex;justify-content:end}.forma .preview-body img{width:62%;object-fit:contain}.forma .preview-body strong{top:95px;font:38px Arial,sans-serif;text-transform:uppercase}.viva .preview-bar,.viva .preview-body{background:#deecdf;color:#254e3c}.viva .preview-body img{width:56%;height:250px;position:absolute;right:20px;top:20px;object-fit:contain;border:1px solid #254e3c;border-radius:100px 100px 10px 10px;rotate:7deg}.viva .preview-body strong{font:bold italic 55px Arial,sans-serif;top:90px;left:15px;letter-spacing:-.08em}.norte .preview-bar,.norte .preview-body{background:#171918;color:#ccab73}.norte .preview-body img{opacity:.65;object-position:65% center}.norte .preview-body strong{font:800 48px Arial,sans-serif;text-transform:uppercase;top:100px;letter-spacing:-.06em}.grao .preview-bar{background:#f5efdf;color:#855239}.grao .preview-body img{opacity:.85;object-position:70% center}.grao .preview-body strong{color:#fffaf0;font-size:60px;top:30px;text-shadow:0 2px 20px #42332877}.note{font-size:10px;line-height:1.9;color:#626457;max-width:700px;margin:55px 0}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-top:1px solid #8885}footer p{font-size:11px}@media(max-width:1000px){.layouts{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{gap:0 7%}.intro>div>p{font-size:12px}.preview-body{height:330px}}@media(max-width:600px){header{padding:25px 0}.brand{font-size:29px}header>a:last-child{font-size:9px}.intro{display:block;padding:40px 0 30px}.eyebrow{font-size:8px;line-height:1.8;margin-bottom:22px}h1{font-size:47px}.intro>div{padding-top:25px}.intro>div>p{font-size:12px;margin-bottom:15px}.intro>div>span{font-size:8px}.toolbar{align-items:start;gap:15px;padding-top:18px}.toolbar>div{gap:6px}.toolbar button{font-size:9px;padding:9px 13px;min-height:39px}.toolbar>span{font-size:9px;padding-top:13px}.layouts{grid-template-columns:1fr;gap:35px}.preview-body{height:320px}.layout-copy h2{font-size:21px}.layout-copy p{font-size:12px}.note{font-size:9px;margin:35px 0}footer p{font-size:9px;max-width:130px;line-height:1.7;text-align:right}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}