/* Pinoy Viajeros: dimensional travel styling. Photos retain their full proportions. */
body:has(#home-view){min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body:has(#home-view)>main{flex:1 0 auto;min-width:0}
body:has(#home-view)>.topbar,body:has(#home-view)>.passenger-support-footer{flex-shrink:0}
body:has(#home-view)>.passenger-support-footer{margin-top:auto}
body:has(#home-view.active){background:#eff6f6}
body:has(#home-view.active) .topbar{background:linear-gradient(155deg,#fff,#edf5f6);border-bottom:1px solid #fff;box-shadow:0 5px 0 #d4e3e6,0 18px 35px rgba(8,40,65,.13)}
body:has(#home-view) .brand-logo{border:1px solid #fff;box-shadow:0 4px 0 #d2dfe5,0 8px 20px #123b4924}
#home-view{background:radial-gradient(ellipse at 0 28%,#dcefeb 0,transparent 34%),radial-gradient(ellipse at 100% 68%,#e6ecff 0,transparent 35%),#f3f8fa}
#home-view .site-section-intro h2,#home-view .feature-copy h2,#home-view .site-cta h2{text-shadow:0 2px 0 #fff,0 5px 12px #123a4212}
#home-view .journey-banner{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);padding:35px;background:linear-gradient(145deg,#fff,#e9f3f3);border:1px solid #fff;box-shadow:0 8px 0 #cbdde0,0 25px 55px #163e5726,inset 0 2px 0 #fff;isolation:isolate}
#home-view .journey-banner-copy>p{font-size:clamp(28px,3.1vw,44px);color:#133f50;text-shadow:0 2px 0 #fff}
#home-view .journey-banner-art{border:1px solid #fff;box-shadow:0 9px 0 #d6e6e6,0 20px 32px #183c4d26;aspect-ratio:16/9;object-fit:contain;background:#e7f3ef;border-radius:22px}
#home-view .journey-regions span{border:1px solid #fff;background:linear-gradient(145deg,#fff,#deecee);box-shadow:0 3px 0 #bfd5da,0 7px 12px #103c4d12}
#home-view .service-grid{gap:26px;align-items:stretch}
#home-view .service-card,#home-view .service-card:first-child,#home-view .service-card:last-child{position:relative;padding:30px;background:linear-gradient(145deg,#fff 0,#edf4f8 100%);color:#123a42;border:1px solid #fff;box-shadow:0 8px 0 #cddde2,0 22px 40px #0c35481f,inset 0 2px 0 #fff;border-radius:26px;overflow:hidden}
#home-view .service-card:after{content:"";position:absolute;width:130px;height:130px;right:-45px;top:-55px;border:22px solid #b5d8dc33;border-radius:50%;pointer-events:none}
#home-view .service-card:first-child{background:linear-gradient(145deg,#173e59,#0c626d);color:#fff;box-shadow:0 8px 0 #062f46,0 24px 40px #0c354835,inset 0 2px 0 #ffffff35}
#home-view .service-card:first-child .service-number{color:#ffda85}
#home-view .service-card:first-child p{color:#dcecef}
#home-view .service-symbol{margin:24px 0 22px;display:flex;justify-content:center}
#home-view .service-symbol img{width:min(100%,230px);height:auto;border-radius:22px;border:1px solid #fff;box-shadow:0 6px 0 #cbdcde,0 16px 22px #0c35481f;aspect-ratio:1;object-fit:contain;background:#f5faf9}
#home-view .service-card:first-child .service-symbol img{box-shadow:0 6px 0 #063b49,0 16px 25px #031d4230}
#home-view .service-action{display:inline-flex;align-items:center;gap:14px;padding:12px 16px;background:#e5f1ef;border:1px solid #fff;border-radius:10px;box-shadow:0 4px 0 #bad4d3;color:#095c68;text-decoration:none}
#home-view .service-card:first-child .service-action{background:linear-gradient(145deg,#ffe5a0,#ffc451);border-color:#ffecb9;color:#173d50;box-shadow:0 4px 0 #ad7728}
#home-view .site-operators{background:radial-gradient(ellipse at 95% 15%,#cce7e7,transparent 55%),linear-gradient(160deg,#e4f1ef,#d5e8ed);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #bfd3d9}
#home-view .operator-showcase{border:1px solid #fff;background:linear-gradient(140deg,#fff,#edf5f6);box-shadow:0 9px 0 #b5ced5,0 30px 50px #103d512b}
#home-view .operator-showcase-image{padding:20px;background:linear-gradient(155deg,#f5fafb,#dae9ed)}
#home-view .operator-showcase-image img{border:1px solid #fff;box-shadow:0 6px 0 #c0d4d9,0 17px 30px #17445424}
#home-view .terminal-chips span{background:linear-gradient(145deg,#fff,#dcedeb);border-color:#fff;box-shadow:0 3px 0 #bcd5d2}
#home-view .story-poster,#home-view .feature-art{border:1px solid #fff;background:linear-gradient(145deg,#fff,#e8f1f5);box-shadow:0 8px 0 #c6d9e0,0 28px 50px #11374d24}
#home-view .story-poster>a,#home-view .feature-art img{border:1px solid #d5e2e7;box-shadow:0 12px 25px #143e5112}
#home-view .feature-copy ul{padding:18px 22px 18px 38px;border:1px solid #fff;border-radius:18px;background:linear-gradient(145deg,#fff,#e4f1ef);box-shadow:0 5px 0 #cedfdc,0 14px 22px #153d4d0c}
#home-view .feature-note,#home-view .story-gallery-note{box-shadow:0 4px 0 #c8dfda,0 12px 22px #0d404914}
#home-view .site-cta{border:1px solid #fff3c9;box-shadow:0 9px 0 #d7aa53,0 30px 50px #91713626,inset 0 2px 0 #fff8df;background:radial-gradient(circle at 90% -20%,transparent 0 85px,#ffffff40 86px 115px,transparent 116px 144px,#ffffff30 145px 165px,transparent 166px),linear-gradient(145deg,#ffe9af,#ffd06c)}
#home-view .primary,#home-view .site-link-button{border:1px solid #ffffff55;box-shadow:0 5px 0 #052d4050,0 12px 22px #0e30481f}
#home-view .site-hero-actions .primary{box-shadow:0 5px 0 #b77e25,0 16px 28px #0003}
#home-view .site-hero-actions .site-link-button{box-shadow:0 5px 0 #082e3855,0 16px 28px #0002}
#home-view .primary:active,#home-view .site-link-button:active,#home-view .service-action:active{transform:translateY(3px)}
body:has(#home-view) .passenger-support-footer{border-top:1px solid #ffffff35;background:linear-gradient(145deg,#16485a,#092d40);box-shadow:0 -8px 35px #153d4d17}
/* Pointer tilt affects card surfaces only; the hero slideshow is excluded. */
#home-view .depth-card{transform:perspective(1200px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transition:transform .25s ease,box-shadow .25s ease;will-change:auto}
#home-view .depth-card:hover{transform:perspective(1200px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg)) translateY(-4px)}
#home-view .depth-card.depth-enter{animation:depth-arrive .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes depth-arrive{from{opacity:.5;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:650px){#home-view .journey-banner{grid-template-columns:1fr;padding:22px;gap:26px}#home-view .journey-banner-copy>p{font-size:30px}#home-view .journey-banner-art{border-radius:16px}#home-view .service-symbol img{width:190px}#home-view .service-card,#home-view .service-card:first-child,#home-view .service-card:last-child{padding:26px}#home-view .depth-card,#home-view .depth-card:hover{transform:none}#home-view .story-poster{padding:12px}}
@media(prefers-reduced-motion:reduce){#home-view .depth-card,#home-view .depth-card:hover{transform:none;transition:none}#home-view .depth-card.depth-enter{animation:none}}