@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@400;500;600&display=swap');
:root{--cream:#f4eee5;--paper:#fbfaf7;--green:#25382d;--gold:#b69a6d;--ink:#252621;--muted:#77756e;--line:#ddd7cd;--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:100;background:#fff;padding:10px}
.vione-topbar{background:var(--green);color:#f5f0e7;display:flex;justify-content:space-around;padding:8px 4vw;font-size:10px;letter-spacing:.05em}.vione-header{height:88px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:35px;position:sticky;top:0;z-index:50;background:rgba(251,250,247,.96);backdrop-filter:blur(14px)}.vione-logo{font-family:var(--serif);font-size:40px;letter-spacing:.04em;line-height:1}.vione-logo span{color:var(--gold)}.vione-nav{display:flex;justify-content:center;gap:29px;flex:1;font-size:12px}.vione-nav a{padding:32px 0;position:relative}.vione-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:25px;height:1px;background:var(--green);transition:.3s}.vione-nav a:hover:after{right:0}.vione-actions{display:flex;gap:18px;font-size:18px}.vione-actions .vione-bag{font-size:12px}.vione-bag b{background:var(--green);color:#fff;border-radius:20px;padding:2px 6px;font-size:9px}.vione-menu{display:none;background:none;border:0;font-size:12px}
.vione-hero{display:grid;grid-template-columns:40% 60%;min-height:650px;background:var(--cream)}.vione-hero-copy{padding:90px 7vw;display:flex;justify-content:center;flex-direction:column}.vione-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:#6f8068;font-weight:600;margin:0 0 18px}.vione-hero h1,.vione-section h2,.vione-section-intro h2,.vione-mission h2,.vione-editorial h2,.vione-newsletter h2{font-family:var(--serif);font-weight:500}.vione-hero h1{font-size:clamp(58px,6vw,92px);line-height:.86;letter-spacing:-.03em;margin:0 0 28px}.vione-hero h1 em,.vione-section h2 em,.vione-section-intro h2 em,.vione-mission h2 em,.vione-editorial h2 em,.vione-newsletter h2 em{font-style:italic;font-weight:400}.vione-hero-lead{max-width:450px;color:#595851;font-size:15px}.vione-cta-row{display:flex;align-items:center;gap:14px;margin-top:22px}.vione-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 25px;border:1px solid transparent;font-size:10px;letter-spacing:.13em;text-transform:uppercase;transition:.3s;cursor:pointer}.vione-btn-dark{background:var(--green);color:#fff}.vione-btn-dark:hover{background:#382b25;transform:translateY(-2px)}.vione-btn-light{border-color:#a9a39a}.vione-btn-light:hover{border-color:var(--green);background:#fff}.vione-hero-image{min-height:650px;background-position:center;background-size:cover}
.vione-usp{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 6vw;border-bottom:1px solid var(--line);background:var(--paper)}.vione-usp div{text-align:center;font-size:11px}.vione-usp b{display:block;font-family:var(--serif);font-size:22px;font-weight:500;margin-bottom:3px}
.vione-section{max-width:1280px;margin:auto;padding:100px 5vw}.vione-section-intro{text-align:center;max-width:780px;margin:0 auto 70px}.vione-section h2,.vione-section-intro h2{font-size:58px;line-height:.95;margin:0}.vione-section-intro>p:last-child{color:var(--muted);max-width:620px;margin:25px auto 0}.vione-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.vione-underlink{text-transform:uppercase;letter-spacing:.12em;font-size:10px;border-bottom:1px solid currentColor;padding-bottom:4px}
.vione-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.vione-category{height:390px;background-position:center;background-size:cover;position:relative;display:flex;align-items:end;padding:27px;color:#fff;overflow:hidden;transition:transform .3s}.vione-category:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.62))}.vione-category>div{position:relative}.vione-category h3{font-family:var(--serif);font-size:38px;font-weight:500;margin:0;line-height:.9}.vione-category p{text-transform:uppercase;font-size:9px;letter-spacing:.12em;margin:7px 0 0}.vione-category:hover{transform:translateY(-3px)}
.vione-product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.vione-product-card{position:relative}.vione-product-img{aspect-ratio:.82;background:var(--cream);overflow:hidden}.vione-product-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.vione-product-card:hover .vione-product-img img{transform:scale(1.035)}.vione-badge{position:absolute;top:12px;left:12px;background:var(--green);color:#fff;border-radius:20px;padding:5px 10px;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.vione-product-copy{padding-top:12px}.vione-product-copy h3{font-family:var(--serif);font-size:23px;font-weight:500;margin:0;line-height:1}.vione-type{font-size:10px;color:var(--muted);margin:5px 0}.vione-price{font-size:12px;font-weight:600;margin:8px 0}.vione-rating{font-size:10px;letter-spacing:1px;color:#b4862d}.vione-rating span{color:var(--muted);letter-spacing:0;font-size:9px}.vione-empty{color:var(--muted)}
.vione-mission{display:grid;grid-template-columns:1fr 1.15fr .75fr;background:var(--cream)}.vione-mission-copy{padding:85px 6vw}.vione-mission h2{font-size:55px;line-height:.95;margin:0 0 20px}.vione-mission-copy>p:not(.vione-kicker){color:var(--muted);max-width:480px}.vione-mission-image{min-height:510px;background-position:center;background-size:cover}.vione-values{padding:70px 35px;display:flex;justify-content:center;flex-direction:column;gap:28px}.vione-value{display:flex;align-items:center;gap:15px;font-size:11px}.vione-value span{font-family:var(--serif);font-size:29px;color:var(--green)}
.vione-editorial{display:grid;grid-template-columns:1fr 1fr;min-height:520px}.vione-editorial-image{background-position:center;background-size:cover}.vione-editorial-copy{background:var(--green);color:#f5f0e7;padding:90px 8vw;display:flex;justify-content:center;flex-direction:column}.vione-editorial-copy .vione-kicker{color:#b9c5b6}.vione-editorial h2{font-size:60px;line-height:.94;margin:0 0 25px}.vione-editorial-copy>p:not(.vione-kicker){color:#d5d8d0;max-width:470px}.light{color:#fff;border-color:#fff;width:max-content;margin-top:18px}
.vione-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.vione-article-image{aspect-ratio:1.25;background:var(--cream);overflow:hidden}.vione-article-image img{width:100%;height:100%;object-fit:cover}.vione-article h3{font-family:var(--serif);font-size:31px;font-weight:500;line-height:1;margin:13px 0 8px}.vione-article p{font-size:11px;color:var(--muted)}.vione-meta{text-transform:uppercase;letter-spacing:.13em;font-size:9px!important}
.vione-newsletter{text-align:center;background:var(--cream);padding:90px 6vw}.vione-newsletter h2{font-size:60px;line-height:.95;margin:0}.vione-newsletter>p:not(.vione-kicker){color:var(--muted);max-width:500px;margin:20px auto}.vione-newsletter-form{display:flex;max-width:520px;margin:28px auto 0;border-bottom:1px solid var(--green)}.vione-newsletter-form input{flex:1;border:0;background:transparent;padding:13px 0;outline:0;font-size:11px}.vione-newsletter-form .vione-btn{border:0}.vione-form-success{color:var(--green)!important;font-size:11px!important}.vione-form-error{color:#9a3e35!important;font-size:11px!important}
.vione-footer{background:#20231d;color:#ddd8cd;padding:70px 5vw 25px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.vione-footer .vione-logo{color:#f6f0e6}.vione-footer h3{text-transform:uppercase;letter-spacing:.15em;font-size:9px;color:#a8a79e}.vione-footer a:not(.vione-logo){display:block;font-size:11px;margin:7px 0;color:#d5d0c7}.vione-footer p{font-size:11px;color:#9d9c95}.footer-bottom{grid-column:1/-1;border-top:1px solid #383a34;padding-top:18px;font-size:9px;color:#85857f}
@media(max-width:1000px){.vione-nav{gap:16px}.vione-hero{grid-template-columns:1fr}.vione-hero-copy{min-height:520px}.vione-hero-image{min-height:560px}.vione-product-grid{grid-template-columns:repeat(3,1fr)}.vione-categories{grid-template-columns:repeat(2,1fr)}.vione-mission{grid-template-columns:1fr 1fr}.vione-values{display:none}}
@media(max-width:760px){.vione-topbar{display:none}.vione-header{height:70px;padding:0 6vw;justify-content:space-between}.vione-menu{display:block}.vione-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:18px 6vw;flex-direction:column;gap:0}.vione-nav.open{display:flex}.vione-nav a{padding:11px 0}.vione-nav a:after{display:none}.vione-logo{font-size:34px}.vione-hero-copy{padding:70px 7vw}.vione-hero h1{font-size:57px}.vione-usp{grid-template-columns:repeat(2,1fr);gap:20px;padding:18px 6vw}.vione-section{padding:75px 6vw}.vione-section-head{display:block}.vione-section h2,.vione-section-intro h2{font-size:46px}.vione-section-head .vione-underlink{display:inline-block;margin-top:18px}.vione-categories{grid-template-columns:1fr}.vione-category{height:330px}.vione-product-grid{grid-template-columns:repeat(2,1fr);gap:13px}.vione-product-copy h3{font-size:20px}.vione-mission,.vione-editorial{grid-template-columns:1fr}.vione-mission-copy{padding:70px 7vw}.vione-mission-image{min-height:380px}.vione-editorial-image{min-height:400px}.vione-editorial-copy{padding:70px 7vw}.vione-article-grid{grid-template-columns:1fr}.vione-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:460px){.vione-footer{grid-template-columns:1fr}.footer-brand{grid-column:auto}.vione-newsletter h2{font-size:48px}}