.viva{color-scheme:light;--paper:#FBF7F0;--paper-2:#F2EADD;--ink:#1B1611;--ink-2:#4A4036;--clay:#9C5A32;--sage:#26392E;--night:#16110C;--on-night:#F4ECDF;--on-night-2:#C9BBA6;--line:rgba(27,22,17,.14);--f-display:"Fraunces",Georgia,"Times New Roman",serif;--f-body:"Instrument Sans","Helvetica Neue",Arial,system-ui,sans-serif;--ease:cubic-bezier(.2,.7,.1,1);--gut:max(16px,env(safe-area-inset-left,0px));--gut-r:max(16px,env(safe-area-inset-right,0px))}.viva *{box-sizing:border-box}.viva{scroll-behavior:smooth}.viva{background:var(--paper);color:var(--ink);font:400 18px/1.65 var(--f-body);overflow-x:clip;-webkit-font-smoothing:antialiased}.viva img{display:block;max-width:100%}.viva a{color:inherit}.viva :focus-visible{outline:2px solid var(--clay);outline-offset:3px;border-radius:4px}.viva .wrap{max-width:1240px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut-r)}@media(min-width:760px){.viva .wrap{padding-left:max(40px,env(safe-area-inset-left,0px));padding-right:max(40px,env(safe-area-inset-right,0px))}}.viva .label{font:600 12px/1.2 var(--f-body);letter-spacing:.16em;text-transform:uppercase}.viva h1,.viva h2,.viva h3{font-family:var(--f-display);font-weight:400;text-wrap:balance;margin:0;letter-spacing:-.01em}.viva h2{font-size:clamp(36px,5.2vw,64px);line-height:1.04;font-variation-settings:"opsz" 144,"SOFT" 50}.viva h2 em{font-style:italic;color:var(--clay);font-variation-settings:"opsz" 144,"SOFT" 100}.viva p{margin:0}.viva .hero{position:relative;margin-top:-72px;height:min(92vh,820px);min-height:560px;color:var(--on-night)}@media(max-width:900px){.viva .hero{margin-top:-64px}}.viva .hero-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--night);will-change:clip-path}.viva .hero-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:viva-kenburns 18s var(--ease) infinite alternate;opacity:.92}@keyframes viva-kenburns{0%{transform:scale(1.08) translate(0)}to{transform:scale(1.16) translate(-1.5%,-1%)}}.viva .hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#16110c8c,#16110c0d 30%,#16110c40 55%,#16110cdb)}.viva .hero-copy{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(40px,7vh,80px)}@keyframes viva-rise{0%{transform:translateY(105%)}to{transform:none}}.viva .hero .eyebrow{color:#e9c9ae;margin-bottom:22px;animation:viva-fade 1s .2s var(--ease) both}@keyframes viva-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.viva .btns{display:flex;gap:12px;flex-wrap:wrap}.viva .btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font:600 14px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .35s var(--ease),background .35s var(--ease),color .35s var(--ease)}.viva .btn:hover{transform:translateY(-2px)}.viva .btn .arr{transition:transform .35s var(--ease)}.viva .btn:hover .arr{transform:translate(4px)}.viva .btn-light{background:var(--on-night);color:var(--night)}.viva .btn-ghost{border-color:#f4ecdf99;color:var(--on-night)}.viva .btn-ghost:hover{background:#f4ecdf1f}.viva .btn-ink{background:var(--ink);color:var(--paper)}@keyframes viva-cue{0%,to{transform:scaleY(.4);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}.viva .letter{padding-block:clamp(96px,14vw,180px)}.viva .letter .grid{display:grid;grid-template-columns:200px 1fr;gap:40px}@media(max-width:760px){.viva .letter .grid{grid-template-columns:1fr;gap:20px}}.viva .letter .label{color:var(--clay);padding-top:14px}.viva .letter blockquote{margin:0;font:300 clamp(26px,3.4vw,44px)/1.28 var(--f-display);font-variation-settings:"opsz" 72,"SOFT" 50;color:var(--ink);max-width:28ch}.viva .letter blockquote .w{transition:opacity .5s var(--ease),color .5s var(--ease)}html.viva-js .viva .letter blockquote .w{opacity:.34}html.viva-js .viva .letter blockquote .w.lit{opacity:1}.viva .letter .sig{margin-top:36px;display:flex;align-items:center;gap:16px;color:var(--ink-2);font-size:16px}.viva .letter .sig i{font:italic 400 26px var(--f-display);color:var(--clay)}.viva .marquee{border-block:1px solid var(--line);background:var(--paper-2);overflow:hidden;padding-block:26px}.viva .marquee .track{display:flex;width:max-content;will-change:transform}.viva .marquee a{font:400 clamp(34px,4.6vw,60px)/1 var(--f-display);text-decoration:none;padding:0 .6em;white-space:nowrap;display:flex;align-items:center;gap:1.2em;transition:color .3s}.viva .marquee a:nth-child(2n){font-style:italic;color:var(--clay)}.viva .marquee a:after{content:"\2726";font-size:.32em;color:var(--ink-2);font-style:normal}.viva .marquee a:hover{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}.viva .sec{padding-block:clamp(80px,10vw,140px)}.viva .sec-head{display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;align-items:end;margin-bottom:clamp(36px,5vw,60px)}.viva .sec-head .label{color:var(--clay);margin-bottom:16px;display:block}.viva .sec-head p{max-width:46ch;color:var(--ink-2)}.viva .link-u{font:600 13px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;display:inline-flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid currentColor;min-height:44px}.viva .link-u:hover .arr{transform:translate(4px)}.viva .link-u .arr{transition:transform .35s var(--ease)}.viva .feature{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}@media(max-width:860px){.viva .feature{grid-template-columns:1fr}}.viva .frame{position:relative;overflow:hidden;border-radius:4px;aspect-ratio:4/3;max-width:100%;background:var(--paper-2)}.viva .frame img{position:absolute;top:-10%;right:0;bottom:-10%;left:0;width:100%;height:120%;object-fit:cover;will-change:transform}html.viva-js .viva .frame.clip{clip-path:inset(0 0 100% 0);transition:clip-path 1.4s var(--ease)}html.viva-js .viva .frame.clip.in{clip-path:inset(0 0 0 0)}.viva .feature .meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--ink-2);font-size:15px;margin-bottom:22px}.viva .feature .meta .label{color:var(--clay)}.viva .feature h3{font-size:clamp(32px,3.6vw,50px);line-height:1.06;margin-bottom:22px}.viva .feature p{color:var(--ink-2);max-width:44ch;margin-bottom:30px}.viva .rail-ctrl{display:flex;gap:10px}.viva .rail-ctrl button{width:48px;height:48px;border-radius:50%;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:background .3s,color .3s}.viva .rail-ctrl button:hover{background:var(--ink);color:var(--paper)}.viva .rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(240px,27vw,320px);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:var(--ink-2) transparent;padding-left:var(--gut);padding-right:var(--gut-r);scroll-padding-left:var(--gut)}@media(min-width:1240px){.viva .rail{padding-left:calc((100vw - 1240px)/2 + 40px);scroll-padding-left:calc((100vw - 1240px)/2 + 40px)}}@media(min-width:760px)and (max-width:1239px){.viva .rail{padding-left:40px;scroll-padding-left:40px}}.viva .card{scroll-snap-align:start;display:flex;flex-direction:column;min-width:0}.viva .card .ph{position:relative;aspect-ratio:4/5;background:#fff;border-radius:4px;overflow:hidden;display:grid;place-items:center;max-width:100%}.viva .card .ph img{width:78%;height:78%;object-fit:contain;transition:transform .8s var(--ease)}.viva .card:hover .ph img{transform:scale(1.06) translateY(-2%)}.viva .card .tag{position:absolute;top:12px;left:12px;background:var(--paper);color:var(--ink);font:600 11px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;border-radius:999px}.viva .card .add{position:absolute;left:12px;right:12px;bottom:12px;min-height:46px;border-radius:999px;border:0;background:var(--ink);color:var(--paper);font:600 13px var(--f-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transform:translateY(calc(100% + 16px));transition:transform .45s var(--ease),background .3s}.viva .card:hover .add,.viva .card .add:focus-visible{transform:none}@media(hover:none){.viva .card .add{transform:none}}.viva .card .add.done{background:var(--sage)}.viva .card .brand{margin-top:16px;color:var(--ink-2);font:600 12px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase}.viva .card h3{font-size:20px;line-height:1.25;margin-top:6px;font-variation-settings:"opsz" 24}.viva .card h3 a{text-decoration:none}.viva .card .price{margin-top:8px;font:500 16px var(--f-body);font-variant-numeric:tabular-nums}.viva .cinema{background:var(--night);color:var(--on-night);padding-block:clamp(110px,16vw,220px);position:relative;overflow:hidden}.viva .cinema .label{color:#e9b48c;display:block;text-align:center;margin-bottom:34px}.viva .cinema blockquote{margin:0 auto;max-width:18ch;text-align:center;font:300 clamp(40px,6.6vw,92px)/1.04 var(--f-display);font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 100;will-change:transform}.viva .cinema blockquote b{font-weight:400;font-style:normal;color:#f0c8a6}.viva .cinema .src{text-align:center;margin-top:34px;color:var(--on-night-2);font-size:15px}.viva .cinema .glow{position:absolute;width:60vw;height:60vw;max-width:800px;max-height:800px;border-radius:50%;background:radial-gradient(circle,rgba(156,90,50,.35),transparent 65%);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;will-change:transform}.viva .stack{display:grid;gap:28px}.viva .stack-card{position:sticky;top:calc(96px + var(--i) * 18px);display:grid;grid-template-columns:1.1fr 1fr;background:var(--paper);border:1px solid var(--line);border-radius:6px;overflow:hidden;min-height:min(520px,70vh);transform-origin:50% 0;box-shadow:0 -10px 40px -24px #1b161159;will-change:transform}.viva .stack-card .im{position:relative;overflow:hidden;min-height:280px}.viva .stack-card .im img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.viva .stack-card .tx{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:18px;min-width:0}.viva .stack-card .label{color:var(--clay)}.viva .stack-card h3{font-size:clamp(28px,3vw,42px);line-height:1.08}.viva .stack-card p{color:var(--ink-2);max-width:40ch}.viva .stack-card .facts{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;font-size:15px;color:var(--ink-2)}.viva .stack-card .facts b{display:block;font:400 26px/1.1 var(--f-display);color:var(--ink);font-variant-numeric:tabular-nums}@media(max-width:760px){.viva .stack-card{grid-template-columns:1fr;top:calc(76px + var(--i) * 12px);min-height:0}.viva .stack-card .im{min-height:220px;aspect-ratio:16/10}}.viva .finder{background:var(--paper-2)}.viva .moods{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.viva .mood{min-height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:500 16px var(--f-body);cursor:pointer;transition:background .3s,color .3s,transform .3s var(--ease)}.viva .mood:hover{transform:translateY(-2px)}.viva .mood[aria-pressed=true]{background:var(--ink);color:var(--paper)}.viva .pairing{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:760px){.viva .pairing{grid-template-columns:1fr}}.viva .pair{background:var(--paper);border-radius:6px;padding:28px;display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;min-width:0;transition:opacity .35s var(--ease),transform .35s var(--ease)}.viva .pair.swap{opacity:0;transform:translateY(10px)}.viva .pair .th{aspect-ratio:1;border-radius:4px;overflow:hidden;background:#fff;display:grid;place-items:center;max-width:100%}.viva .pair .th img{width:100%;height:100%;object-fit:cover}.viva .pair .th.prod img{object-fit:contain;width:80%;height:80%}.viva .pair .label{color:var(--clay);margin-bottom:8px;display:block}.viva .pair h4{margin:0 0 8px;font:400 22px/1.2 var(--f-display)}.viva .pair p{color:var(--ink-2);font-size:16px}@media(max-width:420px){.viva .pair{grid-template-columns:84px 1fr;padding:20px;gap:16px}}.viva .member{background:var(--sage);color:var(--on-night);padding-block:clamp(90px,12vw,150px)}.viva .member .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end}@media(max-width:860px){.viva .member .grid{grid-template-columns:1fr}}.viva .member h2 em{color:#d9e4c8}.viva .member p{color:#d4dccf;max-width:44ch;margin-top:20px}.viva .member form{display:flex;gap:10px;flex-wrap:wrap}.viva .member label{width:100%;font:600 12px var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:#d4dccf}.viva .member input{flex:1 1 220px;min-height:54px;border-radius:999px;border:1px solid rgba(244,236,223,.5);background:transparent;color:var(--on-night);padding:0 22px;font:400 17px var(--f-body);min-width:0}.viva .member input::placeholder{color:#aebbaa}.viva .member .ok{width:100%;color:#d9e4c8;font-size:16px;min-height:1.6em}.viva .rv.pre{opacity:0;transform:translateY(32px)}.viva .rv{transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}.viva{--s-sec:clamp(56px,7vw,104px);--col-gap:clamp(16px,2vw,24px)}.viva h2{font-size:clamp(32px,4.2vw,56px);line-height:1.02;letter-spacing:-.022em}.viva .sec{padding-block:var(--s-sec)}.viva .letter{padding-block:clamp(56px,7vw,104px)}.viva .cinema{padding-block:clamp(80px,10vw,140px)}.viva .cinema blockquote{font-size:clamp(34px,5.4vw,78px);max-width:20ch}.viva .member{padding-block:clamp(56px,7vw,104px)}.viva .marquee{padding-block:14px}.viva .marquee a{font-size:clamp(28px,3.6vw,46px)}.viva .sec-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);row-gap:14px;align-items:start;border-top:1px solid var(--ink);padding-top:14px;margin-bottom:clamp(28px,3.5vw,48px)}.viva .sec-head>div:first-child{display:contents}.viva .sec-head .label{grid-column:1/4;margin:0;padding-top:8px;line-height:1.4}.viva .label small{display:block;font:400 13px/1.4 var(--f-body);letter-spacing:0;text-transform:none;color:var(--ink-2);margin-top:4px}.viva .sec-head h2{grid-column:4/11}.viva .sec-head>a,.viva .sec-head>.rail-ctrl{grid-column:11/13;justify-self:end;align-self:end}.viva .sec-head>p{grid-column:4/10;font-size:17px}.viva .letter .grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);border-top:1px solid var(--ink);padding-top:14px}.viva .letter .label{grid-column:1/4;padding-top:8px}.viva .letter .grid>div{grid-column:4/12}.viva .feature{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap)}.viva .feature>.frame{grid-column:1/8}.viva .feature>div:last-child{grid-column:8/13}.viva .btn{border-radius:0;min-height:50px;padding:0 22px;font-size:13px;letter-spacing:.1em}.viva .btn:hover{transform:none}.viva .mood,.viva .rail-ctrl button,.viva .card .add,.viva .card .tag,.viva .member input,.viva .card .ph,.viva .frame,.viva .pair,.viva .pair .th{border-radius:0}.viva .mood{min-height:46px;font-size:15px}.viva .mood:hover{transform:none;background:#1b16110f}.viva .mood[aria-pressed=true]:hover{background:var(--ink)}.viva .rail{gap:16px}.viva .card .brand{margin-top:14px}.viva .card h3{font-size:18px}.viva .stack{gap:16px}.viva .stack-card{border-radius:0;box-shadow:0 -1px 0 var(--ink);border:0;background:var(--paper)}.viva .stack-card .tx{padding:clamp(24px,3.5vw,48px)}.viva .moods{margin-bottom:24px}.viva .pairing{gap:16px}.viva .member .grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);border-top:1px solid rgba(244,236,223,.5);padding-top:14px}.viva .member .grid>div{grid-column:1/8}.viva .member .grid>form{grid-column:8/13}.viva .sec-head>a,.viva .sec-head>.rail-ctrl{grid-column:10/13;white-space:nowrap}@media(max-width:1000px){.viva .pairing{grid-template-columns:1fr}}@media(max-width:860px){.viva .feature>.frame,.viva .feature>div:last-child{grid-column:1/-1}.viva .member .grid>div,.viva .member .grid>form{grid-column:1/-1}}@media(max-width:760px){.viva .sec-head,.viva .letter .grid{grid-template-columns:1fr}.viva .sec-head .label,.viva .sec-head h2,.viva .sec-head>p,.viva .sec-head>a,.viva .sec-head>.rail-ctrl,.viva .letter .label,.viva .letter .grid>div{grid-column:1/-1}.viva .sec-head>a,.viva .sec-head>.rail-ctrl{justify-self:start}}.viva .reads{background:var(--night);color:var(--on-night)}.viva .reads .sec-head{border-top-color:#f4ecdf8c}.viva .reads .label{color:#e9b48c}.viva .reads .label small{color:var(--on-night-2)}
/*# sourceMappingURL=/cdn/shop/t/19/assets/viva-home.css.map */