/* Pinoy Viajeros travel-creator homepage. Scoped so booking and admin stay unchanged. */
body:has(#home-view.active){background:#f4f9f8}
body:has(#home-view.active) .topbar{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(8,51,59,.12);box-shadow:0 8px 30px rgba(9,52,62,.08);backdrop-filter:blur(15px)}
body:has(#home-view.active) .topbar .nav-link,body:has(#home-view.active) .topbar .sound-toggle{border:0;border-radius:12px;background:transparent;color:#143b43;box-shadow:none}
body:has(#home-view.active) .topbar .nav-link.active{border:0;background:#dff2ef;color:#086c72}
#home-view{max-width:none;background:#f4f9f8;background-image:none;color:#11343c;box-shadow:none}
#home-view .eyebrow{color:#c46f1d;font:900 11px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.2em}
#home-view .site-hero{min-height:680px;position:relative;overflow:hidden;background:#082e3a;box-shadow:none;border:0;backdrop-filter:none}
#home-view .site-hero:after{content:"";display:block;position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,#061f2b 0%,rgba(6,33,43,.96) 28%,rgba(6,33,43,.8) 45%,rgba(6,33,43,.15) 70%,rgba(6,33,43,.05) 100%);pointer-events:none;z-index:1}
#home-view .hero-slideshow,#home-view .hero-slide{position:absolute;inset:0}
#home-view .hero-slide{visibility:hidden;transform:translateX(100%);transition:none}
#home-view .hero-slide.is-active,#home-view .hero-slide.is-exiting{visibility:visible;transition:transform .85s linear,visibility 0s}
#home-view .hero-slide.is-active{transform:translateX(0)}
#home-view .hero-slide.is-exiting{transform:translateX(-100%)}
#home-view .hero-slide img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#home-view .hero-slide-landmark{background:#082e3a}
#home-view .hero-slide-landmark:before{content:none}
#home-view .hero-slide-landmark img{left:0;width:100%;object-fit:contain;object-position:78% center;z-index:1}
#home-view .site-hero-inner{position:relative;z-index:2;width:min(1320px,90%);min-height:680px;padding:72px 0 82px;display:grid;grid-template-columns:minmax(0,740px) 1fr;align-items:end;gap:40px}
#home-view .hero-carousel-ui{position:absolute;z-index:3;top:35px;right:5%;display:flex;flex-direction:column;align-items:flex-end;gap:13px;color:#fff;text-align:right}
#home-view .hero-slide-caption{display:flex;flex-direction:column;gap:5px;max-width:320px;padding:11px 15px;border:1px solid rgba(255,255,255,.32);border-radius:12px;background:rgba(3,35,49,.62);backdrop-filter:blur(8px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
#home-view .hero-slide-caption span{color:#ffcf70;font:900 10px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em}
#home-view .hero-slide-caption strong{font:800 16px/1.25 Inter,ui-sans-serif,system-ui,sans-serif}
#home-view .hero-slide-controls{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:100px;background:rgba(3,35,49,.62)}
#home-view .hero-slide-dot{width:12px;height:12px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent;cursor:pointer}
#home-view .hero-slide-dot.is-active{background:#ffca55;border-color:#ffca55}
#home-view .hero-slide-pause{width:29px;height:29px;margin-left:3px;padding:0;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:14px;cursor:pointer}
#home-view .hero-slide-dot:focus-visible,#home-view .hero-slide-pause:focus-visible{outline:3px solid #ffca55;outline-offset:3px}
.passenger-support-footer .hero-photo-credits{margin:13px auto 0;max-width:900px;color:#dce2ef;font-size:12px;line-height:1.6;text-align:center}
.passenger-support-footer .hero-photo-credits summary{cursor:pointer;font-weight:700}
#home-view .site-hero-copy{max-width:790px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;filter:none;backdrop-filter:none;transform:none}
#home-view .site-hero-copy .eyebrow{display:inline-flex;gap:12px;align-items:center;margin:0 0 21px;padding:10px 14px;border:1px solid rgba(255,255,255,.28);border-radius:100px;background:rgba(6,61,73,.45);color:#fff}
#home-view .site-hero-copy .eyebrow span{color:#ffd364}
#home-view .site-hero h1{margin:0 0 24px;color:#fff;font:900 clamp(52px,6.4vw,94px)/.98 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.068em;text-shadow:0 8px 28px rgba(0,0,0,.22)}
#home-view .site-hero h1 em{font-style:normal;color:#ffce61}
#home-view .site-hero-copy>p:not(.eyebrow){max-width:650px;margin:0 0 30px;color:#eef7f5;font:500 19px/1.65 Inter,ui-sans-serif,system-ui,sans-serif}
#home-view .site-hero-actions{gap:13px}
#home-view .site-hero-actions .primary,#home-view .site-cta .primary{display:inline-flex;align-items:center;gap:32px;border:0;border-radius:13px;padding:16px 22px;background:#ffca55;color:#153640;font-weight:900;text-decoration:none;box-shadow:0 14px 28px rgba(0,0,0,.15);transition:transform .18s ease,background .18s ease}
#home-view .site-hero-actions .primary:hover,#home-view .site-cta .primary:hover{background:#ffdc8c;transform:translateY(-2px)}
#home-view .site-link-button{display:inline-flex;align-items:center;gap:8px;padding:14px 17px;border:1px solid rgba(255,255,255,.55);border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font:800 14px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;text-decoration:none;backdrop-filter:blur(5px)}
#home-view .site-link-button:hover{background:rgba(255,255,255,.22);color:#fff}
#home-view .site-hero-footnote{display:flex;align-items:center;gap:10px;margin:28px 0 0;padding:0;border:0;color:#d9eae8;font:800 12px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.06em}
#home-view .site-hero-footnote span{margin:0;color:#ffca55}
#home-view .hero-route-tag{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:100%;margin-top:17px;padding:10px 15px;border:1px solid rgba(255,255,255,.35);border-radius:12px;background:rgba(5,43,55,.68);color:#fff;font:800 14px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;box-shadow:0 8px 20px rgba(0,0,0,.15)}
#home-view .hero-route-tag .route-arrow{color:#ffca55;font-size:18px;line-height:1}
#home-view .site-section{width:min(1220px,90%);padding:92px 0;border:0}
#home-view .site-section-intro{max-width:850px;margin-bottom:34px}
#home-view .site-section-intro h2,#home-view .feature-copy h2,#home-view .site-cta h2{margin:0 0 16px;color:#123a42;font:900 clamp(38px,4.3vw,61px)/1.05 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.06em}
#home-view .site-section-intro>p:last-child,#home-view .feature-copy>p:not(.eyebrow),#home-view .site-cta p:last-child{max-width:750px;color:#587078;font:500 16px/1.7 Inter,ui-sans-serif,system-ui,sans-serif}
#home-view .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border:0}
#home-view .service-card,#home-view .service-card:first-child,#home-view .service-card:last-child{min-height:310px;padding:30px;border:1px solid #dcebe9;border-radius:23px;background:#fff;box-shadow:0 16px 35px rgba(25,74,79,.08);transition:transform .2s ease,box-shadow .2s ease}
#home-view .service-card:first-child{background:#0c5360;border-color:#0c5360;color:#fff}
#home-view .service-card:hover{transform:translateY(-5px);box-shadow:0 22px 42px rgba(25,74,79,.14)}
#home-view .service-number{color:#cc7825;font-size:10px;letter-spacing:.16em}
#home-view .service-card:first-child .service-number{color:#ffd37a}
#home-view .service-symbol{margin:19px 0 4px;color:#d98b36;font-size:34px}
#home-view .service-card:first-child .service-symbol{color:#ffd37a}
#home-view .service-card h3{font:900 26px/1.16 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.04em}
#home-view .service-card p{color:#587078;font:500 14px/1.65 Inter,ui-sans-serif,system-ui,sans-serif}
#home-view .service-card:first-child p{color:#d4e9e7}
#home-view .service-action{color:#0a7880;font:900 14px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;text-decoration:none}
#home-view .service-card:first-child .service-action{color:#ffcf70}
#home-view .site-operators{width:100%;padding:84px max(5%,calc((100% - 1220px)/2));background:#e5f2ef}
#home-view .operator-showcase{display:grid;grid-template-columns:.85fr 1.15fr;gap:0;overflow:hidden;border:0;border-radius:28px;background:#fff;color:#123a42;box-shadow:0 24px 52px rgba(12,72,77,.11)}
#home-view .operator-showcase-copy{align-self:center;padding:clamp(30px,5vw,70px);border:0}
#home-view .site-kicker{color:#b96e20}
#home-view .operator-showcase h3{margin:23px 0;color:#123a42;font:900 clamp(38px,4vw,56px)/1.05 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.055em}
#home-view .operator-showcase p{color:#587078;font:500 16px/1.7 Inter,ui-sans-serif,system-ui,sans-serif}
#home-view .terminal-chips span{border:1px solid #bbd8d2;border-radius:99px;color:#0b6870;font:800 12px/1.2 Inter,ui-sans-serif,system-ui,sans-serif}
#home-view .operator-showcase .primary,#home-view .feature-actions .primary{border:0;border-radius:10px;background:#0c5360;color:#fff;box-shadow:none;text-decoration:none}
#home-view .operator-showcase .primary:hover,#home-view .feature-actions .primary:hover{background:#0a7c85}
#home-view .operator-showcase-image{padding:15px;border:0;background:#f5faf9}
#home-view .operator-showcase-image img{display:block;width:100%;height:auto;object-fit:contain;border-radius:14px}
#home-view .photo-caption{margin:10px 0 0;padding:2px 1px 0;border:0;color:#74888a;font:600 11px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.03em}
#home-view .site-feature{grid-template-columns:1fr 1fr;gap:7%;align-items:center}
#home-view .feature-art{padding:12px;border:1px solid #e0ebea;border-radius:24px;background:#fff;box-shadow:0 25px 50px rgba(15,69,75,.11)}
#home-view .feature-art img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:14px}
#home-view .feature-copy{max-width:560px}
#home-view .feature-copy ul{padding:16px 0 16px 24px;border-top:1px solid #d9e8e6;border-bottom:1px solid #d9e8e6;color:#526c73;font:600 14px/1.9 Inter,ui-sans-serif,system-ui,sans-serif}
#home-view .feature-copy li::marker{color:#0b8890}
#home-view .feature-copy .site-link-button{border:1px solid #b4d4d0;border-radius:10px;padding:13px 17px;background:#fff;color:#0a6870;font-weight:900}
#home-view .feature-copy .site-link-button:hover{background:#e4f5f2;color:#0a6870}
#home-view .feature-note{padding:13px 16px;border-left:4px solid #0d8b93;border-radius:0 9px 9px 0;background:#e7f5f2;color:#526c73}
#home-view .cargo-feature{padding-top:35px}
#home-view .site-cta{width:min(1220px,90%);margin:0 auto 80px;padding:42px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:0;border-radius:25px;background:linear-gradient(110deg,#ffdd91,#ffd174);box-shadow:0 22px 40px rgba(153,99,28,.14)}
#home-view .site-cta h2{font-size:clamp(36px,3.8vw,54px)}
#home-view .site-cta .primary{flex:0 0 auto;background:#123f49;color:#fff}
#home-view .site-cta .primary:hover{background:#0d6570}
@media(max-width:960px){#home-view .site-hero-inner{grid-template-columns:1fr;min-height:0;padding:75px 0;gap:35px}#home-view .site-hero-visual{justify-self:start}#home-view .operator-showcase{grid-template-columns:1fr}#home-view .site-feature{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:650px){#home-view .site-hero{background-position:68% center}#home-view .site-hero-inner{padding:56px 0 58px;gap:30px}#home-view .site-hero h1{font-size:clamp(44px,11vw,65px)}#home-view .site-hero-copy>p:not(.eyebrow){font-size:16px}#home-view .site-hero-actions{align-items:stretch;flex-direction:column}#home-view .site-hero-actions .primary,#home-view .site-hero-actions .site-link-button{justify-content:center}#home-view .site-hero-footnote{flex-wrap:wrap;font-size:11px}#home-view .site-hero-visual{max-width:none}#home-view .site-section{padding:62px 0}#home-view .service-grid{grid-template-columns:1fr}#home-view .service-card,#home-view .service-card:first-child,#home-view .service-card:last-child{min-height:0;padding:26px}#home-view .site-operators{padding:65px 5%}#home-view .operator-showcase-copy{padding:30px 24px}#home-view .site-feature{display:flex;flex-direction:column;align-items:stretch;gap:28px}#home-view .cargo-feature .feature-copy{order:1}#home-view .cargo-feature .feature-art{order:2}#home-view .site-cta{display:block;padding:30px 25px;margin-bottom:50px}#home-view .site-cta .primary{margin-top:20px}}
@media(prefers-reduced-motion:reduce){#home-view .service-card,#home-view .site-hero-actions .primary{transition:none}#home-view .service-card:hover,#home-view .site-hero-actions .primary:hover{transform:none}}
@media(max-width:960px){#home-view .site-hero{min-height:0}#home-view .site-hero:after{background:linear-gradient(180deg,rgba(4,30,42,.08) 0%,rgba(4,30,42,.08) 170px,rgba(4,30,42,.35) 240px,#082e3a 320px)}#home-view .hero-slide img,#home-view .hero-slide-landmark img{top:0;left:0;right:auto;width:100%;height:305px;object-position:center}#home-view .hero-slide-bus img{object-position:88% center}#home-view .site-hero-inner{min-height:0;padding:330px 0 65px;display:block}#home-view .hero-carousel-ui{top:16px;left:5%;right:auto;align-items:flex-start;text-align:left}#home-view .hero-slide-caption{background:rgba(3,35,49,.75)}}
@media(max-width:650px){#home-view .site-hero-inner{padding:326px 0 55px}#home-view .hero-slide-caption{max-width:240px;padding:8px 10px}#home-view .hero-slide-caption strong{font-size:14px}#home-view .hero-slide-caption span{font-size:9px}#home-view .hero-slide-controls{padding:4px 6px}#home-view .hero-slide-dot{width:11px;height:11px}}
@media(max-width:960px){#home-view .hero-slide-landmark:before{inset:0 0 auto;height:305px}#home-view .hero-slide-landmark img{object-fit:contain;object-position:center}}
@media(prefers-reduced-motion:reduce){#home-view .hero-slide{transition:none}}

/* Full-resolution story posters: never crop; open the source image to zoom on a phone. */
/* Static travel illustrations stay separate from the slideshow and full-size posters. */
#home-view .journey-banner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:30px;align-items:center;margin:0 0 65px;padding:30px;border:1px solid #cfe3df;border-radius:28px;background:#fff;box-shadow:0 16px 35px rgba(25,74,79,.06)}
#home-view .journey-banner-copy>p{margin:12px 0 18px;font-size:clamp(22px,2.5vw,34px);font-weight:850;line-height:1.18;letter-spacing:-.04em;color:#123a42}
#home-view .journey-banner-art{display:block;width:100%;height:auto;border-radius:20px}
#home-view .journey-regions{display:flex;flex-wrap:wrap;gap:8px}
#home-view .journey-regions span{padding:7px 11px;border:1px dashed #9ac5bc;border-radius:8px;color:#166572;font-size:11px;font-weight:800;letter-spacing:.04em}
#home-view .service-symbol{margin:17px 0 12px;line-height:0}
#home-view .service-symbol img{display:block;width:140px;max-width:100%;height:auto}
#home-view .site-section-intro .eyebrow:before,#home-view .feature-copy .eyebrow:before{content:"";display:inline-block;width:8px;height:8px;margin-right:9px;background:#e7ad3e;border-radius:50%;box-shadow:0 0 0 4px #f8ecd1}
#home-view .site-cta{background:radial-gradient(circle at 90% -20%,transparent 0 85px,rgba(255,255,255,.24) 86px 115px,transparent 116px 144px,rgba(255,255,255,.19) 145px 165px,transparent 166px),linear-gradient(110deg,#ffdd91,#ffd174)}
@media(max-width:650px){#home-view .journey-banner{grid-template-columns:1fr;gap:22px;padding:22px;margin-bottom:45px;border-radius:20px}#home-view .journey-banner-art{border-radius:14px}#home-view .service-symbol img{width:120px}}
#home-view .story-gallery{padding-top:86px}
#home-view .story-gallery-grid{display:grid;grid-template-columns:1fr;gap:32px}
#home-view .story-poster{min-width:0;margin:0;padding:24px;border:1px solid #dcebe9;border-radius:24px;background:#fff;box-shadow:0 20px 42px rgba(25,74,79,.09)}
#home-view .story-poster-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:17px}
#home-view .story-poster-heading span{color:#b76b1d;font-size:11px;font-weight:900;letter-spacing:.17em;white-space:nowrap}
#home-view .story-poster-heading h3{margin:0;color:#123a42;font-size:clamp(22px,2.5vw,33px);font-weight:900;letter-spacing:-.045em}
#home-view .story-poster>a{display:block;overflow:hidden;border-radius:14px;background:#f3f8f7;cursor:zoom-in}
#home-view .story-poster img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#home-view .story-poster figcaption{margin-top:11px;color:#617a7f;font-size:12px;font-weight:700}
#home-view .story-gallery-note{margin:25px 0 0;padding:16px 20px;border-left:4px solid #0b8089;border-radius:0 12px 12px 0;background:#e6f4f1;color:#4e6b70;font-size:14px;line-height:1.6}
#home-view .story-gallery-note button{padding:0;border:0;background:none;color:#0a6e77;font-weight:900;text-decoration:underline;text-underline-offset:2px}
@media(max-width:650px){body:has(#home-view.active) .topbar{display:flex;flex-wrap:wrap;gap:4px;padding:9px 14px}body:has(#home-view.active) .topbar nav{width:100%;justify-content:flex-start;overflow-x:auto}body:has(#home-view.active) .topbar .nav-link,body:has(#home-view.active) .topbar .sound-toggle{flex:0 0 auto;white-space:nowrap}#home-view .story-gallery{padding-top:58px}#home-view .story-gallery-grid{gap:20px}#home-view .story-poster{padding:12px;border-radius:16px}#home-view .story-poster-heading{display:block;margin-bottom:12px}#home-view .story-poster-heading h3{margin-top:5px;font-size:23px}#home-view .story-poster>a{border-radius:9px}#home-view .story-poster figcaption{font-size:12px}#home-view .story-gallery-note{padding:14px 15px}}