:root{--dx:0px;--dy:0px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e4edf7;font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue)}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}svg.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}[hidden]{display:none!important}::selection{background:#afcfff;color:#11324f}.skip{position:fixed;left:20px;top:-100px;z-index:500;background:white;padding:12px}.skip:focus{top:20px}.serif{font-family:var(--serif)}.eyebrow{font-size:10px;letter-spacing:.23em;font-weight:550;color:#687f97;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blue{color:var(--blue)}.muted{color:var(--muted)}
.site-header{position:fixed;z-index:80;left:28px;right:28px;top:22px;min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:20px;border:1px solid #ffffffdb;border-radius:20px;background:rgba(249,253,255,.73);backdrop-filter:blur(24px) saturate(1.25);box-shadow:0 6px 30px #4879a30b,inset 0 1px 0 #fff}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-word{font-size:23px;letter-spacing:-1.1px;line-height:1.1;font-weight:450}.brand-word b{font-weight:720}.brand-glyph{width:27px;height:28px;display:block;fill:var(--ink)}.brand-meta{font-size:8px;letter-spacing:.21em;color:#7e93a6;border-left:1px solid #b6c9da;padding-left:11px;margin-left:3px;line-height:1.8}.top-nav{display:flex;align-items:center;gap:27px}.top-nav a{font-size:12px;position:relative;padding:12px 0;color:#4b647e;white-space:nowrap}.top-nav a:hover{color:var(--blue)}.top-nav a.active:after{content:"";position:absolute;bottom:6px;left:0;right:0;height:2px;background:var(--blue);border-radius:5px}.header-tools{display:flex;align-items:center;}.tool-button{height:40px;min-width:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .2s}.tool-button:hover{background:#d9eaff}.header-cta{display:flex;align-items:center;gap:17px;background:var(--ink);color:#fff;font-size:11px;padding:11px 18px;border-radius:50px;margin-left:5px;transition:background .2s}.header-cta:hover{background:var(--blue)}.menu-button{display:none}.btn{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 24px;border-radius:50px;font-size:12px;}.btn:hover{box-shadow:0 14px 25px #1769ff38}.btn .icon{width:16px;height:16px}.btn.outline{background:transparent;box-shadow:none;border-color:#bdcee0;color:#375d82}.btn.small{min-height:39px;padding:8px 17px;font-size:11px;gap:14px}.action-row{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.text-link{display:inline-flex;gap:14px;align-items:center;border-bottom:1px solid #8ba6c2;padding:8px 0;font-size:12px}.text-link .icon{width:16px;height:16px}.pill{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--line);border-radius:30px;background:#fff9;font-size:10px;color:#627c96}.pill:before{content:"";width:5px;height:5px;background:#6591c1;border-radius:100%}.pill.demo:before{background:#82a7d6}.fine{font-size:11px;line-height:1.8}
/* A real layered scene. Text, service cards and equipment are independent elements. */
main{min-height:100svh}.desktop{position:relative;overflow:hidden;isolation:isolate;perspective:1500px;transition:filter .55s,transform .6s var(--soft);transform-origin:50% 52%}.room{position:absolute;inset:-25px;z-index:-5;overflow:hidden;pointer-events:none;background:linear-gradient(140deg,#f4faff 0%,#ddecfa 45%,#c3dced 100%)}.room-photo{position:absolute;left:0;top:13%;width:100%;height:69%;object-position:50% 53%;transform:translate(calc(var(--dx) * -.22),calc(var(--dy) * -.18)) scale(1.04);filter:blur(1px)}.room:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#e9f5ff70,transparent 25%,#eaf4ff22 48%,#e3f0fa88 64%,#e7f1fc 77%),radial-gradient(ellipse at 48% 20%,#fffffffa 0,#ffffffa8 25%,transparent 62%)}.service-stage{position:absolute;left:50%;transform:translateX(-50%);z-index:6;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));perspective:1200px}.service-wrap{transform:translateY(var(--lift,0px));position:relative;transition:transform .6s var(--ease)}.service-wrap:nth-child(1){--angle:-6deg;--lift:9px}.service-wrap:nth-child(2){--angle:3deg;--lift:22px}.service-wrap:nth-child(3){--angle:-1.5deg;--lift:0px}.service-wrap:nth-child(4){--angle:4.5deg;--lift:20px}.service-wrap:nth-child(5){--angle:-4deg;--lift:7px}.service-card{position:relative;display:block;padding:8px 8px 13px;background:linear-gradient(150deg,#ffffffeb,#ffffffbb);transform:rotateZ(var(--angle)) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) translateZ(0);transform-style:preserve-3d;isolation:isolate}.service-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--hx,50%) var(--hy,0%),#ffffff91,transparent 60%);pointer-events:none;z-index:4}.service-card:hover,.service-card:focus-visible{transform:translateY(-14px) rotateZ(0deg) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) translateZ(20px);box-shadow:0 40px 37px -20px #30578366,0 0 0 1px #c2d9ff}.service-cover{aspect-ratio:1.15;width:100%;overflow:hidden;background:#dcebf7;transform:translateZ(5px);position:relative}.service-cover img{width:100%;height:100%;transition:transform .8s var(--ease)}.service-card:hover .service-cover img{transform:scale(1.08)}.service-number{position:absolute;left:7px;top:7px;color:white;font-size:8px;letter-spacing:.12em;background:#1438584d;padding:2px 6px;border:1px solid #ffffff44;border-radius:4px;backdrop-filter:blur(4px)}.service-info{padding:12px 6px 0;transform:translateZ(15px)}.service-info h2{font:600 20px/1.4 var(--serif);letter-spacing:-.02em;color:#213d58;display:flex;align-items:center;justify-content:space-between}.service-info h2 span{display:inline-flex;border:1px solid #bed0e0;border-radius:50%;width:25px;height:25px;align-items:center;justify-content:center;transition:background .3s,color .3s}.service-info .icon{width:12px;height:12px}.service-card:hover .service-info h2 span{background:var(--blue);color:#fff;border-color:var(--blue)}.service-info p{font-size:9px;line-height:1.8;color:#70869a;margin-top:5px}.service-info small{display:block;font-size:7px;letter-spacing:.14em;color:#8098ad;margin-top:8px}.cards-hint{position:absolute;left:0;right:0;text-align:center;color:#7190aa}.cards-hint span{color:#337bb9;padding-right:8px}.equipment{position:absolute;z-index:5;transition:filter .4s,scale .45s var(--ease);padding:0}.equipment img{width:100%;height:auto;pointer-events:none}.equipment:hover{scale:1.045;filter:drop-shadow(10px 35px 18px #34567935)}.equipment .object-label{position:absolute;bottom:-20px;left:50%;translate:-50% 0;white-space:nowrap;font-size:10px;border:1px solid #fffd;background:#f8fcffea;padding:5px 12px;border-radius:25px;opacity:0;transform:translateY(5px);transition:.3s;box-shadow:0 3px 12px #326c9820}.equipment:hover .object-label,.equipment:focus-visible .object-label{opacity:1;transform:translateY(0)}.camera-object{width:clamp(180px,20vw,280px);left:-22px;bottom:19%;transform:translate(calc(var(--dx) * .7),calc(var(--dy) * .5)) rotate(-6deg)}.camera-object .object-label{left:62%}.drone-object{right:16px;top:16%;width:clamp(185px,20vw,280px);transform:translate(calc(var(--dx) * -.45),calc(var(--dy) * -.35)) rotate(-9deg);animation:dronefloat 8s ease-in-out infinite}.subtle-flight{animation:flight .7s var(--ease)}@keyframes dronefloat{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes flight{0%,100%{scale:1}50%{scale:1.09;translate:0 -20px}}
/* The dock responds to distance, rather than giving every item the same hover. */
.dock-zone{position:fixed;left:50%;bottom:23px;transform:translateX(-50%);}.dock{display:flex;align-items:flex-end;}.dock-item{flex:none;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;position:relative;}.dock-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid #fff;background:linear-gradient(140deg,#fff,#e8f1fa);transform-origin:center bottom;transition:transform .2s var(--ease),background .2s,color .2s;color:#466684}.dock-icon .icon{width:24px;height:24px;filter:drop-shadow(0 2px 1px #385c8220)}.dock-name{color:#617d98;white-space:nowrap}.dock-item.active .dock-icon{background:linear-gradient(150deg,#68a6ff,#1769ff);border-color:#c3d9ff;color:white;}.dock-item.active:after{content:"";position:absolute;bottom:-6px;left:calc(50% - 2px);width:4px;height:4px;background:#1769ff;border-radius:50%}.dock-tooltip{position:absolute;left:50%;translate:-50% 0;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none;}.dock-item:hover .dock-tooltip{opacity:1}.dock-divider{width:1px;flex:none;}.dock-item.project .dock-icon{background:linear-gradient(145deg,#3d90ff,#1465ff);color:#fff;border-color:#82b6ff}.dock-item.project .dock-icon .icon{width:24px;height:24px}
/* Route windows: large, readable editorial pages, never a tiny OS imitation. */
.veil{position:fixed;background:#d2e3f246;opacity:0;transition:opacity .45s;pointer-events:none}.veil.visible{opacity:1;pointer-events:auto}.workspace{position:fixed;z-index:40;transform-origin:top left;isolation:isolate;min-height:280px}.window-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;border-bottom:1px solid var(--line);user-select:none;}.window-dots{display:flex;align-items:center}.window-dots button{display:grid;place-items:center;padding:0}.dot{display:grid;place-items:center;border-radius:50%;background:#c6d8e8;color:transparent;font-size:9px;line-height:1}.window-title{color:#617d99;position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap}.window-title .icon{width:14px;height:14px}.window-context{display:flex;align-items:center;gap:12px;color:#8098af}.window-context .icon{width:14px;height:14px}.window-scroll{height:calc(100% - 51px);overflow:auto;}.window-content{min-height:100%}.page-top{padding:38px 46px 0}.page-breadcrumb{display:flex;align-items:center;gap:11px;color:#7a91a7;margin-bottom:18px}.page-breadcrumb a:hover{color:var(--blue)}.page-breadcrumb .icon{width:12px;height:12px}.service-hero{display:grid;align-items:center;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 83% 30%,#d9eaff88,transparent 60%)}.service-copy .eyebrow{color:#6083a7;margin-bottom:16px}.service-copy h1{font:600 clamp(30px,3vw,48px)/1.35 var(--serif);max-width:470px}.service-copy h1 span{color:#4e7da9}.service-copy .intro{color:#71849a;margin:18px 0 24px}.service-visual{perspective:1000px;min-height:280px;position:relative;display:flex;align-items:center;justify-content:center}.section+.section{border-top:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.section-head h2{font:500 26px/1.4 var(--serif);letter-spacing:-.03em}.section-head .eyebrow{font-size:8px;margin-bottom:6px}.section-head p{font-size:11px;color:#7b8fa2}.deliver-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}.deliver-card{transition:transform .4s var(--ease),box-shadow .4s}.deliver-card:hover{transform:translateY(-4px) rotateX(3deg);box-shadow:0 8px 20px #37638c10}.deliver-card b{font-weight:500;letter-spacing:.13em}.deliver-card h3{font-weight:600;}.page-footer{margin:0 46px 30px;border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;}.page-footer p{color:#688198}.photo-stack{position:relative;width:330px;height:268px;perspective:900px}.photo-stack .back-print{position:absolute;inset:9px 10px 9px;background:#f9fcff;border:1px solid white;box-shadow:0 10px 30px #315b8c21;border-radius:3px;transform:rotate(7deg)}.photo-stack .back-print.second{transform:rotate(-8deg);background:#eff6fc}.front-print{position:absolute;inset:0;display:flex;flex-direction:column;padding:12px;background:white;box-shadow:0 18px 30px -12px #24486e55;border:1px solid #fff;border-radius:3px;transform:rotate(-3deg) rotateY(-7deg);transform-style:preserve-3d;transition:transform .5s var(--ease);cursor:zoom-in}.front-print:hover{transform:rotate(0) rotateY(0) translateY(-6px)}.front-print img{width:100%;height:196px;object-fit:cover;flex:1;min-height:0}.print-caption{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#6a839a;padding:11px 5px 0;letter-spacing:.04em}.stack-controls{position:absolute;bottom:-43px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:18px;color:#8498ac;font-size:10px}.round-button{border:1px solid #bed3e6;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#ffffffb3;transition:background .3s,transform .3s}.round-button:hover{background:#e1eeff;transform:scale(1.06)}.round-button .icon{width:14px;height:14px}.stamp{position:absolute;right:-5px;top:-20px;font-size:8px;letter-spacing:.12em;border:1px solid #8fabca;border-radius:4px;padding:4px 7px;color:#7297bc;transform:rotate(8deg);background:#edf5ff}
.edit-window{width:100%;max-width:460px;border:1px solid white;background:#fff;border-radius:12px;box-shadow:14px 19px 30px -16px #254c7970;transform:rotateY(-7deg) rotateX(3deg);overflow:hidden}.mini-bar{display:flex;justify-content:space-between;align-items:center;background:#edf4fa;padding:10px 13px;font-size:8px;color:#7089a1;letter-spacing:.08em}.edit-preview{height:155px;position:relative;margin:12px;background:#dfebf5;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.edit-preview img{width:100%;height:100%;object-fit:cover;transition:width .5s var(--ease)}.edit-preview.vertical img{width:34%;object-fit:cover}.preview-label{position:absolute;left:8px;bottom:8px;color:white;background:#16375766;font-size:8px;padding:3px 6px;border-radius:4px}.preview-play{position:absolute;left:50%;top:50%;translate:-50% -50%;border:1px solid #fffa;background:#fff9;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(8px);color:#195997}.edit-tools{display:flex;justify-content:space-between;align-items:center;padding:0 13px 10px;font-size:9px;color:#7190ac}.segmented{display:inline-flex;gap:3px;padding:3px;border:1px solid #d6e4f1;border-radius:7px;background:#eff5fa}.segmented button{padding:3px 8px;font-size:9px;border-radius:4px}.segmented button.active{background:white;color:#2367b5;box-shadow:0 1px 4px #436b9112}.timeline{position:relative;padding:9px 13px 14px;border-top:1px solid #e2ecf4}.timeline-track{display:grid;grid-template-columns:1.1fr 1.7fr .8fr 1.3fr;gap:3px;height:24px;margin-top:6px}.timeline-track span{display:block;border-radius:4px;background:#c0d7f5;border:1px solid #a7c4ed;overflow:hidden}.timeline-track span:nth-child(even){background:#dfecfa}.timeline-track img{width:100%;height:100%;opacity:.6}.timeline-track.audio{height:15px;display:block;background:repeating-linear-gradient(90deg,#a2c8ec 0 1px,#dfedfa 1px 4px);border-radius:4px;margin-top:4px}.playhead{position:absolute;top:5px;bottom:12px;left:28%;width:1px;background:#357cef;pointer-events:none}.playhead:before{content:"";position:absolute;left:-3px;top:0;border:4px solid transparent;border-top-color:#357cef}.timeline input{width:100%;height:20px;accent-color:var(--blue);margin:5px 0 0;cursor:ew-resize}.monitor-demo{width:100%;max-width:470px;background:#e6eff7;border:7px solid #dae6f0;border-radius:14px;box-shadow:0 18px 30px -15px #31527b88;transform:rotateY(-7deg) rotateX(3deg);position:relative;overflow:hidden}.program-view{height:198px;position:relative;overflow:hidden;border-radius:6px;background:#d0e0ef}.program-view img{width:100%;height:100%}.program-badge{position:absolute;top:9px;left:10px;font-size:8px;color:white;background:#c756575e;border:1px solid #ffc8c88c;border-radius:4px;padding:3px 6px;backdrop-filter:blur(6px);letter-spacing:.12em}.program-badge:before{content:"";display:inline-block;width:4px;height:4px;background:#ff9a94;border-radius:50%;margin-right:5px}.program-note{position:absolute;right:8px;bottom:7px;color:#fff;font-size:8px;background:#14395966;padding:3px 6px;border-radius:3px}.camera-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-top:7px}.cam-input{position:relative;border:2px solid transparent;overflow:hidden;border-radius:5px;padding:0;aspect-ratio:1.9;transition:transform .3s,border .3s}.cam-input img{width:100%;height:100%;opacity:.7;transition:opacity .3s}.cam-input.active{border-color:#4b8de1}.cam-input.active img,.cam-input:hover img{opacity:1}.cam-input span{position:absolute;left:4px;bottom:3px;font-size:8px;line-height:1.2;color:white;text-shadow:0 1px 3px #000}.monitor-demo .mini-bar{margin:0 -1px;padding:7px 4px;background:transparent}.film-book{width:350px;height:260px;position:relative;perspective:1100px}.film-frame{margin:0;position:absolute;inset:0;border:10px solid #fff;border-bottom-width:36px;border-radius:3px;background:#d0e4f4;box-shadow:0 15px 40px -12px #244c7970;transform:rotate(-3deg) rotateY(-8deg);overflow:visible;transform-origin:left center}.film-frame img{width:100%;height:100%;object-fit:cover}.film-frame figcaption{position:absolute;left:4px;right:4px;bottom:-26px;font-size:9px;color:#6282a3;display:flex;justify-content:space-between}.film-back{position:absolute;inset:4px -7px 0 10px;background:#f8fcff;transform:rotate(5deg);box-shadow:0 12px 20px #1c406526}.film-book .stamp{top:-20px;right:-10px;z-index:2}.album-demo{width:100%;max-width:460px;background:white;border:1px solid white;border-radius:14px;box-shadow:0 18px 35px -14px #28547c66;transform:rotateY(-6deg) rotateX(3deg);overflow:hidden}.album-demo-head{padding:15px 15px 6px;display:flex;justify-content:space-between;gap:10px;align-items:center}.album-demo-head h3{font-size:12px;font-weight:600}.album-demo-head p{font-size:8px;color:#8aa1b4;margin-top:3px}.album-count{font-size:9px;color:#5085bc;border:1px solid #ccdeef;background:#f1f7fd;padding:4px 7px;border-radius:20px}.album-grid{padding:8px 15px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-height:177px;overflow:auto}.album-thumb{position:relative;padding:0;aspect-ratio:1.4;overflow:hidden;border-radius:4px;cursor:zoom-in}.album-thumb img{width:100%;height:100%}.album-demo-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 15px 13px;gap:10px}.album-demo-footer .fine{font-size:8px}.album-demo-footer button{font-size:9px;background:#e7f0ff;color:#1965cf;padding:6px 10px;border-radius:5px}
/* Archive, gallery and studio information. */
.archive-header{padding:34px 46px 25px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.archive-header h1{font:600 45px/1.2 var(--serif);margin-top:12px}.archive-header p{color:#6b839a;max-width:440px;margin-top:14px}.archive-toolbar{margin:0 46px 24px;display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:7px 12px;border:1px solid transparent;border-radius:30px;font-size:10px;color:#6a829a;min-height:32px}.tab:hover{background:#e8f1fb}.tab.active{background:#e7f0ff;border-color:#c9deff;color:#1c65c5}.search-box{border:1px solid #d7e4f0;border-radius:25px;display:flex;align-items:center;padding:6px 12px;gap:7px;background:#fff}.search-box .icon{width:13px;height:13px;color:#8aa2b8}.search-box input{border:0;background:none;width:135px;font-size:10px;color:#335675;padding:0;outline:none;height:22px}.archive-grid{padding:0 46px 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 19px;perspective:1500px}.archive-card{display:block;min-width:0;transition:transform .45s var(--ease);transform-style:preserve-3d}.archive-card:hover{transform:translateY(-6px) rotateX(3deg)}.archive-image{aspect-ratio:1.4;border-radius:9px;overflow:hidden;position:relative;box-shadow:0 4px 12px #2b5c850f;border:1px solid #fff}.archive-image img{width:100%;height:100%;transition:transform .6s var(--ease)}.archive-card:hover img{transform:scale(1.045)}.concept-tag{position:absolute;top:7px;left:7px;background:#f4faffd9;backdrop-filter:blur(4px);border:1px solid #fff9;color:#6083a4;font-size:7px;letter-spacing:.1em;padding:3px 6px;border-radius:4px}.archive-meta{padding:10px 1px}.archive-meta h2{font-weight:550}.archive-meta p{font-size:9px;color:#8599ad;margin-top:3px;display:flex;justify-content:space-between}.empty-state{grid-column:1/-1;padding:50px 20px;text-align:center;border:1px dashed #caddec;border-radius:15px}.empty-state h2{font-size:19px}.empty-state p{font-size:12px;color:#7c96ac;margin:10px 0 20px}.project-page{padding:30px 46px 38px}.project-page h1{font:600 43px/1.35 var(--serif);margin:15px 0 12px}.project-page .project-intro{font-size:12px;color:#768da1;max-width:650px;margin-bottom:23px}.project-large{width:100%;aspect-ratio:2.3;border-radius:10px;overflow:hidden;position:relative;padding:0;background:#e1edf7;cursor:zoom-in}.project-large img{width:100%;height:100%}.project-detail{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding:28px 0}.project-detail h2{font:500 26px var(--serif);margin-bottom:13px}.project-detail p{font-size:12px;color:#69839a;line-height:1.95}.project-spec{font-size:11px}.project-spec div{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.project-spec span{color:#8a9eaf}.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:27px}.project-gallery button{padding:0;aspect-ratio:1.4;border-radius:7px;overflow:hidden}.project-gallery img{width:100%;height:100%;transition:transform .6s}.project-gallery button:hover img{transform:scale(1.05)}.about-hero{padding:46px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;min-height:370px}.about-hero h1{font:600 45px/1.4 var(--serif);margin:14px 0 20px}.about-hero p{font-size:12px;color:#6d849a;line-height:1.95;max-width:440px}.about-photo{padding:12px 12px 28px;background:white;transform:rotate(4deg);box-shadow:0 16px 30px -10px #22466b55;position:relative}.about-photo img{aspect-ratio:1.4;width:100%}.about-photo span{position:absolute;bottom:7px;left:14px;color:#819ab0;font-size:8px;letter-spacing:.16em}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-card{border-top:1px solid #b6cfe5;padding:18px 0;position:relative}.process-card b{font-size:11px;font-weight:500;color:#3f7ab2}.process-card h2{font:500 23px/1.6 var(--serif);margin:17px 0 10px}.process-card p{font-size:11px;color:#71889e;line-height:1.9}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding:37px 46px}.contact-layout h1{font:600 43px/1.4 var(--serif);margin:15px 0 20px}.contact-layout .intro{font-size:12px;color:#6d879d;line-height:2}.privacy-note{border:1px solid #d5e5f4;border-radius:10px;padding:14px;background:#eaf3fc;margin-top:24px;font-size:11px;color:#63819b}.inquiry label{display:block;color:#69829a;margin-bottom:15px}.inquiry input,.inquiry textarea,.inquiry select{display:block;width:100%;margin-top:6px;resize:vertical}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.receipt{border:1px solid #b9d2ef;background:#edf5ff;border-radius:10px;padding:17px;font-size:12px;margin-top:17px}.receipt pre{font:11px/1.8 var(--sans);white-space:pre-wrap}.inquiry .btn{font-size:11px}.form-note{font-size:10px;color:#7e93a6;margin-top:11px}.window-empty{padding:70px 30px;text-align:center}.window-empty h1{font:500 40px var(--serif);margin-bottom:15px}.window-empty p{color:#7790a6;margin-bottom:24px}
/* Sound, preview notes and accessibility controls. */
.toast{position:fixed;bottom:135px;left:50%;transform:translate(-50%,15px);background:#fafdfff0;border:1px solid #fff;box-shadow:0 7px 24px #35669126;padding:10px 18px;border-radius:50px;z-index:250;max-width:90vw;font-size:11px;pointer-events:none;opacity:0;transition:.3s;backdrop-filter:blur(12px)}.toast.show{opacity:1;transform:translate(-50%,0)}.lightbox{position:fixed;inset:0;z-index:180;border:0;background:#e6f0f9e8;backdrop-filter:blur(16px);padding:40px;max-width:none;max-height:none;width:100vw;height:100svh;color:var(--ink)}.lightbox::backdrop{background:transparent}.lightbox figure{margin:0;display:flex;flex-direction:column;gap:17px;justify-content:center;align-items:center;height:100%;padding:35px}.lightbox img{max-width:100%;max-height:calc(100svh - 200px);object-fit:contain;box-shadow:0 20px 50px #22486c33;background:#fff;border:10px solid white;border-bottom-width:17px;transform:rotate(-1deg)}.lightbox figcaption{font-size:11px;color:#5b7b98}.lightbox-close{position:absolute;right:30px;top:30px}.lightbox-controls{display:flex;gap:15px;justify-content:center;align-items:center}.lightbox-controls span{font-size:10px;color:#6c869e}.noscript{position:fixed;inset:110px 20px;z-index:300;background:white;border:1px solid #ddd;padding:40px}.reduced-motion *, .reduced-motion *:before,.reduced-motion *:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reduced-motion .service-card,.reduced-motion .equipment,.reduced-motion .room-photo{will-change:auto}.reduced-motion .desktop{--dx:0px!important;--dy:0px!important}
@media(min-width:1700px){.service-stage{width:1020px;gap:23px}.service-info h2{font-size:23px}.service-info p{font-size:11px}.service-info small{font-size:8px}.service-cover{aspect-ratio:1.22}.service-card{padding:10px 10px 17px}.cards-hint{top:calc(100% + 50px)}.equipment.camera-object{width:320px;left:2%}.equipment.drone-object{right:6%;width:290px}}
@media(max-height:810px) and (min-width:901px){.desktop{min-height:730px}.service-stage{top:48.5%;width:800px;gap:13px}.service-cover{aspect-ratio:1.4}.service-info h2{font-size:18px}.service-info p{font-size:9px}.service-info small{margin-top:5px}.service-info{padding-top:9px}.cards-hint{top:calc(100% + 35px)}.workspace{top:102px;bottom:128px}.dock-zone{bottom:14px}.dock{padding-top:8px;padding-bottom:8px}.camera-object{bottom:23%;width:215px}.drone-object{width:210px}}
@media(max-width:1200px){.site-header{left:20px;right:20px;padding:0 17px;gap:13px}.brand-meta{display:none}.top-nav{gap:20px}.header-cta{padding:10px 14px}.header-tools{gap:3px}.service-stage{width:75vw;gap:12px}.service-info h2{font-size:18px}.service-info p{font-size:9px}.service-card{padding:7px 7px 12px}.service-info{padding:11px 3px 0}.service-info h2 span{width:22px;height:22px}.camera-object{width:200px;left:-50px}.drone-object{width:210px;right:-25px}.service-hero{padding:18px 30px 38px;gap:25px}.page-top{padding:27px 30px 0}.section{padding:28px 30px 34px}.page-footer{margin:0 30px 27px}.photo-stack{width:285px;height:238px}.service-copy h1{font-size:39px}.film-book{width:300px;height:233px}.deliver-card{padding:17px 13px}.archive-grid{padding-left:30px;padding-right:30px}.archive-header{padding-left:30px;padding-right:30px}.archive-toolbar{margin-left:30px;margin-right:30px}.project-page{padding:28px 30px}.contact-layout{gap:35px;padding:30px}.about-hero{padding:35px;gap:35px}}
@media(max-width:900px){.top-nav{display:none}.site-header{height:61px;min-height:61px;top:16px}.menu-button{display:inline-flex}.header-tools{margin-left:auto}.service-stage{width:83vw;top:52%;gap:10px}.service-info h2{font-size:17px}.service-info h2 span{display:none}.service-info p{font-size:8px}.service-info small{font-size:6px}.service-cover{aspect-ratio:1.05}.drone-object{width:168px;top:15%;right:-26px}.camera-object{bottom:18%;width:172px;left:-40px}.dock-item{width:55px}.dock{gap:5px}.workspace{left:19px;right:19px;top:94px;bottom:133px}.service-hero{grid-template-columns:1fr 1fr;gap:15px;min-height:380px}.service-copy h1{font-size:32px}.service-copy .intro{font-size:11px}.service-copy .btn{padding:10px 17px;font-size:10px}.service-visual{min-height:255px}.photo-stack{width:245px;height:215px}.front-print img{height:150px}.film-book{width:245px;height:210px}.film-frame{margin:0}.program-view{height:150px}.deliver-grid{grid-template-columns:repeat(2,1fr)}.window-context{display:none}.archive-header h1{font-size:38px}.archive-header{display:block}.archive-header .pill{margin-top:15px}.archive-grid{grid-template-columns:repeat(2,1fr)}.archive-toolbar{gap:12px}.contact-layout{grid-template-columns:1fr;gap:27px}.contact-layout h1{font-size:35px}.contact-layout .intro{max-width:550px}.privacy-note{margin-top:17px}.process-grid{grid-template-columns:repeat(2,1fr);gap:25px}.about-hero{grid-template-columns:1fr 1fr;gap:25px}.about-hero h1{font-size:33px}.project-page h1{font-size:34px}.project-detail{gap:24px}.project-detail h2{font-size:24px}}
@media(max-width:600px){.site-header{top:12px;left:12px;right:12px;min-height:55px;height:55px;border-radius:16px;padding:0 12px;gap:10px}.brand{gap:7px}.brand-glyph{width:21px;height:23px}.brand-word{font-size:20px;letter-spacing:-.9px}.header-cta{display:none}.header-tools{gap:1px}.tool-button{width:36px;min-width:36px;height:40px}.room-photo{height:72%;top:19%;object-position:50% 50%;opacity:.55}.dock-icon{width:42px;height:42px;border-radius:12px}.dock-item.active:after{bottom:-4px}.dock-secondary,.dock-divider{display:none!important}.workspace{min-height:230px}.window-bar{padding:0 10px}.window-scroll{height:calc(100% - 44px)}.window-dots{gap:2px}.dot{width:9px;height:9px}.window-title{position:static;transform:none;margin-left:auto;margin-right:5px}.window-title .icon{width:12px;height:12px}.page-top{padding:20px 21px 0}.page-breadcrumb{font-size:9px;margin-bottom:10px}.service-hero{grid-template-columns:1fr;padding:17px 21px 35px;gap:22px;min-height:auto;background:radial-gradient(ellipse at 65% 60%,#dfecff88,transparent 70%)}.service-copy h1{font-size:34px;line-height:1.35}.service-copy .eyebrow{font-size:8px;margin-bottom:11px}.service-copy .intro{font-size:11px;margin:14px 0 18px}.service-copy .fine{font-size:9px;margin-top:12px}.service-visual{min-height:270px;margin-top:9px}.photo-stack{width:min(260px,86%);height:222px;}.film-book{width:min(267px,88%);height:226px;margin:0 0 21px}.stamp{font-size:7px;top:-13px;right:0}.edit-window,.monitor-demo,.album-demo{max-width:330px;transform:rotateY(-3deg) rotateX(1deg)}.edit-preview{height:145px}.program-view{height:178px}.album-grid{max-height:183px}.section{padding:27px 21px 30px}.section-head{margin-bottom:19px;align-items:flex-start}.section-head h2{font-size:25px}.section-head p{font-size:9px;max-width:90px}.section-head .eyebrow{font-size:7px}.deliver-grid{gap:10px}.deliver-card{padding:15px 12px}.deliver-card h3{font-size:12px;margin-top:12px}.deliver-card p{font-size:10px}.page-footer{margin:0 21px 23px;flex-wrap:wrap;padding-top:19px;gap:11px}.page-footer p{font-size:10px}.archive-header{padding:24px 21px 18px}.archive-header h1{font-size:35px}.archive-header p{font-size:11px}.archive-header .pill{font-size:8px}.archive-toolbar{margin:0 21px 19px;display:block}.tabs{gap:3px}.tab{font-size:9px;padding:6px 9px}.search-box{margin-top:11px;width:100%}.search-box input{width:100%;font-size:11px}.archive-grid{padding:0 21px 27px;gap:17px 11px}.archive-meta h2{font-size:11px;line-height:1.6}.archive-meta p{font-size:8px;display:block}.archive-meta p span:last-child{display:none}.concept-tag{font-size:6px;top:4px;left:4px;padding:2px 4px}.archive-image{aspect-ratio:1.13}.project-page{padding:21px}.project-page h1{font-size:31px}.project-page .project-intro{font-size:11px}.project-large{aspect-ratio:1.4}.project-detail{grid-template-columns:1fr;gap:20px}.project-detail p{font-size:11px}.project-gallery{gap:6px}.project-gallery button{aspect-ratio:.95}.contact-layout{padding:25px 21px;gap:25px}.contact-layout h1{font-size:32px}.contact-layout .intro{font-size:11px}.privacy-note{font-size:10px}.form-two{gap:10px}.inquiry input,.inquiry textarea,.inquiry select{font-size:16px;padding:8px 10px;line-height:1.5}.inquiry label{font-size:10px}.inquiry .btn{width:100%}.about-hero{grid-template-columns:1fr;padding:30px 21px;gap:30px}.about-hero h1{font-size:35px}.about-photo{max-width:265px;margin:auto}.about-hero p{font-size:11px}.process-grid{grid-template-columns:1fr;gap:10px}.process-card{padding:18px 0 15px}.process-card h2{font-size:24px;margin:10px 0}.process-card p{font-size:11px}.lightbox{padding:10px}.lightbox figure{padding:35px 3px}.lightbox img{max-height:calc(100svh - 220px);border-width:7px;border-bottom-width:12px}.lightbox-close{top:25px;right:21px}.lightbox figcaption{font-size:10px;max-width:90%;text-align:center}.toast{border-radius:13px;width:max-content;max-width:88vw;text-align:center}.window-empty h1{font-size:32px}.window-empty p{font-size:11px}}
@media(max-width:360px){.header-tools .tool-button{width:31px;min-width:31px}.brand-word{font-size:18px}.brand-glyph{width:19px}.service-copy h1{font-size:29px}.form-two{grid-template-columns:1fr;gap:0}.dock-icon{width:38px;height:38px}.archive-grid{grid-template-columns:1fr}.archive-image{aspect-ratio:1.55}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.desktop{--dx:0px!important;--dy:0px!important}}


/* Keep controls above transformed media in the editing canvas. */
.edit-preview img,.program-view img,.preview-label{pointer-events:none}.preview-play{z-index:5;transform:translateZ(1px)}.preview-label{z-index:2}
.service-card:hover{transition-duration:.24s,.4s}
@media(max-width:600px){.round-button{width:44px;height:44px}.tool-button{min-height:44px}.tab{min-height:40px;display:inline-flex;align-items:center}.service-copy .btn{min-height:44px}.stack-controls{bottom:-46px}.photo-stack{margin-bottom:32px}.film-book{margin-bottom:30px}}

/* Programmatic route-heading focus must not look like a form field. */
h1[tabindex="-1"]:focus{outline:none}

/* Studio OS 02: additive review layer. No production styles or endpoints are modified. */
:root{--os-bar:38px;--os-blue:#1668f6;--os-max:1240px;--os-light:1;--os-shadow:0 36px 80px -32px #163f704d;--journey-p:0}
html{scroll-padding-top:70px}body{overflow-x:clip;}body.os-window-open{overflow:hidden}.os-world{isolation:isolate}.os-world.os-muted{pointer-events:none}
.site-header.os-menubar{top:0;left:0;right:0;padding:0 24px;gap:17px;border:0;border-bottom:1px solid #ffffff8f;border-radius:0;background:#f2f8fecf;box-shadow:0 1px 0 #537ba61a;backdrop-filter:blur(24px) saturate(1.55);z-index:150;display:flex}
.os-menubar .brand{gap:9px;min-height:34px}.os-menubar .brand-glyph{width:19px;height:20px;fill:#183958}.os-app-name{font-size:12px;letter-spacing:-.25px;white-space:nowrap}.os-menubar .top-nav{display:flex;gap:2px;margin-right:auto;align-items:stretch;height:100%}.os-menu-trigger{font-size:11px;padding:0 13px;border-radius:5px;white-space:nowrap;min-height:34px}.os-menu-trigger:hover,.os-menu-trigger[aria-expanded=true]{background:#afcde74a}.os-menubar .header-tools{gap:4px;margin-left:auto}.os-menubar .tool-button{border:0;min-height:32px;padding:0 8px;}.os-menubar .tool-button:hover{background:#afcde74a}.os-menubar .tool-button .icon{width:16px;height:16px}.os-live-status{display:flex;gap:6px;align-items:center;color:#59718c;padding-right:8px}.os-live-status i{width:5px;height:5px;border-radius:50%;background:#5e90cb}.os-time{font-size:11px;white-space:nowrap;padding:0 7px;font-variant-numeric:tabular-nums;color:#294c6c}.os-menubar .menu-button{display:none}

.os-menu-panel{position:fixed;z-index:170;top:calc(var(--os-bar) + 5px);min-width:230px;background:#f5fafff0;backdrop-filter:blur(30px);border:1px solid #fff;border-radius:10px;box-shadow:0 15px 50px #294f793b;padding:6px;display:grid;gap:2px}.os-menu-panel button,.os-menu-panel a{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:30px;text-align:left;padding:8px 11px;border-radius:5px;min-height:35px}.os-menu-panel button:hover,.os-menu-panel a:hover,.os-menu-panel button:focus-visible,.os-menu-panel a:focus-visible{background:var(--blue);color:white}.os-menu-panel kbd{font:10px var(--sans);opacity:.55}.os-menu-panel hr{border:0;border-top:1px solid #a8bfd536;width:calc(100% - 16px);margin:4px 8px}.os-menu-label{padding:5px 11px;color:#758ba2;font-size:9px;letter-spacing:.08em}.os-menu-panel .icon{width:15px;height:15px}.os-menu-panel .os-menu-state{font-size:10px;color:#8496a9;margin:2px 10px 8px}
/* Keep the approved layered desk, then reveal an entire world below it. */
.desktop{height:100svh;min-height:850px;filter:brightness(var(--os-light));contain:layout paint}.desktop.inactive{filter:blur(3px) saturate(.9);transform:scale(.97)}.service-stage{top:51%;width:min(1020px,72vw);gap:19px}.cards-hint{font-size:10px;top:calc(100% + 31px);letter-spacing:.1em}.os-scroll-cue{position:absolute;z-index:10;left:50%;bottom:132px;translate:-50% 0;display:flex;align-items:center;flex-direction:column;gap:8px;color:#42729d;font-size:10px;letter-spacing:.12em;padding:12px 25px;min-height:44px;white-space:nowrap}.os-scroll-cue i{height:29px;width:17px;border:1px solid #7d9db9;border-radius:12px;position:relative;display:block}.os-scroll-cue i:after{content:"";position:absolute;width:3px;height:5px;border-radius:5px;background:#2b6dad;left:6px;top:5px;animation:os-scroll-dot 2s ease-in-out infinite}.os-scroll-cue:hover{color:#1668f6}.scene-index-label{font-size:9px;letter-spacing:.14em;color:#8ba1b7}.os-scroll-cue .icon{width:16px;height:16px}
@keyframes os-scroll-dot{0%,100%{translate:0 0;opacity:.4}50%{translate:0 8px;opacity:1}}
/* Original squircle artwork. A familiar desktop silhouette, not copied OS icons. */
.dock-zone{bottom:max(16px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px);z-index:145}.dock{background:linear-gradient(145deg,#ffffff95,#dfeafa95);border:1px solid #ffffffed;box-shadow:0 17px 45px #254d7d30,inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff70;backdrop-filter:blur(30px) saturate(1.65)}.dock-item{width:61px;min-height:66px;gap:4px}.dock-icon,.dock-item.active .dock-icon,.dock-item.project .dock-icon{width:50px;height:50px;background:transparent;border:0;border-radius:13px;color:white;box-shadow:0 5px 8px #1d42642c;overflow:visible}.os-icon-art{display:block;width:100%;height:100%;overflow:visible}.dock-name{letter-spacing:.03em;}.dock-item.active .dock-icon{box-shadow:0 5px 10px #254f893c}.dock-item.active:after,.dock-item.is-minimized:after{content:"";width:4px;height:4px;border-radius:50%;position:absolute;left:calc(50% - 2px);bottom:-3px;background:#28528c}.dock-item.is-minimized:after{background:transparent;border:1px solid #28528c}.dock-item.active .dock-name{color:#1a548c}.dock-divider{margin:0 4px 15px;height:42px;background:#91abc951}.dock-tooltip{top:-49px;background:#f2f8fff0;border:1px solid white;padding:7px 12px;border-radius:8px;backdrop-filter:blur(20px);box-shadow:0 8px 20px #264c7824}.dock-item:focus-visible .dock-tooltip{opacity:1}.dock-item.bounce .dock-icon{animation:os-dock-bounce .5s cubic-bezier(.22,1,.36,1)}@keyframes os-dock-bounce{40%{translate:0 -14px}70%{translate:0 2px}}
.window-dots{gap:2px}.window-dots button{width:30px;height:38px}.dot{height:12px;width:12px;border:1px solid #00000014}.dot.close{background:#ff625a}.dot.home{background:#ffbf44}.dot.max{background:#30c84a}.window-dots button:hover .dot{background:inherit;color:#0009}.window-dots button:hover .dot.close{background:#ff625a}.window-dots button:hover .dot.home{background:#ffbf44}.window-dots button:hover .dot.max{background:#30c84a}.workspace{translate:var(--drag-x,0px) var(--drag-y,0px)}.workspace.expanded{top:calc(var(--os-bar) + 10px);bottom:119px;left:10px;right:10px;translate:0 0}.window-bar{cursor:grab}.window-bar:active{cursor:grabbing}.window-scroll{overscroll-behavior:contain}.veil{inset:var(--os-bar) 0 0;z-index:30;backdrop-filter:blur(3px)}.os-window-open .os-chapter-rail{opacity:0;pointer-events:none}.os-chapter-rail{position:fixed;right:19px;top:50%;translate:0 -50%;z-index:20;display:flex;flex-direction:column;gap:8px;transition:opacity .25s}.os-chapter-rail button{position:relative;width:24px;display:grid;place-items:center}.os-chapter-rail i{width:4px;height:4px;background:#6e8dab66;border-radius:50%;transition:all .3s}.os-chapter-rail button.active i{height:18px;width:4px;background:#1d6ff8}.os-chapter-rail span{position:absolute;right:30px;opacity:0;pointer-events:none;white-space:nowrap;color:#1d426a;background:#f6faffdd;padding:4px 8px;font-size:10px;border-radius:6px}.os-chapter-rail button:hover span,.os-chapter-rail button:focus-visible span{opacity:1}
/* Scroll chapters: native vertical scroll + sticky perspective; no wheel trapping. */
.journey{position:relative;background:#f4f8fd}.j-description{line-height:1.95;color:#6b839a;max-width:410px}.j-meta{font-size:9px;letter-spacing:.1em;color:#7e95aa}

.service-reel-track{display:flex;gap:28px;width:max-content;padding:0 max(60px,calc((100vw - 1240px)/2));transform:translateX(calc(var(--service-x,0) * -1px));will-change:transform}
.finder-search{display:flex;align-items:center;gap:6px}.finder-search input{width:160px;max-width:100%;padding:6px 10px;border:1px solid #d5e4f2;border-radius:7px;background:#f5f9ff;color:#476787;}.finder-search .icon{width:13px;height:13px}.finder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 18px}.finder-card{min-width:0;display:block}.finder-card .finder-photo{aspect-ratio:1.42;overflow:hidden;position:relative;border-radius:7px;background:#e5eef8;box-shadow:0 4px 10px #45689015;border:4px solid white;outline:1px solid #d8e5f0;transition:box-shadow .4s,transform .45s}.finder-card img{width:100%;height:100%;transition:transform .7s}.finder-card:hover .finder-photo{transform:translateY(-4px);box-shadow:0 10px 18px #45689020}.finder-card:hover img{transform:scale(1.04)}.finder-card h3{font-weight:500;margin-top:10px;color:#264d71}.finder-card p{color:#8095aa;margin-top:4px}.finder-card small{position:absolute;right:4px;bottom:4px;background:#ffffffd6;padding:2px 5px;border-radius:3px;font-size:7px;letter-spacing:.05em}.finder-grid.is-list{display:flex;flex-direction:column;gap:0}.finder-grid.is-list .finder-card{padding:10px 0;border-bottom:1px solid #e0ebf6;}.finder-grid.is-list .finder-card h3{margin-top:0}.finder-empty{padding:75px 20px;text-align:center;grid-column:1/-1;color:#7790a8;font-size:12px}
.phone-count{font-size:8px;color:#92a6ba;margin-top:5px}


/* Search and controls are useful, not fake system status. */
.os-spotlight{width:min(640px,calc(100vw - 30px));max-height:76svh;border:1px solid white;border-radius:17px;background:#f4f9fff2;box-shadow:0 35px 150px #12386366;padding:0;color:var(--ink);overflow:hidden;backdrop-filter:blur(25px)}.os-spotlight::backdrop{background:#142b452a;backdrop-filter:blur(6px)}.spotlight-head{padding:18px 19px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #c8daed}.spotlight-head .icon{width:24px;height:24px;color:#5d82a8}.spotlight-head input{border:0;background:transparent;outline:0;flex:1;min-width:0;font-size:19px;color:#183d61;padding:8px 0}.spotlight-head button{color:#7b93ac;font-size:10px;background:#dce8f7;border:1px solid #c5d8ed;border-radius:5px;padding:5px 7px;min-height:32px}.spotlight-results{max-height:calc(76svh - 140px);overflow:auto;padding:8px;display:grid;gap:2px}.spotlight-results a,.spotlight-results button{padding:13px 16px;display:flex;align-items:center;gap:14px;border-radius:8px;text-align:left;min-width:0;color:#44698c}.spotlight-results a:hover,.spotlight-results a:focus-visible,.spotlight-results button:hover,.spotlight-results button:focus-visible{background:#2374fa;color:white}.spotlight-results .icon{width:18px;height:18px}.spotlight-results strong{font-size:13px;font-weight:550;display:block}.spotlight-results small{font-size:9px;opacity:.6;display:block;margin-top:3px}.spotlight-foot{padding:10px 22px;background:#e8f1fb;font-size:9px;color:#7a96b3;border-top:1px solid #d3e1f2;display:flex;justify-content:space-between}.click-ring{position:fixed;pointer-events:none;border:1px solid #5ba5ff85;border-radius:50%;width:12px;height:12px;translate:-50% -50%;z-index:190;animation:os-click-ring .5s ease-out forwards}@keyframes os-click-ring{to{transform:scale(4);opacity:0}}.os-menubar .tool-button:focus-visible,.os-menu-trigger:focus-visible{outline-offset:-3px}
@media(min-width:1650px){.service-reel-track{gap:36px}}
@media(max-height:820px) and (min-width:801px){.desktop{min-height:790px}.service-stage{top:49%}.os-scroll-cue{bottom:128px}}
@media(max-width:1100px){.os-live-status{display:none}.j-description{font-size:11px}.os-menubar .top-nav{gap:0}.os-menu-trigger{padding:0 10px}.service-stage{width:76vw;gap:12px}}
@media(max-width:800px){:root{--os-bar:44px}.site-header.os-menubar{padding:0 16px;gap:14px}.os-app-name{font-size:11px}.os-menubar .top-nav{display:none}.os-menubar .menu-button{display:inline-flex}.os-time{font-size:10px}.os-time .time-date{display:none}.os-chapter-rail{display:none}.service-reel-track{padding:0 25px;gap:23px}.finder-grid{gap:20px 13px}.finder-search input{width:140px}.workspace{left:18px;right:18px;top:65px;bottom:117px}.workspace.expanded{top:53px;left:7px;right:7px;bottom:112px}.window-context{display:none}}
@media(max-width:600px){.os-menubar .brand{gap:7px}.os-menubar .brand-glyph{width:18px}.os-app-name{font-size:12px}.os-menubar .header-tools{gap:0}.os-menubar .tool-button{min-width:34px;width:34px;height:42px;min-height:42px;padding:0 6px}.os-time{padding:0 3px;font-size:10px}.os-menubar .os-find-button{display:none}.os-menubar .menu-button{display:none}.site-header.os-menubar{padding:0 13px;gap:6px}.os-menu-trigger{min-height:42px}.dock-zone{max-width:calc(100vw - 16px);width:auto;bottom:max(10px,env(safe-area-inset-bottom))}.dock{padding:8px 5px 8px;gap:1px;justify-content:center;border-radius:19px}.dock-item{width:calc((100vw - 36px)/8);max-width:46px;min-width:34px;min-height:58px;flex:0 0 auto;gap:5px}.dock-icon,.dock-item.active .dock-icon,.dock-item.project .dock-icon{width:35px;height:35px;border-radius:9px;box-shadow:0 4px 7px #3355792a}.dock-name{font-size:7px;letter-spacing:0}.dock-secondary{display:flex!important}.dock-item[data-dock=about],.dock-divider{display:none!important}.dock-tooltip{display:none}.dock-item.active:after,.dock-item.is-minimized:after{bottom:-3px;width:3px;height:3px}.workspace{top:57px;left:8px;right:8px;bottom:95px;border-radius:13px;translate:0 0!important}.workspace.expanded{top:50px;left:4px;right:4px;bottom:91px}.window-bar{height:44px}.window-dots button{width:33px;height:44px}.window-title{font-size:10px}.window-context{display:none}.j-description{font-size:11px;line-height:1.9}.service-reel-track{transform:none!important;width:100%;padding:12px 24px 32px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c9dcef transparent;gap:20px;scroll-padding-left:24px;will-change:auto}.finder-search input{width:130px;font-size:12px;min-height:34px}.finder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px}.finder-card h3{font-size:11px;margin-top:9px}.finder-card p{font-size:8px;line-height:1.7}.finder-card .finder-photo{aspect-ratio:1.1;border-width:3px}.finder-card small{font-size:6px;padding:1px 3px}.os-spotlight{max-height:78svh;border-radius:13px}.spotlight-head{padding:12px 15px;gap:10px}.spotlight-head input{font-size:16px}.spotlight-results a,.spotlight-results button{padding:12px 13px}.spotlight-results strong{font-size:12px}.spotlight-foot{font-size:8px;padding:9px 16px}.os-menu-panel{max-width:calc(100vw - 25px)}.toast{bottom:101px;font-size:10px}}
@media(max-width:360px){.os-app-name{font-size:11px}.os-menubar .tool-button{min-width:31px;width:31px;padding:0 5px}.os-time{font-size:9px}.dock-item{width:35px;min-width:0;max-width:none}.dock-icon,.dock-item.active .dock-icon,.dock-item.project .dock-icon{width:31px;height:31px}.dock-name{font-size:6.5px}.dock{gap:1px;padding:8px 4px}.dock-item{min-height:54px}.finder-search{margin-top:12px}.finder-search input{width:100%}}
/* Reductions retain ALL content; animations never control access. */
.reduced-motion .dock-icon{transform:none!important}.reduced-motion .service-reel-track{will-change:auto}.page-hidden *{animation-play-state:paused!important}.reduced-motion .click-ring{display:none}.reduced-motion .os-scroll-cue i:after{animation:none}
@media(prefers-reduced-motion:reduce){.os-scroll-cue i:after{animation:none}}
/* Strong motion-reduction fallback: show every frame and service without panning. */
.reduced-motion .service-reel-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(1240px,calc(100% - 70px));padding:0;margin:auto;transform:none!important;overflow:visible;gap:22px}
@media(max-width:800px){.reduced-motion .service-reel-track{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 48px)}}
@media(max-width:600px){.reduced-motion .service-reel-track{grid-template-columns:1fr;width:calc(100% - 48px)}}
.desktop.os-offscreen *{animation-play-state:paused!important}


/* Studio OS 03 — mobile composition and state continuity; original content retained. */
:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--shell-top:calc(var(--os-bar) + var(--safe-top));--mobile-dock:82px;--enter-ease:cubic-bezier(.22,1,.36,1)}
html{scrollbar-gutter:stable}body{overscroll-behavior-y:auto}.site-header.os-menubar{height:var(--shell-top);min-height:var(--shell-top);padding-top:var(--safe-top)}

.equipment{filter:drop-shadow(0 2px 1px #15375b21) drop-shadow(5px 20px 13px #234c7528);will-change:auto}
.camera-object{filter:drop-shadow(1px 3px 1px #213c5340) drop-shadow(4px 13px 10px #3159793b)}

.drone-object{filter:drop-shadow(3px 20px 16px #42668425)}.equipment img{object-fit:contain;user-select:none;-webkit-user-drag:none}
.service-card{will-change:auto}.service-card:after{opacity:.2}

.front-print,.film-frame,#lightbox-image{touch-action:pan-y pinch-zoom}.window-mobile-back,.window-mobile-min,.v3-window-grip,.v3-mobile-dock{display:none}
.v3-mobile-caption{display:none}.v3-service-dialog{margin:auto;max-width:520px;width:calc(100vw - 24px);max-height:85dvh;border:1px solid #fff;border-radius:24px;padding:25px;background:#f3f8ff;box-shadow:0 25px 90px #183d6638;color:#173b5b;overflow:auto;overscroll-behavior:contain}
.v3-service-dialog::backdrop{background:#173c5e42;backdrop-filter:blur(5px)}.v3-sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}
.v3-sheet-heading h2{font:600 27px/1.25 var(--serif)}.v3-sheet-heading p{font-size:12px;color:#60819f;margin:6px 0 0}.v3-sheet-heading button{min-width:44px;min-height:44px;background:#e1edf9;border-radius:50%;display:grid;place-items:center}
.v3-service-list{display:grid;gap:10px}.v3-service-link{display:flex;align-items:center;gap:15px;min-height:81px;padding:13px;background:#ffffffc9;border:1px solid white;border-radius:17px}.v3-service-link .v3-service-art{width:48px;height:48px;flex:none;filter:drop-shadow(0 4px 4px #315b7f20)}.v3-service-link strong{font-size:16px;display:block}.v3-service-link small{font-size:12px;color:#69839d;display:block;margin-top:4px}.v3-service-link>.icon{width:17px;height:17px;margin-left:auto}
.v3-service-link.is-minimized:after{content:"可恢复";font-size:10px;color:#286cbd;white-space:nowrap}.v3-sheet-foot{margin-top:19px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#577995}.v3-sheet-foot button{min-height:44px}
.os-chapter-rail button{min-height:30px}.os-menu-panel a,.os-menu-panel button{min-height:40px}.j-description{font-size:14px}.finder-card h3{font-size:14px}.finder-card p{font-size:12px}.finder-search input{font-size:14px;min-height:38px}
@media(hover:none),(pointer:coarse){.service-card:hover{transform:rotateZ(var(--angle,0deg));box-shadow:0 15px 30px -18px #325e8a60}.service-card:hover .service-cover img{transform:none}.equipment:hover{scale:1}.equipment .object-label{display:none}.dock-icon{transform:none!important}.dock-tooltip{display:none}.archive-card:hover{transform:none}.btn:hover{transform:none}.finder-card:hover .finder-photo{transform:none}.os-chapter-rail{display:none}}
@media(max-width:767px){
 :root{--os-bar:46px;}html{scrollbar-gutter:auto;scroll-padding-top:calc(var(--shell-top) + 12px)}
 .site-header.os-menubar{padding:var(--safe-top) 12px 0;gap:8px;background:#f4f9ffe8;backdrop-filter:blur(16px) saturate(1.25)}
 .os-menubar .brand{padding:0 3px;min-height:44px;}.os-menubar .brand-glyph{width:19px;height:21px}.os-menubar .top-nav,.os-live-status,.time-date,.os-menubar .os-find-button{display:none}
 .os-menubar .header-tools{gap:0}.os-menubar .tool-button{min-height:44px;padding:0}.os-menubar .tool-button .icon{width:18px;height:18px}.os-time{font-size:10px;padding:0 4px}
 .os-menu-panel{max-width:calc(100vw - 24px);background:#f5fafff5}.os-menu-panel button,.os-menu-panel a{min-height:44px;font-size:14px}.os-menu-panel kbd{font-size:11px}
 .room-photo{height:80%;top:7%;}.room:after{background:linear-gradient(180deg,#f1f8ffbb 0,#f2f8ff22 40%,#e8f2fdcc 77%),radial-gradient(ellipse at 50% 23%,#ffffffef,transparent 65%)}
 .equipment{z-index:4}
 /* Five large mobile destinations; all five services live in the service sheet. */
 .dock-zone{bottom:calc(8px + var(--safe-bottom));max-width:none;transition:opacity .16s,translate .2s;}.dock{justify-content:space-around;backdrop-filter:blur(18px) saturate(1.25);background:linear-gradient(145deg,#ffffffdb,#e1edfacf)}
 .dock .dock-item{display:none!important}.dock .dock-item[data-dock=home],.dock .dock-item[data-dock=services],.dock .dock-item[data-dock=cases],.dock .dock-item[data-dock=album],.dock .dock-item[data-dock=contact]{display:flex!important;width:20%;min-width:44px;min-height:58px;max-width:78px;gap:5px;justify-content:center}
 .dock-icon,.dock-item.active .dock-icon,.dock-item.project .dock-icon{width:37px;height:37px;border-radius:11px}.dock-item.active:after,.dock-item.is-minimized:after{bottom:-3px;width:3px;height:3px}.os-window-open .dock-zone,.v3-keyboard .dock-zone{opacity:0;pointer-events:none;visibility:hidden}
 .v3-service-dialog{padding:24px 20px calc(20px + var(--safe-bottom))}.v3-service-dialog:before{content:"";width:34px;height:4px;background:#b8cde0;border-radius:8px;display:block;margin:-12px auto 16px}
 /* Reading windows use the available height, not a desktop mini-window. */
 .workspace,.workspace.expanded{min-height:180px;translate:0 0!important;border-left:0;border-right:0;box-shadow:0 -15px 70px #1c426f38;display:flex;flex-direction:column;}
 .workspace[hidden]{display:none!important}.window-bar{min-height:64px;gap:5px;cursor:default;touch-action:none}.window-dots,.window-context{display:none}.window-title{display:flex;line-height:1.3}.window-title span{white-space:nowrap;max-width:100%}.window-title .icon{flex:none}
 .window-mobile-back,.window-mobile-min{flex:none;color:#2a679e;}.window-mobile-back .icon{height:16px}.v3-window-grip{display:block;position:absolute;top:7px;left:calc(50% - 18px);width:36px;height:4px;background:#b4c9db;border-radius:10px}
 .window-scroll{height:auto!important;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(20px + var(--safe-bottom));scroll-padding-bottom:28px}.veil{inset:var(--shell-top) 0 0;background:#56749435;backdrop-filter:blur(2px)}
 .page-top{padding:20px 22px 0}.page-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}.service-hero{overflow:visible}.service-copy{padding:0;width:100%;max-width:none}.service-copy .lead,.service-copy>p:not(.eyebrow){font-size:14px;line-height:1.85}.service-visual{min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column}
 .photo-stack{aspect-ratio:1.18;}.front-print{inset:0}.photo-controls{margin-top:20px;gap:14px;font-size:12px}.round-button{width:44px;min-width:44px;height:44px}.film-book{width:calc(100% - 22px);aspect-ratio:1.33;}.film-frame{transform:rotate(-2deg) rotateY(-3deg)}.film-frame figcaption{font-size:11px}.visual-note{font-size:11px;line-height:1.7;position:relative;bottom:auto;margin-top:14px}.stamp{right:0}
 .edit-window,.monitor-demo,.album-demo{box-shadow:0 18px 35px -23px #31577d80}.mini-bar{letter-spacing:0;line-height:1.5}.edit-preview{height:auto;}.edit-tools{font-size:12px;}.segmented button{font-size:12px}.preview-play{width:48px;height:48px}.preview-label{font-size:10px}.timeline input{height:44px}.program-view{height:auto;aspect-ratio:16/10}.cam-input span,.program-note,.program-badge{font-size:10px}.album-grid{max-height:none;}.album-demo-footer .fine{font-size:10px}
 .section-head{align-items:flex-start;gap:12px}.section-head h2{font-size:27px;line-height:1.4}.section-head p{font-size:12px}.page-footer{gap:20px}
 .archive-header{padding:29px 22px 20px;}.archive-header h1{font-size:35px}.tabs{flex-wrap:nowrap;overflow:auto;max-width:100%;width:100%;scrollbar-width:none;padding:3px 0;gap:5px}.tab{min-height:44px;white-space:nowrap;flex:none;font-size:12px;padding:10px 13px}.search-box{width:100%;padding:2px 14px;min-height:46px}.search-box input{min-height:44px;height:44px;width:100%;font-size:16px}.archive-grid{padding:0 22px 24px;}.archive-image{aspect-ratio:4/5}.archive-meta p{line-height:1.7}.concept-tag{font-size:8px}.project-page{padding:24px 22px}.project-page h1{font-size:33px}.project-page .project-intro{font-size:14px;line-height:1.85}.project-large{aspect-ratio:4/3}.project-detail{grid-template-columns:1fr;gap:25px}.project-detail p{font-size:14px}.project-spec{font-size:13px}.project-gallery{grid-template-columns:1fr 1fr;gap:12px}.about-hero{grid-template-columns:1fr;}.about-hero h1{font-size:35px}.about-hero p{font-size:14px}.about-photo{max-width:430px;margin:0 8px}.process-grid{grid-template-columns:1fr;gap:20px}.process-card p{font-size:14px}.process-card h2{font-size:25px}
 .contact-layout{padding:28px 22px;}.contact-layout h1{font-size:35px}.contact-layout .intro{font-size:14px;line-height:1.85}.contact-layout form{margin-top:28px}.form-row{grid-template-columns:1fr}.field input,.field select,.field textarea,input[type=search],input[type=text],input[type=email],input[type=tel],select,textarea{font-size:16px!important;min-height:46px}.field label,.field>span{font-size:13px}.check-row label{min-height:44px;display:inline-flex;align-items:center}.form-note,.form-error{font-size:12px}.form-success{font-size:14px;line-height:1.85}.window-empty{padding:40px 22px}
 /* Chapters are deliberately re-composed, with no mobile scroll tunnel. */
 .j-meta{font-size:10px}
 .v3-mobile-caption{display:inline}
 .service-reel-track{overflow-y:hidden;scroll-snap-stop:normal;scrollbar-width:none;will-change:auto;}
 .finder-search{margin:0}.finder-search input{min-height:44px;}.finder-card h3{font-size:14px;line-height:1.6;margin-top:10px}.finder-card p{line-height:1.8}.finder-card .finder-photo{aspect-ratio:4/5;border-width:4px}.finder-card small{font-size:8px;padding:2px 4px}.finder-grid.is-list .finder-card{grid-template-columns:78px 1fr;gap:13px}.finder-grid.is-list .finder-photo{width:78px;aspect-ratio:4/3}
 
 
 
 .spotlight-head{padding:14px}.spotlight-head input{font-size:16px!important}.spotlight-results strong{font-size:15px}.spotlight-results small{font-size:12px}.spotlight-results a,.spotlight-results button{min-height:65px;padding:12px 17px}.spotlight-foot{font-size:11px;padding:12px 16px}.toast{bottom:calc(var(--mobile-dock) + var(--safe-bottom) + 16px);line-height:1.7}.os-window-open .toast{bottom:calc(18px + var(--safe-bottom))}.lightbox-dialog{padding:12px;max-height:calc(var(--vv-height,100dvh) - 20px);width:calc(100% - 20px)}.lightbox-dialog .round-button{height:44px;width:44px}.lightbox-caption{font-size:12px}
 .reduced-motion .service-reel-track{width:calc(100% - 44px);padding:0;display:grid;grid-template-columns:1fr;gap:23px;overflow:visible;margin:auto}
}
@media(max-width:360px){.os-time{display:none}.finder-grid{gap:19px 10px}.finder-card h3{font-size:13px}.finder-card p{font-size:10px}.window-mobile-back,.window-mobile-min{min-width:51px;font-size:12px}.window-title{font-size:12px}}
@media(min-width:601px) and (max-width:767px){.dock-zone{max-width:450px;left:50%;right:auto;transform:translateX(-50%);width:calc(100vw - 20px)}.archive-image,.finder-card .finder-photo{aspect-ratio:4/3}}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){.desktop{height:auto;min-height:700px}.workspace,.workspace.expanded{top:var(--shell-top);bottom:0;height:calc(var(--vv-height,100dvh) - var(--shell-top));min-height:130px}.window-scroll{max-height:none}.os-window-open .dock-zone{visibility:hidden;pointer-events:none}.v3-service-dialog{max-height:calc(var(--vv-height,100dvh) - 16px)}.os-spotlight{max-height:calc(var(--vv-height,100dvh) - 20px)} }
@supports not (backdrop-filter:blur(1px)){.dock{background:#eaf3fd}.site-header.os-menubar,.os-menu-panel,.v3-service-dialog{background:#f3f8ff}}
/* Final small-screen fit pass, including comfortable hit areas and one clear scroll cue. */
@media(max-width:767px){
 .dock-item[data-dock=home]{order:1}.dock-item[data-dock=services]{order:2}.dock-item[data-dock=cases]{order:3}.dock-item[data-dock=album]{order:4}.dock-item[data-dock=contact]{order:5}
 
 .service-visual-photo,.service-visual-film{padding-bottom:52px}.page-footer{margin:0 22px 20px;flex-direction:column;align-items:flex-start}.service-copy .intro,.j-description,.finder-card p,.fine{color:#526e89}
 .form-two{grid-template-columns:1fr}.receipt pre{font-size:13px}.inquiry .btn{min-height:46px;font-size:13px}
 .equipment{min-height:44px}.lightbox{padding:65px 16px 24px}.lightbox img{max-height:calc(var(--vv-height,100dvh) - 210px);border-width:7px;border-bottom-width:13px}.lightbox-close{top:calc(var(--safe-top) + 12px)}.lightbox-controls{font-size:12px}
}
@media(max-width:360px){.deliver-grid{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:13px}}
.window-scroll{overflow-x:hidden}.receipt pre{overflow-wrap:anywhere}
.window-scroll{scroll-behavior:auto}

/* Liquid Glass-inspired web materials: clear controls, quiet reading surfaces. No bundled fonts. */
:root{--v4-glass-alpha:.65;--v4-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M4 2L22 17L14 18L10 27Z' fill='%231e3d64' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2,auto}
html,body{color:var(--v4-ink)}h1,h2,.serif{font-family:var(--v4-serif);text-wrap:balance}p{overflow-wrap:break-word}button,a,input,summary{touch-action:manipulation}html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{font-family:var(--v4-body);font-weight:560;letter-spacing:-.045em}html[lang="zh-Hant"]{--v4-body:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang TC","Microsoft JhengHei","Noto Sans CJK TC",sans-serif;--v4-serif:"Songti TC","Noto Serif CJK TC","PMingLiU",serif}
.os-menubar,.dock,.window-bar,.os-menu-panel,.os-spotlight,.v3-service-dialog,.lv-language>div{background:linear-gradient(135deg,rgba(255,255,255,.64),rgba(237,247,255,.24)),rgba(235,245,255,var(--v4-glass-alpha));-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #648bac22,0 1px 0 #41618522,0 12px 38px #22497816}
.os-menubar{border-radius:0 0 18px 18px;height:44px;min-height:44px;padding:0 24px;z-index:90;gap:12px}.header-tools{gap:10px;min-width:0}.os-menubar .tool-button{min-width:36px;height:36px;border-radius:12px}.os-app-name{font-weight:620}.os-menubar .top-nav button{font-size:13px;min-height:40px}.os-live-status{font-size:10px!important;max-width:110px;white-space:nowrap}.os-clock{font-size:11px!important;min-width:0}.dock{border-radius:27px;padding:11px 13px 7px}.dock-icon{border-radius:15px;box-shadow:0 2px 4px #15394f16,inset 0 1px 0 #fff9;position:relative}.dock-icon:after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;border:1px solid #ffffff75;background:linear-gradient(145deg,#ffffff44,transparent 38%,transparent 72%,#cee9ff30)}.dock-name{font-size:10px;font-weight:550;line-height:1.3}.btn.secondary,.btn.outline{background:linear-gradient(135deg,#ffffffd9,#eef7ffb8);color:#245186;border:1px solid #ffffff;box-shadow:inset 0 1px 0 #fff,0 5px 18px #24477314}.btn:active{transform:scale(.97)}
.lv-language{position:relative}.lv-language #language-toggle{display:flex;align-items:center;gap:5px;min-width:52px;font-size:15px}#language-label{font-size:11px;font-weight:600}.lv-language>div{position:absolute;top:calc(100% + 8px);right:0;min-width:142px;padding:6px;border-radius:17px;z-index:140}.lv-language>div button{display:block;width:100%;padding:11px 13px;text-align:left;border:0;border-radius:11px;color:#213c5c;background:transparent;font-size:13px}.lv-language>div button:hover,.lv-language>div button[aria-pressed=true]{background:#3a8eff1d;color:#0865dc}.lv-language>div[hidden]{display:none}
.workspace{top:62px;bottom:112px;left:3.5%;right:3.5%;width:auto;max-width:1480px;height:auto;margin-inline:auto;border-radius:25px;overflow:hidden}.window-bar{height:54px;border-radius:24px 24px 0 0;position:relative;z-index:6}.window-content{max-width:1360px;margin:auto;padding:30px clamp(22px,4vw,66px) 38px}.window-scroll{scrollbar-color:#b4c9e5 transparent}.window-title{font-size:13px;font-weight:590}.window-context{font-size:9px}.service-hero{grid-template-columns:1fr 1fr;gap:42px;min-height:480px;padding:35px 0 52px}.service-copy h1{font-size:clamp(34px,3.6vw,62px);line-height:1.2;font-weight:500;letter-spacing:-.035em;margin:18px 0 24px}.service-copy .intro{font-size:16px;line-height:1.85;max-width:38em}.service-copy .action-row{gap:18px;margin-top:26px}.service-copy .fine{margin-top:23px;line-height:1.7;font-size:12px;color:#607187;max-width:440px}.service-visual{min-width:0;transform:scale(.97);transform-origin:50% 50%}.service-copy .btn{font-size:13px}.page-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.page-breadcrumb{font-size:12px;flex-wrap:wrap}.v4-page-id{font-size:10px;letter-spacing:.13em;color:#657f9d;white-space:nowrap}
.v4-cinematic{display:grid;grid-template-columns:1.13fr 1fr;gap:clamp(24px,4vw,62px);align-items:center;padding:42px 0 58px;border-top:1px solid #dfe9f3}.v4-cinematic-image{aspect-ratio:4/3;position:relative;overflow:hidden;border-radius:22px;background:#e3edf7}.v4-cinematic-image img{width:100%;height:100%;object-fit:cover}.v4-cinematic-image>span{position:absolute;bottom:16px;left:18px;font:9px var(--v4-body);color:#fff;letter-spacing:.18em;padding:9px 11px;background:#182b3d7a;border-radius:10px;backdrop-filter:blur(8px)}.v4-cinematic-copy h2{font-size:36px;margin:12px 0 18px}.v4-cinematic-copy p{font-size:15px;line-height:1.85;color:#62778e}.v4-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.v4-tags a{padding:7px 12px;border:1px solid #d9e5f3;background:#f1f6fd;border-radius:99px;font-size:12px;transition:background .2s}.v4-tags a:hover{background:#ddecff}.section-head h2,.v4-faq h2{font-size:clamp(28px,2.8vw,42px);line-height:1.3}.section{padding:42px 0}.deliver-grid{gap:14px}.deliver-card{border:1px solid #e0eaf4;border-radius:19px;background:linear-gradient(135deg,#fff,#f2f7ff);padding:24px;min-width:0;box-shadow:inset 0 1px 0 #fff}.deliver-card h3{font-size:18px;margin:22px 0 12px;line-height:1.5}.deliver-card p{font-size:14px;line-height:1.8;color:#667b91}.deliver-card b{font-size:12px;color:#6395ce}.v4-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.v4-step-grid article{border-top:1px solid #bfd4e9;padding:22px 12px 20px 0;min-width:0}.v4-step-grid article>span{color:#6799d0;font-size:12px}.v4-step-grid h3,.v4-step-grid h2{font-family:var(--v4-body);font-size:20px;margin:22px 0 12px;line-height:1.55;font-weight:600}.v4-step-grid p{font-size:14px;line-height:1.85;color:#607891}.v4-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;border-top:1px solid #dfebf7}.v4-faq h2{margin:15px 0}.v4-faq>div>p{font-size:13px;line-height:1.8;color:#6b8097}.v4-faq details{border-bottom:1px solid #dde7f2;padding:17px 0}.v4-faq summary{font-size:15px;font-weight:550;line-height:1.8;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.v4-faq summary::-webkit-details-marker{display:none}.v4-faq summary>span{color:#4b8dd4;font-size:20px}.v4-faq details[open] summary>span{transform:rotate(45deg)}.v4-faq details p{font-size:14px;line-height:1.9;margin:14px 0 0;color:#627a92}.v4-service-quick .v4-cinematic{grid-template-columns:1fr 1.15fr}.v4-service-quick .v4-cinematic-image{order:2}.v4-service-film .v4-cinematic-image{aspect-ratio:16/10}.v4-service-film .v4-cinematic{grid-template-columns:1.25fr .9fr}.v4-service-album .v4-cinematic{background:#edf5ff;border-radius:25px;padding:25px;margin:10px 0}.v4-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.v4-feature-grid>a{padding:24px;border-radius:20px;border:1px solid #dce7f5;background:#f7faff;transition:transform .25s,background .25s}.v4-feature-grid>a:hover{transform:translateY(-4px);background:white}.v4-feature-grid span{font-size:11px;color:#6295d1}.v4-feature-grid h3{font-size:19px;line-height:1.6;margin:18px 0 10px}.v4-feature-grid p{font-size:14px;line-height:1.85;color:#697e94}.v4-portal{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:25px;padding:28px;background:#eaf3ff;border-radius:20px}.v4-portal p{font-size:13px;margin-top:10px;color:#5c7390;line-height:1.8}.v4-status{display:inline-flex;align-items:center;max-width:100%;font-size:11px;line-height:1.6;padding:7px 11px;border:1px solid #ccdff3;border-radius:99px;color:#486d96;background:#eff6ff}.v4-notice{padding:24px;background:#eff5fc;border-radius:18px;line-height:1.85}.v4-notice p{font-size:14px;color:#627b95;margin-top:8px}
.v4-all-services{display:grid;gap:24px}.v4-service-index{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:22px;border:1px solid #dce7f3;border-radius:24px;background:#f4f8fe;align-items:center}.v4-service-index>div{aspect-ratio:4/3;border-radius:15px;overflow:hidden}.v4-service-index>section{padding:20px 20px 20px 0}.v4-service-index h2{font-size:32px;margin:16px 0}.v4-service-index p{font-size:15px;line-height:1.85;color:#607a96}.v4-service-index span{font-size:10px;letter-spacing:.16em;color:#6b96c3}.v4-service-index b{display:block;font-size:13px;margin-top:26px;color:#236dc4}.v4-service-index:nth-child(even){grid-template-columns:1fr 1.1fr}.v4-service-index:nth-child(even)>div{order:2}.v4-service-index:nth-child(even)>section{padding:20px}
.archive-header h1,.about-hero h1,.contact-layout h1,.project-page>h1,.v4-process-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.25;margin:15px 0 22px}.archive-header p{font-size:15px;line-height:1.8}.archive-meta h2{font-size:19px;line-height:1.5}.v4-placeholder{width:100%;height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(ellipse at 25% 15%,#fff 5%,transparent 70%),linear-gradient(135deg,#eff7ff,#dceafd);color:#537aa6;position:relative;padding:22px;text-align:center}.v4-placeholder:before{content:"";position:absolute;inset:15px;border:1px dashed #93b1d640;border-radius:12px}.v4-placeholder i{opacity:.55;margin-bottom:10px}.v4-placeholder i svg{width:35px;height:35px}.v4-placeholder b{font-size:15px;font-weight:500}.v4-placeholder small{font-size:11px}.project-large:disabled{cursor:default}.v4-project-specs{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:32px 0}.v4-project-specs>div{padding:25px 0;border-top:1px solid #dbe7f4}.v4-project-specs h2{font-size:24px;margin-bottom:14px}.v4-project-specs p{font-size:15px;line-height:1.85;color:#5b748e}.v4-project-actions{display:flex;flex-wrap:wrap;gap:14px}.v4-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v4-gallery>button{border:0;padding:0;border-radius:15px;overflow:hidden;background:#e7f1ff;aspect-ratio:4/3}.v4-video{width:100%;max-height:70vh;background:#14273e;border-radius:18px}.v4-about-line{font-size:26px;line-height:1.5;margin:25px 0 16px}.about-hero p,.contact-layout p{font-size:15px;line-height:1.85}.about-photo{border-radius:24px;overflow:hidden;min-width:0}.v4-about-services{display:flex;flex-direction:column;gap:1px;margin-top:20px}.v4-about-services>a{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #dce7f3}.v4-about-services>a span{flex:1;font-size:17px}.v4-process-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:40px 0}.v4-process-hero>img{aspect-ratio:4/3;object-fit:cover;border-radius:22px}.v4-process-hero p{font-size:15px;line-height:1.85;color:#5d7690}.v4-contact-details{margin:25px 0}.v4-contact-details p{font-size:14px;overflow-wrap:anywhere}.v4-contact-details b{font-size:10px;letter-spacing:.14em;color:#7095bd;margin-right:10px}.inquiry label{font-size:13px;line-height:1.6}.inquiry input,.inquiry textarea,.inquiry select{font-size:16px;min-height:48px;border-radius:12px;border:1px solid #cdddF0;background:#fcfdff;color:#1a385b;padding:12px;min-width:0}.inquiry textarea{min-height:136px}.v4-consent{display:flex!important;align-items:flex-start;gap:10px;font-size:12px!important;margin:12px 0 24px}.v4-consent input{min-height:0;flex:0 0 18px;width:18px;height:18px;margin:1px 0;padding:0;accent-color:#1474ea}.v4-honeypot{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}.inquiry #receipt{padding:16px;background:#eaf4ff;border-radius:14px;margin-top:16px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.inquiry #receipt pre{white-space:pre-wrap;font:12px/1.7 var(--v4-body);max-width:100%}.page-footer{padding:30px 0;gap:25px}.page-footer p{font-size:20px}.fine{color:#637990}.v4-filter-note{font-size:13px;margin:15px 0}.v4-filter-note a{margin-left:15px;color:#2d77ce}
#lv-cursor-halo{position:fixed;z-index:1000;left:0;top:0;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .15s}#lv-cursor-halo:before{content:"";width:27px;height:27px;position:absolute;left:-13.5px;top:-13.5px;border-radius:50%;border:1px solid #5297dc70;box-shadow:inset 0 1px 2px #ffffffcc,0 4px 12px #29508015;background:#dfedff25;transition:width .24s,height .24s,left .24s,top .24s,background .24s}#lv-cursor-halo.visible{opacity:1}#lv-cursor-halo.over:before{width:52px;height:52px;left:-26px;top:-26px;background:#b4d9ff20;border-color:#297ee880}#lv-cursor-halo.pressed:before{transform:scale(.82)}#lv-cursor-halo span{position:absolute;left:22px;top:20px;white-space:nowrap;font:10px/1.5 var(--v4-body);color:#3c73ab}html.v4-custom-cursor,html.v4-custom-cursor a,html.v4-custom-cursor button{cursor:var(--v4-arrow)}html.v4-custom-cursor input,html.v4-custom-cursor textarea{cursor:text}html.v4-custom-cursor .window-bar{cursor:grab}html.v4-custom-cursor button:disabled{cursor:not-allowed}
html[lang=en] .dock-name{font-size:9px;max-width:74px;line-height:1.2}html[lang=en] .service-info h2{font-size:20px}html[lang=en] .service-info p{font-size:11px;line-height:1.5}html[lang=en] .service-info small{font-size:7px}html[lang=en] .top-nav{gap:10px}html[lang=en] .v4-page-id{display:none}html[lang=en] .btn{white-space:normal}html[lang=en] .service-copy h1{font-size:clamp(32px,3.5vw,58px);line-height:1.08}
@media(max-width:1000px){.os-live-status{display:none}.v4-faq{gap:30px}.v4-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{left:2%;right:2%}.service-hero{gap:20px}.v4-service-index{gap:20px}.window-content{padding:25px 30px}.service-visual{transform:scale(.92)}.v4-service-index h2{font-size:27px}}
@media(max-width:767px){
 .os-menubar{padding:0 13px;padding-top:env(safe-area-inset-top,0px);}.brand-glyph{height:19px}.lv-language #language-toggle{gap:3px}.os-live-status,.os-clock,.os-time{display:none!important}.os-menubar .brand{gap:7px;flex:1}.dock-zone{padding-bottom:calc(9px + env(safe-area-inset-bottom,0px))}.dock-icon{border-radius:13px}.dock-name{letter-spacing:0}
 .workspace{top:calc(54px + env(safe-area-inset-top,0px));left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;height:calc(var(--vv-height,100dvh) - 62px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:none;border-radius:22px}.window-bar{height:52px;border-radius:21px 21px 0 0;padding:0 10px}.window-mobile-back{gap:3px}.window-content{padding:21px 20px 34px;}.window-scroll{height:calc(100% - 52px)}.page-top{align-items:flex-start}.page-breadcrumb{margin-bottom:0;gap:6px}.page-breadcrumb .icon{width:12px}.service-copy .action-row{margin-top:20px;display:flex;}.service-visual-photo{padding:5px 11px 0}.stamp{font-size:8px}.edit-window,.monitor-demo,.album-demo{margin:0;}.film-book{max-width:100%;margin:0;}.album-demo-head p{font-size:10px}.mini-bar{font-size:8px}.program-note{font-size:9px}.album-count{font-size:9px}.album-demo-footer{flex-wrap:wrap;}.album-demo-footer button{padding:9px 8px}
 .v4-cinematic,.v4-service-quick .v4-cinematic,.v4-service-film .v4-cinematic,.v4-service-album .v4-cinematic{display:flex;flex-direction:column;padding:24px 0 36px;gap:22px;margin:0;background:transparent;border-radius:0}.v4-cinematic-image{width:100%;order:0!important}.v4-cinematic-copy{width:100%}.v4-cinematic-copy h2{margin:12px 0}.v4-tags{gap:6px;margin-top:16px}.v4-tags a{padding:6px 10px}.section-head{margin-bottom:22px;display:block}.section-head>p{font-size:11px;margin-top:12px}.v4-step-grid{grid-template-columns:1fr;gap:6px}.v4-step-grid article{padding:22px 0}.v4-step-grid h3,.v4-step-grid h2{font-size:20px;margin:12px 0 8px}.v4-faq{grid-template-columns:1fr;gap:20px}.v4-feature-grid{grid-template-columns:1fr;gap:12px}.v4-feature-grid h3{margin:12px 0 8px}.v4-portal{flex-direction:column;align-items:flex-start;padding:22px}.v4-portal h3{font-size:18px}.v4-status{font-size:10px;border-radius:12px;line-height:1.6}.v4-service-index,.v4-service-index:nth-child(even){display:flex;flex-direction:column;padding:14px;gap:0}.v4-service-index>div{width:100%;order:0!important}.v4-service-index>section,.v4-service-index:nth-child(even)>section{padding:21px 7px 12px}.v4-service-index h2{font-size:28px;margin:12px 0}.v4-service-index p{font-size:14px}.v4-service-index b{margin-top:18px;font-size:12px}
 .archive-header h1,.about-hero h1,.contact-layout h1,.project-page>h1,.v4-process-hero h1{overflow-wrap:break-word}.archive-header{display:block}.archive-header>.v4-status{margin-top:18px}.archive-header p{font-size:14px}.archive-toolbar{margin:20px 0}.v4-placeholder{min-height:170px;padding:15px}.v4-placeholder b{font-size:13px}.v4-placeholder small{font-size:9px}.v4-project-specs{grid-template-columns:1fr;gap:0}.v4-project-specs h2{font-size:24px}.v4-project-actions{flex-direction:column;align-items:stretch}.v4-project-actions .btn{justify-content:center}.v4-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.v4-process-hero{display:flex;flex-direction:column;padding:24px 0;gap:26px}.v4-process-hero>img{width:100%}.v4-about-line{font-size:23px;line-height:1.6}.about-hero{display:flex;flex-direction:column;gap:28px;padding:26px 0}.about-photo{width:100%;min-height:0;aspect-ratio:4/3;border-radius:18px}.about-hero p,.contact-layout p{font-size:14px;line-height:1.85}.contact-layout{display:block;padding-top:24px}.inquiry .form-two{display:block}.inquiry .form-two>label{display:block;margin-bottom:15px}.inquiry input,.inquiry select,.inquiry textarea{font-size:16px!important;padding:12px;min-height:47px}.v4-consent input{min-height:0!important;max-height:18px;padding:0}.privacy-note p{font-size:12px!important}.page-footer{display:block;padding:30px 0 10px}.page-footer .action-row{margin-top:19px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
 html[lang=en] .os-app-name{font-size:12px}html[lang=en] .service-copy h1{letter-spacing:-.04em}html[lang=en] .service-copy .btn{max-width:100%;font-size:12px}html[lang=en] .service-copy .action-row{align-items:flex-start}html[lang=en] .dock-name{font-size:9px}html[lang=en] .v3-service-link small{font-size:11px;line-height:1.6}html[lang=en] .deliver-card h3{font-size:16px;line-height:1.35;letter-spacing:-.02em}html[lang=en] .deliver-card p{font-size:12px;line-height:1.65}html[lang=en] .window-title{max-width:calc(100% - 130px)}
}
@media(max-width:359px){.os-app-name{font-size:12px}.deliver-grid{grid-template-columns:1fr}.service-copy .action-row{gap:12px}.dock-name{font-size:9px}}
@media(prefers-reduced-transparency:reduce){.os-menubar,.dock,.window-bar,.os-menu-panel{background:#f2f7fd;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.os-menubar,.dock,.window-bar,.os-menu-panel,.lv-language>div{background:#f2f7fd}}
@media(prefers-contrast:more){.os-menubar,.dock,.window-bar{background:#f6faff;color:#122b46;border-color:#718baa}.fine,.v4-cinematic-copy p,.deliver-card p{color:#254567}}
@media(prefers-reduced-motion:reduce),(pointer:coarse){#lv-cursor-halo{display:none!important}html.v4-custom-cursor,html.v4-custom-cursor a,html.v4-custom-cursor button{cursor:auto}}

@media(max-width:767px){.dock-name{white-space:nowrap!important;max-width:none!important;font-size:9px!important;line-height:1.3!important}html[lang="en"] .dock-name{font-size:8px!important;letter-spacing:-.2px}.v4-tags a{max-width:100%;overflow-wrap:anywhere}}

/* Mobile service index: one compact feature entry, then a balanced 2×2 grid. */
@media(max-width:767px){
 .v4-services-page{margin:-10px -4px 0}
 .v4-services-page .archive-header{padding:4px 2px 20px}
 .v4-services-page .archive-header .eyebrow{font-size:9px;line-height:1.7;letter-spacing:.16em}
 .v4-services-page .archive-header h1{font-size:clamp(34px,10vw,42px);line-height:1.18;margin:10px 0 12px;letter-spacing:-.04em}
 .v4-services-page .archive-header p{max-width:30em;font-size:13px;line-height:1.75}
 .v4-services-page .v4-all-services{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 11px!important}
 .v4-services-page .v4-service-index,
 .v4-services-page .v4-service-index:nth-child(even){
  display:flex!important;flex-direction:column!important;gap:0!important;min-width:0;
  padding:8px!important;border:1px solid rgba(143,174,204,.28);border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,247,255,.86));
  box-shadow:0 12px 26px -22px rgba(20,54,88,.42),inset 0 1px 0 #fff;
  color:#183c5d;text-decoration:none;overflow:hidden;align-items:stretch;
 }
 .v4-services-page .v4-service-index:first-child{
  grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  align-items:center;gap:10px!important;padding:9px!important;
 }
 .v4-services-page .v4-service-index>div,
 .v4-services-page .v4-service-index:nth-child(even)>div{
  order:0!important;width:100%!important;aspect-ratio:4/3!important;border-radius:11px!important;
  background:#dceaf6;flex:none;
 }
 .v4-services-page .v4-service-index>section,
 .v4-services-page .v4-service-index:nth-child(even)>section{
  min-width:0;padding:10px 3px 4px!important;
 }
 .v4-services-page .v4-service-index:first-child>section{padding:3px 5px!important}
 .v4-services-page .v4-service-index span{display:block;font-size:7px;line-height:1.5;letter-spacing:.13em;color:#5f8fbd}
 .v4-services-page .v4-service-index h2{font-size:clamp(17px,4.7vw,20px);line-height:1.3;margin:7px 0 0;letter-spacing:-.025em}
 .v4-services-page .v4-service-index:first-child h2{font-size:clamp(20px,5.2vw,24px);line-height:1.28;margin:8px 0}
 .v4-services-page .v4-service-index p{display:none!important}
 .v4-services-page .v4-service-index:first-child p{
  display:-webkit-box!important;margin:0 0 9px!important;font-size:11px!important;line-height:1.65!important;color:#607a96!important;
  -webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
 }
 .v4-services-page .v4-service-index b{margin-top:8px!important;font-size:10px!important;line-height:1.45;color:#236dc4!important;white-space:nowrap}
 .v4-services-page .v4-service-index:first-child b{margin-top:0!important;font-size:11px!important}
 .v4-services-page .v4-service-index:focus-visible{outline:2px solid #2477d4;outline-offset:3px}
}

.v4-photo-stage{height:min(62vh,700px);min-height:240px;background:#ecf3f9;border-radius:18px;overflow:hidden}.v4-photo-stage img{width:100%;height:100%;object-fit:contain}.v4-photo-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0}.v4-photo-link{display:block;overflow:hidden;border-radius:14px}.v4-photo-link img{width:100%;aspect-ratio:4/3;object-fit:cover}
.v4-service-album .v4-cinematic-copy-only{display:grid;grid-template-columns:minmax(0,1fr);max-width:760px}.v4-service-album .v4-cinematic-copy-only .v4-cinematic-copy{max-width:700px}
.about-photo{transform:none!important}

@media(min-width:768px){.dock-name{font-size:10px!important;white-space:nowrap;max-width:70px;overflow:hidden;text-overflow:ellipsis;display:block}.dock-item{min-width:0}}

/* Project contents open directly, without repeating the archive cover. */
.v4-project-media{display:grid;gap:24px;margin:24px 0 32px;min-width:0}.v4-project-media>.v4-video{display:block;aspect-ratio:16/9;object-fit:contain}.v4-project-media>.empty-state{grid-column:1/-1}

/* OS05 layout/interaction fixes retained; Slate-only colours removed for OS06. */
:root{--v5-head:56px;--ease:cubic-bezier(.22,.8,.2,1);--soft:cubic-bezier(.22,.8,.2,1);}
body{font-size:15px;}
h1,h2{letter-spacing:-.035em;}
h3{letter-spacing:-.012em;}
:where(a,button,input,select,textarea,summary):focus-visible{outline-offset:3px;}
.btn{border:1px solid #bdd3e64d!important;transition:transform .22s var(--ease),box-shadow .22s,background .22s;}
.btn:hover{transform:translateY(-1px);}
.btn.secondary{border:1px solid #bdd3e64d!important;}
.os-menubar{border-bottom:1px solid #bdd3e64d!important;}
.workspace{border:1px solid #bdd3e64d!important;}
.window-scroll{scrollbar-width:thin;overscroll-behavior-y:contain;}



.service-card{border:1px solid #bdd3e64d!important;border-radius:20px!important;transition:box-shadow .35s,transform .42s var(--ease);}
.service-card:before,.service-card:after{opacity:.35;}
.service-cover{border-radius:13px!important;}
.object-label{border:1px solid #bdd3e64d;}
.dock{gap:8px;}
.dock-icon,.dock-item.project .dock-icon{background:transparent!important;border:0!important;}
.dock-icon:before,.dock-icon:after{display:none!important;}
.v5-icon-base{stroke-width:1;}
.v5-icon-edge{stroke-width:1.5;stroke-linecap:round;}
.dock-item.is-minimized .v5-icon-base{stroke-width:1.6;}
.dock-tooltip{font-size:12px;}
.v3-service-art .os-app-icon{width:44px;height:44px;}




.deliver-card,.process-card,.v4-feature-grid>a{border:1px solid #bdd3e64d!important;}
.v4-video{max-width:100%;height:auto;}
.os-menubar,.dock{isolation:isolate;}
.v5-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;mix-blend-mode:screen;opacity:.34;}
.os-menubar>*,.dock>*{position:relative;}
.os-menubar>.v5-sheen,.dock>.v5-sheen{position:absolute;}
.v5-transition-cover{position:fixed;z-index:75;overflow:hidden;border:1px solid #bdd3e64d;pointer-events:none;transform-origin:top left;}
.v5-transition-cover img{width:100%;height:100%;object-fit:cover;}
.v4-custom-cursor{cursor:var(--v4-arrow);}
#lv-cursor-halo span{font-size:11px;letter-spacing:.02em;}







.v5-reading-progress{position:absolute;bottom:0;left:0;width:100%;height:1px;transform:scaleX(var(--v5-read,0));transform-origin:left;pointer-events:none;}
@media(min-width:768px) and (max-width:1100px){
.service-info h2{font-size:23px;}
.service-info p{font-size:12px;}
.workspace{left:24px;right:24px;width:auto;max-width:none;}
.window-content{padding:26px;}
.service-hero{gap:28px;}
.service-copy h1{font-size:37px;}
.service-copy .intro{font-size:15px;}
.deliver-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.header-tools .os-live-status{display:none;}
.dock{gap:5px;}}
@media(max-width:767px){html,body{font-size:15px;}
.os-menubar{height:calc(52px + env(safe-area-inset-top,0px))!important;min-height:52px!important;border-radius:0!important;padding:env(safe-area-inset-top,0px) 16px 0!important;gap:8px!important;}
.os-app-name{font-size:14px!important;letter-spacing:-.025em;}
.header-tools{gap:0!important;}
.os-menubar .tool-button{width:44px!important;min-width:44px!important;height:44px!important;}
.lv-language #language-toggle{min-width:44px!important;font-size:12px;}
.lv-language>div{right:0!important;min-width:160px;border-radius:16px;}
.lv-language>div button{min-height:46px;font-size:15px;}
.brand-glyph{width:19px!important;}
.os-time{display:none!important;}
.room{inset:0!important;pointer-events:none;}
.room-photo{object-position:center!important;}
.dock-zone{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;width:auto!important;padding:0!important;transform:none!important;z-index:50!important;}
.dock{width:100%!important;max-width:480px!important;margin:auto!important;display:flex!important;gap:0!important;padding:7px 7px 6px!important;min-height:67px!important;border-radius:23px!important;}
.dock-item{flex:1 1 0!important;min-width:0!important;max-width:none!important;min-height:52px!important;gap:4px!important;padding:0!important;transform:none!important;}
.dock-icon{width:31px!important;height:31px!important;transform:none!important;}
.dock-icon .os-app-icon{width:31px!important;height:31px!important;}
.dock-name,html[lang=en] .dock-name{display:block!important;font-size:10px!important;line-height:1.4!important;font-weight:500!important;letter-spacing:0!important;max-width:none!important;overflow:visible!important;white-space:nowrap!important;}
.dock-item:after{display:none!important;}
.dock-divider{display:none!important;}
.dock-tooltip{display:none!important;}
.os-window-open .os-menubar{display:none!important;}

.workspace,.workspace.expanded{position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;height:var(--vv-height,100dvh)!important;max-height:100dvh!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;transform-origin:center!important;z-index:60!important;}
.workspace .window-bar{height:calc(56px + env(safe-area-inset-top,0px))!important;min-height:56px!important;border-radius:0!important;padding:env(safe-area-inset-top,0px) 12px 0!important;gap:8px!important;position:relative;display:flex;flex-shrink:0;}
.window-title{font-size:14px!important;max-width:none!important;min-width:0!important;flex:1!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-content:center!important;gap:7px!important;}
.window-title .icon{width:16px;height:16px;flex-shrink:0;}
.window-title span{overflow:hidden;text-overflow:ellipsis;}
.window-dots,.window-context,.v3-window-grip{display:none!important;}
.window-mobile-back,.window-mobile-min{min-height:44px!important;min-width:50px!important;font-size:13px!important;padding:0 5px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:3px;}
.window-mobile-back .icon{width:18px;}
.window-scroll{height:calc(100% - 56px - env(safe-area-inset-top,0px))!important;max-height:none!important;overflow:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain!important;scroll-padding-top:20px!important;scroll-padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;}
.window-content{padding:26px 24px calc(36px + env(safe-area-inset-bottom,0px))!important;max-width:none!important;margin:0!important;min-height:100%;border-radius:0!important;}
.page-top,.service-hero~.page-breadcrumb{display:none!important;}
.page-breadcrumb{font-size:12px!important;line-height:1.6!important;margin:0 0 18px!important;}
.v4-page-id{display:none!important;}
.service-hero{padding:0 0 32px!important;display:flex!important;flex-direction:column!important;gap:22px!important;min-height:0!important;}
.service-copy .eyebrow{font-size:10px!important;letter-spacing:.13em!important;line-height:1.6!important;}
.service-copy h1{font-size:35px!important;line-height:1.22!important;letter-spacing:-.04em!important;margin:14px 0 17px!important;text-wrap:balance;}
.service-copy .intro{font-size:15px!important;line-height:1.82!important;margin:0!important;}
.service-copy .action-row{margin:22px 0 0!important;gap:15px!important;align-items:center!important;flex-wrap:wrap!important;}
.service-copy .btn{font-size:12px!important;min-height:44px!important;gap:8px!important;padding:11px 15px!important;white-space:normal!important;}
.service-copy .text-link{font-size:12px!important;min-height:44px!important;display:inline-flex;align-items:center;gap:6px!important;}
.service-copy .fine{font-size:11px!important;line-height:1.8!important;margin-top:12px!important;}
.service-visual{width:100%!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible!important;}
.photo-stack{width:100%!important;max-width:340px!important;height:276px!important;margin:0 auto!important;}
.front-print{width:calc(100% - 22px)!important;left:11px!important;top:8px!important;height:224px!important;padding:8px 8px 26px!important;transform:rotate(-1.6deg)!important;}
.front-print img{height:100%!important;width:100%!important;object-fit:cover!important;}
.print-caption{bottom:7px;font-size:8px!important;}
.back-print{height:218px!important;top:10px!important;left:8px!important;width:calc(100% - 22px)!important;}
.back-print.second{transform:rotate(4deg)!important;opacity:.85;}
.stamp{display:none!important;}
.stack-controls{position:absolute!important;bottom:0!important;height:44px!important;gap:20px!important;left:0!important;right:0!important;display:flex;align-items:center;justify-content:center;font-size:11px;}
.stack-controls .round-button{width:44px!important;height:44px!important;min-width:44px!important;}
.film-book{height:284px!important;}
.film-frame{left:6px!important;top:0!important;width:calc(100% - 12px)!important;max-width:none!important;height:225px!important;}
.film-back{height:225px!important;max-width:100%;}
.edit-window,.monitor-demo,.album-demo{width:100%!important;max-width:none!important;border-radius:16px!important;transform:none!important;}
.edit-preview{aspect-ratio:16/10!important;min-height:0!important;}
.camera-inputs{gap:8px;padding:10px;}
.cam-input{min-height:62px;}
.cam-input span{font-size:10px!important;line-height:1.5;}
.segmented button{min-height:36px;min-width:48px;}
.edit-tools{gap:8px;flex-wrap:wrap;}
.album-demo-head{padding:15px!important;gap:12px;}
.album-demo-head h3{font-size:15px!important;}
.album-demo-head p,.album-count{font-size:10px!important;}
.album-grid{gap:7px!important;padding:0 12px 12px!important;}
.album-demo-footer{display:flex;flex-direction:column;align-items:stretch;padding:0 12px 12px;gap:10px;}
.album-demo-footer button{min-height:44px!important;font-size:12px!important;}
.v4-cinematic{display:flex!important;flex-direction:column!important;padding:24px 0 32px!important;margin:0!important;background:transparent!important;gap:22px!important;}
.v4-cinematic-image{aspect-ratio:4/3!important;border-radius:14px!important;min-height:0!important;}
.v4-cinematic-copy h2{font-size:28px!important;line-height:1.35!important;}
.v4-cinematic-copy p{font-size:15px!important;line-height:1.8!important;}
.section{padding:32px 0!important;}
.section-head h2,.v4-faq h2{font-size:28px!important;line-height:1.4!important;}
.deliver-grid{grid-template-columns:1fr!important;gap:10px!important;}
.deliver-card{padding:21px!important;display:grid!important;grid-template-columns:30px 1fr!important;gap:0 12px!important;align-items:start!important;border-radius:14px!important;}
.deliver-card b{grid-row:1/3;font-size:11px!important;line-height:1.9!important;}
.deliver-card h3{font-size:17px!important;line-height:1.45!important;margin:0 0 9px!important;}
.deliver-card p{font-size:14px!important;line-height:1.75!important;margin:0!important;}
.v4-step-grid h3{font-size:21px!important;}
.v4-step-grid p{font-size:15px!important;line-height:1.8!important;}
.v4-faq summary{font-size:16px!important;min-height:48px!important;line-height:1.65!important;}
.v4-faq details p{font-size:14px!important;line-height:1.8!important;}
.v4-tags a{min-height:38px;display:inline-flex;align-items:center;font-size:12px;}
.v4-feature-grid>a{padding:22px!important;border-radius:14px!important;}
.v4-feature-grid h3{font-size:19px!important;}
.v4-feature-grid p{font-size:14px!important;line-height:1.8!important;}






.j-description{font-size:14px!important;line-height:1.8!important;margin-top:18px!important;max-width:none!important;}


















.service-reel-track{width:100%!important;margin:0!important;transform:none!important;display:flex!important;gap:16px!important;padding:0 24px 16px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:24px;touch-action:pan-x pan-y;overscroll-behavior-x:contain;}







.services-bottom{padding:14px 0 0!important;}
.reel-controls button{min-width:44px;min-height:44px;}

.finder-topbar{min-height:43px!important;padding:10px!important;gap:8px;flex-wrap:wrap;}






.finder-search{width:100%!important;min-width:0!important;height:42px!important;}
.finder-search input{font-size:16px!important;min-width:0!important;width:100%!important;}
.finder-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px 10px!important;}
.finder-grid.list{grid-template-columns:1fr!important;}
.finder-card{min-width:0!important;}
.finder-card h3,.finder-card strong{font-size:13px!important;line-height:1.55!important;}
.finder-card p{font-size:11px!important;}
.finder-card img,.finder-card .v4-placeholder{min-height:0!important;aspect-ratio:4/3!important;height:auto!important;}
.finder-card .v4-placeholder{padding:10px!important;}
.finder-card .v4-placeholder b{font-size:12px!important;}
.finder-card .v4-placeholder small{font-size:10px!important;}
.finder-status{font-size:11px!important;line-height:1.6!important;flex-wrap:wrap;}

.live-layout{display:flex!important;flex-direction:column!important;gap:28px!important;}


.live-desk-frame{left:0!important;top:25px!important;width:78%!important;height:210px!important;transform:rotate(-2deg)!important;}
.phone-object{right:0!important;left:auto!important;top:58px!important;width:135px!important;height:262px!important;transform:rotate(4deg)!important;}
.flight-photo{display:none!important;}
.pipeline{margin-top:25px!important;gap:8px!important;}


.process-rows{width:100%!important;}




.outro-card{position:relative!important;inset:auto!important;transform:none!important;padding:26px!important;max-width:none!important;width:100%!important;}
.outro-card h2{font-size:32px!important;}
.outro-card p{font-size:14px!important;line-height:1.8!important;}
.outro-actions{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;}
.archive-toolbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;}
.archive-toolbar .tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:7px;}
.archive-toolbar .tab{min-height:42px!important;font-size:12px!important;white-space:nowrap;flex:none;}
.archive-toolbar .search-box input{font-size:16px!important;min-height:44px!important;}
.archive-header h1,.about-hero h1,.contact-layout h1,.project-page>h1,.v4-process-hero h1{font-size:34px!important;line-height:1.25!important;}
.archive-header p,.about-hero p,.contact-layout p{font-size:15px!important;line-height:1.8!important;}
.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:23px 14px!important;}
.archive-image .v4-placeholder{min-height:0;aspect-ratio:4/5;padding:12px!important;}
.archive-meta h2{font-size:14px!important;line-height:1.6!important;white-space:normal!important;}
.archive-meta p{font-size:11px!important;}
.v4-photo-stage{height:auto!important;aspect-ratio:3/4;min-height:220px!important;}
.v4-photo-navigation{gap:10px;flex-wrap:wrap;}
.v4-photo-navigation .btn{padding:10px 12px;font-size:12px;min-height:44px;}
.project-page .project-large{height:auto!important;aspect-ratio:4/3!important;}
.project-intro{font-size:15px!important;line-height:1.8!important;}
.v4-project-specs p{font-size:15px!important;line-height:1.8!important;}
.v4-project-actions .btn{white-space:normal!important;min-height:44px;font-size:13px;}
.v4-contact-details p{overflow-wrap:anywhere;}
.inquiry{padding:0!important;margin-top:28px!important;}
.inquiry label{font-size:14px!important;line-height:1.7!important;}
.inquiry input,.inquiry textarea,.inquiry select{font-size:16px!important;min-height:48px!important;padding:12px!important;max-width:100%;border-radius:12px!important;}
.inquiry textarea{min-height:132px!important;}
.inquiry .v4-consent{display:flex!important;gap:12px!important;align-items:flex-start!important;font-size:13px!important;min-height:44px!important;}
.inquiry .v4-consent input{flex:0 0 18px!important;width:18px!important;min-height:18px!important;height:18px!important;margin-top:3px!important;padding:0!important;}
.inquiry button[type=submit]{width:100%;justify-content:center;min-height:48px!important;font-size:14px!important;}
.inquiry #receipt{overflow-wrap:anywhere;max-width:100%;font-size:13px;line-height:1.75;}
.inquiry #receipt pre{white-space:pre-wrap;overflow-wrap:anywhere;}
.page-footer p{font-size:22px!important;line-height:1.5!important;}
.page-footer .btn{min-height:44px;font-size:13px!important;}
.page-footer .text-link{min-height:44px;font-size:13px!important;}
.v3-service-dialog{position:fixed!important;inset:auto 0 0!important;margin:0!important;width:100%!important;max-width:none!important;max-height:calc(var(--vv-height,100dvh) - 30px)!important;padding:24px 20px calc(20px + env(safe-area-inset-bottom,0px))!important;border-radius:25px 25px 0 0!important;overflow:auto!important;}
.v3-sheet-heading h2{font-size:25px!important;line-height:1.3!important;}
.v3-sheet-heading p{font-size:13px!important;margin-top:9px!important;line-height:1.7!important;}
.v3-sheet-heading>button{min-width:44px!important;min-height:44px!important;}
.v3-service-link{padding:13px 0!important;gap:13px!important;min-height:80px!important;}
.v3-service-link strong{font-size:16px!important;line-height:1.4!important;}
.v3-service-link small{font-size:12px!important;line-height:1.7!important;margin-top:4px;}
.v3-sheet-foot{display:flex;flex-wrap:wrap;gap:12px;}
.v3-sheet-foot button{min-height:44px!important;font-size:13px!important;}
.os-menu-panel{top:calc(56px + env(safe-area-inset-top,0px))!important;left:12px!important;right:auto!important;width:min(300px,calc(100vw - 24px))!important;max-height:calc(var(--vv-height,100dvh) - 80px);overflow:auto;}
.os-menu-panel a,.os-menu-panel button{min-height:44px!important;font-size:14px!important;}






.os-spotlight{width:calc(100% - 24px)!important;max-height:calc(var(--vv-height,100dvh) - 24px)!important;margin:12px!important;inset:0!important;border-radius:22px!important;overflow:auto!important;}
.os-spotlight input{font-size:16px!important;min-height:44px!important;}

.lightbox{max-width:100vw!important;width:100vw!important;max-height:100dvh!important;height:var(--vv-height,100dvh)!important;inset:0!important;border-radius:0!important;padding:calc(64px + env(safe-area-inset-top,0px)) 16px calc(20px + env(safe-area-inset-bottom,0px))!important;}
.lightbox figure{width:100%!important;margin:0!important;max-width:100%!important;}
.lightbox #lightbox-image{width:100%!important;max-height:calc(var(--vv-height,100dvh) - 210px)!important;height:auto!important;object-fit:contain!important;transform:none!important;}
.lightbox-close{top:calc(12px + env(safe-area-inset-top,0px))!important;right:14px!important;width:44px!important;height:44px!important;}
.lightbox-controls{height:50px;gap:20px;}
.lightbox-controls button{width:44px!important;height:44px!important;}
.lightbox figcaption{font-size:11px!important;line-height:1.7!important;margin-top:15px;}
.toast{max-width:calc(100vw - 40px)!important;white-space:normal;font-size:13px;bottom:calc(90px + env(safe-area-inset-bottom,0px))!important;}
.v3-keyboard .dock-zone{display:none!important;}
html[lang=en] .service-copy h1{font-size:34px!important;line-height:1.12!important;}


html[lang=en] .v3-service-link strong{font-size:16px!important;}
html[lang=en] .window-title{font-size:13px!important;}}
@media(max-width:359px){
.os-menubar{padding-left:12px!important;padding-right:8px!important;}
.os-menubar .os-app-name{font-size:13px!important;}
.window-content{padding-inline:20px!important;}
.service-copy h1{font-size:32px!important;}
.service-copy .intro{font-size:14px!important;}
.photo-stack{height:250px!important;}
.front-print{height:203px!important;}
.back-print{height:199px!important;}


.dock-name,html[lang=en] .dock-name{font-size:9px!important;}

html[lang=en] .service-copy h1{font-size:30px!important;}}
@media(max-height:520px) and (orientation:landscape){.dock-zone{display:none!important;}
.desktop{padding-bottom:42px!important;}

.workspace{height:var(--vv-height,100dvh)!important;}
.service-hero{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:start;gap:22px!important;}
.service-copy h1{font-size:29px!important;}
.service-copy .intro{font-size:13px!important;}
.window-content{padding:20px!important;}

}
@media(prefers-reduced-motion:reduce){.v5-sheen,.v5-transition-cover{display:none!important;}

.service-card,.dock-item{animation:none!important;transition:none!important;}}
html.reduced-motion .v5-sheen,html.reduced-motion .v5-transition-cover{display:none!important;}
@media(max-width:767px){



html.reduced-motion .service-reel-track{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;}
}


.v5-window-tools{display:none;}


.v5-language-dialog{padding:22px;border:1px solid #bdd3e64d;border-radius:22px;min-width:280px;max-width:calc(100vw - 24px);}
.v5-language-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;}
.v5-language-head h2{font-size:22px;}
.v5-language-head button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;}
.v5-language-dialog>button{display:flex;justify-content:space-between;gap:25px;align-items:center;width:100%;min-height:54px;padding:12px;font-size:16px;border-top:1px solid #bdd3e64d;}
.v5-language-dialog>button span{font-size:11px;}
@media(max-width:767px){.v5-window-tools{display:flex;gap:0;align-items:center;flex-shrink:0;}
.v5-window-tools button{min-width:40px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;}
.v5-window-tools .icon{width:19px;height:19px;}
.window-mobile-min{display:none!important;}
.v5-language-dialog{position:fixed;inset:auto 12px 12px;margin:0;width:calc(100% - 24px);max-width:none;max-height:calc(var(--vv-height,100dvh) - 24px);overflow:auto;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px));}
.v3-keyboard .workspace{top:var(--vv-top,0px)!important;}}
p{text-wrap:pretty;}
.finder-photo .v4-placeholder{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;position:relative!important;overflow:hidden!important;text-align:center!important;}
.finder-photo .v4-placeholder>i{position:static!important;display:block!important;opacity:.48;margin:0!important;}
.finder-photo .v4-placeholder>i svg{width:26px!important;height:26px!important;}
.finder-photo .v4-placeholder>b,.finder-photo .v4-placeholder>small{position:static!important;inset:auto!important;background:transparent!important;transform:none!important;max-width:100%!important;margin:0!important;padding:0!important;line-height:1.55!important;white-space:normal!important;z-index:auto!important;}
.finder-grid.is-list{grid-template-columns:1fr!important;}
.finder-grid.is-list .finder-card{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:15px;align-items:center;}
.finder-grid.is-list .finder-photo{width:92px!important;height:77px!important;aspect-ratio:auto!important;}
.finder-grid.is-list .finder-photo .v4-placeholder{height:77px!important;min-height:0!important;aspect-ratio:auto!important;}
.finder-grid.is-list .finder-photo .v4-placeholder i,.finder-grid.is-list .finder-photo .v4-placeholder small{display:none!important;}
.finder-grid.is-list .finder-photo>small{display:none!important;}
@media(max-width:767px){
.finder-grid:not(.is-list) .finder-photo{height:auto!important;aspect-ratio:4/3!important;overflow:hidden;border-radius:9px;}
.finder-photo .v4-placeholder{width:100%!important;height:100%!important;aspect-ratio:4/3!important;padding:12px 8px 22px!important;}
.finder-photo .v4-placeholder>b{font-size:12px!important;}
.finder-photo .v4-placeholder>small{font-size:10px!important;display:none!important;}
.finder-photo>small{font-size:7px!important;padding:2px 4px!important;line-height:1.4!important;bottom:3px!important;right:3px!important;max-width:95%;}










.phone-count{font-size:9px!important;}

























.contact-layout>.privacy-note{max-width:100%;}
.contact-layout>.inquiry{max-width:none!important;width:100%;}
.privacy-note{font-size:13px!important;line-height:1.7!important;}
.contact-layout .eyebrow{font-size:10px!important;line-height:1.7!important;letter-spacing:.12em!important;margin-bottom:18px!important;}
.contact-layout h1{margin-bottom:22px!important;}
.contact-layout p{margin-bottom:14px;}
.contact-layout .v4-contact-details{margin:25px 0!important;}
.v4-contact-details p{font-size:12px!important;}
.contact-layout .privacy-note p{font-size:12px!important;line-height:1.7!important;margin:7px 0 0!important;}}
@media(max-width:359px){.os-menubar .tool-button{width:44px!important;min-width:44px!important;}
.os-app-name{max-width:115px;white-space:nowrap;}




}

/* OS 06: exact OS04 primary blue tokens, with OS05 mobile geometry. */
:root{--paper:#f5f9fe;--ink:#132c47;--muted:#62778e;--blue:#1769ff;--line:rgba(76,118,158,.17);--glass:rgba(247,252,255,.74);--v4-ink:#18304e;--v4-blue:#176fff;--v5-shadow:0 16px 42px #19457620;--v5-surface:#f5f9fe;--v5-outline:#aecbeb70;--v6-flow-opacity:.43}
html{scroll-behavior:smooth;scrollbar-color:#abc5e4 #f3f8fd}body{background:var(--paper);color:var(--ink)}
.btn{background:#1769ff;color:white;box-shadow:0 6px 17px #1769ff25;border-color:#4791ff70}.btn.secondary{background:#f8fcffe0;color:#214c80;box-shadow:0 6px 18px #183f6710;border-color:#ffffff}
.room-photo{opacity:.67!important}
.os-menubar{background:rgba(240,248,255,.78);color:#193c64;border-bottom:1px solid #d1e1f04a;backdrop-filter:blur(25px) saturate(1.4);-webkit-backdrop-filter:blur(25px) saturate(1.4)}
.window-bar{background:linear-gradient(145deg,#f8fcfff2,#e8f1fbe6);border-bottom-color:#b6ccdf60;color:#375778}
.workspace{background:#f7fbff;box-shadow:0 32px 95px -24px #194d834d;border-color:#ffffffd9}.window-scroll{background:linear-gradient(135deg,#f8fbff,#f3f8fd)}
.service-card{box-shadow:0 20px 48px -30px #1f559b65}.v5-shared-cover{border-color:#fff}
/* Flow is made of separate layers; no replacement photograph or hidden click hotspots. */
.v6-fluid{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:var(--v6-flow-opacity);isolation:isolate}
.v6-stream{display:block;position:absolute;left:-30%;top:18%;width:155%;height:68%;border-radius:48% 56% 50% 42%;background:linear-gradient(165deg,transparent 12%,#99d2ff12 28%,#419bfd61 44%,#2c74e96e 49%,#b2e5ff49 53%,transparent 60%);filter:blur(12px);transform:rotate(-17deg);will-change:transform;animation:v6-blue-drift 18s cubic-bezier(.45,0,.55,1) infinite alternate}
.stream-b{left:-20%;top:8%;height:100%;width:145%;opacity:.72;background:linear-gradient(153deg,transparent 30%,#b6ebff36 43%,#6fbdff80 48%,#2470d946 51%,transparent 60%);animation:v6-blue-swell 22s ease-in-out infinite alternate-reverse;filter:blur(19px)}
.stream-c{left:-5%;top:36%;width:120%;height:42%;opacity:.47;background:linear-gradient(168deg,transparent 20%,#e5f5ff80 41%,#c4eefff0 47%,#4ca0fa66 50%,transparent 59%);animation:v6-blue-drift 14s ease-in-out infinite alternate-reverse;filter:blur(7px)}
.v6-caustic{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 32%,#e4f8ff70,transparent 52%);animation:v6-caustic 12s ease-in-out infinite alternate}
@keyframes v6-blue-drift{0%{transform:translate3d(-5%,-10%,0) rotate(-14deg) scale(1.1,.88)}50%{transform:translate3d(5%,9%,0) rotate(-22deg) scale(1.18,1.16)}100%{transform:translate3d(-2%,20%,0) rotate(-9deg) scale(1.05,1.2)}}
@keyframes v6-blue-swell{from{transform:translate3d(7%,12%,0) rotate(7deg) scale(1.1)}to{transform:translate3d(-9%,-18%,0) rotate(-12deg) scale(1.2,.84)}}
@keyframes v6-caustic{from{opacity:.4;transform:translate(-8%,5%)}to{opacity:1;transform:translate(10%,-8%)}}




.v6-flow-off .v6-stream,.v6-flow-off .v6-caustic,.v6-flow-paused .v6-stream,.v6-flow-paused .v6-caustic,.page-hidden .v6-stream,.page-hidden .v6-caustic{animation-play-state:paused!important}
.v6-flow-off .v6-fluid{opacity:.15}
/* Compact desktop Dock: site navigation | recognisable social marks; native-app import supported. */
.v6-blue .dock-zone{bottom:max(13px,env(safe-area-inset-bottom));width:auto;max-width:calc(100vw - 36px);z-index:60}
.v6-blue #dock{gap:12px;padding:10px 14px 8px;min-height:76px;border-radius:24px;background:linear-gradient(132deg,#f6fcff91,#d6e9fd83);border:1px solid #ffffffd9;box-shadow:0 14px 45px #17487926,inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff80;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);isolation:isolate;overflow:visible}
.v6-app-group,.v6-social-group{display:flex;align-items:flex-end;gap:11px;position:relative;z-index:1}
.v6-blue #dock .dock-item{display:flex!important;width:54px;min-width:44px;height:57px;min-height:57px;gap:0;padding:0;border:0;background:none;text-decoration:none;border-radius:12px;color:#274569;position:relative;flex-shrink:0;align-items:center;justify-content:flex-start}
.v6-blue #dock .dock-item .dock-icon{width:54px;height:54px;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;filter:drop-shadow(0 5px 3px #15334f22);color:inherit;transition:transform .18s cubic-bezier(.22,1,.36,1);transform-origin:50% 90%}
.v6-blue #dock .dock-icon:before,.v6-blue #dock .dock-icon:after{display:none!important}.v6-blue .os-app-icon{width:100%;height:100%;overflow:visible;display:block}.v6-app-art{object-fit:contain;pointer-events:none;user-select:none}
.v6-blue #dock .dock-name{display:none!important}.v6-blue #dock .dock-tooltip{position:absolute;left:50%;bottom:calc(100% + 15px);transform:translate(-50%,3px);padding:7px 10px;border-radius:9px;color:#1d3550;background:#f4faffeb;border:1px solid #ffffff;backdrop-filter:blur(10px);font:11px/1.4 var(--sans);letter-spacing:0;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 7px 20px #1837581f;transition:opacity .15s,transform .18s;z-index:5}
.v6-blue #dock .dock-item:hover .dock-tooltip,.v6-blue #dock .dock-item:focus-visible .dock-tooltip{opacity:1;transform:translate(-50%,-6px)}
.v6-blue #dock .dock-item:focus-visible{outline:2px solid #1769ff;outline-offset:4px}.v6-blue #dock .dock-item:after{position:absolute;bottom:-3px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#315478;content:"";opacity:0}.v6-blue #dock .dock-item.active:after{opacity:1}.v6-blue #dock .dock-item.is-minimized:after{opacity:1;background:transparent;border:1px solid #315478}.v6-blue #dock .is-unconfigured:after{opacity:.65;background:#98aac0;bottom:-3px}
.v6-blue #dock .dock-divider{align-self:center;height:42px;width:1px;min-width:1px;background:#7a9cb642;margin:0 1px}.v6-blue #dock .dock-item.bounce .dock-icon{animation:v6-dock-bounce .5s cubic-bezier(.2,.7,.3,1)}
@keyframes v6-dock-bounce{0%,100%{translate:0 0}40%{translate:0 -13px}70%{translate:0 -4px}}


.v6-blue .os-scroll-cue{padding:10px 20px;bottom:127px;gap:9px;font-size:11px;color:#24598f}.v6-rail button{position:relative}.v6-rail-label{position:absolute;right:18px;white-space:nowrap;top:50%;transform:translateY(-50%);font-size:10px;opacity:0;color:#315c86;pointer-events:none;transition:opacity .2s}.v6-rail button:hover .v6-rail-label,.v6-rail button:focus-visible .v6-rail-label{opacity:1}
/* Opening is a finite, skippable material transition, not a fake progress indicator. */
#v6-intro{max-width:none!important;max-height:none!important;width:100vw;height:100dvh;inset:0;margin:0;border:0;padding:0;border-radius:0;overflow:hidden;background:#0c2b60;color:#f5faff;z-index:10000;opacity:1;transition:opacity .4s ease,filter .4s ease}
#v6-intro:not([open]){display:none!important}#v6-intro::backdrop{background:#0b2446}.v6-intro .v6-fluid{opacity:1;inset:-20%;background:radial-gradient(ellipse at 70% 22%,#175db7,#0c2b60 62%)}
.v6-intro .v6-stream{height:110%;top:0;opacity:1;filter:blur(12px);background:linear-gradient(155deg,transparent 33%,#126ef633 39%,#439cff80 45%,#b5edffff 49%,#367ddebb 51%,#10429440 57%,transparent 65%)}.v6-intro .stream-a{animation:v6-intro-stream 3.2s ease both}.v6-intro .stream-b{animation-duration:6s;filter:blur(35px);opacity:.55}.v6-intro .stream-c{opacity:.38;filter:blur(3px)}
@keyframes v6-intro-stream{from{transform:translate(-20%,15%) rotate(-30deg) scale(1.3)}to{transform:translate(16%,-12%) rotate(-13deg) scale(1.05)}}
.v6-boot-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2;text-align:center}.v6-boot-mark>svg{width:52px;height:52px;fill:#f3faff;filter:drop-shadow(0 1px 16px #aecff54d);margin-bottom:20px}.v6-boot-mark h2{font:500 38px/1.2 var(--sans);letter-spacing:-1.5px;color:white}.v6-boot-mark p{font:9px/1.5 var(--sans);letter-spacing:.35em;margin-top:15px;color:#c5e2ff}.v6-boot-line{height:1px;width:132px;background:#aed4fc22;overflow:hidden;margin-top:38px}.v6-boot-line i{display:block;width:65px;height:1px;background:linear-gradient(90deg,transparent,#e4faff,transparent);animation:v6-boot-line 1.5s ease both}@keyframes v6-boot-line{from{transform:translateX(-70px)}to{transform:translateX(140px)}}
.v6-intro-running .v6-boot-mark{animation:v6-boot-mark .9s cubic-bezier(.18,.7,.2,1) both}@keyframes v6-boot-mark{from{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
#v6-intro.v6-intro-leaving{opacity:0;filter:blur(7px);pointer-events:none}.v6-intro-edition{position:absolute;bottom:40px;left:42px;z-index:3;font:9px/1.5 var(--sans);letter-spacing:.18em;color:#b9d6f1}#v6-intro-skip{position:absolute;bottom:26px;right:30px;z-index:5;color:#e7f3ff;border:1px solid #bddfff44;border-radius:50px;padding:12px 18px;background:#c5e1ff0b;min-height:44px;font-size:12px}#v6-intro-skip:focus-visible{outline:2px solid white;outline-offset:4px}.v6-intro-open body{overflow:hidden}
/* A visual overview guarantees that the continuous screens remain discoverable. */





/* Keep OS05's one-layer mobile pages. Do NOT scale down a desktop window. */
@media(max-width:767px){
 :root{--v6-flow-opacity:.3;--mobile-dock:78px}.room-photo{opacity:.43!important}.v6-fluid .v6-stream{filter:blur(12px);animation-duration:24s}
 .v6-blue .dock-zone{bottom:max(9px,env(safe-area-inset-bottom));width:auto;max-width:calc(100vw - 16px);left:50%;transform:translateX(-50%)}
 .v6-blue #dock{border-radius:23px;padding:6px 9px 8px;min-height:65px;gap:7px;max-width:calc(100vw - 16px)}
 .v6-app-group,.v6-social-group{gap:5px}.v6-blue #dock .dock-item{width:44px;min-width:44px;height:54px;min-height:54px;display:flex!important}.v6-blue #dock .dock-icon{width:41px!important;height:41px!important;transform:none!important;filter:drop-shadow(0 3px 2px #173a5920)}
 .v6-blue #dock .dock-name{display:block!important;font:8.5px/1.1 var(--sans);margin-top:1px;white-space:nowrap;max-width:52px;color:#345d86}
 .v6-blue #dock [data-dock=album],.v6-blue #dock [data-social=youtube],.v6-blue #dock [data-social=linkedin],.v6-blue #dock [data-social=x],.v6-blue #dock [data-social=behance]{display:none!important}
 .v6-blue #dock .dock-tooltip{display:none!important}.v6-blue #dock .dock-divider{height:34px;margin:0}.v6-blue #dock .dock-item:after{bottom:-4px;width:3px;height:3px}.v6-rail{display:none!important}
 
 
 .v6-intro-edition{left:24px;bottom:33px;font-size:8px}#v6-intro-skip{right:17px;bottom:19px;font-size:11px}.v6-boot-mark h2{font-size:31px}.v6-boot-mark>svg{width:42px;height:42px}.v6-boot-mark p{font-size:8px}
 
 .v6-blue .os-window-open .dock-zone{display:none!important}.v6-blue .window-scroll{background:#f6faff}.v5-window-tools button{background:#f1f7ff!important;color:#264f7a!important}.v4-service-intro h1,.v4-hero-copy h1{color:#173653}
}
@media(max-width:359px){.v6-blue #dock{padding:6px 7px 8px;gap:4px}.v6-app-group,.v6-social-group{gap:2px}.v6-blue #dock .dock-name{font-size:8px}.v6-blue #dock .dock-icon{width:39px!important;height:39px!important}}
@media(min-width:768px) and (max-height:820px){
 .v6-blue .desktop{min-height:760px;height:100svh}.v6-blue .action-row{margin-top:17px}.v6-blue .service-stage{top:48%;width:min(1000px,72vw)}.v6-blue .service-info p{font-size:10px}.v6-blue .os-scroll-cue{bottom:110px}
 .v6-blue .dock-zone{bottom:10px}
}

.reduced-motion .v6-stream,.reduced-motion .v6-caustic,.reduced-motion .v6-boot-mark,.reduced-motion .v6-boot-line i{animation:none!important;will-change:auto}.reduced-motion .v6-blue #dock .dock-item.bounce .dock-icon{animation:none!important}
@media(prefers-reduced-motion:reduce){.v6-stream,.v6-caustic,.v6-boot-line i{animation:none!important;will-change:auto}#v6-intro{display:none!important}}
@supports not (backdrop-filter:blur(2px)){.v6-blue #dock,.os-menubar{background:#edf6fc}.v6-blue #dock .dock-tooltip{background:#f5faff}}
/* Fix the actual 4px phone overflow: OS05 reel used an uncapped negative-margin viewport. */
@media(max-width:767px){
 
 .site-header.os-menubar{width:100%;max-width:100%;right:auto}.site-header.os-menubar .brand{min-width:0}
 .v6-blue #dock .dock-icon img.os-app-icon{width:41px!important;height:41px!important;max-width:none!important;padding:0!important}
 .v6-blue #dock .dock-name{font-size:9px}
}
@media(max-width:359px){.v6-blue #dock .dock-icon img.os-app-icon{width:39px!important;height:39px!important}}

.v6-blue #dock .v6-social-more{display:none!important}
#v6-social-list{width:min(380px,calc(100vw - 28px));max-height:85dvh;padding:22px;border:1px solid white;border-radius:24px;background:#f4faffef;color:#1b3d64;overflow:auto;backdrop-filter:blur(22px)}#v6-social-list header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}#v6-social-list h2{font-size:22px}#v6-social-list header button{width:44px;height:44px;display:grid;place-items:center;background:white;border-radius:50%}#v6-social-list-items a{display:flex;align-items:center;gap:15px;padding:9px;min-height:64px;border-bottom:1px solid #bfcee83f}#v6-social-list-items a>span{width:43px;height:43px}#v6-social-list-items strong{flex:1;font-size:14px;font-weight:500}#v6-social-list-items i{font-style:normal;color:#3b6c9c}
@media(max-width:767px){.v6-blue #dock .v6-social{display:none!important}.v6-blue #dock .v6-social.v6-mobile-social,.v6-blue #dock .v6-social-more{display:flex!important}}

/* OS07 — Desktop introduction, editorial website below. One real backdrop-blurred header. */
:root{--ed-bar-height:44px;--ed-width:1240px;--ed-ink:#182d43;--ed-muted:#637286;--ed-line:#dae3ea;--ed-white:#fdfefe;--ed-pad:clamp(24px,5.7vw,96px)}
html.v7-editorial{scroll-padding-top:calc(var(--ed-bar-height) + 18px)}
.v7-editorial body{background:#fdfefe}
.v7-editorial .site-header.os-menubar,.v7-editorial .os-window-open .site-header.os-menubar{position:fixed!important;inset:0 0 auto!important;width:100%!important;height:calc(44px + env(safe-area-inset-top,0px))!important;min-height:44px!important;display:flex!important;gap:20px!important;padding:env(safe-area-inset-top,0px) 24px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.54)!important;border-radius:0!important;background:rgba(235,244,253,.43)!important;backdrop-filter:blur(28px) saturate(1.45)!important;-webkit-backdrop-filter:blur(28px) saturate(1.45)!important;color:#15324e!important;box-shadow:0 1px 0 #21406116,0 5px 26px #17345305,inset 0 1px #ffffff8c!important;z-index:500!important;isolation:auto!important;filter:none!important}
.v7-editorial.v7-reading .site-header.os-menubar{background:rgba(244,249,253,.56)!important;border-bottom-color:#becdda80!important;box-shadow:0 1px 20px #17314e08!important}
.v7-editorial .site-header.os-menubar>.v5-sheen{display:none}
.v7-editorial .site-header .brand{min-height:40px}.v7-editorial .os-app-name{font-size:13px;font-weight:650}.v7-editorial .brand-glyph{width:18px;height:20px}.v7-editorial .top-nav{gap:3px;align-items:center}.v7-editorial .top-nav>a,.v7-editorial .top-nav>button{height:36px;display:flex;align-items:center;padding:0 12px;font-size:12px;font-weight:450;border-radius:7px;color:inherit;background:none}.v7-editorial .top-nav>a:hover,.v7-editorial .top-nav>button:hover,.v7-editorial .top-nav>.is-current{background:#ffffff6b}.v7-editorial .header-tools{margin-left:auto;gap:8px}.v7-editorial .header-tools .tool-button{width:34px;height:36px;min-width:34px;min-height:36px;background:none;border:0;box-shadow:none}.v7-editorial .header-tools .icon{width:16px;height:16px}.v7-editorial .header-tools .os-live-status{display:none}.v7-editorial #os-clock{font-size:11px;letter-spacing:0;color:#28445e}.v7-editorial #os-menu-panel{top:calc(var(--ed-bar-height) + 6px)!important;z-index:510!important;background:#edf5fed9;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}

.v7-editorial .workspace{z-index:300!important;top:calc(var(--ed-bar-height) + 14px)!important;bottom:24px!important}.v7-editorial .workspace.expanded{top:calc(var(--ed-bar-height) + 6px)!important;bottom:8px!important}.v7-editorial #veil{z-index:250}.v7-editorial .os-muted{filter:none!important}
/* The desktop is only the first viewport. Dock belongs to that scene, not the long page. */
.v7-editorial .desktop{min-height:820px;height:100svh;isolation:isolate;overflow:hidden!important}
.v7-editorial .desktop .service-stage{top:48%}.v7-editorial .os-scroll-cue{position:absolute;bottom:115px!important;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;font-size:11px;font-weight:450;color:#264d75;background:none;border:0;padding:12px;white-space:nowrap}.v7-editorial .os-scroll-cue span:last-child{font-size:19px;animation:ed-down 2.8s ease-in-out infinite}@keyframes ed-down{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.v7-editorial .dock-zone.ed-hero-dock{position:absolute!important;left:50%!important;right:auto!important;bottom:24px!important;width:max-content!important;max-width:calc(100vw - 24px)!important;transform:translateX(-50%)!important;z-index:20!important;padding:0!important}
.v7-editorial #dock{display:flex;align-items:flex-end;min-height:68px!important;padding:8px 12px 9px!important;gap:12px!important;border-radius:20px!important;background:rgba(232,242,255,.48)!important;border:1px solid #ffffffa6!important;backdrop-filter:blur(22px) saturate(1.5)!important;-webkit-backdrop-filter:blur(22px) saturate(1.5)!important;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #aabed629,0 8px 28px #1635542b!important;isolation:auto!important;overflow:visible!important}
.v7-editorial #dock .v6-app-group,.v7-editorial #dock .v6-social-group{gap:9px;align-items:flex-end}.v7-editorial #dock .dock-item{position:relative;display:flex;align-items:center;justify-content:flex-end;width:calc(48px + var(--ed-mag,0) * 26px)!important;min-width:44px!important;height:50px!important;min-height:50px!important;flex:0 0 auto;overflow:visible;background:none!important;border:0!important;box-shadow:none!important}
.v7-editorial #dock .dock-item .dock-icon{position:absolute;left:50%;bottom:0;width:calc(48px + var(--ed-mag,0) * 26px)!important;height:calc(48px + var(--ed-mag,0) * 26px)!important;transform:translateX(-50%)!important;translate:0 0;transition:none!important;filter:drop-shadow(0 3px 3px #203b5329)!important;overflow:visible!important}
.v7-editorial #dock .dock-icon img.os-app-icon{width:100%!important;height:100%!important;max-width:none!important;object-fit:contain}.v7-editorial #dock .dock-tooltip{bottom:calc(100% + var(--ed-mag,0) * 26px + 13px)!important;padding:6px 10px!important;font-size:11px!important;border-radius:7px!important;color:#22384d!important;background:#f1f6fbdf!important;box-shadow:0 5px 15px #172d4d18!important;border:1px solid #ffffffbf!important}.v7-editorial #dock .dock-item:after{bottom:-6px!important;background:#294258;width:3px;height:3px}.v7-editorial #dock .dock-item .dock-name{display:none!important}.v7-editorial #dock .dock-divider{height:32px!important;background:#8098b35c!important}.v7-editorial #dock .v5-sheen{display:none}
/* The editorial page has no Finder frames, traffic lights, desktop chrome or sticky slides. */











/* Home footer follows the existing service-detail footer: one quiet row.
   Transparent throughout so the original page wave continues behind it. */
.v7-editorial .ed-footer{position:relative;z-index:1;color:#23415d;border-top:1px solid rgb(82 130 172 / 12%);background:transparent;font-family:var(--lv-ui-font,var(--sans));line-height:1.75}
.v7-editorial .ed-footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;width:min(100% - 112px,1248px);min-height:96px;margin-inline:auto;padding-block:22px}
.v7-editorial .ed-footer :is(a,small){font-family:inherit;letter-spacing:0;-webkit-tap-highlight-color:transparent}
.v7-editorial .ed-footer a{text-decoration:none}
.v7-editorial .ed-footer a:focus-visible{outline:2px solid #1769ff;outline-offset:-2px}
.v7-editorial .ed-footer-brand{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:44px;color:#183c5d;font-size:15px;font-weight:650}
.v7-editorial .ed-footer-brand>svg{flex:none;width:20px;height:20px}
.v7-editorial .ed-footer-brand>span{min-width:0;overflow-wrap:anywhere}
.v7-editorial .ed-footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-left:auto;max-width:100%}
.v7-editorial .ed-footer-nav a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;font-size:12px;overflow-wrap:anywhere}
.v7-editorial .ed-footer-socials{display:flex;flex-wrap:wrap;align-items:center;gap:2px;max-width:100%}
.v7-editorial .ed-footer-social-link{display:inline-flex;flex:none;align-items:center;justify-content:center;width:32px;height:44px;padding:0;border:0;border-radius:4px;color:inherit}
.v7-editorial .ed-footer-social-link svg{flex:none;width:16px;height:16px}
.v7-editorial .ed-footer a:hover{color:#1769b7}
.v7-editorial .ed-footer small{max-width:100%;font-size:10px;color:#23415d;overflow-wrap:anywhere}
@media(max-width:1080px){
 .v7-editorial .ed-footer-inner{width:calc(100% - 64px)}
 .v7-editorial .ed-footer-inner>small{flex-basis:100%}
}
@media(max-width:600px){
 .v7-editorial .ed-footer-inner{width:calc(100% - 40px);gap:6px 20px;padding-block:22px calc(22px + env(safe-area-inset-bottom,0px))}
 .v7-editorial .ed-footer-brand{flex-basis:100%}
 .v7-editorial .ed-footer-nav{margin:0;gap:24px}
 .v7-editorial .ed-footer-socials{flex-basis:100%;margin-left:-6px}
 .v7-editorial .ed-footer-social-link{width:40px}
 .v7-editorial .ed-footer small{margin-top:6px}
}
@media(forced-colors:active){
 .v7-editorial .ed-footer{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}
 .v7-editorial .ed-footer-brand,.v7-editorial .ed-footer small{color:CanvasText}
}

/* iPad / landscape: content grids reduce columns, not the entire page scale. */
@media(max-width:1100px) and (min-width:768px){.v7-editorial .header-tools{gap:2px}.v7-editorial #os-clock .time-date{display:none}.v7-editorial .top-nav>a,.v7-editorial .top-nav>button{padding-inline:8px}}
/* Phone: one persistent global status bar + a small page title row, no repeated controls. */
@media(max-width:767px){
 :root{--ed-pad:22px;--ed-bar-height:calc(48px + env(safe-area-inset-top,0px))}
 .v7-editorial .site-header.os-menubar,.v7-editorial .os-window-open .site-header.os-menubar{height:calc(48px + env(safe-area-inset-top,0px))!important;min-height:48px!important;padding:env(safe-area-inset-top,0px) 14px 0!important;gap:3px!important}
 .v7-editorial .site-header .brand{flex:1;gap:7px!important;min-width:0}.v7-editorial .os-app-name{font-size:12px!important;letter-spacing:-.025em;max-width:120px;white-space:nowrap}.v7-editorial .brand-glyph{width:18px!important;height:18px!important}.v7-editorial .header-tools{gap:0!important;margin-left:auto}.v7-editorial .header-tools .tool-button{height:44px!important;min-height:44px!important}.v7-editorial .top-nav{display:none!important}.v7-editorial .os-time{display:none!important}.v7-editorial .os-find-button{display:none!important}.v7-editorial .lv-language #language-toggle{font-size:12px}.v7-editorial #os-menu-panel{max-height:calc(var(--vv-height,100dvh) - var(--ed-bar-height) - 18px);overflow:auto}
 .v7-editorial #dock{min-height:61px!important;padding:6px 8px 10px!important;border-radius:19px!important;gap:8px!important}.v7-editorial #dock .v6-app-group,.v7-editorial #dock .v6-social-group{gap:5px!important}.v7-editorial #dock .dock-item{height:44px!important;}.v7-editorial #dock .dock-item .dock-icon{width:42px!important;height:42px!important;transform:translateX(-50%)!important;left:50%!important;bottom:0!important}.v7-editorial #dock .dock-icon img.os-app-icon{width:100%!important;height:100%!important}.v7-editorial #dock .dock-item .dock-name{display:none!important}.v7-editorial #dock .dock-divider{height:29px!important}.v7-editorial #dock .dock-tooltip{display:none!important}.v7-editorial #dock [data-dock=album]{display:none!important}
 .v7-editorial .workspace,.v7-editorial .workspace.expanded{inset:auto 0 0!important;top:var(--ed-bar-height)!important;height:calc(var(--vv-height,100dvh) - var(--ed-bar-height))!important;max-height:calc(var(--vv-height,100dvh) - var(--ed-bar-height))!important;width:100%!important;margin:0!important;min-height:120px!important;border-radius:0!important;z-index:300!important;display:flex;flex-direction:column}.v7-editorial .workspace[hidden]{display:none!important}.v7-editorial .workspace .window-bar{height:44px!important;min-height:44px!important;padding:0 14px!important;gap:6px!important;border-radius:0!important;background:#f6faff!important;border-bottom:1px solid #dbe6f0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.v7-editorial .workspace .v5-window-tools{display:none!important}.v7-editorial .window-title{flex:1!important;justify-content:flex-end!important;min-width:0;font-size:12px!important}.v7-editorial .window-title .icon{display:none!important}.v7-editorial .window-title span{max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v7-editorial .window-mobile-back{min-height:44px!important;width:auto!important;min-width:60px!important;font-size:12px!important}.v7-editorial .v3-keyboard .workspace{top:calc(var(--ed-bar-height) + var(--vv-top,0px))!important}.v7-editorial .workspace .window-scroll{height:auto!important;min-height:0;flex:1;padding-bottom:env(safe-area-inset-bottom)}
 
 
 
 
}
@media(max-width:359px){:root{--ed-pad:20px}.v7-editorial .site-header.os-menubar{padding-left:12px!important;padding-right:8px!important}.v7-editorial .header-tools .tool-button{min-width:40px!important;width:40px!important}.v7-editorial #dock .dock-item{width:41px!important;min-width:41px!important}.v7-editorial #dock .dock-item .dock-icon{width:40px!important;height:40px!important}}
@media(min-width:768px) and (max-height:820px){.v7-editorial .desktop{height:100svh;min-height:790px}.v7-editorial .desktop .service-stage{top:48%}.v7-editorial .desktop .service-info p{font-size:10px}}


.v7-editorial.reduced-motion .os-scroll-cue span:last-child{animation:none!important}
@media(prefers-reduced-motion:reduce){.v7-editorial .os-scroll-cue span:last-child{animation:none}.v7-editorial #dock .dock-item.bounce .dock-icon{animation:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.v7-editorial .site-header.os-menubar,.v7-editorial .os-window-open .site-header.os-menubar{background:#eff6fc!important}.v7-editorial #dock{background:#e8f3fd!important}}
@media(prefers-contrast:more){.v7-editorial .site-header.os-menubar{background:#f0f7fdf2!important}.v7-editorial #dock{background:#e5f0fcf2!important}}
/* Final geometry correction: the inherited desktop title is relatively positioned with padding. */
@media(min-width:768px){
 .v7-editorial .desktop{min-height:880px!important}
 
 
 .v7-editorial .desktop .service-stage{top:52%!important}
 
 
 
 .v7-editorial .desktop .os-scroll-cue{flex-direction:row!important;gap:12px!important;min-height:44px!important}
}
@media(max-width:767px){
 .v7-editorial #dock .dock-item{width:44px!important;min-width:44px!important;min-height:44px!important}
 .v7-editorial .header-tools .tool-button{width:44px!important;min-width:44px!important}
}
@media(max-width:359px){.v7-editorial #dock{gap:6px!important;padding:6px 7px 10px!important}.v7-editorial #dock .v6-app-group,.v7-editorial #dock .v6-social-group{gap:1px!important}}

/* OS08 — photographic editorial motion. Six related palettes, six distinct visual ideas.
   All decorative layers ignore input. The native document owns vertical scrolling. */
html.v8-editorial {--v8-blue:#1769ff;--v8-paper:#fafbfc;--v8-ink:#152f49;--v8-grid:#3974ab12}












/* 01 — optical circles and a picture opening into a full frame; never a blocking full-page mask. */


.v8-optics svg{width:650px;height:650px;left:-285px;top:calc(95px + var(--v8-p)*60px);color:#4d7ca6;opacity:.12;transform:rotate(calc(-18deg + var(--v8-p)*42deg));}





/* 02 — a calm blueprint, small crop marks and an orderly stagger. */

.v8-blueprint{background-image:linear-gradient(#356fa514 1px,transparent 1px),linear-gradient(90deg,#356fa514 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 65%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 65%);background-position:calc(var(--v8-p)*18px) calc(var(--v8-p)*-24px);opacity:.8}
.v8-blueprint i{position:absolute;border:1px solid #396fa626;width:230px;height:230px;right:-95px;top:8%;transform:rotate(calc(-20deg + var(--v8-p)*38deg))}
.v8-blueprint i:nth-child(2){width:160px;height:160px;right:-60px;top:12%}.v8-blueprint i:nth-child(3){display:none}






/* 03 — a single midnight-blue gallery in an otherwise light site. Photographs stay full colour. */


.v8-archive{background-image:radial-gradient(#9fb4cb1c .7px,transparent .8px);background-size:16px 16px}
.v8-archive svg{inset:26px 3%;width:94%;height:calc(100% - 54px);color:#abc9e0;opacity:calc(.14 + var(--v8-e)*.09);transform:scale(calc(.98 + var(--v8-e)*.02));stroke-width:1}










/* 04 — concentric diffusion: capture, review, share. */


.v8-ripple svg{width:1050px;height:700px;right:-180px;top:-55px;stroke-width:1;color:#7aaac7;opacity:.2;transform:translateY(calc(var(--v8-p)*-40px)) scale(calc(.88 + var(--v8-p)*.28));transform-origin:65% 35%}



/* 05 — a planning sheet with a continuous progress line. */


.v8-process{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 47px,#5474900a 47px,#5474900a 48px);background-position:0 calc(var(--v8-p)*-10px);mask-image:linear-gradient(90deg,#000,transparent 55%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 55%)}








/* 06 — a horizon of blue light over the city, with a wide editorial invitation. */



.v8-horizon i{position:absolute;width:1000px;height:440px;right:-260px;bottom:-160px;border:1px solid #accbea;background:linear-gradient(115deg,#7aa9ec05,#1769ff19);border-radius:50%;transform:translateX(calc(var(--v8-p)*-70px)) rotate(-22deg);}
.v8-horizon i:nth-child(2){right:-120px;bottom:-265px;width:1200px;background:transparent}






/* Keep the persistent glass legible over the dark gallery; retain actual blur. */
html.v8-editorial[data-v8-tone=archive] .site-header.os-menubar{background:rgba(20,42,67,.67)!important;color:#f4f7ff!important;border-bottom-color:#d0e3f33d!important}
html.v8-editorial[data-v8-tone=archive] .site-header .tool-button,html.v8-editorial[data-v8-tone=archive] .site-header .os-app-name,html.v8-editorial[data-v8-tone=archive] .site-header .brand,html.v8-editorial[data-v8-tone=archive] #os-clock{color:#f0f6ff!important}
html.v8-editorial[data-v8-tone=archive] .site-header .brand-glyph{color:#fff!important}
/* Small screens get genuine reading layouts; decorative motion is smaller, never wider. */
@media(max-width:767px){
 
 
 
 
 
 
 
 
 
 
 
 
 .v8-optics svg{width:400px;height:400px;left:-250px;top:100px;opacity:.1}
 .v8-blueprint{background-size:48px 48px;opacity:.65}
 
 
 
 
 
 
 .v8-archive svg{inset:22px 12px;width:calc(100% - 24px);height:calc(100% - 44px);opacity:.14}
 
 
 .v8-ripple svg{right:-340px;width:800px;top:0;opacity:.17}
 
 
 
 
 
 
 
 
 
 
 
 
}




html.v8-editorial.reduced-motion .v8-optical-frame{clip-path:none!important;transform:none!important}


@media(prefers-reduced-motion:reduce){html.v8-editorial .v8-optical-frame{clip-path:none!important;transform:none!important}}
@media(prefers-contrast:more){html.v8-editorial[data-v8-tone=archive] .site-header.os-menubar{background:#112944!important}}

html.v8-editorial[data-v8-tone=archive] .site-header .brand-glyph path{fill:#f4f7ff!important}


/* STUDIO 09 — optical glass, physical page turns, three motion tempos.
   Glass only on controls/media surfaces. The reading canvas remains opaque.
   Blur/optical distortion live BEHIND the text, never on the text itself. */
html.v9-liquid{--v9-glass-tint:rgba(245,251,255,.21);--v9-edge:#ffffffdb;--v9-ease:cubic-bezier(.2,.82,.16,1);--v9-spring:cubic-bezier(.18,.9,.24,1.15);--v9-blue:#1769ff;--v9-ink:#143653}
html.v9-liquid .v9-glass{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:auto!important;border:1px solid #ffffffb3!important;box-shadow:0 18px 48px -23px #154e8b6b,0 4px 10px -5px #052d5355,inset 0 1px 1px #ffffffea,inset 0 -1px 1px #81afd46b!important;--v9-blur:10px;--v9-tint:rgba(244,250,255,.24)}
.v9-glass>.v9-glass-backdrop,.v9-glass>.v9-glass-rim{position:absolute!important;inset:0;display:block!important;border-radius:inherit;pointer-events:none!important;margin:0!important}
.v9-glass>.v9-glass-backdrop{z-index:0;overflow:hidden;background:linear-gradient(135deg,#ffffffe0 0%,#ffffff38 6%,#ffffff06 24%,#e9f6ff08 73%,#d3ebff54 94%,#fff9 100%),var(--v9-tint);backdrop-filter:blur(var(--v9-blur)) saturate(1.35);-webkit-backdrop-filter:blur(var(--v9-blur)) saturate(1.35)}
html.v9-liquid.v9-refraction .v9-glass[data-v9-optical="true"]>.v9-glass-backdrop{backdrop-filter:var(--v9-optical-filter) saturate(1.28)}
.v9-glass>.v9-glass-rim{z-index:4;border:1px solid #ffffffb8;box-shadow:inset 2px 2px 2px #fff9,inset -2px -2px 3px #6aa2d33b;overflow:hidden}
.v9-glass>.v9-glass-rim:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--v9-gx,28%) var(--v9-gy,0%),#ffffffa6,transparent 45%),linear-gradient(132deg,#ffffff4d,transparent 27%,transparent 70%,#d1ebff38);opacity:.72;transition:opacity .2s}
.v9-glass>.v9-glass-rim:after{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid #ffffffe0;mask:linear-gradient(135deg,#000,transparent 30%,transparent 65%,#000);-webkit-mask:linear-gradient(135deg,#000,transparent 30%,transparent 65%,#000)}
.v9-glass>:not(.v9-glass-backdrop):not(.v9-glass-rim):not(.v5-sheen):not(.v5-reading-progress){z-index:2}
html.v9-liquid .v5-sheen{display:none!important}
/* Persistent gaussian glass bar: strong blur inside, two bright glass-cut edges. */
html.v9-liquid .site-header.os-menubar,html.v9-liquid .os-window-open .site-header.os-menubar{background:transparent!important;border:0!important;border-bottom:1px solid #ffffffb8!important;box-shadow:0 1px 0 #345d8b30,0 7px 24px #17385b0a!important;--v9-blur:28px;--v9-tint:rgba(222,240,255,.24)}
html.v9-liquid.v7-reading .site-header.os-menubar{--v9-tint:rgba(242,248,255,.40)}
html.v9-liquid .site-header.os-menubar>.v9-glass-backdrop{background:linear-gradient(90deg,#eaf5ff52,#ffffff26 42%,#e1f0ff66),var(--v9-tint)}
html.v9-liquid .site-header.os-menubar>.v9-glass-rim{border-radius:0;border-inline:0;box-shadow:inset 0 1px #ffffffcc,inset 0 -1px #f8fbff88}
html.v9-liquid[data-v8-tone=archive] .site-header.os-menubar{background:transparent!important;--v9-tint:rgba(16,46,78,.58);color:#fff!important}
html.v9-liquid[data-v8-tone=archive] .site-header.os-menubar>.v9-glass-backdrop{background:var(--v9-tint)}
html.v9-liquid #dock.v9-glass{border-radius:26px!important;--v9-blur:10px;--v9-tint:rgba(233,245,255,.26);padding-block:10px 9px!important}
html.v9-liquid #dock .dock-divider{height:30px;opacity:.38}
html.v9-liquid #dock .dock-icon{filter:drop-shadow(0 4px 3px #204c6f30)}
/* The five service portals share one glass lens. Only the whole card tilts:
   media, caption and reflection stay coplanar inside the same rounded clip. */
html.v9-liquid #desktop #service-stage .service-card{
 --service-glass-radius:22px;
 --service-glass-inset:7px;
 --service-glass-inner-radius:calc(var(--service-glass-radius) - var(--service-glass-inset) - 1px);
 --v9-blur:12px;
 --v9-tint:rgba(233,246,255,.42);
 padding:var(--service-glass-inset)!important;
 border:1px solid #ffffffb3!important;
 border-radius:var(--service-glass-radius)!important;
 background:transparent!important;
 background-clip:padding-box;
 overflow:hidden!important;
 transform-style:flat;
 box-shadow:0 19px 32px -20px #173d6266,0 3px 8px -4px #204c5f26,inset 0 1px 0 #ffffffb3!important;
}
html.v9-liquid #desktop #service-stage .service-card:after{display:none!important}
html.v9-liquid #desktop #service-stage .service-card>.v9-glass-backdrop,
html.v9-liquid #desktop #service-stage .service-card>.v9-glass-rim{border-radius:calc(var(--service-glass-radius) - 1px)}
html.v9-liquid #desktop #service-stage .service-card>.v9-glass-backdrop{
 background:radial-gradient(ellipse at var(--v9-gx,25%) var(--v9-gy,0%),#ffffff40,transparent 60%),linear-gradient(155deg,#ffffff66,#eff8ff2e 40%,#f5fbff80),var(--v9-tint);
}
html.v9-liquid #desktop #service-stage .service-card>.v9-glass-rim{
 border:1px solid #ffffff4d;
 box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1px #597d9b26;
}
html.v9-liquid #desktop #service-stage .service-card>.v9-glass-rim:before{opacity:.38}
html.v9-liquid #desktop #service-stage .service-card>.v9-glass-rim:after{inset:1px;border-radius:calc(var(--service-glass-radius) - 2px);border-color:#ffffff59}
html.v9-liquid #desktop #service-stage .service-cover{
 border:1px solid #ffffff80;
 border-radius:var(--service-glass-inner-radius)!important;
 overflow:hidden;
 background:#dcebf733;
 transform:none;
}
html.v9-liquid #desktop #service-stage .service-cover img{display:block}
html.v9-liquid #desktop #service-stage .service-info{
 padding:12px 8px 10px!important;
 background:transparent;
 transform:none;
}
html.v9-liquid #desktop #service-stage .service-info h2,
html.v9-liquid #desktop #service-stage .service-info p{color:#153955!important}
html.v9-liquid #desktop #service-stage .service-info small{color:#3c6082!important}
html.v9-liquid #desktop #service-stage .service-info h2>span{
 background:#ffffff30;
 border-color:#ffffffa6;
 color:#234962;
 box-shadow:inset 0 1px #ffffff80;
 flex-shrink:0;
}
html.v9-liquid #desktop #service-stage .service-card:is(:hover,:focus-visible) .service-info h2>span{background:#ffffff80;border-color:#ffffffe0}
html.v9-liquid #desktop #service-stage .service-card:focus-visible{outline:2px solid #1769ff;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
 html.v9-liquid #desktop #service-stage .service-card:hover{box-shadow:0 28px 38px -20px #173d6266,0 5px 12px -5px #204c5f33,inset 0 1px 0 #ffffffe0!important}
}
html.v9-liquid .os-menu-panel.v9-glass,html.v9-liquid #language-menu.v9-glass{--v9-blur:20px;--v9-tint:rgba(241,248,255,.72);border-radius:20px!important}


html.v9-liquid .window-bar.v9-glass{--v9-blur:18px;--v9-tint:rgba(232,244,255,.69);border-radius:inherit;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
html.v9-liquid .workspace{perspective:1700px;transform-style:flat;background:#f8fbff;overflow:hidden!important}
html.v9-liquid .window-scroller{perspective:1500px}
html.v9-liquid .route-ghost{backface-visibility:hidden;transform-style:preserve-3d;box-shadow:20px 0 60px #10335a26}
.v9-route-leaf{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,#496c9733 49.4%,#ffffffae 50%,transparent 51%);z-index:5}
/* An actual rounded normal-map filter supplies edge displacement on Chromium.
   Other engines keep gaussian translucency, reflective bevels and legible text. */
#v9-optical-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
/* FIRST EDITORIAL SPREAD: larger hero image, an optical loupe and an elastic pager.
   Not a second Mac window; no traffic lights or Finder chrome below the hero. */











.v9-leaf-ghost{position:absolute!important;inset:0!important;z-index:5!important;border-radius:inherit;overflow:hidden;pointer-events:none;transform-style:preserve-3d;backface-visibility:hidden;background:#eef5fc;box-shadow:15px 0 40px #102f5545}
.v9-leaf-ghost:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,transparent 32%,#1027471a 73%,#ffffffe0);mix-blend-mode:soft-light}
.v9-scan-glint{position:absolute;inset:-20% -50%;pointer-events:none;z-index:7;background:linear-gradient(105deg,transparent 42%,#ffffff08 46%,#ffffff9e 49%,#ffffff24 51%,transparent 55%);transform:translateX(-100%)}
.v9-loupe{position:absolute!important;z-index:9!important;right:-22px;top:7px;width:146px;height:146px;border-radius:50%!important;--v9-blur:2px;--v9-tint:rgba(255,255,255,.08);transform:translate(calc(var(--v9-lx,0)*16px),calc(var(--v9-ly,0)*12px));pointer-events:none;box-shadow:0 19px 28px -17px #103d6980,inset 0 1px 1px #fff!important}
.v9-loupe .v9-loupe-image{position:absolute!important;inset:6px;border-radius:50%;overflow:hidden;background-repeat:no-repeat;background-color:#bad7ed;z-index:0;filter:saturate(1.08)}
.v9-loupe .v9-glass-backdrop{background:linear-gradient(135deg,#ffffffb5,transparent 17%,#ffffff14 52%,#fff8);z-index:1;backdrop-filter:blur(.5px)!important;-webkit-backdrop-filter:blur(.5px)!important}
.v9-loupe-cross{position:absolute!important;inset:0;display:grid;place-items:center;color:#ffffffba;z-index:3;}
.v9-loupe-cross:before,.v9-loupe-cross:after{content:"";position:absolute;background:currentColor;width:13px;height:1px;left:calc(50% - 6.5px);top:50%}
.v9-loupe-cross:after{transform:rotate(90deg)}








/* Strip over a tonal blue photographic surface: three different directional rhythms. */












/* One decisive dark intermission. No accumulation of full-page dark interfaces. */









/* LIVE: photographic table and a real transparent proof sheet, rather than a white box. */









/* Quiet workflow lets the bolder transitions breathe. */












/* New controls do not change backend content or authentication. */






.v9-motion-pill{display:inline-flex;align-items:center;gap:8px;color:#1769ff;background:#edf5ff;border:1px solid #cde2f4;padding:7px 12px;border-radius:40px;font:500 10px/1.5 var(--sans);letter-spacing:.09em}
.v9-motion-pill i{width:5px;height:5px;border-radius:50%;background:#1769ff}
html.v9-solid .v9-glass>.v9-glass-backdrop{background:#ecf4fe!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.v9-solid .v9-glass>.v9-glass-rim{opacity:.2}
html.v9-solid .v9-loupe{opacity:0}
/* Hero content/cms remains the same; material changes don't affect hit targets. */

@media(max-width:767px){
 html.v9-liquid .site-header.os-menubar{--v9-tint:rgba(236,246,255,.46)}
 
 
 
 
 
 
 
 
 
 
 .v9-loupe{right:-7px;top:-8px;width:88px;height:88px}
 .v9-loupe .v9-loupe-image{inset:4px}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 html.v9-liquid .window-bar.v9-glass{--v9-tint:rgba(232,244,255,.82)}
 
 
}
@media(max-width:359px){.v9-loupe{width:78px;height:78px}}
html.v9-liquid.reduced-motion .v9-loupe{transform:none!important}
html.v9-liquid.reduced-motion .v9-scan-glint,html.v9-liquid.reduced-motion .v9-leaf-ghost{display:none!important}
@media(prefers-reduced-motion:reduce){.v9-glass-rim:before{transition:none!important}.v9-leaf-ghost,.v9-scan-glint{display:none!important}}
@media(prefers-contrast:more){html.v9-liquid .v9-glass>.v9-glass-backdrop{background:#f2f7ff!important;backdrop-filter:none!important}html.v9-liquid[data-v8-tone=archive] .site-header.os-menubar>.v9-glass-backdrop{background:#102d4a!important}.v9-loupe{display:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html.v9-liquid .v9-glass>.v9-glass-backdrop{background:#ecf5fc!important}.v9-loupe{display:none}}

/* Keep each component's existing positioning contract; glass doesn't turn a
   fixed menu or an overlapping proof into a relative in-flow box. */

html.v9-liquid #os-menu-panel.v9-glass{position:fixed!important}
html.v9-liquid #language-menu.v9-glass{position:absolute!important}

html.v9-liquid .site-header.os-menubar>.v9-glass-rim:after{inset:0;border-inline:0;mask:none;-webkit-mask:none;border-color:#ffffff70}
html.v9-liquid .site-header.os-menubar>.v9-glass-rim:before{opacity:.35}

html.v9-liquid .v9-glass>.v9-glass-rim:before{opacity:calc(.42 + var(--v9-user-glass,.65)*.3)}
html.v9-liquid .v9-glass>.v9-glass-backdrop{background-color:rgba(241,249,255,calc(var(--v9-user-glass,.65)*.13))}

/* Optical loupe stays over the image: never exposes an unpainted half-circle. */
html.v9-liquid .v9-loupe{right:18px;top:48px}
@media(max-width:767px){html.v9-liquid .v9-loupe{right:12px;top:36px}}
html.v9-solid[data-v8-tone=archive] .site-header.os-menubar>.v9-glass-backdrop{background:#102d4a!important}

.v9-lens-wipe{position:absolute;pointer-events:none;z-index:6;width:200%;aspect-ratio:1;border-radius:50%;border:22px solid #ffffff57;box-shadow:inset 0 0 22px #e3f1ff99,0 0 10px #fff5;transform-origin:center;will-change:transform}
html.v9-liquid.reduced-motion .v9-lens-wipe{display:none!important}

/* Override the legacy 3px pager-line rule, not just the bubble background. */





/* A resized desktop also uses the touch-safe material, not leftover SVG filters. */
@media(max-width:767px){html.v9-liquid.v9-refraction .v9-glass[data-v9-optical="true"]>.v9-glass-backdrop{backdrop-filter:blur(var(--v9-blur)) saturate(1.35);-webkit-backdrop-filter:blur(var(--v9-blur)) saturate(1.35)}}

/* Keep the real count outside the decorative floating app badge. */



/* OS10 / Current: common atmosphere, precise navigation, quiet image pagination. */
:root{--v10-ink:#163957;--v10-muted:#486785;--v10-line:rgba(31,76,120,.18);--v10-bar-ink:#183c5d;--v10-bar-fill:rgba(241,248,255,.52)}
#v10-atmosphere{position:fixed;inset:0;display:block;width:100%;height:100dvh;z-index:0;pointer-events:none!important;contain:strict}
/* The canvas owns the home colour field. Before it starts, retain the light
   shell. If a context is unavailable, its sampled stage colour and ink still
   move together, including the restored navy archive. */
html.v10-atmosphere body{
 background-color:#e1ecfa;
 background-image:linear-gradient(155deg,#e1ecfa,#f5f9fe);
 background-attachment:fixed;
}
html.v10-atmosphere[data-home-field="fallback"] body{background:var(--v10-stage,#e1ecfa)}
html.v10-atmosphere #main,html.v10-atmosphere .journey{background:transparent!important;position:relative;z-index:1}
html.v10-atmosphere #os-world{position:relative}
@media(forced-colors:active){#v10-atmosphere{display:none}html.v10-atmosphere body{background:Canvas}}













/* Exactly one optical baseline for all controls. Text and SVGs never inherit a blur. */
html.v10-atmosphere .site-header.os-menubar{height:48px;padding:0 26px;gap:20px;align-items:center;justify-content:space-between;background:var(--v10-bar-fill)!important;color:var(--v10-bar-ink)!important;-webkit-backdrop-filter:blur(28px) saturate(1.35)!important;backdrop-filter:blur(28px) saturate(1.35)!important;border-bottom:1px solid rgba(255,255,255,.48);box-shadow:0 1px 0 rgba(35,78,122,.04);transition:color .15s,background-color .15s}
html.v10-atmosphere .site-header>.v9-glass-backdrop,html.v10-atmosphere .site-header>.v9-glass-rim{display:none}
html.v10-atmosphere .site-header .brand{height:100%;gap:9px;flex-shrink:0;padding:0;color:inherit!important}
html.v10-atmosphere .site-header .brand-glyph{width:20px;height:22px;display:block;flex-shrink:0}
html.v10-atmosphere .site-header .os-app-name{font:700 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.035em;white-space:nowrap}
html.v10-atmosphere .site-header .top-nav{display:flex;gap:18px;align-items:center;flex:1;justify-content:flex-start;min-width:0}
html.v10-atmosphere .site-header .top-nav button{height:32px;line-height:1;font-size:12px;color:inherit!important;white-space:nowrap}
html.v10-atmosphere .site-header .header-tools{display:flex!important;align-items:center!important;justify-content:flex-end;gap:5px!important;height:100%;flex:0 0 auto;margin:0;padding:0;position:relative;transform:none!important}
html.v10-atmosphere .site-header .tool-button,html.v10-atmosphere .site-header .v10-social-link,html.v10-atmosphere .site-header #language-toggle{box-sizing:border-box;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;margin:0;border:0;background:transparent!important;color:inherit!important;line-height:1;border-radius:9px;box-shadow:none;transform:none}
html.v10-atmosphere .site-header .tool-button:hover,html.v10-atmosphere .site-header .v10-social-link:hover{background:rgba(134,169,212,.16)!important}
html.v10-atmosphere .site-header .tool-button svg,html.v10-atmosphere .site-header .v10-social-link svg{width:17px!important;height:17px!important;min-width:17px;display:block!important;vertical-align:middle;flex-shrink:0}
html.v10-atmosphere .site-header .tool-button>[data-icon]{display:flex;align-items:center;justify-content:center;width:18px;height:18px}
html.v10-atmosphere .site-header .lv-language{height:32px;display:flex;align-items:center}
html.v10-atmosphere .site-header #language-toggle{gap:3px;width:42px!important}
html.v10-atmosphere .site-header #language-toggle>span{font-size:16px;line-height:1;display:block}
html.v10-atmosphere .site-header #language-label{font-weight:600;font-size:10px;line-height:1}
#v10-header-social{display:flex;align-items:center;justify-content:center;gap:3px;margin-right:7px;padding-right:8px;border-right:1px solid rgba(114,152,196,.25);height:24px}
html.v10-atmosphere #os-clock{display:flex;align-items:center;gap:8px;font:700 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-variant-numeric:tabular-nums;letter-spacing:0;color:inherit!important;white-space:nowrap;margin:0 0 0 8px;height:32px;min-width:40px}
html.v10-atmosphere #os-clock .time-date{font-weight:600;font-size:11px}
html.v10-atmosphere #os-clock b{font-weight:750}
/* Quiet 01–04 beneath the image. No optical displacement, giant pill, loupe or heavy glow. */






html.v10-atmosphere .v9-loupe{display:none!important}
/* A compact invitation rather than another edge-to-edge banner. */









img[data-slot-id]{object-position:var(--media-focal,50% 50%)}
img[data-media-status=placeholder],img[data-media-status=restricted],img[data-media-status=hidden]{object-fit:cover}
@media(max-width:1200px){html.v10-atmosphere .site-header.os-menubar{padding:0 20px;gap:14px}html.v10-atmosphere .site-header .top-nav{gap:12px}html.v10-atmosphere #os-clock .time-date{display:none}#v10-header-social .v10-social-youtube,#v10-header-social .v10-social-linkedin,#v10-header-social .v10-social-x,#v10-header-social .v10-social-behance{display:none}}
@media(max-width:1000px){html.v10-atmosphere .site-header .top-nav{gap:8px}html.v10-atmosphere .site-header .top-nav button{font-size:11px}html.v10-atmosphere .site-header .os-find-button{display:none!important}}
@media(max-width:767px){
 html.v10-atmosphere .site-header.os-menubar{height:calc(48px + env(safe-area-inset-top));min-height:48px;padding:env(safe-area-inset-top) 12px 0;gap:4px}
 html.v10-atmosphere .site-header .brand{gap:5px;min-width:0}
 html.v10-atmosphere .site-header .brand-glyph{width:16px;height:20px}
 html.v10-atmosphere .site-header .os-app-name{font-size:13px;letter-spacing:-.05em}
 html.v10-atmosphere .site-header .top-nav,html.v10-atmosphere .site-header .lv-language,html.v10-atmosphere .site-header .os-find-button{display:none!important}
 html.v10-atmosphere .site-header .header-tools{gap:0!important;min-width:0;flex-shrink:1}
 html.v10-atmosphere .site-header .v10-social-link,html.v10-atmosphere .site-header .tool-button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border-radius:8px}
 #v10-header-social{border:0;margin:0;padding:0;gap:0;height:44px}
 #v10-header-social .v10-social-tiktok,#v10-header-social .v10-social-youtube,#v10-header-social .v10-social-linkedin,#v10-header-social .v10-social-x,#v10-header-social .v10-social-behance{display:none!important}
 html.v10-atmosphere #os-clock{font-size:11px!important;margin-left:3px;min-width:35px;height:44px}
 html.v10-atmosphere #os-clock .time-date{display:none}
 
 
 
 
 
 
 
 
 
 img[data-slot-id]{object-position:var(--media-mobile-focal,var(--media-focal,50% 50%))}
}
@media(max-width:359px){#v10-header-social .v10-social-email{display:none!important}html.v10-atmosphere .site-header.os-menubar{padding-left:10px;padding-right:10px}}
@media(prefers-reduced-motion:reduce){html.v10-atmosphere .site-header{transition:none!important}}
.v10-icon-unavailable{font:9px/1.2 system-ui;text-align:center;padding:4px;position:absolute;display:grid;place-items:center;color:#53799e;border:1px dashed #9fbbdb;border-radius:10px;background:#f0f6fc}.v6-app-art[data-asset-unavailable=true]{visibility:hidden}

html.v10-atmosphere .site-header.os-menubar{height:calc(48px + env(safe-area-inset-top,0px))!important;min-height:48px!important}html.v10-atmosphere .site-header .brand{min-height:0!important}

html.v10-atmosphere .site-header #os-clock{display:flex!important}

.v10-icon-unavailable{height:auto;min-height:0;max-height:52px;box-sizing:border-box;overflow:hidden;word-break:normal;white-space:normal;line-height:1.05;font-size:8px;inset:5px 1px;pointer-events:none}
@media(max-width:767px){.v10-icon-unavailable{font-size:7px;inset:5px 0;max-height:38px}}

.v10-project-meta{display:flex;flex-wrap:wrap;gap:18px 48px;padding:18px 0;margin:16px 0 28px;border-block:1px solid #c6d8ed;font-size:13px}.v10-project-meta>div{min-width:90px}.v10-project-meta dt{color:#68829a;font-size:11px;margin-bottom:8px}.v10-project-meta dd{margin:0;color:#244360}

/* OS11: restrained liquid-glass action material. No displacement filter on text. */
:root { --action-ink:#134876; --action-edge:rgba(255,255,255,.86); }
html .btn.v11-submit,
html button.v11-submit,
html input.v11-submit,
html .inquiry button[type="submit"] {
  position:relative; isolation:isolate; overflow:hidden;
  min-height:46px; padding:12px 25px; border-radius:999px;
  border:1px solid rgba(109,166,236,.38) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(218,235,255,.69) 48%,rgba(191,219,255,.68)) !important;
  color:var(--action-ink) !important;
  box-shadow:inset 0 1px 0 var(--action-edge),inset 0 -1px 0 rgba(107,155,211,.12),0 5px 14px rgba(21,73,129,.1) !important;
  -webkit-backdrop-filter:blur(12px) saturate(1.12) !important;
  backdrop-filter:blur(12px) saturate(1.12) !important;
  font-weight:600; text-shadow:none !important;
  transition:background .2s,box-shadow .2s,transform .18s cubic-bezier(.2,.75,.3,1);
}
html .v11-submit::before {
  content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
  background:radial-gradient(ellipse at var(--action-x,30%) 0%,rgba(255,255,255,.64),rgba(255,255,255,0) 67%);
  opacity:.56;z-index:-1;
}
html .v11-submit::after {display:none !important;}
html .v11-submit:hover:not(:disabled) { transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 8px 19px rgba(21,73,129,.15) !important;}
html .v11-submit:active:not(:disabled) {transform:translateY(0) scale(.983);}
html .v11-submit:focus-visible {outline:2px solid #215cb4;outline-offset:4px;}
html .v11-submit:disabled {opacity:.57;cursor:wait;transform:none;}
html .v11-submit .v9-glass-backdrop,html .v11-submit .v9-glass-rim {display:none !important;}
html.v9-solid .v11-submit {background:#e4efff !important;backdrop-filter:none !important;}
html .window-context,html .os-live-status {display:none !important;}
/* Content must remain readable above every section color. */
html .privacy-note {font-size:13px;line-height:1.75;}
html .receipt[role="alert"] {border:1px solid rgba(153,66,52,.26);color:#713927;background:#fff7f3;}
@media(max-width:700px) {
 html .btn.v11-submit,html button.v11-submit,html .inquiry button[type="submit"] {min-height:48px;padding:12px 22px;font-size:14px;}
 html .inquiry button[type="submit"] {width:100%;}
}
@media(prefers-reduced-motion:reduce) {html .v11-submit {transition:none !important;}html .v11-submit:hover,html .v11-submit:active {transform:none !important;}}
@media(forced-colors:active){html .v11-submit {background:ButtonFace !important;color:ButtonText !important;border:1px solid ButtonText !important;box-shadow:none !important;}}

/* OS12: preserve the approved site; reliable original icon pixels, blue invitation. */
html .v6-app-art[data-art-source="apple-system-extract-local-png"] {
 display:block; object-fit:contain; opacity:1; filter:none !important; mix-blend-mode:normal;
 max-width:none; image-rendering:auto; user-select:none;
}
html #dock .dock-icon {isolation:isolate;}
html #dock img.v6-app-art {position:relative; z-index:2;}
/* A translucent blue invitation carries the shared atmosphere through the card.
   Neither the image source nor the CMS focal-point fields are overridden. */














/* CMS crop choices must outrank older page-specific defaults. */
html img[data-slot-id]{object-position:var(--media-focal,50% 50%)!important;}
@media(max-width:767px){html img[data-slot-id]{object-position:var(--media-mobile-focal,var(--media-focal,50% 50%))!important;}}



/* Public interface: controls are composed once, editing lives only at /admin/. */
#visitor-private-ui,[data-visitor-internal]{display:none!important;visibility:hidden!important;pointer-events:none!important}
html.visitor-edition [data-os-action="controls"],html.visitor-edition [data-os-action="settings"],html.visitor-edition [data-action="settings"]{display:none!important}

html.visitor-edition .site-header .header-tools>.tool-button,html.visitor-edition #language-toggle,html.visitor-edition .v10-social-link{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0}
html.visitor-edition .site-header #os-clock b{letter-spacing:-.015em}

html.visitor-edition .site-header .lv-language{display:block!important;flex-shrink:0;position:relative}
html.visitor-edition #language-toggle{min-width:46px;gap:4px}
html.visitor-edition .cards-hint{display:none!important}
html.visitor-edition .v6-intro-edition{letter-spacing:.24em}
html.visitor-edition .desktop{isolation:isolate}


html.visitor-edition .room-photo{opacity:.5!important}





html.visitor-edition .stamp{font-size:10px;letter-spacing:.1em}
html.visitor-edition .photo-stack .stamp{max-width:100%;white-space:normal}
@media(max-width:767px){
 html.visitor-edition .site-header.os-menubar{padding-left:16px!important;padding-right:12px!important}
 
 html.visitor-edition .site-header .header-tools>.tool-button,html.visitor-edition #language-toggle{height:44px!important;min-height:44px!important;width:44px!important;min-width:44px!important;padding:0!important}
 html.visitor-edition #os-clock{display:none!important}
 html.visitor-edition .site-header .brand-glyph{display:none!important}
 html.visitor-edition .site-header .os-app-name{letter-spacing:-.025em!important}
 html.visitor-edition .site-header .os-find-button{display:none!important}
 html.visitor-edition #v10-header-social .v10-social-link{width:36px!important;min-width:36px!important;height:44px!important;min-height:44px!important}
 html.visitor-edition #v10-header-social .v10-social-link:nth-child(n/**/+3){display:none!important}
 html.visitor-edition #v10-header-social:empty{display:none!important}
 html.visitor-edition #language-menu{right:0;left:auto;min-width:150px;max-width:calc(100vw - 32px)}
 
 
 
}
@media(max-width:369px){html.visitor-edition #v10-header-social .v10-social-link:nth-child(n/**/+2){display:none!important}html.visitor-edition .site-header.os-menubar{padding-left:12px!important;padding-right:8px!important;gap:4px!important}}

@media(forced-colors:active){html.visitor-edition .site-header{background:Canvas!important;border-bottom:1px solid CanvasText!important}}
html.visitor-edition.v10-atmosphere .site-header #v10-header-social:empty{display:none!important;border:0!important;margin:0!important;padding:0!important}

@media(max-width:767px){
 html.visitor-edition.v10-atmosphere .site-header .header-tools #os-clock{display:flex!important;width:auto!important;min-width:36px!important;margin:0 0 0 5px!important;padding:0!important;font-size:11px!important}
 html.visitor-edition.v10-atmosphere .site-header .header-tools #os-clock .time-date{display:none!important}
 html.visitor-edition.v10-atmosphere .site-header .header-tools #os-clock b{font-weight:750!important}
 html.visitor-edition.v10-atmosphere .site-header #language-toggle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
 html.visitor-edition.v10-atmosphere .site-header .brand{min-width:0!important}
 html.visitor-edition.v10-atmosphere .site-header .os-app-name{font-size:14px!important}




 html.visitor-edition.v10-atmosphere .site-header .header-tools .lv-language{display:flex!important;align-items:center!important;height:44px!important;min-height:44px!important;line-height:1!important;align-self:center!important;transform:none!important}
}

/* RC1 delivery review: consistent status baseline, six touch targets on narrow phones. */
html.visitor-edition .site-header .header-tools{display:flex!important;align-items:center!important;gap:5px!important;min-width:0}
html.visitor-edition .site-header #v10-header-social{display:flex!important;align-items:center!important;gap:2px!important;margin:0!important;padding:0!important;border:0!important;height:44px!important}
html.visitor-edition .site-header #v10-header-social .v10-social-link{width:36px!important;min-width:36px!important;height:44px!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border:0;background:transparent;color:inherit;border-radius:10px;line-height:1}
html.visitor-edition .site-header #v10-header-social .v10-social-link:hover{background:rgba(135,182,229,.16)}
html.visitor-edition .site-header #v10-header-social svg,.delivery-social-toggle svg{display:block!important;width:18px!important;height:18px!important;flex:none}
html.visitor-edition .site-header #os-clock{align-items:center!important;justify-content:center!important;gap:9px!important;min-height:44px!important;margin:0 0 0 7px!important;padding:0 0 0 12px!important;border-left:1px solid rgba(35,80,123,.15);line-height:1!important;white-space:nowrap!important;flex-shrink:0}
html.visitor-edition .site-header #os-clock b{font-size:14px!important;font-weight:750!important;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";line-height:1!important}
html.visitor-edition .site-header #os-clock .time-date{font-size:11px!important;font-weight:500!important;line-height:1.3}
html.visitor-edition .site-header .delivery-social-toggle{display:none!important}
#v6-social-list-items>button{display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:16px;width:100%;text-align:left;border:0;border-radius:16px;padding:12px;background:rgba(223,239,255,.7);color:inherit;cursor:pointer;font:inherit}
#v6-social-list-items>button img{width:44px;height:44px;object-fit:contain}
.delivery-channel-dialog{position:fixed;width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:36px 30px 30px;border:1px solid rgba(255,255,255,.95);border-radius:25px;background:rgba(244,249,255,.96);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:#183e60;box-shadow:0 24px 85px #183e6033;text-align:center}
.delivery-channel-dialog::backdrop{background:rgba(24,47,78,.24);backdrop-filter:blur(4px)}
.delivery-channel-close{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:inherit;font:26px/1 sans-serif;cursor:pointer;border-radius:50%}
#delivery-channel-art{display:block;height:56px;margin-bottom:14px}#delivery-channel-art img{width:56px;height:56px;object-fit:contain}#delivery-channel-title{font:600 25px/1.3 var(--sans,system-ui);margin:0 0 14px}
#delivery-channel-copy{font-size:15px;line-height:1.8;margin:0 0 23px;color:#4c6680}.delivery-channel-dialog .btn{font-size:14px;min-height:46px}
@media(max-width:1199px){html.visitor-edition .site-header .top-nav{gap:12px!important}html.visitor-edition .site-header #os-clock .time-date{display:none!important}}
@media(max-width:959px){html.visitor-edition .site-header .top-nav{display:none!important}}
@media(max-width:767px){
 html.visitor-edition .site-header.os-menubar{padding:0 10px!important;gap:4px!important}
 html.visitor-edition .site-header .header-tools{gap:2px!important;margin-left:auto}
 html.visitor-edition .site-header #v10-header-social{display:none!important}
 html.visitor-edition .site-header .delivery-social-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important}
 .delivery-social-toggle i{display:none!important}
 html.visitor-edition .site-header #os-clock{display:flex!important;min-width:40px!important;width:auto!important;min-height:44px!important;padding:0!important;margin:0 0 0 3px!important;border:0!important}
 html.visitor-edition .site-header #os-clock b{font-size:13px!important}
 html.visitor-edition .site-header .brand{flex:0 1 auto!important;min-width:0!important;white-space:nowrap}
 html.visitor-edition .site-header .os-app-name{font-size:14px!important}
 html.visitor-edition .site-header #language-toggle{width:44px!important;min-width:44px!important}
 html.visitor-edition #dock{max-width:calc(100vw - 20px)!important;padding:8px!important;gap:4px!important;box-sizing:border-box}
 html.visitor-edition #dock .v6-app-group,html.visitor-edition #dock .v6-social-group{display:flex!important;align-items:flex-end!important;gap:3px!important}
 html.visitor-edition #dock .dock-item{width:44px!important;min-width:44px!important;height:48px!important;min-height:48px!important;margin:0!important;transform:none!important;flex:0 0 44px!important}
 html.visitor-edition #dock .dock-icon{width:40px!important;height:40px!important;margin:0 auto!important}
 html.visitor-edition #dock .os-app-icon{width:100%!important;height:100%!important;object-fit:contain}
 html.visitor-edition #dock [data-dock="album"],html.visitor-edition #dock .v6-social:not(.v6-mobile-social),html.visitor-edition #dock .v6-social-more{display:none!important}
 html.visitor-edition #dock .v6-mobile-social{display:flex!important}
 html.visitor-edition #dock .dock-divider{width:1px!important;min-width:1px!important;height:27px!important;margin:0 2px 9px!important}
}
@media(max-width:350px){html.visitor-edition #dock{gap:2px!important;padding:7px!important}html.visitor-edition #dock .v6-app-group,html.visitor-edition #dock .v6-social-group{gap:1px!important}html.visitor-edition #dock .dock-divider{margin-left:1px!important;margin-right:1px!important}html.visitor-edition .site-header .os-app-name{font-size:13px!important}}

/* RC1.1: Dock-only paint-order repair.
 * Keep the global header, page transitions and native <dialog> top layer intact.
 * Tray backdrop (0) < tray sheen/rim (1) < divider (2) < icon groups (3/4).
 * In RC1 the common material put its rim at 4 over icon groups at 2.
 * The single backdrop child owns blur/refraction; never filter the icon group.
 */
html.visitor-edition #dock.v9-glass {
  isolation: isolate !important;
  overflow: visible !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.visitor-edition #dock > .v9-glass-backdrop {
  z-index: 0 !important;
  pointer-events: none !important;
}
html.visitor-edition #dock > .v9-glass-rim {
  z-index: 1 !important;
  pointer-events: none !important;
}
html.visitor-edition #dock > .dock-divider {
  z-index: 2 !important;
  pointer-events: none !important;
}
html.visitor-edition #dock > .v6-app-group,
html.visitor-edition #dock > .v6-social-group {
  position: relative;
  z-index: 3 !important;
  overflow: visible !important;
}
html.visitor-edition #dock > .v6-app-group:hover,
html.visitor-edition #dock > .v6-app-group:focus-within,
html.visitor-edition #dock > .v6-social-group:hover,
html.visitor-edition #dock > .v6-social-group:focus-within {
  z-index: 4 !important;
}
html.visitor-edition #dock .dock-item {
  z-index: 0;
  overflow: visible !important;
}
html.visitor-edition #dock .dock-item:hover,
html.visitor-edition #dock .dock-item:focus-visible,
html.visitor-edition #dock .dock-item:active,
html.visitor-edition #dock .dock-item.bounce {
  z-index: 2;
}
/* Do not inherit BOTH old top:-49px and a bottom offset, or double translateX.
 * Only position above the enlarged icon. Keep mobile tooltips hidden as before.
 */
html.visitor-edition #dock .dock-tooltip {
  top: auto !important;
  bottom: calc(100% + var(--ed-mag, 0) * 26px + 10px) !important;
  left: 50% !important;
  height: auto !important;
  min-height: 0;
  translate: -50% 0 !important;
  transform: translateY(0) !important;
  z-index: 4 !important;
  pointer-events: none !important;
}
html.visitor-edition #dock .dock-item:hover .dock-tooltip,
html.visitor-edition #dock .dock-item:focus-visible .dock-tooltip {
  transform: translateY(-2px) !important;
}

/* RC9 — RC1 colour field and spacing. New depth remains below functional UI. */








html.rc9-cinematic #journey [data-c9-depth]{transform:var(--c9-transform,none)!important;transform-origin:50% 65%;transition:box-shadow .25s,border-color .25s!important;will-change:auto;}







html.rc9-cinematic #desktop .equipment{translate:0 var(--c9-drift,0px);}
html.rc9-cinematic.v9-liquid.v10-atmosphere .site-header.os-menubar{color:var(--v10-bar-ink,#183c5d)!important;background:var(--v10-bar-fill,rgba(241,248,255,.78))!important;backdrop-filter:blur(28px) saturate(1.35)!important;-webkit-backdrop-filter:blur(28px) saturate(1.35)!important;}
/* Seam props are spatial objects in existing whitespace, not clickable sprites.
   Opacity and filters must NOT be set on preserve-3d groups: they flatten depth. */
.c9-depth{position:absolute;top:-74px;left:0;right:0;height:220px;z-index:1;pointer-events:none!important;user-select:none;}
.c9-depth *{pointer-events:none!important;}
.c9-rig{position:absolute;right:max(7vw,calc((100vw - 1200px)/2));width:360px;height:200px;perspective:1200px;perspective-origin:50% 38%;}
.c9-object{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:translate3d(0,var(--c9-lift,0px),var(--c9-z,0px)) rotateX(var(--c9-rx,0deg)) rotateY(var(--c9-ry,0deg)) rotateZ(-5deg);}


/* One substantial clapper: bevel, pivot, fixed jaw, independently hinged jaw. */

.c9-depth-slate .c9-rig{width:348px;height:176px;right:8vw;}
.c9-slate-base{position:absolute;top:60px;left:0;right:0;height:108px;border-radius:0 0 9px 9px;border:1px solid #6c8aab;transform:translateZ(0px);}
.c9-slate-title{position:absolute;top:15px;left:19px;color:#e2edf8;font:600 13px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.13em;}
.c9-slate-lines{position:absolute;left:20px;right:20px;top:41px;height:40px;border-top:1px solid #a1bcd357;border-bottom:1px solid #a1bcd357;background:linear-gradient(90deg,transparent 31%,#a1bcd357 31%,#a1bcd357 calc(31% + 1px),transparent calc(31% + 1px),transparent 64%,#a1bcd357 64%,#a1bcd357 calc(64% + 1px),transparent calc(64% + 1px));}
.c9-slate-jaw{position:absolute;left:0;width:100%;height:27px;border:1px solid #abc0d6;border-radius:4px;background:repeating-linear-gradient(120deg,#e8f0f9 0 29px,#315779 29px 60px);transform-style:preserve-3d;}
.c9-jaw-fixed{top:33px;transform:translateZ(5px);}
.c9-jaw-hinge{top:3px;transform-origin:12px 100%;transform:translateZ(10px) rotateZ(var(--c9-jaw)) rotateX(calc((1 - var(--c9-p))*10deg));}
.c9-pivot{position:absolute;left:7px;top:30px;width:12px;height:12px;background:radial-gradient(circle at 35% 25%,#fff,#8eabc6 70%);border:1px solid #40678a;border-radius:50%;transform:translateZ(17px);}







.c9-process-line{position:absolute;left:-15px;top:10px;bottom:12px;width:2px;background:rgba(124,157,196,.2);}
.c9-process-line:after{content:"";position:absolute;left:0;top:0;width:100%;height:calc(var(--c9-trace,0)*100%);background:#497cae;}

@media(max-width:1023px){.c9-rig{right:6vw;}.c9-depth-slate .c9-rig{width:290px;height:150px;}}
@media(max-width:767px){
 
 
 
 
 
 .c9-depth{top:-27px!important;height:118px;}
 .c9-rig{right:18px!important;transform:scale(.53);transform-origin:100% 0;width:270px!important;height:165px!important;}
 
 
 
 
 .c9-depth-slate .c9-rig{width:290px!important;transform:scale(.5);}
 
 html.rc9-cinematic #desktop:after{height:88px;}
 .c9-process-line{left:-8px;}
}
html.rc9-cinematic.c9-reduced #journey [data-c9-depth]{transform:none!important;}
html.rc9-cinematic.c9-reduced .c9-depth{display:none!important;}
html.rc9-cinematic.c9-reduced #desktop .equipment{translate:none!important;}
@media(prefers-reduced-motion:reduce){html.rc9-cinematic #journey [data-c9-depth]{transform:none!important}.c9-depth{display:none!important}html.rc9-cinematic #desktop .equipment{translate:none!important}}
/* Keep the chapter rule and its labels outside the seam's 3D stage. */


html.rc9-cinematic #journey #finder-count{color:var(--v10-muted)!important;}


.c9-depth-slate{top:-78px;}

/* RC10 — repair the photographic hero / shared-atmosphere junction.
   Fade only the room backdrop; NEVER mask the hero, Dock or live controls.
   Room has -25px inset, so alpha reaches zero 25px before its physical bottom. */
html.rc10-seam #desktop::after{content:none!important;display:none!important;}
html.rc10-seam #desktop>.room{
 --hero-merge:clamp(240px,34vh,360px);
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - var(--hero-merge)),rgba(0,0,0,.76) calc(100% - var(--hero-merge)*.72),rgba(0,0,0,.22) calc(100% - var(--hero-merge)*.34),transparent calc(100% - 25px),transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - var(--hero-merge)),rgba(0,0,0,.76) calc(100% - var(--hero-merge)*.72),rgba(0,0,0,.22) calc(100% - var(--hero-merge)*.34),transparent calc(100% - 25px),transparent 100%);
}

html.rc10-seam #chapter-cinema>.c9-depth{top:-54px;height:184px;}
html.rc10-seam #chapter-cinema>.c9-depth .c9-rig{width:364px;height:170px;right:max(6vw,calc((100vw - 1230px)/2));}










.c10-display{position:relative;width:100%;height:100%;overflow:hidden;border-radius:3px;background:#152738;}
.c9-depth .c10-display img{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--media-focal,50% 50%);border:0;border-radius:0;}



/* Edit controller surfaces. */














.c9-depth-editdeck{top:-42px;height:190px;}.c9-depth-editdeck .c9-rig{width:370px;height:184px;right:7vw;}
.c10-editdeck{transform:translate3d(0,var(--c9-lift,0px),var(--c9-z,0px)) rotateX(calc(8deg + var(--c9-rx,0deg)*.4)) rotateY(calc(14deg + var(--c9-ry,0deg))) rotateZ(-5deg);}
.c10-edit-screen{position:absolute;left:14px;top:0;width:305px;height:133px;padding:7px 8px 40px;border-radius:8px;border:1px solid #93abc0;transform:translateZ(8px);}
.c10-edit-screen .c10-display img{object-position:50% 45%;}
.c10-timeline{position:absolute;left:10px;right:10px;bottom:7px;height:28px;border-top:1px solid #b8cde333;padding-top:4px;}
.c10-timeline span{display:block;height:4px;margin:2px 0;background:repeating-linear-gradient(90deg,#96cce7bb 0 30px,transparent 30px 33px,#4f95bcc4 33px 72px,transparent 72px 75px);}
.c10-timeline span:nth-child(2){width:82%;background:linear-gradient(90deg,#bdcedc88,#5b91b999);}.c10-timeline span:nth-child(3){width:67%;margin-left:12%;background:repeating-linear-gradient(90deg,#698eafa6 0 2px,#adc5d45e 2px 4px);}
.c10-playhead{position:absolute;left:var(--c10-head,14%);top:2px;bottom:0;width:1px;background:#f1faff;box-shadow:0 0 4px #fff6;}
.c10-edit-base{position:absolute;top:137px;left:7px;width:327px;height:40px;border:1px solid #b7c7d5;border-radius:3px 3px 9px 9px;transform:rotateX(46deg);transform-origin:50% 0;}
.c10-jog{position:absolute;right:25px;top:4px;width:45px;height:31px;border-radius:50%;border:3px solid #7594ab;background:radial-gradient(ellipse,#a8bdce,#465f73 80%);box-shadow:1px 2px 0 #234159;}
.c10-keybank{position:absolute;left:22px;top:9px;width:146px;height:18px;border-radius:2px;background:repeating-linear-gradient(90deg,#e0ebf3bb 0 13px,#67849866 13px 16px);box-shadow:0 2px 0 #3e5c77;}
@media(min-width:768px) and (max-width:1023px){
 html.rc10-seam #chapter-cinema>.c9-depth .c9-rig{right:28px;width:364px;transform:scale(.76);transform-origin:100% 0;}
 .c9-depth-editdeck .c9-rig{right:28px;transform:scale(.78);transform-origin:100% 0;}
}
@media(max-width:767px){
 html.rc10-seam #desktop>.room{--hero-merge:230px;}
 html.rc10-seam #chapter-cinema>.c9-depth{top:7px!important;height:91px;}
 html.rc10-seam #chapter-cinema>.c9-depth .c9-rig{width:364px!important;height:170px;right:24px!important;transform:scale(.47);transform-origin:100% 0;}
 
 
 .c9-depth-editdeck .c9-rig{width:370px!important;transform:scale(.46);transform-origin:100% 0;}
 .c9-depth .c10-display img{object-position:var(--media-mobile-focal,var(--media-focal,50% 50%));}
}
@supports not (mask-image:linear-gradient(black,transparent)){
 html.rc10-seam #desktop>.room{opacity:var(--c10-room-fallback,1);}
}

/* A failed decorative screen stays a quiet dark surface; primary media keeps
   the site's existing readable error state. The frame can recover on a new URL. */
.c9-depth .v4-placeholder{display:none!important;}

/* RC11: one flat, frosted material on the global bar. No moving highlights. */
html.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere .site-header.os-menubar{
 background:rgba(239,244,249,.70)!important;background-image:none!important;color:#192c3e!important;
 -webkit-backdrop-filter:blur(26px) saturate(1.08)!important;backdrop-filter:blur(26px) saturate(1.08)!important;
 border:0!important;border-bottom:1px solid rgba(56,73,90,.12)!important;border-radius:0!important;
 box-shadow:none!important;filter:none!important;isolation:isolate;mix-blend-mode:normal!important;
 transition:none!important;
}
html.rc11-player .site-header.os-menubar::before,html.rc11-player .site-header.os-menubar::after,
html.rc11-player .site-header>.v9-glass-backdrop,html.rc11-player .site-header>.v9-glass-rim{display:none!important;content:none!important}
html.rc11-player .site-header .brand,html.rc11-player .site-header .top-nav button,html.rc11-player .site-header .tool-button,html.rc11-player .site-header .v10-social-link,html.rc11-player .site-header #os-clock{color:#192c3e!important;text-shadow:none!important}
html.rc11-player .site-header .header-tools .studio-music-launch{order:0;position:relative}
html.rc11-player .studio-music-launch.music-active::after{content:"";position:absolute;right:6px;bottom:6px;width:4px;height:4px;background:#287cb8;border-radius:50%}
html.rc11-player .site-header .studio-music-launch svg{width:18px;height:18px;display:block}
#dock .studio-music-dock{position:relative;z-index:5}
#dock .studio-music-dock .music-dock-art{width:100%;height:100%;display:block}
#dock .studio-music-dock.music-active::after{content:"";position:absolute;left:calc(50% - 2px);bottom:0;width:4px;height:4px;background:#274d6f;border-radius:50%}
.studio-music-menu-item{display:block!important;width:100%;min-height:44px!important;border:0;background:none;color:inherit;text-align:left;padding:8px 16px!important;font:inherit;cursor:pointer}

/* Physical player is intentionally not liquid glass. Silver case, LCD, white wheel. */
.studio-ipod{position:absolute;right:clamp(26px,3.4vw,64px);top:126px;width:176px;z-index:6;transform:rotate(8deg);transform-origin:50% 70%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#1b2630;isolation:isolate}
/* Desk placement stays on the wrapper; only the physical case responds to intent. */
.ipod-case{position:relative;padding:11px 12px 9px;border-radius:20px;background:linear-gradient(106deg,#f1f2f3 0,#d2d5d8 35%,#f4f4f3 54%,#bac0c6 100%);border:1px solid #9aa4ad;transform:none;transform-origin:50% 65%;transition:transform .34s cubic-bezier(.2,.75,.25,1),box-shadow .34s cubic-bezier(.2,.75,.25,1),border-color .24s ease}
.studio-ipod:has(:focus-visible)>.ipod-case{transform:perspective(800px) translateY(-4px) rotateX(-2deg) rotateY(-3deg);border-color:#8797a5;box-shadow:inset 1px 1px 2px #fff,inset -2px -1px 2px #535f6c70,4px 6px 0 #77818b,14px 25px 30px -14px #193b5452}
@media(hover:hover) and (pointer:fine){.studio-ipod:hover>.ipod-case{transform:perspective(800px) translateY(-4px) rotateX(-2deg) rotateY(-3deg);border-color:#8797a5;box-shadow:inset 1px 1px 2px #fff,inset -2px -1px 2px #535f6c70,4px 6px 0 #77818b,14px 25px 30px -14px #193b5452}}
html:is(.v10-still,.c9-reduced,.reduced-motion) .studio-ipod>.ipod-case{transform:none!important;transition:none!important}
.ipod-top-mark{display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:.18em;color:#52606a;height:14px;margin:0 0 5px;padding-left:4px}
.ipod-expand{display:grid;place-items:center;border:0;background:none;color:#455560;cursor:pointer;width:24px;height:24px;padding:5px}
.ipod-expand svg{width:100%;height:100%}
.ipod-display{position:relative;overflow:hidden;border-radius:5px;background:#f7f9fc;border:4px solid #172128;box-shadow:0 1px 0 #ffffffda,0 -1px 0 #65717d,inset 0 1px 2px #0002;min-height:161px}
.ipod-display-head{display:flex;align-items:center;justify-content:space-between;padding:5px 6px;background:linear-gradient(#eef2f5,#cbd2d9);border-bottom:1px solid #bcc6ce;font-size:8px;font-weight:700;line-height:1.2}
.ipod-state-dot{width:5px;height:5px;background:#83939f;border-radius:50%}.is-playing .ipod-state-dot{background:#2984b4;box-shadow:0 0 0 2px #53a5ca22}
.ipod-art{display:block;position:relative;padding:0;border:0;width:100%;height:77px;overflow:hidden;background:#40687d;cursor:pointer}
.ipod-art img{width:100%;height:100%;display:block;object-fit:cover;filter:none!important}
.ipod-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06152666,transparent 70%);pointer-events:none}
.ipod-art-caption{position:absolute;left:8px;bottom:6px;text-align:left;z-index:1;font-size:7px;line-height:1.2;letter-spacing:.17em;color:white;font-weight:600}
.ipod-track{padding:6px 7px 3px;text-align:left}.ipod-track b{display:block;font-size:10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0}.ipod-track small{display:block;font-size:7px;color:#72818e;line-height:1.6}
.ipod-seek{display:block;width:calc(100% - 14px);height:14px;margin:0 7px;padding:0;accent-color:#327cae;cursor:pointer}
.ipod-times{display:flex;justify-content:space-between;padding:0 7px 5px;font-size:7px;font-variant-numeric:tabular-nums;line-height:1.2;color:#4a6173}
.ipod-wheel{position:relative;width:118px;height:118px;border-radius:50%;margin:12px auto 7px;background:linear-gradient(145deg,#fff,#f2f2ef 60%,#e6e9e9);border:1px solid #c9cdd0;box-shadow:inset 0 1px 2px #fff,0 1px 1px #ffffffbc;touch-action:none;outline-offset:5px;user-select:none}
.ipod-wheel button{position:absolute;display:grid;place-items:center;color:#73808b;background:none;border:0;padding:0;cursor:pointer}
.ipod-wheel svg{display:block;width:17px;height:17px}.wheel-menu{left:32px;top:2px;width:54px;height:31px;font:700 8px/1 system-ui;letter-spacing:.08em}
.wheel-prev{left:1px;top:35px;width:38px;height:46px}.wheel-next{right:1px;top:35px;width:38px;height:46px}.wheel-play{left:35px;bottom:0;width:48px;height:35px;display:flex!important;gap:1px;justify-content:center}.wheel-play svg{width:12px;height:12px}
.ipod-wheel .wheel-center{inset:35px;border-radius:50%;background:linear-gradient(145deg,#e1e5e9,#afb9c2);border:1px solid #a5afb7;box-shadow:inset 0 1px 1px white,0 1px 2px #5d6a7744}
.ipod-wheel button:active{color:#1f5c86}.ipod-wheel .wheel-center:active{background:#aebbc7;box-shadow:inset 0 1px 3px #536a80}
.ipod-engraving{display:flex;justify-content:space-between;font-size:6px;font-weight:600;letter-spacing:.25em;color:#6a757e;margin:6px 6px 2px;text-shadow:0 1px #fffa}.ipod-engraving span{font-size:10px;line-height:7px}
.ipod-feedback{position:absolute;top:100%;left:-20px;right:-20px;margin:9px 0 0;text-align:center;color:#284b6c;font:11px/1.5 system-ui;letter-spacing:0}.ipod-feedback:empty{display:none}
.ipod-menu{position:absolute;inset:20px 0 0;background:#fff;overflow-y:auto;overscroll-behavior:contain;z-index:3;padding:3px 0}
.ipod-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:26px;text-align:left;padding:5px 8px;border:0;background:none;color:#243949;font:600 9px/1.3 system-ui;cursor:pointer}.ipod-menu button.selected{color:white;background:linear-gradient(#64a5d6,#377da8)}
.ipod-mobile-launch{display:none}
@media(min-width:1180px){html.rc11-player .desktop .drone-object{width:170px!important;right:250px!important;top:66px!important}}
@media(min-width:1180px) and (max-height:850px){.studio-ipod{top:90px;width:156px;right:22px}.ipod-case{padding:8px 10px}.ipod-display{min-height:145px}.ipod-art{height:66px}.ipod-wheel{width:110px;height:110px;margin-top:8px}.wheel-menu{left:28px}.wheel-play{left:31px}.ipod-wheel .wheel-center{inset:32px}.wheel-prev,.wheel-next{top:32px}}
/* Expanded listening room: real controls, no pretend system battery/status. */
.studio-music-window{position:fixed;inset:0;width:min(940px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 100px);margin:auto;padding:0;border:1px solid rgba(255,255,255,.85);border-radius:18px;background:#f4f6f8;color:#24384c;box-shadow:0 30px 100px #142c4c66;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;overflow:hidden}
.studio-music-window::backdrop{background:#162d4d42;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.studio-music-window[open]{animation:music-open .36s cubic-bezier(.22,1,.36,1) both}.studio-music-window.is-wide{width:min(1120px,calc(100vw - 44px))}
.music-window-top{display:grid;grid-template-columns:100px 1fr 150px;align-items:center;gap:10px;min-height:50px;padding:0 17px;background:rgba(229,234,239,.9);border-bottom:1px solid #d1d8df;text-align:center;position:relative;z-index:2}
.music-window-top>b{font-size:12px;font-weight:600;letter-spacing:.025em}.music-window-edition{font-size:8px;letter-spacing:.2em;color:#728494;text-align:right}
.music-traffic{display:flex;gap:3px;align-items:center}.music-traffic button{position:relative;width:27px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:transparent;cursor:pointer;font:14px/1 sans-serif;isolation:isolate}
.music-traffic button::before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--traffic);border:1px solid #0001;z-index:-1}.music-traffic:hover button{color:#553e2d}.music-traffic .music-red{--traffic:#ed726d}.music-traffic .music-yellow{--traffic:#efc460}.music-traffic .music-green{--traffic:#7abb8c}
.music-window-content{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(235px,1fr);max-height:calc(100dvh - 154px);overflow:auto;overscroll-behavior:contain}
.music-now{padding:24px 28px 21px;text-align:center;min-width:0;background:radial-gradient(ellipse at 50% 30%,#dfeaf1 0,transparent 65%),#f8fafc}
.music-eyebrow{font-size:8px;letter-spacing:.2em;color:#7a8d9d;margin:0 0 8px}.music-now h2{font:500 27px/1.35 var(--serif,serif);letter-spacing:.005em;margin:0 0 6px}.music-subtitle{font-size:12px;color:#718494;margin:0}
.music-coverflow{position:relative;height:215px;perspective:850px;transform-style:preserve-3d;margin:6px 0 0;overflow:hidden}
.music-flow-cover{position:absolute;left:calc(50% - 81px);top:26px;width:162px;height:162px;padding:0;border:0;background:#344a5e;border-radius:4px;box-shadow:0 18px 22px #3144542b;cursor:pointer;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s;transform-style:preserve-3d;overflow:hidden}
.music-flow-cover img{display:block;width:100%;height:100%;object-fit:cover}.music-flow-cover span{position:absolute;bottom:0;left:0;right:0;padding:25px 10px 9px;background:linear-gradient(transparent,#0c2638aa);font:600 10px/1.2 system-ui;color:white;letter-spacing:.05em;text-align:left}.music-flow-cover.pos-0{transform:translateX(-121px) translateZ(-92px) rotateY(48deg);opacity:.72;z-index:1}.music-flow-cover.pos-1{transform:translateZ(12px);z-index:2}.music-flow-cover.pos-2{transform:translateX(121px) translateZ(-92px) rotateY(-48deg);opacity:.72;z-index:1}
.music-flow-cover:hover{filter:brightness(1.04)}.music-now-title h3{font:600 21px/1.3 system-ui;margin:0;color:#20364b;overflow-wrap:anywhere}.music-now-title p{font-size:11px;color:#7c8d9c;margin:5px 0 14px}
.music-seek-row{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:9px;max-width:350px;margin:0 auto;font-size:10px;font-variant-numeric:tabular-nums;color:#6a7f90}
.music-seek-row input,.music-volume input{width:100%;min-width:0;margin:0;height:30px;accent-color:#3e6f93;cursor:pointer}
.music-transport{display:flex;justify-content:center;align-items:center;gap:23px;margin:7px 0 6px}.music-transport button{border:0;background:none;color:#536c80;width:44px;height:44px;padding:12px;display:grid;place-items:center;cursor:pointer;border-radius:50%}.music-transport button:hover{background:#dfe9f1}.music-transport svg{width:100%;height:100%}.music-transport .music-main-play{background:#e2e9ef;border:1px solid #ccd7e1;color:#244b68;width:54px;height:54px;padding:16px}.music-transport .music-main-play:hover{background:#cddde9}
.music-volume{display:grid;grid-template-columns:20px minmax(0,160px) 34px;justify-content:center;align-items:center;gap:10px;color:#6e8597}.music-volume svg{width:16px;height:16px}.music-volume output{font-size:10px;font-variant-numeric:tabular-nums}
.music-status{font-size:10px;color:#8495a4;min-height:18px;margin-top:5px}.music-error{font-size:12px;color:#9c4b48;margin-top:8px}.music-error button{border:1px solid #b8c6d2;border-radius:6px;color:inherit;background:white;padding:6px 10px;margin-left:8px;cursor:pointer}
.music-library{border-left:1px solid #dce3e9;background:rgba(238,242,246,.7);padding:26px 20px 20px;display:flex;flex-direction:column;min-width:0}
.music-library-head{display:flex;justify-content:space-between;font-size:12px;align-items:center;margin-bottom:18px}.music-library-head>span{font-size:10px;color:#748799;border:1px solid #ccd8e1;border-radius:20px;padding:2px 8px;font-variant-numeric:tabular-nums}
.music-search{display:flex;align-items:center;gap:8px;background:#fff9;border:1px solid #d5dee6;border-radius:8px;padding:3px 10px;margin-bottom:13px}.music-search span{font-size:20px;color:#7b8e9e}.music-search input{border:0;background:none;min-width:0;width:100%;height:32px;color:#314b5f;font-size:12px;outline-offset:3px}
.music-playlist{min-height:150px;max-height:240px;overflow:auto;overscroll-behavior:contain}.music-track{display:grid;grid-template-columns:38px minmax(0,1fr) 27px;width:100%;align-items:center;gap:10px;text-align:left;border:0;border-radius:9px;background:none;color:#2e465a;padding:9px 8px;margin-bottom:3px;cursor:pointer;min-height:58px}.music-track:hover{background:#dce7ef}.music-track.is-current{background:#d5e4ee;color:#173e5b}.music-track img{width:38px;height:38px;border-radius:4px;object-fit:cover}.music-track b{display:block;font-size:11px;line-height:1.5;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-track small{font-size:9px;display:block;color:#708799;line-height:1.7}.music-track i{font-size:9px;font-style:normal;color:#708799;font-variant-numeric:tabular-nums}.music-empty{font-size:12px;color:#748799;text-align:center;margin:20px 0}
.music-order{margin:12px 0 20px;border:0;background:none;color:#536e84;text-align:left;font:11px/1.5 inherit;min-height:36px;cursor:pointer}.music-import{margin-top:auto;border-top:1px solid #d9e2e9;padding-top:16px}.music-import>button:first-child{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #c5d2dc;background:#f9fbfd;border-radius:8px;color:#3e5b72;width:100%;padding:9px 12px;min-height:42px;font:12px/1.5 inherit;cursor:pointer}.music-import svg{width:17px;height:17px}.music-import p{font-size:10px;line-height:1.7;color:#7b8f9f;margin:9px 0}.music-clear{border:0;background:none;color:#7c6161;text-decoration:underline;padding:8px 0;font:11px/1.5 inherit;cursor:pointer;min-height:36px}
.music-miniplayer{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;align-items:center;width:280px;min-height:62px;padding:7px 6px 7px 9px;border:1px solid #d0dbe4;border-radius:13px;background:#eef4f8f2;box-shadow:0 8px 30px #193c5926;color:#27445b;font:12px/1.4 system-ui;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.music-miniplayer[hidden]{display:none}.music-miniplayer button{display:grid;place-items:center;flex-shrink:0;border:0;background:none;color:inherit;cursor:pointer;width:36px;height:44px;padding:8px}.music-miniplayer button svg{width:19px;height:19px}.music-miniplayer .music-mini-info{display:flex;text-align:left;gap:9px;flex:1;min-width:0;padding:0;height:46px}.music-mini-info img{width:40px;height:40px;object-fit:cover;border-radius:7px}.music-mini-info span{min-width:0}.music-mini-info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px;font-weight:600}.music-mini-info small{font-size:9px;color:#7e91a1}
@keyframes music-open{from{opacity:0;transform:translateY(15px) scale(.965)}to{opacity:1;transform:none}}
@media(max-width:1179px){.studio-ipod{display:none}.ipod-mobile-launch{position:absolute;display:flex;align-items:center;gap:8px;top:78px;right:24px;z-index:6;color:#3e6482;border:1px solid #b9d1e755;border-radius:99px;background:#eef7ffc9;padding:7px 12px;font:11px/1.4 system-ui;min-height:36px;cursor:pointer}.ipod-mobile-launch svg{width:17px;height:17px}}
@media(max-width:959px){.studio-music-window{width:calc(100vw - 36px)}.music-now{padding:22px 16px}.music-library{padding:22px 14px}.music-coverflow{height:205px}.music-flow-cover.pos-0{transform:translateX(-104px) translateZ(-92px) rotateY(48deg)}.music-flow-cover.pos-2{transform:translateX(104px) translateZ(-92px) rotateY(-48deg)}}
@media(max-width:767px){
 html.rc11-player .site-header .header-tools .studio-music-launch,#dock .studio-music-dock{display:none!important}
 .ipod-mobile-launch{top:60px;right:18px;min-height:40px;font-size:10px;padding:6px 10px;border-color:#b6cddd88}.ipod-mobile-launch svg{width:16px;height:16px}
 
 .studio-music-window,.studio-music-window.is-wide{width:calc(100vw - 20px);max-height:calc(100dvh - 30px);border-radius:15px}
 .music-window-top{grid-template-columns:102px 1fr 24px;min-height:50px;padding:0 9px;gap:3px}.music-window-edition{display:none}.music-window-top>b{text-align:left;font-size:11px}.music-traffic{gap:0}.music-traffic button{width:34px;height:44px}.music-traffic button::before{width:14px;height:14px}
 .music-window-content{display:block;max-height:calc(100dvh - 83px)}.music-now{padding:20px 18px 12px}.music-now h2{font-size:24px}.music-subtitle{font-size:11px}.music-coverflow{height:193px}.music-flow-cover{width:148px;height:148px;left:calc(50% - 74px);top:22px}.music-flow-cover.pos-0{transform:translateX(-100px) translateZ(-112px) rotateY(54deg)}.music-flow-cover.pos-2{transform:translateX(100px) translateZ(-112px) rotateY(-54deg)}.music-now-title h3{font-size:19px}.music-volume input,.music-seek-row input{height:38px}.music-transport{margin:4px 0}.music-status{margin:4px 0 0}
 .music-library{border-left:0;border-top:1px solid #dce3e9;padding:20px 18px}.music-library-head{margin-bottom:12px}.music-playlist{min-height:0;max-height:235px}.music-track b{font-size:13px}.music-track small{font-size:10px}.music-track i{font-size:10px}.music-search input{font-size:16px;min-height:38px}.music-order{margin:8px 0;min-height:44px}.music-import p{font-size:11px}.music-import>button:first-child{min-height:44px}.music-miniplayer{width:260px;right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.music-miniplayer button{width:42px}.music-mini-info b{max-width:118px}
}
@media(max-height:600px) and (min-width:768px){.studio-music-window{max-height:calc(100dvh - 32px)}.music-window-content{max-height:calc(100dvh - 84px)}.music-coverflow{height:175px}.music-flow-cover{width:138px;height:138px;left:calc(50% - 69px);top:16px}}
@media(prefers-reduced-motion:reduce){.studio-ipod>.ipod-case{transform:none!important;transition:none!important}.studio-music-window[open],.music-flow-cover{animation:none!important;transition:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere .site-header.os-menubar{background:#edf2f6!important}}
@media(forced-colors:active){html.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere .site-header.os-menubar{background:Canvas!important;color:CanvasText!important;border-bottom:1px solid CanvasText!important}.studio-ipod,.music-coverflow{forced-color-adjust:none}.studio-music-window,.music-library,.music-miniplayer{background:Canvas;color:CanvasText;border:1px solid CanvasText}}

.wheel-ring{position:absolute;inset:0;border-radius:50%;z-index:0;outline-offset:3px}.ipod-wheel button{z-index:1}
@media(max-width:767px){html.rc11-player.visitor-edition.v10-atmosphere #desktop #dock .v6-app-group>.studio-music-dock{display:none!important}}

html.rc11-player.visitor-edition.v9-liquid .site-header.os-menubar .v9-glass-backdrop,html.rc11-player.visitor-edition.v9-liquid .site-header.os-menubar .v9-glass-rim{display:none!important}

/* RC11.1: intentionally bounded to RC11 shell type, tablet composition and
   replacement seam props. Shared light comes from upper-left, shadow lower-right.
   No RC12 layout, content model, SSR or backend changes. */
:root{
 
 --lv-key:#dae5ee;--lv-mid:#7890a5;--lv-metal:#35516a;--lv-shade:#142c41;
 --lv-contact-shadow:4px 6px 0 -2px #102a3e;--lv-cast-shadow:12px 21px 27px -17px rgba(16,43,65,.38);
}
/* Typography and compact chrome now have one owner: type-lock + compact-chrome. */
@media(min-width:1180px){
 
 html.rc11-player #desktop #service-stage{z-index:8!important;}
}
/* Original app artwork, not a custom pink tile with an approximation of a note. */
#dock .studio-music-dock .music-dock-art{object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:none;background:none;font:10px/1 var(--lv-ui-font);color:#1d3650;}
/* One directional lighting family across all controllable surface materials. */
.c9-slate-base{background:linear-gradient(135deg,#607c93 0%,#27475f 28%,#142d43 95%);border-color:#97aec1;box-shadow:var(--lv-contact-shadow),var(--lv-cast-shadow);}
.c9-slate-jaw{box-shadow:3px 5px 0 #183346,inset 1px 1px 1px #f6fcffb0;}
.c10-edit-screen{background:linear-gradient(135deg,#8aa0b2,#27475f 12%,#142d43 90%);box-shadow:var(--lv-contact-shadow),var(--lv-cast-shadow);}
.c10-edit-base{background:linear-gradient(135deg,#c7d6e1,#819bb0 30%,#304c62);box-shadow:4px 6px 0 #183246,12px 21px 26px -17px #16375466;}
.ipod-case{box-shadow:inset 1px 1px 2px #ffffffef,inset -2px -1px 2px #535f6c70,3px 5px 0 #77818b,12px 21px 27px -14px #193b5440;}
html.rc11-player #desktop .equipment{filter:drop-shadow(10px 17px 14px rgba(17,42,64,.20))!important;}
/* First boundary: a small controllable LED fixture, not a blank lens and paper. */
.r11-light{width:320px;height:176px;transform:translate3d(0,var(--c9-lift),var(--c9-z)) rotateX(calc(var(--c9-rx)*.45)) rotateY(calc(-10deg + var(--c9-ry))) rotateZ(-4deg);}
.r11-light-back{position:absolute;left:38px;top:18px;width:148px;height:115px;border-radius:12px;background:repeating-linear-gradient(90deg,#172e41 0 5px,#3c5569 5px 7px);transform:translateZ(-16px);box-shadow:var(--lv-cast-shadow);}
.r11-light-face{position:absolute;left:30px;top:13px;width:148px;height:116px;padding:13px;border:1px solid #9ab0c2;border-radius:11px;background:linear-gradient(135deg,#b5c6d4,#40596d 10%,#142a3b 83%);transform:translateZ(8px);box-shadow:4px 5px 0 #102a3c;transform-style:preserve-3d;}
.r11-light-diffuser{position:absolute;inset:13px;border:1px solid #cedae5;border-radius:3px;background:radial-gradient(ellipse at 30% 25%,#fffef4,#f0f5f7 45%,#c0d4e0);box-shadow:inset 0 0 12px #fff,0 0 18px #e1f6ff40;}
.r11-light-bar{position:absolute;display:block;background:linear-gradient(135deg,#839aad,#2d4559 25%,#11293c);border:1px solid #7692aa;backface-visibility:visible;}
.r11-light-bar.top{left:-5px;right:-5px;top:-23px;height:26px;transform-origin:50% 100%;transform:rotateX(calc(25deg + (1 - var(--c9-p))*19deg));border-radius:4px 4px 0 0;}
.r11-light-bar.bottom{left:-5px;right:-5px;bottom:-22px;height:24px;transform:rotateX(-32deg);transform-origin:50% 0;border-radius:0 0 4px 4px;}
.r11-light-bar.left{left:-28px;top:-8px;width:29px;height:132px;transform:rotateY(-32deg);transform-origin:100% 50%;}
.r11-light-bar.right{right:-26px;top:-8px;width:27px;height:132px;transform:rotateY(37deg);transform-origin:0 50%;}
.r11-light-yoke{position:absolute;left:15px;top:71px;width:183px;height:74px;border:7px solid #344d62;border-top:0;border-radius:0 0 14px 14px;transform:translateZ(-20px);}
.r11-light-joint{position:absolute;left:103px;top:143px;width:16px;height:12px;border-radius:3px;background:linear-gradient(120deg,#b2c4d3,#34516a);}
.r11-light-post{position:absolute;left:107px;top:152px;width:8px;height:24px;border-radius:2px;background:linear-gradient(90deg,#25415a,#9cb3c4,#264258);}
.r11-light-beam{position:absolute;left:197px;top:26px;width:108px;height:83px;background:linear-gradient(90deg,#d4eeff30,transparent);clip-path:polygon(0 30%,100% 0,100% 100%,0 68%);transform:translateZ(-35px) scaleX(calc(.6 + var(--c9-p)*.4));transform-origin:0 50%;}
/* Archive: a milled aluminium reel with a short film tail. */
.r11-reel{width:382px;height:174px;transform:translate3d(0,var(--c9-lift),var(--c9-z)) rotateX(calc(4deg + var(--c9-rx)*.5)) rotateY(var(--c9-ry)) rotateZ(-7deg);}
.r11-reel-edge{position:absolute;left:3px;top:0;width:164px;height:164px;border-radius:50%;background:#162c3c;border:6px solid #405b70;box-shadow:var(--lv-cast-shadow);transform:translateZ(-10px);}
.r11-reel-face{position:absolute;left:0;top:0;width:160px;height:160px;transform:translateZ(9px) rotateZ(calc((var(--c9-p) - 1)*40deg));}
.r11-reel-face svg{display:block;width:100%;height:100%;}
.r11-reel-film{position:absolute;left:145px;top:59px;display:flex;gap:5px;width:217px;height:81px;padding:13px 6px;background:linear-gradient(135deg,#60788b,#142c40 16%,#102335);border:1px solid #a6bccb;transform:translateZ(-4px) rotateY(calc((1 - var(--c9-p))*15deg));transform-origin:0 50%;box-shadow:var(--lv-cast-shadow);}
.r11-reel-film:before,.r11-reel-film:after{content:"";position:absolute;left:7px;right:7px;height:6px;background:repeating-linear-gradient(90deg,#c8d7e2 0 5px,transparent 5px 11px);}
.r11-reel-film:before{top:4px}.r11-reel-film:after{bottom:4px}

/* Live delivery: receiver with antennae, chassis depth and actual shared scene.
   No fabricated signal meters, connectivity, speed or operational badges. */
.r11-transmitter{width:306px;height:186px;transform:translate3d(0,var(--c9-lift),var(--c9-z)) rotateX(calc(var(--c9-rx)*.5)) rotateY(calc(-11deg + var(--c9-ry))) rotateZ(5deg);}
.r11-radio-front{position:absolute;left:39px;top:38px;width:207px;height:132px;border:1px solid #9ab0c4;border-radius:12px;background:linear-gradient(135deg,#97abbc,#385167 10%,#132a3e 88%);transform:translateZ(12px);box-shadow:var(--lv-contact-shadow),var(--lv-cast-shadow);}
.r11-radio-side{position:absolute;left:47px;top:43px;width:209px;height:132px;background:repeating-linear-gradient(0deg,#192e40 0 3px,#3b5164 3px 5px);border-radius:12px;transform:translateZ(-11px);}
.r11-antenna{position:absolute;top:0;height:48px;width:7px;border-radius:6px;background:linear-gradient(90deg,#1c3347,#788fa3 35%,#183146);transform-origin:50% 100%;transform:translateZ(-4px) rotateZ(-12deg);}
.r11-antenna.one{left:66px}.r11-antenna.two{left:219px;transform:translateZ(-4px) rotateZ(12deg)}
.r11-radio-grille{position:absolute;top:11px;left:18px;width:77px;height:6px;background:repeating-linear-gradient(90deg,#8ea4b680 0 2px,transparent 2px 5px);}
.r11-radio-screen{position:absolute;top:29px;left:16px;width:138px;height:78px;padding:4px;background:#0e2335;border:1px solid #58758d;border-radius:5px;box-shadow:inset 1px 1px 2px #0b1b28;}
.r11-radio-buttons{position:absolute;right:19px;top:33px;display:grid;gap:10px}.r11-radio-buttons i{width:12px;height:12px;background:linear-gradient(140deg,#a3b6c7,#466079);border:1px solid #9eb3c6;border-radius:50%;box-shadow:2px 2px 0 #132a3e;}
.r11-radio-socket{position:absolute;bottom:8px;left:21px;width:19px;height:5px;background:#0d1e2c;border:1px solid #556d81;border-radius:2px;}
.r11-radio-mount{position:absolute;bottom:2px;left:114px;width:51px;height:13px;border-radius:3px;background:linear-gradient(135deg,#9aaec0,#29465d);transform:translateZ(-12px);}
.r11-signal-path{position:absolute;right:0;top:88px;width:37px;height:56px;border:1px solid #8fa9bd60;border-left:0;border-radius:0 60% 60% 0;transform:scale(calc(.76 + var(--c9-p)*.24));transform-origin:0 50%;}
/* Do not turn approved slate/editdeck choreography into another transition engine. */
html.rc11-player #chapter-cinema>.c9-depth .c9-rig{right:8vw;}


/* Tablet is a roomy horizontal set of windows, not five tall narrow slivers. */
@media(min-width:768px) and (max-width:1179px){
 html.rc11-player.visitor-edition #desktop{height:auto!important;min-height:100svh!important;display:flex!important;flex-direction:column!important;padding:128px 0 154px!important;overflow:hidden!important;}
 
 
 
 html.rc11-player.visitor-edition #desktop #service-stage{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:none!important;height:auto!important;margin:48px 0 10px!important;padding:16px 6vw 30px!important;gap:22px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-padding-inline:6vw;touch-action:pan-x pan-y;overscroll-behavior-x:contain;z-index:8!important;scrollbar-width:thin;scrollbar-color:#9db5cb50 transparent;}
 html.rc11-player.visitor-edition #desktop #service-stage .service-wrap{flex:0 0 clamp(244px,34vw,338px)!important;width:clamp(244px,34vw,338px)!important;max-width:none!important;min-width:0!important;transform:none!important;--angle:0deg;--lift:0px;scroll-snap-align:start;}
 html.rc11-player.visitor-edition #desktop #service-stage .service-card{height:100%!important;min-height:0!important;transform:none!important;translate:none!important;rotate:none!important;}
 html.rc11-player.visitor-edition #desktop .service-cover{height:auto!important;aspect-ratio:16/10!important;}
 html.rc11-player.visitor-edition #desktop .service-info h2{font-size:26px!important;line-height:1.25!important;white-space:nowrap;}
 html.rc11-player.visitor-edition #desktop .service-info p{font-size:14px!important;line-height:1.65!important;margin:10px 0 0!important;}
 html.rc11-player.visitor-edition #desktop .service-info small{font-size:9px!important;line-height:1.5!important;letter-spacing:.08em!important;margin-top:12px!important;}
 html.rc11-player.visitor-edition #desktop .camera-object{width:154px!important;left:-95px!important;bottom:135px!important;z-index:2!important;}
 
 
 html.rc11-player.visitor-edition #desktop .drone-object{width:116px!important;right:-32px!important;top:145px!important;}
 html.rc11-player.visitor-edition #desktop .os-scroll-cue{top:auto!important;bottom:108px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;translate:none!important;white-space:nowrap;}
 html.rc11-player.visitor-edition #desktop .dock-zone{position:absolute!important;bottom:18px!important;}
 html.rc11-player .ipod-mobile-launch{top:70px;right:32px;min-height:40px;font-size:12px;}
 /* Tablet content windows use the available width; no desktop-sized two columns. */
 html.rc11-player .workspace{left:22px!important;right:22px!important;width:auto!important;max-width:none!important;}
 html.rc11-player .window-content{padding:30px!important;}
 html.rc11-player .service-hero{gap:26px!important;}
 html.rc11-player .service-copy h1{font-size:36px!important;line-height:1.3!important;}
 html.rc11-player .service-copy .intro{font-size:15px!important;}
}
@media(min-width:768px) and (max-width:920px){html.rc11-player .service-hero{grid-template-columns:1fr!important;}html.rc11-player .service-visual{max-width:550px!important;width:100%!important;margin:6px auto 0;}html.rc11-player .deliver-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:767px){
 html.rc11-player.visitor-edition .site-header.os-menubar .header-tools{gap:1px!important;}
 html.rc11-player.visitor-edition .site-header.os-menubar .brand{font-size:13px!important;}
 
 
 
}
@media(prefers-reduced-motion:reduce){.r11-reel-face,.r11-light-bar,.r11-signal-path{transition:none;}}

/* Keep hidden/phone-only controls hidden; font rules must not reveal them. */
@media(min-width:768px){html.rc11-player.visitor-edition .site-header.os-menubar #delivery-social-toggle{display:none!important;}}
html.rc11-player.visitor-edition .site-header.os-menubar [hidden]{display:none!important;}
#dock .studio-music-dock .dock-icon{position:relative;}
#dock .studio-music-dock .r11-native-music{position:absolute;inset:0;opacity:0;}
#dock .studio-music-dock .r11-native-music.has-art{opacity:1;}
#dock .studio-music-dock .r11-music-name{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;border:1px solid #aebfcd;border-radius:10px;background:linear-gradient(145deg,#fcfeff,#d6e1e9);color:#2b485e;font:600 9px/1 var(--lv-ui-font);letter-spacing:0;}
#dock .studio-music-dock .r11-music-name[hidden]{display:none;}
/* Window-title regression found during tablet verification: the old optical
   rim (z=4) covered a title at z=2. Keep the text ABOVE its own glass. */
html.rc11-player .workspace>.window-bar{isolation:isolate;}
html.rc11-player .workspace>.window-bar>.v9-glass-backdrop{z-index:0!important;}
html.rc11-player .workspace>.window-bar>.v9-glass-rim{z-index:1!important;pointer-events:none!important;}
html.rc11-player .workspace>.window-bar>.window-title{z-index:3!important;color:#244057!important;font-size:13px!important;line-height:1.2!important;}
html.rc11-player .workspace>.window-bar>:is(.window-dots,.window-mobile-back,.window-mobile-min,.v5-window-tools){z-index:3!important;}

/* RC11.2: content-bearing cinema surfaces, not interchangeable icon stickers.
   Left/top softbox -> right/bottom cast. All motion uses existing --c9-p. */
:root{--c12-edge:#aebec9;--c12-face:#253744;--c12-deep:#101e29;--c12-cast:12px 21px 24px -13px #162c444a;}
.r112-gate,.r112-film,.r112-multiview{position:relative;transform-style:preserve-3d;backface-visibility:visible;}
.r112-ground{position:absolute;left:13%;right:4%;top:90%;height:17px;border-radius:50%;background:radial-gradient(ellipse,#18344944,transparent 72%);transform:translateZ(-25px) rotateX(32deg);pointer-events:none;}
/* 01: broad matte-box gate, with a coated optical plate which slides into place. */
.r112-gate{width:336px;height:182px;transform:translate3d(0,var(--c9-lift),var(--c9-z)) rotateX(calc(5deg + var(--c9-rx)*.35)) rotateY(calc(-12deg + var(--c9-ry)*.6)) rotateZ(-3deg);}
.r112-gate-depth{position:absolute;left:16px;top:19px;width:252px;height:139px;border-radius:8px;background:repeating-linear-gradient(90deg,#172b3b 0 4px,#415466 4px 5px);transform:translateZ(-13px);box-shadow:var(--c12-cast);}
.r112-gate-frame{position:absolute;left:9px;top:10px;width:252px;height:139px;border-radius:7px;border:1px solid var(--c12-edge);background:linear-gradient(140deg,#b3c1c9,#455966 9%,#172b38 88%);padding:11px 15px;box-shadow:4px 7px 0 #112532;transform:translateZ(8px);overflow:hidden;}
.r112-gate-view{position:absolute;inset:11px 15px;border:1px solid #09151d;border-radius:2px;overflow:hidden;}
.r112-gate-view img{object-fit:cover;transform:scale(calc(1.12 - var(--c9-p)*.12));}
.r112-gate-blade{position:absolute;top:11px;bottom:11px;width:39%;background:linear-gradient(140deg,#415461,#132733 28%,#101c25);box-shadow:1px 0 2px #050d1770;transform:translateX(calc(var(--c9-p)*var(--dir)*104%));}
.r112-gate-blade.blade-left{left:15px;--dir:-1}.r112-gate-blade.blade-right{right:15px;--dir:1}
.r112-optic-reflection{position:absolute;inset:12px 16px;background:linear-gradient(125deg,#fff2,transparent 35%,#92cce90c 70%,#07111a24);pointer-events:none;}
.r112-screw{position:absolute;width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,#c4ced5,#576c7b);box-shadow:0 1px 1px #020c14;}
.r112-screw.a{left:5px;top:5px}.r112-screw.b{right:5px;top:5px}.r112-screw.c{left:5px;bottom:5px}.r112-screw.d{right:5px;bottom:5px}
.r112-gate-mark{position:absolute;width:10px;height:8px;border-color:#d6e3ebbb;border-style:solid;pointer-events:none;}
.r112-gate-mark.top-left{left:19px;top:15px;border-width:1px 0 0 1px}.r112-gate-mark.bottom-right{right:19px;bottom:15px;border-width:0 1px 1px 0}
.r112-optic-layer{position:absolute;left:166px;top:-1px;width:130px;height:151px;border:1px solid #b9d9e58a;border-radius:5px;background:linear-gradient(135deg,#d7eaff28 0%,#71adc725 44%,#234c7133 80%);box-shadow:3px 4px 0 #15354d40;transform-origin:15% 50%;transform:translate3d(calc((1 - var(--c9-p))*23px),calc((1 - var(--c9-p))*-7px),29px) rotateY(calc(-19deg + var(--c9-p)*12deg));}
.r112-optic-layer:before{content:"";position:absolute;inset:2px;border:1px solid #ecf8ff2b;border-radius:3px;}
.r112-optic-layer i{position:absolute;left:7px;right:7px;top:12px;height:2px;background:linear-gradient(90deg,transparent,#e3f6ff96,transparent);transform:rotate(-25deg);}
/* 03: a continuous cinematic strip; no paper-white borders, reel or hard captions. */
.r112-film{width:382px;height:171px;transform:translate3d(0,var(--c9-lift),var(--c9-z)) rotateX(calc(12deg + var(--c9-rx)*.3)) rotateY(calc(-5deg + var(--c9-ry)*.4)) rotateZ(-7deg);}
.r112-film-track{position:absolute;inset:0;transform-style:preserve-3d;}
.r112-film-segment{position:absolute;top:33px;left:calc(var(--panel)*89px);width:93px;height:109px;background:linear-gradient(138deg,#344958,#101d2a 18%,#0a1621 85%);border-top:1px solid #9bb2c575;border-bottom:1px solid #040d14;box-shadow:2px 4px 0 #0c1c2cd1;transform-style:preserve-3d;}
.r112-film-segment.segment-0{transform:translateZ(18px) rotateY(calc(-26deg + var(--c9-p)*7deg)) translateY(calc((1 - var(--c9-p))*-6px));}
.r112-film-segment.segment-1{transform:translateZ(36px) rotateY(-8deg);}
.r112-film-segment.segment-2{transform:translateZ(31px) rotateY(9deg);}
.r112-film-segment.segment-3{transform:translateZ(11px) rotateY(calc(29deg - var(--c9-p)*6deg)) translateY(calc((1 - var(--c9-p))*8px));}

.r112-perfs{position:absolute;left:7px;right:6px;height:6px;background:repeating-linear-gradient(90deg,#d8e5eeaa 0 5px,transparent 5px 12px);border-radius:1px;}
.r112-perfs.top{top:4px}.r112-perfs.bottom{bottom:4px}
.r112-film-gleam{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ebf5ff1f,transparent 37%,transparent 72%,#b4d3e419);}
/* 04: multi-camera images converge onto the larger program monitor. */
.r112-multiview{width:332px;height:185px;transform:translate3d(0,var(--c9-lift),var(--c9-z)) rotateX(calc(3deg + var(--c9-rx)*.4)) rotateY(calc(-8deg + var(--c9-ry)*.5)) rotateZ(3deg);}
.r112-satellite{position:absolute;top:18px;width:132px;height:89px;padding:5px;border:1px solid #859cab;border-radius:6px;background:linear-gradient(135deg,#849ca9,#203744 13%,#122632);box-shadow:3px 4px 0 #142a39;}
.r112-satellite.satellite-left{left:0;transform:translate3d(calc((1 - var(--c9-p))*-16px),calc((1 - var(--c9-p))*-6px),-17px) rotateY(calc(17deg - var(--c9-p)*5deg)) rotateZ(-6deg);}
.r112-satellite.satellite-right{right:0;transform:translate3d(calc((1 - var(--c9-p))*17px),calc((1 - var(--c9-p))*-12px),-13px) rotateY(-16deg) rotateZ(7deg);}
.r112-program-depth{position:absolute;left:65px;top:55px;width:221px;height:115px;border-radius:7px;background:repeating-linear-gradient(0deg,#122a3a 0 4px,#3a5264 4px 5px);transform:translateZ(-7px);}
.r112-program-screen{position:absolute;left:49px;top:41px;width:221px;height:115px;padding:7px 8px 11px;border:1px solid #a5bac8;border-radius:7px;background:linear-gradient(135deg,#93aab9,#344e60 12%,#142834 88%);transform:translateZ(22px);box-shadow:4px 6px 0 #102534,var(--c12-cast);}
.r112-multiview .c10-display{position:relative;width:100%;height:100%;border:1px solid #0b1a24;border-radius:2px;overflow:hidden;}
.r112-screen-gleam{position:absolute;inset:7px 8px 11px;pointer-events:none;background:linear-gradient(125deg,#e2f4ff1d,transparent 40%,#15253205);}
.r112-program-neck{position:absolute;left:151px;top:155px;width:16px;height:17px;background:linear-gradient(100deg,#99adbb,#365166 65%,#152c3e);transform:translateZ(-8px);}
.r112-program-foot{position:absolute;left:121px;top:173px;width:85px;height:6px;border-radius:50%;background:linear-gradient(135deg,#9bacba,#37536b);box-shadow:4px 8px 13px #152d454d;transform:translateZ(-10px);}
/* Stay in existing chapter gutters. Neither a modal nor a new scroll timeline. */
html.rc11-player #chapter-cinema>.c9-depth .c9-rig{width:336px;height:184px;}


@media(max-width:767px){
 html.rc11-player #chapter-cinema>.c9-depth .c9-rig{width:336px!important;transform:scale(.43)!important;right:20px!important;}
 
 
 .r112-gate-mark,.r112-screw{display:none;}
}
@media(prefers-reduced-motion:reduce){.r112-gate,.r112-film,.r112-multiview{transition:none;}}

/* RC11.8 fixed families. Font sources are pinned in font-lock.json; no local() lookup. */
:root{
 --lv-ui-font:"Inter Variable","Noto Sans SC Variable",sans-serif;
 --sans:"Inter Variable","Noto Sans SC Variable",sans-serif;
 --serif:"Noto Serif SC Variable","Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;
 --v4-body:var(--lv-ui-font);--v4-serif:var(--serif);
 --type-body:14px;--type-ui:13px;
}
:root:lang(zh-Hant),:root:lang(zh-TW),:root:lang(zh-HK){
 --lv-ui-font:"Inter Variable","Noto Sans TC Variable",sans-serif;
 --sans:"Inter Variable","Noto Sans TC Variable",sans-serif;
 --serif:"Noto Serif TC Variable","Songti TC","Noto Serif CJK TC",serif;
 --v4-body:var(--lv-ui-font);--v4-serif:var(--serif);
}
:root:lang(en){--lv-ui-font:"Inter Variable","Noto Sans SC Variable",sans-serif;--sans:var(--lv-ui-font);--serif:"Noto Serif SC Variable","Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;}
html,body{font-family:var(--sans);font-synthesis:none;font-optical-sizing:auto;}
button,input,select,textarea{font-family:var(--sans);font-synthesis:none;}
html.rc11-player.visitor-edition .site-header.os-menubar,
html.rc11-player.visitor-edition .site-header.os-menubar *,
html.rc11-player #os-menu-panel,html.rc11-player #os-menu-panel *,
html.rc11-player .lv-language-menu,html.rc11-player .lv-language-menu *,
html.rc11-player .window-bar,html.rc11-player .window-bar *,
html.rc11-player #dock :is(.dock-name,.dock-tooltip,.r11-music-name),
html.rc11-player .studio-music-window,html.rc11-player .studio-music-window :is(button,input,output,h2,h3,p,span,b,small),
html.rc11-player .ipod-case :is(button,span,b,small,p){
 font-family:var(--lv-ui-font)!important;font-synthesis:none;font-optical-sizing:auto;
}
html.rc11-player.visitor-edition .site-header.os-menubar .top-nav button{font-size:13px!important;font-weight:500!important;letter-spacing:0!important;line-height:1!important;}
html.rc11-player.visitor-edition .site-header.os-menubar .brand{font-weight:600!important;letter-spacing:-.035em!important;}
html.rc11-player.visitor-edition .site-header.os-menubar #os-clock{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1;}
html.rc11-player.visitor-edition .site-header.os-menubar #os-clock b{font-weight:700!important;letter-spacing:0!important;}
/* Font arrivals can slightly change CJK widths; keep status controls aligned. */
html.rc11-player.visitor-edition .header-tools>*{flex-shrink:0;}
html.rc11-player.visitor-edition .header-tools :is(button,a,time){vertical-align:middle;}

/* Apply one typography policy to the public UI and the actual admin/login UI. */
:root{--a-sans:var(--lv-ui-font);--a-serif:var(--serif)}
html:lang(zh-Hant),html:lang(zh-TW),html:lang(zh-HK){--a-sans:var(--lv-ui-font);--a-serif:var(--serif)}
html,body,button,input,textarea,select{font-synthesis:none;font-optical-sizing:none}
#studio-admin-root,.a-media-dialog,.a-confirm-dialog{font-family:var(--lv-ui-font)}
#studio-admin-root :is(button,input,select,textarea),.a-media-dialog :is(button,input,select,textarea){font-family:var(--lv-ui-font)}
#studio-admin-root :is(h1,h2,h3),.a-media-dialog h2,.a-confirm-dialog h2{font-family:var(--serif)}
/* Loading status is diagnostic, never a public modal or a pretend success banner. */

/* RC11.3. UI hit areas are independent of illustration scale.
 * Unified upper-left key light, graphite/silver materials, lower-right shadows.
 * Nothing in this file changes global background progress or site data. */
html.wb-tools{--wb-ink:#183043;--wb-subtle:#526b7e;--wb-metal-light:#dce8f0;--wb-metal-mid:#829bad;--wb-metal-dark:#18344a;--wb-shadow:11px 19px 24px -14px #18364e65;}
html.wb-tools #journey .c9-depth.wb-interactive{display:block!important;z-index:4;pointer-events:none!important;height:236px;}
html.wb-tools #journey .c9-depth.wb-interactive .c9-rig{width:350px!important;height:224px!important;right:max(6vw,calc((100vw - 1230px)/2))!important;transform:none!important;perspective:1200px;}
html.wb-tools #journey .c9-depth.wb-interactive[data-wb-kind=camera]{top:-55px!important;}
html.wb-tools #journey .c9-depth.wb-interactive[data-wb-kind=slate]{top:-72px!important;}
html.wb-tools #journey .c9-depth.wb-interactive[data-wb-kind=editor]{top:-54px!important;}
html.wb-tools #journey .c9-depth.wb-interactive .wb-activation{display:block;position:relative;width:350px;overflow:visible;background:none;border:0;padding:0;margin:0;transform-style:preserve-3d;color:var(--wb-ink);pointer-events:auto!important;touch-action:manipulation;cursor:pointer;text-align:left;border-radius:14px;}
html.wb-tools #journey .c9-depth.wb-interactive .wb-activation *{pointer-events:none!important;}
html.wb-tools #journey .c9-depth.wb-interactive .wb-activation:focus-visible{outline:2px solid #196cdb;outline-offset:8px;}
html.wb-tools #journey .wb-activation:hover .wb-label{background:#ffffffed;border-color:#688da955;box-shadow:0 3px 12px #19456917;}
html.wb-tools #journey .wb-model{position:absolute;left:0;top:0;width:350px;height:178px;display:block;transform-style:preserve-3d;transform-origin:0 0;}
html.wb-tools #journey .wb-label{position:absolute;right:5px;top:185px;display:flex;align-items:center;gap:7px;min-height:33px;padding:0 12px;white-space:nowrap;border:1px solid #9bb1c53d;background:#f5f9fcbd;border-radius:8px;box-shadow:none;font:12px/1.35 var(--lv-ui-font,sans-serif);letter-spacing:0;transition:background .18s,border-color .18s,box-shadow .18s;color:#234159;}
.wb-label b{font-weight:650;}.wb-label-divider{color:#94aabd;}.wb-verb{color:#557085;font-weight:400;}.wb-label-icon{font-size:15px;}
html.wb-tools #journey .wb-result{position:absolute;right:9px;top:225px;font:11px/1.3 var(--lv-ui-font,sans-serif);color:#547184;pointer-events:none!important;}
/* 35mm camera: dark pebbled body, machined top, deep lens and advance lever. */
.wb-camera{width:350px;height:178px;}
.wb-camera-shadow{position:absolute;left:33px;top:167px;width:263px;height:13px;border-radius:50%;background:radial-gradient(ellipse,#153a544b,transparent 70%);transform:translateZ(-28px);}
.wb-camera-back{position:absolute;left:24px;top:43px;width:268px;height:125px;border-radius:17px;background:linear-gradient(130deg,#7791a4,#243b4d);transform:translateZ(-15px);box-shadow:var(--wb-shadow);}
.wb-camera-body{position:absolute;left:18px;top:44px;width:274px;height:118px;border-radius:13px;background:radial-gradient(#63727b44 .6px,transparent .8px) 0 0/3px 3px,linear-gradient(145deg,#374956,#182b37 65%,#11232f);border:1px solid #9db4c078;box-shadow:inset 1px 1px #b7ced53b,inset -2px -2px #08192555,4px 6px 0 #152a3a;transform:translateZ(4px);}
.wb-camera-body:after{content:"";position:absolute;left:3px;right:3px;bottom:0;height:13px;border-radius:0 0 10px 10px;background:linear-gradient(130deg,#d1e2ed,#6d879b 68%,#3a5062);border-top:1px solid #b0c6d5;}
.wb-camera-top{position:absolute;left:17px;top:30px;width:275px;height:44px;background:linear-gradient(145deg,#f2f7fb,#b7cbd8 38%,#738ea2 76%,#526d81);border:1px solid #d5e4ed;border-radius:8px 8px 3px 3px;box-shadow:inset 0 1px 1px #fff,4px 4px 0 #3a5468;transform:translateZ(10px);}
.wb-rewind{position:absolute;left:21px;top:-12px;width:45px;height:17px;border:2px solid #748f9e;border-radius:50%;background:repeating-conic-gradient(#dce7eb 0 10deg,#7d919d 10deg 13deg);box-shadow:0 4px 0 #50697b;}
.wb-prism{position:absolute;left:113px;top:-18px;width:52px;height:28px;background:linear-gradient(135deg,#f6fafc,#acc4d3 50%,#536c7c);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);}
.wb-shutter{position:absolute;left:224px;top:-9px;width:18px;height:10px;border-radius:50%;background:linear-gradient(135deg,#d9eaf4,#506c82);box-shadow:0 4px 0 #263d50;border:1px solid #c4d8e4;}
.wb-wind{position:absolute;right:-16px;top:-1px;width:45px;height:12px;border-radius:8px;background:linear-gradient(#e4eef4,#9cafba);box-shadow:1px 3px 0 #405b6c;transform-origin:6px 50%;}
.wb-camera-brand{position:absolute;left:91px;top:5px;letter-spacing:.12em;font:600 10px/1.3 var(--lv-ui-font,sans-serif);color:#dce7ed;}
.wb-viewfinder{position:absolute;right:25px;top:7px;width:34px;height:20px;border-radius:4px;background:linear-gradient(135deg,#8bc1d2,#182735 55%,#729ba8);border:3px solid #748b9a;box-shadow:0 0 0 2px #182e40;}
.wb-frame-counter{position:absolute;left:21px;top:10px;border-radius:4px;border:1px solid #5d7589;background:#132938;padding:3px 7px;color:#e4f3f7;font:500 9px/1 var(--lv-ui-font,sans-serif);}
.wb-grip{position:absolute;left:15px;top:40px;height:41px;width:30px;border-left:2px solid #8fa4b854;border-right:2px solid #0d213757;border-radius:40%;}
.wb-lens-mount{position:absolute;left:100px;top:60px;width:107px;height:108px;border-radius:50%;background:conic-gradient(from -45deg,#e2eff4,#5c778b 20%,#102433 44%,#9cb5c6 75%,#e2eff4);border:2px solid #243c4e;transform:translateZ(17px);box-shadow:5px 8px 0 #152a3ae6;}
.wb-lens-rim{position:absolute;left:104px;top:62px;width:99px;height:99px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#1d3141 0 3deg,#728799 3deg 4deg,#203646 4deg 8deg);border:5px solid #263c4b;box-shadow:inset 0 0 0 3px #8ca6b5,5px 6px 8px #0c203b70;transform:translateZ(29px);}
.wb-lens-glass{position:absolute;left:119px;top:78px;width:69px;height:69px;border-radius:50%;border:4px solid #152c3a;box-shadow:0 0 0 3px #819ba8,0 0 0 6px #203948;background:radial-gradient(circle at 35% 26%,#acdae3 0%,#477b91 21%,#183249 45%,#101d2c 72%);overflow:hidden;transform:translateZ(36px);}
.wb-iris{position:absolute;inset:15px;border-radius:50%;background:conic-gradient(#092537,#3b6476,#071a29,#436573,#092537);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border:5px solid #3b5e73;}
.wb-lens-light{position:absolute;left:8px;top:6px;width:35px;height:17px;border-radius:50%;background:linear-gradient(135deg,#e5ffffa3,#f0ffff00);rotate:-30deg;}






.wb-slate-take{position:absolute;left:21px;bottom:14px;color:#adc5d6;font:9px/1.3 var(--lv-ui-font,sans-serif);letter-spacing:.13em;}
.wb-slate-take b{color:#f2f7fb;font-size:18px;font-weight:500;margin-left:8px;letter-spacing:0;}
html.wb-tools #journey .wb-model .c9-slate{width:348px;height:176px;}
html.wb-tools #journey .wb-model .c10-editdeck{width:370px;height:184px;}
html.wb-tools #journey .c9-depth[data-wb-kind=editor] .wb-model{transform:scale(.94);}
/* Workbench: not a mocked backend editor. Four existing stills, real timeline
 * and ordering in the in-memory demo; no export or pretend video rendering. */
html.wb-tools dialog.wb-editor{box-sizing:border-box;width:min(1060px,calc(100vw - 48px));max-width:1060px;max-height:calc(100dvh - 80px);height:fit-content;margin:auto;padding:0;border:1px solid #b5c9d899;border-radius:20px;color:#19384d;background:#f5f8fb;box-shadow:0 32px 90px #061c3855;overflow:auto;overscroll-behavior:contain;font:14px/1.55 var(--lv-ui-font,sans-serif);}
html.wb-tools dialog.wb-editor::backdrop{background:#081b304a;backdrop-filter:blur(7px);}
.wb-editor *{box-sizing:border-box;}.wb-editor h2,.wb-editor p{margin:0;}.wb-editor button,.wb-editor input{font-family:inherit;}
.wb-editor-header{display:flex;justify-content:space-between;align-items:center;padding:23px 27px 20px;border-bottom:1px solid #d9e3eb;background:#f8fafc;}
.wb-editor-kicker{display:block;font-size:9px;line-height:1.2;letter-spacing:.2em;color:#7a8d9d;margin-bottom:8px;}
.wb-editor h2{font-size:21px;font-family:var(--lv-ui-font,sans-serif);font-weight:620;letter-spacing:-.02em;line-height:1.3;}
.wb-close{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid #c7d6e1;background:white;color:#254258;cursor:pointer;}.wb-close span{font-size:25px;line-height:1;}
.wb-editor-body{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:0;}
.wb-editor-main{padding:23px 24px 22px;min-width:0;}.wb-editor-aside{border-left:1px solid #d8e3eb;padding:26px 22px;}
.wb-preview-stage{position:relative;min-height:290px;aspect-ratio:16/9;background:radial-gradient(ellipse at 40% 10%,#203a4e,#0a1d2b);border-radius:12px;display:grid;place-items:center;overflow:hidden;}
.wb-preview-frame{position:relative;width:100%;height:100%;overflow:hidden;max-height:100%;aspect-ratio:16/9;}
.wb-editor[data-ratio=tall] .wb-preview-frame{width:auto;height:100%;aspect-ratio:9/16;}
.wb-preview-image{width:100%;height:100%;background:linear-gradient(145deg,#749ab7,#16384f);}
.wb-preview-image img{width:100%;height:100%;display:block;object-fit:cover;}
.wb-image-missing{background:linear-gradient(145deg,#749ab7,#16384f);}
.wb-preview-index{position:absolute;bottom:12px;left:14px;color:#fff;background:#0d2639b8;border:1px solid #abc9dc3b;border-radius:4px;padding:3px 7px;font-size:10px;font-variant-numeric:tabular-nums;}
.wb-preview-corners{position:absolute;inset:16px;pointer-events:none;border:1px solid #e8f7ff24;}
.wb-transport{display:flex;align-items:center;gap:8px;margin:16px 0 21px;}
.wb-transport button,.wb-order-actions button{min-height:44px;border:1px solid #ccdbe6;border-radius:8px;color:#2a465b;background:#fff;padding:7px 11px;font-size:12px;cursor:pointer;}
.wb-transport .wb-icon-control{width:44px;font-size:22px;padding:0;}
.wb-transport .wb-play{background:#22445f;border-color:#22445f;color:#fff;min-width:108px;}
.wb-time{font-size:12px;font-variant-numeric:tabular-nums;color:#536c80;white-space:nowrap;margin-left:5px;}
.wb-frame-controls{display:flex;gap:4px;margin-left:auto;}.wb-frame-controls button[aria-pressed=true]{background:#e0ecf5;color:#0d4979;border-color:#7faaca;}
.wb-timeline-head{display:flex;justify-content:space-between;font-size:11px;color:#5d7689;margin-bottom:0;}.wb-timeline-head label{font-size:12px;color:#274960;}
#wb-scrub{display:block;width:100%;margin:0;height:34px;padding:0;accent-color:#2a78b6;cursor:ew-resize;touch-action:pan-y;}
.wb-timeline-clips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:4px;}
.wb-timeline-clips>button{min-width:0;padding:4px;border:1px solid #ccdbe6;border-radius:7px;background:#ebf1f5;cursor:pointer;text-align:left;color:#2b4d64;}
.wb-timeline-clips>button.is-selected{border-color:#2e79b0;box-shadow:0 0 0 1px #2e79b0;background:#e6f2fb;}
.wb-clip-image{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:#bbccda;}.wb-clip-image img{width:100%;height:100%;object-fit:cover;}
.wb-clip-label{display:flex;gap:6px;align-items:center;font-size:9px;padding:6px 1px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wb-clip-label b{font-size:10px;font-variant-numeric:tabular-nums;}
.wb-order-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:16px;font-size:10px;color:#58758c;}.wb-order-actions>span{margin-right:auto;}.wb-order-actions button{font-size:10px;min-height:36px;padding:5px 8px;}.wb-order-actions button:disabled{opacity:.4;cursor:default;}
.wb-editor-note{font-size:14px;line-height:1.75;color:#516a7e;}
.wb-inspector{margin-top:30px;}.wb-inspector>span{display:block;font-size:10px;color:#7c91a1;margin-bottom:5px;}.wb-inspector>strong{display:block;font-size:15px;font-weight:550;}.wb-inspector-line{height:1px;background:#d6e2eb;margin:21px 0;}
.wb-study{font-size:11px!important;line-height:1.65;color:#70889a;margin-top:36px!important;}
.wb-editor button:focus-visible,.wb-editor input:focus-visible{outline:2px solid #2580c0;outline-offset:3px;}
@media(min-width:768px) and (max-width:1179px){
 html.wb-tools #journey .c9-depth.wb-interactive .c9-rig{right:30px!important;width:273px!important;height:181px!important;}
 html.wb-tools #journey .c9-depth.wb-interactive .wb-activation{width:273px;}
 html.wb-tools #journey .wb-model{transform:scale(.78);}
 html.wb-tools #journey .c9-depth[data-wb-kind=editor] .wb-model{transform:scale(.74);}
 html.wb-tools #journey .wb-label{top:148px;right:0;font-size:11px;}
 html.wb-tools #journey .wb-result{top:188px;}
 .wb-editor-body{grid-template-columns:minmax(0,1fr) 180px;}.wb-editor-aside{padding:23px 17px;}.wb-editor-main{padding:20px;}.wb-time{font-size:11px;}
}
@media(max-width:767px){
 
 html.wb-tools #journey .c9-depth.wb-interactive{top:0!important;height:158px!important;}
 html.wb-tools #journey .c9-depth.wb-interactive .c9-rig{right:22px!important;width:185px!important;height:136px!important;transform:none!important;}
 html.wb-tools #journey .c9-depth.wb-interactive .wb-activation{width:185px;}
 html.wb-tools #journey .wb-model{transform:scale(.53);width:350px;height:178px;}
 html.wb-tools #journey .c9-depth[data-wb-kind=editor] .wb-model{transform:scale(.5);}
 html.wb-tools #journey .wb-label{top:95px;right:0;padding:0 8px;min-height:40px;font-size:11px;gap:5px;}
 html.wb-tools #journey .wb-result{top:140px;font-size:10px;}
 html.wb-tools dialog.wb-editor{width:calc(100vw - 20px);max-height:calc(100dvh - 34px);border-radius:15px;}
 .wb-editor-header{padding:17px 15px 14px;}.wb-editor h2{font-size:18px;}.wb-editor-kicker{font-size:8px;}
 .wb-editor-body{display:block;}.wb-editor-main{padding:15px;}.wb-editor-aside{border-top:1px solid #d8e3eb;border-left:0;padding:13px 16px 17px;}.wb-editor-note{font-size:12px;}.wb-inspector{display:none;}.wb-study{margin-top:7px!important;font-size:10px!important;}
 .wb-preview-stage{min-height:0;height:210px;aspect-ratio:auto;}.wb-preview-frame{width:100%;height:auto;max-height:100%;aspect-ratio:16/9;}.wb-editor[data-ratio=tall] .wb-preview-frame{width:auto;height:100%;}
 .wb-transport{gap:5px;flex-wrap:wrap;margin:12px 0 13px;}.wb-transport .wb-play{min-width:95px;font-size:11px;padding-inline:8px;}.wb-time{font-size:10px;margin-left:2px;}
 .wb-frame-controls{gap:3px;}.wb-frame-controls button{padding:5px 7px;min-width:42px;min-height:44px;font-size:11px;}
 .wb-clip-label{font-size:0;justify-content:center;}.wb-clip-label b{font-size:11px;}.wb-timeline-clips{gap:5px;}
 .wb-order-actions{gap:5px;}.wb-order-actions>span{flex-basis:100%;}.wb-order-actions button{min-height:44px;font-size:10px;}
 #wb-scrub{height:44px;}
}
@media(max-width:359px){.wb-time{order:4;flex-basis:100%;text-align:center;margin:1px 0 0;}.wb-preview-stage{height:180px;}.wb-editor-main{padding:12px;}.wb-transport{gap:4px;}}
/* Actions remain accessible even when all non-essential motion is disabled. */
html.wb-tools.c9-reduced #journey .c9-depth.wb-interactive{display:block!important;}
html.wb-tools.c9-reduced #journey .c9-depth.wb-interactive .c9-object{transform:none!important;}
@media(prefers-reduced-motion:reduce){html.wb-tools #journey .c9-depth.wb-interactive{display:block!important;}html.wb-tools #journey .c9-depth.wb-interactive .c9-object{transform:none!important;}.wb-editor *,.wb-label{transition:none!important;animation:none!important;}}
@media(forced-colors:active){.wb-label,.wb-activation:focus-visible,.wb-editor button{border:1px solid ButtonText;}.wb-label{background:Canvas;color:CanvasText}.wb-editor button[aria-pressed=true]{outline:2px solid Highlight;}}

/* RC11.4: a permanent archive projector, caption-free tools, a bundled Music icon.
   No changes to RC1 colour fields, global navigation or the CMS data contract. */
html.wb-tools #journey .c9-depth.wb-interactive .wb-activation{height:180px;}
html.wb-tools #journey .c9-depth.wb-interactive[data-wb-kind=projector]{top:-48px!important;}
html.wb-tools #journey .wb-label,html.wb-tools #journey .wb-result{display:none!important;}
html.wb-tools #journey .wb-activation:hover .wb-lens-light{opacity:.9;}
html.wb-tools #journey .wb-activation:hover .wb-projector-screen{border-color:#d6e9f7;}
/* A silver/graphite 16mm-style tabletop projector. Light and cast-shadow
   direction match the existing slate and editing console: upper-left key. */
.wb-projector{width:350px;height:178px;}
.wb-projector-ground{position:absolute;left:15px;top:168px;width:302px;height:11px;border-radius:50%;background:radial-gradient(ellipse,#0a253c40,transparent 72%);transform:translateZ(-25px);}
.wb-projector-reel{position:absolute;width:70px;height:70px;top:2px;border:2px solid #c4d8e7;border-radius:50%;background:radial-gradient(circle,#8da6b7 0 8%,#4a6578 9% 14%,#c4d7e3 15% 62%,#718a9e 65% 68%,#d4e4ee 69% 74%,#38586c 75%);box-shadow:2px 3px 0 #304b60,6px 10px 13px -9px #061b3166;transform:translateZ(12px);}
.wb-projector-reel.reel-one{left:13px;}.wb-projector-reel.reel-two{left:100px;top:0;}
.wb-projector-reel i{position:absolute;left:28px;top:6px;width:11px;height:19px;border-radius:50%;background:#233f53;box-shadow:inset 1px 1px 2px #102337;transform-origin:5px 27px;}
.wb-projector-reel i:nth-child(2){transform:rotate(72deg);}.wb-projector-reel i:nth-child(3){transform:rotate(144deg);}.wb-projector-reel i:nth-child(4){transform:rotate(216deg);}.wb-projector-reel i:nth-child(5){transform:rotate(288deg);}
.wb-projector-reel b{position:absolute;inset:29px;background:linear-gradient(135deg,#f7fcff,#7895ab);border-radius:50%;border:1px solid #e7f5ff;}
.wb-projector-housing{position:absolute;left:26px;top:65px;width:143px;height:88px;border-radius:10px;background:linear-gradient(135deg,#617e94,#263e53 40%,#132a3e);border:1px solid #9eb6c5;box-shadow:4px 5px 0 #11283b,inset 1px 1px #d8edf73b,10px 17px 22px -15px #061c3580;transform:translateZ(6px);}
.wb-projector-vent{position:absolute;left:15px;top:20px;width:51px;height:36px;background:repeating-linear-gradient(0deg,#0a2334 0 2px,transparent 2px 5px);border:1px solid #7a99ad55;border-radius:4px;}
.wb-projector-knob{position:absolute;right:15px;bottom:12px;width:20px;height:20px;border-radius:50%;background:repeating-conic-gradient(#9bb3c4 0 14deg,#617c8f 14deg 18deg);border:2px solid #d4e5ef;box-shadow:2px 3px #0b2133;}
.wb-projector-led{position:absolute;right:29px;top:17px;width:4px;height:4px;background:#d2e7f4;border-radius:50%;}
.wb-projector-lens{position:absolute;left:162px;top:88px;width:30px;height:37px;border-radius:5px;background:repeating-linear-gradient(90deg,#5e7a8e 0 3px,#152f43 3px 5px);border:1px solid #94acbb;transform:translateZ(11px);}
.wb-projector-lens i{position:absolute;right:-4px;top:1px;width:11px;height:33px;border-radius:50%;border:2px solid #9bbbcf;background:radial-gradient(ellipse at 30% 25%,#c9eafa,#305878 45%,#11283c 70%);}
.wb-projector-foot{position:absolute;left:38px;top:157px;width:120px;height:9px;border-radius:2px;background:linear-gradient(135deg,#c7d9e6,#607a8d);box-shadow:3px 3px #16314a;transform:translateZ(5px);}
.wb-projector-beam{position:absolute;left:190px;top:53px;width:64px;height:107px;background:linear-gradient(90deg,#c7e6f94d,#c7e6f90a);clip-path:polygon(0 42%,100% 0,100% 100%,0 67%);opacity:.32;transform:translateZ(3px);pointer-events:none;}
.wb-projector-screen{position:absolute;left:238px;top:54px;width:108px;height:93px;padding:5px;background:linear-gradient(135deg,#bfd2de,#52728c);border:1px solid #96afc2;border-radius:5px;box-shadow:4px 9px 12px -8px #071f3566;transform:translateZ(-5px) rotateY(-13deg);transition:border-color .2s;}
.wb-projector-image{width:100%;height:100%;background:#172f46;overflow:hidden;border:1px solid #274f6b;}.wb-projector-image img{width:100%;height:100%;object-fit:cover;display:block;}
.wb-projector-screen>i{position:absolute;inset:4px;background:linear-gradient(145deg,#e4f6ff26,transparent 55%);pointer-events:none;}
/* Same image geometry and tray layering as the other locally bundled apps.
   The drawn default is not presented as native Apple artwork; native import
   can still take precedence in build-front.py. */
html.visitor-edition #dock .studio-music-dock .dock-icon{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
html.visitor-edition #dock .studio-music-dock .music-dock-art{width:100%!important;height:100%!important;object-fit:contain!important;max-width:none!important;padding:0!important;filter:none!important;}
@media(min-width:768px) and (max-width:1179px){
 html.wb-tools #journey .c9-depth.wb-interactive .wb-activation{height:144px;}
 html.wb-tools #journey .c9-depth.wb-interactive[data-wb-kind=projector]{top:-20px!important;}
}
@media(max-width:767px){
 
 html.wb-tools #journey .c9-depth.wb-interactive[data-wb-kind=projector]{top:0!important;height:124px!important;}
 html.wb-tools #journey .c9-depth.wb-interactive .wb-activation{height:112px;}
 html.wb-tools #journey .c9-depth.wb-interactive{height:125px;}
 html.wb-tools #journey .wb-activation:focus-visible{outline-offset:3px;}
}
@media(prefers-reduced-motion:reduce){.wb-projector-screen{transition:none;}}

/* RC11.5: a single added object in the live-photo chapter. The parent carries
   existing scroll transforms; the internal assembly owns click reactions.
   Upper-left key, lower-right cast shadow: no global lighting/filter changes. */
html.wb-tools #journey .c9-depth.wb-interactive[data-wb-kind=flashcamera]{top:-101px!important;height:246px!important;}
html.wb-tools #journey .c9-depth[data-wb-kind=flashcamera] .c9-rig{height:238px!important;}
html.wb-tools #journey .c9-depth[data-wb-kind=flashcamera] .wb-activation{height:235px;}
html.wb-tools #journey .c9-depth[data-wb-kind=flashcamera] .wb-model{height:236px;}
.wb-flashcam{width:350px;height:235px;}
.wb-flashcam-assembly{position:absolute;inset:0;transform-style:preserve-3d;}
.wb-flash-ground{position:absolute;left:46px;top:222px;width:273px;height:14px;border-radius:50%;background:radial-gradient(ellipse,#17394e45,transparent 72%);transform:translateZ(-25px);}
.wb-flashcam-back{position:absolute;left:47px;top:99px;width:254px;height:111px;border-radius:17px 22px 18px 15px;background:linear-gradient(135deg,#738996,#263b4b 66%,#10232f);box-shadow:11px 18px 24px -14px #18364e70;transform:translateZ(-12px);}
.wb-flashcam-body{position:absolute;left:40px;top:96px;width:255px;height:110px;border:1px solid #617f90;border-radius:15px 21px 16px 13px;background:radial-gradient(#70818b50 .55px,transparent .9px) 0 0/3px 3px,linear-gradient(135deg,#4b5c69,#243541 52%,#142531);box-shadow:inset 1px 1px #c3d2da35,inset -2px -3px #091b284d,5px 7px 0 #112734;transform:translateZ(2px);}
.wb-flashcam-grip{position:absolute;right:-1px;top:-4px;width:44px;height:107px;border-radius:11px 19px 15px 10px;background:repeating-linear-gradient(85deg,#354b5826 0 1px,transparent 1px 4px),linear-gradient(115deg,#4b606d,#233743 50%,#142933);border-left:1px solid #8399a541;box-shadow:4px 3px 0 #102330;}
.wb-flashcam-seam{position:absolute;left:9px;right:9px;bottom:13px;height:1px;background:#97b0bd22;}
.wb-flashcam-port{position:absolute;left:18px;top:48px;width:24px;height:38px;border:1px solid #10232e;border-right-color:#768c994d;border-radius:5px;background:linear-gradient(110deg,#243845,#182c38);}
.wb-flashcam-top{position:absolute;left:41px;top:83px;width:254px;height:33px;border-radius:12px 20px 4px 4px;background:linear-gradient(145deg,#dce7ee,#a0b3c1 34%,#607b90 74%,#3c5264);border:1px solid #c8d9e3;box-shadow:3px 4px 0 #203949,inset 0 1px #f4fbff91;transform:translateZ(7px);}
.wb-flashcam-dial{position:absolute;left:11px;top:-7px;width:38px;height:13px;border:1px solid #91a7b8;border-radius:50%;background:repeating-conic-gradient(#526e82 0 10deg,#a0b8c5 10deg 14deg);box-shadow:0 4px 0 #294150;}
.wb-flashcam-trigger{position:absolute;right:16px;top:-8px;width:24px;height:11px;border-radius:50%;background:linear-gradient(140deg,#f0f7fb,#7c98aa);border:1px solid #bed4e1;box-shadow:0 4px #294452;}
.wb-flashcam-top-display{position:absolute;right:57px;top:4px;width:35px;height:15px;background:linear-gradient(135deg,#bbc6bd,#6e827e);border:3px solid #375263;border-radius:4px;}
.wb-flashcam-prism{position:absolute;left:129px;top:68px;width:79px;height:46px;background:linear-gradient(140deg,#607989,#273d4e 64%,#192e40);clip-path:polygon(22% 0,75% 0,100% 57%,95% 100%,4% 100%,0 57%);transform:translateZ(11px);}
.wb-flashcam-prism span{position:absolute;left:9px;right:9px;bottom:7px;text-align:center;font:650 9px/1 var(--lv-ui-font,sans-serif);letter-spacing:.12em;color:#dce9ef;}
.wb-flashcam-strap{position:absolute;top:109px;width:10px;height:16px;border:2px solid #b2c6d2;border-radius:4px;background:#284353;transform:translateZ(5px);}
.wb-flashcam-strap.strap-left{left:35px;}.wb-flashcam-strap.strap-right{left:297px;}
.wb-flashcam-mount{position:absolute;left:124px;top:116px;width:110px;height:110px;border-radius:50%;border:2px solid #254051;background:conic-gradient(from -45deg,#dce8f1,#506e82 24%,#112736 47%,#6f8b9c 73%,#dce8f1);box-shadow:5px 7px 0 #152e3c;transform:translateZ(15px);}
.wb-flashcam-barrel{position:absolute;left:128px;top:117px;width:102px;height:102px;border-radius:50%;border:5px solid #263e4d;background:repeating-conic-gradient(#718996 0 1.4deg,#223b4d 1.4deg 6deg);box-shadow:inset 0 0 0 3px #849fac,5px 7px 7px #122f454f;transform:translateZ(28px);}
.wb-flashcam-barrel>i{position:absolute;inset:8px;border:1px solid #b8cfda6b;border-radius:50%;box-shadow:0 0 0 3px #172e3d;}
.wb-flashcam-optic{position:absolute;left:145px;top:134px;width:68px;height:68px;border-radius:50%;border:5px solid #162d3d;background:radial-gradient(circle at 30% 24%,#91c4d9,#346478 28%,#132d43 56%,#0c1b2b 80%);box-shadow:0 0 0 2px #abc2ce,0 0 0 5px #2d4c5f;overflow:hidden;transform:translateZ(36px);}
.wb-flash-iris{position:absolute;inset:13px;border-radius:50%;background:conic-gradient(#163748,#487385,#0a2132,#395b6f,#163748);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,0 100%,0 50%);border:6px solid #2e5165;}
.wb-flash-reflection{position:absolute;left:5px;top:4px;width:30px;height:13px;border-radius:50%;rotate:-27deg;background:linear-gradient(125deg,#d8fbffa8,#8bd9f100);}
.wb-flash-reflection.small{left:42px;top:40px;width:8px;height:8px;opacity:.45;}
.wb-flashcam-af{position:absolute;left:105px;top:120px;width:5px;height:5px;border:1px solid #a9c3cc;border-radius:50%;background:#536d78;transform:translateZ(5px);}
/* Separate shoe, stem, swivel joint and rectangular Fresnel head make the
   mounted speedlight identifiable even at the simplified phone scale. */
.wb-speedlight-shoe{position:absolute;left:151px;top:69px;width:38px;height:9px;border-radius:2px;background:linear-gradient(140deg,#d9e7ef,#627e8e);border:1px solid #b4cddc;transform:translateZ(8px);}
.wb-speedlight-foot{position:absolute;left:154px;top:60px;width:33px;height:14px;border-radius:4px;background:repeating-linear-gradient(90deg,#6d899b 0 2px,#1a3446 2px 4px);border-top:1px solid #9bb6c5;transform:translateZ(10px);}
.wb-speedlight-stem{position:absolute;left:141px;top:33px;width:57px;height:34px;border:1px solid #8ba6b8;border-radius:6px;background:linear-gradient(130deg,#5d798b,#2b475c 44%,#162e43);box-shadow:4px 4px 0 #152b3b;transform:translateZ(12px);}
.wb-speedlight-stem>i{position:absolute;left:9px;top:10px;width:22px;height:14px;border-radius:3px;background:linear-gradient(140deg,#597c89,#284b61);border:2px solid #162d3e;}
.wb-speedlight-stem>b{position:absolute;right:7px;bottom:7px;width:6px;height:6px;background:#adc3c5;border-radius:50%;box-shadow:0 0 0 1px #182f40;}
.wb-speedlight-pivot{position:absolute;left:197px;top:27px;width:13px;height:17px;border:2px solid #aac0cd;border-radius:50%;background:radial-gradient(circle,#c4d6df 0 18%,#354f62 25%);transform:translateZ(14px);}
.wb-speedlight-head{position:absolute;left:112px;top:0;width:112px;height:48px;transform-style:preserve-3d;transform:translateZ(18px) rotateY(-6deg);}
.wb-speedlight-side{position:absolute;left:3px;top:2px;width:112px;height:48px;border-radius:9px;background:linear-gradient(140deg,#6c8b9f,#1b3549 66%);box-shadow:4px 6px 0 #142d40,8px 12px 16px -12px #09223373;transform:translateZ(-6px);}
.wb-speedlight-front{position:absolute;inset:0;border:1px solid #b4cbd9;border-radius:8px;background:linear-gradient(140deg,#d6e3ec,#647f92 53%,#334e64);padding:7px;box-shadow:inset 0 1px #f7fdff85;overflow:hidden;transform:translateZ(3px);}
.wb-speedlight-fresnel{height:100%;border:1px solid #e4edf3;border-radius:3px;background:repeating-linear-gradient(90deg,#bed0dba6 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,#e5edf2 0 2px,#b6c9d5 2px 3px,#dce7ee 3px 6px);box-shadow:inset 0 2px 3px #4264774d;}
.wb-speedlight-emission{position:absolute;inset:7px;background:#f4f8fb;opacity:0;border-radius:3px;}
.wb-speedlight-bounce{position:absolute;left:22px;right:22px;top:-3px;height:3px;border-radius:2px 2px 0 0;background:#e7eef3;}
.wb-speedlight-halo{position:absolute;left:90px;top:-27px;width:159px;height:106px;background:radial-gradient(ellipse,#e2efffa6 0%,#deedfb55 26%,transparent 66%);opacity:0;pointer-events:none;transform:translateZ(22px);}
html.wb-tools #journey .wb-activation[data-wb-action=flashcamera]:hover .wb-flashcam-trigger{border-color:#f1faff;}
@media(min-width:768px) and (max-width:1179px){
 html.wb-tools #journey .c9-depth.wb-interactive[data-wb-kind=flashcamera]{top:-65px!important;height:199px!important;}
 html.wb-tools #journey .c9-depth[data-wb-kind=flashcamera] .c9-rig{height:189px!important;}
 html.wb-tools #journey .c9-depth[data-wb-kind=flashcamera] .wb-activation{height:184px;}
}
@media(max-width:767px){
 
 html.wb-tools #journey .c9-depth.wb-interactive[data-wb-kind=flashcamera]{top:0!important;height:143px!important;}
 html.wb-tools #journey .c9-depth[data-wb-kind=flashcamera] .c9-rig{height:132px!important;}
 html.wb-tools #journey .c9-depth[data-wb-kind=flashcamera] .wb-activation{height:132px;}
 .wb-flashcam-body{background:linear-gradient(135deg,#4b5c69,#243541 52%,#142531);}
}
@media(prefers-reduced-motion:reduce){.wb-speedlight-emission,.wb-speedlight-halo{display:none!important;}}
html.c9-reduced .wb-speedlight-emission,html.c9-reduced .wb-speedlight-halo{display:none!important;}
@media(forced-colors:active){.wb-speedlight-emission,.wb-speedlight-halo{display:none!important;}.wb-flashcam-body,.wb-speedlight-front,.wb-flashcam-optic{border:2px solid CanvasText;}}

/* RC11.7 — neutral translucent menubar; compact RC11.6 layout unchanged.
   Desktop: 32px menubar, 13px text, 12px traffic lights on 20px centers.
   The fixed Inter/Noto font resources are retained; no Apple font is bundled.
   Touch uses larger hit areas without magnifying the artwork. */
html.rc116-chrome {
 --chrome-menu-h:32px; --chrome-window-h:38px;
 --chrome-hit:28px; --chrome-icon:15px;
 --header-control-bottom:5px; --header-brand-bottom:7px;
 --os-bar:var(--chrome-menu-h); --ed-bar-height:var(--chrome-menu-h);
 /* Use the native field's matched ink and frosted material together. The
    retained .78 light / .84 dark tint stays readable when pale cards cross a
    navy field; open windows and the journal keep their own materials below. */
 --chrome-ink:var(--v10-bar-ink,#183c5d); --chrome-fill:var(--v10-bar-fill,rgba(241,248,255,.78));
 --chrome-hover:rgba(20,35,50,.075); --chrome-edge:rgba(25,40,56,.09);
 --chrome-focus:#1769ff;
}
html.rc116-chrome body.os-window-open{--chrome-fill:rgba(242,247,252,.86);--chrome-ink:#183c5d;}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar {
 position:fixed!important;inset:0 0 auto!important;
 height:var(--chrome-menu-h)!important;min-height:var(--chrome-menu-h)!important;
 box-sizing:border-box;padding:0 12px!important;margin:0!important;
 display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;
 background:var(--chrome-fill)!important;background-image:none!important;color:var(--chrome-ink)!important;
  border:0!important;border-bottom:0!important;border-radius:0!important;
 box-shadow:none!important;filter:none!important;
 backdrop-filter:blur(26px) saturate(1.08)!important;-webkit-backdrop-filter:blur(26px) saturate(1.08)!important;
 font-family:var(--lv-ui-font)!important;font-size:13px!important;line-height:18px!important;letter-spacing:0!important;
}
/* Tint and foreground must change together, without a pale intermediate bar
   inheriting the next scene's white type. Inner controls keep their feedback. */
html.rc116-chrome:not(.jr-active) .site-header.os-menubar {transition:none!important;}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar :is(button,a,time,b,span) {
 font-family:var(--lv-ui-font)!important;font-synthesis:none;font-optical-sizing:auto;
 letter-spacing:0!important;line-height:18px!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar :is(.brand,.top-nav>a,.top-nav>button,.tool-button,.v10-social-link,#os-clock) {
 color:var(--chrome-ink)!important;text-shadow:none!important;filter:none!important;box-shadow:none!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .brand {
 display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:4px!important;
 min-width:0!important;min-height:0!important;height:100%!important;padding:0 7px 0 1px!important;
 font-size:13px!important;font-weight:700!important;border:0!important;border-radius:4px!important;background:none!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .brand-glyph {
 display:block!important;width:16px!important;height:18px!important;margin:0!important;fill:currentColor!important;flex:none;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .os-app-name {
 font-size:13px!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:18px!important;white-space:nowrap;transform:translateY(1px)!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .top-nav {
 display:flex!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;
 align-items:center!important;justify-content:flex-start!important;gap:0!important;height:100%!important;padding:0!important;margin:0!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .top-nav :is(button,a) {
 display:flex!important;align-items:center!important;height:28px!important;min-height:0!important;min-width:0!important;
 padding:0 10px!important;margin:0!important;border:0!important;border-radius:4px!important;background:transparent!important;
 font-size:13px!important;font-weight:500!important;white-space:nowrap!important;transform:none!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar :is(.brand,.top-nav>a,.top-nav>button,.tool-button,.v10-social-link):is(:hover,[aria-expanded=true]) {
 background:var(--chrome-hover)!important;
}
html.rc116-chrome .site-header :is(button,a):focus-visible {outline:2px solid var(--chrome-focus)!important;outline-offset:-2px!important;border-radius:4px!important;}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools {
 display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;
 height:100%!important;min-height:0!important;gap:3px!important;margin:0 0 0 auto!important;padding:0!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools :is(.tool-button,.v10-social-link) {
 box-sizing:border-box;display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:var(--chrome-hit)!important;min-width:var(--chrome-hit)!important;height:28px!important;min-height:0!important;
 padding:0!important;margin:0!important;border:0!important;border-radius:4px!important;background:none!important;transform:none!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools :is(svg,.icon) {
 display:block!important;width:var(--chrome-icon)!important;height:var(--chrome-icon)!important;flex:0 0 auto!important;margin:0!important;transform:none!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools #v10-header-social {
 display:flex!important;align-items:center!important;gap:1px!important;height:28px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools .lv-language {
 height:28px!important;min-height:0!important;display:flex!important;align-items:center!important;margin:0!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header #language-toggle {width:28px!important;min-width:28px!important;height:100%!important;min-height:0!important;gap:0!important;font-size:13px!important;}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header #language-label {display:inline-flex!important;align-items:flex-end!important;justify-content:center!important;height:var(--chrome-icon)!important;font-size:13px!important;font-weight:600!important;line-height:1!important;}
html.rc116-chrome .site-header #language-toggle>.lv-language-icon {
 display:flex!important;align-items:flex-end!important;justify-content:center!important;
 width:var(--chrome-icon)!important;min-width:var(--chrome-icon)!important;
 height:var(--chrome-icon)!important;flex:0 0 var(--chrome-icon)!important;line-height:1!important;
}
html.rc116-chrome .site-header #language-toggle>.lv-language-icon>svg {
 display:block!important;width:var(--chrome-icon)!important;min-width:var(--chrome-icon)!important;max-width:var(--chrome-icon)!important;
 height:var(--chrome-icon)!important;flex:0 0 var(--chrome-icon)!important;
 fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;
 stroke-linecap:round!important;stroke-linejoin:round!important;
}
html.rc116-chrome .site-header #language-toggle>#language-label.sr-only {
 position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
 overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;display:block!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools #os-clock {
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 height:28px!important;min-height:0!important;min-width:0!important;width:auto!important;padding:0!important;margin:0 0 0 7px!important;
 gap:7px!important;border:0!important;font-family:var(--lv-ui-font)!important;font-size:13px!important;font-weight:500!important;
 font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1;white-space:nowrap!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools #os-clock .time-date {
 display:inline!important;font-size:12px!important;font-weight:500!important;line-height:18px!important;letter-spacing:0!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools #os-clock b {
 font-size:13px!important;font-weight:700!important;line-height:18px!important;letter-spacing:0!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools #os-clock :is(.time-date,b) {
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 height:var(--chrome-icon)!important;min-height:0!important;line-height:1!important;
}
@media (min-width:768px) and (max-width:1199px){
 html.rc116-chrome .site-header .header-tools #os-clock :is(.time-date,b){translate:0 1px!important}
}
@media (max-width:767px){
 html.rc116-chrome .site-header .header-tools #os-clock b{translate:0 2px!important}
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .brand {
 align-items:flex-end!important;padding-bottom:var(--header-brand-bottom)!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .top-nav :is(a,button) {
 align-items:flex-end!important;padding-bottom:var(--header-control-bottom)!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .header-tools :is(.tool-button,.v10-social-link),
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .header-tools #language-toggle,
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .header-tools #os-clock {
 align-items:flex-end!important;padding-bottom:var(--header-control-bottom)!important;
}
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools #delivery-social-toggle {display:none!important;}
/* Menus are attached to the shorter bar, never left at the old 48px offset. */
html.rc116-chrome #os-menu-panel {top:calc(var(--chrome-menu-h) + 4px)!important;padding:5px!important;border-radius:7px!important;}
html.rc116-chrome #os-menu-panel :is(button,a) {min-height:27px!important;padding:4px 10px!important;font-size:13px!important;line-height:18px!important;border-radius:4px!important;}
html.rc116-chrome #language-menu {top:calc(100% + 4px)!important;border-radius:7px!important;}
html.rc116-chrome .site-header #language-menu button {color:#183c5d!important;min-height:30px!important;font-size:13px!important;}
/* Light dropdowns own a complete frosted plane, including their lower edge.
   Keep v9's blur/rim geometry, but its decorative wash cannot replace this
   readable material. The journal's separate dark menu is intentionally scoped out. */
html.rc116-chrome:not(.jr-active) #os-menu-panel,
html.rc116-chrome #language-menu {background:rgba(241,248,255,.96)!important;color:#183c5d!important;}
html.rc116-chrome:not(.jr-active) #os-menu-panel>.v9-glass-backdrop,
html.rc116-chrome #language-menu>.v9-glass-backdrop {background:transparent!important;}
/* Light, compact window chrome, like the foreground window in the reference. */
html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .workspace>.window-bar {
 height:var(--chrome-window-h)!important;min-height:var(--chrome-window-h)!important;
 padding:0 10px!important;gap:10px!important;background:#f4f4f4!important;
 border-bottom:1px solid rgba(0,0,0,.09)!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate;
}
html.rc116-chrome .workspace>.window-bar>.v9-glass-backdrop,
html.rc116-chrome .workspace>.window-bar>.v9-glass-rim {display:none!important;pointer-events:none!important;}
html.rc116-chrome.rc11-player .workspace>.window-bar>.window-title {
 color:#2c2c2e!important;font-size:13px!important;font-weight:600!important;line-height:18px!important;
 gap:6px!important;letter-spacing:0!important;pointer-events:none;z-index:3!important;
}
html.rc116-chrome .window-title .icon {width:14px!important;height:14px!important;}
html.rc116-chrome .window-title span {max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html.rc116-chrome .workspace>.window-scroll {height:calc(100% - var(--chrome-window-h))!important;}
html.rc116-chrome .window-dots,html.rc116-chrome .music-traffic {
 display:flex;flex:0 0 auto;align-items:center;gap:0!important;margin:0!important;padding:0!important;
}
html.rc116-chrome .window-dots button,html.rc116-chrome .music-traffic button {
 position:relative;box-sizing:border-box;display:grid!important;place-items:center;
 width:20px!important;min-width:20px!important;height:28px!important;min-height:0!important;
 margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:4px!important;
 color:transparent!important;font-size:0!important;line-height:1!important;box-shadow:none!important;transform:none!important;
}
html.rc116-chrome .window-dots .dot,html.rc116-chrome .music-traffic button::before {
 display:block!important;position:relative;inset:auto!important;width:12px!important;height:12px!important;
 box-sizing:border-box;border-radius:50%!important;border:1px solid rgba(0,0,0,.12)!important;
 box-shadow:inset 0 .5px .5px rgba(255,255,255,.4)!important;
 color:transparent!important;font-size:0!important;transform:none!important;z-index:0!important;
}
html.rc116-chrome .music-traffic button::before {content:"";position:absolute;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;}
html.rc116-chrome .window-dots .dot.close,html.rc116-chrome .music-traffic .music-red::before {background:#ff5f57!important;}
html.rc116-chrome .window-dots .dot.home,html.rc116-chrome .music-traffic .music-yellow::before {background:#febc2e!important;}
html.rc116-chrome .window-dots .dot.max,html.rc116-chrome .music-traffic .music-green::before {background:#28c840!important;}
html.rc116-chrome :is(.window-dots,.music-traffic) button::after {
 content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%);
 background:#432d1e;mask:var(--chrome-control) center/contain no-repeat;-webkit-mask:var(--chrome-control) center/contain no-repeat;
 opacity:0;pointer-events:none;z-index:2;
}
html.rc116-chrome :is(.window-dots,.music-traffic) button:nth-child(1) {--chrome-control:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='m2 2 6 6M8 2 2 8' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");}
html.rc116-chrome :is(.window-dots,.music-traffic) button:nth-child(2) {--chrome-control:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 5h8' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E");}
html.rc116-chrome :is(.window-dots,.music-traffic) button:nth-child(3) {--chrome-control:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 1h5L1 6zm8 8H4l5-5z'/%3E%3C/svg%3E");}
html.rc116-chrome :is(.window-dots,.music-traffic):hover button::after,
html.rc116-chrome :is(.window-dots,.music-traffic) button:focus-visible::after {opacity:.8;}
html.rc116-chrome :is(.window-dots,.music-traffic) button:focus-visible {outline:2px solid #3478f6!important;outline-offset:0!important;}
html.rc116-chrome .music-window-top {
 min-height:var(--chrome-window-h)!important;height:var(--chrome-window-h)!important;
 grid-template-columns:64px minmax(0,1fr) 120px!important;gap:10px!important;padding:0 10px!important;
 background:#f4f4f4!important;border-bottom:1px solid rgba(0,0,0,.09)!important;
}
html.rc116-chrome .music-window-top>b {font-size:13px!important;font-weight:600!important;line-height:18px!important;letter-spacing:0!important;color:#2c2c2e!important;}
html.rc116-chrome .music-window-edition {font-size:9px;letter-spacing:.12em;opacity:.64;}
/* Coarse input may enlarge surrounding toolbar targets, but system window
   controls keep the same 12px artwork on 20px centers at every desktop and
   tablet window width. */
@media (min-width:768px) and (max-width:1199px), (min-width:768px) and (pointer:coarse) {
 html.rc116-chrome {--chrome-menu-h:40px;--chrome-hit:34px;--header-control-bottom:9px;--header-brand-bottom:11px;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools :is(.tool-button,.v10-social-link),
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools :is(#v10-header-social,.lv-language,#os-clock) {height:36px!important;min-height:0!important;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .top-nav :is(button,a) {height:36px!important;padding:0 8px!important;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .top-nav :is(button,a) {padding-bottom:var(--header-control-bottom)!important;}
 html.rc116-chrome .music-window-top {grid-template-columns:64px minmax(0,1fr) 110px!important;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools #os-clock .time-date {display:none!important;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header #v10-header-social .v10-social-link:nth-child(n/**/+4) {display:none!important;}
}
@media (min-width:768px) and (max-width:959px) {
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .top-nav {display:none!important;}
}
@media (max-width:767px) {
 html.rc116-chrome {--chrome-menu-h:calc(44px + env(safe-area-inset-top,0px));--chrome-window-h:40px;--chrome-hit:44px;--chrome-icon:17px;--header-control-bottom:13px;--header-brand-bottom:13px;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .workspace>.window-bar {
  background:var(--v10-bar-fill,rgba(241,248,255,.78))!important;
  color:var(--v10-bar-ink,#183c5d)!important;
  border-bottom:1px solid var(--chrome-edge)!important;
  backdrop-filter:blur(22px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.25)!important;
  gap:6px!important;
  padding:0 8px!important;
 }
 html.rc116-chrome .workspace>.window-bar>:is(.window-mobile-back,.window-mobile-min,.window-title) {color:var(--v10-bar-ink,#183c5d)!important;}
 html.rc116-chrome .workspace>.window-bar>.window-mobile-back {
  width:auto!important;min-width:54px!important;height:40px!important;min-height:40px!important;
  justify-content:flex-start!important;padding:0 3px!important;gap:2px!important;font-size:12px!important;
 }
 html.rc116-chrome .workspace>.window-bar>.window-mobile-back .icon {width:15px!important;height:15px!important;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .workspace>.window-bar>.window-title {
  position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;max-width:calc(100% - 136px)!important;width:auto!important;
  margin:0!important;justify-content:center!important;font-size:12px!important;color:var(--v10-bar-ink,#183c5d)!important;
 }
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar {padding:env(safe-area-inset-top,0px) 8px 0 10px!important;gap:3px!important;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .brand {padding:0 0 var(--header-brand-bottom)!important;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .brand-glyph,
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .top-nav {display:none!important;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar .os-app-name {font-size:13px!important;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools {gap:0!important;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools :is(.tool-button,#language-toggle) {width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools :is(#v10-header-social,.studio-music-launch,.os-find-button),
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools #os-clock .time-date {display:none!important;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools #delivery-social-toggle {display:inline-flex!important;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools :is(.lv-language,#os-clock) {height:44px!important;min-height:44px!important;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools #os-clock {margin-left:5px!important;gap:0!important;}
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header .header-tools #os-clock b {font-size:12px!important;}
 html.rc116-chrome #os-menu-panel :is(button,a),html.rc116-chrome .site-header #language-menu button {min-height:44px!important;}
 html.rc116-chrome .workspace>.window-scroll {height:auto!important;flex:1;}
 html.rc116-chrome .workspace>.window-bar>.window-title {font-size:12px!important;pointer-events:auto;}
 html.rc116-chrome .window-dots {display:none!important;}
 html.rc116-chrome .music-traffic button {width:32px!important;min-width:32px!important;height:44px!important;}
 html.rc116-chrome .music-window-top {grid-template-columns:96px minmax(0,1fr) 10px!important;gap:6px!important;}
 html.rc116-chrome .music-window-top>b {font-size:12px!important;}
 html.rc116-chrome .music-window-edition {display:none!important;}
}
@media (forced-colors:active) {
 html.rc116-chrome {--chrome-ink:CanvasText;--chrome-fill:Canvas;}
  
 html.rc116-chrome :is(.window-dots .dot,.music-traffic button::before) {background:ButtonFace!important;border:1px solid ButtonText!important;}
 html.rc116-chrome :is(.window-dots,.music-traffic) button::after {background:ButtonText;opacity:1;}
}

/* The historical social selector uses an ID; match its specificity as well. */
html.rc116-chrome.rc11-player.visitor-edition .site-header .header-tools #v10-header-social .v10-social-link {
 width:var(--chrome-hit)!important;min-width:var(--chrome-hit)!important;height:28px!important;min-height:0!important;
 padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
html.rc116-chrome.rc11-player.visitor-edition .site-header .header-tools #v10-header-social svg {
 width:var(--chrome-icon)!important;height:var(--chrome-icon)!important;
}
@media (min-width:768px) and (max-width:1199px), (min-width:768px) and (pointer:coarse) {
 html.rc116-chrome.rc11-player.visitor-edition .site-header .header-tools #v10-header-social .v10-social-link {height:36px!important;}
}

@media (min-width:768px) {
 html.rc116-chrome .workspace{border-radius:12px!important;}
 html.rc116-chrome .workspace>.window-bar{border-radius:11px 11px 0 0!important;}
 html.rc116-chrome .studio-music-window{border-radius:12px!important;}
}

/* Hover accents follow the bar's own sampled position, not a lower heading. */
html.rc116-chrome[data-flow-bar-tone="dark"] {
 --chrome-hover:rgba(255,255,255,.12); --chrome-edge:rgba(255,255,255,.12);
 --chrome-focus:#b4d7ff;
}
/* Readable alternatives when transparency is unavailable or explicitly reduced. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar {
  --chrome-ink:#183c5d; --chrome-hover:rgba(20,35,50,.075); --chrome-focus:#1769ff;
  background:rgba(248,250,252,.96)!important;
 }
}
@media (prefers-reduced-transparency:reduce) {
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar {
  --chrome-ink:#183c5d; --chrome-hover:rgba(20,35,50,.075); --chrome-focus:#1769ff;
  background:#f8fafc!important; backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
}
@media (forced-colors:active) {
 html.rc116-chrome.rc11-player.rc9-cinematic.v9-liquid.v10-atmosphere.visitor-edition .site-header.os-menubar {
  --chrome-ink:CanvasText; --chrome-hover:Canvas; --chrome-focus:Highlight;
  background:Canvas!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
   border-bottom:0!important;
 }
}

/* Journal navigation shares the same system chrome on every route. */
html.journal-edition .site-header .top-nav{gap:4px!important;display:flex!important;align-items:center!important}
html.journal-edition .site-header .top-nav a{min-height:32px;padding:0 10px;display:inline-flex;align-items:center;font-size:12px;font-weight:550;text-decoration:none;color:inherit;white-space:nowrap;border-radius:5px;position:relative;border-bottom:0!important}
html.journal-edition .site-header .top-nav a::after{content:none!important}
#jr-mobile-menu-button{display:none!important}
.jr-nav-dialog{position:fixed;inset:14px 14px auto;margin:0;width:calc(100% - 28px);max-width:none;padding:24px;background:#f6fafeef;color:#123750;border:1px solid #fff;border-radius:18px;backdrop-filter:blur(25px);box-shadow:0 20px 80px #16334740;font-family:var(--lv-ui-font)}
.jr-nav-dialog::backdrop{background:#13324844;backdrop-filter:blur(5px)}
.jr-menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #234e6225}
.jr-menu-head strong{font-size:17px}
.jr-menu-head button{width:44px;height:44px;border:1px solid #4e697b33;border-radius:50%;font-size:25px;background:transparent}
.jr-nav-dialog nav{display:grid;margin:14px 0}
.jr-nav-dialog nav a{display:flex;align-items:center;gap:20px;padding:17px 0;color:inherit;text-decoration:none;font-size:20px;border-bottom:1px solid #234e6217}
.jr-nav-dialog nav a>span{font-size:9px;color:#7c94a6}
.jr-nav-dialog nav a>i{margin-left:auto;font-style:normal;font-size:19px}
.jr-nav-dialog>p{font-size:9px;letter-spacing:.19em;color:#8094a2;margin:24px 0 0}
.jr-nav-dialog a:focus-visible{outline:2px solid #347ff6;outline-offset:5px}
@media (min-width:768px) and (max-width:1179px){
 html.journal-edition body .site-header .top-nav{display:none!important}
 html.journal-edition #jr-mobile-menu-button{display:grid!important;place-items:center;width:40px!important;height:40px!important;padding:0!important}
 #jr-mobile-menu-button svg{width:18px;height:18px}
}
@media (max-width:767px){
 html.journal-edition .site-header .top-nav{display:none!important}
 #jr-mobile-menu-button{display:grid!important;place-items:center;width:40px!important;height:44px!important;padding:0!important}
 #jr-mobile-menu-button svg{width:18px;height:18px}
 html.journal-edition .header-tools{gap:0!important}
 html.journal-edition .header-tools>.studio-music-launch,html.journal-edition .header-tools>.os-find-button{display:none!important}
}

/* Final shared optical baseline: every visible control and glyph ends on the
   same line, rather than merely sharing a center point. */

html.rc116-chrome .site-header.os-menubar .header-tools #delivery-social-toggle,
html.rc116-chrome .site-header.os-menubar .header-tools #v10-header-social .v10-social-link {
 align-items:flex-end!important;
 padding-bottom:var(--header-control-bottom)!important;
}
html.rc116-chrome .site-header.os-menubar #jr-mobile-menu-button {
 align-items:flex-end!important;
 padding-bottom:var(--header-brand-bottom)!important;
}
html.rc116-chrome .site-header.os-menubar .header-tools .tool-button>[data-icon] {
 display:flex!important;
 align-items:flex-end!important;
 justify-content:center!important;
 width:var(--chrome-icon)!important;
 min-width:var(--chrome-icon)!important;
 height:var(--chrome-icon)!important;
 line-height:1!important;
}

html.rc116-chrome .site-header.os-menubar .header-tools #delivery-social-toggle>svg,
html.rc116-chrome .site-header.os-menubar .header-tools #v10-header-social .v10-social-link>svg,
html.rc116-chrome .site-header.os-menubar #jr-mobile-menu-button>svg {
 align-self:flex-end!important;
}
html.journal-edition .site-header.os-menubar .top-nav a {
 align-items:flex-end!important;
 padding-bottom:var(--header-control-bottom)!important;
}

/* RC11.8 regression corrections. Layout only; RC11 composition is retained. */
html.rc11-player #desktop .service-info{min-width:0;position:relative;}
html.rc11-player #desktop .service-info p{overflow-wrap:anywhere;}
html.rc11-player #desktop .service-info :is(h2,h3){overflow-wrap:normal;word-break:normal;}
/* Foreground props may overlap photo edges, never the caption's line boxes. */
@media(min-width:1180px){
 
 
 html.rc11-player #desktop>.camera-object{width:190px!important;left:-30px!important;z-index:3!important;}
 
 html.rc11-player #desktop .service-stage{align-items:stretch;}
 html.rc11-player #desktop .service-info{min-height:124px;}
 html.rc11-player #desktop .service-info p{font-size:14px!important;line-height:1.6!important;}
}
@media(min-width:768px) and (max-width:1179px){
 html.rc11-player #desktop #service-stage{scroll-padding-inline:18px;overscroll-behavior-x:contain;}
 html.rc11-player #desktop .service-card{flex-shrink:0;}
}
@media(max-width:767px){
/* The small caption surface must not amplify the hero photograph's colours.
    Keep the rim and photo intact; isolate only this card's glass backing. */

 html.rc11-player .window-content :is(input,textarea,select){font-size:16px!important;}
 html.rc11-player .window-content :is(.field,.v4-field,.contact-info){min-width:0;}
 html.rc11-player .window-content :is(p,a,dd){overflow-wrap:anywhere;}
 html.rc11-player .window-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 html.rc11-player .window-dots{flex-shrink:0;}
}
/* Long translated strings wrap inside content, without changing the theme. */
#studio-admin-root .a-page-heading>div,#studio-admin-root .a-row-copy{min-width:0;}
#studio-admin-root .a-project-row strong{overflow-wrap:anywhere;}
#studio-admin-root textarea{font:inherit;}
@media(max-width:767px){
 #studio-admin-root :is(input[type=text],input[type=url],input[type=email],textarea,select){font-size:16px;}
}

@media(min-width:1180px){
 html.rc11-player.visitor-edition #desktop .os-scroll-cue{left:auto!important;right:38px!important;bottom:98px!important;transform:none!important;translate:none!important;width:auto!important;max-width:180px;}
}
/* 1024px: proximity snapping could pull a newly focused third card back partly
   out of view. Keep native continuous scrolling so every caption/button fits. */
@media(min-width:768px) and (max-width:1179px){
 html.rc11-player.visitor-edition #desktop #service-stage{scroll-snap-type:none!important;}
}

/* RC11.9: one shared Banner type rule, plus a scoped project-enquiry layout.
   Deliberately does not restyle the site shell, Dock, player or service pages. */


#window-content:has(> .lv-brief-page){
 max-width:none!important;padding:30px clamp(22px,3.2vw,46px) 36px!important;
 background:radial-gradient(ellipse at 0 0,rgba(175,212,246,.26),transparent 65%);
}
.lv-brief-page{
 --brief-ink:#15324c;--brief-muted:#506a80;--brief-line:#d9e4ee;
 max-width:1130px;margin:0 auto;display:grid;
 grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:34px;align-items:start;
 color:var(--brief-ink);font-family:var(--lv-ui-font);font-synthesis:none;
}
.lv-brief-page *, .lv-brief-page *::before,.lv-brief-page *::after{box-sizing:border-box;}
.lv-brief-page :is(p,h1,h2,dl,dd,figure,ol){margin:0;}
.lv-brief-page .brief-intro{min-width:0;padding:17px 0 0;}
.lv-brief-page .brief-kicker{
 display:flex;align-items:center;gap:10px;font:600 10px/1.6 var(--lv-ui-font);
 letter-spacing:.17em;color:#446982;margin:0 0 16px;
}
.lv-brief-page .brief-kicker>span{width:22px;height:2px;background:#1769ff;flex-shrink:0;}
html.rc11-player .lv-brief-page h1{
 font:600 clamp(32px,3.1vw,44px)/1.22 var(--serif)!important;
 letter-spacing:-.025em;margin:0 0 18px!important;overflow-wrap:break-word;
}
.lv-brief-page .brief-lead{font-size:15px;line-height:1.85;color:var(--brief-muted);max-width:43ch;text-wrap:pretty;}
.lv-brief-page .brief-photo{
 width:100%;aspect-ratio:16/10;position:relative;overflow:hidden;margin:24px 0;
 background:linear-gradient(145deg,#cbdceb,#e8f0f6);border-radius:16px;
 box-shadow:0 14px 34px -28px #16365280;
}
.lv-brief-page .brief-photo>img{display:block;width:100%;height:100%;object-fit:cover;}
.lv-brief-page .brief-photo>.v4-placeholder{width:100%;height:100%;font-size:13px;}
.lv-brief-page .brief-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,27,42,.48));pointer-events:none;}
.lv-brief-page .brief-photo figcaption{position:absolute;bottom:16px;left:18px;color:white;font:500 11px/1.5 var(--lv-ui-font);z-index:1;}
.brief-photo-corner{position:absolute;width:16px;height:16px;color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.9);z-index:1;pointer-events:none;}
.brief-photo-corner.tl{left:16px;top:16px;border-left:1px solid;border-top:1px solid;}
.brief-photo-corner.br{right:16px;bottom:16px;border-right:1px solid;border-bottom:1px solid;}
.lv-brief-page .brief-next{margin:0 0 18px;padding-bottom:19px;border-bottom:1px solid var(--brief-line);}
.lv-brief-page .brief-small-title{font-size:14px;font-weight:600;line-height:1.6;margin-bottom:13px;}
.lv-brief-page .brief-next ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;}
.lv-brief-page .brief-next li{display:flex;align-items:center;gap:8px;min-width:0;}
.lv-brief-page .brief-next li>span{font-size:10px;font-weight:600;color:#457896;font-variant-numeric:tabular-nums;}
.lv-brief-page .brief-next li>b{font-size:12px;font-weight:500;line-height:1.5;}
.lv-brief-page .brief-context{font-size:13px;line-height:1.8;color:var(--brief-muted);text-wrap:pretty;}
.lv-brief-page .brief-direct{margin-top:21px;}
.lv-brief-page .brief-direct h2{font:500 12px/1.6 var(--lv-ui-font);color:var(--brief-muted);margin-bottom:10px;}
.lv-brief-page .brief-direct dl{display:flex;gap:10px 16px;flex-wrap:wrap;}
.lv-brief-page .brief-direct dl>div{display:flex;gap:8px;align-items:baseline;max-width:100%;}
.lv-brief-page .brief-direct dt{font-size:9px;letter-spacing:.08em;color:#56718a;}
.lv-brief-page .brief-direct dd{font-size:13px;font-weight:500;overflow-wrap:anywhere;}
html.rc11-player .lv-brief-page .brief-form{
 min-width:0;width:100%;margin:0!important;padding:28px 30px!important;
 border:1px solid rgba(157,184,207,.42);border-radius:22px;background:rgba(255,255,255,.96);
 box-shadow:0 18px 44px -30px rgba(28,65,96,.30);position:relative;
}
.lv-brief-page .brief-form-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.lv-brief-page .brief-form-heading .brief-kicker{font-size:9px;margin:0 0 8px;color:#5a768c;}
.lv-brief-page .brief-form-heading h2{font:600 22px/1.35 var(--lv-ui-font);letter-spacing:-.025em;}
.lv-brief-page .brief-form-mark{width:40px;height:40px;display:grid;place-items:center;background:#eff5fb;border-radius:12px;color:#365e7b;flex-shrink:0;}
.lv-brief-page .brief-form-mark svg{width:19px;height:19px;}
.lv-brief-page .brief-form-note{font-size:13px;line-height:1.65;color:var(--brief-muted);margin:12px 0 20px;max-width:52ch;}
.lv-brief-page .brief-fieldset{margin:0 0 18px;padding:0;border:0;min-width:0;}
.lv-brief-page .brief-fieldset legend{width:100%;margin:0 0 12px;padding:0;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;line-height:1.7;color:var(--brief-ink);}
.lv-brief-page .brief-fieldset legend>span{font-size:10px;color:#3f789f;font-weight:600;padding-right:8px;border-right:1px solid #d4e3ef;}
html.rc11-player .lv-brief-page .brief-form .form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
html.rc11-player .lv-brief-page .brief-form label{display:block;font-size:13px!important;font-weight:500;line-height:1.5!important;color:var(--brief-muted);margin:0;min-width:0;}
html.rc11-player .lv-brief-page .brief-form :is(input:not([type=checkbox]),select,textarea){
 display:block;width:100%;max-width:100%;min-width:0;font:400 16px/1.5 var(--lv-ui-font)!important;
 color:var(--brief-ink);background:#f8fbfe;border:1px solid #cbdbe7;border-radius:10px!important;
 margin-top:7px;padding:11px 12px!important;min-height:48px!important;outline:none;box-shadow:none;
 transition:border-color .15s,box-shadow .15s,background .15s;
}
html.rc11-player .lv-brief-page .brief-form :is(input,select,textarea):focus-visible{
 border-color:#4c80b8;box-shadow:0 0 0 3px rgba(47,114,191,.12);background:white;outline:2px solid transparent;
}
html.rc11-player .lv-brief-page .brief-form :is(input,textarea)::placeholder{color:#758a9a;opacity:1;}
html.rc11-player .lv-brief-page .brief-form textarea{height:116px;min-height:116px!important;max-height:420px;resize:vertical;}
.lv-brief-page .brief-field-label{position:absolute!important;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;}
html.rc11-player .lv-brief-page .brief-form .v4-consent{display:flex!important;align-items:flex-start!important;gap:10px!important;min-height:36px!important;font-size:12px!important;line-height:1.7!important;font-weight:400;margin:2px 0 10px;}
html.rc11-player .lv-brief-page .brief-form .v4-consent input{
 appearance:auto;accent-color:#1769ff;display:block;flex:0 0 18px;width:18px!important;height:18px!important;
 min-height:18px!important;padding:0!important;margin:1px 0 0;border-radius:4px;
}
html.rc11-player .lv-brief-page .brief-form .v4-honeypot{display:none!important;}
html.rc11-player .lv-brief-page .brief-form .brief-submit{
 width:100%;min-height:49px!important;display:flex;align-items:center;justify-content:space-between;
 font:600 14px/1.4 var(--lv-ui-font)!important;letter-spacing:0;
 padding:13px 18px!important;border-radius:11px!important;
 background:linear-gradient(115deg,#1856a4,#176ad1)!important;color:#fff!important;
 border:1px solid #1c62b7!important;box-shadow:0 7px 18px -12px #165895!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html.rc11-player .lv-brief-page .brief-submit::before,html.rc11-player .lv-brief-page .brief-submit::after{display:none!important;}
html.rc11-player .lv-brief-page .brief-submit:hover:not(:disabled){background:linear-gradient(115deg,#144786,#185cb6)!important;transform:translateY(-1px);}
html.rc11-player .lv-brief-page .brief-submit:disabled{opacity:.64;cursor:wait;}
.lv-brief-page .brief-submit .icon{width:17px;height:17px;}
.lv-brief-page .brief-privacy{font-size:11px;line-height:1.75;color:#607587;margin-top:12px;}
.lv-brief-page #receipt:not([hidden]){margin-top:16px;border:1px solid #d5e5f0;border-radius:11px;padding:14px;background:#f0f6fb;font-size:13px;line-height:1.7;overflow-wrap:anywhere;}
@media(min-width:768px) and (max-width:1099px){
 .lv-brief-page{max-width:750px;grid-template-columns:minmax(0,1fr);gap:26px;}
 .lv-brief-page .brief-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:24px;padding:0;}
 .lv-brief-page .brief-intro>.brief-kicker{grid-column:1;}
 .lv-brief-page .brief-intro>h1{grid-column:1;font-size:36px!important;}
 .lv-brief-page .brief-intro>.brief-lead{grid-column:1;font-size:14px;}
 .lv-brief-page .brief-photo{grid-column:2;grid-row:1 / span 3;align-self:stretch;aspect-ratio:auto;min-height:220px;margin:0;}
 .lv-brief-page .brief-next{grid-column:1/-1;margin:18px 0 0;padding-bottom:14px;}
 .lv-brief-page .brief-context{grid-column:1/-1;margin-top:12px;}
 .lv-brief-page .brief-direct{grid-column:1/-1;margin-top:12px;}
 .lv-brief-page .brief-direct h2{display:inline-block;margin-right:14px;}
 .lv-brief-page .brief-direct dl{display:inline-flex;}
}
@media(max-width:767px){
 #window-content:has(> .lv-brief-page){padding:20px 16px 32px!important;}
 .lv-brief-page{display:flex;flex-direction:column;gap:0;}
 .lv-brief-page .brief-intro{display:contents;}
 .lv-brief-page .brief-kicker{font-size:9px;letter-spacing:.13em;margin:0 0 10px;}
 .lv-brief-page .brief-intro>h1{order:0;font-size:32px!important;line-height:1.25!important;margin:0 0 12px!important;}
 .lv-brief-page .brief-lead{order:0;font-size:14px;line-height:1.8;max-width:none;margin-bottom:18px;}
 .lv-brief-page .brief-form{order:1;}
 html.rc11-player .lv-brief-page .brief-form{padding:20px 18px!important;border-radius:17px;}
 .lv-brief-page .brief-form-heading h2{font-size:20px;}
 .lv-brief-page .brief-form-mark{width:33px;height:33px;border-radius:9px;}
 .lv-brief-page .brief-form-note{font-size:12px;margin:10px 0 18px;}
 .lv-brief-page .brief-photo{order:2;aspect-ratio:16/8;margin:22px 0 18px;}
 .lv-brief-page .brief-next{order:3;width:100%;margin:0 0 14px;}
 .lv-brief-page .brief-context{order:4;font-size:12px;}
 .lv-brief-page .brief-direct{order:5;margin-top:14px;}
 html.rc11-player .lv-brief-page .brief-form .form-two{grid-template-columns:minmax(0,1fr);gap:12px;}
 .lv-brief-page .brief-fieldset{margin-bottom:17px;}
 .lv-brief-page .brief-fieldset legend{margin-bottom:11px;}
 html.rc11-player .lv-brief-page .brief-form label{font-size:12px!important;}
 html.rc11-player .lv-brief-page .brief-form textarea{min-height:114px!important;height:114px;}
 .lv-brief-page .brief-privacy{font-size:11px;}
}
@media(prefers-reduced-motion:reduce){
 .lv-brief-page *,html.rc11-player .lv-brief-page .brief-submit{transition:none!important;transform:none!important;}
}
@media(forced-colors:active){
 .lv-brief-page .brief-form,.lv-brief-page .brief-next{border-color:CanvasText;}
 html.rc11-player .lv-brief-page .brief-submit{background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important;}
 .lv-brief-page :is(p,legend,label,dt,dd){color:CanvasText!important;}
}

/* The managed photograph fades into the one page-wide colour field.
   The room has no separate decorative fill: its transparent areas reveal
   the same canvas that continues through the chapters and footer. */
html.v10-atmosphere #desktop > .room {
  --wallpaper-bottom-fade: clamp(220px, 30vh, 340px);
  inset: 0 !important;
  background: transparent !important;
  -webkit-mask-image: linear-gradient(to bottom,
    #000 0,
    #000 calc(100% - var(--wallpaper-bottom-fade)),
    rgba(0, 0, 0, .75) calc(100% - var(--wallpaper-bottom-fade) * .65),
    rgba(0, 0, 0, .28) calc(100% - var(--wallpaper-bottom-fade) * .25),
    transparent calc(100% - 8px), transparent 100%) !important;
  mask-image: linear-gradient(to bottom,
    #000 0,
    #000 calc(100% - var(--wallpaper-bottom-fade)),
    rgba(0, 0, 0, .75) calc(100% - var(--wallpaper-bottom-fade) * .65),
    rgba(0, 0, 0, .28) calc(100% - var(--wallpaper-bottom-fade) * .25),
    transparent calc(100% - 8px), transparent 100%) !important;
}

html.v10-atmosphere #desktop #room-photo {
  display: block !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: var(--media-focal, 50% 50%) !important;
  opacity: 1 !important;
  filter: none !important;
  transform: translate3d(calc(var(--dx, 0px) * -.22), calc(var(--dy, 0px) * -.18), 0) scale(1.04);
}

/* Frost only the photograph's lower edge. Foreground cards and controls sit
   outside .room, so their detail and editor hit targets stay unchanged. */
html.v10-atmosphere #desktop > .room::after {
  display: block !important;
  content: "" !important;
  position: absolute;
  inset: auto 0 0 !important;
  height: calc(var(--wallpaper-bottom-fade) * 1.25) !important;
  z-index: 1;
  opacity: 1 !important;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, rgba(235, 244, 253, .18)) !important;
  -webkit-backdrop-filter: blur(var(--wallpaper-bottom-blur, 10px));
  backdrop-filter: blur(var(--wallpaper-bottom-blur, 10px));
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .18) 24%, #000 78%) !important;
  mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .18) 24%, #000 78%) !important;
}

html.v10-atmosphere #desktop .os-scroll-cue{
  color: #183c5d !important;
}



@media (max-width: 767px) {
  html.v10-atmosphere #desktop > .room {
    --wallpaper-bottom-fade: clamp(180px, 26svh, 260px);
    --wallpaper-bottom-blur: 6px;
  }
  html.v10-atmosphere #desktop #room-photo {
    object-position: var(--media-mobile-focal, var(--media-focal, 50% 50%)) !important;
  }
}

html.v10-atmosphere.reduced-motion #desktop #room-photo,
html.v10-atmosphere.c9-reduced #desktop #room-photo {
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html.v10-atmosphere #desktop #room-photo { transform: none !important; }
}

html.journal-edition #desktop a.equipment.jr-photo-stack{display:block;position:absolute;left:clamp(36px,3.5vw,72px);right:auto;top:108px;bottom:auto;width:clamp(172px,15vw,212px);height:190px;margin:0;padding:0;border:0;background:none;color:#17384f;text-decoration:none;filter:none;transform:none;scale:1!important;z-index:5;isolation:isolate;pointer-events:auto!important;-webkit-tap-highlight-color:transparent}
.jr-print{position:absolute;display:block;inset:0 auto auto 0;width:100%;padding:7px;background:#fbfcfb;border:1px solid #fff;box-shadow:0 2px 3px #193b5110,8px 17px 25px -14px #193b516b;transform-origin:50% 75%;transition:transform .4s var(--jr-ease),box-shadow .4s var(--jr-ease)}
.jr-print-back{transform:translate(var(--jr-back-x,17px),var(--jr-back-y,-3px)) rotate(var(--jr-back-angle,8deg));background:#edf3f5;z-index:0;padding-bottom:21px}
.jr-print-front{transform:rotate(-7deg);z-index:1}
html.journal-edition #desktop .jr-print img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;pointer-events:none}
.jr-print-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 4px 2px;text-align:left;line-height:1.2}
.jr-print-caption strong{display:block;font:650 11px/1.3 var(--lv-ui-font);letter-spacing:.08em}
.jr-print-caption small{display:block;margin-top:4px;font:450 8px/1.2 var(--lv-ui-font);letter-spacing:.04em;color:#506a7b}
.jr-print-caption svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4}
.jr-print .jr-missing{display:flex;align-items:center;justify-content:center;aspect-ratio:1.5;font-size:11px;text-align:center;background:#e2edf4;color:#426176;padding:12px}
html.journal-edition #desktop a.jr-photo-stack:focus-visible{outline:2px solid var(--chrome-focus,#1769ff);outline-offset:12px;border-radius:4px}
@media (hover:hover) and (pointer:fine){
 .jr-photo-stack:hover .jr-print-front{transform:translateY(-4px) rotate(-4deg);box-shadow:0 2px 3px #193b5110,10px 22px 30px -13px #193b5166}
 .jr-photo-stack:hover .jr-print-back{transform:translate(23px,-6px) rotate(10deg)}
}
.jr-photo-stack:focus-visible .jr-print-front{transform:translateY(-4px) rotate(-4deg)}



html.journal-edition body #desktop #service-stage .service-card{height:auto!important;min-height:0!important;aspect-ratio:auto!important}
html.journal-edition body #desktop #service-stage .service-info{height:auto!important;min-height:96px!important}
html.journal-edition body #desktop #service-stage .service-info h2{font-family:var(--lv-ui-font,var(--sans,sans-serif))!important;font-weight:550!important;font-style:normal!important;font-size:18px!important;line-height:1.4!important;letter-spacing:0!important}
html.journal-edition body #desktop #service-stage .service-info p{font-family:var(--lv-ui-font,var(--sans,sans-serif))!important;font-weight:400!important;font-style:normal!important;font-size:13px!important;line-height:1.6!important;color:#4a6175!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:7px 0 0!important}
html.journal-edition #desktop .service-info small{display:none!important}
html.journal-edition #desktop .service-cover{height:132px!important}
html.journal-edition #desktop .service-number{font:9px/1.4 var(--lv-ui-font);letter-spacing:.12em}
html.journal-edition #desktop :is(.ipod-mobile-launch){display:none!important}
html.journal-edition #desktop .equipment .object-label{display:none!important}
html.journal-edition #desktop .os-scroll-cue{right:26px!important;bottom:31px!important;left:auto!important;transform:none!important;font-size:10px!important}
html.journal-edition #desktop .os-scroll-cue span:first-child{display:none}
/* Match the native Dock tile's 52/64 optical bounds; the link keeps its full hit area. */
.jr-dock-art{width:81.25%;height:81.25%;display:grid;place-items:center;background:linear-gradient(145deg,#f8fcff,#a9d8f7 44%,#368ac8);border-radius:22%;box-shadow:inset 0 1px 1px #fff,0 2px 3px #10293e20}
.jr-dock-art svg{width:100%;height:100%;fill:none;stroke:#173c58;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.jr-mini-ipod{display:none}
/* A frameless 3D object. Vertical scrolling stays native on touch screens. */
html.journal-edition #desktop #inspire3-drone{margin:0;padding:0;border:0;border-radius:18px;background:none;color:inherit;appearance:none;animation:none!important;filter:none;scale:1!important;touch-action:pan-y pinch-zoom;cursor:pointer;overflow:visible;isolation:isolate;pointer-events:auto;min-height:0}
html.journal-edition #desktop #inspire3-drone:focus-visible{outline:2px solid var(--chrome-focus,#1769ff);outline-offset:4px;background:#ffffff12}
html.journal-edition #desktop #inspire3-drone.is-dragging{cursor:grabbing}
html.journal-edition #desktop #inspire3-drone:disabled{cursor:default}
html.journal-edition #desktop #inspire3-drone[data-managed-hidden]{display:none!important}
html.journal-edition #desktop #inspire3-drone>.lv-drone-poster{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 9px 7px #17354e18)}
.lv-drone-canvas{position:absolute;inset:0;display:block;pointer-events:none;visibility:hidden}
.lv-drone-webgl{display:block;width:100%;height:100%;pointer-events:none}
#inspire3-drone[data-mode=webgl]>.lv-drone-poster{visibility:hidden}
#inspire3-drone[data-mode=webgl]>.lv-drone-canvas{visibility:visible}

html.journal-edition #chapter-services>.c9-depth-slate{top:-18px}

















@media (min-width:1180px){
 html.journal-edition #desktop{min-height:850px!important;height:100svh!important;max-height:1100px!important}
 
 
 
 html.journal-edition #desktop #service-stage{top:auto!important;bottom:135px!important;left:50%!important;transform:translateX(-50%)!important;width:min(1100px,79vw)!important;gap:17px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;height:auto!important;padding:0!important}
 html.journal-edition #desktop .service-wrap{min-width:0!important;width:100%!important;transform:rotate(var(--angle))!important}
 html.journal-edition #desktop .service-wrap:nth-child(1){--angle:-4deg}
 html.journal-edition #desktop .service-wrap:nth-child(2){--angle:1deg}
 html.journal-edition #desktop .service-wrap:nth-child(3){--angle:-1.5deg}
 html.journal-edition #desktop .service-wrap:nth-child(4){--angle:2deg}
 html.journal-edition #desktop .service-wrap:nth-child(5){--angle:-2deg}
 html.journal-edition #desktop .camera-object{display:block!important;left:26px!important;top:37%!important;bottom:auto!important;width:190px!important;transform:rotate(-9deg)!important;z-index:4!important}
 html.journal-edition #desktop .drone-object{width:clamp(280px,22.5vw,336px)!important;height:auto!important;aspect-ratio:8/5;right:20px!important;top:42px!important;transform:none!important;opacity:1}
 html.journal-edition #desktop #studio-ipod{display:block!important;right:38px!important;top:235px!important;width:176px!important;transform:rotate(7deg) scale(.76)!important;transform-origin:100% 0!important}
 html.journal-edition .dock-zone.ed-hero-dock{bottom:26px!important}
}
@media (min-width:1180px) and (max-height:900px){
 html.journal-edition #desktop{height:930px!important;min-height:930px!important}
}
.jr-mini-screen{display:block;width:100%;height:55%;border-radius:3px;overflow:hidden;position:relative;background:#173349;border:2px solid #4b5b68}
.jr-mini-screen img{width:100%;height:100%;object-fit:cover;opacity:.65;display:block}
.jr-mini-screen b{position:absolute;inset:10px auto auto 6px;font:650 8px/1.25 var(--lv-ui-font);letter-spacing:.04em;color:#fff;text-align:left}
.jr-mini-wheel{width:40px;height:40px;background:#f9fbfc;border-radius:50%;display:grid;place-items:center;margin:9px auto 0;box-shadow:inset 0 0 0 1px #53697c22}
.jr-mini-wheel i{width:16px;height:16px;border-radius:50%;background:linear-gradient(145deg,#dde5ec,#aebcc8)}
@media (min-width:768px) and (max-width:1179px){
 
 html.journal-edition #desktop a.equipment.jr-photo-stack{left:22%;top:85px;width:100px;height:102px;--jr-back-x:10px;--jr-back-y:-2px}
 .jr-print{padding:5px}
 .jr-print-back{padding-bottom:16px}
 .jr-print-caption{padding:6px 2px 1px;gap:4px}
 .jr-print-caption strong{font-size:9px}
 .jr-print-caption small{font-size:8px;margin-top:3px}
 .jr-print-caption svg{width:12px;height:12px}
 html.journal-edition #desktop{padding:175px 0 120px!important;min-height:100svh!important;height:auto!important;max-height:none!important}
 
 
 
 html.journal-edition #desktop #service-stage{margin:38px 0 16px!important;padding:18px 6vw 27px!important;gap:22px!important;scroll-snap-type:x proximity!important}
 html.journal-edition #desktop .service-wrap{flex-basis:265px!important;width:265px!important;scroll-snap-align:center}
 html.journal-edition #desktop .service-cover{height:165px!important}
 html.journal-edition body #desktop .camera-object img{opacity:1!important;visibility:visible!important;display:block!important;}
 html.journal-edition #desktop #inspire3-drone{display:block!important;left:auto!important;right:20%!important;top:50px!important;bottom:auto!important;width:clamp(240px,30vw,300px)!important;height:auto!important;aspect-ratio:8/5;transform:none!important;opacity:1!important}
 .jr-mini-ipod{display:block;position:absolute;right:44px;top:75px;transform:rotate(9deg);width:69px;height:124px;padding:6px;border-radius:10px;background:linear-gradient(130deg,#fbfcfd,#bfc9d2 50%,#e9eef3);border:1px solid #fff;box-shadow:2px 3px 0 #708696,10px 17px 23px -10px #12344d50;z-index:5;cursor:pointer}
 
 
 
 
 
 
 html.journal-edition.rc116-chrome.rc11-player.visitor-edition body #desktop a.equipment.camera-object{position:absolute!important;left:28px!important;right:auto!important;top:62px!important;bottom:auto!important;width:104px!important;height:104px!important;margin:0!important;transform:rotate(-9deg)!important;translate:none!important;z-index:5!important;opacity:1!important;visibility:visible!important;display:block!important}
 html.journal-edition body #desktop a.equipment.camera-object img{width:100%!important;height:100%!important;object-fit:contain!important}
}
@media (max-width:767px){
 .jr-print{padding:4px}
 .jr-print-back{padding-bottom:13px}
 html.journal-edition #desktop .jr-print img{aspect-ratio:1.8}
 .jr-print-caption{padding:3px 1px 1px;gap:3px}
 .jr-print-caption strong{font-size:8px;line-height:1.1;letter-spacing:.035em}
 .jr-print-caption small{font-size:7.5px;line-height:1.1;margin-top:1px}
 .jr-print-caption svg{width:10px;height:10px}
 .jr-mini-wheel{width:clamp(29px,8.5vw,36px);height:clamp(29px,8.5vw,36px);margin-top:5px}
 .jr-mini-wheel i{width:14px;height:14px}
 .jr-mini-screen b{font-size:7px;left:4px;top:8px}
 html.journal-edition #desktop #dock .jr-dock-item{display:none!important}
 /* One phone desktop: content sizes itself, then the interactive equipment
    scene, then the original Dock. Grid rows prevent long copy hitting objects. */
 html.journal-edition #desktop{padding:calc(44px + env(safe-area-inset-top,0px) + clamp(26px,4.5svh,40px)) 0 calc(24px + env(safe-area-inset-bottom,0px))!important;min-height:100svh!important;height:auto!important;max-height:none!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto auto auto auto;align-content:start;align-items:start;overflow:hidden!important;perspective:none}
 
 
 
 
 
 
 
 
 html.journal-edition #desktop #service-stage{display:none!important}
 html.journal-edition #desktop #inspire3-drone{position:relative!important;inset:auto!important;display:block!important;grid-column:1/-1;grid-row:2;justify-self:center;align-self:start;width:min(82vw,340px)!important;max-width:calc(100% - 24px);height:auto!important;aspect-ratio:8/5;margin:16px 0 0!important;transform:none!important;translate:none!important;opacity:1!important;z-index:5}
 html.journal-edition #desktop .camera-object{position:relative!important;inset:auto!important;display:block!important;grid-column:1/5;grid-row:3;justify-self:center;align-self:center;width:clamp(88px,27vw,116px)!important;height:auto!important;aspect-ratio:1;max-width:calc(100% - 6px);margin:4px 0 0!important;transform:rotate(-8deg)!important;translate:none!important;opacity:1!important;visibility:visible!important;z-index:5}
 html.journal-edition #desktop .camera-object img{width:100%!important;height:100%!important;object-fit:contain;display:block}
 html.journal-edition #desktop a.equipment.jr-photo-stack{position:relative!important;inset:auto!important;display:block!important;grid-column:5/9;grid-row:3;justify-self:center;align-self:center;width:clamp(82px,24vw,106px);height:clamp(92px,27vw,118px);margin:8px 0 0;transform:rotate(-3deg)!important;--jr-back-x:8px;--jr-back-y:-2px;--jr-back-angle:7deg;z-index:5}
 html.journal-edition #desktop #jr-mini-ipod{position:relative!important;inset:auto!important;display:block!important;grid-column:9/13;grid-row:3;justify-self:center;align-self:center;width:clamp(48px,14vw,62px);height:clamp(90px,26vw,115px);min-width:44px;min-height:90px;margin:2px 0 0;padding:5px;border-radius:10px;background:linear-gradient(130deg,#f6f9fc,#b6c3ce 50%,#e4ebf0);border:1px solid #fff;box-shadow:2px 3px 0 #6f8597,8px 13px 21px -7px #12344d50;transform:rotate(8deg);z-index:5;cursor:pointer;touch-action:manipulation}
 html.journal-edition #desktop #jr-mini-ipod:focus-visible{outline:2px solid var(--chrome-focus,#1769ff);outline-offset:5px}
 html.journal-edition #desktop #studio-ipod{display:none!important}
 /* Six phone entries keep their full 44px hit areas in a 305px content viewport.
    Centre the artwork within each hit area instead of inheriting desktop's
    absolute bottom alignment; the tray must not crop icons or focus outlines. */
 html.journal-edition #desktop #dock{width:max-content;max-width:100%!important;min-height:60px!important;padding:7px 5px!important;gap:4px!important;border-radius:20px!important;overflow:visible!important;align-items:center!important;justify-content:center!important}
 html.journal-edition #desktop #dock .dock-item{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;flex:0 0 44px!important;gap:0!important;align-items:center!important;justify-content:center!important}
 html.journal-edition #desktop #dock .dock-item .dock-icon{position:relative!important;inset:auto!important;width:36px!important;height:36px!important;margin:0!important;transform:none!important;translate:none!important;border-radius:9px!important;animation:none!important}
 html.journal-edition #desktop #dock .dock-item:after{bottom:-3px!important}
 html.journal-edition #desktop #dock .dock-name,html.journal-edition #desktop #dock .dock-divider{display:none!important}
 html.journal-edition #desktop #dock :is(.v6-app-group,.v6-social-group){gap:2px!important;align-items:center!important;flex:none}
 html.journal-edition #desktop .dock-zone.ed-hero-dock{position:relative!important;inset:auto!important;transform:none!important;grid-column:1/-1;grid-row:4;justify-self:center;align-self:start;margin:24px auto 0!important;order:19!important;max-width:calc(100% - 16px)!important}
 html.journal-edition #desktop .os-scroll-cue{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;translate:none!important;grid-column:1/-1;grid-row:5;justify-self:center;align-self:start;order:20!important;display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin:10px 0 0!important;padding:5px 14px!important;min-height:44px;font-size:10px!important;letter-spacing:.04em;white-space:normal;background:none!important;border:0;box-shadow:none}
 html.journal-edition #desktop .os-scroll-cue span:last-child{font-size:12px}
 
 
 
 
 
 
 
 
 
 
 
 
 
}

@media (prefers-reduced-motion:reduce){
 .jr-mini-ipod{transform:none!important}
 .jr-print{transition:none!important}
 .jr-photo-stack:is(:hover,:focus-visible) .jr-print-front{transform:rotate(-7deg)}
 .jr-photo-stack:hover .jr-print-back{transform:translate(var(--jr-back-x,17px),var(--jr-back-y,-3px)) rotate(var(--jr-back-angle,8deg))}
}
html.reduced-motion .jr-print,html.c9-reduced .jr-print{transition:none!important}
html:is(.reduced-motion,.c9-reduced) .jr-photo-stack:is(:hover,:focus-visible) .jr-print-front{transform:rotate(-7deg)}
html:is(.reduced-motion,.c9-reduced) .jr-photo-stack:hover .jr-print-back{transform:translate(var(--jr-back-x,17px),var(--jr-back-y,-3px)) rotate(var(--jr-back-angle,8deg))}


/* The opening showreel follows the source photograph's real aspect ratio.
   Portrait and square sources are capped so a single frame cannot dominate. */






/* Five service cards share one exact image frame and equal grid columns. */












/* Selected stories use one consistent landscape frame. Service cards keep
   their existing editorial composition. */












/* Real-case archive and detail media use the same 4:3 delivery frame. */
.archive-image,
.project-large,
.project-gallery button,
.v4-gallery>a,
.v4-gallery>button,
.v4-photo-link{
 aspect-ratio:4/3!important;
}
.archive-image img,
.project-large img,
.project-gallery img,
.v4-gallery img,
.v4-photo-link img{
 width:100%!important;
 height:100%!important;
 object-fit:cover!important;
}


/* Journal routes and viewers are authored in hongkong-journal.css. */

/* Homepage Banner motion. One native block owns blur, movement and its pause
   states. Foreground content and the Mac menu bar never receive image blur. */
html.home-banner-blur.v10-atmosphere #desktop>.room>#room-photo,
html.home-banner-blur.v10-atmosphere #desktop>.room>.room-photo{
 filter:saturate(.88) blur(10px)!important;
 transform:scale(1.065);
 animation:lv-banner-photo-flow 24s ease-in-out infinite alternate;
}
html.home-banner-blur.v10-atmosphere #desktop>.room:before{
 content:"";
 position:absolute;
 inset:-12%;
 z-index:1;
 pointer-events:none;
 background:radial-gradient(ellipse at 19% 25%,#8eb5ec66 0,transparent 42%),radial-gradient(ellipse at 80% 66%,#c0c9e866 0,transparent 48%),linear-gradient(137deg,transparent 30%,#ffffff9c 46%,#c4e1ef40 57%,transparent 75%);
 filter:blur(18px);
 opacity:.66;
 animation:lv-banner-light-flow 22s cubic-bezier(.45,0,.55,1) infinite alternate;
}
html.home-banner-no-blur.v10-atmosphere #desktop>.room>#room-photo,
html.home-banner-no-blur.v10-atmosphere #desktop>.room>.room-photo{
 filter:saturate(.9)!important;
 transform:scale(1.04);
 animation:none!important;
}
html.home-banner-no-blur.v10-atmosphere #desktop>.room:before{display:none!important}
html.home-banner-no-blur.v10-atmosphere #desktop>.room:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@keyframes lv-banner-photo-flow{0%{transform:scale(1.065) translate3d(-.4%,.15%,0)}100%{transform:scale(1.085) translate3d(.4%,-.4%,0)}}
@keyframes lv-banner-light-flow{0%{transform:translate3d(-4%,2%,0) rotate(-3deg) scale(.99)}100%{transform:translate3d(4%,-3%,0) rotate(3deg) scale(1.07)}}
html.page-hidden #desktop>.room>#room-photo,
html.page-hidden #desktop>.room:before,
html:not([data-home-motion="running"]) #desktop>.room>#room-photo,
html:not([data-home-motion="running"]) #desktop>.room:before,
#desktop.os-offscreen>.room>#room-photo,
#desktop.os-offscreen>.room:before{animation-play-state:paused!important}
html.home-banner-blur.reduced-motion #desktop>.room>#room-photo,
html.home-banner-blur.reduced-motion #desktop>.room>.room-photo,
html.home-banner-blur.reduced-motion #desktop>.room:before{animation:none!important}
@media(prefers-reduced-motion:reduce){
 html.home-banner-blur #desktop>.room>#room-photo,
 html.home-banner-blur #desktop>.room>.room-photo,
 html.home-banner-blur #desktop>.room:before{animation:none!important}
}



/* Keep managed image nodes addressable when an old URL fails before CMS refresh. */
img.lv-cms-image-unavailable{visibility:hidden!important}

/* This stylesheet is scoped to the service section. It does not restyle the site shell. */
.lv-service-section{--lv-blue:#225fd5;--lv-ink:#15344e;--lv-muted:#637b8e;--lv-line:#dce6ef;--lv-font:"Inter Variable","Noto Sans SC Variable",sans-serif;background:#f8fbff;color:var(--lv-ink);padding:62px 0 74px;font-family:var(--lv-font);font-synthesis:none;line-height:1.6;-webkit-font-smoothing:antialiased}
.lv-service-section:lang(zh-Hant){--lv-font:"Inter Variable","Noto Sans TC Variable",sans-serif}
.lv-service-section *{box-sizing:border-box}.lv-service-section h2,.lv-service-section h3,.lv-service-section p,.lv-service-section figure{margin:0}.lv-service-section button,.lv-service-section a{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.lv-service-section button{color:inherit;cursor:pointer}.lv-service-section svg{display:block}.lv-service-section a{color:inherit;text-decoration:none}.lv-service-section button:focus-visible,.lv-service-section a:focus-visible{outline:2px solid #245fe0;outline-offset:5px}.lv-section-container{width:min(100% - 112px,1248px);margin:auto}.lv-section-rule{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--lv-line);padding-top:16px;gap:25px;font-size:10px;font-weight:500;letter-spacing:.12em;color:var(--lv-muted)}.lv-section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:end;padding:36px 0 42px}.lv-section-heading h2{font-size:clamp(32px,3.35vw,46px);line-height:1.35;letter-spacing:-.045em;font-weight:500}.lv-section-heading h2>span{color:#536f86}.lv-section-heading p{font-size:14px;line-height:1.9;max-width:455px;color:var(--lv-muted)}.lv-section-controls{display:flex;gap:23px;margin-top:17px;flex-wrap:wrap}.lv-section-controls button{display:flex;gap:8px;align-items:center;border:0;padding:6px 0;background:none;font-size:11px;min-height:36px;letter-spacing:.015em;color:var(--lv-muted)}.lv-section-controls button>svg{width:14px;height:14px}.lv-section-controls button:hover{color:var(--lv-blue)}.lv-section-controls button[aria-pressed=true]{color:var(--lv-blue)}.lv-service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px}.lv-service-card{grid-column:span 2;position:relative;min-width:0;background:#fff;border:1px solid #dce6ef;border-radius:18px;overflow:hidden;container-type:inline-size;container-name:lv-card;box-shadow:0 4px 8px #23415a03,0 17px 35px #27455906;transform:translateY(calc((1 - var(--reveal,1))*24px));opacity:calc(.2 + var(--reveal,1)*.8);transition:box-shadow .3s,border-color .3s}.lv-service-card:nth-child(4),.lv-service-card:nth-child(5){grid-column:span 3}.lv-service-card:hover{border-color:#c0d4e8;box-shadow:0 10px 30px #2849690e,0 3px 7px #23415a08}.lv-card-topline{display:flex;gap:11px;align-items:center;position:absolute;left:24px;right:24px;top:20px;z-index:4;color:#517895;font-size:10px;font-weight:450;letter-spacing:.06em;pointer-events:none}.lv-card-topline>span:first-child{font-variant-numeric:tabular-nums;font-size:9px;opacity:.7}.lv-decor-cross{margin-left:auto;font-size:19px;line-height:1;font-weight:300}.lv-art{position:relative;height:287px;isolation:isolate;overflow:hidden;background:#eaf3ff}.lv-photo .lv-art{background:radial-gradient(ellipse at 30% 20%,#f9fcff 0%,#e4effa 65%,#d9e8f5 100%)}.lv-quick .lv-art{background:linear-gradient(150deg,#f1f6ff,#e3edff)}.lv-live .lv-art{background:radial-gradient(ellipse at 50% 10%,#e8f3fc,#dae8f3)}.lv-film .lv-art{background:radial-gradient(ellipse at 42% 0,#f6f9fd,#e9eff6 72%)}.lv-album .lv-art{background:radial-gradient(ellipse at 60% 30%,#edf7fd,#dcecf8)}.lv-art-parallax{position:absolute;inset:0;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px)) rotate(var(--pointer-r,0deg));transition:transform .6s cubic-bezier(.16,1,.3,1);will-change:transform}.lv-motion-hit{position:absolute;z-index:6;inset:0;border:0;padding:0;background:transparent;border-radius:17px 17px 0 0;color:transparent}.lv-motion-hit:focus-visible{outline-offset:-6px!important;outline-width:2px!important}.lv-motion-hit:disabled{cursor:default}.lv-art:has(.lv-motion-hit:focus-visible){box-shadow:inset 0 0 0 2px #2461d8}.lv-art-instruction{position:absolute;z-index:5;left:24px;bottom:15px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.02em;color:#64829b;pointer-events:none;opacity:.78}.lv-art-instruction>span{font-size:14px;line-height:1}.lv-card-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 24px 26px;min-height:127px;background:#fff;position:relative;z-index:6;transition:background .25s}.lv-card-link h3{font-size:26px;line-height:1.35;letter-spacing:-.035em;font-weight:500;color:#163b5a}.lv-card-link p{font-size:12px;line-height:1.8;color:#71879a;margin-top:8px;max-width:36em;overflow-wrap:anywhere}.lv-card-link>div{min-width:0}.lv-card-arrow{flex:none;width:35px;height:35px;display:grid;place-items:center;border:1px solid #dae5ee;border-radius:50%;background:#f9fcff;transition:background .3s,border-color .3s,transform .4s cubic-bezier(.2,.9,.2,1.3);color:#3a6d98}.lv-card-arrow svg{width:18px;height:18px}.lv-card-link:hover{background:#f9fcff}.lv-card-link:hover .lv-card-arrow{background:#2361d2;border-color:#2361d2;color:#fff;transform:rotate(-36deg)}.lv-card-link:focus-visible{outline-offset:-5px!important}.lv-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.lv-custom-art{position:absolute;inset:0;padding:56px 28px 42px}.lv-custom-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--media-focal,50% 50%);border:7px solid #fff;box-shadow:0 8px 20px #233c5122;border-radius:2px;transform:rotate(-3deg)}.lv-custom-art.lv-cleared{display:grid;place-items:center;color:#7390a6;font-size:13px}.lv-custom-art.lv-cleared::before{content:"";position:absolute;inset:60px 65px 45px;border:1px dashed #9fb5c6;border-radius:2px}.lv-single-service{padding:28px 0 50px}.lv-single-service .lv-section-container{width:min(100% - 40px,880px)}.lv-single-service .lv-service-grid{display:block}.lv-single-service .lv-service-card{width:min(100%,560px);margin:auto}.lv-single-service .lv-art{height:340px}.lv-single-service .lv-card-link{padding:26px 30px}.lv-single-service .lv-card-link h3{font-size:30px}.lv-single-service .lv-card-link p{font-size:14px}.lv-single-service .lv-card-topline{top:23px;left:30px;right:30px}.lv-single-service .lv-art-instruction{left:30px;font-size:10px}
@container lv-card (max-width:300px){.lv-art{height:235px}.lv-card-topline{top:16px;left:16px;right:16px}.lv-card-link{padding:18px 16px;gap:12px;min-height:118px}.lv-card-link h3{font-size:22px}.lv-card-link p{font-size:12px;line-height:1.7}.lv-card-arrow{width:31px;height:31px}.lv-art-instruction{left:16px;bottom:11px;font-size:9px}.lv-art-parallax{transform:translate(var(--pointer-x,0px),var(--pointer-y,0px)) rotate(var(--pointer-r,0deg))}}
@container lv-card (max-width:210px){.lv-art{height:164px}.lv-card-topline{left:12px;right:12px;top:12px;font-size:9px}.lv-decor-cross{font-size:15px}.lv-card-link{padding:14px 12px;gap:8px;align-items:flex-start;min-height:118px}.lv-card-link h3{font-size:18px;line-height:1.4}.lv-card-link p{font-size:11px;line-height:1.65}.lv-card-arrow{width:26px;height:26px;margin-top:1px}.lv-card-arrow svg{width:15px;height:15px}.lv-art-instruction{display:none}}
@media(max-width:1100px){.lv-section-container{width:calc(100% - 64px)}.lv-service-grid{gap:20px}.lv-card-link{padding:22px 20px}.lv-card-link h3{font-size:24px}.lv-card-link p{font-size:12px}.lv-card-topline{left:20px;right:20px}.lv-section-heading{gap:6%}.lv-section-heading h2{font-size:37px}.lv-art{height:265px}}
@media(max-width:900px){.lv-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.lv-service-card,.lv-service-card:nth-child(4){grid-column:span 1}.lv-service-card:nth-child(5){grid-column:span 2}.lv-album:not(.lv-single-service .lv-album){display:grid;grid-template-columns:1.2fr 1fr}.lv-album:not(.lv-single-service .lv-album) .lv-art{height:285px}.lv-album:not(.lv-single-service .lv-album) .lv-card-link{height:100%;align-items:flex-start;justify-content:center;flex-direction:column;padding:40px 28px}.lv-album:not(.lv-single-service .lv-album) .lv-card-topline{right:47%}.lv-album:not(.lv-single-service .lv-album) .lv-motion-hit{border-radius:17px 0 0 17px}.lv-section-heading{grid-template-columns:1fr;gap:26px;padding-top:30px}.lv-section-heading p{max-width:580px}.lv-section-heading h2{font-size:40px}.lv-section-controls{margin-top:12px}.lv-art{height:290px}}
@media(max-width:600px){.lv-service-section{padding:35px 0 46px}.lv-section-container{width:calc(100% - 40px)}.lv-section-rule{font-size:9px;letter-spacing:.06em;gap:16px}.lv-section-heading{padding:28px 0 27px;gap:21px}.lv-section-heading h2{font-size:31px;line-height:1.4;letter-spacing:-.04em}.lv-section-heading p{font-size:13px;line-height:1.85}.lv-section-controls{gap:24px;margin-top:13px}.lv-section-controls button{min-height:44px;font-size:11px}.lv-service-grid{grid-template-columns:minmax(0,1fr);gap:24px}.lv-service-card,.lv-service-card:nth-child(4),.lv-service-card:nth-child(5){grid-column:1}.lv-service-card{border-radius:16px}.lv-art{height:278px}.lv-card-topline{top:20px;left:23px;right:23px;font-size:10px}.lv-art-instruction{left:23px;bottom:13px;font-size:10px}.lv-card-link{padding:22px 23px 24px;min-height:125px;gap:15px}.lv-card-link h3{font-size:27px}.lv-card-link p{font-size:12px;line-height:1.85;max-width:24em}.lv-card-arrow{width:37px;height:37px}.lv-album:not(.lv-single-service .lv-album){display:block}.lv-album:not(.lv-single-service .lv-album) .lv-art{height:278px}.lv-album:not(.lv-single-service .lv-album) .lv-card-link{height:auto;padding:22px 23px 24px;flex-direction:row;justify-content:space-between;align-items:center;min-height:125px}.lv-album:not(.lv-single-service .lv-album) .lv-card-topline{right:23px}.lv-album:not(.lv-single-service .lv-album) .lv-motion-hit{border-radius:15px 15px 0 0}.lv-custom-art img{object-position:var(--media-mobile-focal,var(--media-focal,50% 50%))}.lv-single-service{padding-top:25px}.lv-single-service .lv-section-container{width:calc(100% - 34px)}.lv-single-service .lv-art{height:300px}.lv-single-service .lv-card-link{padding:22px}.lv-single-service .lv-card-link h3{font-size:27px}.lv-single-service .lv-card-link p{font-size:13px}.lv-single-service .lv-card-topline{left:22px;right:22px}.lv-single-service .lv-art-instruction{left:22px}}
@media(prefers-reduced-motion:reduce){.lv-service-section *,.lv-service-section *::before,.lv-service-section *::after{animation:none!important;transition:none!important}.lv-service-card{opacity:1!important;transform:none!important}.lv-art-parallax{transform:none!important}.lv-card-link:hover .lv-card-arrow{transform:none}}

.p-art{position:relative;width:100%;height:100%;min-height:0;max-width:470px;margin:auto;container-type:inline-size;container-name:p-art;isolation:isolate;pointer-events:none;--p-ink:#2c5065;--p-line:#aac1cb;color:var(--p-ink);font-family:inherit}
.lv-service-picture{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--media-focal,50% 50%)}
.p-art *{box-sizing:border-box}.p-art img[data-lv-editable]{pointer-events:auto!important}.p-art svg{overflow:visible}.p-photo-ground,.p-album-ground{position:absolute;left:20%;right:13%;bottom:10%;height:13%;border-radius:50%;background:radial-gradient(ellipse,#507b9129,transparent 69%);filter:blur(7px)}
.p-photo-papers{position:absolute;inset:0;perspective:1100px}.p-photo-paper{position:absolute;left:22%;top:17%;width:54%;height:58%;transform:translate(var(--p-x),var(--p-y)) rotate(var(--p-r));z-index:var(--p-z);transition:transform 650ms cubic-bezier(.2,.75,.2,1);will-change:transform}.p-photo-paper-0{--p-x:-3%;--p-y:-3%;--p-r:-7deg;--p-z:4}.p-photo-paper-1{--p-x:16%;--p-y:2%;--p-r:6deg;--p-z:3}.p-photo-paper-2{--p-x:29%;--p-y:7%;--p-r:11deg;--p-z:2}.p-photo-print{position:relative;height:100%;padding:9px 9px 26px;background:linear-gradient(130deg,#fffefa,#f8f8f1 69%,#e7edec);border:1px solid #e9eeeb;box-shadow:0 1px 1px #1d40521c,0 8px 14px -8px #30495660,0 18px 27px -21px #233f4f80;transform-origin:8% 50%;backface-visibility:hidden}.p-photo-image{display:block;width:100%;height:100%;overflow:hidden;background:#b7d0d8;box-shadow:inset 0 0 0 1px #193a5112}.p-photo-caption{position:absolute;left:10px;right:10px;bottom:8px;display:flex;align-items:center;gap:9px;font-size:9px;line-height:1;letter-spacing:.06em;color:#647986}.p-photo-caption>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-photo-caption>span:first-child{font-size:8px;font-variant-numeric:tabular-nums;letter-spacing:.1em}.p-photo-dot{width:3px;height:3px;border-radius:50%;background:#9db6bd;margin-left:auto}.p-paper-corner{position:absolute;bottom:0;right:0;width:12px;height:12px;background:linear-gradient(135deg,#fff9 48%,#d9e4e4 51%,#f9fbf6 76%);clip-path:polygon(0 100%,100% 0,100% 100%);opacity:.8}
.p-photo-negative{position:absolute;left:10%;top:24%;width:18%;height:52%;padding:11px 9px;display:grid;grid-template-rows:repeat(3,1fr);gap:7px;background:linear-gradient(90deg,#263c4b,#1e3443 25%,#334c59);transform:rotate(-14deg);box-shadow:0 10px 16px -12px #152e4f80;border:1px solid #527181;z-index:1;transition:transform 650ms cubic-bezier(.2,.75,.2,1)}.p-negative-frame{display:block;overflow:hidden;border:1px solid #6b7d7f;opacity:.79;filter:saturate(.55)}.p-negative-frame .lv-service-picture{filter:sepia(.1)}.p-negative-holes{position:absolute;width:4px;top:6px;bottom:6px;background:repeating-linear-gradient(to bottom,#dbe6e5 0 4px,transparent 4px 12px);opacity:.8}.p-negative-holes-left{left:2px}.p-negative-holes-right{right:2px}
.p-photo-viewfinder{position:absolute;left:18%;top:12%;width:64%;height:64%;transform:rotate(2deg);z-index:0;opacity:.65;transition:transform 650ms,opacity 650ms}.p-photo-viewfinder>span{position:absolute;width:19px;height:19px;border-color:#80a7b7;border-style:solid}.p-photo-viewfinder>span:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.p-photo-viewfinder>span:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.p-photo-viewfinder>span:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}.p-photo-viewfinder>span:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}.p-photo-focus{position:absolute;width:5px;height:5px;border-radius:50%;background:#9cbac5;right:7px;top:7px}.p-photo-reticle{position:absolute;right:10%;top:12%;width:37px;height:37px;z-index:8;opacity:.56;transform:rotate(4deg)}.p-photo-reticle svg{width:100%;height:100%;stroke:#7399aa;stroke-width:1;fill:none}.p-photo-flash{position:absolute;right:12%;top:16%;width:14px;height:14px;z-index:9;opacity:0;border-radius:50%;background:#fff;box-shadow:0 0 13px 9px #fff,0 0 36px 20px #d8edf9b3;transform:scale(.4)}
.p-album-page-count{font:inherit;letter-spacing:.08em;white-space:nowrap;font-variant-numeric:tabular-nums}.p-count-1,.p-count-2{display:none}
:is(.lv-art:hover,.lv-art.is-active,article.is-active) .p-photo-paper-0{--p-x:-12%;--p-y:-3%;--p-r:-10deg}:is(.lv-art:hover,.lv-art.is-active,article.is-active) .p-photo-paper-1{--p-x:17%;--p-y:-1%;--p-r:4deg}:is(.lv-art:hover,.lv-art.is-active,article.is-active) .p-photo-paper-2{--p-x:29%;--p-y:3%;--p-r:14deg}:is(.lv-art:hover,.lv-art.is-active,article.is-active) .p-photo-negative{transform:translate(-5px,2px) rotate(-18deg)}:is(.lv-art:hover,.lv-art.is-active,article.is-active) .p-photo-viewfinder{transform:rotate(0) scale(1.04);opacity:.95}
:is(article[data-step="1"],.lv-art[data-step="1"]) .p-photo-paper-0{--p-x:-18%;--p-y:3%;--p-r:-11deg;--p-z:2}:is(article[data-step="1"],.lv-art[data-step="1"]) .p-photo-paper-1{--p-x:3%;--p-y:-3%;--p-r:3deg;--p-z:4}:is(article[data-step="1"],.lv-art[data-step="1"]) .p-photo-paper-2{--p-x:29%;--p-y:2%;--p-r:11deg;--p-z:3}
:is(article[data-step="2"],.lv-art[data-step="2"]) .p-photo-paper-0{--p-x:-18%;--p-y:0%;--p-r:-11deg;--p-z:2}:is(article[data-step="2"],.lv-art[data-step="2"]) .p-photo-paper-1{--p-x:0%;--p-y:7%;--p-r:1deg;--p-z:3}:is(article[data-step="2"],.lv-art[data-step="2"]) .p-photo-paper-2{--p-x:17%;--p-y:-3%;--p-r:8deg;--p-z:4}
:is(article[data-step="1"],.lv-art[data-step="1"]) .p-art .p-count-0,:is(article[data-step="2"],.lv-art[data-step="2"]) .p-art .p-count-0{display:none}:is(article[data-step="1"],.lv-art[data-step="1"]) .p-art .p-count-1,:is(article[data-step="2"],.lv-art[data-step="2"]) .p-art .p-count-2{display:inline}
:is(article.is-playing,.lv-art.is-playing) .p-photo-flash{animation:p-local-flash 1100ms ease-out both}:is(article.is-playing[data-step="0"],.lv-art.is-playing[data-step="0"]) .p-photo-paper-0 .p-photo-print,:is(article.is-playing[data-step="1"],.lv-art.is-playing[data-step="1"]) .p-photo-paper-1 .p-photo-print,:is(article.is-playing[data-step="2"],.lv-art.is-playing[data-step="2"]) .p-photo-paper-2 .p-photo-print{animation:p-print-turn 1100ms cubic-bezier(.2,.7,.2,1) both}
@keyframes p-local-flash{0%{opacity:0;transform:scale(.3)}8%{opacity:.95;transform:scale(1.4)}19%,100%{opacity:0;transform:scale(1.8)}}@keyframes p-print-turn{0%{transform:perspective(800px) rotateY(-20deg) rotateX(5deg);filter:brightness(1.05)}34%{transform:perspective(800px) rotateY(8deg) rotateX(-2deg);filter:brightness(1)}68%,100%{transform:perspective(800px) rotateY(0) rotateX(0);filter:brightness(1)}}

/* ALBUM — a cloth-bound book, moving leaf and separate incoming print. */
.p-album-book{position:absolute;left:16%;top:20%;width:68%;height:60%;transform:perspective(900px) rotateX(11deg) rotateY(-12deg) rotateZ(-6deg);transform-style:preserve-3d;transition:transform 650ms cubic-bezier(.2,.75,.2,1);z-index:3}.p-album-cover{position:absolute;inset:-5px -8px -7px -8px;border-radius:3px 8px 8px 3px;background:repeating-linear-gradient(98deg,#c3d4d800 0 2px,#7294a40b 2px 3px),linear-gradient(120deg,#d4e2e2,#a9c3ce 51%,#91afc0);border:1px solid #a4bdc6;box-shadow:0 1px 1px #44627540,0 6px 6px -4px #2d4b5959,0 20px 25px -16px #2f526d52}.p-album-spine{position:absolute;left:-6px;top:-3px;bottom:-5px;width:15%;border-right:1px solid #94afba;background:linear-gradient(90deg,#a2bcc6,#d0dfe1 22%,#b0c9d1 90%,#829eac);border-radius:3px 0 0 3px;z-index:2;box-shadow:3px 0 5px -3px #2c55644d}.p-album-spine>span{position:absolute;left:6px;right:7px;height:1px;background:#e4eceb;box-shadow:0 1px #8da8b3}.p-album-spine>span:nth-child(1){top:17%}.p-album-spine>span:nth-child(2){top:50%}.p-album-spine>span:nth-child(3){top:83%}.p-album-book-label{position:absolute;left:1%;top:32%;width:8%;z-index:4;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl;color:#577687;line-height:1.5}.p-album-page-edges{position:absolute;left:15%;right:-3px;top:7px;bottom:-3px;background:repeating-linear-gradient(to bottom,#f0eee5 0 3px,#c9d1cd 3px 4px);border:1px solid #bbc8c8;border-radius:0 3px 3px 0;transform:translate(2px,3px);box-shadow:2px 3px 3px #2e47552b}.p-album-sheet{position:absolute;left:15%;right:0;top:1%;bottom:1%;padding:12px 13px 10px 15px;background:linear-gradient(90deg,#dfe3d9,#faf8ed 6%,#fffdf3 80%,#eeeede);box-shadow:-3px 0 5px -3px #34556933,1px 2px 2px #344c592e;z-index:4;display:flex;flex-direction:column;gap:8px}.p-album-header{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:.08em;line-height:1;color:#7e8f91;min-height:8px}.p-album-header-rule{height:1px;flex:1;background:#d7ded5}.p-album-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;min-height:0}.p-album-tile{position:relative;display:block;min-width:0;min-height:0;padding:3px 3px 10px;background:#fffef6;box-shadow:0 2px 3px #3d586326;overflow:hidden}.p-album-tile .lv-service-picture{box-shadow:0 0 0 1px #b9c9c41a}.p-album-tile-number{position:absolute;right:4px;bottom:2px;font-size:6px;line-height:1;color:#91a29f;letter-spacing:.1em}.p-album-tile-new{padding:3px;background:#eaf0e9;box-shadow:inset 0 0 0 1px #b4c8c0}.p-album-empty{position:absolute;inset:5px;display:grid;place-items:center;border:1px dashed #b9cbc4}.p-album-empty svg{width:35%;max-width:43px;stroke:#8da9a5;stroke-width:1;fill:none}.p-album-arrived{position:absolute;inset:3px;opacity:0;transform:scale(.85);transition:opacity 400ms,transform 500ms}.p-album-sheet-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:7px;line-height:1;letter-spacing:.1em;color:#7e9396;min-height:7px}.p-album-tiny-dots{display:flex;gap:3px}.p-album-tiny-dots span{display:block;width:2px;height:2px;border-radius:50%;background:#94b3bd}.p-album-turn-leaf{position:absolute;left:15%;right:0;top:1%;bottom:1%;z-index:6;background:linear-gradient(90deg,#f2f0e6,#fffef5 82%,#dce4df);transform-origin:left center;transform:rotateY(-174deg);opacity:0;backface-visibility:hidden;padding:20px;box-shadow:5px 1px 10px #3254691a}.p-album-turn-leaf>span{display:block;height:1px;background:#b5cac34d;margin-bottom:22px}.p-album-turn-leaf>span:first-child{height:38%;background:linear-gradient(140deg,#afccd8,#e8e9d9);margin-bottom:15px}.p-album-turn-leaf>span:last-child{width:66%}
.p-album-incoming{position:absolute;right:10%;top:14%;width:25%;height:34%;padding:6px 6px 19px;background:linear-gradient(120deg,#fffefa,#eff2ea);transform:rotate(15deg);z-index:8;box-shadow:0 1px 2px #193e4e33,0 12px 17px -9px #2f4c6266;transition:transform 650ms cubic-bezier(.2,.75,.2,1);transform-origin:center}.p-album-incoming-image{display:block;width:100%;height:100%;overflow:hidden}.p-album-incoming-caption{position:absolute;bottom:5px;left:7px;right:7px;display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:7px;letter-spacing:.06em;line-height:1;color:#7d939a}.p-album-incoming-caption svg{width:10px;height:10px;fill:none;stroke:#7e9bab;stroke-width:1.2}.p-album-motion-path{position:absolute;right:5%;top:34%;width:17%;height:28%;z-index:1;opacity:.65}.p-album-motion-path svg{width:100%;height:100%;fill:none;stroke:#8dacb9;stroke-width:1.2;stroke-dasharray:3 4}.p-album-ground{left:15%;right:10%;bottom:11%;height:14%}
:is(.lv-art:hover,.lv-art.is-active,article.is-active) .p-album-book{transform:perspective(900px) rotateX(5deg) rotateY(-7deg) rotateZ(-8deg) translateY(-4px)}:is(.lv-art:hover,.lv-art.is-active,article.is-active) .p-album-incoming{transform:translate(5%,-10%) rotate(21deg)}:is(article[data-step="1"],.lv-art[data-step="1"],article[data-step="2"],.lv-art[data-step="2"]) .p-album-arrived{opacity:1;transform:scale(1)}:is(article[data-step="1"],.lv-art[data-step="1"]) .p-album-tile-0{order:2}:is(article[data-step="1"],.lv-art[data-step="1"]) .p-album-tile-1{order:0}:is(article[data-step="1"],.lv-art[data-step="1"]) .p-album-tile-2{order:1}:is(article[data-step="2"],.lv-art[data-step="2"]) .p-album-tile-0{order:1}:is(article[data-step="2"],.lv-art[data-step="2"]) .p-album-tile-1{order:2}:is(article[data-step="2"],.lv-art[data-step="2"]) .p-album-tile-2{order:0}.p-album-tile-new{order:3}
:is(article.is-playing,.lv-art.is-playing) .p-album-incoming{animation:p-album-fly 1100ms cubic-bezier(.2,.75,.2,1) both}:is(article.is-playing,.lv-art.is-playing) .p-album-turn-leaf{animation:p-album-leaf 1100ms cubic-bezier(.2,.7,.2,1) both}:is(article.is-playing,.lv-art.is-playing) .p-album-arrived{animation:p-album-arrive 1100ms ease-out both}
@keyframes p-album-fly{0%{opacity:1;transform:translate(5%,-10%) rotate(21deg) scale(1)}32%{opacity:1;transform:translate(-12%,46%) rotate(-6deg) scale(.82)}52%{opacity:0;transform:translate(-22%,71%) rotate(-6deg) scale(.66)}75%{opacity:0;transform:translate(20%,-12%) rotate(21deg) scale(.85)}100%{opacity:1;transform:translate(0,0) rotate(15deg) scale(1)}}@keyframes p-album-leaf{0%,22%{opacity:0;transform:rotateY(0)}24%{opacity:1;transform:rotateY(0)}70%{opacity:1;transform:rotateY(-135deg)}96%,100%{opacity:0;transform:rotateY(-174deg)}}@keyframes p-album-arrive{0%,45%{opacity:0;transform:scale(.8)}70%,100%{opacity:1;transform:scale(1)}}
/* Size the details from this object stage, including wide second-row cards. */
@container p-art (min-width:420px){.p-photo-print{padding:11px 11px 29px}.p-photo-caption{font-size:10px;bottom:9px;left:12px;right:12px}.p-photo-caption>span:first-child{font-size:9px}.p-album-header,.p-album-sheet-footer{font-size:8px}.p-album-sheet{padding:12px 14px 10px 16px;gap:8px}.p-album-grid{gap:8px}.p-album-incoming-caption{font-size:8px;bottom:6px}.p-album-incoming{padding-bottom:22px}.p-album-book-label{font-size:10px}}
@container p-art (max-width:360px){.p-photo-print{padding:7px 7px 24px}.p-photo-caption{font-size:8px;left:8px;right:8px;bottom:7px;gap:6px}.p-photo-reticle{width:29px;height:29px}.p-album-sheet{padding:9px 9px 8px 12px;gap:6px}.p-album-grid{gap:6px}.p-album-header,.p-album-sheet-footer{font-size:7px}.p-album-incoming{padding:5px 5px 18px}.p-album-incoming-caption{font-size:7px}}
@media(max-width:767px){.lv-service-picture{object-position:var(--media-mobile-focal,var(--media-focal,50% 50%))}}
@media(prefers-reduced-motion:reduce){.p-art *{animation:none!important;transition:none!important}.p-photo-flash{display:none}:is(.lv-art:hover,.lv-art.is-active,article.is-active) .p-photo-negative{transform:rotate(-14deg)}:is(.lv-art:hover,.lv-art.is-active,article.is-active) .p-album-book{transform:perspective(900px) rotateX(11deg) rotateY(-12deg) rotateZ(-6deg)}}

/* Three small physical objects. Timelines, monitor and slate respond to the host block. */
.v-art{position:relative;width:100%;height:100%;isolation:isolate;perspective:1000px;container-type:inline-size;--v-blue:#2867ed;--v-ease:cubic-bezier(.2,.75,.2,1);pointer-events:none}
.v-art *{box-sizing:border-box}
.v-art img[data-lv-editable]{pointer-events:auto!important}
.v-art svg{display:block;width:100%;height:100%;overflow:visible}
.v-art span,.v-art i,.v-art strong{display:block}
.v-art i{font-style:normal}
.v-art-quick{--v-shadow:rgba(57,91,154,.21)}
.v-quick-shadow{position:absolute;left:16%;right:12%;height:15%;bottom:16%;background:var(--v-shadow);border-radius:50%;filter:blur(17px);transform:rotate(-7deg);transition:transform .55s var(--v-ease),opacity .55s}
.v-edit-object{position:absolute;width:81%;height:65%;left:10%;top:18%;transform:rotate(-7deg) rotateX(7deg);transform-style:preserve-3d;transition:transform .55s var(--v-ease)}
.v-time-label{position:absolute;right:2%;top:-1%;padding:2.7% 4.3%;border:1px solid #ffffffcf;border-radius:9px;background:linear-gradient(155deg,#fff,#e5edfc);color:#31517d;display:flex;align-items:center;gap:.55em;box-shadow:0 3px 0 #bccce8,0 8px 13px #315eae1b;transform:rotate(5deg);font:500 clamp(9px,3.1cqw,13px)/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}
.v-time-dot{height:5px;width:5px;border-radius:50%;background:#3d76ec;box-shadow:0 0 0 3px #3d76ec17;flex-shrink:0}
.v-film-strip{position:absolute;top:24%;left:0;width:100%;height:47%;background:linear-gradient(150deg,#263955,#15233e);padding:5% 4.1%;border-radius:4px;box-shadow:0 3px 0 #7e96ba,0 9px 14px #18365b27,0 1px 0 #ffffff58 inset;transform:translateZ(8px)}
.v-perforation{position:absolute;left:3%;right:3%;height:6%;background:repeating-linear-gradient(90deg,#dae5f4 0 4.3%,transparent 4.3% 8.4%);border-radius:1px;opacity:.9}
.v-perforation-top{top:4%}.v-perforation-bottom{bottom:4%}
.v-strip-frames{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}
.v-strip-frame{position:relative;overflow:hidden;background:#728fc6;box-shadow:0 0 0 1px #0b1a35,0 1px 2px #0b1a35 inset;filter:saturate(.9);transition:filter .35s,transform .35s}
.v-strip-frame .lv-service-picture{overflow:hidden}
.v-strip-frame>span{position:absolute;right:5%;bottom:5%;color:#ffffffc7;font:500 clamp(6px,1.8cqw,8px)/1 ui-monospace,Consolas,monospace}
.v-wave-track{position:absolute;top:77%;left:6%;width:91%;height:19%;border:1px solid #eaf8f9;box-shadow:0 2px 0 #95bdb9,0 7px 11px #29597315;border-radius:4px;background:linear-gradient(170deg,#dcf0e6,#beddd8);display:flex;align-items:center;gap:5%;padding:3% 4%;transform:translateZ(4px)}
.v-track-marker{font:500 clamp(6px,1.8cqw,8px)/1.2 ui-monospace,Consolas,monospace;letter-spacing:.035em;color:#4b7b72;flex-shrink:0}
.v-wave-bars{display:flex;align-items:center;justify-content:space-between;gap:1.5%;width:100%;height:100%;min-height:16px}
.v-wave-bars i{flex:1;min-width:1px;height:var(--v-h);background:#5c9e93;border-radius:2px;transform-origin:center}
.v-cut-marker{position:absolute;top:13%;left:35%;height:87%;width:12px;transform:translateZ(18px);transition:left .6s var(--v-ease)}
.v-cut-head{position:absolute;left:50%;top:0;transform:translateX(-50%);width:25px;height:20px;border-radius:4px 4px 7px 7px;background:linear-gradient(135deg,#6297ff,#2964df 65%);box-shadow:0 2px 0 #1f4dad,0 5px 9px #0b388a24;display:grid;place-items:center}
.v-cut-head i{width:10px;height:2px;border-radius:2px;background:#b9d4ff;box-shadow:0 4px 0 #b9d4ff}
.v-cut-line{position:absolute;top:20px;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:#3978f3;box-shadow:1px 0 #bbd3ff,0 0 8px #3978f322}
.v-cut-line:after{content:"";position:absolute;bottom:0;left:-2px;width:6px;height:6px;border-radius:50%;background:#3978f3}
.v-edit-tool{position:absolute;left:-2%;top:0;width:14%;aspect-ratio:1;display:grid;place-items:center;padding:2.5%;border:1px solid #ffffffb3;border-radius:24%;background:linear-gradient(150deg,#fcfdff,#d6e4fa);color:#4873b3;box-shadow:0 3px 0 #b3c8e7,0 8px 10px #34578316;transform:rotate(-8deg) translateZ(22px);transition:transform .5s var(--v-ease)}
.v-edit-tool svg{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.v-timeline-rule{position:absolute;bottom:-7%;left:9%;width:79%;height:4%;display:flex;justify-content:space-between;opacity:.45}
.v-timeline-rule i{width:1px;height:50%;background:#5279b3}.v-timeline-rule i:nth-child(3n/**/+1){height:100%}
[data-step="1"] .v-cut-marker{left:65%}[data-step="2"] .v-cut-marker{left:90%}
[data-step="0"] .v-strip-frame-0,[data-step="1"] .v-strip-frame-1,[data-step="2"] .v-strip-frame-2{filter:saturate(1.2) brightness(1.08)}
.lv-art:hover .v-edit-object,.lv-art:focus-visible .v-edit-object,.is-active .v-edit-object{transform:rotate(-4deg) rotateX(3deg) translateY(-4px)}
.lv-art:hover .v-edit-tool,.lv-art:focus-visible .v-edit-tool{transform:rotate(-15deg) translateY(-4px) translateZ(24px)}
.lv-art:hover .v-quick-shadow{transform:rotate(-4deg) scale(.94);opacity:.7}
.is-playing .v-cut-head{animation:v-cut-tap .9s var(--v-ease) both}
.is-playing .v-wave-bars i{animation:v-wave-pulse .7s var(--v-ease) var(--v-d) both}
.is-playing .v-edit-tool{animation:v-tool-nod .9s var(--v-ease) both}
@keyframes v-cut-tap{0%,100%{transform:translateX(-50%) translateY(0)}30%{transform:translateX(-50%) translateY(5px) scale(.96)}55%{transform:translateX(-50%) translateY(-2px)}}
@keyframes v-wave-pulse{0%,100%{transform:scaleY(1)}45%{transform:scaleY(.38);background:#357b73}72%{transform:scaleY(1.15)}}
@keyframes v-tool-nod{0%,100%{transform:rotate(-8deg) translateZ(22px)}40%{transform:rotate(8deg) translateY(-3px) translateZ(22px)}}
/* Compact monitor. Metal and glass, with three deliberately graphic camera views. */
.v-art-live{--v-metal-light:#f0f5fd;--v-metal-mid:#bdcce2;--v-metal-dark:#7e92b0}
.v-monitor-shadow{position:absolute;left:14%;right:18%;bottom:13%;height:15%;border-radius:50%;background:#192c5733;filter:blur(14px);transform:rotate(-3deg)}
.v-monitor-object{position:absolute;left:16%;top:15%;width:68%;height:71%;transform:rotate(-4deg) rotateY(-8deg);transform-style:preserve-3d;transition:transform .55s var(--v-ease)}
.v-monitor-shell{position:absolute;z-index:3;left:0;top:0;width:100%;height:80%;border-radius:10px;background:linear-gradient(145deg,var(--v-metal-light),var(--v-metal-mid) 63%,#cbd8ec);border:1px solid #ffffffc4;box-shadow:3px 4px 0 #7187a9,5px 11px 20px #1b2c5224;overflow:hidden;padding:7.2% 4.4% 10%}
.v-monitor-top{position:absolute;top:2.7%;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;color:#8396b5;font:500 clamp(5px,1.6cqw,7px)/1 ui-monospace,Consolas,monospace;letter-spacing:.13em}
.v-monitor-top i{width:2px;height:2px;border-radius:50%;background:#8295b5;box-shadow:0 0 0 1px #ffffff7a}
.v-monitor-screen{position:relative;width:100%;height:100%;border:2px solid #17253b;border-radius:3px;background:#172b53;overflow:hidden;box-shadow:0 0 0 1px #a0b1c9,0 1px 6px #0004 inset}
.v-screen-scene{position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity .35s,transform .7s var(--v-ease)}
.v-screen-scene .lv-service-picture{overflow:hidden}
/* A transparent camera layer must not intercept editing of the visible feed. */
.v-screen-scene img[data-lv-editable]{pointer-events:none!important}
.v-screen-scene-0 img[data-lv-editable]{pointer-events:auto!important}
[data-step="1"] .v-screen-scene-0 img[data-lv-editable],[data-step="2"] .v-screen-scene-0 img[data-lv-editable]{pointer-events:none!important}
[data-step="1"] .v-screen-scene-1 img[data-lv-editable],[data-step="2"] .v-screen-scene-2 img[data-lv-editable]{pointer-events:auto!important}
.v-screen-scene-0{opacity:1;transform:scale(1)}
[data-step="1"] .v-screen-scene-0,[data-step="2"] .v-screen-scene-0{opacity:0;transform:scale(1.035)}
[data-step="1"] .v-screen-scene-1,[data-step="2"] .v-screen-scene-2{opacity:1;transform:scale(1)}
.v-screen-guide{position:absolute;inset:8%;border:1px solid #ffffff32;pointer-events:none}
.v-screen-guide:before,.v-screen-guide:after{content:"";position:absolute;background:#ffffff54;left:50%;top:50%;transform:translate(-50%,-50%);width:9px;height:1px}
.v-screen-guide:after{width:1px;height:9px}
.v-screen-corner{position:absolute;left:7%;bottom:8%;display:flex;align-items:center;gap:5px;font:500 clamp(5px,1.8cqw,8px)/1 ui-monospace,Consolas,monospace;color:#eff8ff;letter-spacing:.07em;text-shadow:0 1px 3px #12254188}
.v-camera-value{display:flex!important;gap:.45em}
.v-screen-light{width:4px;height:4px;border-radius:50%;background:#c7efb1;box-shadow:0 0 6px #c7efb133}
.v-screen-sweep{position:absolute;inset:-20% -10%;transform:translateX(-110%) skewX(-22deg);background:linear-gradient(90deg,transparent,#ffffff1f 49%,#ffffff50 50%,transparent 56%);pointer-events:none}
.v-monitor-chin{position:absolute;bottom:3%;left:6%;right:6%;display:flex;align-items:center;justify-content:center;height:5%}
.v-monitor-chin>span{width:18%;height:3px;max-height:25%;border-radius:4px;background:repeating-linear-gradient(90deg,#899ebd 0 1px,transparent 1px 3px);opacity:.5}
.v-monitor-led{position:absolute;right:0;width:3px;height:3px;background:#8aabb0;border-radius:50%;box-shadow:0 0 0 2px #dbe5f3}
.v-monitor-neck{position:absolute;z-index:1;width:20%;height:26%;bottom:2%;left:41%;transform:skewX(-9deg);border-radius:1px;background:linear-gradient(90deg,#748eaf,#bfd0e8 35%,#e0eafa 65%,#8fa9c8);box-shadow:2px 0 1px #7c92b2}
.v-monitor-foot{position:absolute;z-index:2;bottom:-1%;left:25%;width:53%;height:9%;border-radius:50% 50% 12% 12%;background:linear-gradient(170deg,#e2ecf9 9%,#b4c8e4 55%,#859dbf);transform:rotateX(43deg);box-shadow:0 3px 0 #738aa9,2px 6px 7px #19314d22}
.v-switcher{position:absolute;z-index:5;right:8%;bottom:12%;width:31%;height:21%;background:linear-gradient(150deg,#f5f7fb,#c9d5e7);border:1px solid #f8fbff;border-radius:7px;box-shadow:0 4px 0 #8da4c7,3px 10px 11px #1a345329;transform:rotate(6deg) rotateX(14deg);padding:3% 3.2% 2%;transition:transform .55s var(--v-ease)}
.v-switcher-label{color:#8294b0;font:500 clamp(5px,1.4cqw,6px)/1 ui-monospace,Consolas,monospace;letter-spacing:.12em;margin-bottom:8%}
.v-switcher-keys{height:60%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10%}
.v-camera-key{position:relative;display:grid!important;place-items:center;color:#69809f;font:500 clamp(6px,2cqw,9px)/1 ui-monospace,Consolas,monospace;border-radius:3px;border:1px solid #b9c9de;background:linear-gradient(145deg,#fdfefe,#dce6f4);box-shadow:0 2px 0 #9caec8;transition:color .3s,background .3s,box-shadow .3s,transform .3s}
.v-camera-key i{position:absolute;top:2px;right:2px;width:2px;height:2px;border-radius:50%;background:#b0bdcf}
.v-camera-key-0{background:linear-gradient(145deg,#5d8df2,#356cd6);border-color:#3663b6;color:white;box-shadow:0 2px 0 #244f9d}
.v-camera-key-0 i{background:#bbdbff}
[data-step="1"] .v-camera-key-0,[data-step="2"] .v-camera-key-0{background:linear-gradient(145deg,#fdfefe,#dce6f4);border-color:#b9c9de;color:#69809f;box-shadow:0 2px 0 #9caec8}
[data-step="1"] .v-camera-key-1,[data-step="2"] .v-camera-key-2{background:linear-gradient(145deg,#5d8df2,#356cd6);border-color:#3663b6;color:#fff;box-shadow:0 1px 0 #244f9d;transform:translateY(1px)}
[data-step="1"] .v-camera-key-1 i,[data-step="2"] .v-camera-key-2 i{background:#bbdbff}
.v-cable{position:absolute;z-index:0;bottom:12%;left:51%;width:30%;height:19%;border:2px solid #7a91af;border-top:0;border-radius:0 0 50% 50%;transform:rotate(-8deg);opacity:.55}
.lv-art:hover .v-monitor-object,.lv-art:focus-visible .v-monitor-object,.is-active .v-monitor-object{transform:rotate(-2deg) rotateY(-3deg) translateY(-4px)}
.lv-art:hover .v-switcher,.lv-art:focus-visible .v-switcher{transform:rotate(3deg) rotateX(7deg) translateY(-2px)}
.is-playing .v-screen-sweep{animation:v-screen-reveal .85s var(--v-ease) both}
.is-playing .v-monitor-led{animation:v-led-pulse .9s ease both}
@keyframes v-screen-reveal{0%{transform:translateX(-110%) skewX(-22deg)}100%{transform:translateX(110%) skewX(-22deg)}}
@keyframes v-led-pulse{0%,100%{background:#8aabb0;box-shadow:0 0 0 2px #dbe5f3}35%{background:#74c1a5;box-shadow:0 0 7px #74c1a580,0 0 0 2px #dbe5f3}}
/* Clapper and storyboard: recognisable physical objects, not a dashboard. */
.v-clapper-shadow{position:absolute;left:15%;right:13%;bottom:13%;height:13%;border-radius:50%;background:#32466625;filter:blur(14px);transform:rotate(-5deg)}
.v-film-object{position:absolute;left:46%;top:21%;width:74%;max-width:350px;height:64%;container-type:inline-size;transform:translateX(-50%) rotate(-7deg) rotateY(-8deg);transform-style:preserve-3d;transition:transform .55s var(--v-ease)}
.v-script-sheet{position:absolute;z-index:0;top:0;left:21%;width:74%;height:87%;background:linear-gradient(125deg,#fff,#f3f6fa);border:1px solid #fff;border-radius:2px;box-shadow:1px 2px 0 #dce4ee,3px 5px 10px #15304c17;transform:rotate(14deg) translate(10%,-4%);transform-origin:12% 90%;padding:6% 6%;transition:transform .6s var(--v-ease)}
.v-sheet-top{display:flex;justify-content:space-between;gap:8px;font:500 clamp(5px,1.55cqw,7px)/1.2 ui-monospace,Consolas,monospace;color:#7889a5;letter-spacing:.04em;white-space:nowrap;padding-bottom:9%;border-bottom:1px solid #dce4ef}
.v-sheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;margin-top:9%;height:30%}
.v-sheet-frame{border:1px solid #b4c3d9;overflow:hidden;opacity:.72;filter:saturate(.35)}
.v-sheet-frame .lv-service-picture{overflow:hidden}
.v-sheet-lines{display:grid;gap:5px;margin-top:10%;width:70%}
.v-sheet-lines i{height:1px;background:#cdd7e5}.v-sheet-lines i:last-child{width:60%}
.v-sheet-corner{position:absolute;bottom:0;right:0;width:11%;aspect-ratio:1;background:linear-gradient(135deg,#e0e8f3 0 48%,transparent 50%);filter:drop-shadow(-1px -1px 1px #bac8dc55)}
.v-clapper{position:absolute;z-index:2;left:0;top:24%;width:87%;height:69%;transform-style:preserve-3d}
.v-clapper-body{position:absolute;inset:15% 0 0;background:linear-gradient(150deg,#344668,#172944 70%);border:1px solid #61748d;border-top:0;border-radius:0 0 7px 7px;box-shadow:1px 4px 0 #111f37,4px 10px 13px #152a462b;color:#f5f8fc;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(8px,3cqw,12px) clamp(11px,4cqw,16px) clamp(7px,2.8cqw,10px);overflow:hidden}
.v-clapper-body:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#ffffff08,transparent 48%,#0000000b);box-shadow:0 1px 0 #ffffff2b inset}
.v-clapper-top{position:absolute;top:0;left:0;right:0;height:17%;background:repeating-linear-gradient(132deg,#dce7f5 0 10%,#273a58 10% 21%);border-radius:3px 3px 0 0;box-shadow:0 1px 0 #899bb4 inset,0 2px 0 #152740}
.v-clapper-arm{position:absolute;z-index:4;bottom:100%;left:0;width:100%;height:17%;background:repeating-linear-gradient(132deg,#edf3fc 0 10%,#273a58 10% 21%);border:1px solid #7187a2;border-radius:3px;box-shadow:0 -2px 0 #b1c1d8,1px 2px 0 #152740;transform:rotate(-11deg);transform-origin:3% 100%;transition:transform .5s var(--v-ease)}
.v-clapper-arm>span{position:absolute;inset:0;background:linear-gradient(#ffffff10,#00000008)}
.v-hinge-pin{position:absolute;z-index:5;bottom:-5px;left:1%;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#dfe8f6,#8498b8 62%,#30415e 67%);box-shadow:1px 1px 2px #14223b66}
.v-slate-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:5px;border-bottom:1px solid #8090a85e;color:#c4d4ea;font:500 clamp(5px,1.6cqw,7px)/1.5 ui-monospace,Consolas,monospace;letter-spacing:.07em}
.v-slate-heading>i{width:3px;height:3px;background:#d3e5ff;border-radius:50%;box-shadow:0 0 0 2px #bad5ff16}
.v-slate-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:4px 0;border-bottom:1px solid #8090a85e}
.v-slate-columns>div{padding:0 14%;border-right:1px solid #8090a83f}.v-slate-columns>div:first-child{padding-left:0}.v-slate-columns>div:last-child{border:0}
.v-slate-columns span{font:500 clamp(5px,1.6cqw,7px)/1.3 ui-monospace,Consolas,monospace;letter-spacing:.09em;color:#99afcf}
.v-slate-columns strong{font:400 clamp(16px,6.4cqw,28px)/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.06em;color:#e6effe;margin-top:2px}
.v-slate-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#99afcf;margin-top:4px;font:500 clamp(5px,1.5cqw,7px)/1.5 ui-monospace,Consolas,monospace;letter-spacing:.03em}
.v-slate-bottom b{font:400 clamp(10px,3.2cqw,15px)/1 sans-serif;color:#dbe9fc}
[data-step="1"] .v-script-sheet{transform:rotate(19deg) translate(15%,-9%)}
[data-step="2"] .v-script-sheet{transform:rotate(8deg) translate(8%,-13%)}
.lv-art:hover .v-film-object,.lv-art:focus-visible .v-film-object,.is-active .v-film-object{transform:translateX(-50%) rotate(-4deg) rotateY(-3deg) translateY(-3px)}
.lv-art:hover .v-clapper-arm,.lv-art:focus-visible .v-clapper-arm{transform:rotate(-17deg)}
.lv-art:hover .v-script-sheet,.lv-art:focus-visible .v-script-sheet{transform:rotate(17deg) translate(13%,-9%)}
.is-playing .v-clapper-arm{animation:v-clap .95s var(--v-ease) both}
.is-playing .v-script-sheet{animation:v-sheet-lift 1s var(--v-ease) both}
@keyframes v-clap{0%{transform:rotate(-16deg)}28%{transform:rotate(0deg)}42%{transform:rotate(-4deg)}58%{transform:rotate(0deg)}100%{transform:rotate(-11deg)}}
@keyframes v-sheet-lift{0%,100%{translate:0 0}50%{translate:2% -5%}}
@container(max-width:370px){.v-cut-head{width:21px;height:17px}.v-cut-line{top:17px}.v-hinge-pin{width:9px;height:9px;bottom:-4px}.v-monitor-shell{border-radius:8px}.v-switcher{border-radius:5px}.v-slate-heading{letter-spacing:.02em}}
@media(prefers-reduced-motion:reduce){.v-art *,.v-art *:before,.v-art *:after{animation:none!important;transition:none!important}.v-screen-sweep{display:none}}

/* The homepage Banner has one typography and action owner. Its former copy
   rules have been removed from legacy-app.css. The service cards, equipment,
   original RC1 field, Dock and CMS geometry remain independent of this layer. */
#desktop > .home-copy {
  --banner-ink: var(--v10-ink, #163957);
  --banner-blue: var(--v10-ink, #183b5c);
  position: absolute;
  inset: 17% auto auto 50%;
  z-index: 9;
  width: min(720px, 54%);
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
  color: var(--banner-ink);
  text-align: center;
  pointer-events: none;
}

#desktop > .home-copy :is(a, button) { pointer-events: auto; }

#desktop > .home-copy > .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  margin: 0 0 18px;
  color: var(--banner-blue);
  font: 500 10px/1.5 var(--lv-ui-font);
  letter-spacing: .16em;
  text-transform: uppercase;
  text-wrap: balance;
}

#desktop > .home-copy h1 {
  max-width: 100%;
  margin: 0;
  color: var(--banner-ink);
  font-family: var(--lv-ui-font);
  font-size: clamp(48px, 4.4vw, 64px);
  font-weight: 560;
  font-synthesis: none;
  line-height: 1.16;
  letter-spacing: -.04em;
  text-shadow: none;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

#desktop > .home-copy h1 .home-title-primary { font: inherit; }

#desktop > .home-copy h1 em {
  display: inline-block;
  max-width: 100%;
  color: var(--banner-blue);
  font-family: inherit;
  font-size: 1em;
  font-weight: 440;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -.04em;
  text-shadow: none;
  white-space: normal;
}

#desktop > .home-copy .home-intro {
  max-width: 560px;
  margin: 22px auto 24px;
  color: var(--banner-blue);
  font: 400 14px/1.85 var(--lv-ui-font);
  letter-spacing: .005em;
  white-space: pre-line;
  text-wrap: pretty;
  overflow-wrap: anywhere;
}

#desktop > .home-copy .action-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
}

/* The inherited shared button material is deliberately superseded only here.
   No blur or displacement is applied to the glyphs or label hit targets. */
#desktop > .home-copy .action-row > .btn {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  gap: 15px;
  min-width: 0;
  min-height: 48px;
  max-width: 100%;
  padding: 12px 23px;
  border: 1px solid rgba(181, 213, 255, .55) !important;
  border-radius: 999px;
  background: linear-gradient(145deg, rgba(31, 89, 153, .94), rgba(20, 59, 108, .96)) !important;
  color: #f6fbff !important;
  box-shadow: inset 0 1px 0 rgba(222, 240, 255, .48), inset 0 -1px 0 rgba(5, 27, 65, .24), 0 8px 22px -7px rgba(13, 46, 98, .42) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.12);
  backdrop-filter: blur(14px) saturate(1.12);
  font: 540 13px/1.45 var(--lv-ui-font);
  font-synthesis: none;
  letter-spacing: .005em;
  text-shadow: none !important;
  text-wrap: balance;
  overflow-wrap: anywhere;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

#desktop > .home-copy .action-row > .btn::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  background: radial-gradient(ellipse at 25% 0, rgba(176, 218, 255, .35), transparent 68%);
  pointer-events: none;
}

#desktop > .home-copy .action-row > .btn.secondary {
  background: linear-gradient(135deg, rgba(232, 244, 255, .76), rgba(219, 233, 251, .66)) !important;
  color: #143a61 !important;
  border-color: rgba(227, 242, 255, .75) !important;
  box-shadow: inset 0 1px 0 rgba(245, 251, 255, .65), 0 6px 18px -12px rgba(18, 45, 80, .28) !important;
  font-weight: 500;
}

#desktop > .home-copy .action-row > .btn :is(span, b, strong, em) {
  font: inherit;
  letter-spacing: inherit;
}

#desktop > .home-copy .action-row > .btn .icon { width: 16px; height: 16px; }

#desktop > .home-copy .action-row > .btn:is(:hover, :focus-visible) {
  transform: translateY(-2px);
  border-color: #d7ebff !important;
  box-shadow: inset 0 1px 0 rgba(233, 246, 255, .65), 0 12px 26px -8px rgba(13, 46, 98, .48) !important;
}

#desktop > .home-copy .action-row > .btn:focus-visible { outline: 2px solid #0c3d78; outline-offset: 4px; }
#desktop > .home-copy .action-row > .btn:active { transform: translateY(0); }

html:lang(en) #desktop > .home-copy h1 { font-size: clamp(44px, 4.3vw, 62px); letter-spacing: -.04em; }
html:lang(en) #desktop > .home-copy h1 em { letter-spacing: -.04em; }
html:lang(en) #desktop > .home-copy .home-intro { max-width: 540px; line-height: 1.7; }

@media (min-width: 768px) and (max-width: 1179px) {
  #desktop > .home-copy {
    position: relative;
    inset: auto;
    width: 100%;
    max-width: 660px;
    margin: 64px auto 0;
    padding: 0 36px;
    transform: none;
  }
  #desktop > .home-copy h1 { font-size: clamp(44px, 5vw, 54px); }
  html:lang(en) #desktop > .home-copy h1 { font-size: clamp(42px, 4.8vw, 52px); }
  #desktop > .home-copy .home-intro { margin: 20px auto 24px; }
}

@media (max-width: 767px) {
  #desktop > .home-copy {
    position: relative;
    inset: auto;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    padding: 0 22px;
    transform: none;
    text-align: left;
    grid-column: 1 / -1;
    grid-row: 1;
  }
  #desktop > .home-copy > .eyebrow { display: none; }
  #desktop > .home-copy h1 { font-size: clamp(32px, 9.4vw, 42px); line-height: 1.14; letter-spacing: -.04em; }
  html:lang(en) #desktop > .home-copy h1 { font-size: clamp(32px, 8.9vw, 40px); line-height: 1.12; }
  #desktop > .home-copy h1 em { padding-top: .03em; font-size: 1em; line-height: 1.2; }
  #desktop > .home-copy .home-intro { max-width: 100%; margin: 17px 0 20px; font-size: 13px; line-height: 1.8; }
  html:lang(en) #desktop > .home-copy .home-intro { max-width: 100%; line-height: 1.8; }
  #desktop > .home-copy .action-row { justify-content: flex-start; gap: 9px; }
  #desktop > .home-copy .action-row > .btn { min-height: 46px; padding: 11px 15px; gap: 9px; font-size: 12px; }
}

@media (max-width: 359px) {
  #desktop > .home-copy .action-row { gap: 8px; }
  #desktop > .home-copy .action-row > .btn { min-height: 44px; padding: 10px 11px; gap: 7px; font-size: 11.5px; }
}

html:is(.reduced-motion, .v10-still, .c9-reduced) #desktop > .home-copy .action-row > .btn { transition: none; }
@media (prefers-reduced-motion: reduce) {
  #desktop > .home-copy .action-row > .btn { transition: none; }
  #desktop > .home-copy .action-row > .btn:is(:hover, :focus-visible, :active) { transform: none; }
}
@media (forced-colors: active) {
  #desktop > .home-copy :is(h1, h1 em, .eyebrow, .home-intro) { color: CanvasText; }
  #desktop > .home-copy .action-row > .btn { color: ButtonText !important; background: ButtonFace !important; border: 1px solid ButtonText !important; box-shadow: none !important; }
}

/* Blue optical ribbons live above the managed photograph and below every
   control. Their clear reflection stays within the same cool palette; the
   retained RC1 field owns the page-wide wave geometry. */
#desktop > .banner-light {
  position: absolute;
  z-index: 1;
  inset: auto -5% 0;
  height: clamp(310px, 55svh, 580px);
  max-height: 66%;
  overflow: hidden;
  contain: paint;
  pointer-events: none;
  user-select: none;
  opacity: 1;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 73%, transparent 98%);
  mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 73%, transparent 98%);
}

.banner-light > svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.banner-light-motion {
  transform-box: view-box;
  transform-origin: 50% 64%;
  animation-play-state: paused;
}

.banner-light-back {
  animation: lv-banner-silk-back 22s cubic-bezier(.45, 0, .55, 1) infinite alternate paused;
}

.banner-light-front {
  animation: lv-banner-silk-front 17s cubic-bezier(.45, 0, .55, 1) infinite alternate paused;
}

.banner-light-caustic {
  animation: lv-banner-silk-caustic 14s ease-in-out infinite alternate paused;
}

/* The existing home lifecycle is authoritative. Nothing starts while the
   HTML-first cover is active, a window is open, or the desktop is offscreen. */
html.home-banner-blur[data-home-motion="running"]:not(.page-hidden):not(.reduced-motion):not(.v10-still):not(.c9-reduced):not(.lv-first-paint-pending):not(.lv-first-paint-failed)
  #os-world:not([hidden]):not([inert]) #desktop:not(.inactive):not(.os-offscreen) > .banner-light .banner-light-motion {
  animation-play-state: running;
}

/* The same CMS switch owns both wallpaper blur and its light decoration.
   Off means the clear original photograph, without an extra moving layer. */
html:not(.home-banner-blur) #desktop > .banner-light,
html.home-banner-no-blur #desktop > .banner-light {
  display: none;
}

@keyframes lv-banner-silk-back {
  from { transform: translate(-3.2%, 1.8%) scale(1.04, .98); }
  to { transform: translate(3.6%, -2.4%) scale(1.09, 1.025); }
}

@keyframes lv-banner-silk-front {
  from { transform: translate(3.2%, 1.5%) scale(1.06, 1.02); }
  to { transform: translate(-3.8%, -1.4%) scale(1.025, .98); }
}

@keyframes lv-banner-silk-caustic {
  from { opacity: .70; transform: translate(-2%, 2%) scale(1.02); }
  to { opacity: 1; transform: translate(3.3%, -.8%) scale(1.07, 1.02); }
}

@media (max-width: 767px) {
  #desktop > .banner-light {
    inset: auto -35% 0;
    height: clamp(300px, 48svh, 440px);
    max-height: 55%;
    opacity: .96;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 24%, #000 68%, transparent 98%);
    mask-image: linear-gradient(to bottom, transparent, #000 24%, #000 68%, transparent 98%);
  }
}

/* A still composition retains the depth without drifting or pulsing. */
html:is(.reduced-motion, .v10-still, .c9-reduced) .banner-light-motion {
  animation: none;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .banner-light-motion { animation: none; transform: none; }
}

@media (forced-colors: active) {
  #desktop > .banner-light { display: none; }
}

/* Hong Kong Journal — native gallery, collection and viewer styles.
   The RC1 route atmosphere supplies motion; this sheet owns layout and contrast. */
html.journal-edition{--jr-ink:#142c42;--jr-muted:#536878;--jr-blue:#1769ef;--jr-paper:#f3f6f5;--jr-line:#19374a24;--jr-title:"Noto Serif SC Variable",serif;--jr-ease:cubic-bezier(.18,.72,.24,1);scroll-padding-top:80px}
html.journal-edition:lang(zh-Hant){--jr-title:"Noto Serif TC Variable",serif}
html.jr-active{--jr-ink:#eaf2fb;--jr-muted:#a6b7cb;--jr-blue:#70e4f0;--jr-paper:#0a1423;--jr-line:#b6cdec26;background:#08111f!important;color:var(--jr-ink);scroll-behavior:smooth}
html.rc116-chrome.jr-active{--chrome-ink:#dceaf6;--chrome-fill:rgba(10,21,38,.76);--chrome-hover:rgba(255,255,255,.1);--chrome-focus:#8ee4ef}
/* The Mac menu is outside #journal-view; give its dark glass its own ink. */
html.jr-active #os-menu-panel{--v9-tint:rgba(14,27,44,.95);color:#f0f6fc;border-color:#b1cfe33b!important;box-shadow:0 16px 40px #0005,inset 0 1px #f0faff24!important;text-shadow:none}
html.jr-active #os-menu-panel>.v9-glass-backdrop{background:linear-gradient(145deg,#1c3045ed,#101e31f5);backdrop-filter:blur(24px) saturate(1.18);-webkit-backdrop-filter:blur(24px) saturate(1.18)}
html.jr-active #os-menu-panel>.v9-glass-rim{border-color:#cee7fa3b;box-shadow:inset 0 1px #f0faff28}
html.jr-active #os-menu-panel>.v9-glass-rim::before{opacity:.13}
html.jr-active #os-menu-panel :is(a,button){color:#f0f6fc!important;background:transparent;text-shadow:none!important}
html.jr-active #os-menu-panel :is(a,button)>:is(span,svg){color:inherit;opacity:1}
html.jr-active #os-menu-panel :is(a,button):is(:hover,:focus-visible,:active){background:#42738c75;color:#fff!important}
html.jr-active #os-menu-panel :is(a,button):focus-visible{outline:2px solid #9cebf2;outline-offset:-2px}
html.jr-active #os-menu-panel :is(.os-menu-label,.os-menu-state,kbd){color:#b6cbdc;opacity:1}
html.jr-active #os-menu-panel hr{border-color:#b2cfdf38}
html.jr-active :is(#v10-atmosphere,#visitor-flow,#veil,.os-chapter-rail,#os-world){display:none!important}
#journal-view{--hk-lamp-rgb:255 119 183;--hk-lamp-core:#ffe4f2;--hk-lamp-edge:#ffb8dc;--hk-lamp-near:rgb(var(--hk-lamp-rgb)/.38);--hk-lamp-far:rgb(var(--hk-lamp-rgb)/.18);position:relative;z-index:5;background:#0a1423;color:var(--jr-ink);min-height:100svh;padding-top:var(--ed-bar-height,40px);font-family:var(--lv-ui-font);text-shadow:0 0 .12em rgb(var(--hk-lamp-rgb)/.18),0 0 .8em rgb(var(--hk-lamp-rgb)/.1)}
/* Real text is decorated once. Latin words stay intact; CJK glyphs can wrap naturally. */
#journal-view .hk-neon-run,#journal-view .hk-neon-glyph{all:unset;display:inline;font:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:inherit;color:inherit;text-shadow:inherit;text-transform:inherit;white-space:inherit;-webkit-text-stroke:inherit;-webkit-text-fill-color:inherit}
#journal-view .hk-neon-glyph{box-decoration-break:clone;-webkit-box-decoration-break:clone}
#journal-view :is(h1,h2,.hk-neon-sign-name){text-shadow:0 0 1px var(--hk-lamp-core),0 0 .22em var(--hk-lamp-near),0 0 .7em var(--hk-lamp-far)}
#journal-view :is(.jr-kicker,.jr-breadcrumb,.jr-footer,.hk-frame-mark,.jr-series-meta){text-shadow:0 0 .16em var(--hk-lamp-near),0 0 .6em var(--hk-lamp-far)}
/* Mong Kok mixes separate coloured tubes; each letter keeps one solid lamp colour. */
#journal-view[data-hk-neon-tone=mixed][data-hk-neon-power=on] :is(.hk-neon-hero h1,.hk-neon-sign-name) .hk-neon-glyph:nth-child(4n/**/+1){--hk-letter-rgb:255 91 69;--hk-letter-core:#ffb4a1}
#journal-view[data-hk-neon-tone=mixed][data-hk-neon-power=on] :is(.hk-neon-hero h1,.hk-neon-sign-name) .hk-neon-glyph:nth-child(4n/**/+2){--hk-letter-rgb:255 190 76;--hk-letter-core:#ffe1a2}
#journal-view[data-hk-neon-tone=mixed][data-hk-neon-power=on] :is(.hk-neon-hero h1,.hk-neon-sign-name) .hk-neon-glyph:nth-child(4n/**/+3){--hk-letter-rgb:70 232 242;--hk-letter-core:#a3f8ff}
#journal-view[data-hk-neon-tone=mixed][data-hk-neon-power=on] :is(.hk-neon-hero h1,.hk-neon-sign-name) .hk-neon-glyph:nth-child(4n/**/+4){--hk-letter-rgb:255 91 197;--hk-letter-core:#ffb6e3}
#journal-view[data-hk-neon-tone=mixed][data-hk-neon-power=on] :is(.hk-neon-hero h1,.hk-neon-sign-name) .hk-neon-glyph{color:var(--hk-letter-core);-webkit-text-stroke-color:var(--hk-letter-core);text-shadow:0 0 1px var(--hk-letter-core),0 0 .22em rgb(var(--hk-letter-rgb)/.65),0 0 .7em rgb(var(--hk-letter-rgb)/.32)}
#journal-view[data-hk-neon-tone=mixed][data-hk-neon-power=on] :is(.hk-neon-hero h1,.hk-neon-sign-name) .hk-neon-glyph{color:#172337}
#journal-view[data-hk-neon-tone=mixed][data-hk-neon-power=on] .hk-location{color:#142336;-webkit-text-stroke-color:#ffbf90;text-shadow:0 0 2px #ffb57e,0 0 16px #ff85436b,0 0 46px #ff854333}
#journal-view[data-hk-neon-tone=mixed][data-hk-neon-power=on] .hk-location>span:not(.hk-neon-run){-webkit-text-stroke-color:#a2f6ff;text-shadow:0 0 2px #b0f9ff,0 0 16px #47e7f56b,0 0 46px #47e7f533}
#journal-view[hidden],.jr-media-panel[hidden],.jr-viewer-status[hidden],.jr-viewer-stage img[hidden]{display:none}
.jr-wrap{width:min(1240px,calc(100% - 104px));margin-inline:auto}
.jr-kicker{font:600 10px/1.6 var(--lv-ui-font);letter-spacing:.16em;color:var(--jr-muted);margin:0 0 24px;text-transform:uppercase}
.jr-breadcrumb{display:flex;align-items:center;gap:14px;min-height:72px;border-bottom:1px solid var(--jr-line);font-size:11px;color:var(--jr-muted);letter-spacing:.02em}
.jr-breadcrumb a{color:var(--jr-ink);text-decoration:none;padding-block:14px}
.jr-breadcrumb-end{margin-left:auto;font-size:9px;letter-spacing:.12em}
.jr-missing{display:grid;place-items:center;min-height:160px;padding:24px;background:#122235;color:var(--jr-muted);font-size:13px;line-height:1.7}
.hk-neon-hero{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(26px,4vw,58px);align-items:center;padding:66px 0 68px}
.hk-neon-hero-text{grid-template-columns:minmax(0,720px)}
.hk-neon-intro{min-width:0}
.hk-neon-kicker{display:flex;align-items:center;gap:10px;margin-bottom:24px}
.hk-neon-kicker>span{width:24px;height:2px;background:var(--hk-lamp-edge);box-shadow:0 0 12px var(--hk-lamp-near)}
.hk-neon-hero h1{font:650 clamp(32px,3.5vw,46px)/1.4 var(--lv-ui-font);letter-spacing:.06em;margin:0 0 18px;color:#142238;-webkit-text-stroke:.8px var(--hk-lamp-core);overflow-wrap:break-word}
.hk-location{font:650 clamp(70px,7.4vw,106px)/.94 var(--lv-ui-font);letter-spacing:-.055em;color:#122033;-webkit-text-stroke:1.25px var(--hk-lamp-core);text-shadow:0 0 2px var(--hk-lamp-core),0 0 15px var(--hk-lamp-near),0 0 42px var(--hk-lamp-far)}
.hk-location>span{display:block}
.hk-location-dot{color:var(--hk-lamp-edge);-webkit-text-stroke:0;text-shadow:0 0 26px var(--hk-lamp-near)}
.hk-neon-headline{font:500 clamp(18px,1.7vw,23px)/1.6 var(--jr-title);letter-spacing:.02em;color:var(--hk-lamp-core);text-shadow:0 0 .25em var(--hk-lamp-near),0 0 .8em var(--hk-lamp-far);margin:29px 0 14px}
.hk-neon-description{font-size:14px;line-height:1.85;color:var(--jr-muted);margin:0;max-width:32em}
.hk-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.hk-action-primary,.hk-action-secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:11px 19px;border-radius:8px;text-decoration:none;font:550 12px/1.6 var(--lv-ui-font);cursor:pointer;transition:background .2s,border-color .2s,color .2s;box-sizing:border-box}
.hk-action-primary{border:1px solid var(--hk-lamp-edge);background:rgb(var(--hk-lamp-rgb)/.085);color:var(--hk-lamp-core);box-shadow:inset 0 0 16px rgb(var(--hk-lamp-rgb)/.04),0 0 15px rgb(var(--hk-lamp-rgb)/.045);text-shadow:0 0 8px var(--hk-lamp-near)}
.hk-action-secondary{border:1px solid #bdd3ea36;background:#0d1b2b60;color:#d9e6f5}
.hk-action-primary>span,.hk-action-secondary>span{font-size:18px;line-height:1}
.hk-action-secondary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}
.hk-neon-visual{margin:0;min-width:0;position:relative;padding:24px 91px 0 66px}
.hk-neon-frame{position:relative;aspect-ratio:3/2;border:1px solid #e4a0d35c;border-radius:3px 30px 3px 3px;background:#0e1f30;box-shadow:-16px 20px 70px #18124050,12px -13px 50px #f775b612,inset 0 0 0 1px #7c7c9d}
.hk-neon-frame::before{content:"";position:absolute;left:-9px;top:23px;bottom:23px;width:2px;border-radius:2px;background:linear-gradient(#eaa0ce,#ff69a8 45%,#714ae200);box-shadow:0 0 16px #ff61bb6b;pointer-events:none}
.hk-neon-frame::after{content:"";position:absolute;left:36px;right:28px;bottom:-9px;height:2px;background:linear-gradient(90deg,#42d2e200,#75d9e1,#a9f1e8);box-shadow:0 0 16px #59d3ee80;pointer-events:none}
.hk-neon-image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--media-focal,50% 50%);border-radius:2px 29px 2px 2px}
.hk-frame-mark{position:absolute;bottom:18px;left:18px;font-size:9px;letter-spacing:.13em;color:#fff;line-height:1.5;text-shadow:0 1px 8px #000}
.hk-neon-visual figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;padding-top:24px;color:#a9bed1;font-size:10px;line-height:1.6}
.hk-image-credit{font-size:8px;color:#94acbf;text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.hk-image-credit:hover{text-decoration:underline;text-underline-offset:3px}
/* Two small street fixtures occupy real side gutters around the photograph.
   Their metal edges and tube layers are native CSS/SVG, with no image overlay. */
.hk-neon-model{position:absolute;display:block;padding:0;margin:0;border:0;border-radius:9px;color:var(--hk-lamp-core);background:transparent;perspective:700px;cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent;font-family:var(--lv-ui-font);z-index:2}
.hk-neon-model::before{content:"";position:absolute;inset:4% -4%;border-radius:50%;background:radial-gradient(ellipse,rgb(var(--hk-lamp-rgb)/.14),transparent 72%);pointer-events:none}
.hk-neon-fixture-art{position:absolute;inset:0;display:block;pointer-events:none}
.hk-neon-fixture-street{left:1px;top:25%;width:51px;height:170px}
.hk-neon-fixture-camera{--hk-lamp-rgb:83 227 239;--hk-lamp-core:#c0fbff;--hk-lamp-edge:#82edf5;right:1px;top:40%;width:81px;height:104px}
.hk-neon-volume{position:absolute;inset:7px 5px 8px;display:block;transform-style:preserve-3d;transform:rotateX(calc(4deg + var(--hk-tilt-x,0deg))) rotateY(calc(-16deg + var(--hk-tilt-y,0deg)));transition:transform .3s cubic-bezier(.16,.72,.22,1);pointer-events:none}
.hk-neon-model.is-manipulating{cursor:grabbing}
.hk-neon-model.is-manipulating .hk-neon-volume{transition:transform .06s linear}
.hk-neon-box-front,.hk-neon-box-back,.hk-neon-box-top,.hk-neon-box-side{position:absolute;display:block;border:1px solid #526273;background:linear-gradient(145deg,#465269,#172638 52%,#0a1827);backface-visibility:hidden}
.hk-neon-box-front{inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:9px 4px 10px;border:1px solid #ae9d9b;border-radius:5px;background:linear-gradient(110deg,#263047e6,#101c2aef);transform:translateZ(7px);box-shadow:inset 0 0 0 2px #0c1624,inset 0 0 0 3px #ffc78375,inset 0 0 15px #ff9b8b13,0 5px 14px #0007}
.hk-neon-box-front::before,.hk-neon-box-front::after{content:"";position:absolute;right:3px;width:2px;height:2px;border-radius:50%;background:#b2beca}
.hk-neon-box-front::before{top:4px}.hk-neon-box-front::after{bottom:4px}
.hk-neon-box-back{inset:0;border-radius:5px;transform:translateZ(-7px);box-shadow:5px 8px 15px #0006}
.hk-neon-box-top{top:-7px;left:0;right:0;height:14px;transform:rotateX(90deg);background:linear-gradient(#607284,#293448)}
.hk-neon-box-side{top:0;bottom:0;right:-7px;width:14px;transform:rotateY(90deg);background:linear-gradient(90deg,#1b2639,#5a6277 78%,#1c2432)}
.hk-neon-bracket{position:absolute;top:21%;left:42%;width:38px;height:62%;border-top:3px solid #536c7d;border-bottom:3px solid #536c7d;border-right:2px solid #31485b;transform:skewY(-6deg);box-shadow:1px 1px #07111d;pointer-events:none}
.hk-neon-bracket::before,.hk-neon-bracket::after{content:"";position:absolute;right:-4px;width:6px;height:8px;border:1px solid #6b7f91;background:#152236;border-radius:2px}
.hk-neon-bracket::before{top:-5px}.hk-neon-bracket::after{bottom:-5px}
.hk-neon-fixture-cap{font-size:6px;line-height:1;letter-spacing:.14em;color:#dbc7ad}
.hk-neon-sign-name{display:block;writing-mode:vertical-rl;text-orientation:mixed;font:650 20px/1.25 var(--lv-ui-font);letter-spacing:.14em;color:#162035;-webkit-text-stroke:.65px var(--hk-lamp-core);max-height:calc(100% - 25px);overflow:hidden}
html:lang(en) .hk-neon-sign-name{font-size:13px;letter-spacing:.05em;line-height:1.2}
.hk-neon-fixture-bulbs{display:flex;align-items:center;justify-content:center;gap:5px}
.hk-neon-fixture-bulbs>i{display:block;width:2px;height:2px;border-radius:50%;background:#ffd59b;box-shadow:0 0 4px #ffb752}
.hk-neon-fixture-bulbs>i:nth-child(2){background:#a9faff;box-shadow:0 0 4px #6af7ff}
.hk-neon-fixture-bulbs>i:nth-child(3){background:#ffade3;box-shadow:0 0 4px #ff6ec6}
.hk-neon-fixture-camera .hk-neon-volume{inset:10px 5px auto 4px;aspect-ratio:1;transform:rotateX(calc(-5deg + var(--hk-tilt-x,0deg))) rotateY(calc(18deg + var(--hk-tilt-y,0deg)))}
.hk-neon-fixture-camera .hk-neon-bracket{left:-9px;top:23%;width:38px;height:41%;border-right:0;border-left:2px solid #31485b;transform:skewY(8deg)}
.hk-neon-fixture-camera .hk-neon-bracket::before,.hk-neon-fixture-camera .hk-neon-bracket::after{left:-4px;right:auto}
.hk-neon-disc{position:absolute;inset:0;display:block;border-radius:50%;border:1px solid #8093a3;backface-visibility:hidden}
.hk-neon-disc-back{background:#2f3b53;transform:translateZ(-10px);box-shadow:0 7px 17px #0006}
.hk-neon-disc-middle{background:repeating-radial-gradient(circle,#536378 0 1px,#1c3047 2px 3px);transform:translateZ(-3px);border-color:#8b9bb0;box-shadow:0 0 0 1px #07111f,0 0 0 2px #496177}
.hk-neon-disc-front{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transform:translateZ(6px);border-color:#8fc9cf;background:radial-gradient(circle at 38% 25%,#283e50,#0d1b2b 72%);box-shadow:inset 0 0 0 3px #0c1e2c,inset 0 0 0 4px #a0e5e760,0 0 14px #55dfee13}
.hk-neon-camera-icon{display:block;width:68%;margin-top:5px;filter:drop-shadow(0 0 2px #69f2ff85) drop-shadow(0 0 8px #69f2ff40)}
.hk-neon-camera-icon svg{display:block;width:100%;height:auto;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}
.hk-camera-tube{stroke:var(--hk-lamp-core);stroke-width:2.3;paint-order:stroke}
.hk-camera-core{stroke:var(--hk-lamp-edge);stroke-width:1.6}
.hk-neon-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#journal-view[data-hk-neon-motion=paused] .hk-neon-volume{transition:none}
.jr-collections{scroll-margin-top:calc(var(--ed-bar-height,40px) + 20px)}
/* Keep the photo/video controls in the page flow at every viewport size. */
.hk-media-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;position:static;top:auto;z-index:auto;background:transparent;padding:14px 0}
.jr-media-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,660px)}
.jr-media-switch button{--hk-channel-rgb:var(--hk-lamp-rgb);--hk-channel-core:var(--hk-lamp-core);position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:86px;padding:17px 21px;border:1px solid #516174;border-radius:8px;background:linear-gradient(135deg,#1c2d3de8,#0d1c2ef5);color:#acbfce;font:500 13px/1.4 var(--lv-ui-font);cursor:pointer;text-align:left;box-shadow:0 6px 14px #0002,inset 0 1px #e9f4ff12;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
.jr-media-switch button::before{content:"";position:absolute;inset:4px;border:1px solid rgb(var(--hk-channel-rgb)/.22);border-radius:4px;pointer-events:none}
.jr-media-switch button::after{content:"";position:absolute;inset:8px auto auto 8px;width:2px;height:2px;border-radius:50%;background:#c4d2de70;box-shadow:0 65px #c4d2de40;pointer-events:none}
.hk-channel-emblem{display:block;width:42px;height:42px;color:var(--hk-channel-core);opacity:.56;transition:opacity .25s ease,filter .25s ease}
.hk-channel-emblem svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.hk-channel-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.hk-channel-title{font-size:15px;line-height:1.4;letter-spacing:.06em;color:#d8e4ed}
.hk-channel-caption{font-size:8px;line-height:1.6;letter-spacing:.13em;color:#91a9bc}
.hk-channel-indicator{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.jr-media-switch button b{font:500 10px/1.4 var(--lv-ui-font);color:#9bb3c5;letter-spacing:.08em}
.hk-channel-indicator>i{display:block;width:5px;height:5px;border-radius:50%;background:#64768a}
.jr-media-switch button[aria-pressed=true]{border-color:rgb(var(--hk-channel-rgb)/.78);background:radial-gradient(ellipse at 14% 50%,rgb(var(--hk-channel-rgb)/.15),transparent 76%),linear-gradient(135deg,#1b2c3df2,#0b1c2df7);box-shadow:0 5px 18px #0003,0 0 21px rgb(var(--hk-channel-rgb)/.09),inset 0 1px #fff2;color:var(--hk-channel-core)}
.jr-media-switch button[aria-pressed=true]::before{border-color:rgb(var(--hk-channel-rgb)/.6);box-shadow:inset 0 0 12px rgb(var(--hk-channel-rgb)/.07),0 0 7px rgb(var(--hk-channel-rgb)/.08)}
.jr-media-switch button[aria-pressed=true] .hk-channel-emblem{opacity:1;filter:drop-shadow(0 0 5px rgb(var(--hk-channel-rgb)/.42))}
.jr-media-switch button[aria-pressed=true] :is(.hk-channel-title,b){color:var(--hk-channel-core);text-shadow:0 0 7px rgb(var(--hk-channel-rgb)/.35)}
.jr-media-switch button[aria-pressed=true] .hk-channel-indicator>i{background:var(--hk-channel-core);box-shadow:0 0 9px rgb(var(--hk-channel-rgb)/.65)}
#journal-view[data-hk-neon-tone=mixed] .jr-media-switch button[data-jr-media-tab=photos]{--hk-channel-rgb:76 230 240;--hk-channel-core:#b8faff}
#journal-view[data-hk-neon-tone=mixed] .jr-media-switch button[data-jr-media-tab=videos]{--hk-channel-rgb:255 174 94;--hk-channel-core:#ffe1ba}
.hk-media-coordinate{font-size:9px;letter-spacing:.1em;color:#a4b4c7;padding:9px 0;border-bottom:1px solid #a5bed92b;white-space:nowrap}
.hk-section-heading{--hk-section-rgb:var(--hk-lamp-rgb);--hk-section-core:var(--hk-lamp-core);display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;padding:39px 0 34px}
.hk-section-heading>div{position:relative;padding-left:19px}
.hk-section-heading>div::before{content:"";position:absolute;left:0;top:3px;bottom:5px;width:2px;border-radius:2px;background:linear-gradient(var(--hk-section-core),rgb(var(--hk-section-rgb)/.25));box-shadow:0 0 12px rgb(var(--hk-section-rgb)/.28)}
.hk-section-heading .jr-kicker{font-size:9px;letter-spacing:.17em;margin:0 0 13px;color:var(--hk-section-core)}
.hk-section-placard{display:inline-flex;align-items:center;gap:9px;padding:5px 8px;border:1px solid rgb(var(--hk-section-rgb)/.3);border-radius:3px;background:rgb(var(--hk-section-rgb)/.035);min-height:13px}
.hk-section-placard>i{display:block;width:4px;height:4px;background:var(--hk-section-core);border-radius:50%;box-shadow:0 0 8px rgb(var(--hk-section-rgb)/.65)}
.hk-section-placard>span{margin-left:9px;font:500 8px/1.3 var(--lv-ui-font);letter-spacing:.1em;opacity:.8}
#journal-view[data-hk-neon-tone=mixed] .hk-section-photos{--hk-section-rgb:77 228 239;--hk-section-core:#adf7ff}
#journal-view[data-hk-neon-tone=mixed] .hk-section-films{--hk-section-rgb:255 174 94;--hk-section-core:#ffddb0}
.hk-section-heading h2{font:500 clamp(23px,2.6vw,35px)/1.5 var(--jr-title);letter-spacing:.01em;margin:0;color:var(--jr-ink)}
.hk-section-heading>p{font-size:13px;line-height:1.9;color:var(--jr-muted);margin:0;max-width:35em;justify-self:end}
.jr-photo-live-grid{position:relative;display:block;margin:0;font-size:initial;line-height:normal}
.jr-photo-live-card{position:absolute;top:0;left:0;display:block;margin:0;min-width:0}
.jr-photo-live-card>button{position:relative;display:block;width:100%;padding:0;border:1px solid #bfcee516;border-radius:3px;overflow:hidden;background:#112134;cursor:zoom-in;line-height:0;box-shadow:0 6px 24px #0002}
.jr-photo-live-card img{display:block;width:100%;height:auto;transition:transform .6s var(--jr-ease)}
.jr-photo-live-card .v4-placeholder,.jr-video-frame .v4-placeholder{min-height:160px;aspect-ratio:4/3;background:linear-gradient(135deg,#132437,#102033);color:#b0c6d8;font-size:12px;line-height:1.8}
.jr-photo-live-card .v4-placeholder::before,.jr-video-frame .v4-placeholder::before{border-color:#a6bfd126;border-radius:2px}
.jr-photo-live-card figcaption{display:flex;gap:14px;align-items:baseline;justify-content:space-between;padding:10px 1px 7px;color:#a6b8cc;font-size:10px;line-height:1.65}
.jr-photo-live-card figcaption>span:first-child{font-variant-numeric:tabular-nums;color:#8da7bb;font-size:9px;letter-spacing:.1em}
.jr-photo-live-card figcaption>span:last-child:not(:first-child){text-align:right;overflow-wrap:anywhere}
.hk-photo-open{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #fff4;border-radius:50%;color:#fff;background:#09152375;backdrop-filter:blur(8px);font-size:18px;line-height:1;opacity:0;transition:opacity .2s}
.jr-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
.jr-video-tile{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;min-width:0;color:inherit}
.jr-video-tile:first-child{grid-column:1/-1}
.jr-video-frame{display:block;position:relative;aspect-ratio:16/9;background:#112235;overflow:hidden;border:1px solid #efb17e78;border-radius:7px;box-shadow:0 10px 36px #0003,inset 0 0 0 4px #152233}
.jr-video-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--jr-ease)}
.hk-film-slate{position:absolute;inset:0;display:flex;align-items:center;padding:clamp(28px,5.2vw,65px);background:radial-gradient(ellipse at 17% 32%,#bc536f30,transparent 55%),radial-gradient(ellipse at 90% 68%,#3d9dba45,transparent 60%),linear-gradient(125deg,#1c263d,#122b3e 60%,#17243b);overflow:hidden}
.hk-film-slate::before{content:"";position:absolute;inset:12px;border:1px solid #86d9dc24;border-radius:3px;pointer-events:none}
.hk-film-slate::after{content:"";position:absolute;left:clamp(28px,5.2vw,65px);top:22%;width:2px;height:43%;border-radius:2px;background:linear-gradient(#ffbe87,#ff8e9a 70%,transparent);box-shadow:0 0 16px #ff916466;pointer-events:none}
.hk-film-slate-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:17px;width:46%;padding-left:26px;box-sizing:border-box;margin-top:-2%}
.hk-film-slate-eyebrow{font:500 11px/1.5 var(--lv-ui-font);letter-spacing:.23em;color:#ffd39e;text-shadow:0 0 8px #ffac786b}
.hk-film-slate-title{font:650 clamp(31px,4.3vw,61px)/1.45 var(--lv-ui-font);letter-spacing:.06em;color:#1a263a;-webkit-text-stroke:1px #ffc9df;text-shadow:0 0 2px #ff90c4,0 0 18px #fa619c60,0 0 45px #fa619c24}
.hk-film-slate-line{font:400 clamp(11px,1.3vw,16px)/1.8 var(--jr-title);letter-spacing:.02em;color:#c4d7e4;max-width:21em}
.hk-film-scenery{position:absolute;right:1%;top:15%;width:51%;height:67%;pointer-events:none}
.hk-film-lightbeam{position:absolute;left:48%;top:29%;width:92%;height:56%;clip-path:polygon(0 42%,100% 0,100% 100%,0 58%);background:linear-gradient(90deg,#ffe4ab66,#eacba424 40%,#97dfe505);filter:blur(1px)}
.hk-film-projector{position:absolute;left:0;top:19%;width:66%;height:74%;transform:perspective(600px) rotateY(-14deg) rotateZ(-5deg);filter:drop-shadow(12px 18px 14px #0004)}
.hk-film-reel{position:absolute;top:0;left:2%;width:41%;aspect-ratio:1;filter:drop-shadow(0 0 9px #fc9d7640)}
.hk-film-reel-two{left:49%;top:-4%;filter:drop-shadow(0 0 9px #79e7ef40)}
.hk-film-reel svg{display:block;width:100%;height:100%;fill:#142737;stroke:#ffbc8f;stroke-width:1.7}
.hk-film-reel-two svg{stroke:#a0e8ed}
.hk-film-reel svg circle:first-child{fill:#324351;stroke-width:2.5}
.hk-film-reel svg circle:nth-child(2){fill:#99abb5}
.hk-film-projector-body{position:absolute;left:6%;top:44%;width:75%;height:38%;display:flex;flex-direction:column;justify-content:center;gap:8%;padding-left:15%;box-sizing:border-box;border:2px solid #84bac7;border-radius:7px;background:linear-gradient(135deg,#4b6471,#23374c 48%,#122337);box-shadow:7px 5px #0b1c2d,8px 6px #618290,inset 0 0 0 5px #263b4f}
.hk-film-projector-body>i{display:block;width:34%;height:2px;background:#93b7c16b;border-radius:2px}
.hk-film-projector-lens{position:absolute;right:0;top:52%;width:24%;height:22%;border:2px solid #eec9a5;border-radius:3px 12px 12px 3px;background:linear-gradient(90deg,#3c5264,#6f7f85 30%,#1b3548 36%,#526a77 68%,#d3b386 70%,#e4d4b1 78%,#244153 80%);box-shadow:0 0 12px #ffc89230,inset -3px 0 #fff0c99c}
.hk-film-projector-foot{position:absolute;left:25%;right:20%;bottom:5%;height:17%;border-left:6px solid #7e9aa6;border-right:6px solid #7e9aa6;transform:skewX(-12deg)}
.hk-film-strip{position:absolute;left:-2%;right:1%;bottom:0;height:11%;min-height:21px;transform:rotate(12deg);background:linear-gradient(90deg,#c08b6233,#61465822);border-top:1px solid #c5a07870;border-bottom:1px solid #c5a07870;box-shadow:0 8px 20px #0002}
.hk-film-strip::before,.hk-film-strip::after{content:"";position:absolute;left:0;right:0;top:3px;height:3px;background:repeating-linear-gradient(90deg,#d2c1aa90 0 6px,transparent 6px 14px)}
.hk-film-strip::after{top:auto;bottom:3px}
.jr-video-index{position:absolute;left:20px;top:20px;display:grid;place-items:center;padding:7px 11px;border:1px solid #ffffff38;border-radius:4px;background:#07152288;backdrop-filter:blur(8px);color:white;font-size:9px;letter-spacing:.15em;pointer-events:none}
.jr-video-play{position:absolute;left:clamp(28px,5.2vw,65px);bottom:clamp(24px,4vw,48px);display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:46px;padding:0 18px;border:1px solid #ffce99b3;border-radius:5px;background:#352b32ad;box-shadow:0 0 22px #ffc89417,inset 0 0 0 3px #15243966;backdrop-filter:blur(12px);color:#ffe1bc;font:500 12px/1.4 var(--lv-ui-font);letter-spacing:.06em;pointer-events:none}
.jr-video-play svg{width:19px;height:19px;fill:currentColor;stroke:none}
.jr-video-copy{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0 22px;border-bottom:1px solid var(--jr-line)}
.jr-video-copy .jr-kicker{font-size:9px;margin:0 0 9px;color:#9be0e9}
.jr-video-title{display:block;font:500 clamp(20px,2vw,28px)/1.5 var(--jr-title);letter-spacing:.01em;overflow-wrap:anywhere}
.jr-video-meta{display:flex;align-items:center;gap:20px;font-size:11px;color:#d8e7f7;flex-shrink:0}
.jr-video-meta>span{font-size:23px;color:#ecc2dc}
.jr-media-empty{padding:50px 0;margin:0;font-size:16px;line-height:1.8;color:var(--jr-muted)}
.jr-cta{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:90px;padding:48px 0;border-top:1px solid var(--jr-line);border-bottom:1px solid var(--jr-line)}
.jr-cta .jr-kicker{color:#8ecfdc}
.jr-cta h2{font:500 30px/1.55 var(--jr-title);margin:0 0 15px}
.jr-cta p:not(.jr-kicker){font-size:13px;color:var(--jr-muted);line-height:1.9;margin:0;max-width:34em}
.jr-cta>a{flex-shrink:0}
.jr-footer{display:flex;align-items:center;gap:28px;margin-top:38px;padding:0 0 40px;font-size:10px;color:var(--jr-muted);letter-spacing:.08em}
.jr-wordmark{font:700 22px/1.4 var(--lv-ui-font);letter-spacing:-.06em;color:var(--jr-ink);text-decoration:none;margin-right:auto}
.jr-wordmark span{font-weight:350}
.jr-footer>a:not(.jr-wordmark){color:var(--jr-ink);text-decoration:none;padding-block:14px}

/* The retained collection routes share the same night surface. */
.jr-series-heading{display:grid;grid-template-columns:1.12fr 1fr;gap:80px;align-items:end;padding:68px 0 59px}
.jr-series-heading h1{font:500 clamp(40px,4.8vw,65px)/1.4 var(--jr-title);letter-spacing:-.035em;margin:0}
.jr-series-heading>div>p:not(.jr-kicker){font-size:15px;line-height:1.9;color:var(--jr-muted);margin:0 0 24px}
.jr-series-meta{display:flex;align-items:center;gap:17px;color:var(--jr-muted);font-size:10px;letter-spacing:.09em}
.jr-series-meta i{display:block;width:26px;height:1px;background:#8ba0ac}
.jr-sequence{display:grid;grid-template-columns:repeat(12,1fr);gap:78px 36px}
.jr-sequence-item{margin:0;position:relative;min-width:0;grid-column:1/-1}
.jr-sequence-item button{display:block;width:100%;border:1px solid #bfcee516;padding:0;position:relative;background:#102032;cursor:zoom-in;overflow:hidden;border-radius:3px}
.jr-sequence-item img{display:block;width:100%;height:auto;aspect-ratio:var(--jr-ratio);object-fit:contain}
.jr-sequence-item figcaption{display:flex;justify-content:space-between;color:var(--jr-muted);font-size:10px;line-height:1.7;padding-top:15px;gap:16px}
.jr-sequence-item figcaption i{font-style:normal;margin:0 12px;color:#a9b7c0}
.jr-sequence-aside{font:400 26px/1.8 var(--jr-title);color:#bdd6e7;text-align:right;margin:35px 0 0;letter-spacing:.04em}
.jr-sequence-aside small{display:block;font:500 9px/1.6 var(--lv-ui-font);letter-spacing:.2em;color:var(--jr-muted);margin-top:8px}
.jr-seq-1{grid-column:1/7;padding-top:5px}
.jr-seq-2{grid-column:7/-1;padding-top:140px}
.jr-photo-open{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;border:1px solid #fff9;width:44px;height:44px;border-radius:50%;font:400 25px/1 var(--lv-ui-font);color:#fff;background:#10263d80;backdrop-filter:blur(8px)}
.jr-sample-note{font-size:11px;line-height:1.9;color:var(--jr-muted);margin:35px 0 0;max-width:660px}
.jr-next-collection{display:grid;grid-template-columns:.85fr 1.15fr;gap:66px;align-items:center;margin-top:95px;padding-top:58px;border-top:1px solid var(--jr-line);text-decoration:none;color:var(--jr-ink)}
.jr-next-collection>div{aspect-ratio:1.72;overflow:hidden;background:#102032}
.jr-next-collection img{width:100%;height:100%;object-fit:cover;display:block}
.jr-next-collection h2{font:500 38px/1.4 var(--jr-title);margin:0 0 22px}
.jr-next-collection section>span{font-size:12px;color:var(--jr-muted)}
.jr-series .jr-footer{margin-top:76px;border-top:1px solid var(--jr-line);padding-top:28px}
.jr-not-found{padding-top:140px;padding-bottom:140px}
.jr-not-found h1{font:500 38px/1.5 var(--jr-title)}
.jr-not-found p{line-height:1.8}

/* Full image viewer: one definition per element, preserving zoom and pan. */
html.jr-lightbox-open{overflow:hidden!important}
.jr-lightbox,.jr-video-lightbox{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#070b13f0;color:#eef7fc;font-family:var(--lv-ui-font);text-shadow:0 0 1px #d4f6ff38,0 0 9px #98dff031;overscroll-behavior:contain;-webkit-backdrop-filter:blur(22px) saturate(.82);backdrop-filter:blur(22px) saturate(.82)}
.jr-lightbox{isolation:isolate;background:#070b13e0;overflow:hidden}
.jr-lightbox::backdrop,.jr-video-lightbox::backdrop{background:#071522fa;backdrop-filter:blur(10px)}
.jr-lightbox[open]{display:grid;grid-template-rows:64px minmax(0,1fr) 83px auto}
.jr-viewer-ambient{position:absolute;inset:-8%;z-index:0;background-position:center;background-size:cover;filter:blur(32px) saturate(.72) brightness(.56);opacity:.48;transform:scale(1.08);transition:opacity .4s ease,filter .4s ease}
.jr-lightbox::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 42%,#ffffff10,transparent 46%),linear-gradient(180deg,#05080e10,#05080e63)}
.jr-viewer-top,.jr-viewer-stage,.jr-viewer-bottom,#jr-viewer-note{position:relative;z-index:2}
.jr-viewer-top{display:flex;align-items:center;justify-content:flex-end;padding:0 22px;color:#9bb2c4;font-size:9px;letter-spacing:.18em}
.jr-viewer-top>button,.jr-video-lightbox-top button{display:grid;place-items:center;background:#ffffff12;color:white;border:1px solid #ffffff30;border-radius:50%;width:44px;height:44px;flex:0 0 44px;padding:0;font-size:25px;line-height:1;cursor:pointer}
#jr-viewer-name{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100% - 130px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf6fb;font:500 13px/1.4 var(--lv-ui-font);letter-spacing:.08em;text-align:center}
#jr-viewer-name[hidden]{display:none}
.jr-viewer-stage{min-height:0;padding:8px 58px 0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;user-select:none}
.jr-viewer-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;user-select:none;box-shadow:0 18px 90px #0004;opacity:0;transform:translate3d(var(--jr-viewer-pan-x,0),var(--jr-viewer-pan-y,0),0) scale(var(--jr-viewer-zoom,1));transform-origin:50% 50%;transition:opacity .32s ease,transform .12s linear;will-change:transform}
.jr-viewer-stage img.is-ready{opacity:1}
.jr-viewer-stage.is-zoomed{cursor:grab}
.jr-viewer-stage.is-panning{cursor:grabbing}
.jr-viewer-stage.is-zoomed img{transition-duration:.05s}
.jr-viewer-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(34em,calc(100% - 40px));margin:0;padding:10px 16px;border:1px solid #ffffff24;border-radius:18px;background:#0b1421d9;backdrop-filter:blur(12px);color:#eaf3fa;font:400 12px/1.7 var(--lv-ui-font);text-align:center}
.jr-viewer-bottom{display:flex;align-items:center;justify-content:center;gap:25px;margin:0 18px 15px;padding:11px 14px;border:1px solid #ffffff21;border-radius:22px;background:#1118244a;box-shadow:0 18px 60px #00000038,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px) saturate(1.05);backdrop-filter:blur(18px) saturate(1.05);font-size:12px}
.jr-viewer-bottom>div:first-child{display:flex;gap:24px;align-items:center}
.jr-viewer-bottom button{color:inherit;cursor:pointer}
.jr-viewer-bottom #jr-viewer-info{border:0;background:none;font-size:10px;color:#b8cbd9;padding:12px;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.jr-viewer-controls{display:flex;align-items:center;gap:18px;margin:0 auto}
.jr-viewer-controls>span{min-width:58px;text-align:center;letter-spacing:.1em;font-size:11px}
.jr-viewer-controls>button{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid #fff4;border-radius:50%;background:#ffffff09}
.jr-viewer-controls>button:disabled{opacity:.26;cursor:default}
.jr-viewer-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
#jr-viewer-note{padding:14px 32px 22px;margin:0;border-top:1px solid #fff2;font-size:12px;line-height:1.75;color:#b2c6d5;background:#0b1c2c}
.jr-video-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:18px}
.jr-video-lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 4px 16px;color:#c6d5df;font-size:12px;letter-spacing:.04em}
.jr-video-lightbox-top strong{font:500 18px/1.4 var(--jr-title);color:white;min-width:0;overflow-wrap:anywhere}
.jr-video-lightbox-stage{min-height:0;display:flex;align-items:center;justify-content:center}
.jr-video-lightbox-stage video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;border-radius:3px;background:#000}
.jr-video-lightbox-meta{margin:14px 0 0;text-align:right;font-size:9px;letter-spacing:.14em;color:#a9bdcb}
.jr-reveal{opacity:1;transform:none}
.jr-reveal.jr-in{animation:jr-reveal .7s var(--jr-ease) both}
@keyframes jr-reveal{from{opacity:.45;transform:translateY(18px)}to{opacity:1;transform:none}}
#journal-view a:focus-visible,#journal-view button:focus-visible,.jr-lightbox button:focus-visible,.jr-video-lightbox button:focus-visible{outline:2px solid #90eaf2;outline-offset:4px}
.jr-photo-live-card>button:focus-visible .hk-photo-open{opacity:1}
@media(hover:hover) and (pointer:fine){
 .hk-action-primary:hover{background:rgb(var(--hk-lamp-rgb)/.14);border-color:var(--hk-lamp-core)}
 .hk-action-secondary:hover{background:#213346;border-color:#94d4df}
 .jr-media-switch button:hover{border-color:rgb(var(--hk-channel-rgb)/.7)}
 .jr-media-switch button:hover .hk-channel-emblem{opacity:1}
 .jr-video-tile:hover .jr-video-play{border-color:#ffe9c9;box-shadow:0 0 26px #ffc8942b,inset 0 0 0 3px #15243966}
 .jr-photo-live-card>button:hover img,.jr-video-tile:hover .jr-video-frame img{transform:scale(1.025)}
 .jr-photo-live-card>button:hover .hk-photo-open{opacity:1}
}
/* On narrower layouts the signs mount onto the two upper frame corners.
   A shallow shared 74px rail keeps the photograph full-width. */
@media(max-width:1179px){
 .hk-neon-visual{padding:74px 0 0}
 .hk-neon-fixture-street{left:4px;top:0;width:132px;height:64px}
 .hk-neon-fixture-camera{right:6px;top:0;width:65px;height:70px}
 .hk-neon-fixture-street .hk-neon-volume{inset:6px 5px 8px;transform:rotateX(calc(4deg + var(--hk-tilt-x,0deg))) rotateY(calc(-7deg + var(--hk-tilt-y,0deg)))}
 .hk-neon-box-front{padding:8px 10px;justify-content:center}
 .hk-neon-fixture-cap{position:absolute;top:4px;left:7px;font-size:5px;letter-spacing:.08em}
 .hk-neon-sign-name{writing-mode:horizontal-tb;font-size:17px;letter-spacing:.12em;white-space:nowrap;max-height:none;overflow:visible;line-height:1.2}
 html:lang(en) .hk-neon-sign-name{font-size:11px;letter-spacing:.035em}
 .hk-neon-fixture-street .hk-neon-fixture-bulbs{position:absolute;bottom:4px;left:0;right:0;gap:6px}
 .hk-neon-fixture-street .hk-neon-bracket{left:14px;top:40px;width:94px;height:32px;border-top:0;border-left:2px solid #536c7d;transform:none}
 .hk-neon-fixture-street .hk-neon-bracket::before{top:auto;bottom:-5px;left:-4px;right:auto}
 .hk-neon-fixture-camera .hk-neon-volume{inset:6px 3px auto;transform:rotateX(calc(-3deg + var(--hk-tilt-x,0deg))) rotateY(calc(10deg + var(--hk-tilt-y,0deg)))}
 .hk-neon-fixture-camera .hk-neon-bracket{left:22px;top:47px;width:19px;height:25px;border-top:0;border-right:2px solid #536c7d;transform:none}
 .hk-neon-fixture-camera .hk-neon-bracket::before{top:auto;bottom:-5px;left:auto;right:-4px}
 .hk-neon-disc-front{gap:4px}
 .hk-neon-camera-icon{width:65%;margin-top:4px}
}
@media(min-width:768px) and (max-width:1179px){
 .jr-wrap{width:calc(100% - 64px)}
 .hk-neon-hero{gap:36px;padding:56px 0 64px}
 .hk-location{font-size:76px}
 .hk-neon-hero h1{font-size:29px}
 .hk-hero-actions{gap:8px}
 .hk-action-primary,.hk-action-secondary{padding:11px 13px;gap:10px}
 .jr-series-heading{gap:40px}
}
@media(max-width:767px){
 .jr-wrap{width:calc(100% - 36px)}
 .jr-breadcrumb{min-height:60px;gap:10px;font-size:10px}
 .jr-breadcrumb-end{font-size:7px;letter-spacing:.08em;max-width:42%;text-align:right}
 .hk-neon-hero{grid-template-columns:1fr;gap:26px;padding:34px 0 42px}
 .hk-neon-kicker{font-size:9px;letter-spacing:.1em;margin-bottom:16px}
 .hk-neon-hero h1{font-size:31px;line-height:1.4;margin-bottom:13px}
 .hk-location{font-size:clamp(35px,10.7vw,62px);line-height:1;letter-spacing:-.055em}
 .hk-location>span{display:inline;margin-left:.18em}
 .hk-neon-headline{font-size:19px;margin:19px 0 9px}
 .hk-neon-description{font-size:13px;line-height:1.8}
 .hk-neon-description br{display:none}
 .hk-hero-actions{margin-top:21px;gap:10px}
 .hk-action-primary,.hk-action-secondary{min-height:44px;padding:10px 15px;font-size:12px;gap:13px}
 .hk-neon-frame{border-top-right-radius:22px}
 .hk-neon-image{object-position:var(--media-mobile-focal,var(--media-focal,50% 50%));border-top-right-radius:21px}
 .hk-neon-frame::before{left:-6px}
 .hk-neon-frame::after{bottom:-6px;left:20px;right:20px}
 .hk-frame-mark{left:12px;bottom:12px;font-size:8px}
 .hk-neon-visual figcaption{padding-top:18px;gap:5px;font-size:9px}
 .hk-image-credit{font-size:7px}
 .hk-media-bar{padding:10px 0}
 .jr-media-switch{gap:10px;width:100%}
 .jr-media-switch button{grid-template-columns:31px minmax(0,1fr) auto;min-height:78px;gap:9px;padding:14px 12px;font-size:12px}
 .jr-media-switch button b{font-size:9px;letter-spacing:.03em}
 .hk-channel-emblem{width:31px;height:31px}
 .hk-channel-title{font-size:13px;letter-spacing:.03em}
 .hk-channel-caption{font-size:7px;letter-spacing:.08em;line-height:1.45}
 .hk-channel-copy{gap:4px}
 .hk-channel-indicator{gap:9px}
 .hk-channel-indicator>i{width:4px;height:4px}
 .hk-media-coordinate{display:none}
 .hk-section-heading{grid-template-columns:1fr;gap:15px;padding:30px 0 24px}
 .hk-section-heading>div{padding-left:16px}
 .hk-section-heading h2{font-size:24px}
 .hk-section-heading .jr-kicker{margin-bottom:10px;font-size:8px}
 .hk-section-heading>p{font-size:12px;line-height:1.85;justify-self:start;padding-left:16px}
 .jr-photo-live-card figcaption{font-size:9px;padding:8px 0 5px;gap:8px}
 .jr-photo-live-card figcaption>span:first-child{font-size:8px}
 .hk-photo-open{width:25px;height:25px;font-size:15px;bottom:8px;right:8px;opacity:1}
 .jr-video-grid{grid-template-columns:1fr;gap:28px}
 .jr-video-tile:first-child{grid-column:auto}
 .jr-video-frame:has(.hk-film-slate){width:100%;max-width:100%;min-width:0;min-height:230px;aspect-ratio:1.55;box-sizing:border-box}
 .hk-film-slate{padding:22px}
 .hk-film-slate::before{inset:7px}
 .hk-film-slate::after{left:22px;top:25%;height:38%}
 .hk-film-slate-copy{gap:10px;width:54%;padding-left:14px;margin-top:-8%}
 .hk-film-slate-eyebrow{font-size:8px;letter-spacing:.13em}
 .hk-film-slate-title{font-size:clamp(24px,7.4vw,31px);letter-spacing:.04em;-webkit-text-stroke-width:.7px}
 .hk-film-slate-line{font-size:10px;line-height:1.75}
 .hk-film-scenery{right:-8%;top:25%;width:57%;height:55%}
 .hk-film-projector-body{border-width:1px;border-radius:4px;box-shadow:4px 3px #0b1c2d,5px 4px #618290,inset 0 0 0 3px #263b4f}
 .hk-film-projector-lens{border-width:1px;border-radius:2px 7px 7px 2px}
 .hk-film-projector-foot{border-left-width:3px;border-right-width:3px}
 .hk-film-strip::before,.hk-film-strip::after{height:2px;background-size:10px auto}
 .jr-video-index{left:12px;top:12px;padding:5px 8px;font-size:8px}
 .jr-video-play{left:22px;bottom:20px;min-height:38px;padding:0 12px;gap:8px;font-size:10px;letter-spacing:.03em}
 .jr-video-play svg{width:15px;height:15px}
 .jr-video-copy{gap:16px;padding:16px 0}
 .jr-video-copy .jr-kicker{font-size:8px}
 .jr-video-title{font-size:20px}
 .jr-video-meta{font-size:10px;gap:8px}
 .jr-video-meta>span{font-size:18px}
 .jr-cta{display:block;margin-top:50px;padding:32px 0}
 .jr-cta .jr-kicker{font-size:9px;margin-bottom:15px}
 .jr-cta h2{font-size:25px;line-height:1.6}
 .jr-cta p:not(.jr-kicker){font-size:12px}
 .jr-cta>a{margin-top:23px}
 .jr-footer{flex-wrap:wrap;gap:12px 20px;margin-top:26px;padding:0 0 26px;font-size:9px}
 .jr-wordmark{font-size:22px;flex:1 1 55%}
 .jr-footer>span{order:4;width:100%;font-size:8px}
 .jr-series-heading{grid-template-columns:1fr;gap:20px;padding:36px 0 30px}
 .jr-series-heading h1{font-size:38px;line-height:1.4}
 .jr-series-heading .jr-kicker{font-size:8px;margin-bottom:16px}
 .jr-series-heading>div>p:not(.jr-kicker){font-size:14px;margin-bottom:20px}
 .jr-series-meta{font-size:9px;gap:10px}
 .jr-sequence{grid-template-columns:1fr;gap:40px}
 .jr-sequence-item{grid-column:1!important;padding:0!important}
 .jr-sequence-item figcaption{font-size:9px;gap:10px;padding-top:11px}
 .jr-sequence-item figcaption i{margin-inline:7px}
 .jr-sequence-aside{font-size:23px;margin-top:24px}
 .jr-sequence-aside small{font-size:8px}
 .jr-next-collection{margin-top:52px;padding-top:32px;grid-template-columns:1fr;gap:21px}
 .jr-next-collection>div{aspect-ratio:1.65}
 .jr-next-collection .jr-kicker{font-size:9px;margin-bottom:13px}
 .jr-next-collection h2{font-size:30px;margin-bottom:12px}
 .jr-next-collection section>span{font-size:11px}
 .jr-lightbox[open]{grid-template-rows:64px minmax(0,1fr) 100px auto}
 .jr-viewer-top{padding:0 17px;font-size:8px}
 #jr-viewer-name{max-width:calc(100% - 112px);font-size:12px}
 .jr-viewer-stage{padding:0 10px}
 .jr-viewer-bottom{margin:0 10px 10px;border-radius:18px;gap:12px;padding:12px}
 .jr-viewer-controls{gap:22px}
 .jr-viewer-controls>button{height:44px;width:44px}
 #jr-viewer-note{font-size:11px;line-height:1.7;padding:15px 20px}
 .jr-video-lightbox[open]{padding:12px}
 .jr-video-lightbox-top strong{font-size:15px}
}
@media(max-width:359px){
 .jr-wrap{width:calc(100% - 30px)}
 .hk-neon-hero h1{font-size:28px}
 .jr-media-switch{gap:8px}
 .jr-media-switch button{grid-template-columns:24px minmax(0,1fr) auto;gap:6px;padding:13px 10px}
 .hk-channel-emblem{width:24px;height:24px}
 .hk-channel-title{font-size:11px;letter-spacing:0}
 .hk-channel-caption{font-size:6.5px;letter-spacing:.025em}
 .jr-media-switch button b{font-size:8px}
 .hk-action-primary,.hk-action-secondary{font-size:11px;padding:10px 12px}
 .hk-section-heading h2{font-size:22px}
 .jr-video-meta{max-width:82px}
}
@media(prefers-reduced-motion:reduce){
 html.jr-active{scroll-behavior:auto}
 .jr-reveal.jr-in{animation:none}
 .hk-neon-page *,.jr-lightbox *,.jr-series *{transition:none!important}
 .jr-photo-live-card>button:hover img,.jr-video-tile:hover .jr-video-frame img{transform:none}
}
html.reduced-motion .jr-reveal.jr-in{animation:none}
html.reduced-motion .hk-neon-page *,html.reduced-motion .jr-lightbox *{transition:none!important}
html.reduced-motion .jr-photo-live-card>button:hover img,html.reduced-motion .jr-video-tile:hover .jr-video-frame img{transform:none}
@media(forced-colors:active){
 html.jr-active #os-menu-panel,html.jr-active #os-menu-panel>.v9-glass-backdrop{background:Canvas;color:CanvasText;border-color:CanvasText!important}
 html.jr-active #os-menu-panel :is(a,button,.os-menu-label,.os-menu-state,kbd){color:CanvasText!important}
 html.jr-active #os-menu-panel :is(a,button):is(:hover,:focus-visible,:active){background:Highlight;color:HighlightText!important}
 html.jr-active #os-menu-panel :is(a,button):focus-visible{outline-color:Highlight}
 html.jr-active #os-menu-panel>.v9-glass-rim{display:none!important}
 #journal-view,.hk-media-bar,.jr-cta{background:Canvas;color:CanvasText}
 #journal-view,#journal-view *,.jr-lightbox,.jr-video-lightbox{text-shadow:none!important;-webkit-text-stroke:0!important}
 #journal-view :is(h1,h2,.hk-location,.hk-neon-sign-name){color:CanvasText}
 .hk-neon-box-front,.hk-neon-disc-front{background:Canvas;color:CanvasText;border:2px solid ButtonText;box-shadow:none}
 .hk-neon-camera-icon{filter:none}
 .hk-camera-tube,.hk-camera-core{stroke:ButtonText}
 .hk-neon-model::before{display:none}
 .hk-location,.hk-neon-headline,.hk-section-heading h2,.hk-section-heading>p{color:CanvasText}
 .hk-neon-frame::before,.hk-neon-frame::after{display:none}
 .jr-media-switch button,.hk-action-primary,.hk-action-secondary{border:1px solid ButtonText;color:ButtonText;background:ButtonFace}
 .jr-media-switch button[aria-pressed=true]{background:Highlight;color:HighlightText}
}
@supports not (-webkit-text-stroke:1px white){
 .hk-neon-hero h1,.hk-location,.hk-neon-sign-name{color:var(--hk-lamp-core)}
}


/* Native route surfaces: same original RC1 canvas, actual page scroll. */
.lv-route-atmosphere {
  pointer-events:none;
  overflow:hidden;
  contain:strict;
  z-index:0;
  background:linear-gradient(155deg,#e1ecfa,#f5f9fe);
}
.lv-route-atmosphere[data-surface="window"] {
  position:absolute;
  inset:var(--lv-route-bar-height,54px) 0 0;
}
.lv-route-atmosphere[data-surface="journal"] {
  position:fixed;
  inset:0;
}
.lv-route-wave-canvas {
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
}
#workspace.lv-route-waves {
  isolation:isolate;
  background:#e1ecfa;
}
#workspace.lv-route-waves #window-scroll {
  position:relative;
  z-index:1;
  background:transparent!important;
}
#workspace.lv-route-waves #window-content {
  position:relative;
  background:transparent;
}
#journal-view.lv-route-waves {background:transparent;}
html[data-route-wave-surface="journal"] #v10-atmosphere {display:none!important;}
html[data-route-wave-theme="neon"] .lv-route-atmosphere {
  background:linear-gradient(155deg,#070e1b,#0b1c2b);
}
html[data-route-wave-theme="night"] .lv-route-atmosphere {
  background:linear-gradient(155deg,#0a111d,#101b28);
}
@media(forced-colors:active) {
  .lv-route-atmosphere {display:none;}
  #workspace.lv-route-waves,#workspace.lv-route-waves #window-scroll,
  #journal-view.lv-route-waves {background:Canvas!important;color:CanvasText;}
}

/* Approved direction 02: open spatial gallery. Pearl / champagne / silver / navy.
   Only #journey is authored here; the original Banner and contact window are retained. */
#journey.og-site{--home-ink:#172d43;--home-muted:#566575;--home-accent:#254a70;--home-line:#a3b3c454;--home-ease:cubic-bezier(.22,1,.36,1);position:relative;z-index:1;isolation:isolate;width:100%;overflow:clip;color:var(--home-ink);background:transparent;font-family:var(--sans)}
#journey.og-site :is(.ed-section,.jr-home-collection,.lv-home-services){position:relative;width:100%;height:auto;min-height:0;margin:0;padding:90px 0;color:var(--home-ink);background:transparent;border:0;border-radius:0;box-shadow:none;isolation:isolate;overflow:visible;scroll-margin-top:80px}
html.rc9-cinematic #journey.og-site .ed-section:not(#chapter-outro){padding-top:90px!important;padding-bottom:90px!important}
#journey.og-site :is(.ed-container,.jr-home-inner){position:relative;z-index:2;width:min(100% - 112px,1200px);max-width:none;margin-inline:auto;padding:0;min-width:0}
#journey.og-site :is(.ed-intro-grid,.ed-live-grid,.ed-process-grid,.ed-outro-grid,.jr-home-grid){padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;min-width:0}
#journey.og-site h2{margin:0;color:var(--home-ink);font:650 clamp(30px,3.2vw,44px)/1.3 var(--sans);letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word}
#journey.og-site .ed-eyebrow{margin:0 0 20px;color:var(--home-accent);font:550 10px/1.7 var(--sans);letter-spacing:.28em}
#journey.og-site .ed-body{max-width:32em;margin:20px 0;color:var(--home-muted);font:400 15px/1.9 var(--sans);overflow-wrap:anywhere}
#journey.og-site .ed-text-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;max-width:100%;padding:8px 0;border:0;background:none;color:var(--home-accent);font:550 13px/1.6 var(--sans);text-decoration:none}
#journey.og-site .ed-text-link .icon{width:22px;height:22px;flex:none;transition:transform .3s var(--home-ease)}
#journey.og-site .ed-text-link:hover .icon{transform:translateX(6px)}
#journey.og-site .ed-text-link:hover{text-decoration:underline;text-underline-offset:7px}
#journey.og-site :is(a,button,summary,input):focus-visible{outline:2px solid currentColor;outline-offset:5px}
#journey.og-site .ed-disclosure{margin:18px 0 0;color:var(--home-muted);font:400 10px/1.8 var(--sans)}
#journey.og-site .ed-reveal{visibility:visible;opacity:1}
#journey.og-site .ed-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin:0 0 35px}
#journey.og-site .ed-heading-row>.ed-text-link{flex:none}
#journey.og-site .ed-heading-row .ed-body{margin-bottom:0}
/* Backgrounds are translucent tonal washes, not opaque panels over the original RC1 canvas. */
#journey.og-site #chapter-cinema:before,#journey.og-site #chapter-services:before,#journey.og-site #chapter-live:before,#journey.og-site #chapter-process:before{content:"";display:block;position:absolute;inset:-100px 0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(245,244,240,.62) 20%,rgba(235,236,234,.56) 80%,transparent);border:0;box-shadow:none}
#journey.og-site #chapter-services:before{background:linear-gradient(180deg,transparent,rgba(228,233,237,.74) 20%,rgba(224,232,239,.56) 80%,transparent)}
#journey.og-site #chapter-live:before{background:linear-gradient(180deg,transparent,rgba(249,243,233,.93) 20%,rgba(249,244,238,.78) 75%,transparent)}
#journey.og-site #chapter-process:before{background:linear-gradient(180deg,transparent,rgba(240,242,243,.87) 18%,rgba(227,235,243,.75) 82%,transparent)}
#journey.og-site .og-wave-space{position:absolute;inset:auto -4% -100px;height:260px;z-index:1;pointer-events:none;overflow:hidden;color:#90a4b8;opacity:.8;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 75%,transparent)}
#journey.og-site .og-wave-space svg{width:108%;height:100%;overflow:visible;transform-origin:center}
#journey.og-site .og-wave-a{fill:currentColor;fill-opacity:.16;stroke:#ffffffb3;stroke-width:1;animation:og-wave-drift 18s ease-in-out infinite alternate}
#journey.og-site .og-wave-b{fill:currentColor;fill-opacity:.11;stroke:#ffffff78;stroke-width:1;animation:og-wave-drift 23s -8s ease-in-out infinite alternate-reverse}
#journey.og-site .og-wave-c{fill:currentColor;fill-opacity:.12;stroke:#ffffffb3;stroke-width:.8;animation:og-wave-drift 27s -12s ease-in-out infinite alternate}
#journey.og-site #chapter-hongkong .og-wave-space{color:#d0c3b3}
#journey.og-site #chapter-archive .og-wave-space{color:#6c9bc7;opacity:.65}
#journey.og-site #chapter-live .og-wave-space{color:#c3c7c8}
@keyframes og-wave-drift{from{transform:translate(-18px,-8px)}to{transform:translate(24px,12px)}}
/* Opening: three different photographic depths, with no enclosing card. */
html.rc9-cinematic #journey.og-site #chapter-cinema{padding-top:100px!important;padding-bottom:40px!important}
#journey.og-site .ed-intro-composition{position:relative;height:650px;min-height:0}
#journey.og-site .ed-intro-copy{position:relative;width:42%;z-index:5;padding-top:15px}
#journey.og-site .ed-intro-copy .ed-eyebrow{letter-spacing:.42em;margin-bottom:20px}
#journey.og-site .ed-intro-copy h2{font-size:clamp(30px,3.05vw,43px);white-space:nowrap;font-weight:700;line-height:1.35}
#journey.og-site .ed-intro-copy .ed-body{font-size:14px;max-width:27em;margin:18px 0 12px}
#journey.og-site .ed-intro-media{position:absolute;z-index:4;left:9%;bottom:55px;top:auto;right:auto;width:53%;padding:0;margin:0;transform:rotate(-3deg);filter:drop-shadow(0 20px 21px #1830451b)}
#journey.og-site .ed-cinema.cinema-screen{position:relative;inset:auto;display:grid;width:100%;max-width:none;max-height:none;min-height:0;height:auto;aspect-ratio:auto;overflow:visible;border:0;border-radius:2px;background:none;box-shadow:none;isolation:isolate;transform:none!important}
#journey.og-site .ed-cinema>.cinema-slide{position:relative;inset:auto;grid-area:1/1;display:block;min-width:0;margin:0;height:auto;opacity:0;visibility:hidden;pointer-events:none;transform:none;filter:none}
#journey.og-site .ed-cinema>.cinema-slide:is(.is-active,.v9-leaving){opacity:1;visibility:visible}
#journey.og-site .ed-cinema>.cinema-slide.is-active{z-index:2;pointer-events:auto}
#journey.og-site .ed-perspective-stage{position:relative;height:auto;aspect-ratio:1.7;overflow:hidden;border:0;border-radius:2px;background:#d7dfe3}
#journey.og-site .ed-perspective-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:var(--media-focal,50% 50%);border:0;border-radius:0;transform:none}
#journey.og-site .ed-cinema figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;padding:0;background:none;border:0;opacity:0;transition:opacity .2s;pointer-events:none;color:white;text-shadow:0 1px 6px #000}
#journey.og-site .ed-cinema:hover figcaption{opacity:1}
#journey.og-site .ed-cinema figcaption>*{font:400 10px/1.5 var(--sans)}
#journey.og-site .og-intro-back{position:absolute;left:43%;top:56px;width:20%;height:190px;margin:0;transform:rotate(-1.5deg);z-index:1;overflow:hidden;box-shadow:0 12px 28px #1e39471b}
#journey.og-site .og-intro-back img{width:100%;height:100%;object-fit:cover}
#journey.og-site .og-intro-city{position:absolute;right:0;top:0;width:35%;height:310px;transform:rotate(4deg);z-index:3;box-shadow:0 18px 26px #1d334d1b;transition:transform .6s var(--home-ease);overflow:hidden}
#journey.og-site .og-intro-city:hover{transform:rotate(1deg) translateY(-5px)}
#journey.og-site .og-intro-city img{width:100%;height:100%;object-fit:cover;object-position:var(--media-focal,50% 50%)}
#journey.og-site .og-intro-city>span{position:absolute;bottom:13px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;color:white;text-shadow:0 1px 7px #000;font:550 12px var(--sans)}
#journey.og-site .ed-cinema-bottom{position:absolute;left:9%;right:24%;bottom:0;display:flex;padding:0;border:0}
#journey.og-site .cinema-stepper{position:relative;display:flex;gap:22px;align-items:center;border:0;background:none;box-shadow:none;padding:0;border-radius:0}
#journey.og-site .cinema-stepper button{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:#627182;font:400 10px/1.5 var(--sans);white-space:nowrap}
#journey.og-site .cinema-stepper button.active{color:#173855;border-bottom-color:currentColor}
#journey.og-site .cinema-stepper .v9-selection{display:none}
#journey.og-site .ed-frame-no{font-size:9px;opacity:.6}
/* Hong Kong is an image in the same space, not a second full-bleed hero. */
#journey.og-site #chapter-hongkong{height:580px;padding:95px 0 75px}
#journey.og-site #chapter-hongkong:before{content:"";position:absolute;inset:-50px 0;background:linear-gradient(180deg,transparent,rgba(237,226,210,.8) 28%,rgba(240,234,226,.65) 70%,transparent);z-index:-1;display:block;pointer-events:none}
#journey.og-site .jr-home-backdrop{position:absolute;left:28%;right:-3%;top:40px;bottom:20px;display:block;clip-path:none;border:0;border-radius:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 23%,#000 95%),linear-gradient(180deg,transparent,#000 13%,#000 80%,transparent);mask-composite:intersect}
#journey.og-site .jr-home-backdrop img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:none;transform:scale(1.025);transition:transform 1.2s var(--home-ease)}
#journey.og-site .jr-home-backdrop:hover img{transform:scale(1.055)}
#journey.og-site .jr-home-backdrop:after{display:none}
#journey.og-site .jr-home-inner{height:100%;display:flex;align-items:center}
#journey.og-site .jr-home-copy{position:relative;z-index:3;width:34%;padding:0;max-width:420px}
#journey.og-site .jr-home-copy h2{font-size:44px;color:#172e45}
#journey.og-site .jr-home-copy .ed-body{font-size:14px;max-width:22em;color:#4e5e6c}
#journey.og-site .jr-home-copy .ed-text-link{color:#254a70}
#journey.og-site .jr-home-bottom{position:absolute;left:0;bottom:-5px;color:#6c7983;font:400 9px/1.7 var(--sans)}
/* A deliberate deep-navy chapter. Natural-colour projects, no blue image filter. */
html.rc9-cinematic #journey.og-site #chapter-archive{padding-top:150px!important;padding-bottom:150px!important;--home-ink:#f5f7fc;--home-muted:#c0d1e1;--home-accent:#e2edfa;color:var(--home-ink)}
#journey.og-site #chapter-archive:before{content:"";display:block;position:absolute;inset:-90px 0;z-index:-1;background:linear-gradient(180deg,#11295300 0%,#112953ed 14%,#1b3a67fa 50%,#23487df5 85%,#23487d00 100%);pointer-events:none}
#journey.og-site #chapter-archive .ed-heading-row{padding-right:320px;display:block;min-height:140px;margin-bottom:28px}
#journey.og-site #chapter-archive .ed-heading-row .ed-text-link{margin-top:10px}
#journey.og-site #chapter-archive .ed-eyebrow{color:#b8cce4}
#journey.og-site .ed-archive-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
#journey.og-site .ed-filter-list{display:flex;flex-wrap:wrap;gap:18px}
#journey.og-site .ed-filter-list button{background:none;border:0;border-bottom:1px solid transparent;border-radius:0;min-height:44px;padding:5px 0;color:#b7c9dd;font:400 11px/1.5 var(--sans)}
#journey.og-site .ed-filter-list button[aria-pressed=true]{color:white;border-bottom-color:#e4edfa}
#journey.og-site .ed-search{width:210px;display:flex;gap:8px;align-items:center;border:0;border-bottom:1px solid #b9cde34d;background:none;min-height:44px;border-radius:0;padding:0;box-shadow:none;color:#dce7f4}
#journey.og-site .ed-search-mark{display:grid;place-items:center;flex:none;width:24px;height:32px}
#journey.og-site .ed-search-icon{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#journey.og-site .ed-search input{min-width:0;flex:1;width:100%;background:none;border:0;border-radius:0;padding:8px 0;box-shadow:none;color:#fff;font:400 12px var(--sans)}
#journey.og-site .ed-search input::placeholder{color:#b7c9dd}
#journey.og-site .ed-search-clear{display:grid;place-items:center;width:36px;height:40px;flex:none;background:none;border:0;color:#d9e9f6}
#journey.og-site .ed-search-clear[hidden]{display:none}
#journey.og-site .ed-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px;row-gap:45px}
#journey.og-site .ed-work-card{display:block;min-width:0;border:0;border-radius:0;background:none;box-shadow:none;text-decoration:none;color:#eef5fc;margin:0;overflow:visible}
#journey.og-site .ed-work-card:nth-child(even){margin-top:46px}
#journey.og-site .ed-work-media{position:relative;aspect-ratio:1.8;overflow:hidden;border-radius:2px;background:#28486d;isolation:isolate}
#journey.og-site .ed-work-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--media-focal,50% 50%);filter:none;transition:transform .75s var(--home-ease)}
#journey.og-site .ed-work-card:hover .ed-work-media img{transform:scale(1.045)}
#journey.og-site .ed-work-card>section{position:relative;padding:16px 32px 0 0;border:0;background:none;display:flex;flex-direction:column;gap:6px}
#journey.og-site .ed-work-card h3{order:0;margin:0;font:550 19px/1.5 var(--sans);color:#f3f7fd;letter-spacing:-.02em}
#journey.og-site .ed-work-card p{order:1;margin:0;font:400 11px/1.6 var(--sans);color:#b9cce0}
#journey.og-site .ed-work-card>section>span{position:absolute;right:0;top:20px}
#journey.og-site .ed-work-card .icon{width:22px;height:22px}
#journey.og-site .ed-study-label{position:absolute;bottom:12px;left:12px;font-size:10px;color:white}
#journey.og-site .ed-empty{grid-column:1/-1;padding:40px 0;min-height:200px}
#journey.og-site .ed-empty h3{font:500 24px var(--sans);color:white}
#journey.og-site .ed-empty p{font:400 14px var(--sans);color:#c2d4e4}
/* Photo delivery: an event image, loose album prints and the original flash camera. */
html.rc9-cinematic #journey.og-site #chapter-live{padding-top:120px!important;padding-bottom:100px!important}
#journey.og-site .ed-live-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;min-height:440px}
#journey.og-site .ed-live-copy{position:relative;z-index:3;align-self:start;padding-top:65px}
#journey.og-site .ed-live-copy .ed-body{max-width:25em;font-size:14px}
#journey.og-site .ed-live-visual{position:relative;min-width:0;height:430px}
#journey.og-site .ed-live-main{position:relative;left:0;top:0;width:66%;height:310px;overflow:hidden;border:0;transform:rotate(-3deg);box-shadow:0 15px 28px #283a4a1a}
#journey.og-site .ed-live-main img{width:100%;height:100%;object-fit:cover;object-position:var(--media-focal,50% 50%)}
#journey.og-site .ed-delivery-proof{position:absolute;width:64%;right:0;top:66px;bottom:auto;padding:10px;background:rgba(252,252,249,.97);border:1px solid #ffffffbd;border-radius:2px;transform:rotate(5deg);box-shadow:0 18px 35px #1e344b21}
#journey.og-site .ed-proof-label{display:flex;justify-content:space-between;font:450 9px/1.7 var(--sans);color:#607384;padding:0 0 7px}
#journey.og-site .ed-delivery-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
#journey.og-site .ed-delivery-thumbs>span{aspect-ratio:1.1;overflow:hidden;display:block;transform:none;opacity:1}
#journey.og-site .ed-delivery-thumbs img{width:100%;height:100%;object-fit:cover}
#journey.og-site .ed-proof-replay{display:flex;align-items:center;justify-content:space-between;min-height:40px;width:100%;border:0;background:none;padding:7px 0 0;font:450 10px/1.6 var(--sans);color:#284e6f}
/* A narrow four-step path. The working editing desk occupies the other half. */
html.rc9-cinematic #journey.og-site #chapter-process{padding-top:90px!important;padding-bottom:90px!important;min-height:660px}
#journey.og-site .ed-process-copy{width:55%;margin-bottom:26px}
#journey.og-site .ed-process-copy .ed-body{font-size:14px;margin:16px 0}
#journey.og-site .ed-process-grid{display:grid;grid-template-columns:46% 54%;gap:0;align-items:end}
#journey.og-site .ed-process-list{position:relative;display:grid;grid-template-columns:1fr;gap:16px;padding:0;max-width:450px;border:0}
#journey.og-site .ed-process-list:before{content:"";position:absolute;left:17px;top:20px;bottom:32px;width:1px;background:linear-gradient(#648cbf,#bad0e5);opacity:.7}
#journey.og-site .ed-process-step{position:relative;display:block;border:0;padding:0;margin:0;background:none;box-shadow:none;min-height:74px}
#journey.og-site .ed-process-step summary{display:grid;grid-template-columns:36px 1fr 20px;gap:16px;align-items:center;cursor:pointer;list-style:none;min-height:38px}
#journey.og-site .ed-process-step summary::-webkit-details-marker{display:none}
#journey.og-site .ed-process-no{position:relative;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;font:500 11px var(--sans);background:linear-gradient(145deg,#78a1d0,#4b7db9);color:white;z-index:1}
#journey.og-site .ed-process-step h3{margin:0;font:600 16px/1.5 var(--sans);color:#19334e}
#journey.og-site .ed-process-plus{font:300 20px var(--sans);color:#587188}
#journey.og-site .ed-process-step[open] .ed-process-plus{font-size:0}
#journey.og-site .ed-process-step[open] .ed-process-plus:after{content:"−";font-size:20px}
#journey.og-site .ed-process-step>p{margin:4px 14px 0 52px;max-width:29em;font:400 12px/1.8 var(--sans);color:#5b6c7b}
#journey.og-site .c9-process-line{display:none}
#journey.og-site .og-edit-caption{padding:0 0 32px 25%;color:#677d90;font:400 10px/1.7 var(--sans)}
#journey.og-site .og-edit-caption>span{letter-spacing:.25em}
#journey.og-site .og-edit-caption>p{margin:10px 0 0}
#journey.og-site .og-process-link{margin-top:22px;margin-left:52px}
/* Return to the original contact window. The original rules are loaded separately. */
#journey.og-site #chapter-outro h2 em{font-style:normal;font-weight:500}
#journey.og-site #chapter-outro .ed-eyebrow{letter-spacing:.16em}
#journey.og-site .ed-footer{position:relative;z-index:2;border:0;background:transparent;padding:15px 0 36px;color:#48617c}
#journey.og-site .ed-footer-inner{width:min(100% - 112px,1200px);margin:auto;display:flex;align-items:center;gap:28px;padding-top:26px;border-top:1px solid #526e9126}
#journey.og-site .ed-footer-brand{display:flex;align-items:center;gap:9px;font:650 14px var(--sans);color:#254461;text-decoration:none;white-space:nowrap}
#journey.og-site .ed-footer-brand svg{width:19px;height:19px}
#journey.og-site .ed-footer-nav{display:flex;gap:22px;margin-left:auto}
#journey.og-site .ed-footer-nav a{display:flex;align-items:center;min-height:44px;font:450 12px var(--sans);text-decoration:none;color:#3f5c77}
#journey.og-site .ed-footer-socials{display:flex;gap:10px}
#journey.og-site .ed-footer-social-link{display:grid;place-items:center;width:28px;height:44px;border:0;background:none;color:#45627c}
#journey.og-site .ed-footer-social-link svg{width:17px;height:17px}
#journey.og-site .ed-footer small{font:400 10px/1.7 var(--sans);color:#62768b}
/* Restore native interactive objects, positioned in the open space of the selected layout. */
html.wb-tools #journey.og-site .c9-depth.wb-interactive{z-index:5;pointer-events:none!important}
html.wb-tools #journey.og-site #chapter-cinema>.c9-depth.wb-interactive{top:auto!important;bottom:65px;height:200px!important}
html.wb-tools #journey.og-site #chapter-cinema>.c9-depth .c9-rig{right:5%!important;transform:scale(.72)!important;transform-origin:right center}
html.wb-tools #journey.og-site #chapter-archive>.c9-depth.wb-interactive{top:110px!important;height:200px!important}
html.wb-tools #journey.og-site #chapter-archive>.c9-depth .c9-rig{right:max(5%,calc((100vw - 1200px)/2))!important}
html.wb-tools #journey.og-site #chapter-live>.c9-depth.wb-interactive{top:auto!important;bottom:65px;height:236px!important}
html.wb-tools #journey.og-site #chapter-live>.c9-depth .c9-rig{right:max(5%,calc((100vw - 1200px)/2))!important;transform:scale(.85)!important;transform-origin:right bottom}
html.wb-tools #journey.og-site #chapter-process>.c9-depth.wb-interactive{top:245px!important;height:300px!important}
html.wb-tools #journey.og-site #chapter-process>.c9-depth .c9-rig{right:12%!important;transform:scale(1.38)!important;transform-origin:right top}
#journey.og-site .wb-activation{transition:filter .3s,translate .4s}
#journey.og-site .wb-activation:hover{filter:drop-shadow(0 12px 18px #16355520);translate:0 -4px}
html[lang=en] #journey.og-site .ed-intro-copy h2{font-size:clamp(25px,2.8vw,39px);white-space:normal;max-width:11em}
@media(min-width:1700px){#journey.og-site .ed-intro-composition{height:690px}html.wb-tools #journey.og-site #chapter-process>.c9-depth .c9-rig{right:calc((100vw - 1100px)/2)!important}}
@media(max-width:1100px){
 #journey.og-site :is(.ed-container,.jr-home-inner){width:calc(100% - 64px)}
 #journey.og-site .ed-intro-composition{height:590px}
 #journey.og-site .ed-intro-copy h2{font-size:30px}
 #journey.og-site .ed-intro-copy .ed-body{font-size:12px}
 #journey.og-site .og-intro-city{height:270px}
 #journey.og-site .og-intro-back{height:155px}
 #journey.og-site .ed-intro-media{bottom:65px}
 #journey.og-site .ed-cinema-bottom{right:20%}
 #journey.og-site .cinema-stepper{gap:15px}
 #journey.og-site .jr-home-copy{width:36%}
 #journey.og-site .jr-home-copy h2{font-size:36px}
 #journey.og-site .ed-work-grid{column-gap:28px;row-gap:30px}
 #journey.og-site .ed-work-card h3{font-size:17px}
 #journey.og-site .ed-live-grid{gap:5%}
 #journey.og-site .ed-live-main{height:260px}
 html.wb-tools #journey.og-site #chapter-process>.c9-depth .c9-rig{right:6%!important;transform:scale(1.1)!important}
 #journey.og-site .ed-footer-inner{width:calc(100% - 64px);gap:16px;flex-wrap:wrap}
}
@media(max-width:767px){
 #journey.og-site :is(.ed-container,.jr-home-inner){width:calc(100% - 40px)}
 html.rc9-cinematic #journey.og-site .ed-section:not(#chapter-outro){padding-top:64px!important;padding-bottom:64px!important}
 #journey.og-site h2{font-size:30px}
 #journey.og-site .ed-eyebrow{font-size:9px;margin-bottom:15px}
 #journey.og-site .ed-body{font-size:13px;line-height:1.85}
 #journey.og-site .ed-text-link{font-size:12px;gap:18px}
 #journey.og-site .ed-intro-composition{height:680px}
 #journey.og-site .ed-intro-copy{width:100%;padding:0}
 #journey.og-site .ed-intro-copy h2{font-size:clamp(26px,7.8vw,38px)}
 #journey.og-site .ed-intro-copy .ed-body{font-size:12px;max-width:27em}
 #journey.og-site .og-intro-back{top:237px;left:5%;width:34%;height:128px}
 #journey.og-site .og-intro-city{top:212px;width:53%;right:0;height:180px;transform:rotate(3deg)}
 #journey.og-site .og-intro-city>span{font-size:10px;left:10px;right:10px;bottom:9px}
 #journey.og-site .ed-intro-media{left:0;top:352px;bottom:auto;width:80%;transform:rotate(-3deg)}
 #journey.og-site .ed-cinema-bottom{left:0;right:0;bottom:0}
 #journey.og-site .cinema-stepper{gap:12px;justify-content:space-between;width:100%}
 #journey.og-site .cinema-stepper button{font-size:9px;gap:4px}
 #journey.og-site .ed-frame-no{font-size:8px}
 #journey.og-site #chapter-hongkong{height:620px;padding:54px 0 60px}
 #journey.og-site .jr-home-inner{align-items:flex-start}
 #journey.og-site .jr-home-copy{width:100%;max-width:100%;padding:0}
 #journey.og-site .jr-home-copy h2{font-size:32px}
 #journey.og-site .jr-home-copy .ed-body{font-size:12px;max-width:25em}
 #journey.og-site .jr-home-backdrop{left:-6%;right:-20%;top:240px;bottom:0;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 75%,transparent)}
 #journey.og-site .jr-home-backdrop img{object-position:55% 50%}
 #journey.og-site .jr-home-bottom{bottom:0;font-size:8px}
 html.rc9-cinematic #journey.og-site #chapter-archive{padding-top:180px!important;padding-bottom:90px!important}
 #journey.og-site #chapter-archive .ed-heading-row{padding-right:0;min-height:0;display:block;margin-bottom:22px}
 #journey.og-site .ed-heading-row h2{font-size:32px}
 #journey.og-site .ed-heading-row .ed-body{font-size:12px;margin-top:14px}
 #journey.og-site .ed-archive-tools{display:block;margin-bottom:24px}
 #journey.og-site .ed-filter-list{flex-wrap:nowrap;overflow:auto;gap:18px;scrollbar-width:none}
 #journey.og-site .ed-filter-list button{flex:none;font-size:10px}
 #journey.og-site .ed-search{width:100%;margin-top:8px}
 #journey.og-site .ed-work-grid{grid-template-columns:1fr;gap:32px}
 #journey.og-site .ed-work-card:nth-child(n){margin:0}
 #journey.og-site .ed-work-media{aspect-ratio:1.6}
 #journey.og-site .ed-work-card h3{font-size:18px}
 #journey.og-site .ed-work-card p{font-size:10px}
 #journey.og-site .ed-live-grid{display:block;min-height:0}
 #journey.og-site .ed-live-copy{padding-top:0}
 #journey.og-site .ed-live-copy .ed-body{font-size:12px}
 #journey.og-site .ed-live-visual{height:400px;margin-top:32px}
 #journey.og-site .ed-live-main{width:70%;height:250px}
 #journey.og-site .ed-delivery-proof{width:65%;top:80px;padding:8px}
 #journey.og-site .ed-proof-replay{font-size:9px}
 html.rc9-cinematic #journey.og-site #chapter-process{padding-top:45px!important;padding-bottom:80px!important;min-height:830px}
 #journey.og-site .ed-process-copy{width:100%;margin-bottom:25px}
 #journey.og-site .ed-process-copy .ed-body{font-size:12px}
 #journey.og-site .ed-process-grid{display:block}
 #journey.og-site .ed-process-list{max-width:100%;gap:18px}
 #journey.og-site .ed-process-step h3{font-size:15px}
 #journey.og-site .ed-process-step>p{font-size:11px;max-width:26em}
 #journey.og-site .og-edit-caption{position:relative;padding:210px 0 0 0;text-align:center;font-size:9px}
 #journey.og-site .og-process-link{display:flex;width:max-content;margin:20px auto 0;font-size:11px}
 #journey.og-site .ed-footer-inner{width:calc(100% - 40px);display:grid;grid-template-columns:1fr auto;gap:12px 14px}
 #journey.og-site .ed-footer-brand{font-size:13px}
 #journey.og-site .ed-footer-nav{margin:0;gap:16px}
 #journey.og-site .ed-footer-nav a{font-size:11px}
 #journey.og-site .ed-footer small{font-size:9px;text-align:right}
 #journey.og-site .ed-footer-socials{gap:9px}
 #journey.og-site .og-wave-space{height:190px;bottom:-80px}
 html.wb-tools #journey.og-site #chapter-cinema>.c9-depth.wb-interactive{top:auto!important;bottom:40px;height:136px!important}
 html.wb-tools #journey.og-site #chapter-cinema>.c9-depth .c9-rig{right:3%!important;transform:scale(.8)!important}
 html.wb-tools #journey.og-site #chapter-archive>.c9-depth.wb-interactive{top:25px!important;height:140px!important}
 html.wb-tools #journey.og-site #chapter-archive>.c9-depth .c9-rig{right:24px!important;transform:scale(.9)!important;transform-origin:right center}
 html.wb-tools #journey.og-site #chapter-live>.c9-depth.wb-interactive{top:auto!important;bottom:50px;height:160px!important}
 html.wb-tools #journey.og-site #chapter-live>.c9-depth .c9-rig{right:20px!important;transform:scale(1)!important}
 html.wb-tools #journey.og-site #chapter-process>.c9-depth.wb-interactive{top:auto!important;bottom:155px;height:145px!important}
 html.wb-tools #journey.og-site #chapter-process>.c9-depth .c9-rig{right:calc(50% - 92px)!important;transform:scale(1.3)!important;transform-origin:center center}
 html[lang=en] #journey.og-site .ed-intro-copy h2{font-size:32px;max-width:10em}
}
@media(max-width:359px){
 #journey.og-site :is(.ed-container,.jr-home-inner){width:calc(100% - 32px)}
 #journey.og-site .ed-intro-composition{height:650px}
 #journey.og-site .ed-intro-copy h2{font-size:26px}
 #journey.og-site .og-intro-city{height:164px}
 #journey.og-site .cinema-stepper .ed-frame-no{display:none}
 #journey.og-site .ed-live-visual{height:360px}
 #journey.og-site .ed-live-main{height:220px}
}
@media(prefers-reduced-motion:reduce){#journey.og-site .og-wave-space *{animation:none!important}#journey.og-site .og-intro-city,#journey.og-site .ed-intro-media,#journey.og-site .ed-delivery-proof{transform:none}#journey.og-site *{scroll-behavior:auto!important}}
html.reduced-motion #journey.og-site .og-wave-space *{animation:none!important}
html:not([data-home-motion=running]) #journey.og-site .og-wave-space *{animation-play-state:paused}

/* Open gallery: all five native interactions remain visible and independently operable. */
#journey.og-site #chapter-services{padding:65px 0 140px;--lv-ink:#182f46;--lv-muted:#5c6d7e;--lv-line:#9baec147;--lv-paper:transparent}
#journey.og-site #chapter-services .lv-service-section{padding:0;background:none;color:var(--lv-ink);border:0;box-shadow:none}
#journey.og-site #chapter-services .lv-section-container{width:min(100% - 112px,1200px);max-width:none;margin:auto;padding:0}
#journey.og-site #chapter-services .lv-section-rule{display:none}
#journey.og-site #chapter-services .lv-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;border:0;margin:0 0 25px;padding:0}
#journey.og-site #chapter-services .lv-section-heading h2{font:650 42px/1.3 var(--sans);color:#172d43;letter-spacing:-.035em}
#journey.og-site #chapter-services .lv-section-heading>div{max-width:440px}
#journey.og-site #chapter-services .lv-section-heading p{font:400 13px/1.9 var(--sans);color:#576b7b;margin:0}
#journey.og-site #chapter-services .lv-section-controls{display:flex;gap:24px;margin:10px 0 0}
#journey.og-site #chapter-services .lv-section-controls button{min-height:44px;border:0;border-radius:0;padding:4px 0;background:none;color:#385c7c;font:450 10px var(--sans);box-shadow:none}
#journey.og-site #chapter-services .lv-section-controls svg{width:15px;height:15px}
#journey.og-site #chapter-services .lv-service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 34px;align-items:start;position:relative;min-height:710px}
#journey.og-site #chapter-services .lv-service-card{position:relative;display:flex;flex-direction:column;grid-column:span 2;min-width:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;container-type:normal;opacity:1;transform:none;transition:none}
#journey.og-site #chapter-services .lv-service-card:before,#journey.og-site #chapter-services .lv-service-card:after{display:none}
#journey.og-site #chapter-services .lv-service-card:nth-child(1){margin-top:70px;transform:rotate(-2deg)}
#journey.og-site #chapter-services .lv-service-card:nth-child(2){margin-top:0}
#journey.og-site #chapter-services .lv-service-card:nth-child(3){margin-top:85px;transform:rotate(1.5deg)}
#journey.og-site #chapter-services .lv-service-card:nth-child(4){grid-column:2/4;margin-top:10px;transform:rotate(-1deg)}
#journey.og-site #chapter-services .lv-service-card:nth-child(5){grid-column:4/6;margin-top:30px;transform:rotate(2deg)}
#journey.og-site #chapter-services .lv-card-topline{display:none}
#journey.og-site #chapter-services .lv-art{position:relative;width:100%;height:245px;min-height:0;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;opacity:1!important;pointer-events:auto!important;z-index:1;transition:none}
#journey.og-site #chapter-services .lv-art-parallax{inset:0 0 20px}
#journey.og-site #chapter-services .lv-art-instruction{left:0;bottom:0;opacity:.7;font:400 10px/1.6 var(--sans);color:#577087}
#journey.og-site #chapter-services .lv-motion-hit{border-radius:0;cursor:pointer}
#journey.og-site #chapter-services .lv-card-link{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:15px;min-height:90px;padding:14px 0 10px;border:0;border-radius:0;background:none;box-shadow:none;text-decoration:none}
#journey.og-site #chapter-services .lv-card-link h3{margin:0;font:600 21px/1.4 var(--sans);color:#1b344c;letter-spacing:-.015em}
#journey.og-site #chapter-services .lv-card-link p{margin:8px 0 0;max-width:24em;font:400 11px/1.75 var(--sans);color:#5b7184}
#journey.og-site #chapter-services .lv-card-arrow{width:28px;height:32px;display:grid;place-items:center;border:0;background:none;box-shadow:none;color:#385e80;transition:transform .3s}
#journey.og-site #chapter-services .lv-card-arrow svg{width:23px;height:23px}
#journey.og-site #chapter-services .lv-card-link:hover .lv-card-arrow{transform:translateX(5px);background:none;color:#173e65}
#journey.og-site #chapter-services .lv-custom-art{padding:15px 0 25px}
#journey.og-site #chapter-services .lv-custom-art img{object-fit:contain;border:0;box-shadow:0 10px 20px #263f5618;border-radius:2px}
#journey.og-site #chapter-services :is(.p-art,.v-art){max-width:100%;background:none}
#journey.og-site #chapter-services .p-photo-viewfinder,#journey.og-site #chapter-services .p-photo-reticle{opacity:.22}
#journey.og-site #chapter-services .lv-art:has(.lv-motion-hit:focus-visible){box-shadow:none;outline:2px solid #52779d;outline-offset:6px}
@media(max-width:1100px){#journey.og-site #chapter-services .lv-section-container{width:calc(100% - 64px)}#journey.og-site #chapter-services .lv-service-grid{gap:16px 22px;min-height:660px}#journey.og-site #chapter-services .lv-art{height:220px}#journey.og-site #chapter-services .lv-card-link h3{font-size:19px}#journey.og-site #chapter-services .lv-section-heading h2{font-size:36px}}
@media(max-width:767px){
 #journey.og-site #chapter-services{padding:55px 0 75px}
 #journey.og-site #chapter-services .lv-section-container{width:calc(100% - 40px)}
 #journey.og-site #chapter-services .lv-section-heading{display:block;margin-bottom:18px}
 #journey.og-site #chapter-services .lv-section-heading h2{font-size:32px;margin-bottom:16px}
 #journey.og-site #chapter-services .lv-section-heading>div{max-width:100%}
 #journey.og-site #chapter-services .lv-section-heading p{font-size:12px}
 #journey.og-site #chapter-services .lv-section-controls{gap:25px}
 #journey.og-site #chapter-services .lv-service-grid{grid-template-columns:1fr;gap:22px;min-height:0}
 #journey.og-site #chapter-services .lv-service-card:nth-child(n){grid-column:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;margin:0;align-items:center;transform:none}
 #journey.og-site #chapter-services .lv-service-card:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
 #journey.og-site #chapter-services .lv-service-card:nth-child(even) .lv-art{grid-column:2;grid-row:1}
 #journey.og-site #chapter-services .lv-service-card:nth-child(even) .lv-card-link{grid-column:1;grid-row:1}
 #journey.og-site #chapter-services .lv-art{height:210px}
 #journey.og-site #chapter-services .lv-art-parallax{inset:0 0 18px}
 #journey.og-site #chapter-services .lv-card-link{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:auto;min-height:0;padding:0;gap:5px}
 #journey.og-site #chapter-services .lv-card-link h3{font-size:19px}
 #journey.og-site #chapter-services .lv-card-link p{font-size:11px;max-width:14em;margin-top:7px;line-height:1.8}
 #journey.og-site #chapter-services .lv-art-instruction{font-size:8px;left:0;bottom:0;gap:5px}
 #journey.og-site #chapter-services .lv-card-arrow{height:32px;width:26px}
 #journey.og-site #chapter-services .lv-card-arrow svg{width:19px;height:19px}
}
@media(max-width:359px){#journey.og-site #chapter-services .lv-section-container{width:calc(100% - 32px)}#journey.og-site #chapter-services .lv-art{height:185px}#journey.og-site #chapter-services .lv-card-link h3{font-size:17px}#journey.og-site #chapter-services .lv-card-link p{font-size:10px}#journey.og-site #chapter-services .lv-service-card:nth-child(n){gap:10px}}

.v7-editorial .ed-site .ed-outro{min-height:550px!important;background:#e2edf7;padding:80px 0 110px!important;overflow:hidden}
.v7-editorial .ed-outro-image{position:absolute;inset:0;z-index:-1}
.v7-editorial .ed-outro-image img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;opacity:.54}
.v7-editorial .ed-outro-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ecf4fbf2, #edf5fba1 40%,#e7f2fc08 75%)}
.v7-editorial .ed-outro-content h2{font-size:clamp(41px,4.8vw,70px)}
.v7-editorial .ed-outro-content h2 em{color:#274c73}
.v7-editorial .ed-outro-content .ed-body{color:#59738b;font-size:13px}
@media (max-width:767px){.v7-editorial .ed-outro-image img{opacity:.48;object-position:63% 50%}
.v7-editorial .ed-outro-image:after{background:linear-gradient(90deg,#eef6fcea,#e9f4fc66)}
.v7-editorial .ed-site .ed-outro{padding-top:62px!important;padding-bottom:80px!important;min-height:420px!important}
.v7-editorial .ed-outro-content h2{font-size:39px!important}}
@media (max-width:767px){html.v7-editorial[data-locale=en] .ed-outro-content h2{font-size:37px!important}}
html.v8-editorial .ed-site #chapter-outro{background:#dbeaf7;min-height:620px!important;padding-block:110px 120px!important}
#chapter-outro .v8-horizon{z-index:1;opacity:.62}
html.v8-editorial .ed-outro-image{z-index:0;transform:scale(calc(1.045 - var(--v8-e)*.045));}
html.v8-editorial .ed-outro-image:after{background:linear-gradient(90deg,#eaf3fcfa,#eaf3fcce 38%,#e6f0fa1c 80%)}
html.v8-editorial .ed-outro-image img{opacity:.64}
html.v8-editorial .ed-outro-content h2{font-size:clamp(36px,4vw,58px);max-width:840px;line-height:1.32}
html.v8-editorial .ed-outro-content .ed-body{max-width:520px;font-size:14px;line-height:1.95}
@media (max-width:767px){html.v8-editorial .ed-site #chapter-outro{padding-block:88px 100px!important;min-height:510px!important}
html.v8-editorial .ed-outro-content h2{font-size:32px!important;line-height:1.5!important}
html.v8-editorial .ed-outro-image:after{background:linear-gradient(90deg,#eaf3fcee,#eaf3fcc4 52%,#e8f2fa55)}
html.v8-editorial .ed-outro-content .ed-body{font-size:13px!important}}
@media (max-width:767px){html.v8-editorial[data-locale=en] .ed-outro-content h2{font-size:32px!important}}
html.v8-editorial.reduced-motion .ed-outro-image{transform:none!important}
html.v9-liquid .ed-site #chapter-outro{background:#dceeff!important;min-height:680px!important;border-radius:52px 52px 0 0;overflow:hidden}
html.v9-liquid #chapter-outro .ed-outro-content{max-width:1100px}
html.v9-liquid #chapter-outro .ed-outro-image:after{background:linear-gradient(90deg,#edf6fff8,#edf6ffc4 50%,#edf6ff14)!important}
html.v9-liquid #chapter-outro .ed-outro-image img{opacity:.9}
html.v9-liquid .ed-outro-content .btn{min-height:52px;padding-inline:25px;font-size:14px;border-radius:50px;background:linear-gradient(155deg,#3988ff,#1769ff 65%,#1258de);box-shadow:inset 0 1px 1px #ffffffbd,inset 0 -2px 3px #16399566,0 14px 28px -15px #1769ffbf}
@media (max-width:767px){html.v9-liquid .ed-site #chapter-outro{min-height:580px!important;border-radius:36px 36px 0 0;padding-block:88px!important}}
html.v10-atmosphere #journey #chapter-outro{width:calc(100% - 100px);margin:72px auto 84px;min-height:0!important;border-radius:26px;overflow:hidden;isolation:isolate}
html.v10-atmosphere #chapter-outro .ed-container.ed-outro-content{width:100%!important;max-width:630px!important;margin:0;padding:0!important;min-height:0;text-align:left;position:relative;z-index:2}
html.v10-atmosphere #chapter-outro #ed-outro-title{letter-spacing:-.045em;}
html.v10-atmosphere #chapter-outro .ed-body{font-size:14px!important;line-height:1.9}
html.v10-atmosphere #chapter-outro .ed-eyebrow{color:#5d7f9c!important}
html.v10-atmosphere #chapter-outro .ed-outro-image{position:absolute;z-index:0;transform:none!important}
html.v10-atmosphere #chapter-outro .ed-outro-image:after{content:"";position:absolute;inset:0;}
@media (max-width:767px){html.v10-atmosphere #journey #chapter-outro{max-width:540px;border-radius:20px}
html.v10-atmosphere #chapter-outro #ed-outro-title{line-height:1.38!important}
html.v10-atmosphere #chapter-outro .ed-body{font-size:13px!important}}
html.v10-atmosphere #journey #chapter-outro{
 max-width:1000px;
 border:1px solid rgba(89,133,185,.18)!important;
 background:linear-gradient(115deg,rgba(146,180,224,.24),rgba(89,140,200,.20))!important;
 box-shadow:inset 0 1px 0 rgba(233,245,255,.38),0 18px 48px -30px rgba(36,79,126,.24)!important;
 -webkit-backdrop-filter:blur(10px) saturate(1.06);backdrop-filter:blur(10px) saturate(1.06);
 padding:56px 52px!important;
}
html.v10-atmosphere #chapter-outro .ed-outro-image{
 inset:0 0 0 36%; opacity:.90;overflow:hidden;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 25%,#000 72%);
 mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 25%,#000 72%);
}
html.v10-atmosphere #chapter-outro .ed-outro-image img{opacity:.82;filter:none!important;}
html.v10-atmosphere #chapter-outro .ed-outro-image:after{
 background:linear-gradient(90deg,rgba(148,184,227,.2),rgba(108,154,208,.05))!important;
}
html.v10-atmosphere #chapter-outro .ed-outro-content{max-width:590px!important;}
html.v10-atmosphere #chapter-outro #ed-outro-title{max-width:570px!important;color:#163b60!important;line-height:1.36!important;font-size:clamp(30px,3vw,42px)!important;}
html.v10-atmosphere #chapter-outro #ed-outro-title em{color:#285e8c!important;}
html.v10-atmosphere #chapter-outro .ed-body{max-width:460px!important;color:#365b7d!important;}
@media (max-width:767px){html.v10-atmosphere #journey #chapter-outro{width:calc(100% - 32px);padding:34px 24px 164px!important;margin:40px auto 40px;}
html.v10-atmosphere #chapter-outro #ed-outro-title{font-size:29px!important;max-width:100%!important;}
html.v10-atmosphere #chapter-outro .ed-outro-image{
  inset:auto 0 0;height:192px;opacity:.88;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 62%);
  mask-image:linear-gradient(180deg,transparent,#000 62%);
 }
html.v10-atmosphere #chapter-outro .ed-outro-image:after{background:rgba(113,159,211,.1)!important;}
html.v10-atmosphere #chapter-outro .ed-outro-content{max-width:100%!important;}}
@media (max-width:359px){html.v10-atmosphere #journey #chapter-outro{padding:29px 20px 146px!important;}
html.v10-atmosphere #chapter-outro #ed-outro-title{font-size:26px!important;}}
@media (prefers-contrast:more){html.v10-atmosphere #journey #chapter-outro{background:#cbdff3!important;}
html.v10-atmosphere #chapter-outro .ed-outro-image{opacity:.5;}}
@supports  not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html.v10-atmosphere #journey #chapter-outro{background:linear-gradient(120deg,#d0e1f4,#aec9e9)!important;}}
html.rc9-cinematic #journey #chapter-outro{max-width:1000px!important;overflow:hidden!important;}