/* public.css */
:root{--ink:#102e2b;--paper:#eee8dc;--soft:#d8ded6;--green:#006c5b;--orange:#e96642;--line:rgba(16,46,43,.19);--muted:#65736e;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.preview-bar{background:#f0b94c;padding:11px 5vw;text-align:center;font:700 12px var(--sans);letter-spacing:.04em}.preview-bar a{margin-left:20px;text-decoration:underline}.site-header{min-height:54px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:38px;padding:0 4vw;border-bottom:1px solid var(--line)}.masthead,.footer-mark{font-size:27px;font-weight:800;letter-spacing:-.055em}.primary-nav{display:flex;justify-content:center;gap:25px;overflow-x:auto}.primary-nav a,.domain{flex:0 0 auto;font:700 11px var(--sans);letter-spacing:.06em;text-transform:uppercase}.primary-nav a{padding:21px 0 17px;border-bottom:3px solid transparent}.primary-nav a:hover,.primary-nav a.active{color:var(--green);border-color:var(--green)}.primary-nav .staff-link{color:var(--orange)}.domain{color:var(--muted)}.home{max-width:1380px;margin:auto;padding:20px 4vw 80px}.home-mast{display:flex;justify-content:space-between;align-items:end;padding:22px 0 24px;border-bottom:4px solid var(--ink)}.home-mast h1{margin:6px 0 -8px;font-size:clamp(64px,9vw,126px);line-height:.78;letter-spacing:-.078em}.home-mast>p{margin:0;text-align:right;color:var(--muted);font:12px/1.5 var(--sans)}.kicker{margin:0;color:var(--orange);font:800 10px/1.3 var(--sans);letter-spacing:.15em;text-transform:uppercase}.kicker a:hover{text-decoration:underline}.front-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:26px;padding:28px 0 32px;border-bottom:1px solid var(--line)}.front-lead{display:grid;grid-template-columns:minmax(270px,1.08fr) minmax(260px,.92fr);min-width:0;background:var(--soft)}.front-lead-visual{position:relative;min-height:425px;overflow:hidden}.front-lead-visual:has(img)::after{content:'香港';position:absolute;left:-12px;bottom:-27px;color:rgba(255,255,255,.82);font:800 clamp(84px,10vw,148px)/1 var(--sans);letter-spacing:-.12em}.front-lead-copy{padding:clamp(25px,3.2vw,46px);display:flex;flex-direction:column;justify-content:center}.front-lead-copy h2{margin:14px 0 17px;font-size:clamp(33px,3.7vw,53px);line-height:.96;letter-spacing:-.045em}.front-lead-copy>p:not(.kicker){margin:0;color:#526762;font:15px/1.5 var(--sans)}.story-link{align-self:flex-start;margin-top:22px;padding-bottom:5px;border-bottom:2px solid var(--ink);font:800 10px var(--sans);letter-spacing:.12em;text-transform:uppercase}.story-link span{margin-left:7px}.front-rail{min-width:0}.rail-story{height:100%;display:grid;grid-template-rows:minmax(190px,1fr) auto;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line)}.rail-visual{position:relative;min-height:205px;overflow:hidden}.rail-story h2{margin:10px 0;font-size:clamp(25px,2.4vw,36px);line-height:1;letter-spacing:-.035em}.rail-story>div>p:not(.kicker){margin:0;color:var(--muted);font:13px/1.5 var(--sans)}.about-panel{height:100%;padding:34px;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:flex-end}.about-panel h2{margin:13px 0;font-size:clamp(30px,3vw,43px);line-height:1}.about-panel>p:last-child{color:#b9c4bd;font:14px/1.55 var(--sans)}.story-art{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:linear-gradient(145deg,#173f3c 0 54%,#1f7775 54% 72%,#d8aa49 72%);color:#f6f0e4}.story-art::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 82% 17%,rgba(244,189,78,.92) 0 10%,transparent 10.3%),linear-gradient(35deg,transparent 0 48%,rgba(255,255,255,.055) 48% 51%,transparent 51%)}.story-art .art-domain{font:800 10px var(--sans);letter-spacing:.14em;text-transform:uppercase}.story-art strong{max-width:70%;font-size:clamp(26px,3.5vw,48px);line-height:.95;letter-spacing:-.04em}.story-art i{position:absolute;right:8px;bottom:-18px;font:800 clamp(76px,11vw,150px)/1 var(--sans);letter-spacing:-.12em;color:rgba(255,255,255,.14);font-style:normal}.story-art.compact{min-height:185px;padding:17px}.story-art.compact strong{font-size:25px}.story-art.compact i{font-size:90px}.more-stories{padding-top:55px}.section-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line)}.section-head h2{margin:0 0 14px;font-size:34px;letter-spacing:-.03em}.section-head span{color:var(--muted);font:10px var(--sans);letter-spacing:.1em;text-transform:uppercase}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story-card{padding:22px 0;border-bottom:1px solid var(--line)}.story-card-visual{position:relative;display:block;height:270px;margin-bottom:18px;overflow:hidden}.story-card h3{margin:10px 0 8px;font-size:27px;line-height:1.05;letter-spacing:-.025em}.story-card>p:last-child{color:var(--muted);font:13px/1.5 var(--sans)}.no-news{max-width:750px;margin:70px auto;text-align:center;padding:70px 30px;border-top:4px solid var(--ink);border-bottom:1px solid var(--line)}.no-news h2{margin:13px 0;font-size:42px}.no-news>p:not(.kicker){color:var(--muted);font:16px/1.55 var(--sans)}.no-news>a{display:inline-block;margin-top:18px;border-bottom:1px solid;font:700 12px var(--sans)}.article-page{max-width:960px;margin:70px auto 90px;padding:0 28px}.article-page>article{position:relative}.article-head{max-width:850px;padding:0 0 38px;border-bottom:1px solid var(--line)}.article-head h1{margin:16px 0;font-size:clamp(43px,7vw,76px);line-height:.96;letter-spacing:-.047em}.standfirst{max-width:760px;color:var(--muted);font-size:22px;line-height:1.45}.byline{color:var(--muted);font:12px var(--sans)}.byline span{margin:0 8px}.article-body{max-width:680px;margin:50px auto;font-size:20px;line-height:1.72}.article-body p:first-child:first-letter{float:left;padding:12px 9px 0 0;color:var(--green);font-size:70px;line-height:.75}.source-box{margin-top:65px;padding:25px 0;border-top:4px solid var(--ink)}.source-box h2{margin:8px 0;font-size:30px}.source-box>p:not(.kicker){color:var(--muted);font:14px/1.5 var(--sans)}.source-box>a{display:grid;grid-template-columns:150px 1fr;padding:15px 0;border-top:1px solid var(--line);font:14px var(--sans)}.source-box>a span{color:var(--green)}.site-footer{display:grid;grid-template-columns:1fr 1.4fr auto;gap:30px;align-items:end;padding:45px 4vw;border-top:1px solid var(--line)}.site-footer p{margin:7px 0 0;color:var(--muted);font:12px/1.5 var(--sans)}.site-footer>p{text-align:center}.footer-domain{font-weight:700!important;letter-spacing:.08em;text-transform:uppercase}


/* public-media.css */
.front-lead-visual img,.rail-visual img,.story-card-visual img{transition:transform .35s ease}.front-lead-visual:hover img,.rail-visual:hover img,.story-card-visual:hover img{transform:scale(1.02)}.article-hero{margin:42px 0 50px}.article-hero img{max-height:620px;background:var(--soft);object-fit:cover}.article-hero figcaption{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted);font:11px/1.5 var(--sans)}.article-hero figcaption strong{color:var(--ink);white-space:nowrap}@media(max-width:950px){.front-grid{grid-template-columns:1fr}.front-rail{display:grid;grid-template-columns:1fr 1fr;gap:22px}.rail-story{grid-template-rows:220px auto}.story-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.site-header{grid-template-columns:1fr auto;padding:0 20px}.domain{display:none}.primary-nav{justify-content:flex-start;grid-column:1/-1;order:3;width:calc(100vw - 40px);gap:20px}.primary-nav a{padding:11px 0 13px}.home{padding:12px 20px 55px}.home-mast{padding:24px 0 20px}.home-mast>p{display:none}.home-mast h1{font-size:68px}.front-grid{padding-top:20px}.front-lead{grid-template-columns:1fr}.front-lead-visual{min-height:310px}.front-lead-copy{padding:30px 25px 34px}.front-rail{display:block}.rail-story{display:grid;grid-template-columns:.82fr 1.18fr;grid-template-rows:auto;gap:16px;padding-top:2px}.rail-visual{min-height:180px}.rail-story h2{font-size:24px}.rail-story>div>p:not(.kicker){display:none}.story-grid{grid-template-columns:1fr}.story-card-visual{height:240px}.article-page{margin-top:45px}.article-hero{margin-left:-28px;margin-right:-28px}.article-hero figcaption{flex-direction:column;gap:4px;padding-inline:28px}.source-box>a{grid-template-columns:1fr;gap:5px}.site-footer{grid-template-columns:1fr;padding:35px 20px}.site-footer>p{text-align:left}.footer-domain{display:none}}@media(max-width:430px){.front-lead-visual{min-height:260px}.rail-story{grid-template-columns:1fr}.rail-visual{min-height:210px}.story-art.compact{min-height:210px}.section-head span{display:none}}


/* categories.css */
.meta a,.article-head .kicker a{color:inherit;text-decoration:none}.meta a:hover,.article-head .kicker a:hover{text-decoration:underline}


/* public-tuning.css */
.primary-nav {
  justify-content: flex-start;
  scrollbar-width: none;
}

.primary-nav::-webkit-scrollbar {
  display: none;
}

.front-lead {
  grid-template-columns: minmax(270px, .95fr) minmax(300px, 1.05fr);
}

.front-lead-copy h2 {
  font-size: clamp(30px, 2.65vw, 42px);
  line-height: .98;
}

.front-lead-visual:has(img)::after {
  content: none;
}

@media (max-width: 700px) {
  .front-lead {
    grid-template-columns: 1fr;
  }

  .front-lead-copy h2 {
    font-size: 34px;
  }
}


/* info-pages.css */
.info-page{max-width:1180px;margin:auto;padding:70px 4vw 100px}.info-hero{max-width:930px;padding-bottom:55px;border-bottom:4px solid var(--ink)}.info-hero h1{margin:14px 0 24px;font-size:clamp(52px,8vw,100px);line-height:.88;letter-spacing:-.065em}.info-hero>p:not(.kicker){max-width:820px;margin:0;color:var(--muted);font-size:clamp(20px,2.3vw,29px);line-height:1.38}.info-hero>span{display:block;margin-top:20px;color:var(--muted);font:10px var(--sans);letter-spacing:.1em;text-transform:uppercase}.info-layout{display:grid;grid-template-columns:240px minmax(0,680px);gap:90px;padding-top:48px}.info-layout>aside{align-self:start;position:sticky;top:30px;padding:25px;background:var(--ink);color:var(--paper)}.info-layout>aside span{font:800 12px var(--sans);letter-spacing:.12em;text-transform:uppercase}.info-layout>aside p{margin:50px 0 0;color:#bdc9c2;font-size:18px;line-height:1.25}.info-sections section{padding:0 0 40px;margin-bottom:40px;border-bottom:1px solid var(--line)}.info-sections section:last-child{margin-bottom:0}.info-sections h2{margin:0 0 15px;font-size:32px;line-height:1.05;letter-spacing:-.03em}.info-sections p{margin:0 0 16px;color:#435b57;font:17px/1.65 var(--sans)}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:35px;background:var(--line);border:1px solid var(--line)}.contact-grid article{padding:30px;background:var(--paper)}.contact-grid h2{margin:10px 0 13px;font-size:clamp(22px,2.5vw,30px);letter-spacing:-.03em}.contact-grid h2 a{border-bottom:1px solid}.contact-grid article>p:last-child{margin:0;color:var(--muted);font:14px/1.5 var(--sans)}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:11px 20px}.footer-nav a{font:700 10px var(--sans);letter-spacing:.06em;text-transform:uppercase}.footer-nav a:hover{text-decoration:underline}@media(max-width:700px){.info-page{padding:48px 20px 70px}.info-hero{padding-bottom:38px}.info-layout{grid-template-columns:1fr;gap:35px;padding-top:35px}.info-layout>aside{position:static}.info-layout>aside p{margin-top:25px}.contact-grid{grid-template-columns:1fr}.footer-nav{justify-content:flex-start}}


/* public-concept-d.css */
:root {
  --ink: #102e2b;
  --paper: #fffaf0;
  --soft: #dce5dc;
  --green: #315f59;
  --orange: #df7867;
  --coral: #df7867;
  --lime: #c4dda0;
  --yellow: #e7cf7c;
  --lavender: #c5c4dc;
  --line: rgba(16, 46, 43, .18);
  --muted: #5d716c;
}

.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:38px 0;font:700 12px Arial,Helvetica,sans-serif}.pagination a{border-bottom:1px solid currentColor}.pagination span{color:var(--muted)}

body {
  background: var(--paper);
  font-family: Arial, Helvetica, sans-serif;
}

.site-header {
  min-height: 68px;
  grid-template-columns: auto 1fr;
  gap: 30px;
  padding: 0 4vw;
}

.masthead,
.footer-mark {
  font: 950 31px/1 Arial, Helvetica, sans-serif;
  letter-spacing: -.075em;
}

.masthead span,
.footer-mark span {
  color: var(--coral);
}

.primary-nav {
  justify-content: flex-end;
}

.primary-nav a {
  padding: 27px 0 23px;
  border-bottom-width: 2px;
}

.primary-nav a:hover,
.primary-nav a.active {
  color: var(--ink);
  border-color: var(--coral);
}

.home {
  max-width: 1400px;
  padding: 36px 4vw 90px;
}

.home-mast {
  align-items: end;
  gap: 40px;
  padding: 0 0 27px;
  border-bottom: 0;
}

.home-mast h1 {
  max-width: 900px;
  margin: 7px 0 0;
  font-size: clamp(48px, 7vw, 94px);
  line-height: .88;
  letter-spacing: -.075em;
}

.home-mast > p {
  max-width: 280px;
  text-align: left;
  font-size: 14px;
  line-height: 1.45;
}

.kicker {
  color: var(--coral);
  font-weight: 900;
}

.front-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr);
  gap: 18px;
  padding: 0;
  border: 0;
}

.front-lead {
  position: relative;
  display: block;
  min-height: 555px;
  overflow: hidden;
  border-radius: 26px;
  background: var(--soft);
}

.front-lead::after {
  content: '';
  position: absolute;
  z-index: 1;
  inset: 30% 0 0;
  background: linear-gradient(transparent, rgba(5, 35, 32, .9));
  pointer-events: none;
}

.front-lead-visual {
  position: absolute;
  inset: 0;
  min-height: 0;
}

.front-lead-copy {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 34px;
  color: white;
}

.front-lead-copy .kicker {
  color: var(--lime);
}

.front-lead-copy h2 {
  max-width: 820px;
  margin: 11px 0 13px;
  font: 700 clamp(35px, 4vw, 58px)/.95 Georgia, 'Times New Roman', serif;
  letter-spacing: -.045em;
}

.front-lead-copy > p:not(.kicker) {
  max-width: 650px;
  color: #edf3ee;
  font-size: 14px;
}

.story-link {
  color: inherit;
  border-color: currentColor;
}

.front-rail {
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.front-rail.single {
  grid-template-rows: 1fr;
}

.rail-story {
  display: grid;
  grid-template-columns: minmax(145px, .95fr) minmax(185px, 1.05fr);
  grid-template-rows: 1fr;
  gap: 0;
  min-height: 268px;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 24px;
  background: var(--yellow);
}

.rail-story:nth-child(2) {
  background: var(--lavender);
}

.rail-visual {
  min-height: 0;
}

.rail-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 23px;
}

.rail-story h2 {
  margin: 9px 0;
  font: 700 clamp(22px, 2.2vw, 31px)/1 Georgia, 'Times New Roman', serif;
  letter-spacing: -.03em;
}

.circle-link {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  margin-top: auto;
  border-radius: 50%;
  background: var(--ink);
  color: white;
  font-weight: 700;
}

.about-panel {
  border-radius: 24px;
}

.story-art {
  isolation: isolate;
  display: block;
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 76% 24%, var(--yellow) 0 9%, transparent 9.3%),
    linear-gradient(142deg, transparent 0 53%, rgba(255,255,255,.22) 53% 55%, transparent 55%),
    linear-gradient(145deg, #315f59 0 52%, #7ca89e 52% 72%, #d4a89f 72%);
}

.story-art::before {
  content: '';
  position: absolute;
  inset: 13% 10%;
  z-index: -1;
  border: 2px solid rgba(255,255,255,.38);
  border-radius: 48% 52% 35% 65%;
  transform: rotate(-8deg);
}

.story-art::after {
  content: '';
  position: absolute;
  right: 9%;
  bottom: 10%;
  width: 32%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(197, 196, 220, .78);
  box-shadow: -75px -30px 0 rgba(196, 221, 160, .55);
}

.story-art .art-shape {
  position: absolute;
  top: 16%;
  left: 12%;
  width: 26%;
  height: 52%;
  background: rgba(255,250,240,.72);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.more-stories {
  padding-top: 58px;
}

.section-head {
  border-bottom: 0;
}

.section-head h2 {
  margin-bottom: 17px;
}

.story-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.story-card {
  padding: 12px 0 24px;
  border-top: 4px solid var(--ink);
  border-bottom: 0;
}

.story-card-visual {
  height: 220px;
  margin-bottom: 18px;
  border-radius: 18px;
}

.story-card h3 {
  font: 700 27px/1.02 Georgia, 'Times New Roman', serif;
}

.no-news {
  margin-top: 30px;
  border-top-color: var(--coral);
}

.article-page {
  max-width: 1120px;
  margin-top: 64px;
}

.article-head {
  max-width: 920px;
  border-bottom: 0;
}

.article-head h1 {
  font-size: clamp(45px, 6.5vw, 82px);
  line-height: .92;
}

.standfirst {
  max-width: 800px;
  color: var(--muted);
  font: 21px/1.45 Arial, Helvetica, sans-serif;
}

.article-hero {
  margin-top: 22px;
}

.article-hero img {
  max-height: 680px;
  border-radius: 26px;
}

.article-body {
  max-width: 720px;
  font-family: Georgia, 'Times New Roman', serif;
}

.article-body p:first-child:first-letter {
  color: var(--coral);
}

.source-box {
  padding: 28px;
  border-top: 0;
  border-radius: 20px;
  background: #ebe9f1;
}

.source-box > a:last-child {
  border-bottom: 1px solid var(--line);
}

.info-page {
  max-width: 1240px;
  padding-top: 62px;
}

.info-hero {
  border-bottom: 0;
}

.info-hero h1 {
  max-width: 980px;
}

.info-layout > aside {
  border-radius: 20px;
  background: var(--ink);
}

.contact-grid {
  gap: 16px;
  border: 0;
  background: transparent;
}

.contact-grid article {
  border-radius: 18px;
  background: #ebe9f1;
}

.site-footer {
  background: #f4eddf;
}

@media (max-width: 1000px) {
  .front-grid {
    grid-template-columns: 1fr;
  }

  .front-rail {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }

  .front-rail.single {
    grid-template-columns: 1fr;
  }

  .rail-story {
    grid-template-columns: 1fr;
    grid-template-rows: 210px 1fr;
  }

  .story-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 700px) {
  .site-header {
    padding-inline: 20px;
  }

  .primary-nav {
    justify-content: flex-start;
  }

  .primary-nav a {
    padding: 11px 0 13px;
  }

  .home {
    padding: 28px 20px 60px;
  }

  .home-mast {
    display: block;
  }

  .home-mast > p {
    display: block;
    margin-top: 18px;
  }

  .home-mast h1 {
    font-size: 54px;
  }

  .front-lead {
    min-height: 490px;
  }

  .front-lead-copy {
    padding: 28px 24px;
  }

  .front-lead-copy h2 {
    font-size: 36px;
  }

  .front-rail,
  .front-rail.single,
  .story-grid {
    grid-template-columns: 1fr;
  }

  .rail-story {
    grid-template-columns: 130px 1fr;
    grid-template-rows: minmax(190px, auto);
  }

  .rail-story h2 {
    font-size: 24px;
  }

  .story-card-visual {
    height: 250px;
  }

  .article-page {
    margin-top: 44px;
  }

  .article-hero img {
    border-radius: 0;
  }

  .source-box {
    margin-inline: -8px;
    padding: 24px;
  }
}

@media (max-width: 460px) {
  .home-mast h1 {
    font-size: 47px;
  }

  .front-lead {
    min-height: 450px;
  }

  .front-lead-copy h2 {
    font-size: 32px;
  }

  .front-lead-copy > p:not(.kicker) {
    display: none;
  }

  .rail-story {
    grid-template-columns: 1fr;
    grid-template-rows: 210px auto;
  }

  .story-card-visual {
    height: 220px;
  }
}