:root{--ink:#102019;--cream:#f4f0e7;--gold:#d6a85b;--green:#183f32;--soft:#e8e2d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fbfaf6}a{color:inherit;text-decoration:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:rgba(8,20,16,.78);backdrop-filter:blur(14px);color:#fff}.brand{font-family:Georgia,serif;font-size:24px;letter-spacing:.08em}.brand span{display:block;font-family:Inter,sans-serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#d9c79d}.site-header nav{display:flex;gap:24px;align-items:center;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.nav-cta{padding:12px 16px;border:1px solid rgba(255,255,255,.4);border-radius:999px}.hero{position:relative;min-height:92vh;color:#fff;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,16,12,.78) 0%,rgba(5,16,12,.38) 45%,rgba(5,16,12,.08) 75%),linear-gradient(0deg,rgba(5,16,12,.58),transparent 45%)}.hero-copy{position:relative;z-index:2;max-width:720px;padding:130px 7vw 150px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.hero h1,.section h2,.form-intro h1{font-family:Georgia,serif;font-weight:500;line-height:.98}.hero h1{font-size:clamp(52px,7vw,104px);margin:.2em 0}.hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.6;max-width:650px;color:#f2eee6}.actions{display:flex;gap:14px;margin-top:28px}.btn{display:inline-block;padding:15px 23px;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12px;border:1px solid transparent}.primary{background:var(--gold);color:#111}.ghost{border-color:rgba(255,255,255,.55);color:#fff}.feature-strip{position:absolute;z-index:3;bottom:0;left:5vw;right:5vw;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(8,18,14,.88);backdrop-filter:blur(10px);border:1px solid rgba(214,168,91,.28)}.feature-strip div{padding:20px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}.feature-strip strong{display:block;font-size:24px}.feature-strip span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#ead9b7}.section{padding:90px 7vw}.section h2{font-size:clamp(42px,5vw,72px);margin:.15em 0 .4em}.lead{font-size:22px;line-height:1.7;max-width:900px}.grid{display:grid;gap:22px;margin-top:38px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.grid article{padding:28px;border:1px solid #d9d2c5;border-radius:20px;background:#fff}.grid article h3{margin:8px 0 10px}.grid article p{line-height:1.6;color:#53615a}.dark{background:#0d2119;color:#fff}.dark article{background:#132b22;border-color:#2f4a3e}.dark article p{color:#c9d5cf}.dark article span{font-size:30px}.nearby-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.nearby-list span{padding:11px 16px;border-radius:999px;background:var(--soft)}.note{color:#65726c}.story{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--cream)}.story p{font-size:19px;line-height:1.7}.text-link{font-weight:700;color:#8e6426}.cta{text-align:center;background:#162f26;color:#fff}.cta p{max-width:760px;margin:0 auto 30px;line-height:1.7;color:#dce4df}footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:34px 7vw;background:#08130f;color:#d4ddd8;font-size:13px}.inner-page{background:var(--cream)}.form-wrap{padding:140px 7vw 80px;max-width:1100px;margin:auto}.form-intro{max-width:800px}.form-intro h1{font-size:clamp(46px,6vw,82px);margin:.2em 0}.form-intro p{font-size:18px;line-height:1.7}.booking-form{margin-top:36px;background:white;padding:34px;border-radius:24px;box-shadow:0 20px 70px rgba(0,0,0,.08)}label{display:block;font-size:13px;font-weight:700;letter-spacing:.02em}input,textarea{width:100%;margin-top:8px;padding:14px 15px;border:1px solid #cfc8bb;border-radius:12px;font:inherit}fieldset{margin:24px 0;padding:20px;border:1px solid #d7d0c3;border-radius:16px}fieldset label{display:inline-flex;align-items:center;margin:8px 16px 8px 0;font-weight:500}fieldset input{width:auto;margin:0 8px 0 0}.form-note{font-size:12px;color:#68736d}@media(max-width:900px){.site-header nav a:not(.nav-cta){display:none}.feature-strip{grid-template-columns:1fr 1fr;position:relative;left:auto;right:auto}.hero{display:block;padding-bottom:0}.hero-copy{padding-bottom:80px}.grid.three,.grid.four,.grid.two,.story,footer{grid-template-columns:1fr}.feature-strip div:last-child{grid-column:1/-1}.hero h1{font-size:56px}}
/* =========================================================
   SOGOD STAY — HERO + TRANSPORT IMAGE FIX
   ========================================================= */

/* ---------- HERO TEXT FIX ---------- */

.hero-copy {
    width: min(520px, calc(100% - 48px)) !important;
    max-width: 520px !important;
}

.hero-copy > p:not(.eyebrow) {
    width: 100% !important;
    max-width: 500px !important;

    font-size: clamp(16px, 1.15vw, 20px);
    line-height: 1.6;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.hero-copy h1 {
    max-width: 520px;
}


/* ---------- TRANSPORT CARDS ---------- */

.transport-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.transport-card {
    position: relative;
    overflow: hidden;

    min-width: 0;
    height: 340px;

    border-radius: 20px;
    background: #102b22;
}


/* The important part:
   never stretch the original image */

.transport-card img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover !important;
    object-position: center center;

    display: block;
}


/* Slightly different crop for each image */

.transport-card.jeepney img {
    object-position: 48% center;
}

.transport-card.tricycle img {
    object-position: 52% center;
}


/* Overlay so text stays readable */

.transport-card::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8, 29, 22, 0.88) 0%,
            rgba(8, 29, 22, 0.58) 35%,
            rgba(8, 29, 22, 0.12) 68%,
            rgba(8, 29, 22, 0.02) 100%
        );

    pointer-events: none;
}


/* Text on top of image */

.transport-card-content {
    position: absolute;
    z-index: 2;

    left: 30px;
    bottom: 28px;

    width: min(340px, calc(100% - 60px));

    color: white;
}

.transport-card-content h3 {
    margin: 5px 0 9px;

    font-size: clamp(25px, 2.3vw, 38px);
    line-height: 1;
}

.transport-card-content p {
    margin: 0 0 13px;

    line-height: 1.5;
    color: rgba(255,255,255,.88);
}


/* ---------- MOBILE ---------- */

@media (max-width: 800px) {

    .hero-copy {
        width: calc(100% - 40px) !important;
        max-width: 520px !important;
    }

    .transport-grid {
        grid-template-columns: 1fr;
    }

    .transport-card {
        height: 300px;
    }
}