/* Saints Havoc: ink, weathered paper, and a coastal world after dark. */
body[class*="page-saints"]{--body:'Barlow Condensed',sans-serif;--display:'Barlow Condensed',sans-serif;background:#e8e2d5;color:#232525;font:400 22px/1.4 var(--body)}
body[class*="page-saints"] main{overflow:clip}body[class*="page-saints"] .site-header{background:#232525;height:100px;padding:20px 5%;color:#eee4d7}body[class*="page-saints"] .brand-word{font:800 30px/.8 var(--display);text-transform:uppercase;letter-spacing:-.03em}body[class*="page-saints"] .brand-word small{font:600 12px/1 var(--display);letter-spacing:.3em;margin-top:8px}body[class*="page-saints"] .site-header nav{font:600 18px var(--display);gap:32px}body[class*="page-saints"] nav a[aria-current]{color:#dda48f;border-bottom:2px solid #b9443b}body[class*="page-saints"] .v2-footer{background:#232525;color:#e8e2d5}body[class*="page-saints"] .footer-word{font:800 44px var(--display)}body[class*="page-saints"] .footer-word span{font:600 14px var(--display);letter-spacing:.3em}body[class*="page-saints"] :is(a,button):focus-visible{outline:3px solid #bb6554;outline-offset:6px}body[class*="page-saints"] em{font:italic 400 1em/.95 Georgia,serif;letter-spacing:-.065em}body[class*="page-saints"] :is(h1,h2,h3){text-wrap:balance}body[class*="page-saints"] p{text-wrap:pretty}
.sh-heading,.sh-dossiers,.sh-red-moon{position:relative;isolation:isolate}
.sh-heading:before,.sh-dossiers:before,.sh-red-moon:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('/assets/editorial-grain.webp'),url('/assets/editorial-ink-marks.webp');background-size:180px,1200px;mix-blend-mode:multiply;opacity:.22}
.sh-door.sh-riot>img{object-fit:contain;object-position:top;height:auto;min-height:60%}
.sh-heading{padding:165px 6% 55px}.sh-eyebrow{font:600 15px/1.4 var(--display);letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px}.sh-heading h1{font:800 clamp(80px,11vw,175px)/.9 var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:25px 0 35px}.sh-heading h1 em{text-transform:none}.sh-heading h1 i{font-style:normal;color:#aa403b}.sh-introduction{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid #746f6160;padding-top:25px}.sh-introduction p{font:600 34px/1.1 var(--display)}.sh-introduction span{font-size:22px;max-width:36ch;color:#57574e}
.sh-entrances{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;padding:0 6% 75px}.sh-door{position:relative;display:block;min-height:550px;overflow:hidden;background:#242727;color:#f2e9da;isolation:isolate;box-shadow:9px 12px 0 #5e513525}.sh-door>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);z-index:-2}.sh-door:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#11191af5,transparent 85%)}.sh-door>div{position:absolute;bottom:35px;left:8%;right:7%}.sh-door h2{font:800 clamp(55px,5.7vw,85px)/.95 var(--display);letter-spacing:-.03em;margin:18px 0 25px}.sh-sirens h2 em{color:#e3a8b5}.sh-riot h2 em{color:#acd2dd}.sh-riot{margin-top:70px;min-height:550px}.sh-riot>img{object-position:50% 25%}.sh-sirens{margin-bottom:70px}.sh-visit{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font:600 21px/1.3 var(--display);border:0;border-bottom:1px solid currentColor;background:none;padding:12px 0;color:inherit;text-align:left}.sh-visit span{font-size:27px;transition:transform .25s}.sh-door:hover>img{transform:scale(1.035)}.sh-door:hover .sh-visit span,.sh-visit:hover span{transform:translate(4px,-4px)}.sh-vale{grid-column:1/-1;min-height:600px;margin-top:5px;clip-path:polygon(0 3%,100% 0,100% 97%,0 100%)}.sh-vale>div{bottom:60px;left:5%}.sh-vale:after{background:linear-gradient(90deg,#161818e8,transparent 85%),linear-gradient(0deg,#1618189a,transparent 70%)}.sh-vale h2{font-size:clamp(65px,8vw,115px)}.sh-vale h2 em{color:#e0a29a}.sh-vale p{font-size:24px;margin-bottom:15px}
.sh-red-moon{display:flex;align-items:center;justify-content:center;gap:70px;border-top:1px solid #b3a897;padding:65px 7% 85px}.sh-red-moon svg{width:180px;height:200px;overflow:hidden;mix-blend-mode:multiply}.sh-red-moon h2{font:600 clamp(38px,4vw,62px)/1 var(--display);margin-bottom:15px}.sh-red-moon h2 em{color:#913e3b}.sh-red-moon p:not(.sh-eyebrow){font:italic 21px Georgia,serif}
.sh-vale-cover{position:relative;min-height:800px;height:95svh;isolation:isolate;color:#f1e5d9;background:#171b1c;display:flex;align-items:end;padding:150px 7% 70px}.sh-vale-cover>img{position:absolute;inset:100px 0 0;width:100%;height:calc(100% - 100px);object-fit:cover;z-index:-2}.sh-vale-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#141919ef,transparent 80%);z-index:-1}.sh-vale-cover h1{font:800 clamp(85px,11vw,165px)/.9 var(--display);letter-spacing:-.05em;margin:20px 0 25px}.sh-vale-cover h1 em{color:#d59a91}.sh-back{display:inline-block;font-size:20px;border-bottom:1px solid #d59a9190;margin-bottom:35px;padding-bottom:8px}.sh-section-title{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:55px}.sh-section-title h2,.sh-history h2{font:800 clamp(50px,6vw,85px)/.95 var(--display)}.sh-section-title p{max-width:34ch}.sh-dossiers{padding:80px 6%}.sh-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 35px}.sh-person .sh-eyebrow{font-size:13px;margin:22px 0 8px;color:#8b413d}.sh-person h3{font:600 45px/1 Georgia,serif;letter-spacing:-.05em;margin:0 0 15px}.sh-person>p:not(.sh-eyebrow){max-width:30ch;min-height:90px}.sh-portrait{position:relative;display:block;width:100%;height:350px;overflow:hidden;border:0;background:#232525;padding:0}.sh-portrait img{position:absolute;width:210%;max-width:none;left:0;top:0;transition:transform .6s}.sh-portrait:hover img{transform:scale(1.025)}.sh-portrait span{position:absolute;right:15px;bottom:15px;color:white;background:#242727bb;padding:0 8px;font-size:28px}.sh-portrait-adrian img{width:190%}.sh-portrait-dorian img,.sh-portrait-togo img,.sh-portrait-kade img{width:500%;top:0}.sh-portrait-dorian img{left:-60%}.sh-portrait-togo img{left:-225%}.sh-portrait-kade img{left:-395%}.sh-history{background:#242727;color:#eee4d5;padding:80px 8% 95px}.sh-history h2 em{color:#acbfd0}.sh-history p:not(.sh-eyebrow){margin:30px 0 20px;font-size:24px}
.sh-portrait-adrian img{left:-20%}.sh-portrait-vesper img,.sh-portrait-rosalind img,.sh-portrait-chiyo img{left:-35%;top:-4%}
@media(max-width:900px){.sh-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-section-title{align-items:start;flex-direction:column}.sh-entrances{gap:24px}.sh-door h2{font-size:52px}.sh-door{min-height:470px}.sh-vale{min-height:550px}.sh-vale h2{font-size:85px}}
@media(max-width:760px){body[class*="page-saints"] .site-header{height:84px;padding:18px 6%}body[class*="page-saints"] .menu-toggle{font:600 18px var(--display);background:#232525;color:#eee4d5;border:1px solid #938b7c;border-radius:0}body[class*="page-saints"] .site-header nav.open{background:#232525;font-size:23px;padding:25px 7%;gap:18px}.sh-heading{padding:125px 7% 40px}.sh-heading h1{font-size:21vw}.sh-introduction{display:block}.sh-introduction span{display:block;margin-top:20px;font-size:21px}.sh-eyebrow{font-size:12px}.sh-entrances{grid-template-columns:1fr;padding:0 7% 50px;gap:35px}.sh-door{min-height:510px;margin:0}.sh-door h2{font-size:60px}.sh-vale{min-height:540px}.sh-vale>img{object-position:59% 50%}.sh-vale>div{left:8%;bottom:45px}.sh-vale h2{font-size:68px}.sh-red-moon{gap:25px;align-items:start;padding:45px 7% 55px}.sh-red-moon svg{width:75px;height:100px;flex-shrink:0}.sh-red-moon h2{font-size:38px}.sh-red-moon .sh-visit{font-size:19px}.sh-vale-cover{min-height:730px;height:90svh;padding:130px 7% 55px}.sh-vale-cover>img{top:84px;height:calc(100% - 84px);object-position:57% 50%}.sh-vale-cover h1{font-size:25vw}.sh-dossiers{padding:50px 7%}.sh-roster{grid-template-columns:1fr;gap:45px}.sh-portrait{height:420px}.sh-person>p:not(.sh-eyebrow){min-height:0}.sh-history{padding:55px 7%}.sh-history h2{font-size:14vw}.sh-history p:not(.sh-eyebrow){font-size:22px}}
.sh-gallery-jump{margin-top:22px;color:#894541}
.sh-pairs{position:relative;isolation:isolate;background:#252827;color:#e9e1d5;padding:75px 7% 100px;scroll-margin-top:110px}
.sh-pairs:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/editorial-grain.webp') repeat;opacity:.12;mix-blend-mode:soft-light}
.sh-pairs .sh-section-title{margin-bottom:60px}.sh-pairs h2 em{color:#c3ac98}.sh-pairs .sh-section-title>p{color:#c2bcb2}
.sh-pair-gallery{max-width:1350px;margin:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:6%;row-gap:50px;align-items:start}
.sh-pair-gallery figure{margin:0;min-width:0}.sh-pair-gallery figure:nth-child(even){margin-top:95px}
.sh-pair-gallery button{display:block;position:relative;width:100%;padding:0;border:0;background:#1c201f;cursor:pointer;box-shadow:10px 12px 0 #12171566}
.sh-pair-gallery img{display:block;width:100%;height:auto;transition:filter .3s}.sh-pair-gallery button:hover img{filter:brightness(1.08)}
.sh-pair-gallery button>span{position:absolute;right:17px;bottom:17px;width:36px;height:36px;display:grid;place-items:center;background:#202724bd;color:#f1e7d7;border:1px solid #f1e7d759;font-size:27px}
.sh-pair-gallery figcaption{display:flex;align-items:baseline;gap:20px;margin-top:25px;border-top:1px solid #d2c9bb45;padding-top:17px}
.sh-pair-gallery figcaption>span{font:500 14px var(--display);color:#b9a38e}.sh-pair-gallery figcaption>span:last-child{margin-left:auto;font-size:25px}
.sh-pair-gallery h3{font:400 clamp(26px,3vw,43px)/1.1 Georgia,serif;letter-spacing:-.045em;margin:0}
@media(max-width:760px){.sh-pairs{padding:50px 7% 65px;scroll-margin-top:100px}.sh-pairs .sh-section-title{margin-bottom:40px}.sh-pairs h2{font-size:16vw}.sh-pair-gallery{grid-template-columns:1fr;gap:45px}.sh-pair-gallery figure:nth-child(even){margin-top:0}.sh-pair-gallery h3{font-size:31px}.sh-pair-gallery figcaption{gap:14px;margin-top:22px}.sh-pair-gallery button{box-shadow:7px 9px 0 #12171566}}
@media(prefers-reduced-motion:reduce){body[class*="page-saints"] *,body[class*="page-saints"] *:after{scroll-behavior:auto!important;transition:none!important}}