/* TOKI standalone pages — editorial spacing, paper and forest palette. */
.toki-page{--tp-paper:#f5f0e5;--tp-cream:#fbf8f0;--tp-ink:#123a30;--tp-muted:#677466;--tp-line:#d6d7c8;--tp-rust:#a84e2e;color:var(--tp-ink);font-family:'Noto Sans Thai',sans-serif}
.page-view.toki-page:not(#view-home):not(#view-admin){padding:0 clamp(24px,6vw,96px) 80px;max-width:1440px;margin:auto}
.toki-page h1,.toki-page h2,.toki-page h3,.toki-page p,.toki-page figure{margin:0}
.toki-page h1,.toki-page h2,.toki-page h3{color:var(--tp-ink);font-family:Georgia,'Noto Sans Thai',serif;font-weight:400}
.toki-page h1{font-size:clamp(36px,4.4vw,64px);line-height:1.3;letter-spacing:-1.4px}
.toki-page h2{font-size:clamp(27px,2.6vw,38px);line-height:1.4;letter-spacing:-.6px}
.toki-page h3{font-size:22px;line-height:1.4}
.toki-page p{font-size:15px;line-height:1.9;color:var(--tp-muted)}
.toki-page button,.toki-page input,.toki-page select,.toki-page textarea{font-family:inherit}
.toki-page a{color:inherit;text-decoration:none}
.toki-page :focus-visible{outline:2px solid var(--tp-rust);outline-offset:4px}
.toki-page .tp-icon{width:21px;height:21px;object-fit:contain;flex-shrink:0}
.tp-crumb{display:flex;gap:12px;font-size:11px;letter-spacing:.4px;padding-top:25px;color:var(--tp-muted)}
.toki-page .tp-kicker{font:600 10px/1.6 'Noto Sans Thai',sans-serif;letter-spacing:2px;color:var(--tp-rust);margin-bottom:18px}
.tp-intro{padding:52px 0 48px}
.toki-page .tp-lead{max-width:620px;margin-top:24px;font-size:16px}
.tp-button{display:inline-flex;gap:22px;align-items:center;justify-content:space-between;background:#123a30;color:#fbf8f0!important;border:1px solid #123a30;padding:14px 21px;min-height:48px;min-width:150px;font-size:13px;font-weight:500;border-radius:3px;cursor:pointer;transition:background .2s}
.tp-button:hover{background:#245343}.tp-button:disabled{opacity:.55;cursor:wait}
.tp-button .tp-icon{filter:brightness(0) invert(1);width:17px}
.tp-button.tp-secondary{background:transparent;color:#123a30!important;border-color:#9aa592}
.tp-secondary .tp-icon{filter:none}.tp-secondary:hover{background:#e7e9dc}
.tp-panorama{position:relative;overflow:hidden;border-radius:3px}
.tp-panorama>img{display:block;width:100%;height:clamp(230px,33vw,440px);object-fit:cover}
.tp-panorama figcaption{position:absolute;left:26px;bottom:22px;font:10px 'Noto Sans Thai',sans-serif;letter-spacing:1.5px;background:#f5f0e5e8;padding:10px 14px}
.tp-editorial{display:grid;grid-template-columns:1fr 1.25fr;gap:9%;padding:72px 0}
.tp-body-copy p{white-space:pre-line}.tp-body-copy .tp-button{margin-top:24px}
.tp-story-pair{display:grid;grid-template-columns:1fr 1fr;background:#e8e9dc}
.tp-story-pair>img{width:100%;height:100%;min-height:370px;object-fit:cover}
.tp-story-pair>div{padding:clamp(28px,5vw,70px);align-self:center}.tp-story-pair p:not(.tp-kicker){margin-top:22px}
.tp-seal{display:block;margin-top:36px;font-size:10px;letter-spacing:2px;border-top:1px solid #b9c0ac;padding-top:20px}
.tp-endcap{padding:40px 44px;margin-top:64px;background:#123a30;color:#f5f0e5;display:flex;justify-content:space-between;gap:28px;align-items:center;border-radius:3px}
.tp-endcap h2{color:#f5f0e5}.tp-endcap .tp-kicker{color:#c1cbb3}
.tp-endcap .tp-button{background:#f5f0e5;color:#123a30!important;border-color:#f5f0e5;flex-shrink:0}.tp-endcap .tp-icon{filter:none}
.tp-process-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;align-items:start}
.tp-process-layout>figure{position:sticky;top:120px}
.tp-process-layout>figure>img{width:100%;aspect-ratio:.76;object-fit:cover;border-radius:3px}
.tp-process-layout figcaption{font-size:11px;color:#677466;padding-top:14px}
.tp-steps{list-style:none;padding:0;margin:0}
.tp-steps li{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--tp-line)}
.tp-steps li:first-child{padding-top:0}
.tp-step-no{font:italic 26px Georgia,serif;color:#a84e2e}
.tp-steps li img{width:30px;height:30px;object-fit:contain;margin-bottom:10px}
.tp-steps h3{margin-bottom:8px}
.tp-brew-guide{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;margin-top:70px;padding:50px;background:#e9eadf}
.tp-brew-guide article{margin-bottom:28px}.tp-brew-guide h3{margin-bottom:10px}
.tp-visit-note{display:flex;gap:16px;align-items:start;padding:18px 22px;background:#e9eadf;border-left:3px solid #7c8d71;margin-bottom:40px}.tp-visit-note p{font-size:13px}
.tp-experiences>article{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:40px 0;border-top:1px solid var(--tp-line);align-items:center}
.tp-experiences>article:first-child{padding-top:0;border:0}
.tp-experiences>article>img{width:100%;aspect-ratio:1.22;object-fit:cover;border-radius:3px}
.tp-experiences>article:nth-child(even)>img{order:2}
.tp-experiences h2{margin-bottom:16px}.tp-activity-for{display:flex;align-items:center;gap:12px;margin:26px 0;font-size:12px;color:#677466}
.tp-visit-steps{margin-top:30px;padding:44px 0;border-top:1px solid var(--tp-line);display:grid;grid-template-columns:1fr 1.25fr;gap:8%}
.tp-visit-steps ol{list-style:none;margin:0;padding:0}
.tp-visit-steps li{display:flex;gap:24px;padding:0 0 25px;font-size:14px;line-height:1.8;color:#677466}
.tp-visit-steps li b{font:italic 27px Georgia,serif;color:#a84e2e}.tp-visit-steps strong{display:block;color:#123a30;font-weight:500;margin-bottom:4px}
.tp-community-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center}
.tp-community-feature>img{width:100%;aspect-ratio:.96;object-fit:cover;border-radius:3px}
.tp-community-feature p:not(.tp-kicker){margin:22px 0}
.tp-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin:64px 0;border-top:1px solid var(--tp-line);padding-top:40px}
.tp-principles .tp-icon{width:36px;height:36px;margin-bottom:18px}.tp-principles h3{margin-bottom:12px}
.tp-quote{text-align:center;border:0;padding:54px 20px;margin:0;background:#e8e9dc;font:400 clamp(25px,3vw,40px)/1.6 Georgia,'Noto Sans Thai',serif;color:#123a30}
.tp-quote cite{display:block;font:10px 'Noto Sans Thai',sans-serif;letter-spacing:2px;margin-top:22px}
.tp-shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 24px;border-bottom:1px solid var(--tp-line);margin-bottom:32px;flex-wrap:wrap}
.tp-shop-toolbar .filter-tabs{display:flex;flex-wrap:wrap;gap:6px}
.tp-shop-toolbar .filter-tab-btn{border:1px solid transparent;color:#677466;font:12px 'Noto Sans Thai',sans-serif;padding:9px 14px;background:transparent;border-radius:3px;cursor:pointer;white-space:nowrap}
.tp-shop-toolbar .filter-tab-btn.active{color:#f5f0e5;background:#123a30;border-color:#123a30}
.tp-search{display:flex;gap:10px;align-items:center;border-bottom:1px solid #8d9c85;padding:8px 0;width:200px}
.tp-search input{border:0;outline:0;background:transparent;width:100%;min-width:0;font-size:13px;color:#123a30}
.toki-page #shopProductsGrid{min-height:210px}
.toki-page .toki-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.toki-page .toki-catalog .product-image-button{aspect-ratio:.92}
.toki-page .toki-catalog .product-title{font-size:23px;white-space:normal}
.toki-page .tp-small{font-size:11px;line-height:1.8;margin-top:24px;color:#7a7e71}
.tp-coffee-help{display:flex;align-items:center;gap:28px;border-top:1px solid var(--tp-line);padding-top:38px;margin-top:50px}
.tp-coffee-help>div{flex:1}.tp-coffee-help h2{font-size:27px;margin:10px 0}.tp-coffee-help .tp-button{flex-shrink:0}
.tp-journal{display:grid;grid-template-columns:1fr 1fr;gap:50px 36px}
.tp-journal article>img{width:100%;height:280px;object-fit:cover}
.tp-journal article>div{padding-top:22px}.tp-journal h2{font-size:28px;margin-bottom:14px}
.tp-journal article.tp-journal-feature{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;gap:6%;align-items:center}
.tp-journal-feature>img{height:380px!important}
.tp-journal details{margin-top:20px;border-top:1px solid var(--tp-line)}
.tp-journal summary{cursor:pointer;font-size:12px;padding:14px 0}.tp-article-content{font-size:15px;line-height:1.9;white-space:pre-line;padding-bottom:15px}
.tp-faq-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:8%}
.tp-faq-layout aside p:not(.tp-kicker){margin:22px 0}
.tp-faq-list details{border-top:1px solid var(--tp-line)}.tp-faq-list details:last-child{border-bottom:1px solid var(--tp-line)}
.tp-faq-list summary{display:flex;align-items:baseline;gap:18px;cursor:pointer;list-style:none;padding:25px 0}
.tp-faq-list summary::-webkit-details-marker{display:none}
.tp-faq-list summary h2{font:500 17px/1.6 'Noto Sans Thai',sans-serif;flex:1}
.tp-faq-num{font:italic 18px Georgia,serif;color:#a84e2e}
.tp-plus{font:24px Georgia,serif}.tp-faq-list details[open] .tp-plus{transform:rotate(45deg)}
.tp-faq-list details>p{padding:0 38px 25px}
.tp-contact-grid{display:grid;grid-template-columns:.85fr 1.2fr;gap:8%;align-items:start}
.tp-contact-grid aside>img{width:100%;height:250px;object-fit:cover;object-position:center 45%;margin-bottom:28px;border-radius:3px}
.tp-contact-grid aside h2{font-size:29px;margin-bottom:16px}
.tp-text-link{display:inline-block;border-bottom:1px solid #a8b39e;margin-top:22px;font-size:13px;padding-bottom:6px}
.tp-contact-form{background:#fbf8f0;border:1px solid var(--tp-line);padding:38px;border-radius:4px}
.tp-contact-form h2{margin-bottom:25px;font-size:30px}.tp-contact-form>.tp-button{margin-top:22px}
.tp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.tp-form-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px}.tp-full{grid-column:1/-1}
.tp-form-grid input,.tp-form-grid select,.tp-form-grid textarea{width:100%;min-width:0;padding:12px;border:1px solid #c7cfbf;border-radius:3px;background:#fffdf7;color:#123a30;font-size:14px}
.tp-form-grid textarea{resize:vertical}.tp-contact-form [role=status]{margin-top:18px;font-size:13px;color:#123a30}
.tp-jobs>article{padding:32px 0;border-bottom:1px solid var(--tp-line);display:flex;justify-content:space-between;align-items:center;gap:30px}
.tp-jobs article p:not(.tp-kicker){margin-top:14px}.tp-jobs .tp-button{flex-shrink:0}
.tp-empty{padding:45px 0}
@media(min-width:1600px){.toki-page .toki-catalog .product-image-button{max-height:300px}}
@media(max-width:1000px){
 .toki-page .toki-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tp-coffee-help{flex-wrap:wrap}.tp-coffee-help>div{flex-basis:100%}
 .tp-contact-grid{gap:5%;grid-template-columns:.75fr 1.2fr}.tp-contact-form{padding:25px}
 .tp-form-grid{grid-template-columns:1fr}.tp-full{grid-column:auto}
 .tp-process-layout{gap:5%}.tp-brew-guide{gap:7%;padding:35px}
}
@media(max-width:650px){
 .page-view.toki-page:not(#view-home):not(#view-admin){padding:0 22px 50px}
 .tp-crumb{padding-top:22px}.tp-intro{padding:32px 0 35px}
 .toki-page h1{font-size:36px;letter-spacing:-.7px}.toki-page .tp-lead{font-size:14px;margin-top:18px}
 .toki-page .tp-kicker{font-size:9px;margin-bottom:13px;letter-spacing:1.6px}
 .toki-page p{font-size:14px}
 .tp-panorama>img{height:230px}.tp-panorama figcaption{left:14px;bottom:14px;font-size:8px;padding:8px}
 .tp-editorial,.tp-story-pair,.tp-process-layout,.tp-brew-guide,.tp-community-feature,.tp-faq-layout,.tp-contact-grid,.tp-visit-steps{grid-template-columns:1fr;gap:26px}
 .tp-editorial{padding:36px 0}.tp-story-pair{gap:0}.tp-story-pair>img{min-height:0;height:280px}.tp-story-pair>div{padding:28px}
 .tp-endcap{padding:28px;margin-top:38px;display:block}.tp-endcap .tp-button{margin-top:24px}
 .tp-process-layout>figure{position:static}.tp-process-layout>figure>img{height:270px;aspect-ratio:auto}
 .tp-steps li:first-child{padding-top:24px}.tp-steps li{gap:10px}.tp-brew-guide{padding:28px;margin-top:35px}
 .tp-experiences>article{grid-template-columns:1fr;gap:24px;padding:32px 0}
 .tp-experiences>article:nth-child(even)>img{order:0}.tp-experiences>article>img{aspect-ratio:1.25}
 .tp-visit-note{padding:16px;gap:10px}.tp-visit-note p{font-size:12px}
 .tp-visit-steps{margin-top:10px;padding-top:30px}
 .tp-community-feature>img{aspect-ratio:1.2}
 .tp-principles{grid-template-columns:1fr;gap:26px;margin:35px 0;padding-top:30px}
 .tp-principles article{display:grid;grid-template-columns:40px 1fr;gap:3px 18px}
 .tp-principles article>.tp-icon{grid-row:span 2}.tp-principles h3{margin:0}.tp-principles p{grid-column:2}
 .tp-quote{padding:30px 16px;font-size:25px}
 .tp-shop-toolbar{gap:14px}.tp-shop-toolbar .filter-tabs{gap:4px}.tp-shop-toolbar .filter-tab-btn{padding:8px 11px;font-size:11px}.tp-search{width:100%}
 .toki-page .toki-catalog{gap:28px 17px}
 .toki-page .toki-catalog .product-title{font-size:20px}.toki-page .toki-catalog .product-label{font-size:11px}.toki-page .toki-catalog .price{font-size:23px}
 .tp-coffee-help{gap:14px;margin-top:35px}.tp-coffee-help .tp-button{width:100%}
 .tp-journal{grid-template-columns:1fr;gap:30px}.tp-journal article.tp-journal-feature{display:block}.tp-journal article>img,.tp-journal-feature>img{height:240px!important}
 .tp-faq-layout{gap:36px}.tp-faq-list summary{gap:12px}.tp-faq-list summary h2{font-size:15px}.tp-faq-list details>p{padding-left:30px;padding-right:10px}
 .tp-contact-grid aside>img{height:200px}.tp-contact-form{padding:24px 20px}.tp-form-grid{gap:18px}
 .tp-jobs>article{display:block}.tp-jobs .tp-button{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){.toki-page *{scroll-behavior:auto!important;transition:none!important}}