.kaf{--coral:#ff796b;--yellow:#ffe277;--blue:#3659df;--radius:20px}.kaf .hero{padding:45px 0 60px;gap:60px}.kaf .hero h1{font-size:clamp(56px,6.2vw,88px)}.kaf .hero-gallery{position:relative;min-width:0;height:510px}.hero-photo{height:100%;margin:0;overflow:hidden;border-radius:var(--radius);position:relative}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#071e25bd)}.hero-photo figcaption{position:absolute;bottom:30px;right:30px;color:white;font:600 30px var(--serif);z-index:1}.hero-inset{position:absolute;left:-25px;top:30px;width:165px;transform:rotate(-7deg);margin:0;padding:10px;background:var(--coral);box-shadow:0 12px 25px #0002}.hero-inset img{width:100%;height:170px;object-fit:cover}.hero-inset figcaption{padding:12px 5px 3px;color:#102629;font:600 22px var(--serif)}.hero-seal{position:absolute;bottom:80px;right:-32px;border-radius:50%;width:120px;height:120px;background:var(--yellow);color:#102629;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 39px var(--serif);transform:rotate(10deg)}.hero-seal small{font:12px var(--sans)}.kaf .primary{border-radius:8px}.kaf .hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.kaf .hero .secondary{margin:0}.hero-note span{padding:0 16px;color:var(--coral)}.color-ribbon{display:flex;justify-content:space-around;gap:20px;background:#00d4df;color:#102629;padding:20px;font:600 24px var(--serif);border-radius:12px}.category-section{padding:65px 0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-tile{position:relative;display:block;overflow:hidden;border-radius:var(--radius);background:var(--soft);transition:transform .2s}.category-tile:hover{transform:translateY(-4px)}.category-tile img{width:100%;height:220px;object-fit:cover;display:block}.category-info{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;color:#102629;background:#baf4ef}.category-info h3{font:600 30px var(--serif);margin:0}.category-info p{font-size:12px;margin:5px 0 0}.category-info>span{font-size:25px}.category-tile:nth-child(3n+2) .category-info{background:#ffd2c5}.category-tile:nth-child(3n) .category-info{background:#ffe9a0}.kaf .search-panel{border-radius:12px;background:var(--soft)}.kaf .community-grid>a:nth-child(1){background:#fff0c6}.kaf .community-grid>a:nth-child(2){background:#d8f6f2}.kaf .community-grid>a:nth-child(3){background:#ffdcd1}.kaf .community-grid>a{border-radius:12px;color:#102629}.kaf .community-grid span{color:#465958}.kaf .chip{display:block;border-radius:6px}.kaf .text-link{border-bottom:1px solid currentColor;font-size:13px;padding:8px 0}.kaf .empty{border-radius:12px;background:var(--soft)}.breadcrumbs{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:12px;padding:25px 0}.breadcrumbs a{color:var(--accent)}.category-banner{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);border-radius:var(--radius);overflow:hidden;min-height:330px;margin-bottom:30px}.category-banner>div{padding:50px}.category-banner h1{font:600 64px var(--serif);margin:0 0 15px}.category-banner p{line-height:2;font-size:14px}.category-banner img{width:100%;height:330px;object-fit:cover}.product-page{padding:35px 0}.product-page .detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.product-page .cover{width:100%;max-width:420px;min-height:460px;margin:auto}.product-page .cover img{object-fit:contain;height:460px;width:100%}.product-page h1{font:600 54px var(--serif);line-height:1.5;margin:10px 0}.product-page p{line-height:2}.product-page .product-price{font-size:24px}.product-page .form-actions{margin:25px 0;display:flex;gap:20px;flex-wrap:wrap}.product-page .review-section{max-width:750px;margin:60px auto 0;border-top:1px solid var(--line);padding-top:30px}.product-state{padding:70px 25px;text-align:center;border:1px dashed var(--line);background:var(--soft);border-radius:16px}.product-state h1{font-size:40px}.product-page label{display:block;margin:15px 0}.product-page input,.product-page textarea,.product-page select{width:100%;padding:12px;background:var(--paper);color:var(--ink);border:1px solid var(--line)}
/* Each direction changes composition as well as color. */
.kaf.theme-paper{--paper:#fff9ee;--soft:#f0eadb;--ink:#302c25;--accent:#007d83;--line:#d8cdb7;--muted:#6b6254;--radius:3px;background:var(--paper)}.theme-paper .hero{grid-template-columns:1fr 1.15fr}.theme-paper .hero-copy{order:2}.theme-paper .hero-gallery{order:1;height:550px}.theme-paper .hero h1{font-size:80px}.theme-paper .hero-inset{left:auto;right:25px;top:auto;bottom:30px;transform:rotate(6deg);background:#ffe277}.theme-paper .hero-seal{right:auto;left:-25px;bottom:auto;top:30px;background:#00d4df}.theme-paper .color-ribbon{background:#e2b45b;border-radius:0;font-size:22px}.theme-paper .category-grid{grid-template-columns:repeat(3,1fr);gap:30px}.theme-paper .category-tile{background:transparent;border-bottom:1px solid var(--line)}.theme-paper .category-info{background:transparent!important;padding:22px 0}.theme-paper .category-tile img{height:250px;border-radius:50% 50% 0 0}.theme-paper .announcement{background:#00d4df}.theme-paper .primary{background:#007d83;border-color:#007d83;border-radius:0}.theme-paper .quote{background:#ffebc4}.theme-paper .community-grid>a{border-radius:0;border-top-color:#d19c3d}
.kaf.theme-night{--paper:#102b33;--soft:#173a43;--ink:#f1f7f3;--muted:#b8d4d5;--line:#365961;--accent:#00d4df;--radius:20px;background:var(--paper);color:var(--ink)}.theme-night .hero{grid-template-columns:1fr;padding-bottom:40px;position:relative;min-height:610px}.theme-night .hero-copy{z-index:2;width:60%;padding:45px}.theme-night .hero h1 em{color:#00d4df}.theme-night .hero-gallery{position:absolute;inset:20px 0;height:calc(100% - 40px)}.theme-night .hero-photo:after{inset:0;background:linear-gradient(270deg,#071e25f5 0%,#071e25c4 42%,#071e250a 100%)}.theme-night .hero-inset{display:none}.theme-night .hero-photo figcaption{right:auto;left:35px;bottom:35px}.theme-night .hero-seal{right:auto;left:35px;bottom:auto;top:35px;background:#d6f784}.theme-night .primary{background:#00d4df;border-color:#00d4df;color:#102629}.theme-night .logo,.theme-night .nav a,.theme-night .navtools button{color:var(--ink)}.theme-night .hero-note{color:#c8dddb}.theme-night .color-ribbon{background:#d6f784;font-size:22px}.theme-night .category-grid{grid-template-columns:repeat(3,1fr)}.theme-night .category-tile img{height:270px}.theme-night .reading{background:#0c222a}.theme-night .search-panel input,.theme-night select{background:#102b33;color:var(--ink);border-color:var(--line)}.theme-night .chip.active{background:#00d4df;color:#102629}.theme-night .quote h2,.theme-night .heading h2{color:var(--ink)}.theme-night .policies{color:var(--ink)}.theme-night dialog{background:#fff;color:#102629}.theme-night dialog .button{background:#102629;color:white}.theme-night .button{background:#00d4df;color:#102629}.theme-night .book-card{color:var(--ink)}
@media(max-width:800px){.kaf .hero,.theme-paper .hero{grid-template-columns:1fr;gap:30px}.kaf .hero-gallery{height:400px;margin-inline:10px}.theme-paper .hero-copy{order:0}.theme-paper .hero-gallery{order:1}.kaf .hero h1,.theme-paper .hero h1{font-size:62px}.hero-inset{width:125px;left:-10px}.hero-inset img{height:130px}.hero-seal{width:90px;height:90px;right:-10px;font-size:30px}.category-grid,.theme-paper .category-grid,.theme-night .category-grid{grid-template-columns:repeat(2,1fr);gap:15px}.category-tile img,.theme-paper .category-tile img,.theme-night .category-tile img{height:185px}.category-info{padding:17px}.category-info h3{font-size:25px}.color-ribbon{font-size:18px!important;flex-wrap:wrap;padding:14px;gap:10px}.color-ribbon span:nth-child(n+5){display:none}.category-banner{grid-template-columns:1fr}.category-banner>div{padding:30px}.category-banner h1{font-size:48px}.category-banner img{height:230px}.product-page .detail-layout{grid-template-columns:1fr;gap:35px}.product-page h1{font-size:40px}.theme-night .hero{min-height:600px}.theme-night .hero-copy{width:100%;padding:35px 22px 120px}.theme-night .hero-gallery{position:absolute;height:calc(100% - 40px);margin:0}.theme-night .hero-photo:after{background:linear-gradient(180deg,#071e25ed,#071e25d0 50%,#071e2530)}.theme-night .hero-seal{top:auto;bottom:30px;left:20px}.theme-night .hero-photo figcaption{font-size:23px;left:auto;right:20px;bottom:40px}.category-section{padding:45px 0}}
@media(max-width:420px){.category-grid,.theme-paper .category-grid,.theme-night .category-grid{grid-template-columns:1fr}.category-tile img,.theme-paper .category-tile img,.theme-night .category-tile img{height:225px}.kaf .hero h1,.theme-paper .hero h1{font-size:55px}.kaf .hero-gallery{height:355px}.theme-night .hero-gallery{height:calc(100% - 40px)}.hero-inset{width:105px}.hero-inset img{height:110px}.hero-inset figcaption{font-size:18px}}