/* Impeccable scaffold: the measured layout of the approved comp as custom properties. Generated by build-phase.mjs scaffold; regenerate after comp-spec.mjs --regions changes. Bind these to your own markup; positions are % of the comp frame so they scale with it. */
:root {
  --r-masthead-x: 0.000%; --r-masthead-y: 0.000%; --r-masthead-w: 100.000%; --r-masthead-h: 7.420%;
  --r-brand-logo-x: 3.780%; --r-brand-logo-y: 1.560%; --r-brand-logo-w: 14.190%; --r-brand-logo-h: 4.200%;
  --r-nav-overseas-x: 21.220%; --r-nav-overseas-y: 2.730%; --r-nav-overseas-w: 4.040%; --r-nav-overseas-h: 2.340%;
  --r-nav-overseas-cap: 12px; --r-nav-overseas-font: 18px;
  --r-nav-domestic-x: 28.260%; --r-nav-domestic-y: 2.730%; --r-nav-domestic-w: 4.100%; --r-nav-domestic-h: 2.340%;
  --r-nav-domestic-cap: 12px; --r-nav-domestic-font: 17px;
  --r-nav-departures-x: 34.900%; --r-nav-departures-y: 2.730%; --r-nav-departures-w: 4.950%; --r-nav-departures-h: 2.340%;
  --r-nav-support-x: 42.060%; --r-nav-support-y: 2.730%; --r-nav-support-w: 4.100%; --r-nav-support-h: 2.340%;
  --r-nav-support-cap: 16px; --r-nav-support-font: 23px;
  --r-nav-utility-x: 69.080%; --r-nav-utility-y: 2.150%; --r-nav-utility-w: 27.340%; --r-nav-utility-h: 3.520%;
  --r-search-shell-x: 3.840%; --r-search-shell-y: 8.690%; --r-search-shell-w: 92.380%; --r-search-shell-h: 6.930%;
  --r-search-destination-x: 5.470%; --r-search-destination-y: 10.160%; --r-search-destination-w: 21.740%; --r-search-destination-h: 4.300%;
  --r-search-origin-fixed-x: 30.340%; --r-search-origin-fixed-y: 10.060%; --r-search-origin-fixed-w: 14.580%; --r-search-origin-fixed-h: 4.490%;
  --r-search-date-x: 47.920%; --r-search-date-y: 10.060%; --r-search-date-w: 13.540%; --r-search-date-h: 4.490%;
  --r-search-travelers-x: 64.650%; --r-search-travelers-y: 10.060%; --r-search-travelers-w: 12.890%; --r-search-travelers-h: 4.490%;
  --r-search-submit-x: 78.970%; --r-search-submit-y: 9.570%; --r-search-submit-w: 16.470%; --r-search-submit-h: 5.270%;
  --r-hero-world-x: 0.000%; --r-hero-world-y: 15.720%; --r-hero-world-w: 100.000%; --r-hero-world-h: 84.280%;
  --r-hero-eyebrow-x: 3.970%; --r-hero-eyebrow-y: 20.120%; --r-hero-eyebrow-w: 16.730%; --r-hero-eyebrow-h: 3.320%;
  --r-hero-eyebrow-cap: 23px; --r-hero-eyebrow-font: 34px;
  --r-hero-headline-line1-x: 3.910%; --r-hero-headline-line1-y: 24.510%; --r-hero-headline-line1-w: 33.270%; --r-hero-headline-line1-h: 6.740%;
  --r-hero-headline-line1-cap: 57px; --r-hero-headline-line1-font: 81px; --r-hero-headline-line1-family: 'Bree Serif'; --r-hero-headline-line1-weight: 400;
  --r-hero-headline-line2-x: 3.910%; --r-hero-headline-line2-y: 31.840%; --r-hero-headline-line2-w: 32.160%; --r-hero-headline-line2-h: 6.640%;
  --r-hero-headline-line2-cap: 60px; --r-hero-headline-line2-font: 86px; --r-hero-headline-line2-family: 'Alumni Sans SC'; --r-hero-headline-line2-weight: 700;
  --r-hero-summary-line1-x: 4.040%; --r-hero-summary-line1-y: 40.040%; --r-hero-summary-line1-w: 18.680%; --r-hero-summary-line1-h: 2.930%;
  --r-hero-summary-line1-cap: 21px; --r-hero-summary-line1-font: 30px;
  --r-hero-summary-line2-x: 4.040%; --r-hero-summary-line2-y: 43.360%; --r-hero-summary-line2-w: 21.220%; --r-hero-summary-line2-h: 2.930%;
  --r-hero-summary-line2-cap: 21px; --r-hero-summary-line2-font: 30px;
  --r-route-origin-label-x: 48.440%; --r-route-origin-label-y: 23.140%; --r-route-origin-label-w: 9.770%; --r-route-origin-label-h: 2.540%;
  --r-route-origin-label-cap: 13px; --r-route-origin-label-font: 19px;
  --r-route-network-x: 30.400%; --r-route-network-y: 24.900%; --r-route-network-w: 34.110%; --r-route-network-h: 33.010%;
  --r-route-fukuoka-x: 57.230%; --r-route-fukuoka-y: 30.270%; --r-route-fukuoka-w: 11.460%; --r-route-fukuoka-h: 7.030%;
  --r-route-danang-x: 30.210%; --r-route-danang-y: 43.160%; --r-route-danang-w: 10.740%; --r-route-danang-h: 7.320%;
  --r-route-taipei-x: 52.080%; --r-route-taipei-y: 42.090%; --r-route-taipei-w: 11.590%; --r-route-taipei-h: 7.620%;
  --r-route-bangkok-x: 32.940%; --r-route-bangkok-y: 53.520%; --r-route-bangkok-w: 8.330%; --r-route-bangkok-h: 7.520%;
  --r-route-message-x: 75.460%; --r-route-message-y: 25.100%; --r-route-message-w: 8.330%; --r-route-message-h: 6.540%;
  --r-route-message-cap: 8px; --r-route-message-font: 13px;
  --r-coordinates-x: 93.100%; --r-coordinates-y: 19.920%; --r-coordinates-w: 4.880%; --r-coordinates-h: 2.830%;
  --r-coordinates-cap: 8px; --r-coordinates-font: 12px;
  --r-product-row-x: 27.990%; --r-product-row-y: 65.820%; --r-product-row-w: 69.790%; --r-product-row-h: 22.560%;
  --r-product-danang-photo-x: 30.010%; --r-product-danang-photo-y: 68.850%; --r-product-danang-photo-w: 7.230%; --r-product-danang-photo-h: 16.210%;
  --r-product-danang-title-x: 38.220%; --r-product-danang-title-y: 69.340%; --r-product-danang-title-w: 8.010%; --r-product-danang-title-h: 3.610%;
  --r-product-danang-title-cap: 26px; --r-product-danang-title-font: 38px;
  --r-product-danang-date-x: 38.280%; --r-product-danang-date-y: 73.540%; --r-product-danang-date-w: 8.330%; --r-product-danang-date-h: 2.830%;
  --r-product-danang-date-cap: 18px; --r-product-danang-date-font: 26px;
  --r-product-danang-price-x: 38.220%; --r-product-danang-price-y: 76.760%; --r-product-danang-price-w: 9.770%; --r-product-danang-price-h: 3.520%;
  --r-product-danang-price-cap: 23px; --r-product-danang-price-font: 34px;
  --r-product-danang-status-x: 38.280%; --r-product-danang-status-y: 81.050%; --r-product-danang-status-w: 9.310%; --r-product-danang-status-h: 3.910%;
  --r-product-fukuoka-photo-x: 51.820%; --r-product-fukuoka-photo-y: 68.550%; --r-product-fukuoka-photo-w: 7.160%; --r-product-fukuoka-photo-h: 16.600%;
  --r-product-fukuoka-title-x: 60.090%; --r-product-fukuoka-title-y: 69.040%; --r-product-fukuoka-title-w: 10.420%; --r-product-fukuoka-title-h: 3.610%;
  --r-product-fukuoka-title-cap: 24px; --r-product-fukuoka-title-font: 35px;
  --r-product-fukuoka-date-x: 60.090%; --r-product-fukuoka-date-y: 73.340%; --r-product-fukuoka-date-w: 9.440%; --r-product-fukuoka-date-h: 2.930%;
  --r-product-fukuoka-date-cap: 18px; --r-product-fukuoka-date-font: 27px;
  --r-product-fukuoka-price-x: 60.030%; --r-product-fukuoka-price-y: 76.660%; --r-product-fukuoka-price-w: 10.420%; --r-product-fukuoka-price-h: 3.710%;
  --r-product-fukuoka-price-cap: 23px; --r-product-fukuoka-price-font: 34px;
  --r-product-fukuoka-status-x: 60.030%; --r-product-fukuoka-status-y: 81.050%; --r-product-fukuoka-status-w: 9.440%; --r-product-fukuoka-status-h: 3.910%;
  --r-product-taipei-photo-x: 75.330%; --r-product-taipei-photo-y: 67.870%; --r-product-taipei-photo-w: 7.290%; --r-product-taipei-photo-h: 17.290%;
  --r-product-taipei-title-x: 83.720%; --r-product-taipei-title-y: 68.460%; --r-product-taipei-title-w: 10.030%; --r-product-taipei-title-h: 3.710%;
  --r-product-taipei-title-cap: 20px; --r-product-taipei-title-font: 29px;
  --r-product-taipei-date-x: 83.720%; --r-product-taipei-date-y: 72.950%; --r-product-taipei-date-w: 9.830%; --r-product-taipei-date-h: 2.930%;
  --r-product-taipei-date-cap: 18px; --r-product-taipei-date-font: 26px;
  --r-product-taipei-price-x: 83.720%; --r-product-taipei-price-y: 76.370%; --r-product-taipei-price-w: 10.290%; --r-product-taipei-price-h: 3.810%;
  --r-product-taipei-price-cap: 24px; --r-product-taipei-price-font: 35px;
  --r-product-taipei-status-x: 83.720%; --r-product-taipei-status-y: 81.050%; --r-product-taipei-status-w: 9.830%; --r-product-taipei-status-h: 3.910%;
  --r-hero-booking-cta-x: 38.020%; --r-hero-booking-cta-y: 89.750%; --r-hero-booking-cta-w: 24.020%; --r-hero-booking-cta-h: 6.450%;
}

.comp-frame { position: relative; width: 100%; aspect-ratio: 1536 / 1024; overflow: hidden; }
.r-masthead { position: absolute; left: var(--r-masthead-x); top: var(--r-masthead-y); width: var(--r-masthead-w); height: var(--r-masthead-h); }
.r-brand-logo { position: absolute; left: var(--r-brand-logo-x); top: var(--r-brand-logo-y); width: var(--r-brand-logo-w); height: var(--r-brand-logo-h); }
.r-nav-overseas { position: absolute; left: var(--r-nav-overseas-x); top: var(--r-nav-overseas-y); width: var(--r-nav-overseas-w); height: var(--r-nav-overseas-h); }
.r-nav-domestic { position: absolute; left: var(--r-nav-domestic-x); top: var(--r-nav-domestic-y); width: var(--r-nav-domestic-w); height: var(--r-nav-domestic-h); }
.r-nav-departures { position: absolute; left: var(--r-nav-departures-x); top: var(--r-nav-departures-y); width: var(--r-nav-departures-w); height: var(--r-nav-departures-h); }
.r-nav-support { position: absolute; left: var(--r-nav-support-x); top: var(--r-nav-support-y); width: var(--r-nav-support-w); height: var(--r-nav-support-h); }
.r-nav-utility { position: absolute; left: var(--r-nav-utility-x); top: var(--r-nav-utility-y); width: var(--r-nav-utility-w); height: var(--r-nav-utility-h); }
.r-search-shell { position: absolute; left: var(--r-search-shell-x); top: var(--r-search-shell-y); width: var(--r-search-shell-w); height: var(--r-search-shell-h); }
.r-search-destination { position: absolute; left: var(--r-search-destination-x); top: var(--r-search-destination-y); width: var(--r-search-destination-w); height: var(--r-search-destination-h); }
.r-search-origin-fixed { position: absolute; left: var(--r-search-origin-fixed-x); top: var(--r-search-origin-fixed-y); width: var(--r-search-origin-fixed-w); height: var(--r-search-origin-fixed-h); }
.r-search-date { position: absolute; left: var(--r-search-date-x); top: var(--r-search-date-y); width: var(--r-search-date-w); height: var(--r-search-date-h); }
.r-search-travelers { position: absolute; left: var(--r-search-travelers-x); top: var(--r-search-travelers-y); width: var(--r-search-travelers-w); height: var(--r-search-travelers-h); }
.r-search-submit { position: absolute; left: var(--r-search-submit-x); top: var(--r-search-submit-y); width: var(--r-search-submit-w); height: var(--r-search-submit-h); }
.r-hero-world { position: absolute; left: var(--r-hero-world-x); top: var(--r-hero-world-y); width: var(--r-hero-world-w); height: var(--r-hero-world-h); }
.r-hero-eyebrow { position: absolute; left: var(--r-hero-eyebrow-x); top: var(--r-hero-eyebrow-y); width: var(--r-hero-eyebrow-w); height: var(--r-hero-eyebrow-h); }
.r-hero-headline-line1 { position: absolute; left: var(--r-hero-headline-line1-x); top: var(--r-hero-headline-line1-y); width: var(--r-hero-headline-line1-w); height: var(--r-hero-headline-line1-h); }
.r-hero-headline-line2 { position: absolute; left: var(--r-hero-headline-line2-x); top: var(--r-hero-headline-line2-y); width: var(--r-hero-headline-line2-w); height: var(--r-hero-headline-line2-h); }
.r-hero-summary-line1 { position: absolute; left: var(--r-hero-summary-line1-x); top: var(--r-hero-summary-line1-y); width: var(--r-hero-summary-line1-w); height: var(--r-hero-summary-line1-h); }
.r-hero-summary-line2 { position: absolute; left: var(--r-hero-summary-line2-x); top: var(--r-hero-summary-line2-y); width: var(--r-hero-summary-line2-w); height: var(--r-hero-summary-line2-h); }
.r-route-origin-label { position: absolute; left: var(--r-route-origin-label-x); top: var(--r-route-origin-label-y); width: var(--r-route-origin-label-w); height: var(--r-route-origin-label-h); }
.r-route-network { position: absolute; left: var(--r-route-network-x); top: var(--r-route-network-y); width: var(--r-route-network-w); height: var(--r-route-network-h); }
.r-route-fukuoka { position: absolute; left: var(--r-route-fukuoka-x); top: var(--r-route-fukuoka-y); width: var(--r-route-fukuoka-w); height: var(--r-route-fukuoka-h); }
.r-route-danang { position: absolute; left: var(--r-route-danang-x); top: var(--r-route-danang-y); width: var(--r-route-danang-w); height: var(--r-route-danang-h); }
.r-route-taipei { position: absolute; left: var(--r-route-taipei-x); top: var(--r-route-taipei-y); width: var(--r-route-taipei-w); height: var(--r-route-taipei-h); }
.r-route-bangkok { position: absolute; left: var(--r-route-bangkok-x); top: var(--r-route-bangkok-y); width: var(--r-route-bangkok-w); height: var(--r-route-bangkok-h); }
.r-route-message { position: absolute; left: var(--r-route-message-x); top: var(--r-route-message-y); width: var(--r-route-message-w); height: var(--r-route-message-h); }
.r-coordinates { position: absolute; left: var(--r-coordinates-x); top: var(--r-coordinates-y); width: var(--r-coordinates-w); height: var(--r-coordinates-h); }
.r-product-row { position: absolute; left: var(--r-product-row-x); top: var(--r-product-row-y); width: var(--r-product-row-w); height: var(--r-product-row-h); }
.r-product-danang-photo { position: absolute; left: var(--r-product-danang-photo-x); top: var(--r-product-danang-photo-y); width: var(--r-product-danang-photo-w); height: var(--r-product-danang-photo-h); }
.r-product-danang-title { position: absolute; left: var(--r-product-danang-title-x); top: var(--r-product-danang-title-y); width: var(--r-product-danang-title-w); height: var(--r-product-danang-title-h); }
.r-product-danang-date { position: absolute; left: var(--r-product-danang-date-x); top: var(--r-product-danang-date-y); width: var(--r-product-danang-date-w); height: var(--r-product-danang-date-h); }
.r-product-danang-price { position: absolute; left: var(--r-product-danang-price-x); top: var(--r-product-danang-price-y); width: var(--r-product-danang-price-w); height: var(--r-product-danang-price-h); }
.r-product-danang-status { position: absolute; left: var(--r-product-danang-status-x); top: var(--r-product-danang-status-y); width: var(--r-product-danang-status-w); height: var(--r-product-danang-status-h); }
.r-product-fukuoka-photo { position: absolute; left: var(--r-product-fukuoka-photo-x); top: var(--r-product-fukuoka-photo-y); width: var(--r-product-fukuoka-photo-w); height: var(--r-product-fukuoka-photo-h); }
.r-product-fukuoka-title { position: absolute; left: var(--r-product-fukuoka-title-x); top: var(--r-product-fukuoka-title-y); width: var(--r-product-fukuoka-title-w); height: var(--r-product-fukuoka-title-h); }
.r-product-fukuoka-date { position: absolute; left: var(--r-product-fukuoka-date-x); top: var(--r-product-fukuoka-date-y); width: var(--r-product-fukuoka-date-w); height: var(--r-product-fukuoka-date-h); }
.r-product-fukuoka-price { position: absolute; left: var(--r-product-fukuoka-price-x); top: var(--r-product-fukuoka-price-y); width: var(--r-product-fukuoka-price-w); height: var(--r-product-fukuoka-price-h); }
.r-product-fukuoka-status { position: absolute; left: var(--r-product-fukuoka-status-x); top: var(--r-product-fukuoka-status-y); width: var(--r-product-fukuoka-status-w); height: var(--r-product-fukuoka-status-h); }
.r-product-taipei-photo { position: absolute; left: var(--r-product-taipei-photo-x); top: var(--r-product-taipei-photo-y); width: var(--r-product-taipei-photo-w); height: var(--r-product-taipei-photo-h); }
.r-product-taipei-title { position: absolute; left: var(--r-product-taipei-title-x); top: var(--r-product-taipei-title-y); width: var(--r-product-taipei-title-w); height: var(--r-product-taipei-title-h); }
.r-product-taipei-date { position: absolute; left: var(--r-product-taipei-date-x); top: var(--r-product-taipei-date-y); width: var(--r-product-taipei-date-w); height: var(--r-product-taipei-date-h); }
.r-product-taipei-price { position: absolute; left: var(--r-product-taipei-price-x); top: var(--r-product-taipei-price-y); width: var(--r-product-taipei-price-w); height: var(--r-product-taipei-price-h); }
.r-product-taipei-status { position: absolute; left: var(--r-product-taipei-status-x); top: var(--r-product-taipei-status-y); width: var(--r-product-taipei-status-w); height: var(--r-product-taipei-status-h); }
.r-hero-booking-cta { position: absolute; left: var(--r-hero-booking-cta-x); top: var(--r-hero-booking-cta-y); width: var(--r-hero-booking-cta-w); height: var(--r-hero-booking-cta-h); }