@import url('./assets/dialog-close.css?v=20261113cloudflare1');
@import url('./assets/section-heading-spacing.css?v=20261113cloudflare1');
/* Page 3 shares heading and category scales with Homepage. */
.service-choices { --service-paper:#faf8f4; --service-copy:#73665f; --service-line:#dfd2ca; --service-serif:'Noto Serif TC','Songti TC',serif; background:var(--service-paper); color:#38342f; font:600 16px/1.6 var(--service-serif); }
.service-choices *, .service-choices *::before, .service-choices *::after { box-sizing:border-box; }
.service-choices-inner { max-width:1376px; margin:0 auto; padding:var(--section-heading-before) 32px 40px; }
.service-choices-heading { margin-bottom:var(--section-heading-after); text-align:center; }
.service-eyebrow { margin:0 0 6px; color:var(--taihua-rose); font:500 12px/1.4 'Inter',Arial,sans-serif; letter-spacing:.26em; padding-left:.26em; }
.service-choices h2 { margin:0; font:600 clamp(28px,3.5vw,44px)/1.25 var(--service-serif); letter-spacing:.06em; padding-left:.06em; }
.service-introduction { margin:10px 0 0; color:var(--service-copy); font-size:16px; text-wrap:balance; }
.service-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:'charter planning' 'airport other'; gap:20px 24px; }
.service-choice { appearance:none; -webkit-appearance:none; min-width:0; margin:0; border:1px solid var(--service-line); border-radius:14px; background:#fffdfb; color:inherit; font:inherit; text-align:left; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:border-color 160ms ease,background 160ms ease; }
.service-choice:focus-visible { outline:2px solid var(--taihua-rose); outline-offset:4px; }
.service-choice:hover { border-color:var(--taihua-rose); background:#f4ebe5; }
.service-choice:active { background:#eadbd2; }
.service-card { display:flex; flex-direction:column; padding:0; overflow:hidden; }
.service-charter { grid-area:charter; }
.service-planning { grid-area:planning; }
.service-airport { grid-area:airport; border-color:var(--taihua-rose); background:var(--taihua-rose); color:#fffdfb; }
.service-other { grid-area:other; }
.service-airport:hover { background:#914651; }
.service-airport:active { background:#823d48; }
.service-photo { display:block; width:100%; aspect-ratio:2.15; overflow:hidden; background:#e8ded3; }
.service-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.service-charter .service-photo img { object-position:30% center; }
.service-panel { display:flex; align-items:center; gap:16px; width:100%; min-height:112px; padding:20px 28px; }
.service-card-copy { flex:1; }
.service-icon-circle { display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; border:1.2px solid currentColor; border-radius:50%; color:var(--taihua-rose); }
.service-icon-circle svg { display:block; width:24px; height:24px; }
.service-airport .service-icon-circle { color:#fffdfb; border-color:rgb(255 253 251 / 60%); }
.service-row-copy { display:grid; flex:1; min-width:0; gap:2px; }
.service-title { display:block; font:600 clamp(20px,2vw,25px)/1.5 var(--service-serif); letter-spacing:.025em; }
.service-description { display:block; color:var(--service-copy); font:600 16px/1.7 var(--service-serif); text-wrap:pretty; }
.service-entry { display:inline-flex; flex:0 0 22px; align-items:center; color:var(--taihua-rose); }
.service-entry svg { width:22px; height:16px; transition:transform 160ms ease; }
.service-choice:hover .service-entry svg { transform:translateX(3px); }
.service-airport .service-description,.service-airport .service-entry { color:#fffdfb; }
.service-readiness { --service-copy:#73665f; background:#f4efe8; color:#38342f; font:600 16px/1.7 'Noto Serif TC','Songti TC',serif; }
.service-readiness h2 { margin:0; font:600 calc(44 * var(--section-unit))/1.1 'Noto Serif TC','Songti TC',serif; letter-spacing:.08em; padding-left:.08em; }
.service-readiness .service-eyebrow { font-size:calc(12 * var(--section-unit)); margin-bottom:calc(4 * var(--section-unit)); }
.service-readiness .service-introduction { margin-top:calc(6 * var(--section-unit)); font-size:calc(16 * var(--section-unit)); line-height:1.5; }
.readiness-items { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.readiness-item { position:relative; display:flex; flex-direction:column; align-items:center; appearance:none; -webkit-appearance:none; min-width:0; border:0; padding:calc(4 * var(--section-unit)) calc(8 * var(--section-unit)); text-align:center; background:transparent; color:inherit; font:inherit; cursor:pointer; border-radius:10px; transition:background 160ms ease; }
.readiness-item + .readiness-item::before { content:''; position:absolute; top:calc(24 * var(--section-unit)); bottom:calc(18 * var(--section-unit)); left:0; width:1px; background:linear-gradient(transparent,#dfd2ca 18%,#dfd2ca 82%,transparent); }
.readiness-item:hover { background:rgb(164 82 94 / 7%); }
.readiness-item:active { background:rgb(164 82 94 / 14%); }
.readiness-item:focus-visible { outline:2px solid var(--taihua-rose); outline-offset:4px; }
.readiness-icon { display:inline-grid; place-items:center; width:calc(70 * var(--section-unit)); height:calc(70 * var(--section-unit)); border:1px solid var(--taihua-rose); border-radius:50%; color:var(--taihua-rose); background:rgb(255 255 255 / 34%); box-sizing:border-box; }
.readiness-icon svg { display:block; width:60%; height:60%; }
.readiness-title { display:block; margin-top:calc(6 * var(--section-unit)); font:600 calc(20 * var(--section-unit))/1.25 'Noto Serif TC','Songti TC',serif; letter-spacing:.035em; }
.readiness-description { display:block; margin:calc(4 * var(--section-unit)) auto 0; max-width:16em; color:#73665f; font-size:calc(16 * var(--section-unit)); line-height:1.5; text-wrap:balance; }
@media(max-width:760px) {
 .readiness-items { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 0; }
 .readiness-item + .readiness-item::before { display:none; }
 .readiness-item:nth-child(even)::before { display:block; top:calc(16 * var(--section-unit)); bottom:calc(16 * var(--section-unit)); }
 .readiness-item:nth-child(n+3)::after { content:''; position:absolute; top:-12px; left:calc(12 * var(--section-unit)); right:calc(12 * var(--section-unit)); height:1px; background:linear-gradient(to right,transparent,#dfd2ca 20%,#dfd2ca 80%,transparent); }
}
@media(max-width:700px) {
 .service-choices-inner { padding-inline:18px; padding-bottom:24px; }
 .service-eyebrow { font-size:11px; }
 .service-introduction { margin-top:8px; font-size:14px; }
 .service-options { grid-template-columns:minmax(0,1fr); grid-template-areas:'charter' 'planning' 'airport' 'other'; gap:18px; }
 .service-panel { gap:12px; min-height:128px; padding:18px; }
 .service-title { font-size:20px; }
 .service-description { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .service-choice,.service-entry svg,.readiness-item { transition:none; } }
/* Native dialogs support Escape, focus containment and return to the trigger. */
.service-dialog { width: min(600px, calc(100vw - 36px)); max-height: calc(100svh - 48px); box-sizing: border-box; padding: 0; border: 1px solid #dfd2ca; border-radius: 16px; background: #fffdfb; color: #38342f; font: 600 16px/1.7 'Noto Serif TC', 'Songti TC', serif; }
.service-dialog::backdrop { background: rgb(35 29 27 / 48%); }
.service-dialog-content { position: relative; }
.service-dialog-close {position:absolute;right:10px;top:10px;z-index:1}
.service-dialog-photo { display: block; width: 100%; aspect-ratio: 2.15; object-fit: cover; }
.service-dialog-photo[hidden] { display: none; }
.service-dialog-copy { padding: 30px 28px; }
.service-dialog-photo[hidden] + .service-dialog-copy { padding-top: 62px; }
.service-dialog h2 { margin: 0; font: 600 26px/1.5 'Noto Serif TC', 'Songti TC', serif; }
.service-dialog p { margin: 12px 0 0; color: #73665f; }
html:has(.service-dialog[open]) { overflow: hidden; }

.service-icon-circle,.readiness-icon{padding:0;line-height:0}