@charset "UTF-8";
:root{--ink:#171a1b;--paper:#fffaf2;--orange:#e95b27;--line:#e7ded0;--serif:"Noto Serif TC","Songti TC",serif;--sans:"Noto Sans TC","Microsoft JhengHei",sans-serif;--wrap:min(1280px,calc(100% - 88px));scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:#e9e7e1;color:var(--ink);font:14px/1.75 var(--sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.shell{width:min(1480px,calc(100% - 32px));margin:18px auto;background:var(--paper);box-shadow:0 16px 50px #35281612;overflow:hidden}.header{height:76px;padding:0 5.2%;display:flex;align-items:center;gap:38px;background:#fffdf8;border-bottom:1px solid #eee6d9;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#f47743,#15604c);color:white;font-size:26px;border:2px solid white;box-shadow:0 0 0 1px #e9d7c3}.brand b{display:block;font:700 19px/1.2 var(--serif);letter-spacing:.08em}.brand small{display:block;font:700 7px/1.4 "DM Sans",sans-serif;letter-spacing:.18em;color:#655d50}.nav{display:flex;align-items:center;gap:clamp(13px,2vw,28px);margin-left:auto}.nav a{font-size:11px;white-space:nowrap}.nav a:hover,footer a:hover{color:var(--orange)}.head-actions{display:flex;align-items:center;gap:12px}.search{border:0;background:none;font-size:25px;cursor:pointer}.menu-toggle{display:none}.pill{display:inline-flex;align-items:center;gap:14px;padding:10px 22px;border-radius:999px;font-size:12px;font-weight:700;transition:.2s}.pill:hover{transform:translateY(-2px)}.orange{background:var(--orange);color:white}.orange:hover{background:#c84a1c}.small{padding:7px 17px;font-size:10px}
.hero{min-height:500px;padding:55px 7.2% 48px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 70% 50%,#f5ead8,transparent 52%),linear-gradient(110deg,#fffaf2,#fbf4e8)}.map-texture{position:absolute;inset:0 16% 0 25%;opacity:.08;background-image:radial-gradient(ellipse,#7d795e 0 1px,transparent 2px);background-size:11px 11px;mask-image:radial-gradient(ellipse,#000 8%,transparent 65%)}.hero-copy{z-index:1;max-width:550px;animation:rise .7s both}.eyebrow{display:block;color:var(--orange);font:700 10px "DM Sans",var(--sans);letter-spacing:.2em}.hero h1{font:800 clamp(42px,5vw,68px)/1.3 var(--serif);letter-spacing:.04em;margin:14px 0 12px}.hero h1 span{color:var(--orange)}.hero-copy p{font-size:14px;line-height:1.9;color:#4d4b46;max-width:500px;margin:0 0 20px}.flight-path{margin:12px 0 0 75px;color:var(--orange);font-size:30px;letter-spacing:3px}.hero-photos{position:relative;z-index:1;min-height:380px}.hero-photos img{position:absolute;object-fit:cover;border-radius:15px;box-shadow:0 18px 40px #442e211d;transition:transform .45s}.hero-photos img:hover{transform:translateY(-5px)}.santorini{width:49%;height:73%;right:34%;top:13%;transform:rotate(-2deg)}.alpine{width:43%;height:42%;right:2%;top:0;transform:rotate(2deg)}.japan{width:43%;height:42%;right:0;bottom:1%;transform:rotate(-1deg)}.photo-note{position:absolute;right:0;bottom:-22px;color:#81776b;font-size:9px;letter-spacing:.13em}.hero-foot{position:absolute;bottom:14px;left:7.2%;font-size:9px;color:#aaa193;letter-spacing:.1em}.hero-foot b{color:var(--orange)}
.section{width:var(--wrap);margin:auto;padding:47px 0 52px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-head h2{margin:5px 0 0;font:700 clamp(25px,3vw,35px)/1.35 var(--serif);letter-spacing:.05em}.section-head .eyebrow{font-size:9px;color:#9a8d7b}.more{font-size:11px;font-weight:700;padding-bottom:5px;border-bottom:1px solid #bbb2a3;white-space:nowrap}.more:hover{color:var(--orange)}.filters{display:flex;gap:8px;margin:0 0 18px;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{flex:none;border:1px solid transparent;background:none;padding:6px 15px;color:#69645c;border-radius:99px;font-size:11px;cursor:pointer}.filter:hover,.filter.active{color:var(--orange);border-color:#f1c5b1;background:#fff7ef}.destinations{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.destinations article{min-width:0}.destinations article[hidden]{display:none}.destinations img{width:100%;height:220px;object-fit:cover;border-radius:8px;transition:.35s}.destinations a:hover img{transform:translateY(-4px);box-shadow:0 14px 25px #402d1822}.destinations h3{margin:8px 2px 0;font-size:13px}.destinations p{display:flex;justify-content:space-between;margin:0 2px;color:#777;font-size:10px}.destinations p b{font-size:16px;color:var(--orange);opacity:0;transition:.2s}.destinations a:hover p b{opacity:1}
.stories{padding-top:38px}.story-layout{display:grid;grid-template-columns:1.13fr .87fr;gap:25px}.story-main{background:#fffdf9;border:1px solid #eee4d6;border-radius:11px;overflow:hidden}.story-main>img{display:block;width:100%;height:270px;object-fit:cover;transition:transform .6s}.story-main:hover>img{transform:scale(1.03)}.story-main>div{padding:13px 18px 18px}.story-main small,.story-list small{font-size:9px;color:#998e7f}.story-main h3{font:700 17px/1.5 var(--serif);margin:6px 0}.story-main p{font-size:11px;color:#6c6a64;margin:0 0 9px}.story-main a{font-size:10px;color:#c84a1c;font-weight:700}.story-list{display:grid;grid-template-rows:repeat(3,1fr)}.story-list article{display:grid;grid-template-columns:135px 1fr;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.story-list article:first-child{padding-top:0}.story-list article:last-child{border:0}.story-list img{width:135px;height:96px;object-fit:cover;border-radius:7px}.story-list h3{font:700 13px/1.6 var(--serif);margin:4px 0}
.tours{padding-top:26px}.tour-grid{display:grid;grid-template-columns:.95fr 1fr 1fr;gap:16px;align-items:stretch}.tour-feature{padding:13px 7px}.badge{display:inline-block;border-radius:99px;padding:3px 12px;background:#f3a248;color:white;font-size:10px}.tour-feature h3{font:700 20px var(--serif);margin:8px 0 0}.rating{color:#f0a21c;font-size:12px}.rating small{color:#777;font-size:10px}.tour-feature>p{font-size:11px;line-height:1.8;color:#68645d}.tour-feature ul{list-style:none;padding:0;font-size:10px;color:#625c53}.tour-feature li:before{content:"✓";margin-right:8px;color:var(--orange)}.tour-card{align-self:end;background:#fff;border:1px solid #eee4d6;border-radius:10px;overflow:hidden;padding-bottom:10px;transition:.25s}.tour-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #49331b1b}.tour-card img{display:block;width:100%;height:200px;object-fit:cover}.tour-card small,.tour-card h3,.tour-card p{margin:7px 12px 0;display:block}.tour-card small{font-size:9px;color:var(--orange)}.tour-card h3{font:700 14px var(--serif)}.tour-card p{font-size:10px;color:#777}
.inspire{height:285px;position:relative;display:grid;place-items:center;text-align:center;color:white;overflow:hidden}.inspire>img,.shade{position:absolute;inset:0;width:100%;height:100%}.inspire>img{object-fit:cover;object-position:center 54%}.shade{background:linear-gradient(90deg,#102438aa,#10243869 50%,#10243899)}.inspire>div:last-child{position:relative;z-index:1;padding:25px}.inspire>div>small:first-child{font:600 8px "DM Sans";letter-spacing:.23em;color:#ffcfaa}.inspire h2{font:700 33px/1.4 var(--serif);margin:6px}.inspire p{font-size:10px;margin:5px 0 13px}.subscribe{display:flex;width:min(430px,86vw);margin:auto;padding:4px;border-radius:99px;background:white}.subscribe input{min-width:0;flex:1;border:0;background:none;padding:0 12px;font-size:11px}.subscribe button{border:0;border-radius:99px;background:var(--orange);color:white;padding:9px 14px;font-size:10px;font-weight:700;cursor:pointer}.status{display:block;min-height:15px;padding-top:3px;font-size:9px;color:#ffe3c1}
footer{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:22px;padding:27px 5.5% 0;background:var(--paper)}footer>div:not(.foot-brand){display:flex;flex-direction:column;gap:5px}footer>div>b{font-size:11px;margin:3px 0 5px}footer>div>a{font-size:10px;color:#777}.foot-brand p{font-size:10px;color:#777268}.socials{font-size:14px}.copyright{grid-column:1/-1;text-align:center;border-top:1px solid #e8dfd3;padding:10px 0;color:#777;font-size:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes rise{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.destinations article{animation:rise .6s both}.destinations article:nth-child(2){animation-delay:.08s}.destinations article:nth-child(3){animation-delay:.16s}.destinations article:nth-child(4){animation-delay:.24s}}
@media(max-width:1000px){:root{--wrap:calc(100% - 52px)}.header{gap:17px}.nav{gap:12px}.nav a{font-size:9px}.hero{min-height:440px;padding-inline:6%}.story-list article{grid-template-columns:112px 1fr}.story-list img{width:112px;height:82px}}
@media(max-width:700px){:root{--wrap:calc(100% - 34px)}.shell{width:100%;margin:0}.header{height:64px;padding:0 15px;gap:8px}.brand{gap:7px}.brand-mark{width:35px;height:35px;font-size:21px}.brand b{font-size:15px}.brand small{font-size:6px}.menu-toggle{display:block;margin-left:auto;border:0;background:none;font-size:23px}.nav{display:none;position:absolute;top:63px;left:0;right:0;padding:9px 18px 15px;background:#fffdf8;box-shadow:0 10px 15px #34251518;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{font-size:12px;padding:9px 2px;border-bottom:1px solid var(--line)}.head-actions{gap:2px}.search{font-size:21px}.small{padding:6px 11px;font-size:9px}.hero{grid-template-columns:1fr;padding:35px 21px 40px;gap:16px;min-height:0}.hero h1{font-size:clamp(38px,10vw,54px);line-height:1.28;margin:8px 0}.hero-copy p{font-size:11px;line-height:1.85}.flight-path{margin:5px 0 0 37px;font-size:24px}.hero-photos{min-height:285px}.santorini{height:78%;top:8%}.alpine,.japan{height:45%}.photo-note{bottom:-11px;font-size:8px}.hero-foot{display:none}.section{padding:36px 0}.section-head{gap:8px;margin-bottom:15px}.section-head h2{font-size:23px}.section-head .eyebrow{font-size:8px}.more{font-size:9px}.filters{gap:3px;margin-bottom:14px}.filter{font-size:10px;padding:6px 11px}.destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.destinations img{height:auto;aspect-ratio:.88}.destinations h3{font-size:11px}.destinations p{font-size:9px}.destinations p b{display:none}.stories{padding-top:13px}.story-layout{grid-template-columns:1fr;gap:12px}.story-main>img{height:205px}.story-main>div{padding:11px 13px}.story-main h3{font-size:14px}.story-main p{font-size:10px}.story-list article{grid-template-columns:93px 1fr;gap:10px;padding:9px 0}.story-list img{width:93px;height:73px}.story-list h3{font-size:11px}.story-list small{font-size:8px}.tours{padding-top:12px}.tour-grid{grid-template-columns:1fr 1fr;gap:10px}.tour-feature{grid-column:1/-1;padding:0 0 7px}.tour-feature h3{font-size:17px}.tour-feature>p{font-size:10px}.tour-feature ul{font-size:9px}.tour-card img{height:132px}.tour-card small,.tour-card h3,.tour-card p{margin-inline:9px}.tour-card h3{font-size:11px}.tour-card p{font-size:9px}.inspire{height:260px}.inspire h2{font-size:25px}.inspire p{font-size:9px}.subscribe{width:min(400px,91vw)}.subscribe input{font-size:9px;padding-inline:9px}.subscribe button{font-size:9px;padding-inline:11px}footer{grid-template-columns:repeat(2,1fr);gap:18px 13px;padding:24px 20px 0}.foot-brand{grid-column:1/-1}.foot-brand p{font-size:9px}footer>div>b{font-size:10px}footer>div>a{font-size:9px}.copyright{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Match the supplied travel brand mark and keep the compact phone layout balanced. */
.brand-mark{background:none;border:0;box-shadow:none;overflow:hidden}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.tour-hokkaido{display:none}
@media(max-width:700px){
  .hero{padding:26px 21px 32px;gap:10px}
  .hero h1{font-size:clamp(27px,10vw,46px)}
  .hero-photos{min-height:clamp(165px,68vw,285px)}
  .destinations img{height:auto;aspect-ratio:.88}
  .story-main>img{height:auto;aspect-ratio:1.55}
  .story-list article{grid-template-columns:90px minmax(0,1fr)}
  .story-list img{width:90px;height:69px}
  .tour-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 6px;scrollbar-width:none}
  .tour-grid::-webkit-scrollbar{display:none}
  .tour-feature{display:none}
  .tour-card{flex:0 0 88%;scroll-snap-align:start}
  .tour-hokkaido{display:block}
  .tour-card img{height:clamp(120px,42vw,175px)}
  .inspire{height:clamp(170px,70vw,260px)}
}

@media(max-width:700px){
  .head-actions .small{display:none}
  .brand-mark{width:34px;height:34px}
  .hero{padding:24px 16px 26px;gap:8px}
  .hero h1{font-size:clamp(24px,9.5vw,46px);letter-spacing:0}
  .hero-copy p{font-size:clamp(9px,2.8vw,11px)}
  .section{padding:30px 0 34px}
  .section-head{align-items:flex-start}
  .section-head h2{font-size:20px}
  .section-head .more{display:none}
  .destinations{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:58%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .destinations::-webkit-scrollbar{display:none}
  .destinations article{scroll-snap-align:start}
  .story-main>img{aspect-ratio:1.55}
  .story-list article{grid-template-columns:90px minmax(0,1fr)}
  .story-list img{width:90px;height:69px}
  .tour-card{flex-basis:100%}
  .inspire{height:clamp(170px,70vw,260px)}
}

/* The supplied hero artwork includes the destination collage and flight path. */
.hero{grid-template-columns:minmax(0,1fr);aspect-ratio:2048/1053;min-height:500px;padding:clamp(42px,6vw,88px) 7.2%;background:#fffaf2}
.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.hero-copy{position:relative;grid-column:1;max-width:min(500px,47%);}
.hero h1{font-size:clamp(40px,4.8vw,64px)}
.flight-path{display:none}
.hero-foot{display:none}
@media(max-width:700px){
  .hero{display:flex;flex-direction:column;align-items:stretch;gap:14px;aspect-ratio:auto;min-height:0;padding:25px 16px 0}
  .hero-copy{max-width:none;width:100%;padding:0 5px 12px}
  .hero h1{font-size:clamp(28px,8vw,42px);line-height:1.28;margin:8px 0}
  .hero-copy p{font-size:11px;max-width:38em}
  .hero-art{position:relative;inset:auto;display:block;width:calc(100% + 32px);height:auto;aspect-ratio:2048/1053;object-fit:contain;margin:0 -16px}
}
@media(max-width:700px){
  .hero-copy{order:0}
  .hero-art{order:1}
}

/* Remove the framed canvas so the travel showcase fills desktop viewports. */
body{background:var(--paper)}
.shell{width:100%;max-width:none;margin:0;box-shadow:none}
