*,:before,:after{box-sizing:border-box}:root{--green-950:#141f18;--green-900:#1e2e22;--green-850:#243828;--green-800:#2a4530;--green-750:#314f38;--green-700:#395d41;--green-600:#4a7355;--green-500:#5d8a6a;--green-400:#7aad84;--green-300:#9bc4a4;--paper:#fbfdf9;--paper-muted:#f3f7f3;--ink:#f4f8f5;--ink-soft:#f4f8f5e0;--warm-glow:#fff6e824;--warm-glow-strong:#fff0dc38;--depth-shadow:#0c160f8c;--lift-shadow:#14231973;color:var(--ink);background:var(--green-700);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--green-700);background-image:radial-gradient(ellipse 140% 90% at 50% -10%, #7aad8438, transparent 55%), radial-gradient(ellipse 80% 60% at 85% 75%, #1e2e2273, transparent 52%), radial-gradient(circle at 12% 60%, #4a735533, transparent 45%), linear-gradient(180deg, var(--green-600) 0%, var(--green-700) 38%, var(--green-800) 72%, var(--green-900) 100%);min-height:100vh;margin:0;transition:background .8s;overflow-x:hidden}#root{background-color:var(--green-700);min-height:100svh}.app-shell{isolation:isolate;background-color:#0000;min-height:100svh;position:relative}.app-shell.immersive-mode{background-color:var(--green-700)}.vignette-layer{pointer-events:none;z-index:30;background:radial-gradient(circle,#0000 32%,#0a140e61 100%),linear-gradient(#fff8f00a,#08100b38);transition:opacity .6s;position:fixed;inset:0}.app-shell.immersive-mode .vignette-layer{opacity:.12}.app-shell.immersive-mode .sticky-stage{box-sizing:border-box;z-index:20;width:100%;max-width:100%;height:100svh;min-height:100svh;max-height:100svh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.app-shell.immersive-mode .scroll-scene{width:100vw;margin:0;padding:0}.app-shell.immersive-mode .pin-spacer{width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;left:0!important}.scroll-scene{width:100%;height:700vh}.sticky-stage{perspective:1700px;perspective-origin:50%;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100svh;min-height:100svh;padding:clamp(20px,4vh,40px) clamp(20px,4vw,48px);display:flex;position:relative;overflow:visible}.book-fit-shell{aspect-ratio:4/3;justify-content:center;align-items:center;width:min(82vw,1280px);max-height:calc(100svh - clamp(48px,10vh,90px));margin-inline:auto;transition:width .8s,max-height .8s,border-radius .8s;display:flex;position:relative;overflow:visible}.book-scale-shell{transform-origin:50%;will-change:transform;width:1280px;height:750px;transition:width .8s,height .8s}.book-stage{perspective:1200px;width:100%;height:100%;transform-style:preserve-3d;filter:drop-shadow(0 46px 66px var(--depth-shadow)) drop-shadow(0 22px 48px #2d483452);position:relative}.book-stage:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000008f,#0000 72%);height:16%;transition:opacity .55s;position:absolute;bottom:4%;left:12%;right:12%;transform:translateZ(-40px)}.app-shell.immersive-mode .book-stage:before{opacity:0}.book-spine{background:radial-gradient(circle at 50% 8%, var(--warm-glow-strong), transparent 46%), linear-gradient(180deg, var(--green-500) 0%, var(--green-700) 42%, var(--green-850) 100%);border-radius:999px;width:36px;height:76%;position:absolute;top:9%;left:calc(50% - 18px);transform:translateZ(6px);box-shadow:inset 0 0 16px #14231973,inset 0 2px 8px #fff8f01f,0 0 28px #0c160f80}.book-spreads-shell{transform-style:preserve-3d;z-index:3;position:absolute;inset:0}.book-spread{transform-origin:50%;width:77%;height:79%;transform-style:preserve-3d;will-change:transform;opacity:0;backface-visibility:hidden;border-radius:22px;grid-template-columns:1fr 1fr;gap:0;display:grid;position:absolute;top:8.5%;left:11.5%}.spread-page{width:50%;color:var(--green-900);box-shadow:inset 0 0 22px #0000000f, 0 10px 24px var(--lift-shadow);transform-style:preserve-3d;backface-visibility:hidden;background:linear-gradient(118deg,#fffffd,#f8f8f6),repeating-linear-gradient(0deg,#7878780a,#7878780a 1px,#0000 1px 4px);padding:clamp(1rem,1.5vw,1.6rem);position:absolute;top:0;bottom:0;overflow:hidden}.left-page{transform-origin:100%;box-shadow:inset -12px 0 18px #00000014, 0 14px 22px var(--lift-shadow);border-radius:22px 0 0 22px;left:0}.right-page{transform-origin:0;box-shadow:inset 12px 0 18px #00000014, 0 14px 22px var(--lift-shadow);border-radius:0 22px 22px 0;right:0}.spread-shadow{pointer-events:none;z-index:5;background:linear-gradient(#0c160f61,#24382829);border-radius:999px;width:12px;height:96%;position:absolute;top:2%;left:calc(50% - 6px);box-shadow:0 0 18px #0c160f6b}.app-shell.immersive-mode .spread-shadow{width:14px;box-shadow:0 0 22px #0000007a}.page-curve{transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#395d4114,#7aad8438 45%,#0c160f33 100%);border-radius:0 18px 18px 0;width:18%;height:94%;position:absolute;top:3%;right:-2px}.page-content{opacity:1;transition:none;transform:none;padding-top:80px!important;padding-right:10px!important}.page-thickness{pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#5d8a6a6b,#5d8a6a6b 1px,#fbfdf9bf 1px 3px);width:8px;height:100%;position:absolute;top:0}.left-thickness{right:0;box-shadow:inset -3px 0 4px #00000042}.right-thickness{left:0;box-shadow:inset 3px 0 4px #00000042}.chapter-label{letter-spacing:.12em;text-transform:uppercase;color:var(--green-600);margin:0 0 .4rem;font-size:.82rem;font-weight:700}.page-content h2{letter-spacing:-.01em;color:var(--green-950);margin:0 0 .55rem;font-size:clamp(1.6rem,2.2vw,2.4rem)}.page-subtitle{color:var(--green-800);margin:0 0 .9rem;font-size:1.02rem}.page-content ul{color:var(--green-850);gap:.45rem;margin:0;padding-left:1.1rem;font-size:.96rem;display:grid}.toc-nav{gap:.55rem;margin-top:1rem;display:grid}.toc-item{color:var(--green-900);text-align:left;cursor:pointer;background:#ffffffe0;border:1px solid #395d4138;border-radius:999px;padding:.58rem .9rem;font-size:.92rem;font-weight:600;transition:background-color .24s,border-color .24s,transform .24s}.toc-item:hover{background:#fffffffa;border-color:#395d4166;transform:translate(2px)}.toc-item.is-active{background:#395d411f;border-color:#395d418c}.contact-form-block{gap:10px;margin-top:12px;display:grid}.contact-form-block label{color:#1e2e22e6;gap:6px;font-size:.85rem;display:grid}.contact-form-block input,.contact-form-block textarea{width:100%;font:inherit;color:var(--green-900);background:#ffffffeb;border:1px solid #395d413d;border-radius:10px;padding:10px 12px}.counter-section,.counter-section.static-layer{z-index:10;position:relative;opacity:1!important;visibility:visible!important;backface-visibility:visible!important;display:block!important;transform:none!important}.about-spread2-left{z-index:10;gap:12px;margin-top:12px;display:grid;position:relative;opacity:1!important;visibility:visible!important;backface-visibility:visible!important;display:block!important;transform:none!important}.counter-layer{z-index:10;position:relative;opacity:1!important;visibility:visible!important;backface-visibility:visible!important;display:block!important;transform:none!important}.counter-card{z-index:10;background:#ffffffa8;border:1px solid #395d4124;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex;position:relative;opacity:1!important;visibility:visible!important;backface-visibility:visible!important;transform:none!important}.counter,.counter-section{opacity:1!important;visibility:visible!important;backface-visibility:visible!important;display:block!important;transform:none!important}.counter-card h2{color:var(--green-900);margin:0;font-size:28px;font-weight:700;line-height:1}.counter-card h4{color:var(--green-900);margin:0;font-size:16px}.counter-card p{opacity:.7;color:var(--green-850);margin:0;font-size:14px}.book-cover-pivot{transform-origin:0%;width:40%;height:82.2%;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;z-index:6;border-radius:10px 24px 24px 10px;transition:transform .9s cubic-bezier(.25,1,.5,1);position:absolute;top:7.8%;left:calc(50% - 1px)}.book-cover-panel{transform-style:preserve-3d;border-radius:10px 24px 24px 10px;position:absolute;inset:0}.book-cover{transform-origin:0;width:40%;height:82.2%;transform-style:preserve-3d;will-change:transform;z-index:6;border-radius:10px 24px 24px 10px;position:absolute;top:7.8%;left:calc(50% - 1px)}.cover-front,.cover-back{backface-visibility:hidden;border-radius:inherit;background-color:#fff;position:absolute;inset:0}.cover-front{background:radial-gradient(circle at 28% 32%, var(--warm-glow-strong), transparent 50%), radial-gradient(circle at 78% 18%, #1e2e2259, transparent 42%), repeating-linear-gradient(120deg, #14231933, #14231933 2px, #395d411f 2px, #395d411f 5px), linear-gradient(125deg, var(--green-800) 0%, var(--green-700) 38%, var(--green-600) 58%, var(--green-850) 100%);box-shadow:inset 0 0 32px #0c160f61, inset 0 0 14px #fff8f01a, 0 22px 34px var(--depth-shadow);text-align:center;border:1px solid #9bc4a473;place-content:center;padding:1.5rem;display:grid}.cover-front:before{content:"";border:1px solid #fff8f02e;border-radius:8px 18px 18px 8px;position:absolute;inset:14px}.cover-back{background:#fff;transform:rotateY(180deg)}.back-cover{z-index:2;transform:translateZ(-4px);box-shadow:0 8px 18px #0c160f38,inset 0 0 0 1px #fff8f00d}.back-cover .cover-front{background:#fff}.back-cover .cover-back{background:radial-gradient(circle at 30% 35%, var(--warm-glow), transparent 48%), repeating-linear-gradient(120deg, #14231938, #14231938 2px, #395d411a 2px, #395d411a 5px), linear-gradient(125deg, var(--green-800) 0%, var(--green-700) 40%, var(--green-600) 62%, var(--green-900) 100%);box-shadow:inset 0 0 28px #0c160f66, inset 0 0 12px #fff8f014, 0 20px 30px var(--depth-shadow);text-align:center;border:1px solid #7aad8466;place-content:center;display:grid}.cover-title{margin:0;letter-spacing:.03em;text-wrap:balance;text-align:center;max-width:12em;color:var(--ink);text-shadow:0 0 20px #a8d4b259,0 2px 12px #0c160f73;margin-inline:auto;font-size:clamp(1.5rem,2.4vw,2.35rem);font-weight:600;line-height:1.2}.cover-mark{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin:1rem 0 0}.end-title{font-size:clamp(1.6rem,2.4vw,2.2rem)}.app-shell.ending-mode .book-stage:before,.app-shell.closed-end-mode .book-stage:before{opacity:.85}.mobile-layout{gap:1rem;min-height:100vh;padding:4rem 1.2rem 2rem;display:grid}.mobile-header h1{margin:0;font-size:clamp(2rem,9vw,2.8rem)}.mobile-header p{margin:.35rem 0 0}.mobile-card{background:linear-gradient(135deg,#1e2e22d1,#141f18e0);border:1px solid #9bc4a46b;border-radius:16px;padding:1.05rem 1rem;box-shadow:0 8px 24px #0c160f40}.mobile-card h2{margin:0 0 .35rem}.mobile-card h3,.mobile-card h4{color:var(--green-300);margin:0 0 .35rem}.mobile-card p{margin:0 0 .75rem}.mobile-card ul{margin:0;padding-left:1rem}.app-shell.immersive-mode .book-fit-shell{aspect-ratio:auto;width:100vw;min-width:100vw;max-width:none;height:100dvh;min-height:100dvh;max-height:none;margin:0;transition:none;position:fixed;inset:0;overflow:visible}.app-shell.immersive-mode .book-scale-shell{width:100vw;min-width:100vw;max-width:none;height:100dvh;min-height:100dvh;max-height:none;transition:none;transform:scale(1)!important}.app-shell.immersive-mode .book-stage{filter:drop-shadow(0 28px 48px #0c160f61)}@media (width<=1024px){.app-shell:not(.immersive-mode) .sticky-stage{perspective:1450px}.app-shell:not(.immersive-mode) .book-fit-shell{transform-origin:50%;transform:scale(.85)}}@media (width<=768px){.app-shell:not(.immersive-mode) .scroll-scene,.app-shell:not(.immersive-mode) .sticky-stage{overflow:hidden}.app-shell:not(.immersive-mode) .sticky-stage{perspective:1250px}.app-shell:not(.immersive-mode) .book-fit-shell{transform-origin:50%;transform:scale(.72)}}.app-shell.immersive-mode .book-spread{border-radius:0;flex-direction:row;justify-content:flex-start;align-items:stretch;width:100%;max-width:100vw;height:100%;max-height:100vh;display:flex;top:0;left:0}.app-shell.immersive-mode .spread-page{border-radius:0;flex-direction:column;flex:0 0 50%;width:50%;min-width:0;max-width:50%;height:100vh;max-height:100vh;padding:5vh 4vw;display:flex;position:relative;inset:auto;overflow:hidden}.app-shell.immersive-mode .spread-shadow{height:100%;max-height:100vh;position:absolute;top:0;left:50%;transform:translate(-50%)}.app-shell.immersive-mode .page-curve{opacity:.35}.app-shell.immersive-mode .page-content{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow:hidden auto}.app-shell.immersive-mode .page-content h2{font-size:clamp(24px,3vw,48px);line-height:1.15}.app-shell.immersive-mode .chapter-label{font-size:clamp(11px,1vw,13px)}.app-shell.immersive-mode .page-subtitle,.app-shell.immersive-mode .page-content ul{font-size:clamp(14px,1.2vw,18px);line-height:1.45}.app-shell.immersive-mode .book-spine,.app-shell.immersive-mode .book-cover-pivot,.app-shell.immersive-mode .book-cover{opacity:0;pointer-events:none}.app-shell.immersive-mode .back-cover{opacity:.38;pointer-events:none}.app-shell.immersive-mode .right-thickness{opacity:0;box-shadow:none}@media (width<=900px){.app-shell.immersive-mode .book-spread{flex-flow:column;height:100vh;max-height:100vh;overflow:hidden auto}.app-shell.immersive-mode .spread-page{flex:none;width:100vw;max-width:100vw;height:auto;min-height:50vh;max-height:none}.app-shell.immersive-mode .spread-shadow{display:none}}.pin-spacer{margin:0 auto!important}.page-images img{width:100%!important}.page-images.is-compact img{margin-inline:auto;display:block;width:84%!important}.page-images.is-spread8 img{margin-inline:auto;display:block;width:65%!important}.page-curve{display:none!important}.cta-button.green{color:#fff;text-align:center;background-color:green;border:none;border-radius:50px;width:60%;padding:15px}.book-slider-3d{perspective:1400px;perspective-origin:50%;width:100%;margin-top:clamp(16px,2vh,24px);padding:0 0 clamp(28px,4vh,40px);position:relative}.book-slider-viewport{width:100%;height:clamp(300px,42vh,450px);transform-style:preserve-3d;-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:grab;position:relative;overflow:hidden}.book-slider-viewport:active{cursor:grabbing}.book-slider-card{width:min(82%,420px);height:clamp(280px,38vh,390px);transform-style:preserve-3d;transform-origin:50%;background:linear-gradient(130deg,#fffffbf2,#eef6efe6),linear-gradient(#395d4114,#395d4105);border:1px solid #fff8f03d;border-radius:18px;margin:auto;position:absolute;inset:0;overflow:hidden;box-shadow:0 28px 42px #0c160f47,inset 0 1px #fff6,inset 0 -8px 30px #10201614}.book-slider-card.is-active{box-shadow:0 30px 56px #0c160f57,inset 0 1px #ffffff73}.book-slider-media-shell{border-bottom:1px solid #395d4124;width:100%;height:54%;overflow:hidden}.book-slider-media{object-fit:cover;filter:saturate(1.05)contrast(1.04);width:100%;height:100%}.book-slider-copy{height:46%;color:var(--green-900);align-content:center;gap:8px;padding:clamp(12px,2vh,18px) clamp(14px,2vw,20px);display:grid}.book-slider-copy h3{letter-spacing:-.01em;margin:0;font-size:clamp(1.05rem,1.5vw,1.3rem)}.book-slider-copy p{color:#1e2e22db;margin:0;font-size:clamp(.88rem,1.05vw,1rem);line-height:1.45}.book-slider-dots{z-index:6;align-items:center;gap:8px;display:flex;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.book-slider-dot{cursor:pointer;background:#395d4159;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:transform .28s,background-color .28s,box-shadow .28s}.book-slider-dot.is-active{background:#4a7355eb;transform:scale(1.42);box-shadow:0 0 10px #7aad8473}.portfolio-marquee-end{background:linear-gradient(160deg,#131e1742,#131e1714);border-radius:16px;width:100%;margin-top:clamp(14px,2vh,24px);padding:clamp(12px,2vh,18px) 0 clamp(20px,3vh,28px);position:relative;overflow:hidden}.portfolio-marquee-header{text-align:center;margin-bottom:clamp(10px,1.7vh,16px)}.portfolio-marquee-header p{letter-spacing:.16em;text-transform:uppercase;color:#395d41e6;margin:0;font-size:.78rem;font-weight:700}.portfolio-marquee-shell{padding:4px 0;position:relative;overflow:hidden}.portfolio-marquee-shell:before,.portfolio-marquee-shell:after{content:"";z-index:4;pointer-events:none;width:min(18%,120px);position:absolute;top:0;bottom:0}.portfolio-marquee-shell:before{background:linear-gradient(90deg,#f7faf6fa,#f7faf600);left:0}.portfolio-marquee-shell:after{background:linear-gradient(270deg,#f7faf6fa,#f7faf600);right:0}.portfolio-marquee-track{will-change:transform;width:max-content;animation:38s linear infinite portfolio-marquee-scroll;display:flex}.portfolio-marquee-shell:hover .portfolio-marquee-track{animation-play-state:paused}.portfolio-marquee-group{align-items:center;gap:clamp(14px,1.6vw,22px);padding-inline:clamp(12px,2vw,20px);display:flex}.portfolio-marquee-item{transform-origin:50%;background:linear-gradient(160deg,#fffffdfa,#f0f6f1f2);border:1px solid #fff8f061;border-radius:14px;flex:none;width:clamp(168px,16vw,238px);transition:transform .32s,box-shadow .32s;overflow:hidden;transform:scale(.95)translateZ(0);box-shadow:0 14px 24px #0c160f3d,inset 0 1px #ffffff73}.portfolio-marquee-item:nth-child(2n){transform:scale(.98)translateZ(0)}.portfolio-marquee-item:hover{transform:scale(1.08)translateZ(0);box-shadow:0 18px 34px #0c160f4d,0 0 18px #7aad8433}.portfolio-marquee-item img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.portfolio-marquee-item-copy{padding:10px 11px 12px}.portfolio-marquee-item-copy h3{color:var(--green-900);margin:0;font-size:clamp(.84rem,.95vw,1rem);line-height:1.25}.portfolio-marquee-item-copy p{color:#1e2e22b8;margin:4px 0 0;font-size:.75rem}.portfolio-marquee-end.is-compact{background:#eceff2;border-radius:0;width:100%;min-height:100%;margin-top:0;padding:clamp(14px,2vh,20px) clamp(14px,2vw,20px)}.portfolio-marquee-end.is-compact .portfolio-marquee-header{margin-bottom:clamp(10px,1.3vh,14px)}.portfolio-marquee-end.is-compact .portfolio-marquee-group{justify-content:center;gap:16px;padding-inline:16px}.portfolio-marquee-end.is-compact .portfolio-marquee-item{-webkit-backdrop-filter:blur(2px);background:#ffffff0a;border:1px solid #5666762e;border-radius:14px;width:176px;min-width:176px;max-width:176px;height:236px;min-height:236px;max-height:236px;transform:translateZ(0);box-shadow:0 10px 24px #2a343e1f,inset 0 0 0 1px #ffffff14}.portfolio-marquee-end.is-compact .portfolio-marquee-item:nth-child(2n){transform:translateZ(0)}.portfolio-marquee-end.is-compact .portfolio-marquee-item img{aspect-ratio:auto;object-fit:cover;width:100%;height:150px}.portfolio-marquee-end.is-compact .portfolio-marquee-item-copy{height:86px;padding:10px 10px 12px}.portfolio-marquee-end.is-compact .portfolio-marquee-shell{padding:6px 0}@keyframes portfolio-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.spread7-portfolio-marquee{background:#eceff2;border-radius:14px;margin-top:clamp(12px,1.8vh,18px);padding:16px 14px;position:relative;overflow:hidden}.spread7-marquee-viewport{width:100%;position:relative;overflow:hidden}.spread7-marquee-track{will-change:transform;align-items:stretch;gap:14px;width:max-content;display:flex}.spread7-marquee-item{--depth-scale:1;width:170px;min-width:170px;max-width:170px;transform:scale(var(--depth-scale)) translateZ(0);transform-origin:50%;background:#ffffff0a;border:1px solid #5666762e;border-radius:14px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 10px 22px #2a343e1f,inset 0 0 0 1px #ffffff14}.spread7-marquee-item:hover{transform:scale(calc(var(--depth-scale) * 1.06)) translateY(-4px);box-shadow:0 16px 30px #2a343e2e,0 0 14px #889eb038}.spread7-marquee-cover-shell{width:100%;height:146px;overflow:hidden}.spread7-marquee-cover{object-fit:cover;width:100%;height:100%;display:block}.spread7-marquee-item p{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#58636ef0;margin:0;padding:10px;font-size:.75rem;font-weight:600}.about-spread-slider .spread7-marquee-item{width:228px;min-width:228px;max-width:228px}.about-spread-slider .spread7-marquee-cover-shell{height:124px}.about-spread-slider .spread7-marquee-cover{object-fit:contain}.spread7-marquee-edge{z-index:3;pointer-events:none;width:min(18%,100px);position:absolute;top:0;bottom:0}.spread7-marquee-edge-left{background:linear-gradient(90deg,#eceff2,#eceff200);left:0}.spread7-marquee-edge-right{background:linear-gradient(270deg,#eceff2,#eceff200);right:0}.spread7-genre-library{background:#395d41;border-radius:24px;width:100%;margin-top:clamp(10px,1.5vh,14px);padding:clamp(20px,2.4vh,28px) clamp(18px,2.2vw,26px);overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 18px 36px #0c160f42}.spread7-genre-header{justify-content:space-between;align-items:flex-start;gap:clamp(18px,2vw,28px);margin-bottom:clamp(14px,2vh,20px);display:flex}.spread7-genre-header h3{letter-spacing:-.02em;color:#fff;flex:0 0 48%;max-width:48%;margin:0;font-size:clamp(1.45rem,2.2vw,2.2rem);font-weight:800;line-height:1.03}.spread7-genre-intro{flex-wrap:wrap;flex:0 0 52%;justify-content:flex-start;align-items:flex-start;gap:12px;max-width:52%;display:flex}.spread7-genre-intro p{color:#ffffffe6;text-align:left;margin:0;font-size:clamp(.84rem,.96vw,1.08rem);font-weight:500;line-height:1.35}.spread7-genre-cta{letter-spacing:.01em;color:#1f4631;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:9px 16px;font-size:.86rem;font-weight:700;box-shadow:0 10px 20px #0a140e38}@media (width<=900px){.spread7-genre-header{flex-direction:column;align-items:flex-start}.spread7-genre-intro{flex-wrap:wrap;justify-content:flex-start;width:100%}.spread7-genre-intro p{text-align:left}}.spread7-genre-scene{--scene-perspective:1050px;perspective:var(--scene-perspective);transform-style:preserve-3d}.spread7-genre-rows{gap:14px;display:grid}.spread7-genre-row{overflow:hidden}.spread7-genre-track{will-change:transform;align-items:stretch;gap:16px;width:max-content;display:flex}.spread7-genre-card{background:#fff;border:1px solid #ffffff73;border-radius:999px;align-items:center;gap:16px;width:clamp(200px,20vw,290px);min-height:74px;padding:7px 12px;display:flex;box-shadow:0 14px 24px #09140e3d,0 0 0 1px #ffffff1f}.spread7-genre-card-icon{color:#4a7355;background:#eef4ef;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;font-size:.68rem;display:grid}.spread7-genre-card-copy h4{color:#173627;margin:0;font-size:clamp(.82rem,.86vw,.96rem);font-weight:800;line-height:1.15}.spread7-genre-card-copy p{color:#456155;margin:4px 0 0;font-size:clamp(.62rem,.66vw,.74rem);line-height:1.32}