:root{--ink:#182a27;--muted:#65716c;--paper:#f7f7f2;--line:#d9dfd7;--green:#a7cc64;--forest:0;--river-shift:0px;--forest-shift:0px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#172c25;overflow-x:hidden}body.is-loading,body.modal-open{overflow:hidden}button,a,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%;object-fit:cover}button{border:0}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d2a642;outline-offset:6px}button[hidden],[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.065em;font-weight:560;line-height:1.04}em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.07em}h2{font-size:clamp(42px,5.5vw,82px)}p{line-height:1.7}main{position:relative;z-index:1}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:16px;border-radius:8px}.skip:focus{top:20px}.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;height:88px;padding:0 max(6vw,24px);display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(#0b18165c,transparent);transition:color .4s,background .4s;isolation:isolate}.site-header.on-light{color:var(--ink);background:#f7f7f2e8;backdrop-filter:blur(18px);box-shadow:0 1px 0 #182a2710}.brand{font-size:29px;font-weight:670;letter-spacing:-2px}.header-actions{display:flex;align-items:center;gap:24px}.language{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1px}.language button{padding:12px 0;background:none;color:inherit;opacity:.65;font-size:12px;font-weight:650;letter-spacing:1px}.language button[aria-pressed=true]{opacity:1;border-bottom:1px solid currentColor}.language span{opacity:.3}.motion-toggle{background:none;border:1px solid #ffffff40;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:inherit}.on-light .motion-toggle{border-color:#182a2730}.motion-toggle svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.35}.motion-toggle[aria-pressed=true]{background:#ffffff25}.landscape{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.landscape-photo{position:absolute;inset:-6% 0;background-size:cover;background-position:center;will-change:transform,opacity}.river{background-image:url('media/stream.jpg');transform:translateY(var(--river-shift)) scale(1.04)}.forest{background-image:url('media/woodland.jpg');opacity:var(--forest);transform:translateY(var(--forest-shift)) scale(1.05)}.landscape-shade{position:absolute;inset:0;background:linear-gradient(110deg,#091b27b3 0%,#07191d66 60%,#091c2526),linear-gradient(0deg,#0819157a,transparent 45%)}.scenic{color:white;text-shadow:0 3px 25px #00160edd}.scenic .eyebrow{color:white}.scenic p,.scenic a{color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:650;line-height:1.6}.tiny{font-size:12px;color:var(--muted)}.hero{min-height:100svh;display:flex;align-items:center;padding:140px 9vw 150px;position:relative}.hero-copy{max-width:1100px}.hero .eyebrow{margin-bottom:30px}.hero h1{font-size:clamp(65px,8.8vw,134px);letter-spacing:-.06em}.hero h1 em{letter-spacing:-.065em}.hero-sub{margin-top:32px;font-size:clamp(15px,1.4vw,20px);font-weight:400}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:100px;padding:18px 26px;font-size:12px;font-weight:600;line-height:1.25;text-shadow:none;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.glass-button{margin-top:38px;color:white;background:#ffffff17;border:1px solid #ffffff75;backdrop-filter:blur(14px)}.glass-button:hover{background:#ffffff30}.dark-button{color:#fff;background:var(--ink)}.dark-button:hover{background:#28453a}.hero-bottom{position:absolute;bottom:37px;left:6vw;right:6vw;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.06em}.scroll-prompt{display:flex;align-items:center;gap:13px}.scroll-prompt i{height:34px;width:1px;background:#ffffff5f;overflow:hidden;position:relative}.scroll-prompt i:after{content:"";position:absolute;width:1px;height:13px;background:#fff;animation:scroll-line 2.5s infinite}@keyframes scroll-line{from{transform:translateY(-16px)}to{transform:translateY(42px)}}.light-section{background:var(--paper);padding:100px max(9vw,24px);position:relative;color:var(--ink);text-shadow:none}.section-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:21px;margin-bottom:80px;gap:20px}.story{border-radius:24px 24px 0 0;padding-bottom:140px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;align-items:center;max-width:1420px;margin:auto}.story-copy{max-width:460px}.story-copy p,.music-copy p{margin-top:32px;max-width:410px;font-size:15px;color:#53625b}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;font-weight:600;padding:12px 0;border-bottom:1px solid currentColor}.story-copy .text-link{margin-top:23px}.image-button{position:relative;display:block;background:#d8ddd4;padding:0;overflow:hidden;width:100%;cursor:zoom-in;box-shadow:0 24px 55px #0b24151a;transition:transform .6s,box-shadow .6s}.image-button img{width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1);object-fit:cover}.image-button:hover img{transform:scale(1.045)}.story-main{height:540px;border-radius:8px}.story-small{width:87%;height:320px;margin-top:60px;border-radius:8px}.story-aside{padding:70px 16% 0 8%;align-self:start;font-size:23px;line-height:1.5;max-width:440px}.small-mark{font-size:36px;color:#567638;display:block;margin-bottom:23px}.quiet-scene{min-height:115vh;padding:150px 9vw 100px;position:relative}.quiet-copy{max-width:1000px}.quiet-copy .eyebrow{margin-bottom:29px}.quiet-copy h2{font-size:clamp(42px,6.4vw,96px)}.quiet-copy p{max-width:375px;margin-top:34px;font-size:16px}.quiet-copy .text-link{margin-top:26px}.quiet-photos{display:flex;justify-content:flex-end;align-items:flex-end;gap:28px;margin-top:75px}.quiet-photos .image-button{width:31%;height:275px;box-shadow:0 22px 60px #061b2155;border:6px solid #f6f6ed;border-radius:3px;transform:rotate(-3deg)}.quiet-photos .image-button:nth-child(2){width:26%;height:235px;transform:translateY(24px) rotate(3deg)}.faith{padding-top:100px;padding-bottom:75px;border-radius:24px 24px 0 0}.faith-heading{text-align:center;max-width:800px;margin:0 auto 45px}.faith-heading p{max-width:450px;margin:28px auto 0;color:#627069;font-size:14px}.object-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1330px;margin:auto}.object-card{min-width:0}.object-view{width:100%;height:490px;background:radial-gradient(ellipse at 50% 58%,#eeede6 0%,#f4f3ed 50%,#f7f7f2 80%);position:relative;border-radius:24px;display:block;overflow:hidden}.object-view canvas{width:100%;height:100%;display:block;position:relative;z-index:2;transition:filter .35s}.object-view:hover canvas{filter:brightness(1.07)}.object-touch{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;border:1px solid #cdd4c7;display:grid;place-items:center;transition:background .3s;z-index:3;font-size:20px}.object-view:hover .object-touch{background:white}.object-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:210px;color:#7f563a;z-index:1}.object-view.ready .object-fallback{display:none}.object-caption{padding:25px 15px}.object-caption>div{display:flex;align-items:center;gap:12px}.object-number{font-size:12px;color:#6e7a72;border:1px solid #cbd3c7;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.object-caption h3{font-size:20px;font-weight:500;letter-spacing:-.03em}.object-caption p{margin:10px 0 0 40px;font-size:12px;color:#59685f}.interaction-note{text-align:center;font-size:12px;color:#6d7a71;margin:25px auto 0}.music{padding-top:40px;padding-bottom:140px}.music-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:13%;align-items:center}.music-images{height:620px;position:relative}.music-main{height:480px;width:88%;border-radius:8px}.music-detail{height:280px;width:48%;position:absolute;bottom:0;right:0;border:7px solid var(--paper);border-radius:5px}.music-copy h2 em{font-size:1.2em}.music-copy .button{margin-top:35px}.play-icon{font-size:24px;line-height:.5}.together{padding:125px 9vw 140px;position:relative;min-height:110vh}.together .eyebrow{margin-bottom:30px}.together-title{position:relative;z-index:1}.together-images{display:grid;grid-template-columns:1.4fr .8fr;gap:50px;align-items:end;margin-top:65px}.together-images .image-button{height:440px;border:7px solid var(--paper);border-radius:3px;transform:rotate(-2deg)}.together-images .image-button:last-child{height:290px;transform:translateY(35px) rotate(3deg)}.contact{text-align:center;border-radius:24px 24px 0 0;padding-top:115px;padding-bottom:115px}.contact h2{max-width:670px;margin:30px auto;font-size:clamp(46px,6vw,84px)}.email{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #83977f;padding:12px 0;font-size:clamp(17px,2vw,27px);letter-spacing:-.035em}.socials{display:flex;justify-content:center;gap:38px;margin-top:55px;font-size:12px}.socials a{display:flex;gap:12px}.socials a:hover,.text-link:hover{opacity:.65}footer{position:relative;background:var(--paper);z-index:1;padding:30px 6vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;color:#59685f;gap:25px}footer .brand{font-size:24px;color:var(--ink)}.edge-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(32px);transition:opacity 1s,transform 1s cubic-bezier(.2,.7,.2,1)}.js-ready .reveal.visible{opacity:1;transform:none}.loader{position:fixed;inset:0;background:#111e1a;z-index:100;color:#fafcf7;display:grid;place-items:center;transition:opacity .75s,visibility .75s}.loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{width:min(330px,76vw)}.loader-brand{display:block;font-size:55px;letter-spacing:-4px;font-weight:600;margin-bottom:35px}.loader p{font-size:15px;color:#dbe3d7}.load-line{height:1px;background:#ffffff25;margin-top:42px;overflow:hidden}.load-line span{display:block;height:100%;background:#b9d79b;width:0%;transition:width .25s}.load-meta{font-size:12px;color:#b1c2b2;display:flex;justify-content:space-between;gap:10px;margin-top:15px;font-variant-numeric:tabular-nums}.quiet{background:none;color:inherit;font-size:12px;padding:10px 0;border-bottom:1px solid #ffffff50;margin-top:20px}.noscript-note{background:white;padding:20px}.verse-dialog{width:min(670px,calc(100% - 32px));padding:70px;border:1px solid #d6ddcf;border-radius:22px;background:#f7f7ef;color:var(--ink);text-align:center;box-shadow:0 40px 100px #0007}dialog::backdrop{background:#071310c9;backdrop-filter:blur(15px)}.close{border:1px solid #ffffff30;position:absolute;right:20px;top:20px;border-radius:50%;width:38px;height:38px;font-size:24px;display:grid;place-items:center;background:#ffffff16;color:inherit;z-index:5;line-height:1}.verse-dialog .close{border-color:#233d2430;background:none}.verse-symbol{display:block;font-family:Georgia,serif;font-size:46px;color:#78532e;margin-bottom:25px}.verse-dialog blockquote{font-size:clamp(25px,3vw,36px);font-family:Georgia,serif;line-height:1.4;letter-spacing:-.025em;margin:30px 0}.verse-dialog .text-link{font-size:12px}.rosary-dialog{padding:0;width:calc(100% - 52px);max-width:1450px;height:calc(100svh - 52px);max-height:1000px;background:#0e1716;border:1px solid #77857b50;border-radius:20px;overflow:hidden;color:white;box-shadow:0 40px 120px #000c}.rosary-dialog::backdrop{background:#030a08ed;backdrop-filter:blur(22px)}.rosary-dialog iframe{width:100%;height:100%;border:0}.guide-close{background:#1d2b26;right:18px;top:18px}.lightbox{max-width:none;max-height:none;inset:0;width:100%;height:100svh;border:0;padding:40px 65px;background:#081410ee;color:white}.lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox img{max-width:100%;max-height:90svh;width:auto;height:auto;object-fit:contain;box-shadow:0 20px 90px #0008}.photo-nav{position:absolute;top:50%;width:42px;height:55px;background:#ffffff18;color:white;border-radius:8px;font-size:35px}.photo-nav.prev{left:10px}.photo-nav.next{right:10px}
@media(min-width:1700px){.hero-copy{margin-left:5%}.light-section{padding-left:max(10vw,calc((100vw - 1380px)/2));padding-right:max(10vw,calc((100vw - 1380px)/2))}}
@media(max-width:1000px){.story-main{height:430px}.story-small{height:280px}.story-aside{padding:50px 4% 0;font-size:20px}.quiet-photos .image-button{width:39%;height:240px}.quiet-photos .image-button:nth-child(2){width:32%;height:190px}.object-view{height:410px}.music-grid{gap:8%}.music-images{height:480px}.music-main{height:380px}.music-detail{height:230px}.together-images{gap:30px}.together-images .image-button{height:340px}.together-images .image-button:last-child{height:240px}}
@media(max-width:700px){.site-header{height:70px;padding:0 23px}.brand{font-size:26px}.header-actions{gap:15px}.hero{padding:140px 7vw;min-height:94svh}.hero h1{font-size:clamp(52px,12vw,85px);line-height:1.08}.hero .eyebrow{font-size:12px;letter-spacing:.15em}.hero-sub{font-size:14px;max-width:240px;line-height:1.7;margin-top:27px}.hero-bottom{left:7vw;right:7vw;font-size:12px;bottom:27px}.hero-bottom>span:first-child{display:none}.hero-bottom .scroll-prompt{order:-1}.light-section{padding:70px 7vw}.section-top{margin-bottom:48px;align-items:start}.section-top .tiny{max-width:120px;text-align:right;font-size:12px}.eyebrow{font-size:12px}.story-grid{display:flex;flex-direction:column;align-items:stretch;gap:32px}.story-copy{max-width:none}.story-copy h2{max-width:370px}.story-copy p{font-size:14px;margin-top:26px}.story-main{height:380px;margin-top:13px;width:90%;align-self:flex-end}.story-small{height:250px;width:80%;margin-top:0}.story-aside{padding:0 8%;font-size:20px;align-self:flex-end;max-width:300px}.small-mark{margin-bottom:14px}.quiet-scene{padding:110px 7vw 80px;min-height:auto}.quiet-copy h2{font-size:47px}.quiet-copy p{font-size:14px;max-width:280px}.quiet-photos{margin-top:50px;gap:16px}.quiet-photos .image-button{width:54%;height:180px;border-width:4px}.quiet-photos .image-button:nth-child(2){width:42%;height:155px}.faith-heading h2{font-size:42px}.faith-heading p{font-size:13px}.object-grid{grid-template-columns:1fr;gap:25px}.object-view{height:390px}.object-caption{padding:12px 8px}.object-caption p{font-size:12px}.interaction-note{font-size:12px;max-width:280px;line-height:1.7}.music{padding-top:10px}.music-grid{display:flex;flex-direction:column;gap:45px;align-items:stretch}.music-images{height:460px}.music-main{height:355px;width:89%}.music-detail{height:225px;width:45%}.music-copy{padding:0 7%}.music-copy h2{font-size:56px}.music-copy p{font-size:14px;margin-top:24px}.together{padding:85px 7vw 100px;min-height:auto}.together h2{font-size:47px}.together-images{grid-template-columns:1fr;gap:30px;margin-top:40px}.together-images .image-button{height:300px;width:94%}.together-images .image-button:last-child{height:220px;width:70%;justify-self:end;transform:rotate(3deg)}.contact{padding-top:75px;padding-bottom:70px}.contact h2{font-size:49px}.email{font-size:20px;gap:15px}.socials{gap:25px;font-size:12px;margin-top:38px}footer{padding:25px 7vw;flex-wrap:wrap;font-size:12px;gap:18px}footer>span{flex-basis:75%;text-align:right}footer>a:last-child{margin-left:auto}.edge-canvas{opacity:.65}.verse-dialog{padding:65px 28px 40px}.verse-dialog blockquote{font-size:28px}.rosary-dialog{width:100%;height:100svh;max-height:none;max-width:none;margin:0;border:0;border-radius:0}.lightbox{padding:55px 35px}.photo-nav{width:29px;height:45px}.photo-nav.prev{left:2px}.photo-nav.next{right:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}.landscape-photo{will-change:auto}}body.calm .scroll-prompt i:after{animation:none}body.calm .reveal{transition:none}
/* Comfortable reading sizes across both languages. */
.story-copy p,.music-copy p{font-size:16px}.button,.text-link,.socials{font-size:14px}.eyebrow{font-size:12px;letter-spacing:.13em}.object-caption p{font-size:14px}.object-number,.object-caption .object-number{font-size:12px}.interaction-note{font-size:12px}.loader-brand{animation:loader-breathe 2.8s ease-in-out infinite}@keyframes loader-breathe{50%{opacity:.5}}.motion-toggle{width:40px;height:40px}.language button{min-height:40px}.hero-bottom .scroll-prompt{font-size:12px}.site-header .language{font-size:12px}.site-header .language button{font-size:12px}
@media(max-width:700px){.hero .eyebrow{font-size:12px}.hero-bottom>span:last-child{font-size:12px}.story-copy p,.music-copy p{font-size:16px}.quiet-copy p{font-size:16px}.faith-heading p{font-size:16px}.section-top{gap:12px}.section-top .tiny{font-size:12px}.object-caption p{font-size:14px}.email{font-size:19px}.object-caption h3{font-size:22px}.story-main{height:350px}.quiet-photos .image-button{border-width:5px}.socials{gap:22px;font-size:14px}footer{font-size:12px;line-height:1.6}footer>span{flex-basis:68%}}
.object-photo{width:100%;height:100%;object-fit:contain;padding:20px 55px 50px;mix-blend-mode:multiply}.object-view.ready .object-photo{display:none}
/* Direct manipulation keeps taps, rotation and zoom separate. */
.object-view{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:box-shadow .22s,background .22s,transform .18s}.object-view.is-dragging{cursor:grabbing;box-shadow:inset 0 0 0 1px #72846755}.object-view.is-held{box-shadow:inset 0 0 0 1px #72846777}.object-view.is-tapped{animation:object-touch .36s ease-out}.object-view .object-photo{pointer-events:none;transform-origin:center 48%;will-change:transform}.object-view.is-dragging .object-touch{opacity:.25}.object-view .object-touch{transition:opacity .2s,background .2s,transform .2s}.object-view:hover .object-touch{transform:translateX(-50%) scale(1.06)}
.object-tools{display:flex;align-items:center;justify-content:center;gap:4px;width:max-content;max-width:100%;margin:8px auto 0;padding:4px;border:1px solid #d5ddcf;border-radius:100px;background:#ffffff80;box-shadow:0 4px 16px #182a2705}.object-tools button{min-width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:transparent;color:var(--ink);font-size:21px;transition:background .2s,transform .15s}.object-tools button:hover{background:#e5eade}.object-tools button:active{transform:scale(.9)}.object-tools button:disabled{opacity:.3}.object-tools output{font-size:12px;min-width:47px;text-align:center;font-variant-numeric:tabular-nums;color:#5e6d61}.object-tools .reset-object{font-size:12px;min-width:88px;border-left:1px solid #d5ddcf;border-radius:0 50px 50px 0;padding:0 16px;margin-left:3px}.object-caption{padding-top:23px}.verse-dialog[open],.rosary-dialog[open]{animation:dialog-arrive .27s cubic-bezier(.2,.7,.2,1)}dialog[open]::backdrop{animation:backdrop-arrive .27s ease-out}@keyframes dialog-arrive{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:none}}@keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}@keyframes object-touch{0%{transform:scale(1)}35%{transform:scale(.985);box-shadow:inset 0 0 0 2px #7a8d6655}100%{transform:scale(1)}}
@media(max-width:700px){.edge-canvas{opacity:1}.object-tools button{min-width:42px;height:42px}.object-tools .reset-object{min-width:90px}.interaction-note{max-width:320px;font-size:12px;line-height:1.8}}