:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#151515;--paper:#f5f3ee;--line:#d7d3ca;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0}a{color:inherit}button{font:inherit}.studio-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.studio-sidebar{color:#f7f4ed;background:#171816;padding:28px}.studio-sidebar h1{margin:0 0 48px;font:500 18px/1.2 Georgia,serif}.studio-sidebar nav{color:#aaa;gap:10px;font-size:14px;display:grid}.studio-main{padding:clamp(28px,6vw,90px)}.studio-main h2{max-width:900px;margin:20px 0;font:400 clamp(42px,6vw,80px)/1 Georgia,serif}.architecture-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:55px;display:grid}.architecture-card{border:1px solid var(--line);background:#fbfaf7;min-height:160px;padding:24px}.architecture-card small{text-transform:uppercase;letter-spacing:.12em;color:#777}.hotel-template{min-height:100vh;padding:24px}.preview-banner{z-index:10;color:#fff;background:#111;border-radius:999px;padding:10px 14px;font-size:12px;position:fixed;bottom:20px;right:20px}.hotel-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:10px 0 24px;display:grid}.hotel-header nav{gap:24px;display:flex}.hotel-header button{background:0 0;border:1px solid;justify-self:end;padding:10px 18px}.template-hero{border:1px solid;flex-direction:column;justify-content:flex-end;min-height:70vh;padding:clamp(30px,7vw,110px);display:flex}.template-hero h1{letter-spacing:-.055em;margin:20px 0;font:400 clamp(64px,11vw,160px)/.88 Georgia,serif}.template-signature{text-transform:uppercase;letter-spacing:.14em;padding:28px 0;font-size:12px}.content-outline{grid-template-columns:repeat(3,1fr);gap:10px;padding:80px 0;display:grid}.content-outline article{border:1px dashed;min-height:180px;padding:20px}.hotel-template--cinematic{color:#eee8df;text-align:center;background:#090d13}.hotel-template--tuscan{color:#3f3323;background:#d8c4a2}.hotel-template--urban{color:#14191c;text-transform:uppercase;background:#e5e6e7;font-family:Arial,sans-serif}.hotel-template--wellness{color:#315044;background:#edf1e9}.hotel-template--wellness .template-hero{border-radius:80px 80px 12px 12px}@media (max-width:760px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{display:none}.architecture-grid,.content-outline{grid-template-columns:1fr}.hotel-header nav{display:none}.template-hero{min-height:65vh;padding:24px}}
