/*
Theme Name: KampungMiles
Template: generatepress
Description: KampungMiles child theme for GeneratePress — navy & champagne gold, Cormorant Garamond + Inter, batik line pattern.
Version: 1.0.0
Text Domain: kampungmiles
*/
:root{--navy:#0B2545;--navy2:#13315C;--gold:#D4A64A;--gold2:#E9C46A;--dgold:#9A7428;--cream:#FBF7EF;--ink:#14213A;--mut:#5A6478;--line:#E7DCC4;--bur:#7A2E3A;--batik:url(assets/batik.svg)}
html{overflow-x:hidden}
body{font-family:'Inter',system-ui,sans-serif;background:var(--cream);color:var(--ink);font-size:17px;line-height:1.6;letter-spacing:.005em}
h1,h2,h3,h4,.km-logo,.quote{font-family:'Cormorant Garamond',Georgia,serif;color:var(--navy);line-height:1.15}
h1,h2,h3{font-weight:600}
a{color:var(--navy)}
.km-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.km .btn,.km-btn{display:inline-block;background:linear-gradient(180deg,#E9C46A,#D4A64A);color:#0B2545!important;font-weight:700;padding:14px 24px;border-radius:999px;border:1px solid #B88A33;letter-spacing:.02em;text-decoration:none;line-height:1.3}
.km-btn.sm{padding:9px 16px;font-size:15px}
.km .btn:hover,.km-btn:hover{filter:brightness(1.05)}
/* header */
.km-header{position:sticky;top:0;z-index:50;background:#0B2545;border-bottom:1px solid #D4A64A55}
.admin-bar .km-header{top:32px}
.km-hd{display:flex;align-items:center;gap:24px;height:72px}
.km-logo{display:flex;align-items:center;text-decoration:none}.km-logo svg{height:36px;width:auto;display:block}
.km-nav{margin-left:auto}.km-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px}
.km-nav a{color:#E8E2D3;font-weight:500;font-size:15px;letter-spacing:.02em;text-decoration:none}.km-nav a:hover,.km-nav .current-menu-item a{color:#E9C46A}
.km-burger{display:none;width:40px;height:40px;border-radius:12px;border:1px solid #D4A64A;background:none;place-items:center;cursor:pointer;padding:0;flex:none}
.km-burger path{stroke:#D4A64A}
@media(max-width:1023px){
 .km-hd{gap:10px;height:64px}.km-logo svg{height:28px}.km-hd .km-btn{margin-left:auto;padding:8px 12px;font-size:12.5px;white-space:nowrap}
 .km-burger{display:grid}.km-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#0B2545;border-bottom:1px solid #D4A64A55;margin:0}
 .km-nav.open{display:block}.km-nav ul{flex-direction:column;gap:0;padding:8px 20px 16px}.km-nav li a{display:block;padding:12px 0;border-bottom:1px solid rgba(212,166,74,.15)}
}
@media(max-width:380px){.km-logo svg{height:23px}}
.samplebar{background:#F4EEDF;border-bottom:1px solid #E7DCC4;color:#5A6478;font-size:13px;text-align:center;padding:8px 16px}.samplebar b{color:#7A2E3A}
/* GP container reset on home */
.home .site.grid-container{max-width:none;padding:0}.home .site-content{display:block;padding:0}
.km section{padding:56px 0}
.km .sh{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:26px;flex-wrap:wrap}
.km .sh h2{font-size:36px;margin:0}.km .sh h2:after{content:"";display:block;width:56px;height:1px;background:#D4A64A;margin-top:12px}
.km .sh p{color:var(--mut);margin:10px 0 0}.km .sh a{font-weight:700;color:#9A7428;text-decoration:none}
.km .ttl{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.eg{display:inline-block;font-family:'Inter',sans-serif;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--mut);border:1px solid currentColor;border-radius:999px;padding:3px 9px;white-space:nowrap;opacity:.85;line-height:1.4}
.km .cards{display:grid;gap:20px}
.km .card{background:#fff;border-radius:18px;padding:26px;border:1px solid #E7DCC4;box-shadow:0 10px 30px rgba(11,37,69,.06)}
/* hero */
.km .hero{position:relative;background:#0B2545;min-height:640px;display:flex;align-items:center;overflow:hidden;color:#E8E2D3;padding:72px 0 80px}
.km .hero .bgimg{position:absolute;inset:0;background-position:center 60%;background-size:cover;background-repeat:no-repeat}
.km .hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,37,69,.97) 0%,rgba(11,37,69,.9) 34%,rgba(19,49,92,.35) 60%,rgba(11,37,69,0) 100%),linear-gradient(0deg,rgba(11,37,69,.55),transparent 35%)}
.km .hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:2;background:linear-gradient(90deg,transparent,#D4A64A,transparent)}
.km .hero .pat{position:absolute;inset:0;z-index:1;background:var(--batik) repeat;background-size:80px;opacity:.10;-webkit-mask:linear-gradient(90deg,#000 20%,transparent 55%);mask:linear-gradient(90deg,#000 20%,transparent 55%)}
.km .hero .km-wrap{position:relative;z-index:2;width:100%}.km .hero .txt{max-width:620px}
.km .pill{display:inline-block;border:1px solid #D4A64A88;color:#E9C46A;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:600;padding:6px 14px;border-radius:999px;margin-bottom:16px}
.km .hero h1{font-size:64px;color:#FBF7EF;margin:0}.km .hero h1 em{color:#E9C46A;font-style:italic}
.km .hero p.sub{font-size:19px;color:#B9C3D3;margin:18px 0 26px;max-width:540px}
.km .ctas{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.km .ctas .lnk{font-weight:700;color:#E9C46A;border-bottom:2px solid #D4A64A;text-decoration:none}
.km .stats{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(212,166,74,.35);font-size:13px;color:#B9C3D3}
.km .stats b{display:block;font-family:'Cormorant Garamond',serif;font-size:28px;color:#E9C46A;font-weight:600;line-height:1.1}
.km .photo-cr{position:absolute;right:14px;bottom:10px;z-index:2;font-size:11px;color:rgba(255,255,255,.65)}
/* tiers */
.km .tier{border-top:3px solid #D4A64A;overflow:hidden}.km .tier .pic{height:120px;margin:-26px -26px 18px;background-size:cover;background-position:center}
.km .tier .inc{color:#9A7428;letter-spacing:.18em;font-size:12px;font-weight:800}.km .tier h3{font-size:26px;margin:4px 0 0}
.km .tier p{color:var(--mut);margin:8px 0 14px}.km .tier ul{list-style:none;margin:0 0 16px;font-size:14.5px;color:#5A6478}.km .tier li{padding:5px 0;border-top:1px dashed #E7DCC4}
.km .tier a{font-weight:700;color:#0B2545;text-decoration:none}
.divider{height:28px;margin:8px auto 0;max-width:1200px;background:var(--batik) repeat-x center/28px;opacity:.5;-webkit-mask:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}
/* posts */
.km .post{padding:0;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .15s}.km .post:hover{transform:translateY(-2px)}
.km .thumb{height:170px;background:#F4EEDF center/cover}.km .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.km .post .in{padding:20px;flex:1;display:flex;flex-direction:column}.km .post h3{font-size:21px;line-height:1.2;margin:10px 0}
.km .meta{font-size:13px;color:var(--mut);margin-top:auto}
.tag{display:inline-block;align-self:flex-start;font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.14em;text-decoration:none}
.t1{background:#E6ECF5;color:#0B2545}.t2{background:#F6EDD6;color:#7C5B1C}.t3{background:#F3E1E3;color:#7A2E3A}
.km-ad{border:2px dashed #D9CBAE;border-radius:16px;color:#857654;text-align:center;padding:26px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
/* tea */
.km .tea{background:var(--batik) repeat,#0B2545;background-size:80px;position:relative;overflow:hidden;border:1px solid #D4A64A55;border-radius:28px;padding:44px;color:#fff}
.km .tea:before{content:"";position:absolute;inset:0;background:rgba(11,37,69,.92)}.km .tea>*{position:relative}
.km .tea h2{color:#FBF7EF}.km .tea .sh p{color:#B9C3D3}.km .tea .eg{color:#E9C46A}.km .tea .sh a{color:#E9C46A}
.km .row{display:grid;grid-template-columns:150px 1fr 200px;gap:6px 14px;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(212,166,74,.18);border-radius:16px;padding:16px 18px;margin-bottom:10px}
.km .row strong{color:#FBF7EF;font-weight:700}.km .row .src{display:block;font-weight:400;font-size:13.5px;color:#B9C3D3;margin-top:2px}.km .row .when{font-size:13px;color:#B9C3D3;text-align:right}
.km .b{font-size:11px;font-weight:800;padding:5px 10px;border-radius:8px;letter-spacing:.05em;white-space:nowrap;justify-self:start}
.bn{background:#E9C46A;color:#14213A}.bh{background:#13315C;color:#E9C46A;border:1px solid #D4A64A}.bd{background:#7A2E3A;color:#fff}.be{background:#FBF7EF;color:#0B2545}
/* holidays */
.km .hol{padding:0;overflow:hidden}.km .hol .img{height:220px;position:relative;background-size:cover;background-position:center}
.km .hol .img span{position:absolute;left:14px;top:14px;background:rgba(11,37,69,.85);color:#E9C46A;border:1px solid #D4A64A88;letter-spacing:.06em;border-radius:999px;font-size:13px;font-weight:700;padding:4px 12px}
.km .hol .in{padding:22px}.km .hol h3{font-size:24px;margin:4px 0 8px}.km .hol p{color:var(--mut);font-size:15px;margin:0}
.km .hol .cab{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#7A2E3A}
.km .miles{display:flex;align-items:baseline;gap:8px;margin:12px 0 4px;padding-top:12px;border-top:1px solid #E7DCC4;font-size:14px;color:#5A6478}
.km .miles b{font-family:'Cormorant Garamond',serif;font-size:26px;color:#0B2545;font-weight:700}
/* kakis */
.km .stars{color:#9A7428;letter-spacing:3px;font-size:14px;margin-bottom:10px}
.km .quote{font-size:22px;line-height:1.35;color:#0B2545;font-weight:600;margin:0}
.km .who{display:flex;gap:12px;align-items:center;margin-top:16px;font-size:14px;line-height:1.4}.km .who small{color:#5A6478}
.km .av{width:44px;height:44px;flex:none;border-radius:50%;background-size:cover;background-position:center;border:2px solid #D4A64A}
/* lead */
.km .lead{position:relative;overflow:hidden;border-radius:32px;padding:52px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;color:#E8E2D3;border:1px solid #D4A64A66;background:#0B2545}
.km .lead .bgp{position:absolute;inset:0;background-size:cover;background-position:center}
.km .lead:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(11,37,69,.97) 40%,rgba(19,49,92,.78))}.km .lead>*:not(.bgp){position:relative;z-index:2}
.km .lead h2{font-size:42px;color:#FBF7EF;margin:6px 0 0}.km .lead .k{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#E9C46A;font-weight:600}
.km .lead ul{list-style:none;margin:14px 0 0;padding:0}.km .lead li{margin:6px 0;font-weight:500;color:#E8E2D3}
.km .lead form{display:flex;flex-direction:column;gap:12px;margin:0}.km .lead input[type=email]{font:inherit;padding:15px 18px;border-radius:14px;border:1px solid #D4A64A;background:#fff;color:#14213A;width:100%}
.km .lead button{border:1px solid #B88A33;font:inherit;font-weight:700;cursor:pointer;text-align:center;border-radius:999px;padding:14px 24px;background:linear-gradient(180deg,#E9C46A,#D4A64A);color:#0B2545}
.km .lead .small{font-size:13px;color:#B9C3D3;margin:10px 0 14px}
.km .tg{display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;border:1px solid #D4A64A;color:#E9C46A;padding:14px;border-radius:14px;font-weight:700;text-decoration:none}.km .tg path{fill:#E9C46A}
.km .tgm{font-size:13px;color:#B9C3D3;text-align:center;margin-top:8px}
/* footer */
.km-footer{background:#081B33;border-top:3px solid #D4A64A;color:#E6EFE9;margin-top:56px;padding:48px 0 28px;font-size:16px}
.km-fgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}
.km-footer p{margin:10px 0 0;color:#B9C3D3}.km-footer .cr{font-size:12px;color:#8F9BB0;line-height:1.5}.km-footer a{color:#E9C46A}
.km-flinks ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 22px;font-weight:600}.km-flinks a{color:#E6EFE9;text-decoration:none}
.km-footer .km-ad{border-color:rgba(212,166,74,.4);color:rgba(233,196,106,.75)}
.km-disc{font-size:13px;color:#A6B2C6;border-top:1px solid #1E3A5F;margin-top:28px;padding-top:20px}
.km-credits{font-size:12px;color:#8F9BB0;margin-top:14px}.km-credits summary{cursor:pointer;color:#B9C3D3}.km-credits a{color:#B9C3D3}
/* inner pages */
.km-footer .km-logo svg{height:32px}
.km-list .cards{display:grid;gap:20px}
body:not(.home) .site-content{padding-top:40px}
.entry-title{font-size:44px}.entry-content h2{font-size:32px}.entry-content a{color:#9A7428}
.inside-article,.sidebar .widget{border-radius:18px;border:1px solid #E7DCC4}
.km-draft{background:#F3E1E3;color:#7A2E3A;border:1px solid #7A2E3A44;border-radius:10px;padding:10px 14px;font-weight:600;font-size:14px}
.km-sample{background:#F4EEDF;border:1px solid #E7DCC4;border-radius:10px;padding:10px 14px;font-size:14px;color:#5A6478}
@media(max-width:899px){
 .km .hero{min-height:0;padding:56px 0 64px}.km .hero:before{background:linear-gradient(180deg,rgba(11,37,69,.55),rgba(11,37,69,.88) 60%)}.km .hero .bgimg{background-position:30% center}.km .hero h1{font-size:44px}.km .photo-cr{display:none}
 .km .sh h2{font-size:30px}.km .thumb{height:190px}
 .km .tea{padding:32px 18px}.km .row{grid-template-columns:1fr}.km .row .when{text-align:left}
 .km .lead{grid-template-columns:1fr;padding:36px 22px}.km .lead h2{font-size:34px}
 .km-fgrid{grid-template-columns:1fr}.entry-title{font-size:36px}
}
@media(min-width:900px){.km .c3{grid-template-columns:repeat(3,1fr)}.km .c4{grid-template-columns:repeat(4,1fr)}}
@media(min-width:600px) and (max-width:899px){.km .c4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.km-wrap.km-hd{padding:0 14px;gap:8px}.km-logo svg{height:22px}.km-hd .km-btn{padding:7px 10px;font-size:12px}.km-burger{width:36px;height:36px}}
/* tea v2: magazine cards */
.km .teagrid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-top:6px}
.km .tc{position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;text-decoration:none;color:#FBF7EF;background:#13315C;border:1px solid rgba(212,166,74,.28);transition:transform .2s,box-shadow .2s,border-color .2s}
.km .tc:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.35);border-color:#E9C46A}
.km .tc:focus-visible{outline:3px solid #E9C46A;outline-offset:3px}
.km .tc .ph{overflow:hidden;aspect-ratio:16/10;background:#0B2545}.km .tc .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.km .tc:hover .ph img,.km .tc:focus-visible .ph img{transform:scale(1.07)}
.km .tc .in{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.km .tc h3{font-family:Inter,sans-serif;font-weight:800;font-size:16.5px;line-height:1.3;color:#FBF7EF;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.km .tc .dl{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin-top:auto;font-size:12px;font-weight:700;color:#E9C46A;background:rgba(233,196,106,.12);border:1px solid rgba(233,196,106,.4);padding:4px 10px;border-radius:999px}
.km .tc .b{align-self:flex-start;text-transform:uppercase}
.km .tc.feat{min-height:520px}.km .tc.feat .ph{position:absolute;inset:0;aspect-ratio:auto}
.km .tc.feat:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,37,69,0) 25%,rgba(11,37,69,.75) 58%,#0B2545 100%);pointer-events:none}
.km .tc.feat .ov{position:relative;z-index:1;margin-top:auto;padding:30px;display:flex;flex-direction:column;gap:12px}
.km .tc.feat h3{font-family:"Cormorant Garamond",serif;font-weight:700;font-size:44px;line-height:1.02;-webkit-line-clamp:4;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.km .tc.feat p{margin:0;color:#D6DDE8;font-size:15.5px;line-height:1.5}
.km .tc .ft{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.km .tc.feat .dl{margin-top:0}
.km .tc .go{background:#E9C46A;color:#0B2545;font-weight:800;padding:10px 18px;border-radius:999px;font-size:14.5px;transition:background .2s}.km .tc:hover .go{background:#FBF7EF}
.km .tmini{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:980px){.km .teagrid{grid-template-columns:1fr}.km .tc.feat{min-height:440px}}
@media (max-width:640px){
 .km .tc.feat{min-height:420px}.km .tc.feat h3{font-size:31px}.km .tc.feat .ov{padding:20px}.km .tc.feat p{font-size:14.5px}
 .km .tmini{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -18px;padding:4px 18px 10px;scrollbar-width:none}.km .tmini::-webkit-scrollbar{display:none}
 .km .tmini .tc{flex:0 0 72%;scroll-snap-align:start}
}
@media (prefers-reduced-motion:reduce){.km .tc,.km .tc .ph img{transition:none}}
.km .tc h3{-webkit-line-clamp:4}.km .tmini .tc h3{font-size:16px}
.km .tc.feat:after{background:linear-gradient(180deg,rgba(11,37,69,.05) 0%,rgba(11,37,69,.55) 40%,rgba(11,37,69,.92) 68%,#0B2545 100%)}
@media (max-width:640px){.km .tc.feat:after{background:linear-gradient(180deg,rgba(11,37,69,.1) 0%,rgba(11,37,69,.8) 35%,#0B2545 75%)}}
@media (max-width:640px){.km .tmini{scroll-padding-left:18px}}
/* ===== Mobile v2 (≤768px): magazine stream layout ===== */
.km-sbtn,.km-search,.km-nav-join,.km-crumb,.km-mcat,.km-mmeta,.km-related{display:none}
@media (max-width:768px){
 body{font-size:16px}
 /* header: burger left · logo centre · search right, sticky & compact */
 .km-wrap.km-hd{height:56px;padding:0 6px;gap:0;justify-content:space-between;position:relative}
 .km-hd .km-btn.sm{display:none}
 .km-burger,.km-sbtn{width:44px;height:44px;border:0;border-radius:10px;background:none;display:grid;place-items:center;padding:0;cursor:pointer;flex:none;color:#E9C46A}
 .km-burger{order:-1}.km-burger path{stroke:#E9C46A}
 .km-hd .km-logo{position:absolute;left:50%;transform:translateX(-50%)}.km-hd .km-logo svg{height:26px}
 .km-sbtn{order:3}
 .km-burger:focus-visible,.km-sbtn:focus-visible{outline:2px solid #E9C46A;outline-offset:-2px}
 .km-nav{order:4}.km-nav ul{padding:4px 18px 4px}.km-nav li a{padding:13px 0;font-size:16px;min-height:44px;box-sizing:border-box}
 .km-nav-join{display:block;margin:6px 18px 16px;text-align:center;background:linear-gradient(180deg,#E9C46A,#D4A64A);color:#0B2545!important;font-weight:700;border-radius:999px;padding:13px;text-decoration:none}
 .km-search{position:absolute;left:0;right:0;top:100%;background:#0B2545;border-bottom:1px solid #D4A64A55;padding:10px 14px 14px;gap:8px}
 .km-search.open{display:flex}
 .km-search input{flex:1;min-width:0;height:44px;border-radius:999px;border:1px solid #D4A64A88;background:#13315C;color:#FBF7EF;padding:0 16px;font-size:16px}
 .km-search input::placeholder{color:#B9C3D3}
 .km-search button{height:44px;border-radius:999px;border:0;background:#E9C46A;color:#0B2545;font-weight:700;padding:0 16px}
 .samplebar{font-size:12px;padding:6px 14px;line-height:1.45}
 /* home: content first ordering */
 .km-home{display:flex;flex-direction:column}
 .km-home>*{order:20}
 .km-home>.samplebar{order:1}.km-home>.hero{order:2}
 .km-home>section:nth-of-type(2){order:3}           /* Kopi Talk stream */
 .km-home>div.km-wrap{order:4}                        /* ad */
 .km-home>section:nth-of-type(3){order:5}           /* tea */
 .km-home>section:nth-of-type(1){order:6}           /* tiers */
 .km-home>.divider{display:none}
 .km section{padding:26px 0}
 .km .km-wrap{padding:0 14px}
 .km .sh{margin-bottom:14px;align-items:center;flex-wrap:nowrap;padding-bottom:8px;border-bottom:2px solid #0B2545}
 .km .sh h2{font-size:27px}.km .sh h2:after{display:none}
 .km .sh p{display:none}
 .km .sh a{font-size:14px;white-space:nowrap;padding:12px 0;margin:-12px 0}
 .km .ttl{gap:6px 10px}
 /* compact hero: headline + CTA only */
 .km .hero{padding:26px 0 24px;min-height:0}
 .km .hero .pill{font-size:10px;padding:4px 10px;margin-bottom:10px;letter-spacing:.14em}
 .km .hero h1{font-size:34px;line-height:1.05}
 .km .hero p.sub{font-size:15px;margin:10px 0 16px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .km .ctas{gap:10px 16px}.km .ctas .btn{padding:12px 18px;font-size:15px}.km .ctas .lnk{font-size:14px;padding:12px 0}
 .km .hero .stats{display:none}
 /* Kopi Talk: lead photo card + dense thumbnail rows */
 .km .cards.c4{display:flex;flex-direction:column;gap:0}
 .km .card.post{flex-direction:row;border-radius:0;border:0;border-bottom:1px solid #E7DCC4;box-shadow:none;background:none;padding:12px 0;gap:12px;align-items:flex-start}
 .km .post:hover{transform:none}
 .km .post .thumb{flex:0 0 112px;height:84px;border-radius:10px;overflow:hidden}
 .km .post .in{padding:0}
 .km .post .tag{font-size:10px;padding:2px 8px;letter-spacing:.1em}
 .km .post h3{font-family:Inter,sans-serif;font-weight:700;font-size:16px;line-height:1.28;margin:5px 0 4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .km .post .meta{font-size:12px}
 .km .card.post:first-child{position:relative;display:block;padding:0;margin-bottom:4px;border:0;border-radius:16px;overflow:hidden;background:#0B2545;min-height:300px}
 .km .post:first-child .thumb{position:absolute;inset:0;height:auto;border-radius:0}
 .km .post:first-child:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,37,69,0) 25%,rgba(11,37,69,.8) 62%,#0B2545 100%)}
 .km .post:first-child .in{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:18px}
 .km .post:first-child h3{font-family:'Cormorant Garamond',serif;font-size:31px;line-height:1.04;color:#FBF7EF;-webkit-line-clamp:4;text-shadow:0 2px 12px rgba(0,0,0,.4);margin:8px 0 6px}
 .km .post:first-child .meta{color:#D6DDE8}
 .km-home>div.km-wrap{padding:6px 14px 0}.km-ad{padding:16px;font-size:12px;border-radius:12px}
 /* tea: same stream pattern on navy */
 .km .tea{border-radius:18px;padding:18px 14px}
 .km .tea .sh{border-color:#D4A64A}
 .km .teagrid{gap:0}
 .km .tc.feat{min-height:300px;border-radius:14px}
 .km .tc.feat .ov{padding:16px;gap:8px}.km .tc.feat h3{font-size:28px}
 .km .tc.feat p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}
 .km .tc .go{padding:10px 16px;font-size:14px}
 .km .tmini{display:flex;flex-direction:column;overflow:visible;margin:4px 0 0;padding:0;gap:0}
 .km .tmini .tc{flex:none;flex-direction:row;gap:12px;background:none;border:0;border-bottom:1px solid rgba(212,166,74,.2);border-radius:0;padding:12px 0;align-items:flex-start}
 .km .tmini .tc:last-child{border-bottom:0;padding-bottom:0}
 .km .tmini .tc:hover{transform:none;box-shadow:none}
 .km .tmini .tc .ph{flex:0 0 104px;height:78px;aspect-ratio:auto;border-radius:10px}
 .km .tmini .tc .in{padding:0;gap:5px}.km .tmini .tc h3{font-size:15px;-webkit-line-clamp:3}
 .km .tc .dl{margin-top:2px;font-size:11px;padding:2px 8px}
 .km .tc .b{font-size:10px;padding:3px 7px}
 /* tiers: compact tappable tiles */
 .km .cards{gap:10px}
 .km .card{padding:14px;border-radius:14px}
 .km .tier{display:grid;grid-template-columns:84px 1fr;gap:2px 12px;align-items:center;border-top:0;border-left:3px solid #D4A64A}
 .km .tier .pic{grid-row:1/5;height:84px;margin:0;border-radius:10px}
 .km .tier .inc{font-size:11px;letter-spacing:.12em}.km .tier h3{font-size:22px;margin:0}
 .km .tier p{font-size:13.5px;margin:2px 0;line-height:1.4}
 .km .tier ul{display:none}
 .km .tier a{font-size:14px;padding:6px 0}
 /* holidays: photo-top cards, tighter */
 .km .hol .img{height:150px}.km .hol .in{padding:12px 14px}.km .hol h3{font-size:22px;margin:2px 0 4px}.km .hol p{display:none}.km .miles{margin:8px 0 0;padding-top:8px}
 .km .miles b{font-size:22px}
 /* kakis: swipe row */
 .km section:nth-of-type(5) .cards.c3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -14px;padding:2px 14px 8px;scrollbar-width:none}
 .km section:nth-of-type(5) .cards.c3::-webkit-scrollbar{display:none}
 .km section:nth-of-type(5) .card{flex:0 0 82%;scroll-snap-align:start}
 .km .quote{font-size:19px}
 .km .lead{border-radius:18px;padding:24px 16px}.km .lead h2{font-size:30px}
 .km-footer{margin-top:24px;padding:32px 0 20px;font-size:15px}
 .km-flinks ul{flex-direction:column;gap:0}.km-flinks a{display:block;padding:11px 0;border-bottom:1px solid #1E3A5F}
 /* single post */
 body:not(.home) .site-content{padding-top:0}
 .single .site.grid-container,.single .site-content,.single .content-area,.single .site-main{padding:0;margin:0}
 .single .inside-article{border:0;border-radius:0;padding:12px 16px 24px;background:var(--cream)}
 .single .km-crumb{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5A6478;margin-bottom:10px}
 .km-crumb a{color:#0B2545;text-decoration:none;display:inline-block;padding:10px 0}
 .single .featured-image{margin:0 -16px 14px!important}.single .featured-image img{width:100%;aspect-ratio:3/2;object-fit:cover}
 .single .km-mcat{display:inline-block;margin-bottom:8px;padding:6px 12px}
 .single .entry-title{font-size:34px;line-height:1.06;margin-bottom:8px}
 .single .entry-meta{display:none}
 .single .km-mmeta{display:block;font-size:13px;color:#5A6478;padding-bottom:12px;border-bottom:1px solid #E7DCC4}
 .single .entry-content{font-size:17.5px;line-height:1.7;margin-top:16px}
 .single .entry-content h2{font-size:28px;margin:1.4em 0 .5em}
 .single .entry-content ul{margin-left:1.2em}
 .single .km-sample{font-size:13px}
 .single .km-related{display:block;margin-top:28px}
 .km-related h2{font-size:26px;padding-bottom:8px;border-bottom:2px solid #0B2545;margin:0 0 4px}
 .km-rrow{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #E7DCC4;text-decoration:none;color:inherit;align-items:flex-start}
 .km-rrow .th{flex:0 0 96px;height:72px;border-radius:10px;overflow:hidden;background:#F4EEDF}.km-rrow img{width:100%;height:100%;object-fit:cover;display:block}
 .km-rrow .tx{display:flex;flex-direction:column;gap:3px}
 .km-rrow .cat{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7A2E3A}
 .km-rrow b{font-size:15.5px;line-height:1.3;color:#0B2545}.km-rrow .dt{font-size:12px;color:#5A6478}
}

/* Kit signup form */
html{scroll-behavior:smooth}#join{scroll-margin-top:90px}
.km-sf{display:flex;flex-direction:column;gap:12px;margin:0}
.km-sf .km-sf-fields{display:flex;flex-direction:column;gap:12px}
.km-sf input[type=email],.km-sf input[type=text]{font:inherit;padding:15px 18px;border-radius:14px;border:1px solid #D4A64A;background:#fff;color:#14213A;width:100%}
.km-sf button{border:1px solid #B88A33;font:inherit;font-weight:700;cursor:pointer;text-align:center;border-radius:999px;padding:14px 24px;background:linear-gradient(180deg,#E9C46A,#D4A64A);color:#0B2545}
.km-sf button[data-active] span,.km-sf button:disabled{opacity:.7}
.km-sf-privacy{font-size:13px;color:#B9C3D3;margin:10px 0 16px}.km-sf-privacy a{color:#E9C46A}
.km-sf .formkit-alert{list-style:none;margin:0;padding:0}.km-sf .formkit-alert:empty{display:none}
.km-sf .formkit-alert-error{background:#3a1420;border:1px solid #E07A7A;color:#FFD9D9;border-radius:12px;padding:10px 14px;font-size:14px;margin-bottom:10px}
.km-sf .formkit-alert-success,.formkit-alert-success{display:block;background:rgba(233,196,106,.14);border:1px solid #D4A64A;color:#FBF7EF;border-radius:14px;padding:16px 18px;font-weight:600;list-style:none;margin:0}
.km-sf-box{margin:32px 0 8px;padding:28px;border-radius:22px;background:#0B2545;border:1px solid #D4A64A66;color:#E8E2D3}
.km-sf-box h2{color:#FBF7EF;font-size:28px;margin:4px 0 6px}.km-sf-box p{margin:0 0 14px;color:#E8E2D3}.km-sf-box .k{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#E9C46A;font-weight:600}
@media(min-width:700px){.km-sf-compact .km-sf-fields{flex-direction:row}.km-sf-compact .km-sf-fields input{flex:1}}

/* 4 Nov 2026: tea feature card - card art on top, fully visible; headline below */
.km .tc.feat{min-height:0!important}
.km .tc.feat:after{display:none!important}
.km .tc.feat .ph{position:relative!important;inset:auto!important;aspect-ratio:16/9!important;background:#0B2545}
.km .tc.feat .ph img{object-fit:contain!important}
.km .tc.feat .ov{margin-top:0!important;padding:22px 26px 26px!important}
.km .tc.feat h3{font-size:34px!important;text-shadow:none!important;-webkit-line-clamp:3!important}
@media (max-width:640px){.km .tc.feat .ov{padding:16px!important}.km .tc.feat h3{font-size:25px!important}}
/* Kopi Talk: centre cards when fewer than a full row */
@media(min-width:769px){.km .cards.c4.km-kt{display:flex;flex-wrap:wrap;justify-content:center}.km .cards.c4.km-kt>.card{flex:0 1 calc((100% - 60px)/4);min-width:0}}
@media(min-width:769px) and (max-width:899px){.km .cards.c4.km-kt>.card{flex-basis:calc((100% - 20px)/2)}}