/* Scroll-led cinema: the centre frame opens out into seven independently editable scenes. */
.arvo-reel{position:relative;height:330vh;height:330svh;background:#090909;color:#fff;isolation:isolate;--curve:80px}.reel-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#090909}.arvo-reel::before,.arvo-reel::after{content:"";position:absolute;left:-1%;width:102%;height:var(--curve);background:#fff;z-index:4;pointer-events:none}.arvo-reel::before{top:-1px;border-radius:0 0 50% 50%/0 0 100% 100%}.arvo-reel::after{bottom:-1px;border-radius:50% 50% 0 0/100% 100% 0 0}.reel-grid{position:absolute;width:94%;height:82%;left:50%;top:50%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr 1.15fr 1fr;gap:9px;transform:translate(-50%,-50%) scale(var(--reel-zoom,1));transform-origin:50% 50%;will-change:transform;direction:ltr}.reel-tile{border:0;padding:0;position:relative;overflow:hidden;background:#242424;color:#fff;border-radius:9px;cursor:pointer;grid-column:span 3;min-width:0;min-height:0}.tile-2,.tile-3,.tile-4{grid-column:span 2}.reel-tile img,.reel-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.reel-tile img{animation:reel-drift 14s ease-in-out infinite alternate;animation-delay:calc(var(--slot,0)*-1.7s)}.reel-tile video{opacity:0}.reel-tile.is-playing video{opacity:1}.reel-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#0007);pointer-events:none}.tile-number,.tile-open{position:absolute;bottom:14px;z-index:1;font:12px Arial;opacity:var(--reel-detail,1)}.tile-number{left:16px}.tile-open{right:16px;font-size:24px}.tile-3 .tile-open{top:50%;left:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);background:#fff;color:#111;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:23px}.reel-tile:focus-visible{outline:3px solid #fff;outline-offset:-5px}.reel-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;background:#0002;opacity:var(--reel-intro,1)}.reel-intro h2{font-size:clamp(50px,8vw,130px);line-height:1;letter-spacing:-.06em;margin:22px 0;color:#fff}.reel-intro>span{font-size:13px}.reel-scroll{position:absolute;bottom:12%;font-size:25px!important}.reel-caption{position:absolute;bottom:3%;left:3%;right:3%;display:flex;justify-content:space-between;font-size:12px;opacity:var(--reel-detail,1);pointer-events:none}.reel-pause{position:absolute;right:24px;top:24px;border:1px solid #ffffff60;background:#1119;color:#fff;border-radius:50%;width:42px;height:42px;z-index:5;cursor:pointer}.reel-paused .reel-tile img{animation-play-state:paused}.reel-viewer{border:0;background:#080808;color:#fff;padding:0;max-width:94vw;width:1200px;max-height:94svh;overflow:hidden}.reel-viewer::backdrop{background:#000d}.reel-viewer img,.reel-viewer video{display:block;max-width:100%;width:100%;height:80svh;object-fit:contain}.reel-viewer button{position:absolute;right:16px;top:16px;z-index:2;border:1px solid #888;border-radius:50%;width:44px;height:44px;background:#111;color:#fff;font-size:24px;cursor:pointer}.reel-viewer p{margin:0;padding:12px 20px;font:13px Arial}.studio{position:relative;z-index:2;background:#fff}.studio::after{content:"";position:absolute;bottom:-79px;left:0;width:100%;height:80px;background:#fff;border-radius:0 0 50% 50%/0 0 100% 100%;pointer-events:none}.vision.curve-dark{background:#161616;min-height:110svh;overflow:hidden;border-radius:0 0 50% 50%/0 0 var(--dark-curve,7%) var(--dark-curve,7%);padding-top:90px}.vision.curve-dark>img{opacity:.12;filter:grayscale(1)}.vision.curve-dark .vision-words{color:#fff}.vision.curve-dark .vision-label{color:#ddd}.service-showcase{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.48fr);gap:35px;padding-bottom:130px;background:#fff}.service-showcase>div:first-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.service-showcase>div:first-child h2{font-size:clamp(25px,3vw,45px)}.service-showcase .service-rows summary{font-size:clamp(28px,4.6vw,80px);letter-spacing:-.055em;line-height:1.25;color:#bdbdbd;padding:17px 0;border:none;transition:color .25s}.service-showcase .service-rows summary small{font-size:11px;align-self:start;margin-top:12px}.service-showcase .service-rows details{border:0}.service-showcase .service-rows details[open] summary,.service-showcase .service-rows summary:hover{color:#111}.service-showcase .service-rows summary b{font-size:24px}.service-showcase .service-rows p{max-width:540px;padding:0 0 22px;margin-inline-start:35px;line-height:1.7}.service-visual{position:sticky;top:24vh;align-self:start;aspect-ratio:4/3;border-radius:10px;overflow:hidden;margin-top:28px}.service-visual img{width:100%;height:100%;object-fit:cover;transition:opacity .25s,transform .7s}.service-visual img.changing{opacity:.3;transform:scale(1.04)}.questions{background:#111;color:#fff;position:relative;padding-top:120px;padding-bottom:150px;border-radius:0 0 50% 50%/0 0 70px 70px}.questions .faq-list details{border-color:#444}.questions .faq-list p{color:#c4c4c4}.journal{background:#fff}footer{background:#090909!important;color:#fff!important}footer a,footer .footer-word{color:#fff}footer .footer-top,footer .footer-bottom{border-color:#333}.contact{background:#fff}html[dir=rtl] .service-showcase .service-rows summary{letter-spacing:0;font-size:clamp(28px,4.2vw,65px)}html[dir=rtl] .reel-caption{direction:rtl}@keyframes reel-drift{from{transform:scale(1.025) translate(-.3%,.3%)}to{transform:scale(1.1) translate(.5%,-.5%)}}@media(max-width:700px){.arvo-reel{height:280svh;--curve:45px}.reel-grid{width:142%;height:72%;gap:5px}.reel-caption{font-size:10px;bottom:7%;gap:18px}.reel-caption span:last-child{max-width:48%;text-align:end}.tile-3 .tile-open{width:38px;height:38px;font-size:18px}.tile-number{left:8px;bottom:8px;font-size:9px}.tile-open{right:8px;bottom:8px}.reel-pause{top:50px;right:16px}.service-showcase{grid-template-columns:1fr;padding-bottom:90px}.service-showcase>div:first-child{display:block}.service-showcase>div:first-child h2{margin:20px 0}.service-visual{position:relative;top:0;grid-row:2;max-height:230px;width:100%;margin:0}.service-showcase .service-rows summary{font-size:38px}.studio::after{height:45px;bottom:-44px}.questions{border-radius:0 0 50% 50%/0 0 40px 40px}}@media(prefers-reduced-motion:reduce){.arvo-reel{height:auto}.reel-stage{position:relative;min-height:700px;height:100svh}.reel-grid{transform:translate(-50%,-50%)}.reel-intro{display:none}.reel-tile img{animation:none}.reel-tile video{opacity:0}.service-visual img{transition:none}.reel-caption{opacity:1}.tile-open,.tile-number{opacity:1}}
/* The boundary is revealed by scrolling; no permanent scalloped separator. */
.studio::after{display:none}
.vision.curve-dark{border-radius:0;padding-top:0}
.vision.curve-dark.curve-reveal-ready::before{content:"";position:absolute;inset:0 0 auto;height:var(--reveal-cover,0px);background:#fff;z-index:4;border-radius:0 0 50% 50%/0 0 var(--reveal-bend,0px) var(--reveal-bend,0px);pointer-events:none}
.vision.curve-dark .vision-label{z-index:3}
.questions{border-radius:0 0 50% 50%/0 0 var(--exit-bend,0px) var(--exit-bend,0px)}
@media(prefers-reduced-motion:reduce){.vision.curve-dark.curve-reveal-ready::before{display:none}.questions{border-radius:0}}
