@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f8f6f0;--ink:#213d32;--green:#224638;--sage:#e5e9df;--olive:#797a4d;--line:#d9ddd0;--muted:#626c60;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--sans)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a87935;outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.06}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.eyebrow{font:600 10px/1.6 var(--sans);letter-spacing:2.1px;text-transform:uppercase}.small-line{width:30px;height:1px;background:var(--olive);display:inline-block;margin:0 12px 3px 0}.header{height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.identity{display:flex;align-items:center;gap:11px}.identity img{object-fit:contain}.identity>span{font:28px/1 var(--serif);letter-spacing:4px}.identity small{display:block;font:8px/1 var(--sans);letter-spacing:2px;margin-top:9px}.header nav{display:flex;gap:35px;font-size:13px}.header nav a{padding:8px 0}.header nav a:hover{border-bottom:1px solid var(--ink)}.round-link{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;min-height:650px;align-items:center;padding-top:60px;padding-bottom:60px}.hero-copy h1{font-size:clamp(54px,5.7vw,84px);letter-spacing:-2.5px;margin:23px 0 25px;max-width:620px}.intro{font-size:15px;line-height:1.9;max-width:440px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid var(--green);padding:13px 23px;background:var(--green);color:white;border-radius:2px;font-size:12px;font-weight:500}.button:hover{background:#345843}.hero-copy>.button{margin-top:32px}.secondary{background:transparent;color:var(--ink);border-color:#b3bda9}.secondary:hover{background:var(--sage)}.hero-note{display:flex;gap:35px;align-items:center;margin-top:56px;border-top:1px solid var(--line);padding-top:19px;max-width:440px}.hero-note span{font-size:8px;letter-spacing:1.6px}.hero-note i{font:19px var(--serif);color:var(--olive)}.hero-art{height:530px;position:relative;display:grid;place-items:center;background:#e8ebdf;overflow:hidden;border-radius:50% 50% 2px 2px}.halo{position:absolute;width:390px;height:390px;border:1px solid #b9c3aa;border-radius:50%;top:70px;left:calc(50% - 195px)}.halo:before{content:'';position:absolute;inset:28px;border:1px solid #d0d6c6;border-radius:50%}.art-note{position:absolute;top:36px;left:34px;font-size:7px;letter-spacing:2px;line-height:1.8;z-index:2}.sculpture{height:330px;width:230px;position:relative;transform:rotate(-8deg);margin-top:-10px}.page{position:absolute;inset:0;box-shadow:9px 18px 25px #283d2922}.p-back{background:#a6ad94;transform:rotate(16deg) translate(18px,-5px);border-radius:2px}.p-mid{background:#f3eddb;transform:rotate(6deg) translate(7px,-2px);border-right:7px solid #ded7bf}.p-front{background:var(--green);color:#f5f0dd;padding:27px 25px;border-left:7px solid #1a372c;display:flex;flex-direction:column}.p-front>span{font-size:6px;letter-spacing:1.8px}.p-front strong{font:42px/.98 var(--serif);margin-top:35px;letter-spacing:-.6px}.p-front i{color:#d1d8aa;font-weight:400}.p-front small{font-size:5.5px;letter-spacing:1.5px;margin-top:25px}.book-rule{height:1px;background:#a9b58a;margin-top:18px}.p-front b{font:28px var(--serif);margin-top:7px}.hero-cover{width:220px;transform:rotate(-7deg);box-shadow:14px 20px 22px #203b2c36;max-height:345px}.hero-cover img{width:100%;max-height:345px;object-fit:contain}.featured-label{position:absolute;bottom:22px;left:25px;right:25px;background:#f8f6f0e8;padding:15px 20px;border:1px solid #fff;backdrop-filter:blur(10px)}.featured-label span{font-size:7px;letter-spacing:1.8px;display:block}.featured-label strong{font:25px var(--serif);display:block;margin-top:4px}.featured-label small{font-size:10px;color:var(--muted)}.ribbon{background:var(--green);color:#eeeede;padding:19px 0}.ribbon>.wrap{display:flex;justify-content:space-between;gap:18px;align-items:center}.ribbon span{font-size:10px;letter-spacing:.8px}.ribbon .dot{font-size:16px;color:#bfc58f}.collection{padding-top:95px;padding-bottom:95px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-head h2{font-size:49px;margin-top:14px;letter-spacing:-1px}.section-head>p{color:var(--muted);max-width:330px;font-size:13px}.searchbar{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:35px}.searchbar input{flex:1;min-width:100px;background:transparent;border:0;font-size:13px;padding:11px 0}.searchbar select{max-width:200px;background:transparent;border:0;padding:10px;font-size:12px}.searchbar>a{font-size:12px}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.cover-stage{display:grid;place-items:center;position:relative;background:#e9e9df;padding:30px;aspect-ratio:4/5;overflow:hidden}.book-card:nth-child(2n) .cover-stage{background:#ede6d9}.book-card:nth-child(3n) .cover-stage{background:#e2e7e2}.cover-stage img{height:100%;max-height:270px;max-width:100%;object-fit:contain;filter:drop-shadow(7px 10px 6px #1d382f24);transition:transform .25s}.book-card a:hover img{transform:translateY(-6px)}.cover-arrow{position:absolute;right:12px;bottom:12px;background:#f8f6f0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.type-cover{background:#d6d7bb;width:100%;height:100%;min-height:220px;box-shadow:8px 8px 10px #213d3222;border-left:4px solid #b7bb97;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.type-cover small{font-size:9px;letter-spacing:3px}.type-cover strong{font:32px/1.1 var(--serif);overflow-wrap:anywhere}.type-cover>span{font-size:10px}.book-meta{padding:20px 0}.book-meta>span{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--olive)}.book-meta h3{font-size:29px;margin:9px 0;overflow-wrap:anywhere}.book-meta>p{font-size:12px;color:var(--muted)}.formats{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:13px;font-size:10px}.empty-shelf{grid-column:1/-1;border:1px solid var(--line);padding:62px 24px;text-align:center;background:#f0f0e6}.empty-shelf h3{font-size:38px;margin:17px 0}.empty-shelf p{color:var(--muted);font-size:13px}.empty-shelf .button{margin-top:24px}.story-section{background:#e4e8dc;padding:75px 0}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:center}.story-art{height:460px;background:#cad3bd;overflow:hidden}.story-art>img{height:100%;width:100%;object-fit:cover}.story-monogram{font:330px/.9 var(--serif);display:grid;place-items:center;position:relative;height:100%;color:#849570;border:1px solid #b5c1a5;margin:20px;height:calc(100% - 40px)}.story-monogram>span{position:absolute;bottom:24px;left:25px;font:8px/1.8 var(--sans);letter-spacing:2px;color:var(--ink)}.story-copy h2{font-size:58px;margin:18px 0 25px;letter-spacing:-1.5px}.prose{white-space:pre-line;color:var(--muted);font-size:14px;line-height:1.95;overflow-wrap:anywhere}.signature{border-top:1px solid #b6c1a9;margin-top:30px;padding-top:20px}.signature strong{display:block;font:28px var(--serif)}.signature>span{font-size:11px;color:var(--muted)}.text-link{display:inline-block;border-bottom:1px solid #b0bba5;padding-bottom:4px;font-size:12px;margin-top:20px}.closing{text-align:center;padding:85px 0 90px}.closing h2{font-size:64px;letter-spacing:-1.5px;margin:19px 0 30px}.closing h2 i{color:var(--olive)}footer{background:#17382d;color:#edf0e3;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:70px}.footer-brand{font:68px/1 var(--serif);letter-spacing:5px}.footer-brand span{font:12px var(--sans);vertical-align:top}.footer-grid>div>p{font-size:12px;max-width:285px;color:#c3cfbd;margin-top:15px}.footer-grid .eyebrow{display:block;margin-bottom:18px;color:#b7c497;font-size:8px}.footer-grid>div>a:not(.footer-brand){display:block;font-size:12px;margin:10px 0}.footnote{border-top:1px solid #47604b;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#c3cfbd}.adminbar{padding:10px 25px;background:#111f18;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:20px}.adminbar>span{letter-spacing:2px}.adminbar b{font-size:8px;color:#c5cba4}.adminbar>div{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.adminbar form{margin:0}.adminbar button{background:none;border:0;color:inherit;padding:0;font-size:11px}.edit-float{position:fixed;bottom:24px;right:24px;z-index:5;background:#17382d;color:white;border:1px solid #b4c18b;padding:14px 22px;border-radius:30px;box-shadow:0 5px 15px #0003}dialog{border:0;padding:0;border-radius:7px;max-width:780px;width:calc(100% - 30px);max-height:90dvh;background:var(--paper);color:var(--ink);box-shadow:0 20px 60px #0004}dialog::backdrop{background:#122a22b3;backdrop-filter:blur(4px)}.editor-head{padding:25px 30px;background:var(--sage);display:flex;justify-content:space-between;align-items:center}.editor-head h2{font-size:36px;margin-top:6px}.editor-head button{border:0;background:none;padding:15px}.editor-form{padding:30px}.editor-form fieldset{border:1px solid var(--line);padding:22px;margin:0 0 25px;min-width:0}.editor-form legend{font:25px var(--serif);padding:0 10px}.editor-form label{display:block;font-size:12px;font-weight:500;margin:16px 0 6px}.editor-form input:not([type=checkbox]),.editor-form textarea,.editor-form select{width:100%;border:1px solid #bdc8b4;border-radius:2px;background:white;color:var(--ink);padding:11px;font-size:13px}.editor-form input[type=file]{font-size:11px}.editor-form textarea{resize:vertical}.editor-form .check{display:flex;align-items:center;gap:10px}.check input{width:17px;height:17px}.editor-actions{display:flex;gap:15px;padding-bottom:5px}.muted{font-size:12px;color:var(--muted);margin:12px 0}.notice,.error{border:1px solid #bacbac;background:#e7efdc;padding:15px 22px;margin-top:20px;font-size:13px}.error{background:#fff0ea;border-color:#b9775d;color:#76311e}.detail{padding-top:45px;padding-bottom:95px}.detail-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start;margin-top:35px}.detail-cover{aspect-ratio:4/5;padding:55px}.detail-cover img{max-height:440px}.detail h1{font-size:64px;letter-spacing:-1px;margin:15px 0}.byline{color:var(--olive);margin-bottom:28px}.edition-list{margin-top:25px;border-top:1px solid var(--line)}.edition-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:17px 0;font-size:13px}.edition-list small{display:block;font-size:10px;color:var(--muted)}.retailers{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.manage{padding-top:50px;padding-bottom:80px;min-height:60vh}.manage h1{font-size:55px;margin:15px 0}.book-editor{padding:0;display:grid;grid-template-columns:1.5fr 1fr;gap:35px;margin-top:35px}.book-editor aside{align-self:start;position:sticky;top:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{width:100%}.editor-cover{max-height:240px;margin:0 auto 20px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;background:#fff}th{font-size:9px;letter-spacing:1px;text-transform:uppercase;background:var(--sage)}td,th{padding:18px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted)}td .text-link{margin:0}.status{display:inline-block;padding:4px 9px;background:var(--sage);font-size:10px;border-radius:3px}.pagination{display:flex;justify-content:center;gap:35px;margin-top:30px;font-size:12px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:10px;left:10px;background:white;padding:12px;z-index:99}
@media(min-width:1500px){.hero{min-height:730px}}@media(max-width:1000px){.wrap{width:calc(100% - 50px)}.hero{gap:30px;min-height:580px}.hero-art{height:470px}.hero-copy h1{font-size:62px}.hero-note{gap:18px}.story-grid{gap:40px}.story-copy h2{font-size:48px}.book-grid{grid-template-columns:repeat(3,1fr)}.detail-grid{gap:40px}.footer-grid{gap:30px}.header nav{gap:18px}.book-editor{grid-template-columns:1.2fr 1fr;gap:20px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{height:90px;flex-wrap:wrap;position:relative;gap:8px}.identity img{width:43px;height:43px}.identity>span{font-size:23px}.identity small{font-size:6px}.header nav{gap:16px;font-size:10px}.header nav a:last-child{display:none}.round-link{width:33px;height:33px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:35px;gap:35px}.hero-copy h1{font-size:64px;max-width:450px}.hero-copy>.eyebrow{font-size:8px}.intro{font-size:14px}.hero-note{margin-top:30px}.hero-art{height:480px;width:100%;max-width:470px;justify-self:center}.ribbon>.wrap{flex-wrap:wrap;justify-content:center;gap:8px 18px}.ribbon span{font-size:8px}.ribbon .dot:nth-last-child(2){display:none}.collection{padding-top:55px;padding-bottom:55px}.section-head{display:block}.section-head h2{font-size:43px}.section-head>p{margin-top:18px}.searchbar{flex-wrap:wrap;gap:6px}.searchbar input{flex-basis:60%}.searchbar select{max-width:130px;font-size:11px;padding:10px 0}.searchbar .button{width:100%;margin-top:8px}.book-grid{grid-template-columns:repeat(2,1fr);gap:16px}.cover-stage{padding:18px}.cover-stage img{max-height:220px}.type-cover{padding:13px;min-height:170px}.type-cover strong{font-size:25px}.book-meta h3{font-size:26px}.formats{font-size:9px;gap:5px}.story-grid{grid-template-columns:1fr;gap:35px}.story-section{padding:40px 0}.story-art{height:360px}.story-copy h2{font-size:50px}.closing{padding:60px 0}.closing h2{font-size:52px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-brand{font-size:56px}.footnote{font-size:8px}.adminbar{padding:10px 18px;align-items:start}.adminbar>div{gap:8px 13px;font-size:10px}.adminbar>span{display:none}.editor-head,.editor-form{padding:20px}.editor-head h2{font-size:30px}.editor-form fieldset{padding:16px}.form-grid{grid-template-columns:1fr;gap:0}.detail-grid{grid-template-columns:1fr;gap:30px}.detail-cover{max-width:400px;width:100%;margin:auto}.detail h1{font-size:51px}.manage h1{font-size:44px}.book-editor{grid-template-columns:1fr}.book-editor aside{position:static}.empty-shelf{padding:40px 18px}.empty-shelf h3{font-size:32px}.edit-float{bottom:15px;right:15px;padding:11px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* VERS author letter */
.author-letter-section{padding:90px 0;background:#f0eee5}
.author-letter-grid{display:grid;grid-template-columns:.9fr 1.1fr;
gap:85px;align-items:center}
.author-letter-portrait{position:relative;padding:0 0 35px 22px}
.author-letter-portrait:before{content:"";position:absolute;left:0;bottom:14px;
width:75%;height:82%;border:1px solid #a9b496}
.author-letter-portrait>img{position:relative;width:100%;height:570px;
object-fit:cover;object-position:center 25%;border-radius:180px 180px 3px 3px}
.author-letter-caption{position:relative;display:flex;justify-content:space-between;
gap:15px;margin-top:18px;font-size:7px;letter-spacing:1.5px}
.author-letter-copy h2{font-size:62px;letter-spacing:-1.5px;
margin:18px 0 28px;max-width:500px}
.author-letter-copy .prose{font-size:14px;line-height:1.95}
.author-letter-copy blockquote{margin:28px 0;padding:5px 0 5px 22px;
border-left:2px solid #91996d;font:27px/1.3 var(--serif);color:#68734f}
.author-letter-signature{border-top:1px solid #cbd1bf;padding-top:22px}
.author-letter-signature>span{display:block;font-size:11px;color:var(--muted)}
.author-letter-signature strong{display:block;font:32px var(--serif);margin-top:7px}
.author-letter-signature small{display:block;font-size:11px;margin-top:5px;
color:var(--muted)}
.author-letter-edit{background:none;border:0;border-bottom:1px solid #a9b496;
color:var(--ink);cursor:pointer}
.author-letter-placeholder{position:relative;background:#244637;color:#f5f1e4;
height:570px;border-radius:180px 180px 3px 3px;padding:95px 40px 40px;
display:flex;flex-direction:column;justify-content:space-between}
.author-letter-placeholder>span{font-size:11px;letter-spacing:5px}
.author-letter-placeholder strong{font:66px/1.05 var(--serif)}
.author-letter-placeholder i{font-weight:400;color:#c2c99b}
.author-letter-placeholder button{background:transparent;border:1px solid #9dac83;
color:inherit;padding:12px;font-size:12px}
@media(max-width:1000px){.author-letter-grid{gap:40px}
.author-letter-copy h2{font-size:49px}}
@media(max-width:700px){.author-letter-section{padding:50px 0}
.author-letter-grid{grid-template-columns:1fr;gap:30px}
.author-letter-portrait{max-width:440px;width:100%;margin:auto;padding-left:15px}
.author-letter-portrait>img,.author-letter-placeholder{height:440px}
.author-letter-placeholder{padding:80px 30px 30px}
.author-letter-placeholder strong{font-size:57px}
.author-letter-copy h2{font-size:48px}
.author-letter-caption{font-size:6px}
.author-letter-copy blockquote{font-size:26px}}


/* VERS menu and readability adjustment */
body{font-size:16px}
.header nav{gap:34px;align-items:center}
.header nav a{
    font-size:15px;
    font-weight:500;
    padding:12px 0;
}
.header nav a:hover{
    color:#667647;
    border-bottom-color:#667647;
}
.intro{font-size:17px;line-height:1.85;max-width:490px}
.prose,.author-letter-copy .prose{font-size:16px;line-height:1.9}
.section-head>p{font-size:15px}
.eyebrow{font-size:11px}
.button{font-size:14px;padding:14px 25px}
.searchbar input{font-size:15px}
.searchbar select{font-size:14px}
.book-meta>p{font-size:14px}
.book-meta>span{font-size:10px}
.formats{font-size:12px}
.text-link{font-size:14px}
.author-letter-signature>span{font-size:13px}
.author-letter-signature small{font-size:14px}
.signature>span{font-size:13px}
.footer-grid>div>p,.footer-grid>div>a:not(.footer-brand){font-size:14px}
.footnote{font-size:11px}
.editor-form label{font-size:14px}
.editor-form input:not([type=checkbox]),
.editor-form textarea,.editor-form select{font-size:15px}
.muted{font-size:14px}

@media(max-width:700px){
    .header{
        height:auto;
        min-height:108px;
        padding-top:16px;
        padding-bottom:12px;
        display:grid;
        grid-template-columns:1fr auto;
        gap:14px;
    }
    .header nav{
        grid-column:1/-1;
        grid-row:2;
        display:flex;
        justify-content:space-between;
        gap:12px;
        border-top:1px solid var(--line);
        padding-top:5px;
    }
    .header nav a{font-size:14px;padding:8px 0}
    .header nav a:last-child{display:block}
    .round-link{grid-column:2;grid-row:1}
    .hero-copy>.eyebrow{font-size:10px}
    .intro{font-size:16px}
    .prose,.author-letter-copy .prose{font-size:16px}
    .section-head>p{font-size:15px}
    .searchbar select{font-size:13px}
    .formats{font-size:11px}
    .footnote{font-size:10px}
}


/* VERS footer and sticky navigation */
html{scroll-padding-top:135px}
.header.wrap{
    position:sticky;
    top:0;
    z-index:40;
    width:100%;
    max-width:none;
    margin:0;
    padding-left:max(25px,calc((100% - 1240px)/2));
    padding-right:max(25px,calc((100% - 1240px)/2));
    background:var(--paper);
    border-bottom:1px solid var(--line);
    box-shadow:0 4px 18px #213d3208;
}
.vers-footer{
    background:#17382d;
    color:#f2f2e6;
    padding:65px 0 0;
}
.vers-footer-main{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:50px 70px;
    padding-bottom:48px;
}
.vers-footer-logo{display:flex;align-items:center;gap:16px;width:fit-content}
.vers-footer-logo img{width:64px;height:64px;object-fit:contain}
.vers-footer-logo>span{font:39px/1 var(--serif);letter-spacing:5px}
.vers-footer-logo small{
    display:block;
    font:8px/1.5 var(--sans);
    letter-spacing:2px;
    margin-top:10px;
    color:#c8d0b7;
}
.vers-footer-identity>p{
    max-width:330px;
    margin-top:22px;
    font-size:15px;
    line-height:1.85;
    color:#c8d3c3;
}
.vers-footer h2{
    font:27px/1.2 var(--serif);
    margin:6px 0 23px;
    color:#f4f1df;
}
.vers-footer nav>a{
    display:block;
    width:fit-content;
    font-size:15px;
    margin:10px 0;
    color:#d3ddcd;
}
.vers-footer a:hover{color:#e1dfa8;text-decoration:underline;text-underline-offset:5px}
.vers-footer-contact>a,.vers-footer-contact>p{
    display:block;
    font-size:15px;
    overflow-wrap:anywhere;
    color:#d3ddcd;
}
.vers-footer-label{
    display:block;
    font-size:9px;
    letter-spacing:2px;
    color:#b7c497;
    margin:20px 0 6px;
}
.vers-footer-social{
    display:inline-block;
    margin-top:20px;
    padding:8px 16px;
    border:1px solid #6b8060;
    border-radius:30px;
    font-size:13px;
}
.vers-footer-bottom{
    border-top:1px solid #49604a;
    padding-top:23px;
    padding-bottom:25px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    font-size:12px;
    color:#c5d0bf;
}
.vers-footer-bottom>div{display:flex;gap:28px;flex-wrap:wrap}
@media(max-width:700px){
    html{scroll-padding-top:150px}
    .header.wrap{padding-left:18px;padding-right:18px}
    .vers-footer{padding-top:42px}
    .vers-footer-main{grid-template-columns:1fr;gap:32px;padding-bottom:32px}
    .vers-footer h2{margin-bottom:16px}
    .vers-footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}
}

/* Compact VERS contact and social footer */
.compact-footer{padding-top:40px}
.compact-footer-grid{
    display:grid;
    grid-template-columns:1.2fr 1fr 1fr;
    gap:35px 55px;
    padding-bottom:32px;
}
.compact-footer .vers-footer-logo img{width:52px;height:52px}
.compact-footer .vers-footer-logo>span{font-size:33px}
.compact-footer .vers-footer-logo small{font-size:7px;margin-top:8px}
.compact-footer-brand>p{
    max-width:310px;
    font-size:14px;
    line-height:1.75;
    color:#c9d3c3;
    margin-top:17px;
}
.compact-footer-nav{display:flex;gap:20px;flex-wrap:wrap;margin-top:17px}
.compact-footer-nav a{font-size:12px;color:#d2ddc9}
.compact-footer h2{font-size:25px;margin:2px 0 17px}
.compact-contact>a{
    display:flex;
    align-items:center;
    gap:11px;
    font-size:14px;
    color:#d9e1d2;
    margin:11px 0;
    width:fit-content;
    max-width:100%;
}
.compact-contact>a>span{overflow-wrap:anywhere;min-width:0}
.compact-footer svg{
    width:19px;
    height:19px;
    flex:0 0 19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.55;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.compact-contact .footer-whatsapp{
    background:#dce8c6;
    color:#17382d;
    padding:10px 15px;
    border-radius:5px;
    margin-top:18px;
    font-size:13px;
    font-weight:600;
}
.compact-contact .footer-whatsapp:hover{
    background:#edf5dc;
    color:#17382d;
    text-decoration:none;
}
.footer-social-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.footer-social-grid>a{
    display:flex;
    align-items:center;
    gap:9px;
    border:1px solid #52694e;
    border-radius:5px;
    padding:10px 12px;
    font-size:12px;
    color:#e1e7da;
}
.footer-social-grid>a:hover{
    background:#ffffff0d;
    border-color:#a3b287;
    text-decoration:none;
}
.compact-footer .vers-footer-bottom{
    padding-top:17px;
    padding-bottom:19px;
    font-size:11px;
}
@media(max-width:1000px){
    .compact-footer-grid{gap:30px;grid-template-columns:1fr 1fr}
    .compact-socials{grid-column:1/-1}
    .footer-social-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:600px){
    .compact-footer-grid{grid-template-columns:1fr;gap:28px}
    .compact-socials{grid-column:auto}
    .footer-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .compact-footer{padding-top:32px}
}


/* VERS shorter footer */
.compact-footer{padding-top:24px}
.compact-footer-grid{
    gap:20px 40px;
    padding-bottom:20px;
    align-items:start;
}
.compact-footer .vers-footer-logo img{width:40px;height:40px}
.compact-footer .vers-footer-logo>span{font-size:28px}
.compact-footer .vers-footer-logo small{margin-top:5px}
.compact-footer-brand>p{
    margin-top:10px;
    font-size:13px;
    line-height:1.55;
}
.compact-footer-nav{margin-top:10px;gap:16px}
.compact-footer h2{font-size:22px;margin:0 0 10px}
.compact-contact>a{margin:7px 0;font-size:13px;gap:9px}
.compact-contact .footer-whatsapp{
    margin-top:10px;
    padding:7px 12px;
    font-size:12px;
}
.footer-social-grid{gap:7px}
.footer-social-grid>a{padding:7px 10px;font-size:12px}
.compact-footer .vers-footer-bottom{
    padding-top:12px;
    padding-bottom:12px;
    font-size:11px;
}
@media(min-width:701px) and (max-width:1000px){
    .compact-footer-grid{grid-template-columns:1.1fr 1fr 1fr;gap:22px}
    .compact-socials{grid-column:auto}
    .footer-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
    .compact-footer{padding-top:22px}
    .compact-footer-grid{grid-template-columns:1fr 1fr;gap:22px}
    .compact-footer-brand{grid-column:1/-1}
    .compact-footer-brand>p{max-width:none}
    .compact-socials{grid-column:auto}
    .footer-social-grid{grid-template-columns:1fr}
    .vers-footer-bottom{gap:8px}
}
@media(max-width:380px){
    .compact-footer-grid{grid-template-columns:1fr}
    .compact-footer-brand{grid-column:auto}
    .footer-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}