/* Ornaments for the digital and photobooth product pages and the landing. Margin pieces show only where the margin is wide enough; they never carry pointer events. */
.orn{position:absolute;z-index:0;pointer-events:none;color:var(--blue);opacity:var(--o,.12);transform:translate3d(0,calc(var(--dy,0) * 1px),0) rotate(var(--rot,0deg));will-change:transform}
.orn.w{color:#fff}.orn.t{color:#B4553A}.orn.i{color:var(--ink)}
.orn.m{display:none;width:calc(var(--w,80px) * var(--sc,1))}
.orn.m.l{right:calc(50% + var(--oh,600px) + 36px)}.orn.m.r{left:calc(50% + var(--oh,600px) + 36px)}
.orn svg{display:block;overflow:visible}
.orn.k-kawung svg{-webkit-mask:radial-gradient(ellipse 72% 72% at 30% 30%,#000 35%,transparent 100%);mask:radial-gradient(ellipse 72% 72% at 30% 30%,#000 35%,transparent 100%)}
.orn.k-film{height:calc(100% - 40px);top:20px!important;aspect-ratio:auto!important}.orn.k-film i{display:block;width:100%;height:100%;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='30'%3E%3Crect x='2' y='7' width='18' height='16' rx='5'/%3E%3C/svg%3E") top/100% 30px repeat-y;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='30'%3E%3Crect x='2' y='7' width='18' height='16' rx='5'/%3E%3C/svg%3E") top/100% 30px repeat-y}
@media (min-width:1420px){.orn.m{display:block}.orn.m.k-film{width:calc(var(--w,22px) * var(--sc,1))}}
@media (min-width:1700px){.orn.m{--sc:1.4}}@media (min-width:1900px){.orn.m{--sc:1.8}}
/* behind-heading pieces: a contact sheet (booth hero) and faint Fraunces words (digital); they sit behind text on purpose */
.orn-bg{display:block}
.orn.sheet{right:max(20px,calc(50% - var(--oh,600px)));top:12%;width:min(46vw,520px);aspect-ratio:420/150;color:var(--ink);--o:.06;transform:none;will-change:auto}
.orn.word{display:none;font-family:var(--font-accent);font-style:italic;font-weight:300;font-size:clamp(120px,15vw,230px);line-height:1;color:var(--blue);--o:.07;top:-6px;white-space:nowrap}
.orn.word.l{left:calc(50% - var(--oh,600px) - 30px)}.orn.word.r{right:calc(50% - var(--oh,600px) - 30px)}
@media (min-width:900px){.orn.word{display:block}}
/* the digital hero art: faint ring grid behind the phones and a ground shadow ellipse under them */
.orn-art{position:relative}
.orn-art::before{content:"";position:absolute;z-index:0;inset:-14% 0 -8%;pointer-events:none;background:repeating-radial-gradient(circle at 50% 54%,rgba(26,111,232,.1) 0 1.2px,transparent 1.2px 44px);-webkit-mask:radial-gradient(ellipse 60% 56% at 50% 54%,#000 30%,transparent 72%);mask:radial-gradient(ellipse 60% 56% at 50% 54%,#000 30%,transparent 72%)}
.orn-art::after{content:"";position:absolute;z-index:0;left:12%;right:12%;bottom:-1%;height:7%;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(14,26,43,.16),transparent 70%)}
.orn-art>img{position:relative;z-index:1}
/* torn and perforated dividers: no fill, so both neighbouring sections keep their own wash, linen and grain and read as one surface. The deckle is a torn edge (light rim plus the upper sheet's soft shadow), the perforation a row of punched holes; both are drawn with transparent backgrounds */
.serr{position:relative;z-index:2;height:18px;margin-block:-9px;pointer-events:none;background-repeat:repeat-x;background-position:0 0;filter:drop-shadow(0 2px 3px rgba(14,26,43,.07))}
.serr.deckle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='18' viewBox='0 0 474 18' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E1A2B' stop-opacity='.1'/%3E%3Cstop offset='1' stop-color='%230E1A2B' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath transform='translate(0 4)' d='M0 5l14-3 12 3 15-4 13 4 17-3 12 2 19-2 14 4 16-4 13 3 18-2 12 3 17-4 15 3 13-1 16 3 14-3 18 2 12-2 15 4 14-3 17 2 13-3 16 3 18-1 14 3 13-3 17 3 14-2 16 2 12-3 15-1V13H0z' fill='url(%23g)'/%3E%3Cpath transform='translate(0 4)' d='M0 5l14-3 12 3 15-4 13 4 17-3 12 2 19-2 14 4 16-4 13 3 18-2 12 3 17-4 15 3 13-1 16 3 14-3 18 2 12-2 15 4 14-3 17 2 13-3 16 3 18-1 14 3 13-3 17 3 14-2 16 2 12-3 15-1' fill='none' stroke='%23fff' stroke-opacity='.85' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:520px 18px}
.serr.perf{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='4.2' fill='%230E1A2B' fill-opacity='.09'/%3E%3Cpath d='M5.2 10.6a4.2 4.2 0 0 0 7.6 0' fill='none' stroke='%23fff' stroke-opacity='.85' stroke-width='1.2'/%3E%3C/svg%3E");background-size:18px 18px}
@media (prefers-reduced-motion:reduce){.orn{will-change:auto}}
body.product main,body.landing main{overflow-x:clip}