.editorial{padding:120px 0;background:#f4eee6}.editorial-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:52px}.editorial-head h2{max-width:760px;font-size:clamp(46px,6vw,82px);line-height:.94}.editorial-head>p{max-width:390px;color:#74685f;font-size:13px;line-height:1.8}.editorial-columns{display:grid;grid-template-columns:1fr 1fr;gap:56px}.editorial-column-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:20px}.editorial-column-head h3{font:400 28px var(--serif)}.editorial-column-head span{font:500 9px var(--sans);letter-spacing:.16em;color:var(--wine)}.article-list{display:grid;gap:18px}.article-card{display:grid;grid-template-columns:150px 1fr;min-height:142px;background:#fbf8f2;border:1px solid rgba(63,50,43,.1);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.article-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(45,35,30,.08)}.article-card-media{background:#e7ded2;overflow:hidden}.article-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card:hover img{transform:scale(1.06)}.article-card-media:empty:after{content:'VIVAN';display:grid;place-items:center;height:100%;color:#8b766b;font:500 10px var(--sans);letter-spacing:.2em}.article-card-copy{padding:20px 22px;display:flex;flex-direction:column}.article-meta{color:var(--wine);font:500 8px var(--sans);letter-spacing:.15em;text-transform:uppercase}.article-card h4{font:400 23px/1.08 var(--serif);margin:9px 0 8px}.article-card p{color:#74685f;font-size:11px;line-height:1.55;margin:0}.article-card-link{margin-top:auto;padding-top:12px;font:500 8px var(--sans);letter-spacing:.15em}.article-empty{padding:28px;border:1px dashed var(--line);color:#7d7066;font-size:12px}
.article-detail{position:fixed;inset:0;z-index:150;background:var(--paper);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(18px);transition:.3s}.article-detail.open{opacity:1;visibility:visible;transform:none}.article-detail-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;background:rgba(251,248,242,.96);backdrop-filter:blur(12px)}.article-detail-header button{border:0;background:none;color:var(--ink);font:500 9px var(--sans);letter-spacing:.14em;cursor:pointer}.article-detail-hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px}.article-detail-image{background:#e9e0d5;min-height:520px}.article-detail-image img{width:100%;height:100%;object-fit:cover}.article-detail-title{padding:8vw;align-self:center}.article-detail-title h2{font-size:clamp(48px,6vw,86px);line-height:.95;margin:18px 0 28px}.article-detail-title p{color:#71655c;font-size:14px;line-height:1.8}.article-detail-body{max-width:820px;margin:0 auto;padding:90px 30px 130px;font:400 17px/1.95 var(--serif);color:#463b35}.article-detail-body p{margin:0 0 1.4em}.article-detail-body h2,.article-detail-body h3{margin:1.6em 0 .7em;line-height:1.15}.article-detail-body img{max-width:100%;height:auto}
@media(max-width:900px){.editorial-columns,.article-detail-hero{grid-template-columns:1fr}.editorial-head{align-items:start;flex-direction:column}.article-detail-title{padding:70px 8vw}.article-detail-image{min-height:460px}}
@media(max-width:620px){.editorial{padding:80px 0}.editorial-columns{gap:52px}.article-card{grid-template-columns:105px 1fr;min-height:132px}.article-card-copy{padding:16px}.article-card h4{font-size:20px}.article-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-detail-header{height:70px}.article-detail-header .brand{display:none}.article-detail-image{min-height:340px}.article-detail-title{padding:54px 6vw}.article-detail-body{padding:65px 6vw 90px}}