.rom{--wine:#6b1f24;--wine-deep:#3c1216;--terracota:#c1622f;--terracota-ink:#7a3714;--ochre:#c98a3b;--ochre-ink:#7a4f16;--gold:#f0c987;--ink:#201512;--paper:#f2e9d8;--cream:#fff9ef;--muted:#6b5f52;--muted-light:#c9beb0;--line:rgba(32,21,18,.18);--line-dark:#ffffff30}
.rom{overflow:hidden;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.rom a{color:inherit;text-decoration:none}
.rom button{font:inherit}
.rom nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line-dark);position:relative;z-index:3}
.rom .logo{font-weight:700;letter-spacing:.08em;color:var(--paper)}
.rom .logo i{font-style:normal;color:var(--gold)}
.rom nav div{display:flex;gap:28px;font-size:.8rem;color:var(--paper)}
.rom .hero{min-height:730px;background:var(--wine-deep);color:var(--paper);position:relative}
.rom .hero:after{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.10) .6px,transparent .6px);background-size:5px 5px;opacity:.3;pointer-events:none}
.rom .heroGrid{display:grid;grid-template-columns:1.05fr .95fr;padding:70px 5vw 50px;overflow:hidden;position:relative;z-index:2}
.rom .heroGrid>div:first-child{z-index:2}
.rom .over,.rom .no{font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--terracota-ink)}
.rom .no.gold{color:var(--gold)}
.rom .no.ink{color:var(--ink)}
.rom .hero .over{color:var(--gold)}
.rom .hero h1{font-size:clamp(4.4rem,11vw,10.5rem);font-weight:900;line-height:.78;letter-spacing:-.03em;margin:.5em 0 .35em}
.rom .hero .lead{max-width:520px;font-size:1.15rem;line-height:1.55;color:var(--paper)}
.rom .hero .lead em{font-style:italic;color:var(--gold)}
.rom .cta{display:inline-block;margin-top:26px;border-bottom:2px solid var(--gold);padding:12px 0;font-weight:700;color:var(--paper)}
.rom .art{position:relative;min-height:600px;isolation:isolate}
.rom .sun{position:absolute;width:340px;height:340px;border-radius:50%;background:var(--ochre);right:-70px;top:3%;box-shadow:0 0 110px #c98a3b40}
.rom .colosseo{position:absolute;left:2%;bottom:0;width:92%;height:280px;background:var(--wine);border-radius:50% 50% 0 0;display:flex;gap:3%;align-items:flex-end;padding:0 6% 5%;z-index:2}
.rom .colosseo:before{content:"";position:absolute;inset:14% 4% 0;border-top:12px solid var(--wine-deep);border-radius:50% 50% 0 0}
.rom .colosseo i{width:9%;height:44%;background:var(--wine-deep);border-radius:50% 50% 0 0}
.rom .art b{position:absolute;right:0;bottom:8px;z-index:4;font-size:.7rem;letter-spacing:.12em;color:var(--paper);font-weight:700}
.rom .strip{height:65px;background:var(--ochre);color:var(--ink);display:flex;align-items:center;justify-content:space-around;font-weight:700;letter-spacing:.12em;font-size:.85rem}
.rom .intro,.rom .prepare,.rom .pace,.rom .tickets,.rom .eat,.rom .taste,.rom .check{padding:110px 7vw}
.rom .intro h2,.rom .dark h2,.rom .prepare h2,.rom .pace h2,.rom .budget h2,.rom .route h2,.rom .tickets h2,.rom .safety h2,.rom .eat h2,.rom .taste h2,.rom .check h2,.rom footer h2{font-size:clamp(3rem,6.4vw,5.8rem);font-weight:900;line-height:.9;letter-spacing:-.02em;margin:.3em 0}
.rom .intro h2 i,.rom .prepare h2 i,.rom .pace h2 i,.rom .tickets h2 i,.rom .eat h2 i,.rom .taste h2 i,.rom .check h2 i{font-style:italic;font-weight:400;color:var(--terracota-ink)}
.rom .dark h2 i,.rom .route h2 i,.rom .safety h2 i,.rom footer h2 i{font-style:italic;font-weight:400;color:var(--gold)}
.rom .budget h2 i{font-style:italic;font-weight:400;color:var(--terracota-ink)}
.rom .intro{display:grid;grid-template-columns:.45fr 1fr 1fr;gap:5vw}
.rom .intro>div{padding-top:55px;line-height:1.7;font-size:1.05rem}
.rom .intro blockquote{border-left:4px solid var(--terracota);margin:40px 0 0;padding:0 0 0 25px;font-style:italic;font-size:1.6rem;color:var(--ink);font-weight:700}
.rom .intro .small{margin-top:22px;color:var(--muted);font-size:.95rem}
.rom .dark,.rom .route{background:var(--wine-deep);color:var(--paper);padding:110px 7vw}
.rom .gold{color:var(--gold)}
.rom .prepLead{max-width:700px;line-height:1.6;font-size:1.05rem;color:var(--muted);margin-top:18px}
.rom .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:55px}
.rom .cards article{background:var(--paper);padding:32px;min-height:220px}
.rom .cards article>b{font-size:2.6rem;font-weight:900;color:var(--terracota-ink)}
.rom .cards h3{font-size:1.4rem;margin:14px 0 10px}
.rom .cards p{line-height:1.6;color:var(--muted)}
.rom .pace{text-align:left}
.rom .paceLead{max-width:640px;line-height:1.6;font-size:1.05rem;color:var(--muted);margin-top:18px}
.rom .paceTabs{display:grid;grid-template-columns:repeat(2,1fr);margin-top:55px}
.rom .paceTabs button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:36px;text-align:left;font-size:1.4rem;cursor:pointer;font-weight:700}
.rom .paceTabs button span{display:block;color:var(--terracota-ink);font-size:.75rem;margin-bottom:45px;letter-spacing:.08em;font-weight:700}
.rom .paceTabs button small{display:block;margin-top:14px;color:var(--muted);font-size:.72rem;text-transform:uppercase;line-height:1.5;font-weight:400}
.rom .paceTabs button.active{background:var(--wine);color:var(--paper);border-color:var(--wine)}
.rom .paceTabs button.active span{color:var(--gold)}
.rom .paceTabs button.active small{color:var(--muted-light)}
.rom .stayLead{max-width:760px;line-height:1.6;font-size:1.02rem;color:var(--muted-light);margin-top:18px}
.rom .stayFilters{display:flex;gap:6vw;margin-top:45px;flex-wrap:wrap}
.rom .stayFilters small{display:block;font-size:.72rem;letter-spacing:.14em;color:var(--gold);font-weight:700;margin-bottom:10px}
.rom .filterRow{display:flex;flex-wrap:wrap;gap:8px}
.rom .filterRow button{border:1px solid var(--line-dark);background:transparent;color:var(--paper);padding:13px 18px;font-size:.8rem;font-weight:700;cursor:pointer}
.rom .filterRow button.active{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.rom .stayList{margin-top:35px;border-top:1px solid var(--line-dark)}
.rom .stayList article{display:grid;grid-template-columns:60px 1fr auto;gap:22px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line-dark)}
.rom .stayList .rank{font-size:1.8rem;font-weight:900;color:var(--gold)}
.rom .stayList .badge{display:block;font-size:.68rem;letter-spacing:.12em;color:var(--gold);font-weight:700;margin-bottom:8px}
.rom .stayList h3{font-size:1.5rem;margin:0 0 8px}
.rom .stayList .rating{display:block;font-size:.85rem;font-weight:700;color:var(--paper);margin-bottom:8px}
.rom .stayList .why{display:block;color:var(--muted-light);font-size:.92rem;line-height:1.5}
.rom .stayList a{font-weight:700;text-decoration:underline;font-size:.75rem;color:var(--paper);white-space:nowrap}
.rom .stayEmpty{padding:40px 0;color:var(--muted-light)}
.rom .dark .note{margin-top:35px;color:var(--muted-light);max-width:820px;line-height:1.7;font-size:.95rem;border-top:1px solid var(--line-dark);padding-top:28px}
.rom .budget{background:var(--ochre);color:var(--ink);padding:110px 7vw}
.rom .budget .no{color:var(--ink)}
.rom .budgetTabs{display:flex;gap:1px;margin-top:55px;max-width:640px;flex-wrap:wrap}
.rom .budgetTabs button{flex:1;min-width:220px;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:18px 14px;font-size:.8rem;font-weight:700;cursor:pointer}
.rom .budgetTabs button.active{background:var(--ink);color:var(--paper)}
.rom .budgetResult{margin-top:30px;background:var(--cream);color:var(--ink);border:1px solid var(--ink);padding:45px;box-shadow:12px 12px 0 var(--wine)}
.rom .budgetResult h3{font-size:2rem;font-weight:900;margin:0 0 16px}
.rom .budgetResult>p{line-height:1.65;color:var(--muted);max-width:760px}
.rom .budgetResult ul{list-style:none;margin:28px 0 0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr);gap:16px 30px}
.rom .budgetResult li{font-weight:700;font-size:.92rem;color:var(--ink)}
.rom .dayTabs{display:flex;margin:55px 0 25px;overflow:auto;gap:1px}
.rom .dayTabs button{flex:1;min-width:130px;border:0;border-bottom:4px solid var(--wine);background:transparent;color:var(--muted-light);padding:16px 14px;text-align:left;cursor:pointer}
.rom .dayTabs small{display:block;font-size:.62rem;letter-spacing:.1em;font-weight:700}
.rom .dayTabs b{display:block;font-size:1.7rem;font-weight:900}
.rom .dayTabs span{font-size:.68rem}
.rom .dayTabs button.active{background:var(--wine);color:var(--paper);border-color:var(--gold)}
.rom .day{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line-dark)}
.rom .day>div{padding:45px}
.rom .day .zone{display:block;color:var(--gold);font-size:.75rem;font-weight:700;letter-spacing:.1em}
.rom .day h3{font-size:clamp(2.3rem,4.2vw,3.2rem);font-weight:900;line-height:.95;margin:.3em 0}
.rom .day blockquote{border-left:3px solid var(--ochre);margin:0 0 25px;padding:0 0 0 18px;font-style:italic;font-size:1.15rem;color:var(--paper);font-weight:700}
.rom .day .dayNote{color:var(--gold);line-height:1.6;font-size:.9rem;margin:0 0 20px;border-left:3px solid var(--terracota);padding-left:18px}
.rom .day>div>em{display:block;color:var(--gold);font-style:normal;font-size:.72rem;letter-spacing:.1em;margin-top:35px;font-weight:700}
.rom .day .eatNote{color:var(--muted-light);margin:8px 0 0;line-height:1.5}
.rom .day ol{margin:0;padding:0;list-style:none}
.rom .day li{display:grid;grid-template-columns:44px 1fr;align-items:center;min-height:60px;border-bottom:1px solid var(--line-dark);padding:0 25px}
.rom .day li span{color:var(--gold);font-size:.72rem;font-weight:700}
.rom .day li strong{color:var(--paper);font-weight:700;font-size:.95rem}
.rom .tickets{background:var(--cream)}
.rom .ticketsLead{max-width:760px;line-height:1.65;font-size:1.02rem;color:var(--muted);margin-top:18px}
.rom .ticketGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:55px}
.rom .ticketGrid article{background:var(--paper);padding:40px;min-height:230px}
.rom .ticketGrid span{font-size:2.4rem;font-weight:900;color:var(--terracota-ink)}
.rom .ticketGrid h3{font-size:1.6rem;margin:16px 0 12px}
.rom .ticketGrid p{line-height:1.6;color:var(--muted);margin-bottom:22px}
.rom .ticketGrid a{font-weight:700;text-decoration:underline;color:var(--ink)}
.rom .safety{background:var(--ink);color:var(--paper);padding:110px 7vw}
.rom .safetyLead{max-width:760px;line-height:1.65;font-size:1.02rem;color:var(--muted-light);margin-top:18px}
.rom .warnings{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-dark);margin-top:55px}
.rom .warnings article{background:var(--ink);padding:28px;min-height:170px}
.rom .warnings b{display:block;font-size:.78rem;letter-spacing:.1em;color:var(--gold);margin-bottom:14px;font-weight:700}
.rom .warnings p{color:var(--muted-light);line-height:1.55;font-size:.92rem}
.rom .emergency{margin-top:1px;background:var(--wine);display:grid;grid-template-columns:90px 1fr;align-items:center;padding:32px;gap:20px}
.rom .emergency span{font-size:2.6rem;font-weight:900;color:var(--gold)}
.rom .emergency p{margin:0;color:var(--paper);line-height:1.55}
.rom .eatLead{max-width:700px;line-height:1.6;font-size:1.05rem;color:var(--muted)}
.rom .foodGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:55px}
.rom .foodGrid article{background:var(--paper);color:var(--ink);padding:30px;min-height:270px;display:flex;flex-direction:column}
.rom .foodGrid>article>span{font-size:1.6rem;font-weight:900;color:var(--terracota-ink)}
.rom .foodGrid .place{font-size:.7rem;font-weight:700;letter-spacing:.09em;color:var(--terracota-ink);margin:20px 0 6px}
.rom .foodGrid h3{font-size:1.4rem;margin:0 0 10px}
.rom .foodGrid .dish{font-size:.85rem;font-weight:700;color:var(--ink);margin-bottom:10px}
.rom .foodGrid .truth{line-height:1.5;color:var(--muted);font-size:.9rem;flex:1}
.rom .foodGrid a{margin-top:16px;font-weight:700;text-decoration:underline;font-size:.75rem}
.rom .pending{margin-top:40px;background:var(--paper);border:2px solid var(--terracota-ink);display:grid;grid-template-columns:70px 1fr;padding:32px;gap:10px}
.rom .pending>span{font-size:3rem;font-weight:900;color:var(--terracota-ink)}
.rom .pending .micro{font-size:.7rem;font-weight:700;letter-spacing:.14em;color:var(--terracota-ink);margin:0 0 8px}
.rom .pending h3{font-size:1.4rem;margin:0 0 10px}
.rom .pending p:last-child{margin:0;line-height:1.6;color:var(--muted)}
.rom .taste{background:var(--wine);color:var(--paper)}
.rom .taste h2 i{color:var(--gold)}
.rom .dishes{display:flex;flex-wrap:wrap;gap:10px;margin-top:50px}
.rom .dishes span{border:1px solid var(--gold);border-radius:40px;padding:13px 20px;font-size:.9rem;font-weight:700;color:var(--paper)}
.rom .check{background:var(--cream);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}
.rom .check h2{font-size:clamp(2.8rem,5.6vw,4.8rem);line-height:.85;margin:.4em 0}
.rom .check h2 i{font-style:italic;font-weight:400;color:var(--terracota-ink)}
.rom .bar{height:7px;background:#dccdab}
.rom .bar span{display:block;height:100%;width:0;background:var(--terracota-ink);transition:width .3s}
.rom .check ul{list-style:none;margin:0;padding:0}
.rom .check li{border-bottom:1px solid var(--line);padding:18px 0}
.rom .check label{display:flex;gap:15px;cursor:pointer;align-items:center}
.rom .check input{width:20px;height:20px;accent-color:var(--terracota-ink);flex-shrink:0}
.rom .check span{color:var(--ink)}
.rom footer{background:var(--wine-deep);color:var(--paper);padding:110px 7vw 130px}
.rom footer>p{font-size:.75rem;letter-spacing:.15em;color:var(--gold);font-weight:700;text-transform:uppercase}
.rom footer h2{color:var(--paper)}
.rom footer>a{display:inline-block;border-bottom:2px solid var(--gold);padding-bottom:8px;margin:20px 0;color:var(--paper);font-weight:700}
.rom footer small{display:block;color:var(--muted-light);margin-top:70px;max-width:650px}
.rom .dock{display:none}
@media(max-width:800px){
  .rom nav{height:62px}
  .rom .logo{font-size:.75rem}
  .rom nav div{display:none}
  .rom .heroGrid{grid-template-columns:1fr;min-height:auto;padding-top:45px}
  .rom .hero h1{font-size:4.6rem;margin:36px 0 24px}
  .rom .hero .lead{font-size:.98rem}
  .rom .art{min-height:280px;margin-top:10px}
  .rom .sun{width:190px;height:190px}
  .rom .colosseo{height:190px}
  .rom .strip{font-size:.7rem;overflow:auto;gap:22px;justify-content:flex-start;padding:0 20px}
  .rom .intro{grid-template-columns:1fr;padding:75px 6vw;gap:0}
  .rom .intro h2,.rom .dark h2,.rom .prepare h2,.rom .pace h2,.rom .budget h2,.rom .route h2,.rom .tickets h2,.rom .safety h2,.rom .eat h2,.rom .taste h2,.rom .check h2,.rom footer h2{font-size:3.2rem}
  .rom .intro>div{padding-top:10px}
  .rom .dark,.rom .route,.rom .prepare,.rom .pace,.rom .budget,.rom .tickets,.rom .safety,.rom .eat,.rom .taste,.rom .check{padding:75px 6vw}
  .rom .cards,.rom .cards3,.rom .foodGrid,.rom .ticketGrid,.rom .warnings{grid-template-columns:1fr}
  .rom .cards article,.rom .foodGrid article,.rom .warnings article{min-height:auto}
  .rom .paceTabs{grid-template-columns:1fr}
  .rom .paceTabs button span{margin-bottom:14px}
  .rom .stayFilters{gap:30px}
  .rom .stayList article{grid-template-columns:1fr;gap:10px}
  .rom .stayList a{justify-self:start}
  .rom .budgetTabs{max-width:none;flex-direction:column}
  .rom .budgetTabs button{min-width:auto}
  .rom .budgetResult{padding:26px;box-shadow:8px 8px 0 var(--wine)}
  .rom .budgetResult ul{grid-template-columns:1fr}
  .rom .day{grid-template-columns:1fr}
  .rom .day>div{padding:28px}
  .rom .day h3{font-size:2.4rem}
  .rom .day li{grid-template-columns:34px 1fr;padding:0 14px}
  .rom .emergency{grid-template-columns:1fr;text-align:left}
  .rom .pending{grid-template-columns:1fr;padding:24px}
  .rom .pending>span{font-size:2.2rem}
  .rom .check{grid-template-columns:1fr}
  .rom .dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;height:auto;background:#170e0cf2;color:var(--paper);z-index:20;padding:8px 6px calc(8px + env(safe-area-inset-bottom));border:0}
  .rom .dock a{text-align:center;padding:6px 2px;font-size:.72rem;text-transform:uppercase}
  .rom footer{padding-bottom:130px}
}
@media(max-width:480px){
  .rom .hero h1{font-size:3.3rem}
  .rom .intro h2,.rom .dark h2,.rom .prepare h2,.rom .pace h2,.rom .budget h2,.rom .route h2,.rom .tickets h2,.rom .safety h2,.rom .eat h2,.rom .taste h2,.rom .check h2,.rom footer h2{font-size:2.5rem}
}
@media(prefers-reduced-motion:reduce){.rom *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}