/* Cinematic PRESSLY: real-time product sculpture and scroll-linked chapters. */
:root{--scene-ink:#f4efd9;--scene-muted:#c5c9b3}
.header{position:absolute;left:0;right:0;top:0;z-index:30;height:88px;background:transparent;border-bottom:1px solid #d5c68b25;padding:0 4%}.header .brand{font-size:30px}.brand-mark{display:none}.header nav{font-size:12px;gap:30px}.header nav .nav-cta{border-radius:30px;padding:10px 22px}.brand small{font-size:7px;letter-spacing:2.7px}
.cinema{height:310svh;position:relative;background:#071b15;--scene-ink:#f4efd9;--scene-muted:#b8c3ac}.cinema-stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 52% 44%,#4d582c 0%,#183b29 27%,#071b15 70%);color:var(--scene-ink);transition:background-color 1s,color 1s;isolation:isolate}.cinema-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#fffdf3 0%,#e2e3d5 46%,#cdd1bb 100%);opacity:0;transition:opacity 1.1s;z-index:-2}.cinema-stage:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#fff5dc 0%,#ece0c6 50%,#d4c9b1 100%);opacity:0;transition:opacity 1.1s;z-index:-1}.cinema[data-tone=light],.cinema[data-tone=warm]{--scene-ink:#183729;--scene-muted:#536348}.cinema[data-tone=light] .cinema-stage:before{opacity:1}.cinema[data-tone=warm] .cinema-stage:after{opacity:1}.cinema-grain{position:absolute;inset:0;opacity:.12;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:5;mix-blend-mode:soft-light}
.cinema-heading{position:absolute;top:18%;left:4%;right:4%;text-align:center;z-index:1;pointer-events:none}.cinema-heading .eyebrow{font-size:10px;letter-spacing:4px;margin-bottom:17px;color:var(--scene-muted)}.cinema-heading h1{font-size:clamp(90px,12vw,190px);line-height:.95;letter-spacing:-6px;margin:0;color:var(--scene-ink);font-weight:400}.cinema-heading h1 em{display:block;font-size:clamp(36px,5.7vw,82px);line-height:1.18;letter-spacing:-2px;margin-top:8px;color:var(--scene-ink);opacity:.6}.cinema-heading h1>span{display:block}
#cinema-canvas{position:absolute;inset:10% 0 8%;z-index:2;touch-action:pan-y;cursor:grab}#cinema-canvas:active{cursor:grabbing}#cinema-canvas canvas{display:block;width:100%;height:100%}.cinema-fallback{position:absolute;top:35%;left:calc(50% - 140px);width:280px;height:48%;object-fit:cover;object-position:50% 65%;border-radius:130px;z-index:2}.webgl-ready .cinema-fallback{display:none}.no-webgl .cinema-fallback{display:block}.no-webgl #cinema-canvas{display:none}.no-webgl .motion-controls{display:none}.no-webgl .product-render:not([src]){display:none}
.cinema-side{position:absolute;left:6%;top:64%;z-index:4;max-width:240px}.cinema-side>span{font-size:9px;letter-spacing:2.8px;color:var(--scene-muted)}.cinema-side p{font:24px/1.3 var(--serif);margin-top:17px;text-wrap:balance}.cinema-cta{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:45px;margin-top:22px;min-height:44px;border-bottom:1px solid #bda66a;padding:8px 0;color:var(--scene-ink)}.cinema-cta span{font-size:21px}.cinema-coordinate{position:absolute;right:6%;top:67%;z-index:3;font-size:8px;letter-spacing:2px;line-height:2;color:var(--scene-muted)}.cinema-controls{position:absolute;bottom:36px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:6}.chapter-buttons{display:flex;gap:24px}.chapter-buttons button,.motion-controls button{border:0;background:transparent;color:var(--scene-muted);font-size:10px;padding:12px 0;min-height:44px}.chapter-buttons button{display:flex;gap:9px;align-items:center;border-top:1px solid transparent}.chapter-buttons button[aria-pressed=true]{color:var(--scene-ink);border-color:#bd9b56}.chapter-buttons button span{font-size:10px}.motion-controls{display:flex;gap:25px}.motion-controls button:hover,.chapter-buttons button:hover{color:var(--scene-ink)}.cinema-scroll{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);z-index:3;color:var(--scene-muted);font-size:8px;letter-spacing:2.5px;text-align:center}.cinema-scroll span{display:block;font-size:19px;margin-top:7px;animation:scroll-breathe 2s ease-in-out infinite}.cinema-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#d4c99a15;z-index:8}.cinema-progress span{display:block;width:100%;height:100%;background:#b59a55;transform:scaleX(0);transform-origin:left}@keyframes scroll-breathe{50%{transform:translateY(6px);opacity:.5}}
.brand-strip{background:#f4f0e7;padding:24px 6%;font-size:8px;letter-spacing:2px}.collection{background:#f4f0e7;padding-top:100px}.collection .section-heading{text-align:center;align-items:center;flex-direction:column;gap:22px;margin-bottom:35px}.collection .section-heading h2{font-size:clamp(55px,6.4vw,92px);letter-spacing:-3px}.collection .section-heading>p{max-width:500px;font-size:13px}.collection-tools{justify-content:center;position:relative}.collection-hint{position:absolute;right:0;font-size:13px}.product-grid{gap:50px 27px}.product-art{background:radial-gradient(ellipse at 50% 45%,#f5f1e2,#e3dfce);aspect-ratio:1/1.16;border:1px solid #d7d5c7;border-radius:160px 160px 3px 3px;isolation:isolate}.product-art:after{background:none;border-radius:inherit;border:7px solid #f8f5ec55;pointer-events:none}.product-art:before{content:'';position:absolute;left:15%;right:15%;bottom:11%;height:9%;background:radial-gradient(ellipse,#494a3244,transparent 68%);z-index:-1}.product-render{width:100%;height:100%;object-fit:contain;position:relative;transition:transform .7s cubic-bezier(.2,.65,.3,1);filter:drop-shadow(8px 20px 14px #3e361a25);transform:scale(1.02)}.product-art:hover .product-render{transform:translateY(-7px) rotate(-3deg) scale(1.07)}.product-index{top:50px;left:27px;color:#7f754a;font-size:14px}.product-tag{top:auto;bottom:24px;left:22px;right:auto;color:#71603d;font-size:7px}.round-arrow{color:var(--green);border-color:#b6a273;background:#f4efdca0;width:40px;height:40px;bottom:17px;right:20px}.product-meta{text-align:center;padding-top:22px}.product-meta>span{font-size:8px;letter-spacing:2px}.product h3{font-size:27px;margin:10px 0}.product-meta p{font-size:12px}.fine-print{text-align:center;margin:40px auto 0;color:#737666;font-size:10px}.detail-art{background:radial-gradient(#eee8d4,#cecbb5);display:flex;align-items:center}.detail-product-render{width:100%;height:auto;object-fit:contain;filter:drop-shadow(10px 15px 12px #3b301c30)}.detail-art small{color:#4b583f}.story-image{border-radius:180px 180px 0 0}.story-copy h2 em,.quality h2 em{font-weight:400}
@media(min-width:1500px){.cinema-side{left:10%;max-width:270px}.cinema-coordinate{right:10%}.cinema-heading{top:15%}}
@media(max-width:1000px){.header nav{gap:18px;font-size:10px}.cinema-heading{top:20%}.cinema-heading h1{font-size:112px}.cinema-heading h1 em{font-size:53px}.cinema-side{left:5%;max-width:190px;top:64%}.cinema-side p{font-size:20px}.cinema-coordinate{right:5%;font-size:7px}.collection-hint{display:none}.product h3{font-size:24px}}
@media(max-width:850px){.header{height:80px}.header nav{background:#0b2118}.cinema-side{top:65%;max-width:170px}.cinema-side p{font-size:18px}.cinema-controls{bottom:24px}.chapter-buttons{gap:14px}.chapter-buttons button span{display:none}.cinema-coordinate{display:none}.cinema-heading h1{font-size:98px;letter-spacing:-4px}.cinema-heading h1 em{font-size:45px}.motion-controls{gap:16px}.product-art{border-radius:130px 130px 3px 3px}.product-grid{gap:35px 20px}}
@media(max-width:550px){.header{padding:0 6%;height:76px}.header .brand{font-size:27px}.header nav{top:76px}.cinema{height:280svh}.cinema-stage{min-height:650px}.cinema-heading{top:16%;left:3%;right:3%}.cinema-heading .eyebrow{font-size:7px;letter-spacing:2.5px;margin-bottom:17px}.cinema-heading h1{font-size:78px;letter-spacing:-4px}.cinema-heading h1 em{font-size:32px;letter-spacing:-1px;margin-top:7px}#cinema-canvas{inset:23% -21% 16%}.cinema-side{top:auto;bottom:115px;left:7%;right:7%;max-width:none;text-align:center}.cinema-side>span{font-size:7px;letter-spacing:2px}.cinema-side p{font-size:16px;max-width:300px;margin:8px auto 0}.cinema-cta{justify-content:center;gap:23px;font-size:11px;border-bottom:0;margin-top:4px;min-height:36px}.cinema-scroll{display:none}.cinema-controls{bottom:20px;left:7%;right:7%;align-items:flex-end}.motion-controls{gap:12px;flex-direction:column;align-items:flex-end}.motion-controls button{font-size:9px;min-height:30px;padding:3px 0}.chapter-buttons button{font-size:10px;min-width:28px}.chapter-buttons{gap:10px}.product-grid{gap:32px 15px}.product-art{aspect-ratio:1/1.4;border-radius:80px 80px 3px 3px}.product-render{transform:scale(1.20)}.product-art:hover .product-render{transform:scale(1.24) rotate(-2deg)}.product-index{top:30px;left:16px;font-size:11px}.product-tag{display:none}.round-arrow{width:30px;height:30px;right:12px;bottom:12px}.product h3{font-size:20px;letter-spacing:-.4px}.product-meta p{font-size:10px}.product-meta>span{font-size:6px;letter-spacing:1.4px}.collection .section-heading h2{font-size:53px;letter-spacing:-2px}.collection{padding-top:65px}.detail-product-render{max-height:300px;object-fit:contain}.cinema-fallback{width:190px;left:calc(50% - 95px);height:35%;top:36%}.floating-enquiry{padding:10px;right:14px;bottom:14px}.floating-enquiry span{display:none}.cinema-controls{right:60px}}
@media(prefers-reduced-motion:reduce){.cinema-stage:before,.cinema-stage:after{transition:none}.cinema-scroll span{animation:none}.product-render{transition:none}.cinema{height:190svh}}
.cinema-side{top:auto;bottom:125px}.cinema-side p{font-size:21px}.cinema-cta{margin-top:15px}
@media(max-width:850px){.cinema-side p{font-size:18px}}
@media(max-width:550px){.cinema-side{bottom:115px}.cinema-side p{font-size:16px}.cinema-cta{margin-top:4px}}
.header{height:104px}.official-brand{display:block;flex:none;line-height:0;background:transparent;border-radius:0;overflow:visible}.official-brand img{display:block;width:116px;height:auto}.footer-brand.official-brand img{width:180px}.header nav{padding-left:25px}
@media(max-width:850px){.header nav{top:104px;padding-left:6%}}
@media(max-width:550px){.header{height:92px}.official-brand img{width:100px}.header nav{top:92px}.footer-brand.official-brand img{width:150px}}

.header .official-brand{background:transparent;border-radius:0;overflow:visible}

.header .official-brand{background:transparent;border-radius:0;overflow:visible}

/* The supplied crystal drop is the first paint and stays until the studio is ready. */
.cinema-fallback{display:block;top:0;left:50%;width:min(540px,66vw);height:100%;object-fit:contain;object-position:center;transform:translateX(-50%);border-radius:0;z-index:3;pointer-events:none;opacity:var(--drop-opacity,1);mask-image:radial-gradient(ellipse at center,#000 34%,transparent 72%)}
.webgl-ready .cinema-fallback{display:block}.no-webgl .cinema-fallback{opacity:1}#cinema-canvas{opacity:0}
@media(max-width:550px){.cinema-fallback{top:18%;height:62%;width:90vw}}

/* Preserve the full portrait photograph at every breakpoint. */
.story-image{height:auto;width:min(100%,360px);justify-self:center;overflow:visible;border-radius:0}
.story-image img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;border-radius:8px}
.story-image .image-label{position:static;display:block;padding:16px 0 0;background:none;color:var(--green);text-align:center;line-height:1.6}