.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}:root {
--ki-sand-deep: #f3f0ea;
--ki-pepper-dark: #c0492a;
--ki-line: var(--wp--preset--color--line, #e6e2d9);
--ki-ease: cubic-bezier(0.16, 1, 0.3, 1);
--ki-shadow-card: 0 18px 50px -30px rgba(15, 51, 41, 0.4);
--ki-shadow-float: 0 24px 60px -24px rgba(15, 51, 41, 0.45);
}
html {
scroll-behavior: smooth;
} .ki-container {
max-width: 1200px;
margin-inline: auto;
padding-inline: 1.25rem;
}
.ki-narrow { max-width: 820px; }
.ki-eyebrow {
font-family: var(--wp--preset--font-family--body);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--wp--preset--color--pepper);
}
.ki-hand {
font-family: var(--wp--preset--font-family--heading);
font-style: italic;
} .ki-btn {
display: inline-block;
border-radius: 999px;
padding: 0.9rem 1.9rem;
font-family: var(--wp--preset--font-family--body);
font-size: 0.95rem;
font-weight: 600;
text-decoration: none;
transition: transform 0.2s var(--ki-ease), background-color 0.2s var(--ki-ease),
border-color 0.2s var(--ki-ease), box-shadow 0.2s var(--ki-ease);
}
.ki-btn--primary {
background: var(--wp--preset--color--hornbill);
color: var(--wp--preset--color--rainforest-deep);
font-weight: 700;
box-shadow: 0 8px 24px -8px rgba(15, 51, 41, 0.5);
}
.ki-btn--primary:hover { transform: scale(1.03); }
.ki-btn--green {
background: var(--wp--preset--color--rainforest);
color: #fff;
}
.ki-btn--green:hover { background: var(--wp--preset--color--rainforest-deep); }
.ki-btn--ghost {
border: 1px solid rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.05);
color: #fff;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.ki-btn--ghost:hover { border-color: #fff; background: rgba(255, 255, 255, 0.1); }
.ki-btn--outline {
border: 1px solid rgba(27, 77, 62, 0.3);
color: var(--wp--preset--color--rainforest);
}
.ki-btn--outline:hover { border-color: var(--wp--preset--color--rainforest); background: #fff; } .wp-site-blocks > header {
position: sticky;
top: 0;
z-index: 50;
background: rgba(249, 247, 242, 0.92);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--ki-line);
box-shadow: 0 1px 24px rgba(15, 51, 41, 0.05);
transition: background-color 0.3s var(--ki-ease), box-shadow 0.3s var(--ki-ease),
border-color 0.3s var(--ki-ease);
}
.ki-header__bar {
position: relative;
max-width: 1200px;
margin-inline: auto;
padding: 0.85rem 1.25rem;
display: flex;
align-items: center;
justify-content: space-between;
transition: padding 0.3s var(--ki-ease);
}
.ki-brand { text-decoration: none; display: inline-flex; align-items: baseline; gap: 0.4rem; }
.ki-brand__name {
font-family: var(--wp--preset--font-family--heading);
font-size: 1.4rem;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--wp--preset--color--rainforest);
transition: color 0.3s var(--ki-ease);
}
.ki-brand__mark {
font-family: var(--wp--preset--font-family--heading);
font-style: italic;
font-size: 1.5rem;
color: var(--wp--preset--color--hornbill);
}
.ki-nav { display: flex; align-items: center; gap: 1.9rem; }
.ki-nav > a,
.ki-nav__toplink {
text-decoration: none; font-family: var(--wp--preset--font-family--body);
font-size: 1.05rem; font-weight: 500; color: rgba(26, 26, 26, 0.82);
transition: color 0.2s; background: none; border: 0; cursor: pointer; padding: 0; line-height: 1;
}
.ki-nav > a:hover,
.ki-nav__toplink:hover { color: var(--wp--preset--color--pepper); } .ki-nav__item { position: relative; display: flex; align-items: center; }
.ki-nav__toplink { display: inline-flex; align-items: center; gap: 0.3rem; }
.ki-nav__toplink::after { content: "\25BE"; font-size: 0.66em; opacity: 0.65; }
.ki-nav__sub {
position: absolute; top: 100%; left: -0.9rem; min-width: 250px;
background: #fff; border-radius: 12px; box-shadow: 0 16px 40px rgba(15, 51, 41, 0.16);
padding: 0.5rem 0; display: flex; flex-direction: column;
opacity: 0; visibility: hidden; transform: translateY(8px);
transition: opacity 0.2s var(--ki-ease), transform 0.2s var(--ki-ease), visibility 0.2s;
z-index: 60;
}
.ki-nav__item:hover .ki-nav__sub,
.ki-nav__item:focus-within .ki-nav__sub { opacity: 1; visibility: visible; transform: translateY(0); }
.ki-nav__sub a {
color: var(--wp--preset--color--ink) !important; text-decoration: none;
padding: 0.6rem 1.4rem; font-size: 0.98rem; font-weight: 500; white-space: nowrap;
transition: background-color 0.15s, color 0.15s;
}
.ki-nav__sub a:hover { background: var(--ki-sand-deep); color: var(--wp--preset--color--pepper) !important; } body.home .wp-site-blocks > header {
position: fixed;
inset: 0 0 auto 0;
background: transparent;
border-bottom-color: transparent;
box-shadow: none;
}
body.home .ki-header__bar { padding: 1.25rem; }
body.home .ki-brand__name { color: #fff; }
body.home .ki-nav > a,
body.home .ki-nav__toplink { color: rgba(255, 255, 255, 0.9); }
body.home .ki-nav > a:hover,
body.home .ki-nav__toplink:hover { color: var(--wp--preset--color--hornbill); } body.home .wp-site-blocks > header.is-scrolled {
background: rgba(249, 247, 242, 0.92);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-bottom-color: var(--ki-line);
box-shadow: 0 1px 24px rgba(15, 51, 41, 0.05);
}
body.home .is-scrolled .ki-header__bar { padding-block: 0.75rem; }
body.home .is-scrolled .ki-brand__name { color: var(--wp--preset--color--rainforest); }
body.home .is-scrolled .ki-nav > a,
body.home .is-scrolled .ki-nav__toplink { color: rgba(26, 26, 26, 0.82); }
body.home .is-scrolled .ki-nav > a:hover,
body.home .is-scrolled .ki-nav__toplink:hover { color: var(--wp--preset--color--pepper); }
.ki-nav__toggle { display: none; } .ki-hero {
position: relative;
min-height: 92vh;
display: flex;
align-items: flex-end;
overflow: hidden;
}
.ki-hero__media { position: absolute; inset: 0; z-index: 0; background: url(//kuchinginsider.com/wp-content/themes/kuching-insider/assets/images/kuching-waterfront.jpg) center / cover no-repeat; }
.ki-hero::before,
.ki-hero::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.ki-hero::before {
background: linear-gradient(to right, rgba(15, 51, 41, 0.92), rgba(15, 51, 41, 0.55) 50%, rgba(15, 51, 41, 0.1));
}
.ki-hero::after {
background: linear-gradient(to top, rgba(15, 51, 41, 0.85), transparent 50%, rgba(15, 51, 41, 0.3));
}
.ki-hero__inner {
position: relative;
z-index: 2;
max-width: 1200px;
margin-inline: auto;
width: 100%;
padding: 8rem 1.25rem 7rem;
color: #fff;
}
.ki-hero__content { max-width: 42rem; }
.ki-hero__eyebrow { font-size: 1.8rem; line-height: 1; color: var(--wp--preset--color--hornbill); margin: 0; }
.ki-hero__rule { display: block; width: 240px; max-width: 70%; height: 10px; margin-top: 0.25rem; color: var(--wp--preset--color--hornbill); }
.ki-hero__rule path { stroke: currentColor; stroke-width: 3; fill: none; stroke-linecap: round; }
.ki-hero__title {
font-family: var(--wp--preset--font-family--heading);
font-weight: 700;
letter-spacing: -0.02em;
font-size: clamp(2.8rem, 6vw, 5.2rem);
line-height: 0.97;
margin: 1rem 0 0;
color: #fff;
}
.ki-hero__title em { font-style: italic; color: var(--wp--preset--color--hornbill); }
.ki-hero__sub { margin: 1.5rem 0 0; max-width: 36rem; font-size: 1.15rem; line-height: 1.6; color: rgba(255, 255, 255, 0.85); }
.ki-hero__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2.25rem; } .ki-section { padding-block: 6rem; }
.ki-section--sand { background: var(--ki-sand-deep); }
.ki-section--narrow .ki-container { max-width: 820px; }
.ki-section__head { max-width: 42rem; margin-bottom: 3rem; }
.ki-h2 {
font-family: var(--wp--preset--font-family--heading);
font-weight: 700;
color: var(--wp--preset--color--ink);
font-size: clamp(1.9rem, 3.8vw, 2.9rem);
line-height: 1.05;
margin: 0;
}
.ki-h2 em { font-style: italic; color: var(--wp--preset--color--rainforest); }
.ki-lead { margin-top: 1rem; font-size: 1.08rem; line-height: 1.6; color: var(--wp--preset--color--grey); } .ki-mission { text-align: center; }
.ki-mission .ki-eyebrow { margin-bottom: 1.5rem; display: block; }
.ki-mission__title {
font-family: var(--wp--preset--font-family--heading);
font-size: clamp(1.7rem, 3.4vw, 2.7rem);
line-height: 1.22;
color: var(--wp--preset--color--ink);
margin: 0 auto;
max-width: 820px;
}
.ki-mission__title em { font-style: italic; color: var(--wp--preset--color--rainforest); }
.ki-mission__sub { margin: 1.5rem auto 0; max-width: 36rem; font-size: 1.1rem; line-height: 1.6; color: var(--wp--preset--color--grey); } .ki-lanes { display: grid; gap: 1.5rem; grid-template-columns: 1fr 1fr; }
.ki-lane {
position: relative;
background: #fff;
border: 1px solid var(--ki-line);
border-radius: 1rem;
padding: 2rem;
overflow: hidden;
transition: transform 0.3s var(--ki-ease), box-shadow 0.3s var(--ki-ease), border-color 0.3s var(--ki-ease);
}
.ki-lane:hover { transform: translateY(-6px); border-color: transparent; box-shadow: 0 28px 60px -28px rgba(15, 51, 41, 0.4); }
.ki-lane__accent { position: absolute; inset: 0 0 auto 0; height: 4px; }
.ki-lane__accent--pepper { background: var(--wp--preset--color--pepper); }
.ki-lane__accent--green { background: var(--wp--preset--color--rainforest); }
.ki-lane h3 { font-family: var(--wp--preset--font-family--heading); font-size: 1.7rem; font-weight: 700; line-height: 1.15; color: var(--wp--preset--color--rainforest); margin: 0.75rem 0 0; }
.ki-lane p { margin: 0.75rem 0 0; font-size: 1rem; line-height: 1.6; color: var(--wp--preset--color--grey); }
.ki-lane__list { list-style: none; margin: 1.5rem 0 0; padding: 0; }
.ki-lane__list li { margin: 0; }
.ki-lane__list a {
display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;
padding: 0.75rem 0; border-bottom: 1px solid var(--ki-line);
font-size: 0.96rem; font-weight: 500; color: var(--wp--preset--color--ink); text-decoration: none;
transition: color 0.2s;
}
.ki-lane__list a:hover { color: var(--wp--preset--color--pepper); }
.ki-lane__list a::after { content: "→"; color: var(--wp--preset--color--grey); transition: transform 0.2s; }
.ki-lane:hover .ki-lane__list a::after { transform: translateX(3px); }
.ki-audience__foot { margin-top: 2rem; text-align: center; font-size: 0.95rem; color: var(--wp--preset--color--grey); }
.ki-audience__foot a { color: var(--wp--preset--color--rainforest); font-weight: 600; text-decoration: none; }
.ki-audience__foot a:hover { color: var(--wp--preset--color--pepper); } .ki-index__grid { display: grid; gap: 3rem; grid-template-columns: 1fr 1fr; align-items: center; }
.ki-index__title { font-size: clamp(1.9rem, 3.6vw, 2.9rem); }
.ki-index__note { margin-top: 1.5rem; font-family: var(--wp--preset--font-family--heading); font-style: italic; font-size: 1.3rem; color: var(--wp--preset--color--pepper); }
.ki-card {
background: #fff; border-radius: 1rem; padding: 1.75rem;
box-shadow: var(--ki-shadow-float); box-shadow: 0 24px 60px -24px rgba(15, 51, 41, 0.45);
outline: 1px solid rgba(0, 0, 0, 0.05); max-width: 28rem; margin-inline: auto;
}
.ki-card__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem; }
.ki-card__head .ki-hand { font-size: 1.05rem; color: var(--wp--preset--color--grey); }
.ki-stat { display: flex; align-items: baseline; gap: 1rem; padding: 0.75rem 0; border-bottom: 1px solid var(--ki-line); }
.ki-stat:last-of-type { border-bottom: 0; }
.ki-stat__value { font-family: var(--wp--preset--font-family--heading); font-size: 1.75rem; font-weight: 700; line-height: 1; color: var(--wp--preset--color--rainforest); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ki-stat__label { font-size: 0.9rem; line-height: 1.25; color: var(--wp--preset--color--grey); }
.ki-stat__action { margin-left: auto; }
.ki-pill {
border: 0; cursor: pointer; border-radius: 999px; background: var(--ki-sand-deep);
padding: 0.25rem 0.75rem; font-size: 0.72rem; font-weight: 600; color: var(--wp--preset--color--rainforest);
transition: background-color 0.2s;
}
.ki-pill:hover { background: var(--wp--preset--color--hornbill-soft); }
.ki-card__foot { margin-top: 0.75rem; font-size: 0.72rem; line-height: 1.4; color: rgba(107, 114, 128, 0.8); } .ki-calc { display: none; }
.ki-card.is-calc .ki-index-view { display: none; }
.ki-card.is-calc .ki-calc { display: block; }
.ki-calc__back { border: 0; background: none; cursor: pointer; font-size: 0.78rem; font-weight: 600; color: var(--wp--preset--color--grey); padding: 0; transition: color 0.2s; }
.ki-calc__back:hover { color: var(--wp--preset--color--pepper); }
.ki-calc__group { margin-top: 1rem; }
.ki-calc__group > span { display: block; margin-bottom: 0.5rem; }
.ki-seg { display: flex; gap: 0.375rem; }
.ki-seg button {
flex: 1; border: 0; cursor: pointer; border-radius: 0.5rem; padding: 0.5rem;
font-size: 0.78rem; font-weight: 600; line-height: 1.2; color: rgba(26, 26, 26, 0.7);
background: var(--ki-sand-deep); transition: all 0.2s;
}
.ki-seg button[aria-pressed="true"] { background: var(--wp--preset--color--rainforest); color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); }
.ki-calc__total { display: flex; align-items: flex-end; justify-content: space-between; border-top: 1px solid var(--ki-line); padding-top: 1rem; margin-top: 1rem; }
.ki-calc__total .ki-stat__value { font-size: 2rem; }
.ki-calc__perday { text-align: right; font-size: 0.8rem; font-weight: 600; line-height: 1.25; color: var(--wp--preset--color--pepper); }
.ki-calc__perday span { font-weight: 400; color: var(--wp--preset--color--grey); } .ki-band { background: var(--wp--preset--color--rainforest-deep); color: #fff; text-align: center; }
.ki-band .ki-container { max-width: 800px; }
.ki-band .ki-eyebrow { color: var(--wp--preset--color--hornbill); margin-bottom: 1.75rem; display: block; }
.ki-band__quote { font-family: var(--wp--preset--font-family--heading); font-weight: 500; font-size: clamp(1.4rem, 2.8vw, 2.15rem); line-height: 1.32; margin: 0; }
.ki-band__quote em { font-style: italic; color: var(--wp--preset--color--hornbill-soft); }
.ki-band__by { margin-top: 2.25rem; display: flex; align-items: center; justify-content: center; gap: 0.75rem; }
.ki-avatar { width: 2.75rem; height: 2.75rem; border-radius: 999px; background: var(--wp--preset--color--hornbill); color: var(--wp--preset--color--rainforest-deep); font-family: var(--wp--preset--font-family--heading); font-weight: 700; display: flex; align-items: center; justify-content: center; }
.ki-band__by-text { text-align: left; font-size: 0.9rem; line-height: 1.2; }
.ki-band__by-text strong { display: block; }
.ki-band__by-text span { color: rgba(255, 255, 255, 0.6); } .ki-stories__grid { display: grid; gap: 1.5rem; grid-template-columns: 1.4fr 1fr; }
.ki-story { display: flex; flex-direction: column; overflow: hidden; border-radius: 1rem; background: #fff; text-decoration: none; box-shadow: var(--ki-shadow-card); transition: transform 0.3s var(--ki-ease), box-shadow 0.3s var(--ki-ease); }
.ki-story:hover { transform: translateY(-4px); box-shadow: 0 28px 60px -28px rgba(15, 51, 41, 0.5); }
.ki-story__media { overflow: hidden; background-size: cover; background-position: center; transition: transform 0.5s var(--ki-ease); }
.ki-story:hover .ki-story__media { transform: scale(1.04); }
.ki-img--waterfront { background-image: url(//kuchinginsider.com/wp-content/themes/kuching-insider/assets/images/kuching-waterfront.jpg); }
.ki-img--laksa { background-image: url(//kuchinginsider.com/wp-content/themes/kuching-insider/assets/images/sarawak-laksa.jpg); }
.ki-img--river { background-image: url(//kuchinginsider.com/wp-content/themes/kuching-insider/assets/images/river-festival.jpg); }
.ki-story__body { padding: 1.75rem; display: flex; flex-direction: column; flex: 1; }
.ki-story__cat { color: var(--wp--preset--color--pepper); }
.ki-story h3 { font-family: var(--wp--preset--font-family--heading); font-weight: 700; line-height: 1.2; color: var(--wp--preset--color--ink); margin: 0.5rem 0 0; transition: color 0.2s; }
.ki-story:hover h3 { color: var(--wp--preset--color--rainforest); }
.ki-story__excerpt { margin: 0.75rem 0 0; font-size: 1rem; line-height: 1.6; color: var(--wp--preset--color--grey); flex: 1; }
.ki-story__meta { margin-top: 1.25rem; font-size: 0.82rem; font-weight: 500; color: var(--wp--preset--color--grey); }
.ki-story--feature .ki-story__media { aspect-ratio: 16 / 10; }
.ki-story--feature h3 { font-size: 1.7rem; }
.ki-stories__side { display: flex; flex-direction: column; gap: 1.5rem; }
.ki-story--mini { flex-direction: row; }
.ki-story--mini .ki-story__media { width: 40%; flex-shrink: 0; }
.ki-story--mini .ki-story__body { padding: 1.25rem; justify-content: center; }
.ki-story--mini h3 { font-size: 1.2rem; } .ki-quickstart .ki-container { max-width: 760px; }
.ki-quickstart__head { text-align: center; margin-bottom: 2.5rem; }
.ki-quickstart__head h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); }
.ki-quickstart__head p { margin-top: 0.75rem; color: var(--wp--preset--color--grey); }
.ki-qlist { border-top: 1px solid var(--ki-line); }
.ki-qrow { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 0.5rem; border-bottom: 1px solid var(--ki-line); text-decoration: none; transition: background-color 0.2s; }
.ki-qrow:hover { background: #fff; }
.ki-qrow__q { font-family: var(--wp--preset--font-family--heading); font-size: 1.15rem; font-weight: 700; color: var(--wp--preset--color--rainforest); }
.ki-qrow__a { display: flex; align-items: center; gap: 0.5rem; text-align: right; font-size: 0.95rem; font-weight: 500; color: var(--wp--preset--color--grey); transition: color 0.2s; }
.ki-qrow:hover .ki-qrow__a { color: var(--wp--preset--color--pepper); }
.ki-qrow__a::after { content: "→"; transition: transform 0.2s; }
.ki-qrow:hover .ki-qrow__a::after { transform: translateX(4px); } .ki-cta { padding: 0 1.25rem 6rem; }
.ki-cta__inner { max-width: 920px; margin-inline: auto; background: var(--wp--preset--color--rainforest); color: #fff; border-radius: 28px; text-align: center; padding: 5rem 1.5rem; }
.ki-cta h2 { font-family: var(--wp--preset--font-family--heading); font-weight: 700; letter-spacing: -0.02em; font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1; margin: 0; }
.ki-cta h2 em { font-style: italic; color: var(--wp--preset--color--hornbill); }
.ki-cta p { margin: 1.5rem auto 0; max-width: 28rem; font-size: 1.1rem; line-height: 1.6; color: rgba(255, 255, 255, 0.75); }
.ki-cta__actions { margin-top: 2.25rem; display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; }
.ki-cta .ki-btn--outline { border: 2px solid rgba(255, 255, 255, 0.4); color: #fff; }
.ki-cta .ki-btn--outline:hover { border-color: #fff; background: transparent; } .ki-about-hero { background: var(--ki-sand-deep); }
.ki-about-hero .ki-container { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 3rem; align-items: center; padding-top: 4rem; padding-bottom: 5rem; }
.ki-about-hero h1 { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: clamp(2.4rem, 5vw, 3.8rem); line-height: 1; color: var(--wp--preset--color--ink); margin: 0; }
.ki-about-hero h1 em { font-style: italic; color: var(--wp--preset--color--rainforest); }
.ki-about-hero__lead { margin-top: 1.25rem; max-width: 28rem; font-size: 1.15rem; line-height: 1.6; color: var(--wp--preset--color--grey); }
.ki-portrait { aspect-ratio: 4 / 5; max-width: 20rem; margin-inline: auto; width: 100%; border-radius: 1rem; background: linear-gradient(135deg, var(--wp--preset--color--rainforest), var(--wp--preset--color--rainforest-deep)); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-shadow: 0 24px 60px -24px rgba(15, 51, 41, 0.5); }
.ki-portrait__mono { font-family: var(--wp--preset--font-family--heading); font-size: 3rem; font-weight: 700; color: #fff; }
.ki-portrait__cap { margin-top: 0.75rem; padding-inline: 1.5rem; font-family: var(--wp--preset--font-family--heading); font-style: italic; font-size: 1.25rem; line-height: 1.2; color: var(--wp--preset--color--hornbill); }
.ki-prose { max-width: 680px; margin-inline: auto; padding-block: 5rem; }
.ki-prose > p { font-size: 1.1rem; line-height: 1.7; color: var(--wp--preset--color--grey); margin: 0; }
.ki-prose > p:first-child { color: var(--wp--preset--color--ink); font-size: 1.15rem; }
.ki-prose > p + p { margin-top: 1.25rem; }
.ki-prose h2 { font-family: var(--wp--preset--font-family--heading); font-size: 1.9rem; font-weight: 700; color: var(--wp--preset--color--rainforest); margin: 3.5rem 0 0; }
.ki-prose h2 + p { margin-top: 1.5rem; } .wp-site-blocks > footer .ki-footer { background: var(--wp--preset--color--rainforest-deep); color: #fff; }
.ki-footer__inner { max-width: 1200px; margin-inline: auto; padding: 4rem 1.25rem; }
.ki-footer__grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 2.5rem; }
.ki-footer__about { max-width: 20rem; margin-top: 1rem; font-size: 0.92rem; line-height: 1.6; color: rgba(255, 255, 255, 0.6); }
.ki-footer h4 { color: var(--wp--preset--color--hornbill); margin-bottom: 1rem; }
.ki-footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.625rem; }
.ki-footer ul a { font-size: 0.92rem; color: rgba(255, 255, 255, 0.75); text-decoration: none; transition: color 0.2s; }
.ki-footer ul a:hover { color: var(--wp--preset--color--hornbill); }
.ki-footer__bar { margin-top: 3.5rem; padding-top: 1.5rem; border-top: 1px solid rgba(255, 255, 255, 0.15); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; font-size: 0.82rem; color: rgba(255, 255, 255, 0.5); }
.ki-footer__bar .ki-hand { font-size: 1.05rem; color: rgba(255, 255, 255, 0.7); }  .ki-js [data-reveal] {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.7s var(--ki-ease), transform 0.7s var(--ki-ease);
}
.ki-js [data-reveal].is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
[data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
.ki-hero__rule path { stroke-dasharray: none !important; stroke-dashoffset: 0 !important; }
} @media (max-width: 900px) {
.ki-lanes,
.ki-index__grid,
.ki-stories__grid,
.ki-about-hero .ki-container { grid-template-columns: 1fr; }
.ki-footer__grid { grid-template-columns: 1fr 1fr; }
.ki-story--feature .ki-story__media { aspect-ratio: 16 / 9; }
}
@media (max-width: 781px) {
.ki-nav { display: none; }
.ki-nav.is-open {
display: flex; flex-direction: column; align-items: stretch; gap: 0;
position: absolute; left: 0; right: 0; top: 100%;
background: var(--wp--preset--color--sand); border-top: 1px solid var(--ki-line);
padding: 0.25rem 1.25rem 0.75rem;
max-height: 80vh; overflow-y: auto;
}
.ki-nav.is-open .ki-nav__item { flex-direction: column; align-items: stretch; width: 100%; }
.ki-nav.is-open > a,
.ki-nav.is-open .ki-nav__toplink {
color: var(--wp--preset--color--rainforest); font-size: 1.05rem; font-weight: 600;
padding: 0.85rem 0; border-bottom: 1px solid var(--ki-line); width: 100%; justify-content: flex-start;
}
.ki-nav.is-open .ki-nav__sub {
position: static; opacity: 1; visibility: visible; transform: none;
box-shadow: none; border-radius: 0; background: transparent; padding: 0.25rem 0 0.5rem 1rem;
}
.ki-nav.is-open .ki-nav__sub a { color: var(--wp--preset--color--ink) !important; padding: 0.5rem 0; font-weight: 500; }
.ki-nav.is-open .ki-btn { display: none; }
.ki-nav__toggle {
display: inline-flex; align-items: center; justify-content: center;
width: 2.5rem; height: 2.5rem; border: 0; background: none; cursor: pointer;
color: var(--wp--preset--color--rainforest); font-size: 1.5rem;
}
body.home .wp-site-blocks > header:not(.is-scrolled) .ki-nav__toggle { color: #fff; }
.ki-section { padding-block: 4rem; }
.ki-hero { min-height: 88vh; }
.ki-story--mini { flex-direction: column; }
.ki-story--mini .ki-story__media { width: 100%; aspect-ratio: 16 / 9; }
.ki-footer__grid { grid-template-columns: 1fr; }
} .entry-content > *,
.wp-block-post-content > * { max-width: 720px; }
.is-style-ki-footer-links { list-style: none; padding-left: 0; }
.is-style-ki-footer-links li { padding: 0; }
.is-style-ki-insider-tip {
background-color: #fef9e7; border-left: 4px solid var(--wp--preset--color--hornbill);
padding: 1.25rem 1.5rem; border-radius: 4px;
font-family: var(--wp--preset--font-family--heading); font-style: italic; font-size: 1rem; line-height: 1.6;
}
.wp-block-table table { border-collapse: collapse; width: 100%; font-size: 0.9375rem; }
.wp-block-table th { background-color: var(--wp--preset--color--rainforest); color: #fff; font-weight: 600; text-align: left; padding: 0.75rem 1rem; }
.wp-block-table td { padding: 0.625rem 1rem; border-bottom: 1px solid var(--ki-line); }
.wp-block-table tr:last-child td { border-bottom: none; }