/* Shared photographic skin. The home has its own composition; these rules
   carry its material into the film, writing and contact pages. */
.ritual-page{
 --ink:#090909;--paper:#d4d3cc;--muted:#b1b0aa;--rule:#bdbdb824;
 --blood:#70251c;--red-ink:#b0796d;--skin-position:56% 48%;
 --serif:Baskerville,'Baskerville Old Face','Times New Roman',serif;
 isolation:isolate;background:#090909;color:var(--paper);line-height:1.65;
}
.ritual-page::before{
 background-image:linear-gradient(90deg,#06060699 0%,#070707a8 27%,#0606065e 62%,#05050533 100%),linear-gradient(180deg,#0006,transparent 32%,#0007 100%),url('assets/soglia-reference.webp');
 background-position:center,center,var(--skin-position);background-size:cover;
 filter:none;opacity:1;
}
.ritual-page::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 49% 40%,transparent 5%,#0005 100%)}
.page-about{--skin-position:77% 45%}.page-contact{--skin-position:52% 53%}
.page-body{--skin-position:77% 45%}.page-memory{--skin-position:48% 38%}.page-nature{--skin-position:37% 50%}
.page-press{--skin-position:27% 50%}.kind-film{--skin-position:48% 38%}
.kind-note{--skin-position:69% 46%}.page-collaborate{--skin-position:37% 50%}
.ritual-spine{position:fixed;inset:0 auto 0 1.5vw;width:9vw;max-width:155px;height:100vh;z-index:0;pointer-events:none;opacity:.58;mix-blend-mode:multiply}
.ritual-spine svg{display:block;width:100%;height:100%;overflow:visible}
.ritual-spine path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.ritual-spine .stem-cut{stroke:#090100;stroke-width:4.5;opacity:.8}
.ritual-spine .stem-sap{stroke:#8e291e;stroke-width:1.65;stroke-dasharray:24 52 9 73;animation:ritual-flow 25s linear infinite}
.ritual-spine .stem-branches{stroke:#742015;stroke-width:1.4;stroke-dasharray:18 27 9 35;animation:ritual-flow 38s linear infinite;opacity:.8}
.ritual-spine .stem-sigil{stroke:#691c13;stroke-width:2.4;opacity:.8}
@keyframes ritual-flow{to{stroke-dashoffset:-650}}
.ritual-page header,.ritual-page main,.ritual-page footer{position:relative;z-index:1}
.ritual-page header{max-width:none;padding:23px 5.5vw 17px 12vw;border:0;align-items:flex-start;gap:22px}
.ritual-page header::after{content:'';position:absolute;left:12vw;right:5.5vw;bottom:0;height:1px;background:linear-gradient(90deg,#8d211756,transparent 50%,#73736b18)}
.ritual-page .brand{font-family:var(--hand);font-size:24px;text-transform:none;letter-spacing:.4px;line-height:1.15;color:#c1bfb7;text-shadow:0 1px 1px #000,-.4px -.4px 0 #eee3}
.ritual-page .brand small{font-family:var(--mono);font-size:8px;letter-spacing:1.3px;text-transform:uppercase;color:#a9a9a4;margin-top:10px}
.ritual-page nav{gap:24px;align-items:center;padding-top:3px}
.ritual-page nav a{font-family:var(--hand);font-size:22px;text-transform:none;letter-spacing:.25px;line-height:1.4;color:#b7b5ae;min-height:38px;padding:0 3px}
.ritual-page nav a:nth-child(2){transform:rotate(-3deg)}
.ritual-page nav a:nth-child(3){transform:rotate(2deg)}
.ritual-page nav a[aria-current='page']{color:#d4c6bf;border:0;text-decoration:underline;text-decoration-color:#773126;text-underline-offset:7px;text-decoration-thickness:1px}
.ritual-page nav a:hover{color:#ece8e1}
.ritual-page a:focus-visible,.ritual-page button:focus-visible{outline:2px solid #caaca1;outline-offset:6px}
.ritual-page .skip{background:#d6d2c8;color:#17100e}
.ritual-page .wrap{width:min(1130px,82vw);margin:0 5.5vw 0 auto}
.ritual-page .page{padding:60px 0 0}
.ritual-page .page-head{max-width:810px;margin-bottom:45px}
.ritual-page .page-title{font-family:var(--hand);font-size:clamp(40px,5.4vw,68px);letter-spacing:.25px;line-height:1.1;font-weight:400;margin:15px 0 22px;color:#d0c9c1;max-width:860px;text-shadow:1px 1px 1px #000,-.5px -.5px .25px #eee3;transform:rotate(-1.4deg);transform-origin:0 50%}
.ritual-page .eyebrow{font-family:var(--hand);font-size:21px;letter-spacing:.25px;text-transform:none;line-height:1.3;color:#b6a19a;text-shadow:0 1px 2px #000}
.ritual-page .intro{font-family:var(--serif);font-size:clamp(21px,2.1vw,27px);color:#cecec7;line-height:1.65;max-width:730px;text-wrap:pretty}
.ritual-page .chapter-subtitle{font-family:var(--hand);font-size:28px;line-height:1.3;color:#b8a49b;transform:rotate(-1.4deg);transform-origin:0 50%;margin:6px 0 25px;max-width:680px}
.ritual-page .chapter-links{display:flex;flex-wrap:wrap;gap:16px 30px;margin:12px 0 35px}
.ritual-page .chapter-afterword{margin-top:80px;padding-top:35px;border-top:1px solid #8b807228}
.ritual-page .chapter-afterword .awards{margin:25px 0 45px}
.ritual-page .chapter-approach{margin-top:55px}
.ritual-page .chapter-heading{margin:0 0 30px}
.ritual-page .chapter-heading h2{font-family:var(--hand);font-weight:400;font-size:38px;line-height:1.2;color:#d1c3b9;transform:rotate(-1deg);margin:14px 0;max-width:650px}
.ritual-page .caption,.ritual-page .tiny{color:#b7b6ae;font-size:10px;letter-spacing:.9px}
.ritual-page .film-head{align-items:center;gap:40px;margin:0 0 30px}
.ritual-page .film-head .hand{max-width:215px;font-size:25px;color:#b6a099;transform:rotate(4deg);text-shadow:0 1px 2px #000}
.ritual-page .player-wrap{border:0;background:#050505;box-shadow:0 12px 48px #0007;margin:30px 0 18px;outline:1px solid #b3b2a926;outline-offset:5px}
.ritual-page .load-player img{opacity:1}
.ritual-page .play-disc{border-color:#bdbdb771;background:#10100de6;color:#ddd9d1}
.ritual-page .player-action .play-disc{width:68px;height:68px;border-color:#c2bfb8a8;background:#070706b0;transition:background .2s,border-color .2s,transform .2s}
.ritual-page .load-player:hover .play-disc{background:#401c16ba;border-color:#d3b2a8;transform:scale(1.05)}
.ritual-page .player-action .caption{color:#dedcd6}
.ritual-page .playback-note{font-size:10px;line-height:1.75;color:#bab9b1;max-width:850px;margin-bottom:45px}
.ritual-page .essay{grid-template-columns:.45fr 1.55fr;gap:6vw;padding:46px 0;border-top:0;position:relative}
.ritual-page .essay::before{content:'';position:absolute;left:0;top:0;width:58%;height:1px;background:linear-gradient(90deg,#681c165e,#b2b2a61f 35%,transparent)}
.ritual-page .essay>div{position:relative}
.ritual-page .essay>div::before{content:'';position:absolute;inset:-20px -26px;z-index:-1;background:radial-gradient(ellipse at 46% 48%,#060606b3 10%,#06060682 57%,transparent 76%);pointer-events:none}
.ritual-page .essay h2{font-family:var(--hand);font-size:34px;color:#c4b9b0;transform:rotate(-2.6deg);text-shadow:0 1px 1px #000,-.3px -.3px 0 #ddd2;line-height:1.15;max-width:240px}
.ritual-page .essay p,.ritual-page .privacy p{font-size:16px;color:#d0cfc8;line-height:1.95;text-wrap:pretty}
.ritual-page .essay .lead{font-family:var(--serif);font-size:25px;line-height:1.7;color:#d4d2cb}
.ritual-page .credit-grid{gap:29px 30px;max-width:690px}
.ritual-page .credit-grid dt{color:#b7a8a1;font-size:10px;letter-spacing:1px;margin-bottom:8px}
.ritual-page .credit-grid dd{color:#dddcd6;font-size:15px;line-height:1.6}
.ritual-page .text-link{color:#c1b7ad;border-bottom-color:#973e307d;letter-spacing:1px;font-size:10px;line-height:1.6}
.ritual-page .text-link:hover{color:#e4d4c9;border-bottom-color:#d1907e}
.ritual-page .downloads{gap:22px 32px;margin:31px 0}
.ritual-page .press-list li{border-color:#b2b1a421;padding:24px 0}
.ritual-page .press-list a{font-size:22px;color:#dedad1}
.ritual-page .press-list a:hover{color:#d7b4a7}
.ritual-page .press-list .source{color:#b9b7ae;font-size:10px;line-height:1.6;letter-spacing:.6px}
.ritual-page .filters{gap:15px 27px;margin:32px 0 20px}
.ritual-page .filters button{font-family:var(--hand);font-size:23px;text-transform:none;letter-spacing:.2px;color:#bab8b0;padding:3px 2px;min-height:44px}
.ritual-page .filters button[aria-pressed='true']{color:#e2d3c8;border-color:#a44e3c}
.ritual-page .filters button:hover{color:#e2dcd3}
.ritual-page .work-grid{grid-template-columns:1.05fr .95fr;gap:84px 6vw;margin-top:25px;align-items:start}
.ritual-page .film-card .cover{background:transparent;padding:0;outline:0;box-shadow:0 10px 34px #0007}
.ritual-page .cover img{aspect-ratio:1.85;object-fit:cover;clip-path:polygon(.2% .7%,18% .1%,35% .4%,53% 0,73% .6%,99.7% .2%,99.3% 25%,100% 48%,99.6% 77%,99.9% 99.3%,79% 99.8%,53% 99.2%,29% 100%,.3% 99.4%,0 71%,.6% 49%,0 23%)}
.ritual-page .film-card:nth-child(1){grid-column:1/-1;width:86%;margin-left:0}
.ritual-page .film-card:nth-child(1) .cover img{aspect-ratio:2.37}
.ritual-page .film-card:nth-child(2n+3){margin-top:55px}
.ritual-page .film-card:hover .cover{transform:translateY(-4px)}
.ritual-page .cover .index{left:13px;top:12px;background:#111a;color:#dbd9d2;font-size:9px;letter-spacing:1px}
.ritual-page .film-card h3{font-family:var(--hand);font-size:31px;letter-spacing:.3px;margin:14px 0 6px;color:#d5cbc1;line-height:1.15}
.ritual-page .film-card p{font-size:9px;color:#b8b7af;letter-spacing:1px}
.ritual-page .film-card .card-meta{align-items:center}
.ritual-page .film-card .card-meta>span{font-family:var(--hand);font-size:30px;color:#b19b90}
.ritual-page .next-film{border-color:#8a8a8026;padding:40px 0 10px;margin-top:40px}
.ritual-page .next-film p{color:#b7aba2}
.ritual-page .next-film a{font-family:var(--hand);font-size:32px;color:#d8d0c5}
.ritual-page .next-film>.text-link{font-family:var(--mono);font-size:10px}
.ritual-page .journal-grid{gap:6vw;align-items:start;margin-top:40px}
.ritual-page .journal-card{border:0;padding:0 0 26px}
.ritual-page .journal-card:nth-child(2){margin-top:90px}
.ritual-page .journal-card h2{font-family:var(--hand);font-size:40px;line-height:1.12;letter-spacing:.15px;max-width:390px;color:#d1c5ba;transform:rotate(-1deg)}
.ritual-page .journal-card p{color:#c7c5bc;max-width:400px;line-height:1.9}
.ritual-page .journal-photo{margin:30px 0 20px}
.ritual-page .journal-card .journal-photo{margin:0 0 27px}
.ritual-page .journal-photo img{display:block;width:100%;height:auto;aspect-ratio:1.88;object-fit:cover;box-shadow:0 10px 30px #0007}
.ritual-page .kind-note .page-title{max-width:850px}
.ritual-page .portrait-layout{grid-template-columns:.88fr 1.12fr;gap:7vw;margin:45px 0 70px}
.ritual-page .portrait-layout .portrait{margin-left:-15px;max-width:420px;transform:rotate(-2deg)}
.ritual-page .portrait img{outline:0;border:0;mask-image:radial-gradient(ellipse 70% 65% at 50% 46%,#000 30%,#000d 59%,transparent 81%);filter:grayscale(1)}
.ritual-page .portrait figcaption{font-size:23px;color:#b7a094;margin:8px 0 0 25px}
.ritual-page .portrait-layout .essay{padding-top:38px}
.ritual-page .portrait-layout .essay::before{display:none}
.ritual-page .portrait-layout .essay h2{margin-bottom:25px}
.ritual-page .awards{max-width:760px;margin:42px 0 50px;gap:28px;padding-bottom:35px}
.ritual-page .award{height:154px;color:#d1cec5}
.ritual-page .award img{filter:grayscale(1);opacity:.8}
.ritual-page .award-level{color:#c5c0b6}
.ritual-page .award strong{color:#ddd6ca}
.ritual-page .award-film{color:#bab9b0}
.ritual-page .step{border-color:#a4a39525}
.ritual-page .step>span{color:#bd8b77;font-size:12px}
.ritual-page .step h3{color:#dbd7ce;font-size:25px}
.ritual-page .closing{padding:80px 0 75px}
.ritual-page .closing::before{content:'';position:absolute;left:0;top:35px;width:70%;height:1px;background:linear-gradient(90deg,#7320156b,#aaa99a22,transparent)}
.ritual-page .closing h2{font-family:var(--hand);font-size:clamp(40px,4.5vw,58px);color:#d2c5ba;transform:rotate(-1.5deg);transform-origin:0 50%;line-height:1.15;letter-spacing:.2px;margin:18px 0 26px;text-shadow:0 1px 1px #000}
.ritual-page .closing .mail{font-family:var(--serif);font-size:clamp(20px,2.4vw,29px);border-color:#8d382967;color:#e0dcd1}
.ritual-page .closing p{font-size:14px;line-height:1.9;color:#c7c5bc}
.ritual-page .closing .hand{display:none}
.ritual-page .contact-page{min-height:68vh;padding-top:10vh}
.ritual-page .contact-page .closing::before{display:none}
.ritual-page .contact-page .closing{padding-top:10px!important}
.ritual-page .social-list{gap:25px 36px;margin:36px 0}
.ritual-page .privacy{max-width:900px;position:relative;padding-bottom:45px}
.ritual-page .privacy::before{content:'';position:absolute;inset:10% -25px 0;z-index:-1;background:radial-gradient(ellipse at 45% 50%,#060606b3 10%,#06060682 55%,transparent 76%);pointer-events:none}
.ritual-page footer{max-width:none;margin-left:12vw;padding:25px 5.5vw 30px 0;border-color:#91918224;color:#bab8ae;line-height:1.8;gap:20px;font-size:9px}
.ritual-page footer a:hover{color:#d7b4a7}
@media(min-width:1600px){.ritual-page .wrap{margin-right:calc((100vw - 1450px)/2)}.ritual-page header{padding-right:calc((100vw - 1450px)/2)}.ritual-page .ritual-spine{left:calc((100vw - 1540px)/2)}}
@media(max-width:1000px){
 .ritual-page header{padding-left:9vw;gap:15px}.ritual-page header::after{left:9vw}
 .ritual-page nav{gap:17px}.ritual-page nav a{font-size:20px}
 .ritual-page .wrap{width:84vw}.ritual-page .ritual-spine{left:0;width:7vw;opacity:.48}
 .ritual-page .essay{gap:5vw;grid-template-columns:.4fr 1.6fr}
 .ritual-page .film-head .hand{max-width:180px;font-size:23px}
 .ritual-page .work-grid{gap:65px 5vw}.ritual-page .film-card:nth-child(1){width:94%}
 .ritual-page footer{margin-left:9vw}
}
@media(max-width:700px){
 .ritual-page::before{background-image:linear-gradient(90deg,#0303038c,#070707a8 45%,#03030369),url('assets/soglia-reference-mobile.webp');background-position:center,64% 46%;background-size:cover}
 .ritual-page header{padding:21px 6vw 18px 9vw;align-items:center}
 .ritual-page .brand{font-size:22px;max-width:230px}.ritual-page .brand small{font-size:8px;letter-spacing:.8px}
 .ritual-page .menu-toggle{font-family:var(--hand);font-size:23px;letter-spacing:.3px;color:#cfc9bc;min-width:52px;min-height:46px;padding:2px}
 .ritual-page nav{background:#090908f5;backdrop-filter:blur(6px);padding:15px 9vw 23px;border-bottom-color:#8b7c6826;gap:0;align-items:flex-start}
 .ritual-page nav a{font-size:27px;padding:10px 1px;min-height:46px;transform:none!important}
 .ritual-page .wrap{width:85vw;margin-right:6vw}.ritual-page .page{padding-top:35px}
 .ritual-page .page-head{margin-bottom:33px}.ritual-page .eyebrow{font-size:20px}
 .ritual-page .page-title{font-size:48px;line-height:1.13;margin-top:15px;letter-spacing:0;overflow-wrap:normal}
 .ritual-page .intro{font-size:22px;line-height:1.55;margin:24px 0}
 .ritual-page .chapter-subtitle{font-size:26px}.ritual-page .chapter-links{gap:12px 21px}
 .ritual-page .chapter-afterword{margin-top:55px}.ritual-page .chapter-heading h2{font-size:34px}
 .ritual-page .ritual-spine{width:8vw;left:-2.5vw;opacity:.46}
 .ritual-page .film-head{display:block}.ritual-page .film-head .hand{display:block;max-width:240px;font-size:23px;margin:18px 0 22px;transform:rotate(-2deg)}
 .ritual-page .player-wrap{margin-top:24px;outline-offset:3px}.ritual-page .player-wrap.wide{aspect-ratio:2.37}
 .ritual-page .player-action .play-disc{width:52px;height:52px}.ritual-page .player-action{gap:12px}
 .ritual-page .playback-note{font-size:9px;line-height:1.9;margin-bottom:28px}
 .ritual-page .essay{grid-template-columns:1fr;gap:22px;padding:34px 0}
 .ritual-page .essay h2{font-size:33px;max-width:none}
 .ritual-page .essay p,.ritual-page .privacy p{font-size:15px;line-height:1.9}
 .ritual-page .essay .lead{font-size:23px;line-height:1.6}
 .ritual-page .essay>div::before{inset:-12px -16px;background:radial-gradient(ellipse at 46% 48%,#060606bd 5%,#06060696 65%,transparent 81%)}
 .ritual-page .credit-grid{gap:24px 16px}.ritual-page .credit-grid dd{font-size:14px}
 .ritual-page .filters{gap:8px 21px;margin-bottom:12px}.ritual-page .filters button{font-size:22px;letter-spacing:0}
 .ritual-page .work-grid{grid-template-columns:1fr;gap:40px;margin-top:24px}
 .ritual-page .film-card:nth-child(1){grid-column:auto;width:100%}
 .ritual-page .film-card:nth-child(2n+3){margin-top:0}
 .ritual-page .film-card:nth-child(even){width:94%;justify-self:end}
 .ritual-page .film-card h3{font-size:29px}
 .ritual-page .journal-grid{grid-template-columns:1fr;gap:48px;margin-top:35px}
 .ritual-page .journal-card:nth-child(2){margin-top:0;width:94%;justify-self:end}
 .ritual-page .journal-card h2{font-size:37px}.ritual-page .journal-card p{font-size:15px}
 .ritual-page .journal-photo{margin-top:26px}.ritual-page .journal-photo img{aspect-ratio:1.7}
 .ritual-page .portrait-layout{grid-template-columns:1fr;gap:20px;margin:18px 0 50px}
 .ritual-page .portrait-layout .portrait{max-width:350px;width:92%;margin-left:-15px}
 .ritual-page .portrait-layout .essay{padding-top:14px}
 .ritual-page .awards{margin:32px 0 48px;grid-template-columns:1fr 1fr;gap:37px 10px;max-width:360px}
 .ritual-page .award{height:140px}.ritual-page .award:last-child{width:50%;grid-column:1/3;justify-self:center}
 .ritual-page .award-level{font-size:9px}.ritual-page .award strong{font-size:15px}
 .ritual-page .award-film{width:175px;font-size:9px}
 .ritual-page .next-film{padding:30px 0 10px;margin-top:25px;gap:20px}
 .ritual-page .next-film a{font-size:28px}.ritual-page .next-film>.text-link{font-size:9px;max-width:110px}
 .ritual-page .closing{padding:65px 0 52px}.ritual-page .closing h2{font-size:44px}
 .ritual-page .closing .mail{font-size:22px}.ritual-page .closing p{font-size:13px}
 .ritual-page .contact-page{padding-top:7vh;min-height:70vh}
 .ritual-page footer{margin-left:9vw;padding-right:6vw;font-size:9px;gap:16px}
 .ritual-page .press-list a{font-size:22px}.ritual-page .press-list .source{font-size:9px}
}
@media(max-width:370px){
 .ritual-page .brand{font-size:20px}.ritual-page .brand small{font-size:7px}
 .ritual-page .page-title{font-size:43px}.ritual-page .intro{font-size:20px}
 .ritual-page .credit-grid{grid-template-columns:1fr}.ritual-page .closing .mail{font-size:19px}
}
@media(prefers-reduced-motion:reduce){
 .ritual-page .stem-sap,.ritual-page .stem-branches{animation:none}
 .ritual-page .film-card .cover,.ritual-page .player-action .play-disc{transition:none}
}
/* The expanded mobile navigation must sit above the article stacking context. */
.ritual-page header{z-index:30}
