:root{--packaging:#881d58;--copper:#881d58}.packaging-brand{width:166px;height:62px;overflow:hidden;position:relative}.packaging-brand img{position:absolute;width:166px;height:auto;top:0;clip-path:inset(0 0 33% 0)}.packaging-brand>span{position:absolute;left:32px;bottom:3px;letter-spacing:4px;font-size:13px;font-weight:600;color:#881d58;background:#fafaf7;padding:3px 0 0}.hero h1 em{color:#dac3d2}.hero .hero-photo:after{background:linear-gradient(90deg,#09182be8,#161d3150 75%),linear-gradient(0deg,#09182cc0,transparent 65%)}.hero h1{font-size:clamp(64px,7.8vw,122px)}.eyebrow{color:#881d58}.cream{background:#f0e9e9}.cream:hover{background:#ddc8d4}.sector-strip i{background:#881d58}.perspective-intro h2 em,.moves-copy h2 em,.saudi-section h2 em{color:#881d58}.packaging-principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;gap:35px}.packaging-principles>div{border-top:1px solid #cbd0d7;padding-top:24px}.packaging-principles span{font-size:8px;letter-spacing:1.4px;color:#881d58}.packaging-principles h3{font-size:20px;font-weight:500;letter-spacing:-.6px;margin-top:25px}.packaging-principles p{font-size:12px;color:var(--muted);margin-top:10px}.packaging-range{background:#eaece8}.range-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.range-card{display:block;min-width:0}.range-visual{height:300px;position:relative;background:#dddde2;overflow:hidden;perspective:700px}.range-number{position:absolute;top:18px;left:18px;font-size:7px;letter-spacing:1px;color:#5e6575}.mini-pack{position:absolute;width:120px;height:180px;left:50%;top:54%;padding:16px;color:#7b2255;background:#f9f6f1;border-right:12px solid #e5dce1;box-shadow:15px 20px 25px #1b1d3e26;display:flex;flex-direction:column;justify-content:space-between;transition:transform .8s}.pack-a{transform:translate(-35%,-45%) rotate(-8deg) rotateY(-18deg);z-index:2}.pack-b{transform:translate(-75%,-60%) rotate(12deg) rotateY(-18deg);background:#881d58;border-color:#65133e;width:100px;height:160px}.mini-pack>span{font-size:13px;letter-spacing:1px}.mini-pack small{font-size:5px;letter-spacing:2px;display:block;margin-top:4px}.mini-pack b{font-size:16px;line-height:1.2;font-weight:500}.mini-pack i{font-size:43px;line-height:1;font-style:normal}.range-card:hover .pack-a{transform:translate(-25%,-51%) rotate(1deg) rotateY(-7deg)}.range-card:hover .pack-b{transform:translate(-90%,-57%) rotate(-7deg)}.food{background:#e0dfd0}.food .pack-a{background:#e7e8d5;color:#526344;border-color:#bdc4aa}.food .pack-b{background:#546746;border-color:#3b4e32}.label{background:#e2d9de}.label .mini-pack{width:145px;height:145px;border-radius:50%;border-right:7px solid #dbc8d2;align-items:center;text-align:center;padding:17px}.label .mini-pack i{position:absolute;right:10px;bottom:15px;font-family:Georgia,serif;font-size:35px}.label .pack-b{background:#881d58;top:46%}.leaflet{background:#d9dfe5}.leaflet .mini-pack{background:repeating-linear-gradient(0deg,transparent 0 8px,#15234e14 8px 9px),#f4f5f1;width:135px;border-right:3px solid #c7cdd6;box-shadow:8px 15px 20px #15234e21;color:#263a8b}.concept-caption{position:absolute;bottom:13px;left:16px;font-size:6px;letter-spacing:1px;color:#737784}.range-copy{padding:24px 0;border-bottom:2px solid #881d58}.range-copy>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.range-copy h3{font-size:17px;font-weight:500;letter-spacing:-.5px}.range-copy>div>span{font-size:21px;color:#881d58}.range-copy strong{font-size:11px;font-weight:500;display:block;margin-top:15px}.range-copy p{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.8}.range-foot{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.range-foot>span{font-size:12px;color:var(--muted)}.journey-copy>p:not(.large-copy){font-size:13px;color:var(--muted);line-height:1.9;margin-top:18px}.journey-copy>.large-copy{margin-top:24px}.blueprint-caption h3{font-size:24px}.next-moves{background:#eee8eb}.moves-copy h2{font-size:clamp(55px,6.3vw,96px)}.moves-copy h2 em:after{border-color:#881d5550}.moves-edition{max-width:180px;text-align:right}.fold-toggle{display:flex;align-items:center;justify-content:space-between;gap:40px;background:none;color:#881d58;border:0;border-top:1px solid #c5b5c0;border-bottom:1px solid #c5b5c0;padding:21px 0;margin-top:28px;font-size:12px;min-width:260px}.fold-toggle span{font-size:22px}.fold-art{height:440px;position:relative;display:grid;place-items:center;perspective:1100px}.fold-orbit{position:absolute;width:430px;height:430px;border:1px solid #a78f9f33;border-radius:50%;transform:rotateX(60deg);box-shadow:0 0 0 30px #bda5b514,0 0 0 60px #bda5b50a}.fold-object{position:relative;width:210px;height:280px;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(-28deg) rotateZ(7deg);animation:package-drift 8s ease-in-out infinite}.fold-face{position:absolute;transition:transform 1.5s cubic-bezier(.2,.8,.2,1)}.fold-front{inset:0;background:linear-gradient(130deg,#9a326c,#771444);padding:22px;color:#f1e9e9;transform:translateZ(45px);display:flex;flex-direction:column;justify-content:space-between;box-shadow:20px 28px 45px #48253c22}.fold-front>span{font-size:18px;letter-spacing:2px}.fold-front small{display:block;font-size:6px;letter-spacing:3px;margin-top:6px}.fold-front strong{font:150px/.7 Georgia,serif;font-weight:400}.fold-front p{font-size:9px;line-height:1.5}.fold-side{width:90px;height:280px;left:120px;background:#63103b;transform-origin:right;transform:translateZ(45px) rotateY(90deg);padding:20px 13px;color:#e0c9d6}.fold-side span{writing-mode:vertical-rl;font-size:8px;letter-spacing:2px}.fold-top{width:210px;height:90px;top:0;background:#dac9d4;color:#77204f;transform-origin:top;transform:translateZ(45px) rotateX(-90deg);padding:32px 20px;font-size:12px}.fold-back{width:210px;height:280px;inset:0;background:#932a63;transform:translateZ(-45px)}.fold-object.unfolded .fold-top{transform:translateZ(45px) rotateX(-215deg)}.fold-object.unfolded .fold-side{transform:translateZ(45px) rotateY(160deg)}.fold-object.unfolded .fold-front{transform:translateZ(45px) rotateY(-12deg)}.fold-art .sculpture-caption{bottom:10px}.moves-footer i{background:#881d58}.saudi-section{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;background:#e9edf3;border-bottom:1px solid #d2d8e2}.saudi-section h2{margin-top:24px}.saudi-copy>p:not(.large-copy){font-size:13px;color:var(--muted);margin-top:20px}.saudi-copy .text-link{margin-top:16px}.contact{gap:6%;grid-template-columns:1.5fr 1fr}.contact .email-link{font-size:clamp(15px,1.9vw,27px);gap:20px}.values{background:linear-gradient(115deg,#15234e,#293252)}.values h2 em{color:#dcc8d4}.packaging-brand>span{background:#fafaf7}footer .packaging-brand>span{background:var(--paper)}
.packaging-hero-image{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.45);animation:packaging-reveal 1.6s ease-out both}.hero .hero-photo{background:#17293b}.hero .hero-photo:after{background:linear-gradient(90deg,#09182bef 0%,#152039a8 50%,#2c193c4a),linear-gradient(0deg,#09182cb0,transparent 65%)}.hero-photo:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(115deg,transparent 35%,#e2bcd30d 48%,transparent 60%);background-size:240% 100%;animation:light-pass 12s ease-in-out infinite;pointer-events:none}.hero-side{color:#e6d0de}.hero .hero-bottom>a:first-child>span:last-child{color:#e1c6d6}
@keyframes packaging-reveal{from{opacity:.4;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes light-pass{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@keyframes package-drift{50%{transform:translateY(-14px) rotateX(-9deg) rotateY(-16deg) rotateZ(4deg)}}
@media(max-width:1100px){.range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 25px}.range-visual{height:340px}.fold-art{scale:.9}.fold-orbit{width:350px;height:350px}.moves-copy h2{font-size:70px}.contact .email-link{font-size:19px}}
@media(max-width:760px){.packaging-brand{width:145px;height:56px}.packaging-brand img{width:145px;height:auto}.packaging-brand>span{font-size:11px;letter-spacing:3.5px;left:27px;bottom:5px}.hero h1{font-size:clamp(58px,11.5vw,85px)}.hero .eyebrow{font-size:7px}.packaging-principles{grid-template-columns:1fr;gap:25px;margin-top:35px}.packaging-principles h3{margin-top:15px}.range-grid{gap:30px 16px}.range-visual{height:240px}.mini-pack{scale:.8;left:44%;top:48%}.label .mini-pack{scale:.72;left:38%}.range-number{font-size:6px;left:10px;top:12px}.concept-caption{font-size:5px;left:8px;letter-spacing:.5px}.range-copy h3{font-size:16px}.range-copy strong{font-size:10px;min-height:30px}.range-copy p{font-size:10px}.range-foot{align-items:flex-start;flex-direction:column;gap:12px}.range-foot>span{font-size:11px}.moves-copy h2{font-size:65px}.fold-art{height:370px;width:100%;scale:.9}.fold-orbit{width:330px;height:330px}.fold-object{scale:.9}.fold-toggle{min-width:250px}.saudi-section{grid-template-columns:1fr;gap:30px}.saudi-copy .large-copy{font-size:18px}.saudi-copy>p:not(.large-copy){font-size:12px}.contact{grid-template-columns:1fr}.contact .email-link{font-size:clamp(14px,4.1vw,20px);gap:14px}.contact-details>div:last-child{grid-column:1/-1}.moves-edition{font-size:6px}.perspective-intro h2{font-size:41px}.blueprint-tabs button{font-size:9px}}
@media(max-width:390px){.range-grid{grid-template-columns:1fr}.range-visual{height:300px}.mini-pack{scale:1;left:50%;top:54%}.label .mini-pack{scale:1;left:50%}.moves-copy h2{font-size:58px}}
@media(prefers-reduced-motion:reduce){.fold-object{animation:none}.fold-face{transition:none}.hero-photo{background:linear-gradient(90deg,#0c1930ba,#0c193030),url('/images/factory.jpg') center/cover!important}.reveal{opacity:1;transform:none}}
