@font-face{font-family:"VLJ Shell Serif";font-weight:400;font-display:swap;src:url(assets/font-0-compressed.woff2) format("woff2")}
@font-face{font-family:"VLJ Shell Sans";font-weight:400;font-display:swap;src:url(assets/font-3-compressed.woff2) format("woff2")}
@font-face{font-family:"VLJ Shell Sans";font-weight:500;font-display:swap;src:url(assets/font-4-compressed.woff2) format("woff2")}
@font-face{font-family:"VLJ Shell Sans";font-weight:700;font-display:swap;src:url(assets/font-6-compressed.woff2) format("woff2")}
.vlj-shell{--paper:#faf8f2;--ink:#203e35;--muted:#62756a;--line:#d7ddd2;--ease:cubic-bezier(.22,.75,.2,1)}.vlj-shell *{box-sizing:border-box}.vlj-shell{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'VLJ Shell Sans',sans-serif}.vlj-shell button,.vlj-shell input{font:inherit;color:inherit}.vlj-shell button,.vlj-shell a{-webkit-tap-highlight-color:transparent}.vlj-shell button{cursor:pointer;border:0;background:none}.vlj-shell a{color:inherit;text-decoration:none}.vlj-shell button:focus-visible,.vlj-shell a:focus-visible,.vlj-shell input:focus-visible{outline:2px solid #7e9a88;outline-offset:5px}.vlj-shell .skip{position:fixed;top:-100px;background:white;padding:12px;z-index:100}.vlj-shell .skip:focus{top:0}.vlj-shell .announcement{background:#e9ede5;text-align:center;font-size:12px;letter-spacing:.09em;padding:9px 20px}.vlj-shell header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.vlj-shell .masthead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:28px 4vw 18px;min-height:135px;transition:padding .5s var(--ease),min-height .5s var(--ease)}.vlj-shell .logo{width:clamp(270px,31vw,460px);transition:width .5s var(--ease)}.vlj-shell .logo img{display:block;width:100%;height:auto}.vlj-shell .left-tools,.vlj-shell .right-tools{display:flex;align-items:center;gap:24px}.vlj-shell .right-tools{justify-content:flex-end}.vlj-shell .icon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;gap:10px;padding:8px;font-size:28px}.vlj-shell .icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.vlj-shell .search-button span,.vlj-shell .help-link{font-size:11px;font-weight:600;letter-spacing:.065em}.vlj-shell .desktop-nav{display:flex;align-items:center;justify-content:center;gap:44px}.vlj-shell .nav-button{padding:20px 0 22px;position:relative;font-size:13px;font-weight:700;letter-spacing:.06em;white-space:nowrap}.vlj-shell .nav-button:after{content:'';height:1px;position:absolute;bottom:0;left:0;right:0;background:var(--ink);transform:scaleX(0);transition:transform .4s var(--ease)}.vlj-shell .nav-button:hover:after,.vlj-shell .nav-button[aria-expanded=true]:after{transform:scaleX(1)}.vlj-shell header.compact .masthead{min-height:76px;padding-block:12px}.vlj-shell header.compact .logo{width:250px}.vlj-shell .mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 15px 25px #102e2910;display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .5s var(--ease),opacity .4s,visibility .5s}.vlj-shell .mega.open{grid-template-rows:1fr;opacity:1;visibility:visible}.vlj-shell .mega-inner{overflow:hidden;min-height:0;display:grid;grid-template-columns:1fr 1fr minmax(200px,340px);gap:45px;padding-inline:max(5vw,30px)}.vlj-shell .mega-inner>div{padding-block:36px}.vlj-shell .mega h2{font:32px/1.1 'VLJ Shell Serif',serif;margin:0 0 18px}.vlj-shell .eyebrow,.vlj-shell .mega .eyebrow{font-size:11px;font-weight:600;letter-spacing:.13em}.vlj-shell .mega-link{display:block;text-align:left;padding:7px 0;font-size:15px}.vlj-shell .mega-link:hover{text-decoration:underline;text-underline-offset:5px}.vlj-shell .mega-all{margin-top:16px;text-decoration:underline;text-underline-offset:5px}.vlj-shell .mega-image img{width:100%;height:225px;object-fit:cover}.vlj-shell .mega-image p{font:23px 'VLJ Shell Serif';margin:8px 0 0}.vlj-shell .coming{display:inline-block;font-size:11px;letter-spacing:.1em;border:1px solid #a8baaa;padding:5px 10px;margin-bottom:18px}.vlj-shell .shade{position:fixed;inset:0;background:#173c312b;opacity:0;visibility:hidden;z-index:19;transition:opacity .4s,visibility .4s}.vlj-shell .shade.open{opacity:1;visibility:visible}.vlj-shell .mobile-menu{display:none}.vlj-shell .intro{text-align:center;padding:65px 20px 44px}.vlj-shell .intro h1{font:clamp(44px,4.8vw,75px)/1.06 'VLJ Shell Serif',serif;font-weight:400;margin:22px 0}.vlj-shell .intro h1 em{font-weight:400}.vlj-shell .intro>p:last-child{color:var(--muted)}.vlj-shell .category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 4vw}.vlj-shell .category-grid button{padding:0;text-align:left;overflow:hidden}.vlj-shell .category-grid img{width:100%;aspect-ratio:4/4.5;object-fit:cover;display:block;transition:transform .7s var(--ease)}.vlj-shell .category-grid button:hover img{transform:scale(1.025)}.vlj-shell .category-grid span{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font:27px 'VLJ Shell Serif'}.vlj-shell .category-grid b{font:20px 'VLJ Shell Sans';font-weight:400}.vlj-shell .bridge{text-align:center;padding:75px 20px 85px}.vlj-shell .bridge .star{font-size:33px}.vlj-shell .bridge p{font:34px 'VLJ Shell Serif';margin:15px 0}.vlj-shell .bridge a{display:inline-flex;gap:25px;border-bottom:1px solid #829487;padding:7px 0;font-size:13px}.vlj-shell footer{background:var(--ink);color:#f7f4e9;padding:70px 7vw 45px}.vlj-shell .footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px}.vlj-shell .foot-toggle{cursor:default;padding:0;text-align:left;color:inherit;font-weight:700;font-size:12px;letter-spacing:.08em;line-height:1.6}.vlj-shell .foot-toggle svg{display:none}.vlj-shell .foot-panel{display:grid;grid-template-rows:1fr}.vlj-shell .foot-links{overflow:hidden;min-height:0;padding-top:22px}.vlj-shell .foot-links .footer-link{display:block;padding:7px 0;text-align:left;font-size:14px;color:#e0e6da}.vlj-shell .foot-links .footer-link:hover{text-decoration:underline;text-underline-offset:5px}.vlj-shell .footer-lower{border-top:1px solid #ffffff30;margin-top:60px;padding-top:30px;display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:36px 24px;align-items:end}.vlj-shell .origin{font-size:11px;letter-spacing:.08em;grid-column:1/3}.vlj-shell .origin span{display:block;color:#c5d2c4;font-size:12px;letter-spacing:0;margin-top:8px}.vlj-shell .socials{grid-column:3;display:flex;gap:12px;justify-content:flex-end}.vlj-shell .socials a{border:1px solid #cbd5c5;border-radius:50%;width:38px;height:38px;color:inherit;font-size:12px}.vlj-shell .socials a:hover{background:#ffffff18}.vlj-shell .copyright{font-size:10px;color:#c5d2c4;line-height:1.7;margin:0}.vlj-shell .footer-logo{grid-column:2;display:block}.vlj-shell .footer-logo img{display:block;width:100%;max-width:480px;margin:auto}.vlj-shell .preview-note{text-align:center;font-size:11px;background:#e9ede5;padding:10px 15px;color:#5e7265}.vlj-shell dialog{color:var(--ink);background:var(--paper);border:0;padding:0}.vlj-shell dialog::backdrop{background:#17392f66;backdrop-filter:blur(2px)}.vlj-shell dialog[open]{animation:appear .45s var(--ease)}.vlj-shell dialog.closing{animation:leave .3s var(--ease) forwards}.vlj-shell .utility{width:min(660px,calc(100% - 32px));max-height:85dvh;padding:55px 40px 40px;box-shadow:0 20px 80px #12392c20}.vlj-shell .utility h2{font:40px/1.1 'VLJ Shell Serif';margin:12px 0 20px}.vlj-shell .utility p{color:var(--muted)}.vlj-shell .dialog-close{position:absolute;right:12px;top:8px}.vlj-shell .utility input{border:0;border-bottom:1px solid var(--ink);padding:15px 0;background:none;width:100%;font-size:18px}.vlj-shell .search-results button{display:block;padding:14px 0;width:100%;text-align:left;border-bottom:1px solid var(--line)}.vlj-shell .drawer{position:fixed;inset:0 auto 0 0;width:min(460px,100%);height:100dvh;max-height:100dvh;max-width:100%;margin:0;overflow:hidden}.vlj-shell .drawer[open]{display:flex;flex-direction:column;animation:slide .5s var(--ease)}.vlj-shell .drawer.closing{animation:slideout .35s var(--ease) forwards}.vlj-shell .drawer-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.vlj-shell .drawer-top img{width:180px}.vlj-shell .mobile-stage{position:relative;flex:1;overflow:hidden}.vlj-shell .mobile-root,.vlj-shell .mobile-sub{position:absolute;inset:0;overflow-y:auto;padding:20px;transition:transform .5s var(--ease),opacity .35s}.vlj-shell .mobile-root button,.vlj-shell .mobile-sub .mega-link{display:flex;width:100%;justify-content:space-between;text-align:left;border-bottom:1px solid var(--line);padding:20px 0;font-size:14px;font-weight:700;letter-spacing:.04em}.vlj-shell .mobile-sub{transform:translateX(100%);background:var(--paper)}.vlj-shell .mobile-stage.sub .mobile-root{transform:translateX(-25%);opacity:0}.vlj-shell .mobile-stage.sub .mobile-sub{transform:translateX(0)}.vlj-shell .mobile-sub h2{font:33px 'VLJ Shell Serif';margin:25px 0}.vlj-shell .back-button{min-height:44px;padding:0}.vlj-shell .drawer-bottom{padding:20px;border-top:1px solid var(--line);font-size:12px}.vlj-shell .mobile-sub .mega-link{font-weight:400;letter-spacing:0}.vlj-shell .mobile-sub p{color:var(--muted)}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes leave{to{opacity:0;transform:translateY(8px)}}@keyframes slide{from{transform:translateX(-100%)}to{transform:none}}@keyframes slideout{to{transform:translateX(-100%)}}@media(max-width:1100px){.vlj-shell .desktop-nav{gap:24px}.vlj-shell .nav-button{font-size:12px}.vlj-shell .help-link{display:none}.vlj-shell .masthead{min-height:120px}.vlj-shell .mega-inner{gap:25px}}@media(max-width:950px){.vlj-shell .desktop-nav,.vlj-shell .mega{display:none}.vlj-shell .mobile-menu{display:inline-flex}.vlj-shell .masthead,.vlj-shell header.compact .masthead{min-height:84px;padding:15px 20px;gap:8px}.vlj-shell .logo,.vlj-shell header.compact .logo{width:230px}.vlj-shell .left-tools{gap:6px}.vlj-shell .search-button span{display:none}.vlj-shell .footer-grid{display:block}.vlj-shell .foot-toggle{cursor:pointer;display:flex;width:100%;justify-content:space-between;align-items:center;padding:25px 0;min-height:70px}.vlj-shell .foot-toggle svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;transition:transform .5s}.vlj-shell .foot-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.vlj-shell .foot-group{border-bottom:1px solid #ffffff35}.vlj-shell .foot-panel{grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .65s var(--ease),visibility .65s}.vlj-shell .foot-group.open .foot-panel{grid-template-rows:1fr;visibility:visible}.vlj-shell .foot-links{padding-top:0}.vlj-shell .foot-links .footer-link:last-child{margin-bottom:22px}.vlj-shell .footer-lower{border:0;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:25px;gap:28px}.vlj-shell .footer-logo{order:4;width:min(440px,100%)}.vlj-shell .socials{justify-content:center}.vlj-shell .copyright{order:3}.vlj-shell footer{padding:30px 6vw 40px}.vlj-shell .intro{padding-top:44px}}@media(max-width:600px){.vlj-shell .masthead,.vlj-shell header.compact .masthead{padding:12px 10px;min-height:76px;grid-template-columns:88px minmax(0,1fr) 44px}.vlj-shell .logo,.vlj-shell header.compact .logo{width:100%;max-width:205px;justify-self:center}.vlj-shell .icon{padding:7px;min-width:40px}.vlj-shell .left-tools{gap:0}.vlj-shell .announcement{font-size:11px}.vlj-shell .intro{padding:35px 20px 28px}.vlj-shell .intro h1{font-size:45px}.vlj-shell .intro .eyebrow{font-size:9px}.vlj-shell .category-grid{gap:12px;margin-inline:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.vlj-shell .category-grid button:last-child{grid-column:1/-1}.vlj-shell .category-grid button:last-child img{aspect-ratio:1.6}.vlj-shell .category-grid span{font-size:23px}.vlj-shell .bridge{padding:45px 22px 55px}.vlj-shell .bridge p{font-size:29px}.vlj-shell .utility{padding:55px 25px 30px}.vlj-shell .utility h2{font-size:33px}}@media(prefers-reduced-motion:reduce){.vlj-shell *,.vlj-shell *:before,.vlj-shell *:after{animation:none!important;transition:none!important}}.vlj-shell .socials a{display:flex;align-items:center;justify-content:center}.vlj-shell .socials svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.vlj-shell footer{background:var(--footer-bg,#0a1b14);transition:background-color .35s ease}.vlj-shell .footer-colors{padding:28px 7vw 30px;background:#f0f0e8;border-top:1px solid var(--line);scroll-margin-top:140px}.vlj-shell .color-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.vlj-shell .color-heading h2{font:32px/1.1 'VLJ Shell Serif',serif;margin:9px 0 20px}.vlj-shell .color-heading output{font-size:13px;font-weight:500}.vlj-shell .swatch-row{display:flex;flex-wrap:wrap;gap:12px}.vlj-shell .swatch{display:flex;align-items:center;gap:10px;border:1px solid #bac6b8;padding:10px 14px 10px 10px;border-radius:3px;min-height:54px;background:var(--paper);text-align:left;font-size:12px;line-height:1.4}.vlj-shell .swatch span{display:block;width:30px;height:30px;background:var(--swatch);border-radius:50%;border:1px solid #ffffff40;flex-shrink:0}.vlj-shell .swatch small{display:block;color:#62756a;font-size:10px;margin-top:2px}.vlj-shell .swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.vlj-shell .swatch[aria-pressed=true] span:after{content:'✓';color:#fff;display:block;text-align:center;line-height:28px;font-size:17px}.vlj-shell .custom-color{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:13px;width:fit-content}.vlj-shell .custom-color input{width:45px;height:32px;padding:2px;background:var(--paper);border:1px solid #bac6b8;cursor:pointer}@media(max-width:600px){.vlj-shell .footer-colors{padding:25px 20px}.vlj-shell .color-heading{gap:0}.vlj-shell .color-heading output{margin:0 0 20px}.vlj-shell .swatch-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.vlj-shell .swatch{padding:8px;font-size:11px;gap:8px}.vlj-shell .swatch span{width:26px;height:26px}.vlj-shell .swatch[aria-pressed=true] span:after{line-height:24px}.vlj-shell .footer-colors .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){.vlj-shell footer{transition:none}}.vlj-shell footer.light-tone{color:#10271d}.vlj-shell footer.light-tone .foot-links .footer-link,.vlj-shell footer.light-tone .origin span,.vlj-shell footer.light-tone .copyright{color:#10271d}.vlj-shell footer.light-tone .footer-logo img{filter:brightness(0)}.vlj-shell footer.light-tone .footer-lower,.vlj-shell footer.light-tone .foot-group,.vlj-shell footer.light-tone .socials a{border-color:#10271d66}.vlj-shell .mega-inner{width:min(680px,calc(100% - 64px));margin-inline:auto;grid-template-columns:minmax(220px,1fr) 270px;gap:70px;padding-inline:0}.vlj-shell .mega-inner>div{padding-block:30px}.vlj-shell .mega .eyebrow{margin:0 0 15px}.vlj-shell .mega-image img{height:235px;display:block}.vlj-shell .mega{transition:grid-template-rows .3s var(--ease),opacity .2s,visibility .3s}.vlj-shell footer{padding-block:50px 30px}.vlj-shell .footer-lower{grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:24px;margin-top:35px;padding-top:28px}.vlj-shell .copyright{grid-column:1;grid-row:1;font-size:12px}.vlj-shell .footer-logo{grid-column:2;grid-row:1}.vlj-shell .footer-logo img{max-width:360px}.vlj-shell .socials{grid-column:3;grid-row:1}.vlj-shell .category-grid{margin-bottom:55px}@media(max-width:950px){.vlj-shell .footer-lower{display:grid;grid-template-columns:1fr auto;gap:22px;text-align:left}.vlj-shell .footer-logo{grid-column:1/-1;grid-row:1;width:min(300px,100%);justify-self:center}.vlj-shell .copyright{grid-column:1;grid-row:2}.vlj-shell .socials{grid-column:2;grid-row:2;gap:8px}.vlj-shell footer{padding-block:25px 28px}}@media(max-width:380px){.vlj-shell .footer-lower{grid-template-columns:1fr;text-align:center}.vlj-shell .copyright{grid-column:1;grid-row:3}.vlj-shell .socials{grid-column:1;grid-row:2;justify-self:center}}@media(min-width:951px){.vlj-shell .footer-grid{width:fit-content;max-width:100%;margin-inline:auto;grid-template-columns:repeat(4,max-content);column-gap:clamp(24px,calc(10vw - 40px),112px)}}@media(max-width:950px){.vlj-shell .footer-lower{grid-template-columns:minmax(0,1fr);text-align:center;gap:22px}.vlj-shell .footer-lower .socials{grid-column:1;grid-row:1;justify-self:center}.vlj-shell .footer-lower .copyright{grid-column:1;grid-row:2;justify-self:center}.vlj-shell .footer-lower .footer-logo{grid-column:1;grid-row:3;justify-self:center;width:min(300px,100%)}}@media(max-width:950px){.vlj-shell .footer-lower{row-gap:8px}.vlj-shell .footer-lower .copyright{margin-top:22px}}.vlj-shell .mega-inner{width:min(1000px,calc(100% - 96px));margin-inline:auto;padding-inline:0;grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,56px)}.vlj-shell .mega-inner>div{padding-block:30px}.vlj-shell .mega h2{font-size:30px;line-height:1.15;margin:0 0 17px}.vlj-shell .mega .eyebrow{margin:0 0 16px}.vlj-shell .mega-all{margin-top:0}.vlj-shell .mega-discover>p:last-child{font-size:14px;color:var(--muted);line-height:1.8;margin-top:22px}.vlj-shell .mega-image img{height:225px;object-fit:cover}.vlj-shell .mega-image p{font:23px/1.25 'VLJ Shell Serif',serif;margin:12px 0 0}.vlj-shell .header-switch{position:relative;display:grid;perspective:900px}.vlj-shell .header-switch>.desktop-nav,.vlj-shell .header-switch>.header-search{grid-area:1/1;transform-origin:50% 50%;transition:opacity .28s ease,transform .48s var(--ease),visibility .48s}.vlj-shell .header-search{display:flex;align-items:center;gap:14px;width:min(900px,calc(100% - 64px));margin:0 auto;padding:7px 0;opacity:0;visibility:hidden;transform:translateY(12px) rotateX(-7deg);pointer-events:none}.vlj-shell .search-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vlj-shell .search-field{display:flex;align-items:center;gap:16px;flex:1;min-width:0;border-bottom:1px solid #789083}.vlj-shell .search-field>svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}.vlj-shell .search-field input{width:100%;min-width:0;border:0;background:none;padding:10px 0;font-size:16px;line-height:1.5;outline-offset:1px}.vlj-shell .search-field input::placeholder{color:#62756a;opacity:1}.vlj-shell .search-submit{white-space:nowrap;font-size:13px;min-height:44px;padding:0 8px;display:flex;gap:12px;align-items:center}.vlj-shell .search-open .desktop-nav{opacity:0;visibility:hidden;transform:translateY(-12px) rotateX(7deg);pointer-events:none}.vlj-shell .search-open .header-search{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:.08s}.vlj-shell .header-search-results{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 16px 26px #102e2910}.vlj-shell .header-search-results:not([hidden]){animation:appear .3s var(--ease)}.vlj-shell .search-results-inner{width:min(900px,calc(100% - 64px));margin:auto;padding:25px 0 30px}.vlj-shell #headerSearchMatches{display:flex;flex-wrap:wrap;gap:12px 30px}.vlj-shell #headerSearchMatches button{padding:8px 0;text-decoration:underline;text-underline-offset:5px;font-size:15px}.vlj-shell .search-status{font-size:14px;margin:10px 0 0}.vlj-shell .search-status:empty{display:none}@media(max-width:950px){.vlj-shell .header-switch{grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}.vlj-shell .search-open .header-switch{grid-template-rows:1fr}.vlj-shell .header-search{overflow:hidden;min-height:0;padding:0;width:calc(100% - 32px);gap:5px}.vlj-shell .search-open .header-search{padding-bottom:10px}.vlj-shell .search-field{gap:10px}.vlj-shell .search-submit{font-size:12px;gap:5px}.vlj-shell .search-field input{font-size:16px}.vlj-shell .search-results-inner{width:calc(100% - 40px);max-height:45dvh;overflow:auto}.vlj-shell .header-switch>.desktop-nav{display:none}}@media(prefers-reduced-motion:reduce){.vlj-shell .header-switch,.vlj-shell .header-switch>.desktop-nav,.vlj-shell .header-switch>.header-search{transition:none;transform:none}}.vlj-shell .header-switch{overflow:clip}.vlj-shell .search-field input:focus-visible{outline:none}.vlj-shell .search-field:focus-within{border-bottom-color:var(--ink);box-shadow:0 1px 0 var(--ink)}
.vlj-shell{color:#203e35;font:15px/1.65 'VLJ Shell Sans',sans-serif}.vlj-shell-header{position:sticky;top:0;z-index:100;background:#faf8f2}.admin-bar .vlj-shell-header{top:32px}.vlj-shell #header{position:relative;z-index:2}.vlj-shell .shade{z-index:1}.vlj-shell a{color:inherit}.vlj-shell button{border-radius:0;background:none;box-shadow:none;font:inherit;color:inherit;text-transform:none}.vlj-shell button:hover,.vlj-shell button:focus{background:none;color:inherit}.vlj-shell .nav-button{font-size:13px;font-weight:700;letter-spacing:.06em}.vlj-shell .foot-toggle{font-size:12px;font-weight:700}.vlj-shell .icon{font-size:28px}.vlj-shell .mega-link{font-size:15px}.vlj-shell .unavailable{cursor:default}.vlj-shell .unavailable small{display:block;font-size:10px;letter-spacing:.03em;color:#62756a}.vlj-shell footer .unavailable small{color:#c5d2c4}.vlj-shell .footer-link{display:block;padding:7px 0;font-size:14px}.vlj-shell .socials a{display:flex;align-items:center;justify-content:center}.vlj-shell .search-field input{font-family:'VLJ Shell Sans',sans-serif;border:0;border-radius:0;background:none;color:#203e35;box-shadow:none}.vlj-shell .search-field input:focus{outline:none}.vlj-shell .search-submit{font-size:13px}.vlj-shell .drawer{max-width:100%;max-height:100dvh}.vlj-shell .mobile-sub .unavailable{display:block}.vlj-shell .mega-image img{max-width:100%;height:225px}.vlj-shell .footer-logo img{height:auto}.vlj-shell .masthead{width:100%;max-width:none}.vlj-shell .header-search{margin-inline:auto}.vlj-shell .mobile-root button{font-size:14px;font-weight:700}.vlj-shell .foot-toggle:disabled{opacity:1}.vlj-shell .mega h2{color:#203e35}.vlj-shell .footer-lower .copyright{color:#c5d2c4}
@media(max-width:1100px){.vlj-shell .nav-button{font-size:12px}}@media(max-width:782px){.admin-bar .vlj-shell-header{top:46px}}@media(max-width:600px){.admin-bar .vlj-shell-header{top:0}}@media(prefers-reduced-motion:reduce){.vlj-shell *{animation:none!important;transition:none!important}}

@media(max-width:680px){body.single-product .vlj-shell-footer footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}
.vlj-shell-header{transition:transform .38s cubic-bezier(.22,.75,.2,1)}
.vlj-shell-header.is-scroll-hidden{transform:translateY(calc(-100% - 48px));pointer-events:none}
.vlj-shell-header:focus-within{transform:none;pointer-events:auto}
/* Keep the header's layout height stable; scrolling only translates it. */
.vlj-shell header.compact .masthead{min-height:135px;padding:28px 4vw 18px}
.vlj-shell header.compact .logo{width:clamp(270px,31vw,460px)}
.vlj-shell .live-search{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 18px 28px #102e2918;padding:18px max(24px,calc((100% - 900px)/2));max-height:calc(100dvh - 210px);overflow-y:auto;overscroll-behavior:contain;animation:appear .28s var(--ease)}
.vlj-shell .live-search[hidden]{display:none}
.vlj-shell .live-items{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.vlj-shell .live-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}
.vlj-shell .live-item:hover{background:#e9ede580}
.vlj-shell .live-item img{width:72px;height:90px;object-fit:cover}
.vlj-shell .live-item span{display:block}
.vlj-shell .live-name{font-size:15px;font-weight:600;line-height:1.5}
.vlj-shell .live-material,.vlj-shell .live-stock{font-size:13px;line-height:1.5;color:#52695d;margin-top:4px}
.vlj-shell .live-price{font-size:14px;margin-top:5px}
.vlj-shell .live-stock.is-ready:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#377452;margin-right:6px}
.vlj-shell .live-status{font-size:14px;margin:0}
.vlj-shell .live-all{display:block;padding:18px 0 2px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:950px){
 .vlj-shell .masthead,.vlj-shell header.compact .masthead{grid-template-columns:88px minmax(0,1fr) 88px;gap:4px;padding:12px 16px;min-height:84px}
 .vlj-shell .logo,.vlj-shell header.compact .logo{width:100%;max-width:230px;justify-self:center}
 .vlj-shell .right-tools{gap:0}
 .vlj-shell .icon{min-width:44px;width:44px;padding:8px}
 .vlj-shell .live-search{max-height:calc(100dvh - 150px);padding:16px 20px}
 .vlj-shell .live-items{grid-template-columns:1fr}
}
@media(max-width:380px){.vlj-shell .masthead,.vlj-shell header.compact .masthead{padding-inline:8px;grid-template-columns:88px minmax(0,1fr) 88px}.vlj-shell .live-item{gap:12px}}
@media(prefers-reduced-motion:reduce){.vlj-shell-header{transition:none}}
.vlj-shell .live-all[hidden]{display:none}
@media(min-width:951px){
 .vlj-shell .masthead,.vlj-shell header.compact .masthead{min-height:108px;padding:20px 4vw 0}
 .vlj-shell .nav-button{display:block;padding:10px 0 17px}
}
.vlj-shell .mobile-menu-row{display:flex;align-items:center;border-bottom:1px solid var(--line)}
.vlj-shell .mobile-menu-row>a{flex:1;min-width:0;padding:20px 0;font-size:14px;font-weight:700;letter-spacing:.04em}
.vlj-shell .mobile-root .mobile-menu-row button{width:48px;min-width:48px;justify-content:center;border:0;font-size:22px}
.vljs-coming-page{text-align:center;min-height:45vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px}
.vljs-coming-page h1{font:400 clamp(40px,5vw,68px)/1.2 'VLJ Shell Serif',serif;margin:15px 0 30px;color:#203e35}
.vljs-coming-page>a{text-decoration:underline;text-underline-offset:6px;padding:12px}

/* Bootstrap Icons WhatsApp silhouette: use fill, not the shared outline stroke. */
.vlj-shell .socials svg.social-whatsapp{fill:currentColor;stroke:none}

/* Prevent iOS focus from scrolling the translated submenu sideways. */
.vlj-shell .mobile-stage{min-height:0;overflow:clip}
.vlj-shell .mobile-root,.vlj-shell .mobile-sub{overflow-x:hidden;overscroll-behavior:contain}
