/* Keepzi — tenb4-inspired neutral glass visual layer. Original book animation. */
:root{
 --ink:#403d39;--muted:#77716e;--line:#d9d3cd;--paper:#f9f7f3;
 --cream:#fcfaf7;--accent:#b49384;--deep:#595750;--soft:#e9e3db;--glass:rgba(255,255,255,.65);
 --shadow:0 22px 70px rgba(80,72,64,.11),inset 0 1px 2px rgba(255,255,255,.83);
}
html,body{min-height:100%;scroll-behavior:smooth}
body{background:
 radial-gradient(ellipse 48% 40% at 92% 12%,#d4ddd695,transparent 89%),
 radial-gradient(ellipse 54% 52% at 3% 80%,#e7d2c994,transparent 85%),
 radial-gradient(ellipse 39% 39% at 78% 90%,#ece3cf9c,transparent 95%),
 linear-gradient(133deg,#fdfcfa 3%,#f8f5f2 49%,#eeece9 100%);
 background-attachment:fixed;color:var(--ink);
}
body:before{content:"";pointer-events:none;position:fixed;inset:auto -15% -24% auto;width:45vw;height:45vw;border-radius:100%;background:radial-gradient(circle,#e7e5df,transparent 71%);z-index:-1}
.announcement{display:none}
.site-header{background:transparent;position:relative;border:0;height:85px;backdrop-filter:none}
.nav-bar{border-bottom:1px solid rgba(165,151,141,.22)}
.wordmark{gap:10px;white-space:nowrap}
.wordmark-emblem{border:0;border-radius:0;width:31px;height:33px}
.wordmark-text{font:500 29px/1 "Playfair Display",serif;letter-spacing:-.071em}
.wordmark-text i{font-weight:500}
.wordmark-star{position:relative;top:-10px;left:1px;font:19px/1 var(--serif);color:#bd9f95}
.wordmark-text small{font:600 7px/1.7 "DM Sans",sans-serif;letter-spacing:.15em;color:#9b8e87;margin-top:4px}
.small-book-icon{position:relative;display:flex;width:30px;height:27px;filter:drop-shadow(0 3px 3px #aa94836b);transform:rotate(-6deg)}
.small-book-icon i{display:block;position:absolute;bottom:0;width:48%;height:24px;border:1.5px solid #8d7569;background:linear-gradient(135deg,#fff,#e9e4d9);box-shadow:inset 0 0 2px #cdbbb0}
.small-book-icon i:first-child{left:2%;border-radius:2px 0 0 4px;transform:skewY(9deg)}
.small-book-icon i:last-child{right:2%;border-radius:0 2px 4px 0;transform:skewY(-9deg)}
.small-book-icon:after{content:"";width:1px;background:#a38b81;position:absolute;left:50%;top:4px;bottom:0}
.desktop-links{gap:20px}
.desktop-links a{font-weight:600;color:#867e79}
.nav-cta,.btn{border-radius:999px;font-size:12px;letter-spacing:0}
.nav-cta{background:linear-gradient(135deg,#ffffffcb,#ffffff69);border:1px solid #ffffffed;box-shadow:inset 0 1px 2px white,0 5px 18px #85756b16;padding:14px 19px}
.nav-cta:hover{background:#666057}
.btn-primary{background:linear-gradient(118deg,#55534d,#656159 52%,#4e4c47);border:1px solid #fffcf9c7;box-shadow:inset 0 1px 2px #ffffff56,0 9px 27px #69615832}
.btn-outline,.btn-light{border:1px solid #fffdf6d4;background:linear-gradient(118deg,#fffcfad6,#ffffff55);box-shadow:0 6px 20px #5c544b18,inset 0 1px 1px white;color:#504a45}
.text-link{border-bottom:1px solid #8c8079}
.eyebrow,.eyebrow.dark{color:#a38c80}
.eyebrow-line{background:#ae9084}
.hero{min-height:calc(100dvh - 86px);max-height:820px;grid-template-columns:1.03fr .97fr;gap:0;padding-top:45px;padding-bottom:45px}
.hero-copy{max-width:660px}
.hero-copy h1{font-weight:440;font-size:clamp(58px,5.4vw,82px);line-height:1.078;letter-spacing:-.073em;margin:21px 0 25px}
.hero-copy h1 em{font-style:normal;color:#aa8e83}
.hero-subtitle{font:500 clamp(18px,2vw,22px)/1.42 var(--serif);margin-bottom:13px;max-width:560px}
.hero-description{max-width:480px;font-size:14px;color:#796f6d;line-height:1.8}
.hero-actions{gap:17px}
.hero-actions .btn{min-width:205px}
.hero-meta{margin-top:40px;font-size:11px}
.hero-meta .badge-round{color:#aa9081;background:#fffdf79c}
.hero-art{height:530px;min-width:0;width:100%;position:relative;isolation:isolate;margin:0}
.book-halo{position:absolute;left:4%;right:-3%;top:2%;bottom:4%;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fffcf7cc,#e9e4e8a5 38%,#cfded58a 59%,#f0e9e55a 74%,transparent 77%);border:1px solid #ffffff77;filter:drop-shadow(0 0 26px #d1c3b1ae)}
.book-orbit{position:absolute;left:0;top:12%;width:102%;height:76%;border:1.5px solid #ffffffa8;border-radius:50%;transform:rotate(-21deg);z-index:-1}
.orbit-two{transform:rotate(28deg);border-color:#d8cfc4a6}
.book-sparkle{position:absolute;z-index:5;color:#c9aaa0;filter:drop-shadow(0 1px 6px #fff);font:38px/1 var(--serif);animation:sparkle-glow 7.5s ease-in-out infinite}
.sparkle-one{top:5%;right:13%}
.sparkle-two{bottom:12%;left:2%;font-size:20px;animation-delay:-2s}
.book-bob{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;animation:book-hover 6.6s ease-in-out infinite}
.book-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:1500px}
.book-cast-shadow{position:absolute;width:68%;height:16%;border-radius:50%;bottom:8%;left:16%;background:radial-gradient(ellipse,#59545253,transparent 70%);filter:blur(17px);transform:rotate(-7deg)}
.flipbook{--pagew:225px;position:relative;width:calc(var(--pagew)*2);height:315px;perspective:1600px;transform-style:preserve-3d;transform:rotate(-8deg) rotateX(8deg) rotateY(-3deg);filter:drop-shadow(15px 18px 13px #3d30272e)}
.book-static,.book-leaf{position:absolute;top:0;height:100%;width:50%;background:#f7f0e9}
.book-static{border:1px solid #b4aa9e;overflow:hidden}
.left-page{left:0;border-radius:3px 0 0 3px;box-shadow:inset 8px 0 10px #3a302e16,inset -4px 0 12px #71686024}
.right-page{left:50%;border-radius:0 3px 3px 0;box-shadow:inset 9px 0 12px #80766c25}
.book-spine{position:absolute;left:49.6%;top:0;bottom:0;width:5px;background:linear-gradient(90deg,#9b8e817f,#fff9eeae,#a2968973);z-index:3;pointer-events:none}
.static-inner{height:100%;padding:19px 18px;position:relative}
.book-legend{font:700 7px/1.5 var(--sans);letter-spacing:.15em;color:#a18b7e;display:block}
.static-inner img{width:100%;height:66%;object-fit:cover;object-position:center 35%;margin-top:12px}
.static-inner>p{font:400 22px/1.13 var(--serif);margin:9px 0 0}
.static-inner>p em{color:#a67c6d}
.static-inner>small{font:600 7px/1.5 var(--sans);letter-spacing:.12em;color:#98897d}
.right-page .static-inner{background:#f1e9dd}
.right-page h4{font:600 26px/1.15 var(--serif);letter-spacing:-.04em;margin:32px 0 17px}
.right-page p.book-quote{font:italic 16px/1.4 var(--fashion);color:#625d56}
.book-rule{height:1px;background:#c8b5a1;width:40%;margin-top:20px}
.right-page small{position:absolute;bottom:21px;left:19px}
.book-leaf{left:50%;transform-origin:left center;transform-style:preserve-3d;border-radius:0 3px 3px 0;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:14s}
.leaf-one{z-index:7;animation-name:flip-cover}
.leaf-two{z-index:6;animation-name:flip-page-two}
.leaf-three{z-index:5;animation-name:flip-page-three}
.book-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border:1px solid #c2b8ad;background:#fbf7f2;box-shadow:inset 2px 0 10px #47382e2b,3px 4px 8px #4a383021}
.leaf-back{transform:rotateY(180deg);border-radius:3px 0 0 3px;box-shadow:inset -4px 0 12px #31292026,-2px 3px 7px #4a383017}
.leaf-front{border-radius:0 3px 3px 0}
.book-cover-front img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 27%}
.cover-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#3320196d,transparent 41%,#291915ad)}
.cover-type{position:absolute;inset:0;display:flex;flex-direction:column;color:#fffbf1;padding:17px 14px 15px}
.cover-type small{font:600 7px/1.3 var(--sans);letter-spacing:.12em}
.cover-type strong{font:700 43px/.91 var(--fashion);white-space:nowrap;letter-spacing:-.075em;margin-top:11px}
.cover-type strong em{font-weight:400}
.cover-type span{font:700 7px/1.6 var(--sans);letter-spacing:.15em;margin-top:12px}
.cover-type h4{font:500 36px/1.03 var(--serif);margin:auto 0 20px;letter-spacing:-.06em}
.cover-type small.cover-bottom{font-size:6px;letter-spacing:.13em}
.editorial-page{padding:17px 14px;display:flex;flex-direction:column;background:#f7f1e9}
.editorial-page img{display:block;width:100%;height:62%;object-fit:cover;margin:10px 0 10px}
.editorial-page h4{font:500 24px/1 var(--serif);margin:0 0 12px}
.editorial-page small{margin-top:auto;font:700 7px/1.3 var(--sans);letter-spacing:.1em;color:#857c6f}
.editorial-back{padding:20px 16px;background:#f5e8db}
.editorial-back h4{font:500 25px/1.19 var(--serif);margin:37px 0 12px;letter-spacing:-.04em}
.editorial-back h4 em{color:#ad8270}
.editorial-back p{font:12px/1.6 var(--sans);color:#75675e}
.editorial-back small{font:700 7px var(--sans);letter-spacing:.12em;color:#967e71}
.book-float-caption{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);font:700 9px var(--sans);letter-spacing:.2em;color:#99877e;white-space:nowrap}
@keyframes book-hover{0%,100%{transform:translateY(8px) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@keyframes sparkle-glow{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:.95;transform:scale(1.17)}}
@keyframes flip-cover{0%,12%{transform:rotateY(0deg)}27%,75%{transform:rotateY(-178deg)}91%,100%{transform:rotateY(0deg)}}
@keyframes flip-page-two{0%,29%{transform:rotateY(0deg)}46%,72%{transform:rotateY(-178deg)}88%,100%{transform:rotateY(0deg)}}
@keyframes flip-page-three{0%,47%{transform:rotateY(0deg)}63%,69%{transform:rotateY(-178deg)}83%,100%{transform:rotateY(0deg)}}
.ticker{background:#ede8e1ae;border-color:#e6dcd6}
.section,.bulk-section{position:relative}
.occasion-card{border:1px solid #fffcfae8;border-radius:20px;box-shadow:0 10px 32px #5f57492b}
.occasion-card:before{background:linear-gradient(180deg,transparent 38%,#201b19c8)}
.feature-band{background:linear-gradient(136deg,#ecece5e6,#e7e0d8e0);color:var(--ink);border-top:1px solid white;border-bottom:1px solid white}
.feature-band .section-top h2 em{color:#ab9080}
.feature-band .section-top>p,.feature-band .eyebrow{color:#91877e}
.style-feature-preview{background:radial-gradient(ellipse 70% 60% at 57% 43%,#ded3cb,#e6e7e0);border:1px solid #ffffffdc;border-radius:28px;box-shadow:var(--shadow)}
.style-feature-preview:before{border-color:#fffaf0}
.style-feature-preview:after{color:#8c8177}
.style-menu-intro,.style-option{border-color:#cbbfb6}
.style-option{color:var(--ink)}
.style-option small{color:var(--muted)}
.style-num{color:#947e6e}
.feature-band .fine-print{color:#887c70}
.bulk-section{background:linear-gradient(145deg,#e9e4e0d9,#ebe5dcd9);border-top:1px solid white}
.bulk-chips span{background:#ffffff72;border-color:#ffffffc9}
.step{border-color:#cfc6c0}
.step-index,.step-art{color:#b39689}
.style-layout .btn-light{background:#ffffffc9}
.builder,.proof{background:transparent}
.wizard-stage,.proof-controls{border-radius:23px}
.pick-card,.input-large,.input-story,.upload-box,.proof-controls,.proof-visual{border:1px solid #fffdf8d9;background:linear-gradient(137deg,#fffefaec,#ffffff98);box-shadow:0 8px 35px #84746b17,inset 0 1px 2px #fff;border-radius:15px}
.pick-card.selected{border:2px solid #aa9785;background:#f0e8dfc7}
.pick-card .pick-glyph,.stage-eyebrow{color:#ae9184}
.pick-card:hover{transform:translateY(-2px)}
.progress-fill{background:linear-gradient(90deg,#d0bbb1,#88796f)}
.progress-track{background:#e9e1dc}
.proof-controls select,.proof-controls input[type=text]{border-radius:9px}
.proof-visual{background:linear-gradient(135deg,#dfded8b5,#efe3dba8)}
.proof-spreads article{border-radius:12px}
.quote-panel{background:#eae1d9;border-radius:14px}
.footer{background:#5c5c54;color:#efede8}
.footer-logo,.footer-logo i{font-family:var(--serif);text-transform:lowercase;letter-spacing:-.06em}
.footer-grid span:not(.footer-flourish span){color:#e5cfc0}
.footer-flourish{font-size:90px;opacity:.5}
.notice{border-radius:9px}
/* Mode selection and pairing controls, inherit the one-page-at-a-time progression. */
.format-picks{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.format-picks button{border:1px solid #ffffffea;background:#ffffffc9;box-shadow:var(--shadow);border-radius:22px;min-height:190px;padding:24px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;color:var(--ink);text-align:left}
.format-picks button[aria-pressed="true"]{border:2px solid #a7897a;background:#f7ebe5}
.format-picks b{font:500 26px/1.2 var(--serif)}
.format-picks span{font-size:12px;color:var(--muted)}
.format-picks .format-icon{font:45px/1 var(--serif);color:#b49d92}
.pairing-layout{display:grid;grid-template-columns:155px 1fr;gap:21px;align-items:start}
.pairing-layout img{height:180px;width:100%;object-fit:cover;border-radius:10px}
.pairing-layout textarea{min-height:130px}
.pair-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:12px;color:var(--muted)}
.pair-navigation button{padding:9px 13px;background:#ffffffac;border:1px solid #ffffffea;border-radius:99px;color:var(--ink)}
.pair-navigation button:disabled{opacity:.4;cursor:not-allowed}
.story-mode-note{padding:10px 12px;background:#f9f2ec;border:1px solid #e4d9d1;border-radius:9px;font-size:12px;color:#806a5f}
@media(max-width:1000px){.hero{grid-template-columns:1fr .95fr}.hero-copy h1{font-size:clamp(57px,6.5vw,74px)}.flipbook{--pagew:170px;height:265px}}
@media(max-width:800px){.site-header{height:74px}.hero{display:grid;grid-template-columns:1fr;max-height:none;padding-top:50px;padding-bottom:65px;min-height:0}.hero-copy{max-width:720px}.hero-art{height:465px;margin:6px auto 0;max-width:680px}.flipbook{--pagew:202px;height:285px}.desktop-links{display:none}}
@media(max-width:540px){
 .site-header{height:67px}.nav-bar{height:100%}
 .wordmark-text{font-size:26px}
 .wordmark-emblem{width:24px;height:26px}.small-book-icon{transform:scale(.8) rotate(-6deg);transform-origin:left center}
 .wordmark-text small{font-size:6px}
 .nav-cta{font-size:11px;padding:11px 13px}
 .hero{padding-top:41px;padding-bottom:55px}
 .hero-copy h1{font-size:clamp(43px,11.1vw,58px);line-height:1.08;max-width:390px;margin:20px 0 21px}
 .hero-subtitle{font-size:18px}
 .hero-description{font-size:14px;line-height:1.75;margin-bottom:27px}
 .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
 .hero-actions .btn{width:100%;justify-content:space-between;padding:16px 22px}
 .hero-actions .text-link{width:max-content;margin:0 auto;font-size:12px}
 .hero-meta{margin-top:25px}
 .hero-art{height:325px;margin-top:10px;width:100%}
 .book-halo{left:4%;right:4%;top:-4%;bottom:-2%}
 .book-orbit{left:5%;width:90%}
 .flipbook{--pagew:137px;height:195px;transform:rotate(-7deg) rotateX(7deg)}
 .book-cast-shadow{bottom:6%}
 .static-inner{padding:9px}.static-inner img{margin-top:6px}
 .book-legend{font-size:5px}.static-inner>p{font-size:16px;margin-top:5px}.static-inner>small{font-size:5px}
 .right-page .static-inner h4{font-size:18px;margin:20px 0 12px}.right-page p.book-quote{font-size:13px}
 .book-cover-front .cover-type{padding:10px}
 .cover-type small{font-size:5px}.cover-type strong{font-size:28px;margin-top:8px}
 .cover-type span{font-size:5px;margin-top:7px}
 .cover-type h4{font-size:25px;margin-bottom:12px}
 .cover-type small.cover-bottom{font-size:4px}
 .editorial-page{padding:10px}.editorial-page img{margin:7px 0}
 .editorial-page h4{font-size:17px}.editorial-page small{font-size:5px}
 .editorial-back{padding:11px}.editorial-back h4{font-size:17px;margin:20px 0 8px}.editorial-back p{font-size:8px}
 .book-float-caption{font-size:7px;bottom:1%}
 .book-sparkle{font-size:23px}.sparkle-two{font-size:14px}
 .section{padding-top:73px;padding-bottom:73px}
 .format-picks{gap:9px}.format-picks button{min-height:170px;padding:15px}.format-picks b{font-size:19px}.format-picks span{font-size:11px}
 .format-picks .format-icon{font-size:30px}
 .pairing-layout{grid-template-columns:95px 1fr;gap:12px}.pairing-layout img{height:115px}
 .pairing-layout textarea{min-height:115px}
 .feature-band{padding:72px 0}
 .style-feature-preview{height:425px}
 .wordmark-star{font-size:16px;top:-8px}
}
@media(prefers-reduced-motion:reduce){
 .book-bob,.book-sparkle,.book-leaf{animation:none!important}
 .book-leaf{transform:rotateY(0deg)!important}
 .book-stage .leaf-one{transform:rotateY(-161deg)!important}
 .book-stage .leaf-two{transform:rotateY(-145deg)!important}
 .book-stage .leaf-three{transform:rotateY(-118deg)!important}
 .hero-art{animation:none!important}
}

/* Mobile overflow and copy overlap checks */
html,body{overflow-x:clip}
.feature-band .fine-print{position:relative;display:block;clear:both;margin-top:78px;line-height:1.7}
@media(max-width:540px){.feature-band .fine-print{margin-top:66px}}

/* Coffee-table books are not magazine-masthead clones. */
.coffee-book-cover{position:relative;width:75%;max-width:430px;aspect-ratio:.85;display:block;background:#e9e5dd;border:10px solid #e8e2d8;box-shadow:5px 9px 0 #9b8c7e,11px 17px 28px #3c352d64;overflow:hidden;isolation:isolate}
.coffee-book-cover .coffee-spine{position:absolute;left:0;top:0;bottom:0;width:12px;background:linear-gradient(90deg,#0000004a,#ffffff2d,#00000011);z-index:4}
.coffee-book-cover .coffee-cover-photo,.coffee-book-cover .coffee-cover-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.coffee-book-cover .coffee-cover-photo img{object-position:50% 35%}
.coffee-book-cover .coffee-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,#00000078,#00000004 52%,#000000b4)}
.coffee-book-cover .coffee-cover-content{position:absolute;inset:0;padding:8% 8% 7% 10%;display:flex;flex-direction:column;z-index:2;color:white}
.coffee-book-cover .coffee-overline{font:600 9px/1.2 var(--sans);letter-spacing:.2em}
.coffee-book-cover h3{font:500 clamp(36px,4vw,61px)/.99 var(--serif);letter-spacing:-.06em;margin:auto 0 18px;max-width:100%;overflow-wrap:anywhere;text-transform:none}
.coffee-book-cover .coffee-bottom{display:flex;justify-content:space-between;align-items:end;gap:10px;border-top:1px solid #ffffff99;padding-top:12px;text-transform:uppercase;font:700 8px/1.5 var(--sans);letter-spacing:.1em}
.coffee-book-cover .coffee-bottom small{font:inherit;white-space:nowrap}
.coffee-book-cover.atlas{border-color:#4e5e5c}
.coffee-book-cover.chronicle{border-color:#b6aaa0}
.coffee-book-cover.spotlight{border-color:#b88c70}
.coffee-book-cover.home{border-color:#e1dfd1}
@media(max-width:540px){.proof-visual .coffee-book-cover{width:90%}.coffee-book-cover h3{font-size:clamp(36px,10vw,52px)}.coffee-book-cover .coffee-overline{font-size:7px}}

/* Coffee-table book editorial feature — same Keepzi visual system */
.coffee-feature{padding-top:28px;padding-bottom:94px}
.coffee-panel{
 display:grid;grid-template-columns:.93fr 1fr;gap:clamp(32px,5vw,78px);
 align-items:center;min-height:545px;
 border:1px solid rgba(255,255,255,.94);border-radius:31px;
 background:linear-gradient(127deg,rgba(225,227,218,.7),rgba(244,235,226,.85));
 box-shadow:0 19px 60px rgba(88,78,67,.08),inset 0 1px 1px #fff;
 padding:clamp(25px,4.5vw,55px);overflow:hidden;
}
.coffee-visual{
 height:425px;position:relative;display:flex;align-items:center;justify-content:center;
 border-radius:24px;background:radial-gradient(ellipse at center,#ffffff8a,#e6e3d9 72%,transparent);
}
.coffee-visual:before,.coffee-visual:after{
 content:"";position:absolute;pointer-events:none;border-radius:50%;
 border:1px solid #ffffffb4;width:94%;height:72%;transform:rotate(-24deg);
}
.coffee-visual:after{transform:rotate(19deg);width:84%;height:81%;border-color:#e8d2c5}
.coffee-visual .coffee-book-cover{
 width:75%;max-width:320px;z-index:2;transform:rotate(-5deg);
 transition:transform .35s ease;
 box-shadow:5px 9px 0 #9b8c7e,12px 25px 35px rgba(60,46,37,.32);
}
.coffee-visual:hover .coffee-book-cover{transform:translateY(-7px) rotate(-3deg)}
.coffee-copy .eyebrow{margin-bottom:17px}
.coffee-copy h2{font:500 clamp(42px,4.6vw,66px)/1.06 var(--serif);letter-spacing:-.05em;margin:0 0 25px}
.coffee-copy h2 em{font-weight:400;color:#a98d7e}
.coffee-copy p{max-width:445px;font-size:14px;line-height:1.85;color:#716b65;margin-bottom:25px}
.coffee-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.coffee-tags span{font:600 11px/1.2 var(--sans);color:#72675d;
 display:inline-flex;align-items:center;padding:10px 13px;
 border:1px solid rgba(255,255,255,.97);background:#fffdf6a5;border-radius:999px}
.coffee-copy small{display:block;margin-top:16px;max-width:440px;color:#8a8179;font-size:11px;line-height:1.65}
@media(max-width:800px){
 .coffee-panel{grid-template-columns:1fr;gap:34px}
 .coffee-visual{height:360px}
 .coffee-visual .coffee-book-cover{max-width:260px}
}
@media(max-width:540px){
 .coffee-feature{padding-top:15px;padding-bottom:70px}
 .coffee-panel{padding:22px;border-radius:25px;gap:26px;min-height:0}
 .coffee-visual{height:295px}
 .coffee-visual .coffee-book-cover{max-width:215px;width:68%}
 .coffee-copy h2{font-size:clamp(36px,9vw,52px);margin-bottom:17px}
 .coffee-copy p{font-size:13px;margin-bottom:17px}
 .coffee-tags{margin:15px 0 23px}
 .coffee-tags span{font-size:10px;padding:9px 10px}
 .coffee-copy .btn{width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.coffee-visual .coffee-book-cover{transition:none}}