/* THE SERVICE SCULPTURE — a three-act interactive still life. */
.cinema-home{--cinema-paper:#f3efdf;--cinema-lime:#d9ec97;background:var(--cinema-paper)}
.cinema-home main{overflow:clip}.cinema{position:relative;height:100svh;min-height:700px;background:#10251d;color:var(--cinema-paper)}.cinema-stage{position:relative;height:100svh;min-height:700px;overflow:hidden;isolation:isolate}.cinema-live:not(.motion-paused) .cinema{height:340svh}.cinema-live:not(.motion-paused) .cinema-stage{position:sticky;top:0}
.cinema-atmosphere{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 75% 45%,#395640 0,#1e392a 30%,#10251d 68%)}.cinema-atmosphere:after{content:'';position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.cinema-art{position:absolute;left:37%;right:0;top:10%;bottom:7%;z-index:-1;touch-action:pan-y}.cinema-art canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1s}.cinema-rendered .cinema-art canvas{opacity:1}.cinema-poster{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.65;mask-image:radial-gradient(ellipse,#000 25%,transparent 72%);transition:opacity .5s}.cinema-rendered .cinema-poster{opacity:0}.cinema-watermark{position:absolute;bottom:5%;left:3%;font:800 clamp(90px,17vw,300px)/.8 'DM Sans',sans-serif;letter-spacing:-.075em;color:#d9ec9707;white-space:nowrap;pointer-events:none;z-index:-1}
.cinema-copy{height:100%;position:relative;pointer-events:none}.cinema-chapter{position:absolute;top:28%;left:0;max-width:53%;visibility:hidden;opacity:0;transform:translateY(30px);transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1),visibility .6s;pointer-events:none}.cinema-chapter.is-active{visibility:visible;opacity:1;transform:none;pointer-events:auto}.cinema .eyebrow{color:#d6e4b1;font-size:10px;letter-spacing:.2em;margin-bottom:30px}.cinema h1,.cinema h2{font:500 clamp(58px,6.8vw,108px)/.97 'DM Sans',sans-serif;letter-spacing:-.065em;margin:0 0 30px;color:var(--cinema-paper)}.cinema h1 em,.cinema h2 em{font-family:'Horecal Display',Georgia,serif;color:var(--cinema-lime);font-weight:400;letter-spacing:-.045em}.cinema-description{font-size:15px;line-height:1.8;color:#d1dbca;margin:0 0 28px;max-width:370px}.cinema .hero-actions{gap:22px;align-items:center;flex-wrap:wrap}.cinema .btn{background:var(--cinema-lime);color:#163424;box-shadow:none;gap:25px;padding:17px 25px}.cinema-skip{color:#e3e9da;font-size:12px;border-bottom:1px solid #b3cba257;padding:10px 0}
.cinema-footer{position:absolute;left:0;right:0;bottom:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #bbd2a92b;padding-top:19px}.cinema-chapter-index{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.08em;color:#d9ec97}.cinema-index-line{height:1px;width:115px;background:#d9ec9740}.cinema-index-line i{display:block;width:100%;height:1px;background:#d9ec97;transform:scaleX(.03);transform-origin:left}.cinema-direction{font-size:8px;letter-spacing:.2em;color:#c9d6c1}.cinema .motion-toggle{color:#e3edce;border:1px solid #b4c99f61;background:#172f23;padding:9px 13px;font-size:10px;min-height:36px}.cinema-caption{position:absolute;right:4%;top:16%;font-size:7px;letter-spacing:.2em;color:#c9d6c1;writing-mode:vertical-rl}.service-ribbon{background:var(--cinema-lime);padding:42px max(25px,6vw);display:flex;align-items:center;justify-content:space-between;gap:30px;color:#183924}.service-ribbon>span{font-size:9px;letter-spacing:.18em;max-width:90px;line-height:1.6}.service-ribbon strong{font:500 clamp(30px,4vw,58px)/1.15 'DM Sans',sans-serif;letter-spacing:-.045em;text-align:center}.service-ribbon em{font-family:'Horecal Display',Georgia,serif;font-weight:400}.cinema-home .collection-section{background:var(--cinema-paper)}
.cinema-home .nav{background:#10251de8!important;border-bottom:1px solid #b8c9a927;backdrop-filter:blur(14px)}.cinema-home .nav .wordmark,.cinema-home .nav .links a,.cinema-home .nav .hamb{color:#f3efdf}.cinema-home .nav .tag{color:#c8d6bb}.cinema-home .nav .btn{background:var(--cinema-lime);color:#163424}.cinema-home .nav .mark:before{background:var(--cinema-lime)}.cinema-home .nav .mark i{border-color:var(--cinema-lime)}
.collection-card{transform-origin:50% 80%}.collection-image{overflow:hidden}.collection-image img{transition:transform .9s cubic-bezier(.16,1,.3,1)}.collection-card:hover .collection-image img{transform:scale(1.1) rotate(-2deg)}.collection-card .card-arrow{transition:transform .6s,background .6s}.collection-card:hover .card-arrow{transform:rotate(45deg);background:var(--cinema-lime)}
.cinema-failed .cinema-direction{visibility:hidden}.cinema-home .story-orbit{border-style:solid;opacity:.35}
@media(max-width:1100px){.cinema h1,.cinema h2{font-size:70px}.cinema-chapter{max-width:58%}.cinema-art{left:36%;top:15%;bottom:8%}.cinema-description{font-size:14px;max-width:310px}.cinema .hero-actions{gap:14px}.cinema-skip{font-size:11px}}
@media(max-width:760px){.cinema,.cinema-stage{min-height:740px}.cinema-live:not(.motion-paused) .cinema{height:290svh}.cinema-chapter{top:116px;left:0;max-width:100%;width:100%}.cinema h1,.cinema h2{font-size:clamp(45px,9.7vw,66px);margin-bottom:15px}.cinema .eyebrow{font-size:8px;margin-bottom:18px;letter-spacing:.13em}.cinema-description{font-size:12px;line-height:1.65;max-width:310px;margin-bottom:17px}.cinema .hero-actions{margin:18px 0}.cinema .btn{font-size:11px;padding:12px 17px;gap:16px;min-height:44px}.cinema-skip{font-size:10px}.cinema-art{left:-6%;right:-6%;top:42%;bottom:8%}.cinema-footer{bottom:72px;gap:10px;padding-top:12px}.cinema-index-line{width:45px}.cinema-chapter-index{gap:8px;font-size:10px}.cinema-direction{font-size:6px;letter-spacing:.12em;max-width:78px;text-align:center;line-height:1.6}.cinema .motion-toggle{font-size:9px;padding:8px 10px;min-height:36px}.cinema-caption{right:12px;top:47%;font-size:5px;letter-spacing:.13em}.cinema-watermark{bottom:16%;font-size:25vw}.service-ribbon{padding:30px 20px}.service-ribbon>span{display:none}.service-ribbon strong{font-size:34px;text-align:left}.cinema-home .navin{height:74px}}
@media(max-height:700px) and (min-width:761px){.cinema,.cinema-stage{min-height:600px}.cinema-chapter{top:24%}.cinema h1,.cinema h2{font-size:64px;margin-bottom:16px}.cinema .eyebrow{margin-bottom:16px}.cinema-description{font-size:13px;margin-bottom:15px}.cinema-footer{bottom:20px}}
@media(prefers-reduced-motion:reduce){.cinema,.cinema-stage{height:100svh}.cinema-chapter{transition:none}.cinema-art canvas{transition:none}}
@media(prefers-reduced-motion:no-preference){.cinema-chapter:first-child h1{animation:cinemaTitle 1.4s cubic-bezier(.16,1,.3,1) both}.motion-paused .cinema-chapter:first-child h1{animation:none}}
@keyframes cinemaTitle{from{clip-path:inset(0 0 100%);transform:translateY(35px)}to{clip-path:inset(0);transform:none}}
.receipt-art{overflow:hidden;perspective:1000px;border-radius:22px;background:radial-gradient(ellipse at 50% 60%,#41614244,transparent 65%)}.receipt-art .requirement-sheet{top:auto;bottom:75px;left:50%;transform:translate(-50%,0) rotate(-3deg);width:300px;max-width:78%;min-height:380px;box-shadow:0 30px 60px #001a1380;transform-origin:50% 100%;border-bottom:8px dotted #d8d7be}.receipt-machine{position:absolute;bottom:28px;left:8%;right:8%;height:80px;background:linear-gradient(#203d2d,#10281c);border:1px solid #597347;border-radius:12px;z-index:4;box-shadow:0 20px 50px #001a1466}.receipt-machine:before{content:'';position:absolute;top:0;left:7%;right:7%;height:5px;background:#07180e;box-shadow:0 -2px 8px #c2d69622}.receipt-machine span{position:absolute;left:25px;top:32px;color:#d0deb3;font-size:8px;letter-spacing:.15em}.receipt-machine i{position:absolute;right:25px;top:32px;width:6px;height:6px;border-radius:50%;background:#d9ec97;box-shadow:0 0 14px #d9ec97}.receipt-art .sheet-seal{transition:transform .5s}.receipt-art.is-printed .sheet-seal{transform:rotate(-15deg) scale(1.1)}
@media(max-width:760px){.receipt-art{height:540px}.receipt-art .requirement-sheet{min-height:360px;bottom:75px}.receipt-machine{left:4%;right:4%}}
@media(max-width:760px) and (max-height:740px){.cinema,.cinema-stage{min-height:620px}.cinema-chapter{top:96px}.cinema h1,.cinema h2{font-size:43px;margin-bottom:10px}.cinema .eyebrow{margin-bottom:12px}.cinema-description{font-size:11px;margin-bottom:12px}.cinema .hero-actions{margin-top:12px}.cinema-art{top:43%;bottom:17%}.cinema-footer{bottom:78px}.cinema-caption{display:none}}
@media(max-height:590px){.cinema-live:not(.motion-paused) .cinema-stage{position:relative}.cinema-live:not(.motion-paused) .cinema{height:700px}.cinema-stage{height:700px;min-height:700px}.cinema-direction{visibility:hidden}}

.motion-paused .cinema-chapter{transition:none}
.cinema-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .7s;mask-image:radial-gradient(ellipse 65% 65% at 50% 50%,#000 55%,transparent 90%)}.cinema-film-ready .cinema-film{opacity:1}.cinema-film-ready .cinema-poster{opacity:0}.cinema-film-ready #kitchenScene{display:none}.motion-paused .cinema-film{transition:none}
@media(prefers-reduced-motion:reduce){.cinema-film-ready .cinema-film{visibility:hidden}.cinema-film-ready .cinema-poster{opacity:1}}
.cinema-film,.cinema-poster{mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,#000 45%,transparent 73%)}
