@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700&family=Outfit:wght@400;450;500;550;600;650;700&display=swap');
:root{color-scheme:dark;--paper:#000000;--white:#0b0b0b;--ink:#f4efe7;--muted:#b4aca2;--gold:#c8ab78;--rule:#2c2823;--plum:#573440;--serif:'Outfit','Trebuchet MS',sans-serif;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a98a50;outline-offset:5px}button svg,a svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;line-height:1.08;letter-spacing:-1.5px}h1{font-size:clamp(40px,4vw,61px);margin-bottom:13px}h2{font-size:40px}h3{font-size:15px;font-weight:550}.sidebar{position:fixed;inset:0 auto 0 0;width:225px;background:#080808;border-right:1px solid var(--rule);padding:42px 25px 25px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:14px;padding-left:9px}.brand svg{height:56px;width:37px;stroke:var(--gold)}.brand>span{font-family:var(--serif);font-size:36px;line-height:.87;letter-spacing:-1px}.brand-alive{display:block;font-size:36px}.brand small{font-family:var(--sans);font-size:9px;letter-spacing:3.3px;display:block;margin-top:13px;line-height:1}.sidebar-rule{height:1px;background:var(--rule);margin:39px 10px 26px}.small-label{font-size:8px;font-weight:600;letter-spacing:1.9px;color:var(--muted);margin-left:11px;margin-bottom:17px}nav{display:flex;flex-direction:column;gap:8px}nav a{display:flex;align-items:center;gap:12px;padding:14px 13px;color:#b4aca2;border-radius:3px;font-size:12px}nav a:hover{background:#1b1816}nav a.active{background:var(--plum);color:#fff8ec}nav a svg{width:18px;height:18px}nav .nav-dot{display:none;width:4px;height:4px;border-radius:50%;background:#ddc29a;margin-left:auto}nav a.active .nav-dot{display:block}.sidebar-bottom{margin-top:auto;padding:40px 12px 0}.small-cross{color:#ac956f;font-size:20px}.sidebar-bottom>p{font-family:var(--serif);font-size:24px;line-height:1.3;margin-top:12px;margin-bottom:31px;color:#c3b5a0}.studio-link{display:flex;justify-content:space-between;font-size:10px;color:#aaa093;border-top:1px solid var(--rule);padding-top:16px;margin-bottom:32px}.rodyna{font-size:11px;letter-spacing:2px;font-weight:700}.rodyna span{color:#ac986d}.app-shell{margin-left:225px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--rule);padding:0 49px;font-size:9px;letter-spacing:1.5px;font-weight:550}.breadcrumb{display:flex;gap:15px}.breadcrumb>span{color:var(--muted)}.pilot-label{font-size:8px;display:flex;align-items:center;gap:8px;letter-spacing:1.2px;color:#b5a88c;white-space:nowrap}.pilot-label>span{width:5px;height:5px;background:#b2996d;border-radius:50%}.mobile-brand{display:none}main{max-width:1500px;margin:auto}.view{padding:42px 49px 28px;animation:enter .4s ease both}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:33px}.eyebrow{font-size:9px;line-height:1.4;letter-spacing:2px;font-weight:600;color:#c0a476;margin-bottom:16px}.intro{font-size:13px;line-height:1.75;color:#b4aca2;margin-bottom:0}.collection-count{font-family:var(--serif);font-size:43px;text-align:right;line-height:1}.collection-count span{display:block;font-family:var(--sans);font-size:7px;letter-spacing:1.5px;color:var(--muted);margin-top:9px}.feature-card{display:grid;grid-template-columns:1.06fr 1fr;background:var(--white);border:1px solid var(--rule);box-shadow:0 14px 35px #00000040}.feature-art{background:#050505;padding:19px 26px 16px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 50% 35%,#17130e,#030303)}.art-top,.art-bottom{width:100%;display:flex;justify-content:space-between;gap:12px;font-size:7px;letter-spacing:1.4px;color:#b9a47d;line-height:1.3}.art-top{padding:0 0 18px}.art-bottom{padding-top:17px}.art-link{border:none;padding:0;background:none;position:relative;display:block;max-width:342px;width:100%;margin:auto;line-height:0;box-shadow:0 14px 25px #00000090;transition:transform .4s}.art-link img{width:100%;height:auto;display:block}.art-link:hover{transform:translateY(-3px)}.art-open{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:#151311f2;box-shadow:0 2px 20px #00000060;padding:10px 17px;border-radius:30px;font-size:10px;line-height:1;letter-spacing:.2px;white-space:nowrap}.art-open>span{margin-left:13px}.feature-content{padding:39px 42px 28px;display:flex;flex-direction:column;justify-content:center}.overline{font-size:7.5px;letter-spacing:1.5px;color:#b9a47d;display:flex;align-items:center;gap:9px}.tiny-star{font-size:15px}.feature-content h2{font-size:clamp(47px,5.6vw,76px);line-height:.97;letter-spacing:-1.8px;margin:20px 0 10px}.ukrainian{font-family:var(--sans);font-size:17px;color:#c8ab78;margin-bottom:20px}.fine-rule{width:34px;height:1px;background:#b79f78;margin:0 0 22px}.card-summary{font-size:13px;line-height:1.9;color:#b8afa5;margin-bottom:20px}.card-meta{display:flex;gap:10px;flex-direction:column;color:#b8afa5;font-size:10px;margin-bottom:24px}.card-meta>span{display:flex;gap:8px;align-items:center}.card-meta svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.3;fill:none}.button{border:1px solid var(--rule);padding:15px 20px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;font-weight:550;line-height:1.4;border-radius:2px;transition:background .2s,transform .2s;min-height:48px}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--plum);color:#fff7e9;border-color:var(--plum)}.button.primary:hover{background:#704653}.button.secondary{background:transparent;color:var(--ink)}.button.secondary:hover{background:#211c18}.feature-content .button{justify-content:flex-start;width:100%;margin-bottom:10px}.button .end-icon{margin-left:auto}.camera-note{font-size:9px;color:#b0a497;text-align:center;margin:2px 0 0}.below-card{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 0;border-bottom:1px solid var(--rule)}.quiet-instruction{display:flex;gap:13px;align-items:flex-start}.step-number{font-family:var(--serif);color:#ad997b;font-size:24px;line-height:1.1}.quiet-instruction p{font-size:9px;line-height:1.6;color:#b4a899;margin:0}.quiet-instruction strong{display:block;font-size:10px;font-weight:550;color:#e0d3bf;margin-bottom:3px}.page-footer{display:flex;justify-content:space-between;padding-top:18px;font-size:9px;color:#b0a497}.page-footer a{color:#c8ab78}.page-footer a span{margin-left:14px}.text-link{background:none;padding:0;border:0;cursor:pointer;font-family:var(--sans);font-size:11px;color:#d4b582;line-height:1.6;text-decoration:none}.text-link:hover{text-decoration:underline}.explore-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}.explore-heading .eyebrow{margin:0;font-size:8px}.explore-grid{display:grid;grid-template-columns:minmax(300px,1.12fr) minmax(300px,1fr);gap:40px}.art-stage{background:#050505;position:relative;padding:27px 25px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center}.icon-wrap{position:relative;width:100%;max-width:443px;isolation:isolate}.icon-wrap img{display:block;width:100%}.light-wash{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,30%),#f9e4a954 0,transparent 32%);transition:opacity 1.5s;z-index:1}.icon-wrap.guided .light-wash{opacity:1;animation:breathe 4s ease-in-out infinite alternate}.hotspot{position:absolute;z-index:3;width:31px;height:31px;border-radius:50%;background:#17120fee;color:#e3c58d;border:1px solid #d1b374;box-shadow:0 1px 12px #00000080;font-size:10px;transform:translate(-50%,-50%);transition:background .3s,box-shadow .3s}.hotspot.active{background:#e3c58d;color:white;border:1px solid #f6e0b1;box-shadow:0 0 0 6px #f1d59350}.hotspot:hover{box-shadow:0 0 0 7px #f1d59340}.stage-caption{display:flex;gap:15px;justify-content:space-between;width:100%;margin-top:16px;color:#c1b4a0;font-size:8px}.text-link.light{color:#d8cbb2;font-size:8px}.story-panel{padding-top:17px;display:flex;flex-direction:column;justify-content:center}.story-panel h1{font-size:49px;line-height:1.05;margin:0 0 18px}.chapter-progress{display:flex;gap:7px;margin-bottom:23px}.chapter-progress span{height:2px;background:var(--rule);flex:1}.chapter-progress span.active{background:var(--gold)}.story-text{font-size:14px;line-height:1.9;color:#c0b7aa;min-height:105px}.notice-detail{border-left:2px solid var(--gold);padding:4px 0 2px 17px;margin:0 0 15px}.notice-detail>span{font-size:8px;letter-spacing:1.5px;color:#c8ab78}.notice-detail p{font-family:var(--serif);font-size:23px;line-height:1.3;margin:6px 0;color:#e8d8bc}.source-line{font-size:8px;color:#b4a798;min-height:15px}.source-line a{text-decoration:underline}.chapter-controls{display:flex;align-items:center;justify-content:space-between;margin:5px 0 20px;font-size:10px;color:#c8ab78}.round-button{height:36px;width:36px;border-radius:50%;background:transparent;color:var(--ink);border:1px solid var(--rule)}.round-button:hover{background:#211c18}.narration-card{display:flex;gap:13px;border-top:1px solid var(--rule);padding-top:21px;margin-top:24px}.narration-icon{background:#191613;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;flex-shrink:0}.narration-icon svg{width:19px;height:19px;fill:none;stroke:var(--ink);stroke-width:1.3}.narration-card h3{font-size:11px;margin:0 0 5px}.narration-card p{font-size:10px;line-height:1.6;color:var(--muted);margin-bottom:7px}.narration-card .text-link{font-size:10px}.chapter-list{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--rule);margin-top:25px}.chapter-list button{display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:none;border:0;border-right:1px solid var(--rule);padding:16px;color:#b9ab97;text-align:left;font-size:10px}.chapter-list button:last-child{border-right:0}.chapter-list button span{font-family:var(--serif);font-size:23px;color:#af9773}.chapter-list button.active{background:#241d15;color:var(--ink)}.detail-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#b9ab97;margin-top:18px}.scanner-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:35px}.camera-stage{min-height:550px;background:#050505;position:relative;overflow:hidden;border-radius:3px}.camera-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#ded0b7;background:radial-gradient(ellipse at 50% 45%,#201a12,transparent 65%);pointer-events:none}.camera-cover>svg{width:54px;height:54px;fill:none;stroke:#c3a875;stroke-width:.8;margin-bottom:20px}.camera-cover h2{font-size:32px;margin:0 20px 14px}.camera-cover p{font-size:12px;color:#b1a592}.scan-status{position:absolute;bottom:23px;left:20px;right:20px;background:#1d1817cc;color:#e6dac6;border:1px solid #73624c;padding:12px 16px;text-align:center;font-size:10px;border-radius:2px;z-index:8}.scan-corners{position:absolute;z-index:4;left:13%;top:10%;width:74%;height:75%;pointer-events:none;background:linear-gradient(#d6bf90,#d6bf90) left top/30px 1px no-repeat,linear-gradient(#d6bf90,#d6bf90) left top/1px 30px no-repeat,linear-gradient(#d6bf90,#d6bf90) right top/30px 1px no-repeat,linear-gradient(#d6bf90,#d6bf90) right top/1px 30px no-repeat,linear-gradient(#d6bf90,#d6bf90) left bottom/30px 1px no-repeat,linear-gradient(#d6bf90,#d6bf90) left bottom/1px 30px no-repeat,linear-gradient(#d6bf90,#d6bf90) right bottom/30px 1px no-repeat,linear-gradient(#d6bf90,#d6bf90) right bottom/1px 30px no-repeat}#camera-container{position:absolute;inset:0;overflow:hidden}#camera-container video{z-index:0!important}#camera-container canvas{z-index:1!important}.scan-info{padding:18px 8px}.scan-info>h2{font-size:35px;margin-top:18px;margin-bottom:14px}.scan-info>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8}.scan-target{display:block;width:125px;box-shadow:0 7px 16px #5e48252a}.scan-info .button{width:100%;margin-top:18px}.scan-alternative{margin:17px auto 0;display:block}.privacy{border-top:1px solid var(--rule);padding-top:20px;margin-top:25px;font-size:10px!important}.privacy span{font-size:25px;float:left;line-height:1;margin:3px 10px 10px 0;color:var(--gold)}.scan-help{font-size:10px;color:#b9ab97;margin-top:22px;text-align:center}.church-intro{font-size:16px}.church-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;margin-top:35px}.church-statement{padding:50px 35px;background:var(--plum);color:#eddfc3;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.church-statement svg{height:75px;width:53px;color:#c3a777;margin-bottom:28px}.church-statement p{font-family:var(--serif);font-size:37px;line-height:1.18;max-width:320px}.church-statement>span{font-size:8px;letter-spacing:2px;color:#bda480}.church-copy{padding:20px 0}.church-copy h2{font-size:43px;margin-bottom:20px}.church-copy p{font-size:13px;line-height:1.9;color:var(--muted)}.church-copy .button{margin-top:27px;display:inline-flex}.timeline{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:1px solid var(--rule)}.timeline>div{padding:23px 28px 20px 0}.timeline>div>span{font-family:var(--serif);font-size:36px;color:#c8ab78}.timeline h3{font-size:12px;margin:7px 0}.timeline p{font-size:11px;color:var(--muted);max-width:230px}.parish-voice{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:30px 0;display:flex;align-items:center;gap:30px;justify-content:space-between}.parish-voice h2{font-size:32px;margin-bottom:14px}.parish-voice p:not(.eyebrow){font-size:12px;max-width:530px;color:var(--muted);margin:0}.parish-voice .button{white-space:nowrap}.small-print{font-size:10px;line-height:1.7;color:#b9ab97;margin-top:20px}.small-print a{text-decoration:underline}.studio-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;margin-top:30px}.script-sheet{padding:30px;background:var(--white);border:1px solid var(--rule)}.script-head{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted)}.script-sheet h2{font-size:43px;margin:16px 0 10px}.draft-label{color:#c8ab78;font-size:10px}.script-sheet #narration-script p,#transcript-text p{font-family:var(--sans);font-size:15px;line-height:1.9;color:#d1c4b3;margin-bottom:18px}.script-sheet #narration-script{margin-top:30px}.script-actions{display:flex;flex-direction:column;gap:17px;margin-top:30px}.recording-panel{background:#191613;padding:28px}.large-mic{width:25px;height:25px;fill:none;stroke:#c8ab78;stroke-width:1.2;margin-bottom:18px}.recording-panel h2,.priest-prompts h2{font-size:31px;margin-bottom:15px}.recording-panel>p:not(.small-print){font-size:12px;line-height:1.8;color:#b9ab97}.recording-panel>.button{width:100%}.record-status{font-size:10px!important;margin:12px 0 15px;text-align:center}.upload-audio{display:block;text-align:center;font-size:11px;border:1px dashed #b7a58d;padding:13px;cursor:pointer;position:relative}.upload-audio input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload-audio:focus-within{outline:3px solid #a98a50;outline-offset:4px}.priest-prompts{padding:30px 6px 0}.priest-prompts ol{padding-left:18px;font-size:12px;color:#c3b5a0;line-height:1.9}.priest-prompts li{padding-left:5px;margin-bottom:10px}audio{width:100%;height:40px;margin-top:15px}.recording-actions{display:flex;gap:15px;justify-content:space-between;margin:15px 0}#recording-name{font-size:11px;overflow-wrap:anywhere;margin:20px 0 0}#recording-ready{border-top:1px solid #3a3024;margin-top:20px}.sources-view{max-width:900px}.sources-view>.eyebrow{margin-top:35px}.sources-view h2{font-size:29px;margin:35px 0 12px}.sources-view p,.sources-view li{color:#c3b5a0;font-size:13px;line-height:1.9}.sources-view li{padding:5px 0}.sources-view a{text-decoration:underline;text-underline-offset:4px}dialog{border:1px solid #55452f;max-width:610px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);padding:38px;border-radius:3px;max-height:85dvh;overflow:auto}dialog::backdrop{background:#000000dd;backdrop-filter:blur(6px)}dialog h2{font-size:43px;margin-bottom:10px}.dialog-close{position:absolute;right:13px;top:8px;background:none;border:0;font-size:29px;color:var(--ink)}#transcript-text{margin:25px 0}#toast{position:fixed;bottom:30px;left:calc(50% + 110px);transform:translateX(-50%) translateY(100px);opacity:0;background:var(--plum);color:var(--paper);padding:14px 24px;border:1px solid #b9a17b;border-radius:3px;z-index:80;font-size:12px;transition:.3s;max-width:calc(100% - 30px);text-align:center}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{from{opacity:.3}to{opacity:1}}
@media(min-width:1500px){.feature-content{padding:50px 55px}.art-link{max-width:395px}.feature-art{padding:23px 38px 20px}.feature-content h2{font-size:86px}.card-summary{font-size:15px}.card-meta{font-size:12px;margin-bottom:30px}.button{font-size:12px}.topbar{padding-left:65px;padding-right:65px}.view{padding-left:65px;padding-right:65px}.feature-card{max-width:1170px}.below-card{max-width:1170px}}
@media(max-width:1150px){.sidebar{width:190px;padding-left:17px;padding-right:17px}.app-shell{margin-left:190px}.topbar{padding:0 30px}.view{padding:32px 30px}.feature-content{padding:25px 28px}.feature-content h2{font-size:58px}.art-link{max-width:320px}.feature-art{padding-left:19px;padding-right:19px}.overline{font-size:7px;letter-spacing:.9px}.card-meta{font-size:9px}.camera-note{font-size:8px}.explore-grid{gap:25px;grid-template-columns:1fr 1fr}.story-panel h1{font-size:39px}.story-text{font-size:12px;min-height:100px}.notice-detail p{font-size:21px}.art-stage{padding:20px 15px 15px}.narration-card{margin-top:17px;padding-top:17px}.chapter-list button{padding:13px 10px;font-size:9px}.church-grid{gap:28px}.church-statement p{font-size:31px}.studio-grid{gap:20px}.script-sheet,.recording-panel{padding:25px 22px}.breadcrumb{font-size:8px;gap:10px}.pilot-label{font-size:7px}}
@media(max-width:860px){.sidebar{width:158px;padding:28px 11px 20px}.brand{gap:9px}.brand>span,.brand-alive{font-size:30px}.brand svg{width:28px;height:45px}.brand small{font-size:8px;letter-spacing:2px}.sidebar-rule{margin-top:30px}.small-label{font-size:7px;letter-spacing:1px}nav a{padding:12px 9px;font-size:10px;gap:9px}nav a svg{width:15px;height:15px}.sidebar-bottom{padding-left:9px;padding-right:9px}.sidebar-bottom>p{font-size:21px}.app-shell{margin-left:158px}.topbar{height:70px;padding:0 25px}.location{display:none}.view{padding:28px 25px}.page-heading{margin-bottom:25px}h1{font-size:42px}.intro{font-size:12px}.collection-count{display:none}.feature-content{padding:22px}.feature-content h2{font-size:48px}.overline{line-height:1.5;font-size:6px;gap:5px}.ukrainian{font-size:14px;margin-bottom:15px}.fine-rule{margin-bottom:15px}.card-summary{font-size:11px;margin-bottom:15px}.card-meta{gap:8px;margin-bottom:18px}.button{padding:12px;font-size:10px}.feature-art{padding:15px}.art-top,.art-bottom{font-size:6px;letter-spacing:1px}.below-card{gap:12px}.quiet-instruction{gap:8px}.quiet-instruction p{font-size:8px}.quiet-instruction strong{font-size:9px}.page-footer{font-size:8px}.explore-grid{grid-template-columns:1fr}.art-stage{max-width:520px;width:100%;margin:auto}.icon-wrap{max-width:350px}.story-panel{padding-top:5px}.story-text{min-height:0}.chapter-list{grid-template-columns:repeat(5,1fr)}.scanner-layout{grid-template-columns:1fr}.camera-stage{min-height:440px}.scan-info{display:grid;grid-template-columns:110px 1fr;gap:8px 23px;padding-top:0}.scan-info .eyebrow{grid-column:1/-1;margin-bottom:0}.scan-target{width:100px;grid-row:2/5}.scan-info>h2{font-size:29px;margin:0}.scan-info>p:not(.eyebrow){margin-bottom:0}.scan-info .button,.scan-alternative,.privacy{grid-column:1/-1}.church-grid,.studio-grid{grid-template-columns:1fr}.church-statement{padding:40px}.church-statement p{max-width:400px;font-size:37px}.church-copy{padding:0}.parish-voice{flex-direction:column;align-items:flex-start}.church-copy h2{font-size:37px}.studio-grid{gap:28px}.script-actions{flex-direction:row}.script-actions .text-link{font-size:10px}.explore-heading .eyebrow{display:none}}
@media(max-width:620px){.sidebar{width:100%;height:64px;inset:auto 0 0;padding:0 10px;background:#080808f7;border-right:0;border-top:1px solid #2c2823;backdrop-filter:blur(15px);padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom))}.sidebar>.brand,.sidebar-rule,.small-label,.sidebar-bottom{display:none}nav{flex-direction:row;height:64px;align-items:center;justify-content:space-around;gap:5px}nav a{width:33%;flex-direction:column;justify-content:center;gap:4px;padding:7px 2px;font-size:8px;line-height:1.5;border-radius:0;color:#b9ab97}nav a svg{width:20px;height:20px}nav a.active{background:transparent;color:var(--plum)}nav a.active .nav-dot{display:none}.app-shell{margin-left:0;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.topbar{height:71px;padding:0 22px}.breadcrumb{display:none}.mobile-brand{display:block;font-family:var(--serif);font-size:27px;letter-spacing:-.5px;line-height:1}.mobile-brand span{display:block;font-family:var(--sans);font-size:7px;letter-spacing:2.5px;margin-top:6px}.pilot-label{font-size:6.5px;letter-spacing:.9px}.view{padding:28px 20px 25px}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:13px}h1{font-size:43px;line-height:1.03;letter-spacing:-1px}.page-heading{margin-bottom:25px}.page-heading h1{max-width:310px}.intro{font-size:11px;line-height:1.9}.feature-card{grid-template-columns:1fr}.feature-art{padding:18px 25px 16px}.art-top,.art-bottom{font-size:6px;letter-spacing:1.3px}.art-top{padding-bottom:18px}.art-bottom{padding-top:18px}.art-link{max-width:268px}.feature-content{padding:26px 26px 24px}.overline{font-size:7px;letter-spacing:1.2px}.feature-content h2{font-size:56px;margin:18px 0 12px}.feature-content h2 br{display:none}.ukrainian{font-size:16px;margin-bottom:19px}.card-summary{font-size:12px;margin-bottom:20px}.card-meta{font-size:10px;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin-bottom:22px}.button{min-height:48px;padding:15px;font-size:11px}.camera-note{font-size:9px}.below-card{grid-template-columns:1fr;gap:19px;padding:24px 5px}.quiet-instruction{gap:18px}.step-number{font-size:27px;width:25px}.quiet-instruction p{font-size:10px}.quiet-instruction strong{font-size:11px}.page-footer{font-size:9px;line-height:1.8;gap:15px}.page-footer>span{max-width:215px}.page-footer a{white-space:nowrap}.explore-heading{margin-bottom:20px}.explore-heading .text-link{font-size:10px}.explore-grid{gap:20px}.art-stage{padding:20px 19px 14px}.icon-wrap{max-width:330px}.stage-caption{font-size:7px}.text-link.light{font-size:8px}.story-panel h1{font-size:42px}.story-text{font-size:14px;line-height:1.9}.notice-detail p{font-size:25px}.source-line{font-size:9px}.narration-card h3{font-size:13px}.narration-card p{font-size:11px}.narration-card .text-link{font-size:11px}.chapter-list{grid-template-columns:1fr;gap:0}.chapter-list button{flex-direction:row;align-items:center;gap:18px;font-size:11px;padding:12px 18px;border-bottom:1px solid var(--rule);border-right:0}.chapter-list button:last-child{border-bottom:0}.chapter-list button span{font-size:22px}.detail-footer{flex-wrap:wrap;font-size:9px;gap:12px}.detail-footer>span{width:100%}.camera-stage{min-height:430px}.scan-info{gap:10px 20px}.scan-info>h2{font-size:28px}.scan-info>p:not(.eyebrow){font-size:11px}.scan-target{width:90px}.scan-info .eyebrow{margin-bottom:7px}.privacy{font-size:10px!important}.church-intro{font-size:14px}.church-grid{gap:27px;margin-top:28px}.church-statement{padding:37px 23px}.church-statement p{font-size:34px}.church-copy h2{font-size:40px}.church-copy p{font-size:13px}.timeline{grid-template-columns:1fr}.timeline>div{display:grid;grid-template-columns:85px 1fr;gap:0 15px;padding:22px 0;border-bottom:1px solid var(--rule)}.timeline>div>span{grid-row:1/3}.timeline h3{font-size:12px;margin-top:0}.timeline p{max-width:none;margin:0}.parish-voice{border-top:0;padding-top:32px}.parish-voice h2{font-size:35px}.small-print{font-size:10px}.script-sheet{padding:26px 22px}.script-head{font-size:7px}.script-actions{flex-direction:column}.script-sheet #narration-script p{font-size:15px}.priest-prompts{padding:27px 2px}.sources-view p,.sources-view li{font-size:12px}.sources-view h1{font-size:40px}dialog{padding:30px 24px}dialog h2{font-size:39px}#toast{left:50%;bottom:90px;min-width:240px;font-size:11px}.upload-audio{min-height:47px}.text-link{min-height:30px;display:inline-flex;align-items:center}.scan-alternative{display:block}.text-link.light{min-height:20px}.explore-heading>.text-link{display:block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.feature-card>*{min-width:0}.art-top,.art-bottom{flex-wrap:wrap}img{max-width:100%}@media(max-width:620px){.feature-content h2{font-size:50px}.feature-card{grid-template-columns:minmax(0,1fr)}.feature-art{padding-left:20px;padding-right:20px}.view,.app-shell{min-width:0}.feature-content{padding-left:24px;padding-right:24px}}@media(max-width:360px){.feature-content h2{font-size:44px}.view{padding-left:16px;padding-right:16px}.card-meta{flex-direction:column}}

/* Black surfaces and warm, legible accents throughout the experience. */
.feature-art{background:#050505;background-image:none}.art-link{box-shadow:0 16px 32px #000000aa}.hotspot.active{background:#573440;color:#fff7e9}.church-statement{background:#0b0b0b;border:1px solid var(--rule)}.art-open{border:1px solid #705c3d}.narration-icon{color:var(--gold)}#toast{color:var(--ink)}@media(max-width:620px){nav a.active{color:var(--gold)}}

/* A quiet, artwork-led entrance to the St. Elias experience. */
.brand>span,.brand-alive{font-weight:550;letter-spacing:-1.5px}.brand small{font-weight:500}.sidebar-bottom>p{font-size:20px;line-height:1.5;font-weight:400}.mobile-brand{font-weight:550}.feature-content h2{font-size:clamp(35px,4vw,62px);line-height:1.05;letter-spacing:-2px}.notice-detail p{font-size:20px;line-height:1.45}.button{border-radius:6px;font-weight:600}.sound-toggle{border:1px solid var(--rule);border-radius:50px;background:transparent;color:var(--muted);padding:8px 12px;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px}.sound-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}.sound-toggle:hover{border-color:var(--gold);color:var(--gold)}
.is-welcome .sidebar,.is-welcome .topbar{display:none}.is-welcome .app-shell{margin:0;padding:0}.is-welcome main{max-width:none}.welcome{position:relative;min-height:100svh;overflow:hidden;padding:0;background:#000;isolation:isolate;display:flex;align-items:center}.welcome-art{position:absolute;z-index:-2;right:-5%;top:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:right center}.welcome-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000 0%,#000d 19%,#0003 40%,transparent 56%)}.welcome-top,.welcome-bottom{position:absolute;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between}.welcome-top{top:34px;font-size:10px;letter-spacing:1.4px;color:#b9ad96}.welcome-series{font-weight:650;letter-spacing:3px}.welcome-top a span{margin-left:10px}.welcome-top a:hover{color:var(--ink)}.welcome-content{width:410px;max-width:46%;margin:105px 0 105px 8%;position:relative}.welcome-location{display:flex;align-items:center;gap:10px;color:#c7ac7e;font-size:9px;font-weight:600;letter-spacing:2.4px;margin-bottom:25px}.welcome-location>span{width:5px;height:5px;background:#c7ac7e;border-radius:50%}.welcome h1{font-family:var(--serif);font-weight:550;font-size:clamp(72px,7.5vw,115px);letter-spacing:-5px;line-height:.85;margin:0 0 23px;color:#f6f2e9}.welcome h1 span{display:block;color:#cbb184;margin-top:9px}.welcome-parish{font-size:14px;letter-spacing:7px;font-weight:500;margin:0 0 30px 5px;color:#e2d6c3}.welcome-invitation>p{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:-.5px;margin-bottom:7px}.welcome-invitation>span{font-size:12px;color:#b3aa9b;line-height:1.8;display:block}.welcome-actions{display:flex;flex-direction:column;gap:10px;margin-top:27px;max-width:325px}.welcome-actions .button{justify-content:flex-start;font-size:12px;min-height:53px;padding:15px 19px;letter-spacing:.1px}.welcome-primary{background:#d3b784;color:#15110c;border-color:#d3b784}.welcome-primary:hover{background:#e4cda3}.welcome-secondary{background:#0a0908d9;color:#e5d6bc;border-color:#6a573b}.welcome-secondary:hover{background:#211c14}.welcome-actions .button svg{width:19px;height:19px}.welcome-explore{font-size:11px;color:#bfb4a0;align-self:center;padding:9px 12px}.welcome-explore span{margin-left:12px;color:#c7ac7e}.welcome-explore:hover{color:#fff}.welcome-privacy{font-size:9px;line-height:1.8;color:#938a7c;margin:13px 0 0;max-width:325px;text-align:center}.welcome-bottom{bottom:28px;font-size:8px;letter-spacing:2px;color:#8f8473}.welcome-bottom .rodyna{font-size:10px;color:#ded5c6}.is-welcome #toast{left:50%}
@media(min-width:1500px){.welcome-content{margin-left:10%;width:440px}.welcome-art{right:-2%;}.welcome h1{font-size:125px}.feature-content h2{font-size:65px}}
@media(max-width:1150px){.welcome-art{right:-13%;width:110%}.welcome-content{margin-left:6%;max-width:45%}.welcome h1{font-size:88px}.feature-content h2{font-size:43px}}
@media(max-width:860px){.welcome-content{max-width:47%;margin-left:6%}.welcome h1{font-size:76px}.welcome-art{right:-25%;width:124%}.welcome-shade{background:linear-gradient(90deg,#000 0%,#000b 25%,#0003 65%,transparent)}.welcome-top,.welcome-bottom{left:6%;right:6%}.feature-content h2{font-size:35px}.sound-toggle{padding:7px 9px;font-size:9px}.topbar{gap:10px}}
@media(max-width:620px){.welcome{min-height:850px;min-height:max(850px,100svh);display:block}.welcome-top{top:23px;font-size:8px;letter-spacing:.5px}.welcome-series{letter-spacing:1.8px}.welcome-top a span{margin-left:5px}.welcome-content{width:auto;max-width:none;margin:0;padding:76px 25px 85px;text-align:center}.welcome-location{justify-content:center;font-size:8px;letter-spacing:1.8px;margin:0 0 19px}.welcome h1{font-size:76px;letter-spacing:-3.5px;line-height:.87;margin:0}.welcome h1 span{display:inline;margin:0 0 0 10px}.welcome h1{font-size:clamp(37px,11.5vw,68px);white-space:nowrap}.welcome-parish{font-size:12px;letter-spacing:6px;margin:15px 0 0 6px}.welcome-art{top:190px;right:-12%;width:134%;height:330px;object-fit:contain;object-position:center}.welcome-shade{background:linear-gradient(180deg,transparent 43%,#0000 54%,#000 62%);pointer-events:none}.welcome-invitation{margin-top:325px}.welcome-invitation>p{font-size:25px;margin-bottom:5px}.welcome-invitation>span{font-size:11px;line-height:1.8}.welcome-invitation>span br{display:none}.welcome-actions{margin:23px auto 0;max-width:350px;gap:10px}.welcome-actions .button{font-size:12px;min-height:52px}.welcome-explore{padding:8px 12px}.welcome-privacy{margin:9px auto 0;font-size:8px;max-width:none}.welcome-bottom{bottom:23px;font-size:7px;letter-spacing:1.4px}.welcome-bottom .rodyna{font-size:9px}.feature-content h2{font-size:clamp(34px,9.8vw,52px);letter-spacing:-1.8px}.page-heading h1{font-size:39px}.story-panel h1{font-size:38px}.notice-detail p{font-size:21px}.sound-toggle span{font-size:9px}.mobile-brand{font-size:25px}.topbar{padding-left:20px;padding-right:20px}}
@media(max-width:360px){.welcome-content{padding-left:20px;padding-right:20px}.welcome-art{top:190px;height:300px}.welcome-invitation{margin-top:300px}.welcome{min-height:max(820px,100svh)}.welcome-parish{font-size:11px}.feature-content h2{font-size:32px}}
@media(max-width:620px){.welcome{min-height:max(800px,100svh)}.welcome-art{top:180px;right:-2%;height:300px}.welcome-invitation{margin-top:285px}.welcome-content{padding-bottom:75px}}
@media(max-width:360px){.welcome-art{top:174px;height:270px}.welcome-invitation{margin-top:260px}.welcome{min-height:max(780px,100svh)}}
/* Video overlay and a camera-free view of the supplied animation. */
.card-story-link{align-self:center;margin:5px auto 13px;display:flex;gap:12px;align-items:center}.story-animation-link{margin-top:10px}.ar-video-source{position:fixed;left:0;bottom:0;width:1px;height:1px;opacity:.001;pointer-events:none}.camera-stage.has-target .scan-corners{opacity:0}.scan-corners{transition:opacity .4s}.ar-badge{position:absolute;top:20px;left:20px;z-index:9;display:flex;align-items:center;gap:8px;background:#17130ed9;border:1px solid #9b8054;border-radius:50px;padding:9px 12px;color:#ead8b4;font-size:8px;letter-spacing:1.3px}.ar-badge span{height:5px;width:5px;border-radius:50%;background:#d5b47a}.ar-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;grid-column:1/-1}.ar-controls .button{font-size:10px}.ar-tap-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;min-width:200px}.ar-tap-play:hover{transform:translate(-50%,-50%)}.camera-stage{border:1px solid #2c2823;min-width:0}.animation-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:45px;align-items:center}.animation-stage{background:#050505;border:1px solid var(--rule);display:grid;place-items:center;min-width:0;padding:18px}.animation-stage video{display:block;width:100%;height:auto;max-height:76vh;object-fit:contain;background:#000}.animation-copy h1{font-size:clamp(38px,4.1vw,61px);line-height:1.05}.animation-copy>p:not(.eyebrow):not(.small-print):not(.playback-status){font-size:13px;line-height:1.9;color:var(--muted)}.animation-meta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.animation-meta span{font-size:9px;padding:5px 10px;border:1px solid #463b2b;border-radius:30px;color:#d5bd97}.playback-status{font-size:10px;color:var(--gold);min-height:18px}.animation-copy .button{width:100%;margin-bottom:10px}.animation-copy>.text-link{display:block;margin:15px 0;text-align:left}.animation-copy .small-print{border-top:1px solid var(--rule);padding-top:18px}.scan-info>.button.secondary{margin-top:10px}.scan-info .ar-controls .button{margin-top:10px}#camera-container>div{pointer-events:none}
@media(max-width:860px){.animation-grid{grid-template-columns:1fr;gap:25px}.animation-stage{max-width:560px;margin:auto;width:100%}.animation-copy h1{font-size:40px}.animation-copy h1 br{display:none}.scan-info>.button{grid-column:1/-1}.scan-info .ar-controls{margin-top:6px}.animation-copy{max-width:560px;margin:auto;width:100%}}
@media(max-width:620px){.animation-stage{padding:10px}.animation-stage video{max-height:65vh}.animation-copy h1{font-size:35px}.animation-grid{gap:22px}.camera-stage{min-height:490px}.ar-badge{top:13px;left:13px;font-size:7px}.scan-status{left:12px;right:12px;bottom:16px}.animation-copy>p:not(.eyebrow):not(.small-print):not(.playback-status){font-size:12px}}

/* Language, optional soundtrack, and touch-friendly icon explanations. */
html[lang=uk]{--serif:'Manrope',Arial,sans-serif}html[lang=uk] h1,html[lang=uk] h2{letter-spacing:-1px;line-height:1.14}html[lang=uk] .welcome h1{font-family:'Outfit',sans-serif;line-height:.85}html[lang=uk] .feature-content h2{font-size:clamp(31px,3.5vw,50px);overflow-wrap:normal}.header-tools{display:flex;align-items:center;gap:14px}.language-switch{display:inline-flex;gap:3px;padding:3px;border:1px solid #4e4131;border-radius:24px;background:#080808cc;flex-shrink:0}.language-switch button{border:0;color:#b9ad96;background:transparent;border-radius:20px;padding:7px 11px;font-size:10px;line-height:1.4}.language-switch button[aria-pressed=true]{background:#d4ba8a;color:#16120c}.welcome-top{gap:15px}.welcome-top .language-switch{margin-left:auto}.marker-layer{position:absolute;inset:0;pointer-events:none;z-index:10}.detail-marker{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border:0;border-radius:50%;color:#fff8e8;background:transparent;display:grid;place-items:center;font-size:10px;font-weight:700;pointer-events:auto;text-shadow:0 1px 4px #000;isolation:isolate}.detail-marker:before{content:'';position:absolute;inset:6px;border:1px solid #e5c98f;border-radius:50%;background:#1e150edb;box-shadow:0 2px 12px #0008;z-index:-1}.detail-marker:hover:before,.detail-marker:focus-visible:before{background:#704d2f;border-color:#fff1c3}.animation-frame{position:relative;width:100%;max-width:calc(76vh * 894 / 1068)}.animation-frame video{width:100%;height:auto;max-height:none}.marker-hint{font-size:10px;color:#c4af8e;margin:14px 0 0;text-align:center;line-height:1.6}.scan-info .marker-hint{grid-column:1/-1}.animation-stage{align-self:start}.detail-overview{display:flex;justify-content:space-between}.detail-overview>span{font-size:23px;font-weight:400;line-height:1}.music-panel{position:fixed;bottom:18px;left:calc(225px + 50% - 112.5px);transform:translateX(-50%);z-index:35;display:flex;align-items:center;gap:14px;background:#0e0d0bf2;box-shadow:0 8px 32px #0007;border:1px solid #564631;border-radius:12px;padding:12px 18px;max-width:calc(100% - 270px);backdrop-filter:blur(12px)}.music-panel>button{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid #8f744e;background:#1d1811;color:#e4c997;flex-shrink:0}.music-panel>button svg{width:18px;height:18px}.music-panel>div{display:flex;flex-direction:column;min-width:160px}.music-caption{font-size:7px;letter-spacing:1.4px;color:#baa27e}.music-panel strong{font-size:12px;font-weight:500}.music-panel #music-status{font-size:8px;color:var(--muted)}.music-panel>label{font-size:9px;color:var(--muted);margin-left:8px}.music-panel input{width:75px;accent-color:#c8ab78}.view:not(.welcome){padding-bottom:140px}#icon-detail-dialog{color:var(--ink);background:#0d0c0a;border:1px solid #756042;border-radius:16px;padding:44px;width:min(570px,calc(100vw - 32px));max-height:85svh;overflow-y:auto;box-shadow:0 32px 100px #000b}#icon-detail-dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}#icon-detail-dialog h2{font-size:37px;max-width:90%;margin-bottom:24px}#icon-detail-dialog .eyebrow{color:var(--gold);padding-right:28px}#detail-text p{font-size:14px;line-height:1.9;color:#d0c8bb}#detail-notice-wrap{margin-top:25px}#detail-notice{font-size:19px}#detail-source{font-size:10px;margin-top:20px}.detail-close{position:absolute;right:17px;top:13px;border:1px solid #514332;border-radius:50%;width:36px;height:36px;background:transparent;color:#e6d6b8;font-size:24px;line-height:1}.detail-choices{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:22px;margin-top:25px}.detail-choices button{min-width:38px;min-height:38px;padding:7px 10px;border-radius:30px;border:1px solid #54452f;background:transparent;color:#bfb3a0;font-size:11px}.detail-choices button[aria-pressed=true]{background:#d1b581;color:#1b150b;border-color:#d1b581}.detail-navigation{display:flex;justify-content:space-between;margin-top:22px}.detail-navigation button{padding:8px 0;min-height:44px}.detail-navigation button:disabled{cursor:default;opacity:.3}html[lang=uk] .animation-copy h1{font-size:clamp(33px,3.8vw,53px)}
@media(max-width:860px){.music-panel{left:50%;max-width:calc(100% - 36px)}.animation-frame{max-width:calc(65vh * 894 / 1068)}.header-tools{gap:8px}.breadcrumb{font-size:8px}}
@media(max-width:620px){.topbar{padding:14px 16px;flex-wrap:wrap;gap:8px}.header-tools{margin-left:auto;gap:7px}.language-switch button{padding:6px 9px;font-size:9px}.sound-toggle{padding:7px}.sound-toggle span{font-size:8px}.mobile-brand{font-size:22px}.mobile-brand span{font-size:6px}.welcome-top .language-switch{position:absolute;left:50%;top:31px;transform:translateX(-50%);margin:0}.welcome-top .language-switch button{font-size:9px;padding:7px 12px}.welcome-content{padding-top:112px}.welcome-art{top:216px}.welcome-invitation{margin-top:285px}.welcome{min-height:max(850px,100svh)}.music-panel{bottom:calc(76px + env(safe-area-inset-bottom));gap:10px;width:calc(100% - 28px);max-width:420px;padding:10px 13px}.music-panel>div{min-width:0;flex:1}.music-panel>label{display:none}.music-panel input{width:64px}.music-panel #music-status{font-size:7px}.view:not(.welcome){padding-bottom:185px}#icon-detail-dialog{padding:40px 24px 24px;max-height:82svh;border-radius:16px}#icon-detail-dialog h2{font-size:30px}#detail-text p{font-size:13px}#detail-notice{font-size:17px}html[lang=uk] .page-heading h1{font-size:34px}html[lang=uk] .feature-content h2{font-size:33px}html[lang=uk] .story-panel h1{font-size:34px}.animation-copy h1{font-size:35px}html[lang=uk] .animation-copy h1{font-size:33px}.ar-controls{grid-template-columns:1fr}.scan-info .button{white-space:normal}.welcome-bottom{bottom:22px}}
@media(prefers-reduced-motion:reduce){.detail-marker,.detail-marker:before{transition:none}}

.camera-cover #start-camera{pointer-events:auto;width:auto;max-width:calc(100% - 40px);margin-top:20px;padding:15px 24px}.camera-cover{padding-bottom:45px}.scan-info .detail-overview{grid-column:1/-1}html[lang=uk] .feature-content .ukrainian{display:none}