.packaging-index-page{color:#f5f1ea;background:#080708;min-height:100vh}.packaging-index-page img:not(.wordmark-mark){width:100%;display:block}.packaging-index-header{color:#fff}.packaging-index-header:before{background:linear-gradient(#050405e0,#0000)}.packaging-index-header :is(.nav-dock,.language-switcher){background:#0f0c0e94;border-color:#ffffff26}.packaging-index-header :is(.nav-dock a,.language-switcher button){color:#ffffff9e}.packaging-index-header .language-switcher button.is-active{color:#fff;background:#ffffff24}.packaging-index-hero{height:100svh;position:relative;overflow:hidden}.packaging-index-hero>img{object-fit:cover;height:100%;transform:scale(1.03)}.packaging-index-hero>span{background:linear-gradient(#0504053d,#05040524 40%,#050405d9);position:absolute;inset:0}.packaging-index-hero>div{bottom:clamp(2.5rem,6vw,6rem);z-index:1;grid-template-columns:1fr minmax(18rem,30rem);gap:1.2rem;display:grid;position:absolute;inset-inline:clamp(1.3rem,5vw,5.5rem)}.packaging-index-hero p{letter-spacing:.15em;text-transform:uppercase;grid-column:1/-1;margin:0;font-size:.72rem;font-weight:650}.packaging-index-hero h1{letter-spacing:-.06em;max-width:11ch;margin:0;font-size:clamp(3rem,6vw,7rem);font-weight:300;line-height:.95}.packaging-index-hero strong{color:#ffffffb3;align-self:end;font-size:clamp(.95rem,1.15vw,1.2rem);font-weight:400;line-height:1.7}.packaging-index-list{padding:clamp(6rem,10vw,11rem) clamp(1.3rem,5vw,5.5rem)}.packaging-index-project{border-bottom:1px solid #ffffff26;grid-template-columns:minmax(0,1.4fr) minmax(17rem,.6fr);align-items:end;gap:clamp(2rem,5vw,6rem);padding-bottom:clamp(3rem,6vw,6rem);display:grid}.packaging-index-project figure{height:min(76svh,52rem);overflow:hidden}.packaging-index-project img{object-fit:cover;height:100%;transition:transform 1s cubic-bezier(.2,.78,.2,1)}.packaging-index-project:hover img{transform:scale(1.025)}.packaging-index-project small{color:#ffffff73;letter-spacing:.13em;text-transform:uppercase;font-size:.7rem}.packaging-index-project h2{letter-spacing:-.07em;margin:1.5rem 0;font-size:clamp(3.4rem,7vw,8rem);font-weight:300;line-height:.9}.packaging-index-project p{color:#ffffff94;font-size:.9rem;line-height:1.65}.packaging-index-project span{border-bottom:1px solid #ffffff73;margin-top:3rem;padding-bottom:.45rem;font-size:.78rem;display:inline-block}.packaging-index-list footer{justify-content:space-between;align-items:center;padding-top:2rem;font-size:.76rem;display:flex}.packaging-index-list footer p{color:#ffffff6b;margin:0}.packaging-index-list footer a{border-bottom:1px solid #ffffff59;padding-bottom:.35rem}[dir=rtl] .packaging-index-page :is(.packaging-index-hero p,.packaging-index-project small){letter-spacing:0;text-transform:none}[dir=rtl] .packaging-index-page :is(.packaging-index-hero h1,.packaging-index-project h2){letter-spacing:-.025em;line-height:1.15}@media (width<=680px){.packaging-index-header{padding:.85rem .8rem}.packaging-index-header .nav-dock{display:none}.packaging-index-header .language-switcher{display:flex!important}.packaging-index-header .language-switcher button{padding:.42rem .36rem;font-size:.52rem}.packaging-index-hero>img{object-position:center}.packaging-index-hero>div{bottom:2rem;display:block;inset-inline:1.1rem}.packaging-index-hero h1{margin-top:1rem;font-size:clamp(2.8rem,13vw,4.2rem)}.packaging-index-hero strong{max-width:21rem;margin-top:1.2rem;font-size:.88rem;display:block}.packaging-index-project{display:block}.packaging-index-project figure{height:auto}.packaging-index-project figure img{aspect-ratio:4/3}.packaging-index-project>div{padding-top:2rem}.packaging-index-project h2{font-size:3.6rem}.packaging-index-list footer{flex-direction:column;align-items:flex-start;gap:1.5rem}}