/* The photographed bottle, its surface and both shadows use one shared contact point. */
.cinema-world.photographic-world{--bottle-foot:83%;--bottle-top:15%;--material-position:0% 50%}
.cinema-world.photographic-world .photo-bottle-stage{position:absolute;right:2%;top:var(--bottle-top);height:calc(var(--bottle-foot) - var(--bottle-top));bottom:auto;width:49%;display:flex;justify-content:center;align-items:flex-end;isolation:isolate;z-index:2}
.photo-bottle-stage::before,.photo-bottle-stage::after{content:none}
.placed-bottle{height:100%;width:auto;aspect-ratio:var(--bottle-ratio);position:relative;isolation:isolate;flex:0 0 auto;max-width:100%;overflow:visible}
.bottle-photograph{display:block;width:100%;height:100%;position:relative;z-index:3;overflow:visible;filter:none}
.bottle-contact{position:absolute;z-index:2;left:4%;right:4%;top:98.9%;height:2.6%;min-height:5px;border-radius:50%;background:radial-gradient(ellipse at center,#101518b8 0%,#121a2080 27%,#13212b38 51%,#13212b00 73%);filter:blur(1.6px);pointer-events:none}
.bottle-cast-shadow{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;filter:blur(4px);opacity:.26;pointer-events:none}
.bottle-cast-shadow>svg{display:block;width:100%;height:100%;overflow:visible;transform-origin:50% 99.2%;transform:skewX(-64deg) scaleY(.085)}
.hero-ground{position:absolute;z-index:0;left:0;right:0;top:calc(var(--bottle-foot) - 8%);bottom:0;overflow:hidden;border-top:1px solid #ffffff40;box-shadow:0 -4px 15px #07131e15;background:#bfc3c2}
.ground-material{position:absolute;inset:-100% -18% -25%;background-image:url('assets/table-materials-v13.png');background-size:200% 100%;background-position:var(--material-position);transform:perspective(900px) rotateX(37deg);transform-origin:50% 100%;filter:saturate(.63) brightness(1.03)}
.ground-light{position:absolute;inset:0;background:linear-gradient(165deg,#eef5fc30,#a6bbce16 55%,#1e30451f),linear-gradient(#32495623,transparent 15%,transparent 70%,#0b1a2610)}
.film-hero .cinema-world{--bottle-foot:84%;--bottle-top:17%}
.film-hero .bottle-photograph{filter:brightness(.98) saturate(.94)}
.product-experience[data-product-id=twentynine] .cinema-hero-bottom>p,.product-experience[data-product-id=twentynine] .cinema-scroll-note{color:#17252e;text-shadow:0 1px 1px #ffffff50}
.product-experience[data-product-id=twentynine] .cinema-buy{background:#17252e;color:white}
.product-experience[data-product-id=song] .cinema-world{--material-position:100% 50%}
.product-experience[data-product-id=song] .ground-material{filter:saturate(.65) brightness(.68)}
.product-experience[data-product-id=song] .ground-light{background:linear-gradient(155deg,#d7ca9e18,#101c1680)}
.product-experience[data-product-id=song] .hero-ground{background:#534b3d;border-top-color:#d5caad3b}
.product-preview{display:flex;align-items:center;justify-content:center}
.product-preview .placed-bottle{height:92%;max-height:100%;max-width:100%;margin:0 auto}
.product-preview .bottle-photograph,.scene-preview .bottle-photograph{filter:none}
.product-preview .bottle-cast-shadow{opacity:.18;filter:blur(5px)}
.scene-preview .placed-bottle{height:90%}
.cinema-world.photographic-world[data-photo-product=nongdam]{visibility:hidden}
.product-experience[data-product-id=nongdam] .cinema-backdrop .crop-aperture{transform:translate(-58%,-50%)}
.product-experience[data-product-id=nongdam] .cinema-wash{background:linear-gradient(90deg,#fffffff2,#ffffff8c 38%,#fff0 68%)}
@media(max-width:800px){
 .cinema-world.photographic-world{--bottle-top:39%;--bottle-foot:84%}
 .film-hero .cinema-world{--bottle-top:42%;--bottle-foot:84%}
 .cinema-world.photographic-world .photo-bottle-stage{right:2%;width:65%}
 .hero-ground{top:calc(var(--bottle-foot) - 6%)}
 .ground-material{inset:-80% -36% -30%;transform:perspective(550px) rotateX(32deg)}
 .bottle-cast-shadow{filter:blur(3px)}
 .bottle-cast-shadow>svg{transform:skewX(-60deg) scaleY(.075)}
 .bottle-contact{filter:blur(1px)}
 .cinema-hero-copy{z-index:2}
 .product-experience[data-product-id=nongdam] .cinema-backdrop .crop-aperture{transform:translate(-55%,-50%)}
}
@media(max-height:550px) and (min-width:801px){.cinema-world.photographic-world{--bottle-top:21%;--bottle-foot:81%}}