
/* v3 — editorial con fotos */
h1,h2,h3{font-style:normal}
h1{font-weight:400;letter-spacing:-.01em;color:var(--logo-ink)}
h2{color:var(--logo-ink)}
.center{text-align:center;margin-inline:auto}
.nav{font-family:var(--display);text-transform:none;letter-spacing:.06em;font-size:.98rem}
.btn-line{display:inline-flex;align-items:center;gap:14px;font-family:var(--display);font-size:1.02rem;letter-spacing:.08em;color:var(--logo-ink);text-decoration:none;border:1px solid currentColor;padding:14px 26px;border-radius:0;transition:background .25s,color .25s}
.btn-line .arr{width:22px;height:11px;transition:transform .25s}
.btn-line:hover{background:var(--logo-ink);color:var(--bg)}
.btn-line:hover .arr{transform:translateX(4px)}
.btn{border-radius:0}

.sprig{position:absolute;width:190px;height:auto;left:-30px;bottom:-20px;opacity:.75;pointer-events:none}
@media (max-width:900px){.sprig{width:120px;opacity:.45}}

.h3ro{position:relative;overflow:hidden;padding-block:clamp(32px,5vw,56px) clamp(40px,6vw,72px);border-bottom:1px solid var(--line)}
.h3ro .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4vw,56px);align-items:center}
.h3ro h1{font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.04;margin-top:14px}
.h3ro.small h1{font-size:clamp(2.4rem,4.6vw,3.8rem)}
.h3ro .sub{font-family:var(--display);font-size:clamp(1.05rem,1.6vw,1.25rem);letter-spacing:.14em;margin:18px 0 30px;color:var(--fg)}
.h3ro .pic{position:relative}
.h3ro .pic img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:2px;box-shadow:0 30px 60px -36px rgba(91,38,53,.45)}
.h3ro .pic::after{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--line);z-index:-1}
@media (max-width:820px){.h3ro .wrap{grid-template-columns:minmax(0,1fr)}.h3ro .pic{order:-1}.h3ro .pic::after{display:none}}

.divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 18px;max-width:max(320px,30vw);padding-inline:16px}
.divider span{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--accent))}
.divider span:last-child{background:linear-gradient(90deg,var(--accent),transparent)}
.divider svg{width:46px;height:auto;flex:none}

.occasions{padding-block:clamp(48px,7vw,80px)}
.occasions h2{font-size:clamp(2rem,4.2vw,3rem)}
.occ-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}
.occ{display:grid;background:var(--card);text-decoration:none;box-shadow:0 20px 40px -32px rgba(91,38,53,.5);transition:transform .35s}
.occ:hover{transform:translateY(-4px)}
.occ .ph{overflow:hidden;display:block}
.occ img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .8s}
.occ:hover img{transform:scale(1.04)}
.occ .lb{font-family:var(--display);font-size:1.3rem;letter-spacing:.12em;text-align:center;padding:22px 12px 26px;position:relative;color:var(--logo-ink)}
.occ .lb::after{content:"";position:absolute;left:50%;bottom:16px;width:44px;height:1px;background:var(--accent);transform:translateX(-50%)}
@media (max-width:820px){.occ-grid{grid-template-columns:minmax(0,1fr)}}

.feature{position:relative;overflow:hidden}
.feature .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.feature.rev .fpic{order:2}
.feature .fpic img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:0 30px 60px -38px rgba(91,38,53,.5)}
.feature.rev .fpic img{aspect-ratio:1/1;max-width:520px;margin-left:auto}
.feature .ftxt{display:grid;gap:16px;justify-items:start}
.feature h2{font-size:clamp(2rem,3.8vw,2.8rem)}
.feature .ftxt p{color:var(--fg)}
.feature .sprig{left:auto;right:-36px;bottom:-30px;transform:scaleX(-1)}
@media (max-width:820px){.feature .wrap{grid-template-columns:minmax(0,1fr)}.feature.rev .fpic{order:0}.feature.rev .fpic img{max-width:none}}

.howto h2,.soonwrap h2{font-size:clamp(2rem,3.8vw,2.8rem)}
.quote blockquote{margin-inline:auto;font-style:italic}
.quote cite{text-align:center}

.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}
.mitem{background:var(--card);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);scroll-margin-top:120px;box-shadow:0 20px 40px -32px rgba(91,38,53,.5)}
.mitem .ph img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover}
.mitem .tx{padding:26px;display:grid;gap:8px;align-content:center}
.mitem h3{font-size:1.6rem;color:var(--logo-ink)}
.mitem p{color:var(--muted);font-size:1rem}
.note{margin-top:28px;color:var(--muted);font-size:.95rem}
@media (max-width:980px){.menu-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.mitem{grid-template-columns:minmax(0,1fr)}.mitem .ph img{min-height:0;aspect-ratio:4/3}}
