/* Real TOKI photographs, with the original paper and botanical artwork retained. */
.toki-surface .hero.has-photo{height:calc(420 * var(--u));background:#f5f0e5 url('../assets/paper.webp') repeat}
.toki-surface .hero.has-photo .hero-scene{inset:0 0 0 auto;width:65%;height:100%;object-fit:cover;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 27%);mask-image:linear-gradient(90deg,transparent,#000 27%)}
.toki-surface .hero.has-photo .hero-copy{background:transparent}
.toki-surface .hero.has-photo:after{content:'';position:absolute;left:-40px;bottom:0;width:150px;height:240px;background:url('../assets/story-botanical@2x.webp') left bottom/contain no-repeat;opacity:.28;pointer-events:none;z-index:-1}
.toki-surface .story-section{grid-template-columns:.95fr 1.05fr;align-items:center;min-height:460px}
.toki-surface .story-copy{padding-top:34px;padding-bottom:34px}
.toki-surface .story-landscape{min-height:460px;align-self:stretch;height:100%}
.toki-surface .story-landscape img{object-fit:cover;object-position:50% 38%}
.toki-surface .process-section{padding-top:42px;padding-bottom:42px}
.toki-surface .process-grid{margin:28px 0 0;gap:22px}
.toki-surface .process-grid li{padding:0;text-align:left}
.toki-surface .process-grid .process-icon{display:none}
.toki-surface .toki-step-photo{aspect-ratio:4/3;overflow:hidden;background:#e9e8d8 url('../assets/paper.webp') repeat;border-radius:2px}
.toki-surface .toki-step-photo img{width:100%;height:100%;object-fit:cover}
.toki-surface .toki-step-photo .toki-step-art{object-fit:contain;padding:30px}
.toki-surface .process-grid .step-number{top:9px;left:9px;transform:none;background:#fbf8f0ef;color:#a84e2e;padding:4px 7px;font:11px Georgia,serif;border-radius:2px;z-index:1}
.toki-surface .process-grid p{font-size:13px;line-height:1.7;margin-top:13px}
.toki-surface .process-grid li:not(:last-child):after{display:none}
.toki-surface .community-panel{display:flex;flex-direction:column;min-height:0}
.toki-surface .community-panel>img{position:relative;inset:auto;z-index:auto;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.toki-surface .community-panel:after{display:none}
.toki-surface .community-copy{padding:28px 35px 32px}
.toki-surface .community-copy p{font-size:13px;line-height:1.8;margin:14px 0}
.toki-surface .experiences-section{align-self:center}
.toki-surface .experience-photo{aspect-ratio:1.45}
.toki-surface .experience-photo img{width:100%;height:100%;object-fit:cover}
.tp-panorama>img[data-toki-photo]{height:auto;max-height:none;aspect-ratio:16/9;object-fit:cover}
.tp-story-pair>img[data-toki-photo]{height:auto;min-height:0;object-fit:contain;align-self:center}
.tp-community-feature>img[data-toki-photo]{aspect-ratio:3/2;object-fit:contain}
.tp-experiences>article>img[data-toki-photo="coffee-learning"]{aspect-ratio:16/9;object-fit:contain}
.tp-steps .tp-step-image{width:100%;height:200px;object-fit:cover;margin:0 0 16px;border-radius:3px}
.tp-steps .tp-step-illustration{width:100%;height:150px;background:#e9e8d8 url('../assets/paper.webp') repeat;display:grid;place-items:center;margin-bottom:16px;border-radius:3px}
.tp-steps .tp-step-illustration img{width:70px;height:70px;margin:0}
.toki-photo-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start}
.toki-photo-gallery img{height:auto!important;object-fit:contain}
@media(max-width:1000px) and (min-width:851px){.toki-surface .process-grid{gap:14px}.toki-surface .process-grid p{font-size:11px}.toki-surface .story-landscape{min-height:400px}}
@media(max-width:850px){
 .toki-surface .hero.has-photo{height:760px}
 .toki-surface .hero.has-photo .hero-scene{inset:auto 0 0;width:100%;height:320px;object-fit:cover;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%);mask-image:linear-gradient(to bottom,transparent,#000 15%)}
 .toki-surface .hero.has-photo:after{display:none}
 .toki-surface .story-landscape{height:auto;min-height:0}
 .toki-surface .story-landscape img{height:auto;width:100%;aspect-ratio:4/3;object-fit:cover}
 .toki-surface .story-copy{padding-top:25px;padding-bottom:30px}
 .toki-surface .process-grid{margin:25px 0 0;gap:20px}
 .toki-surface .process-grid p{font-size:12px}
 .toki-surface .community-copy{padding:26px}
 .toki-surface .community-panel>img{aspect-ratio:3/2}
 .toki-surface .experience-photo{aspect-ratio:1.45}
}
@media(max-width:650px){
 .toki-surface .hero.has-photo{height:760px}
 .toki-surface .hero.has-photo .hero-scene{height:300px}
 .toki-surface .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .toki-surface .toki-step-photo .toki-step-art{padding:28px}
 .tp-steps .tp-step-image{height:auto;max-height:320px;aspect-ratio:4/3;object-fit:cover}
 .tp-story-pair>img[data-toki-photo]{height:auto;min-height:0}
 .tp-panorama>img[data-toki-photo]{height:auto;aspect-ratio:4/3;object-position:65% 55%!important}
 .tp-panorama figcaption{position:static;background:#e8e9dc}
 .tp-experiences>article>img[data-toki-photo]{aspect-ratio:4/3}
 .tp-experiences>article>img[data-toki-photo="coffee-learning"]{aspect-ratio:16/9}
}

/* Verified package photographs: preserve every edge and the original label. */
.toki-surface #product-grid,.toki-surface .product-grid.toki-catalog{grid-template-columns:repeat(var(--toki-product-columns,3),minmax(0,1fr))}
.toki-surface .has-real-photo .product-image-button{aspect-ratio:4/5;background:#eae4d7}
.toki-surface .has-real-photo .product-image-button img{width:100%;height:100%;object-fit:contain}
.toki-surface .product-inquiry-price{font-size:19px;line-height:1.45}
.toki-surface .has-real-product-photo>a{display:block}
.toki-surface .has-real-product-photo img{display:block;width:100%;height:560px;max-height:65vh;object-fit:contain;background:#eae4d7}
.toki-surface .product-facts{margin:22px 0}
.toki-surface .product-facts>div{display:flex;gap:20px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #d5d8c7}
.toki-surface .product-facts dt{color:#647266;flex-shrink:0}
.toki-surface .product-facts dd{margin:0;text-align:right}
.toki-surface .product-order-status{font-size:13px;color:#647266;margin-top:12px}
.toki-surface .cart-unavailable{color:#a84e2e;font-size:13px}
@media(max-width:650px){
 .toki-surface #product-grid,.toki-surface .product-grid.toki-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
 .toki-surface .product-inquiry-price{font-size:16px}
 .toki-surface .has-real-product-photo img{height:420px;max-height:55vh}
 .toki-surface .product-facts>div{gap:12px;font-size:14px}
}

.toki-surface .has-real-photo h3{min-height:2.6em}
.toki-surface .has-real-photo .product-title{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.25}
.toki-surface .product-card .price.product-inquiry-price{font-family:var(--sans);font-size:17px;line-height:1.5}
.toki-surface .has-real-photo .product-bottom{gap:8px}
.toki-surface .cart-line>img[data-toki-photo]{object-fit:contain}
@media(max-width:650px){.toki-surface .product-card .price.product-inquiry-price{font-size:14px}}