.hkg-aux .elementor-location-header,.hkg-aux .elementor-location-footer,.hkg-aux #site-header,.hkg-aux #site-footer,.hkg-aux .page-header{display:none!important}.hkg-aux{scroll-behavior:smooth}.hkg-aux{margin:0!important;background:#fff;color:#39342e}.hkg-aux .fr-shell{--p:#2e1f5e;font-family:Arial,sans-serif;line-height:1.7}.hkg-aux .fr-shell *{box-sizing:border-box}.hkg-aux .fr-shell a{color:inherit}.hkg-aux .fr-shell .fr-head,.hkg-aux .fr-shell .fr-foot{padding:28px clamp(20px,6vw,110px);background:#fff}.hkg-aux .fr-head{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-bottom:1px solid #e6e0d4}.hkg-aux .fr-brand{text-decoration:none;font-family:Georgia,serif;font-size:25px;font-weight:400}.hkg-aux .fr-brand small{display:block;font-size:10px;letter-spacing:.42em;text-transform:uppercase}.hkg-aux .fr-nav{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;font-size:14px}.hkg-aux .fr-nav a{text-decoration:none}.hkg-aux .fr-languages{display:inline-flex!important;gap:12px;align-items:center;font:14px/1.4 Arial,sans-serif!important;letter-spacing:.06em!important;white-space:nowrap}.hkg-aux .fr-languages a{text-decoration:none}.hkg-aux .fr-languages [aria-current]{color:#9c958a}.hkg-aux .fr-foot{border-top:1px solid #e6e0d4;margin-top:48px}.hkg-aux .fr-ft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.hkg-aux .fr-foot nav{display:flex;flex-direction:column;gap:8px}.hkg-aux .fr-foot a{font-size:14px;text-decoration:none;overflow-wrap:anywhere}.hkg-aux .fr-foot small{display:block;margin-top:32px;color:#777}.hkg-aux .fr-shell h1,.hkg-aux .fr-shell h2,.hkg-aux .fr-shell h3{word-break:normal;overflow-wrap:break-word;hyphens:auto}.hkg-aux .fr-shell [class*=hk-ft-col]{min-width:0}.hkg-aux .fr-shell [class*=hk-ft-col] a{white-space:normal;overflow-wrap:break-word}.hkg-aux .fr-shell .hk-gnav{gap:20px!important}.hkg-aux .fr-shell .hk-gnav a{letter-spacing:0!important;font-size:13px!important}.hkg-aux .fr-shell .hk-hero-h{font-size:clamp(32px,4.6vw,66px)!important;line-height:1.18!important;letter-spacing:0!important}.hkg-aux .fr-shell p{word-break:normal}.hkg-aux .fr-shell .hk-ft-pages{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:24px!important}.hkg-aux .fr-shell .hk-ft-in{grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,2fr)!important}.hkg-aux .fr-article{max-width:820px;margin:0 auto;padding:70px 24px 90px;font-family:Georgia,serif;font-size:18px;line-height:1.9}.hkg-aux .fr-article h1{font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.3;color:#2e1f5e;margin:24px 0 40px}.hkg-aux .fr-article h2{font-size:28px;font-weight:400;margin-top:48px}.hkg-aux .fr-article img{max-width:100%;height:auto}.hkg-aux .fr-article .fr-date{font:13px Arial,sans-serif;color:#777}.hkg-aux .fr-article a{color:#2e1f5e}.hkg-aux .fr-card-grid{max-width:1240px;margin:30px auto 80px;padding:0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.hkg-aux .fr-card{display:block;text-decoration:none;border-bottom:1px solid #e6e0d4;padding-bottom:24px}.hkg-aux .fr-card img{width:100%;height:220px;object-fit:cover}.hkg-aux .fr-card h2{font:24px/1.4 Georgia,serif;font-weight:400}.hkg-aux .fr-card time{font:12px Arial,sans-serif;color:#888}.hkg-aux .fr-filter{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px}.hkg-aux .fr-filter button{border:1px solid #ddd;background:white;color:#2e1f5e;padding:12px 20px;cursor:pointer}.hkg-aux .fr-filter button[aria-pressed=true]{background:#2e1f5e;color:white}@media(max-width:800px){.hkg-aux .fr-head{align-items:flex-start}.hkg-aux .fr-nav{gap:12px 18px}.hkg-aux .fr-ft-grid{grid-template-columns:1fr 1fr}.hkg-aux .fr-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hkg-aux .fr-shell .hk-gnav{display:none!important}}@media(max-width:600px){.hkg-aux .fr-ft-grid,.hkg-aux .fr-card-grid{grid-template-columns:1fr}.hkg-aux .fr-shell .hk-ft-in,.hkg-aux .fr-shell .hk-ft-pages{grid-template-columns:1fr!important}.hkg-aux .fr-head{padding:20px}.hkg-aux .fr-nav{font-size:13px}.hkg-aux .fr-brand{font-size:23px}.hkg-aux .fr-article{font-size:17px}}@media(prefers-reduced-motion:reduce){.hkg-aux{scroll-behavior:auto}}
 .hkg-aux .hkg-works{ --ink:#39342e; --ink-light:#6f685d; --ink-muted:#9c958a; --line:#e6e0d4; --line-light:#f1ebdf; --gold:#a98c3f; --cream:#faf8f4; --white:#fff; --conf:#2c2824; --serif:'Cormorant Garamond','Noto Serif JP','Hiragino Mincho ProN',serif; } .hkg-aux .hkg-works{ max-width:1500px; margin:0 auto; color:var(--ink); font-weight:300; line-height:1.9; letter-spacing:.04em; -webkit-font-smoothing:antialiased; } .hkg-aux .hkg-works *{ box-sizing:border-box; }  /* HERO */ .hkg-aux .hkg-works .wk-hero{ padding:clamp(60px,9vh,110px) clamp(24px,5vw,60px) clamp(48px,7vh,80px); display:grid; grid-template-columns:1fr 1fr; gap:60px; border-bottom:1px solid var(--line); position:relative; } .hkg-aux .hkg-works .wk-hero::after{ content:''; position:absolute; bottom:0; left:clamp(24px,5vw,60px); right:clamp(24px,5vw,60px); height:1px; background:linear-gradient(90deg,var(--gold) 0%,transparent 100%); } .hkg-aux .hkg-works .wk-label{ font-style:italic; font-size:13px; letter-spacing:.2em; color:var(--gold); margin-bottom:20px; display:block; } .hkg-aux .hkg-works .wk-hero h1{ font-weight:400; font-size:clamp(46px,6vw,80px); line-height:1.1; letter-spacing:.02em; color:#2c2824; } .hkg-aux .hkg-works .wk-hero h1 em{ font-style:italic; font-weight:400; color:var(--gold); } .hkg-aux .hkg-works .wk-hero__sub{ font-size:14px; letter-spacing:.18em; color:var(--ink-muted); margin-top:16px; } .hkg-aux .hkg-works .wk-hero__desc{ padding-top:40px; display:flex; align-items:flex-end; } .hkg-aux .hkg-works .wk-hero__desc p{ font-size:14px; font-weight:300; line-height:2.2; color:var(--ink-light); letter-spacing:.04em; }  /* FILTER */ .hkg-aux .hkg-works .wk-filter{ padding:0 clamp(24px,5vw,60px); display:flex; align-items:center; border-bottom:1px solid var(--line); overflow-x:auto; } .hkg-aux .hkg-works .wk-filter-btn{ padding:22px 24px; font-family:var(--serif); font-style:italic; font-size:13px; letter-spacing:.18em; background:none !important; border:none !important; cursor:pointer; color:var(--ink-muted) !important; position:relative; transition:color .3s; white-space:nowrap; box-shadow:none !important; border-radius:0 !important; outline:none !important; } .hkg-aux .hkg-works .wk-filter-btn::after{ content:''; position:absolute; bottom:0; left:24px; right:24px; height:1px; background:var(--gold); transform:scaleX(0); transition:transform .4s; } .hkg-aux .hkg-works .wk-filter-btn.active{ color:var(--ink) !important; } .hkg-aux .hkg-works .wk-filter-btn.active::after{ transform:scaleX(1); } .hkg-aux .hkg-works .wk-filter-btn:hover{ color:var(--ink) !important; }  /* GRID */ .hkg-aux .hkg-works .wk-grid{ padding:clamp(48px,8vh,80px) clamp(24px,5vw,60px) clamp(80px,12vh,120px); display:grid; grid-template-columns:repeat(12,1fr); gap:20px; row-gap:60px; } .hkg-aux .hkg-works .wk-card{ position:relative; cursor:pointer; text-decoration:none; color:inherit; display:block; } .hkg-aux .hkg-works .wk-card:nth-child(1){ grid-column:span 7; } .hkg-aux .hkg-works .wk-card:nth-child(2){ grid-column:span 5; } .hkg-aux .hkg-works .wk-card:nth-child(3){ grid-column:span 4; } .hkg-aux .hkg-works .wk-card:nth-child(4){ grid-column:span 4; } .hkg-aux .hkg-works .wk-card:nth-child(5){ grid-column:span 4; } .hkg-aux .hkg-works .wk-card:nth-child(6){ grid-column:span 6; } .hkg-aux .hkg-works .wk-card:nth-child(7){ grid-column:span 6; } .hkg-aux .hkg-works .wk-card:nth-child(8){ grid-column:span 7; } .hkg-aux .hkg-works .wk-card:nth-child(9){ grid-column:span 5; } .hkg-aux .hkg-works .wk-card:nth-child(10){ grid-column:span 7; } .hkg-aux .hkg-works .wk-card:nth-child(11){ grid-column:span 5; } .hkg-aux .hkg-works .wk-imgwrap{ display:block; overflow:hidden; position:relative; background:var(--cream); } .hkg-aux .hkg-works .wk-card:nth-child(1) .wk-imgwrap{ aspect-ratio:16/10; } .hkg-aux .hkg-works .wk-card:nth-child(2) .wk-imgwrap{ aspect-ratio:4/5; } .hkg-aux .hkg-works .wk-card:nth-child(3) .wk-imgwrap, .hkg-aux .hkg-works .wk-card:nth-child(4) .wk-imgwrap, .hkg-aux .hkg-works .wk-card:nth-child(5) .wk-imgwrap{ aspect-ratio:4/3; } .hkg-aux .hkg-works .wk-card:nth-child(6) .wk-imgwrap, .hkg-aux .hkg-works .wk-card:nth-child(7) .wk-imgwrap, .hkg-aux .hkg-works .wk-card:nth-child(8) .wk-imgwrap, .hkg-aux .hkg-works .wk-card:nth-child(9) .wk-imgwrap, .hkg-aux .hkg-works .wk-card:nth-child(10) .wk-imgwrap, .hkg-aux .hkg-works .wk-card:nth-child(11) .wk-imgwrap{ aspect-ratio:16/10; } .hkg-aux .hkg-works .wk-imgwrap img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .8s cubic-bezier(.25,.46,.45,.94); } .hkg-aux .hkg-works .wk-card:hover .wk-imgwrap img{ transform:scale(1.04); }  /* Confidential */ .hkg-aux .hkg-works .wk-conf{ width:100%; height:100%; background:var(--conf); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; } .hkg-aux .hkg-works .wk-conf__seal{ width:72px; height:72px; border:1px solid rgba(169,140,63,.45); display:flex; align-items:center; justify-content:center; border-radius:50%; } .hkg-aux .hkg-works .wk-conf__seal svg{ width:24px; height:24px; stroke:var(--gold); fill:none; stroke-width:1.2; opacity:.85; } .hkg-aux .hkg-works .wk-conf__label{ display:block; font-style:italic; font-size:11px; letter-spacing:.35em; text-transform:uppercase; color:var(--gold); } .hkg-aux .hkg-works .wk-conf__sub{ display:block; font-size:11px; font-weight:300; color:rgba(255,255,255,.45); letter-spacing:.12em; }  /* Overlay & tag */ .hkg-aux .hkg-works .wk-overlay{ display:block; position:absolute; inset:0; background:linear-gradient(to top,rgba(44,40,36,.4) 0%,transparent 50%); opacity:0; transition:opacity .4s; } .hkg-aux .hkg-works .wk-card:hover .wk-overlay{ opacity:1; } .hkg-aux .hkg-works .wk-tag{ display:block; position:absolute; top:16px; left:16px; font-style:italic; font-size:11px; letter-spacing:.18em; padding:6px 14px; background:rgba(250,248,244,.95); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:var(--gold); border:1px solid var(--gold); } .hkg-aux .hkg-works .wk-cta-ico{ position:absolute; bottom:20px; right:20px; width:40px; height:40px; border:1px solid rgba(255,255,255,.6); display:flex; align-items:center; justify-content:center; opacity:0; transform:translateY(8px); transition:opacity .3s,transform .3s; background:rgba(44,40,36,.5); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); } .hkg-aux .hkg-works .wk-card:hover .wk-cta-ico{ opacity:1; transform:translateY(0); } .hkg-aux .hkg-works .wk-cta-ico svg{ width:14px; height:14px; stroke:#fff; fill:none; stroke-width:1.5; }  /* Card meta */ .hkg-aux .hkg-works .wk-meta{ display:block; padding:24px 0 0; } .hkg-aux .hkg-works .wk-cat{ display:block; font-style:italic; font-size:11px; letter-spacing:.22em; color:var(--gold); margin-bottom:12px; } .hkg-aux .hkg-works .wk-title{ display:block; font-size:clamp(16px,1.6vw,20px); font-weight:400; line-height:1.5; color:var(--ink); margin-bottom:12px; letter-spacing:.03em; } .hkg-aux .hkg-works .wk-divider{ display:block; width:32px; height:1px; background:var(--gold); margin:12px 0; opacity:.75; } .hkg-aux .hkg-works .wk-detail{ display:block; font-size:12.5px; font-weight:300; color:var(--ink-light); line-height:1.9; letter-spacing:.03em; }  /* CTA */ .hkg-aux .hkg-works .wk-cta{ margin:0 clamp(24px,5vw,60px) clamp(60px,9vh,80px); padding:clamp(56px,8vh,88px) clamp(36px,6vw,80px); background:var(--cream); border-top:1px solid var(--gold); border-bottom:1px solid var(--gold); display:grid; grid-template-columns:1fr auto; gap:60px; align-items:center; } .hkg-aux .hkg-works .wk-cta__eyebrow{ font-style:italic; font-size:13px; letter-spacing:.2em; color:var(--gold); margin:0 0 16px; } .hkg-aux .hkg-works .wk-cta h3{ font-size:26px; font-weight:400; color:var(--ink); margin:0 0 16px; line-height:1.5; letter-spacing:.04em; } .hkg-aux .hkg-works .wk-cta__lead{ font-size:14px; font-weight:300; color:var(--ink-light); line-height:2.2; letter-spacing:.04em; margin:0; } .hkg-aux .hkg-works .wk-cta__btn{ display:inline-block; font-style:italic; font-size:15px; letter-spacing:.12em; color:var(--ink); text-decoration:none; border-bottom:1px solid var(--gold); padding-bottom:6px; transition:color .5s,border-bottom-color .5s; white-space:nowrap; } .hkg-aux .hkg-works .wk-cta__btn:hover{ color:var(--gold); border-bottom-color:var(--gold); }  /* utilities */ .hkg-aux .hkg-works .wk-card.is-hidden{ display:none; } .hkg-aux .hkg-works .wk-reveal{ transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94); } .hkg-aux .hkg-works.is-js .wk-reveal{ opacity:0; transform:translateY(24px); } .hkg-aux .hkg-works.is-js .wk-reveal.is-visible{ opacity:1; transform:none; }  /* ★ 共通CSS（.elementor *{sans !important}）に勝たせ、全てセリフへ */ .hkg-aux .hkg-works.hkg-works, .hkg-aux .hkg-works.hkg-works *{ font-family:'Cormorant Garamond','Noto Serif JP','Hiragino Mincho ProN',serif !important; }  @media (max-width:1024px){ .hkg-aux .hkg-works .wk-hero{ grid-template-columns:1fr; gap:32px; } .hkg-aux .hkg-works .wk-hero__desc{ padding-top:0; } .hkg-aux .hkg-works .wk-card{ grid-column:span 6 !important; } .hkg-aux .hkg-works .wk-cta{ padding:clamp(48px,7vh,64px) clamp(28px,5vw,48px); } } @media (max-width:767px){ .hkg-aux .hkg-works .wk-filter-btn{ padding:18px 14px; font-size:12px; } .hkg-aux .hkg-works .wk-grid{ grid-template-columns:1fr; gap:0; row-gap:48px; } .hkg-aux .hkg-works .wk-card{ grid-column:span 1 !important; } .hkg-aux .hkg-works .wk-card .wk-imgwrap{ aspect-ratio:16/10 !important; } .hkg-aux .hkg-works .wk-tag{ font-size:10px; letter-spacing:.14em; padding:5px 10px; } .hkg-aux .hkg-works .wk-cta{ grid-template-columns:1fr; gap:32px; } .hkg-aux .hkg-works .wk-cta h3{ font-size:22px; line-height:1.7; } }
.hkg-aux blockquote,.hkg-aux #hkg-pd blockquote,.hkg-aux #hkg-pd blockquote *{font-family:var(--f-go);font-size:15px;font-weight:400;color:var(--ink);line-height:1.9}