/*
Theme Name: Trip55 Travel Media Preview
Template: blocksy
Version: 1.0.0
Text Domain: trip55-preview
*/
:root{--trip55-ink:#172330;--trip55-navy:#17364b;--trip55-coral:#d8614d;--trip55-sand:#f3eee5;--trip55-paper:#fffdf8;--trip55-line:#d9d2c6}
.trip55-main{background:var(--trip55-paper);color:var(--trip55-ink)}
.trip55-hero{padding:clamp(72px,10vw,140px) 24px;background:linear-gradient(125deg,rgba(23,54,75,.97),rgba(23,54,75,.8)),radial-gradient(circle at 80% 15%,#d8614d 0,transparent 38%);color:#fff}
.trip55-shell{width:min(1160px,100%);margin:0 auto}
.trip55-kicker{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f0b09f}
.trip55-hero h1{max-width:780px;margin:.25em 0;font-size:clamp(44px,7vw,86px);line-height:1.02;letter-spacing:-.025em;color:#fff}
.trip55-hero p{max-width:700px;font-size:clamp(18px,2vw,24px);line-height:1.75;color:rgba(255,255,255,.9)}
.trip55-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.trip55-actions a{display:inline-block;padding:12px 20px;border:1px solid rgba(255,255,255,.65);color:#fff;text-decoration:none;font-weight:700}.trip55-actions a:first-child{background:var(--trip55-coral);border-color:var(--trip55-coral)}
.trip55-intro{padding:clamp(54px,8vw,96px) 24px}.trip55-intro h2{font-size:clamp(30px,4vw,52px);line-height:1.2}.trip55-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}.trip55-column{padding:26px;border:1px solid var(--trip55-line);background:#fff}.trip55-column b{display:block;margin-bottom:9px;font-size:19px}.trip55-column p{margin:0;color:#58626b;line-height:1.7}.trip55-column a{color:inherit;text-decoration:none}.trip55-note{padding:44px 24px;background:var(--trip55-sand)}.trip55-note .trip55-shell{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}.trip55-note h2{margin:0 0 10px;font-size:clamp(28px,4vw,44px)}.trip55-note p{margin:0;line-height:1.8}.trip55-note a{justify-self:end;padding:12px 20px;border:1px solid var(--trip55-ink);color:inherit;text-decoration:none;font-weight:700}
@media(max-width:900px){.trip55-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.trip55-note .trip55-shell{grid-template-columns:1fr}.trip55-note a{justify-self:start}}
@media(max-width:560px){.trip55-columns{grid-template-columns:1fr}.trip55-hero h1{font-size:44px}}