:root{--paper:#faf8f3;--ink:#302b25;--muted:#6d6358;--line:#ded7cc;--accent:#7b6344}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}p{color:var(--muted);line-height:1.7}em{font-family:Newsreader,Georgia,serif;font-weight:400}.wrap{width:min(1200px,calc(100% - 88px));margin:auto}.preview{display:flex;justify-content:space-between;background:#eee9df;padding:10px 44px;font-size:10px;color:var(--muted)}header{height:110px;display:flex;justify-content:space-between;align-items:center;font-size:12px}header img{width:250px}.case-head{padding:50px 0 45px;border-top:1px solid var(--line)}.label{font-size:10px;letter-spacing:.12em}.headline{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin-top:25px}h1{font-size:clamp(45px,6.5vw,90px);letter-spacing:-.06em;font-weight:500;line-height:1.04}.headline p{max-width:370px;font-size:16px}.hero img{max-height:700px;object-fit:contain;background:#eee9df}.zoom{border:0;display:block;background:#eee9df;padding:0;width:100%;cursor:zoom-in}.brief{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:85px 0}.brief h2{font-size:48px;font-weight:500;letter-spacing:-.045em;line-height:1.12}.brief p{font-size:14px;margin:14px 0 28px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:60px 30px}.gallery figure{min-width:0}.gallery .wide{grid-column:1/-1}.gallery img{aspect-ratio:1.2;object-fit:contain;background:#eee9df}.gallery .logo img{aspect-ratio:1.4;padding:30px}.gallery .wide img{aspect-ratio:auto;max-height:780px}.gallery .browser img{aspect-ratio:auto}.browserbar{background:#e5dfd5;display:flex;align-items:center;gap:6px;padding:13px 15px;border-radius:10px 10px 0 0}.browserbar i{width:5px;height:5px;border-radius:50%;background:#a69a8b}.browserbar span{font-size:8px;letter-spacing:.1em;margin-left:15px}.gallery figcaption{padding:18px 0}.gallery h3{font-size:15px;font-weight:500}.gallery p{font-size:12px;margin-top:8px}.next{padding:75px 0;margin-top:60px;border-top:1px solid var(--line)}.next>a{display:flex;justify-content:space-between;font-size:clamp(28px,4vw,55px);letter-spacing:-.04em;margin-top:25px}.contact{background:var(--ink);color:var(--paper);padding:60px 0}.contact>.wrap{display:flex;justify-content:space-between;align-items:end;gap:30px}.contact h2{font-size:45px;font-weight:500;letter-spacing:-.04em}.contact a{border-bottom:1px solid #a59a8c;padding:12px 0;font-size:15px}.contact em{color:#d1b99a}footer{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:30px 0}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:15px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}dialog{border:0;background:var(--paper);padding:55px 20px 20px;width:min(95vw,1400px);max-height:95vh}dialog::backdrop{background:#16120ee6}dialog>img{width:100%;max-height:80vh;object-fit:contain}.close{position:absolute;right:20px;top:15px;background:none;border:1px solid var(--line);padding:8px 15px;cursor:pointer;font-size:12px}@media(max-width:650px){.wrap{width:calc(100% - 40px)}.preview{padding:9px 20px;font-size:8px}header{height:85px;font-size:10px}header img{width:170px}.case-head{padding:35px 0}.headline{grid-template-columns:1fr;gap:20px}h1{font-size:49px}.headline p{font-size:14px}.brief{grid-template-columns:1fr;gap:30px;padding:45px 0}.brief h2{font-size:36px}.gallery{grid-template-columns:1fr;gap:30px}.gallery .wide{grid-column:auto}.gallery img{aspect-ratio:auto;max-height:600px}.gallery .logo img{aspect-ratio:1.3;padding:15px}.next{padding:40px 0;margin-top:40px}.contact{padding:40px 0}.contact>.wrap{display:block}.contact h2{font-size:35px}.contact a{display:inline-block;margin-top:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.gallery .wide.logo img{height:300px;aspect-ratio:auto;object-fit:contain} @media(max-width:650px){.gallery .wide.logo img{height:220px}}
.qr-flow{padding:0 0 65px}.qr-flow>div{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:25px}.qr-flow article{border-top:1px solid var(--line);padding-top:15px}.qr-flow small{font-size:10px;color:var(--accent)}.qr-flow h3{font-size:20px;font-weight:500;margin:15px 0 10px}.qr-flow p{font-size:12px}.qr-related{margin-top:30px;max-width:750px}.qr-related a{text-decoration:underline}@media(max-width:650px){.qr-flow>div{grid-template-columns:1fr 1fr}.qr-flow{padding-bottom:40px}}
.beverage-series .zoom{padding:30px}.beverage-series img{max-width:400px;margin:auto;background:transparent}
.seo-breadcrumb{font-size:11px;color:var(--muted);padding:12px 0}.seo-breadcrumb a{text-decoration:underline}
.vecchia-gallery{align-items:start}.vecchia-gallery .vecchia-process img{aspect-ratio:auto;max-height:620px;object-fit:contain;background:white}.production-detail{border-top:1px solid var(--line);margin-top:45px;padding-top:15px}.production-detail summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:18px 0;list-style:none}.production-detail summary::-webkit-details-marker{display:none}.production-sheet{margin:15px 0 0}.production-sheet img{max-height:750px;object-fit:contain;background:#f1ece4}.production-detail[open] summary span{transform:rotate(45deg)}@media(max-width:650px){.vecchia-gallery .vecchia-process img{max-height:560px}.production-detail{margin-top:30px}.production-detail summary{font-size:13px}.production-sheet img{max-height:500px}}