/* VIGIL — base: themes, type, layout, shared components */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%;background:var(--sable)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto !important}
body{margin:0;background:var(--sable);color:var(--argent);font-family:var(--f-display);font-optical-sizing:auto;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{display:block;max-width:100%}
img{-webkit-user-drag:none;user-drag:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
input,select,textarea{font:inherit;color:inherit}
p{margin:0 0 var(--s-4)}
p:last-child{margin-bottom:0}
::selection{background:var(--gules);color:var(--argent)}
:focus-visible{outline:2px solid var(--gules);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-60px;z-index:300;background:var(--argent);color:var(--sable);padding:10px 16px;font-family:var(--f-label);font-size:13px}
.skip:focus{top:16px}

/* ---------- type ---------- */
.display,.h1,.h2,.h3,.proc{font-family:var(--f-display);font-stretch:62.5%;font-weight:500;text-transform:uppercase;letter-spacing:-.004em;margin:0}
.display{font-size:clamp(64px,10.4vw,188px);line-height:.84}
.h1{font-size:clamp(56px,7.6vw,136px);line-height:.86}
.h2{font-size:clamp(46px,5.6vw,100px);line-height:.88}
.h3{font-size:clamp(28px,2.4vw,40px);line-height:.95}
.lead{font-size:clamp(20px,1.55vw,25px);line-height:1.45;max-width:36ch}
.frak{font-family:var(--f-seal);font-weight:400;text-transform:lowercase;letter-spacing:0}
.label{font-family:var(--f-label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;line-height:1.4;margin:0}
.muted{color:var(--ash)}
em.red,.red{color:var(--gules);font-style:normal}

/* ---------- themes: night (steel), parchment (paper), blood (oath) ---------- */
.sec{position:relative;padding:var(--section) var(--gutter)}
.wrap{max-width:var(--container);margin:0 auto;width:100%}
.t-night{--ground:var(--sable);background:var(--sable);color:var(--argent)}
.t-parchment{--ground:var(--parchment);background:var(--parchment);color:var(--ink)}
.t-parchment .muted,.t-parchment .lead-muted{color:var(--ink-2)}
.t-blood{--ground:var(--gules);background:var(--gules);color:var(--sable)}
.t-blood .muted{color:rgba(12,12,13,.72)}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:var(--s-7);align-items:end;margin-bottom:var(--s-9)}
.sec-head .label{margin-bottom:var(--s-5);color:var(--gules)}
.t-blood .sec-head .label{color:var(--sable)}
.sec-head p{max-width:46ch;margin:0;font-size:19px;line-height:1.55}
.t-night .sec-head p{color:#c9c6bf}
.t-parchment .sec-head p{color:var(--ink-2)}
.rule{height:1px;background:currentColor;opacity:.16;border:0;margin:0}

/* ---------- buttons: blade-cut corners, a steel sheen that runs across on hover ---------- */
.btn{--cut:10px;position:relative;display:inline-flex;white-space:nowrap;align-items:center;justify-content:center;gap:var(--s-3);min-height:56px;padding:0 var(--s-6);font-family:var(--f-label);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;isolation:isolate;clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));transition:color .45s var(--settle),scale .3s var(--settle)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;transform:scaleX(0);transform-origin:left center;transition:transform .55s var(--stroke)}
.btn:hover::before{transform:scaleX(1)}
.btn::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;z-index:2;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55) 50%,transparent);transform:translateX(-120%) skewX(-18deg);opacity:0}
.btn:hover::after{animation:sheen .9s var(--stroke) .05s}
@keyframes sheen{0%{transform:translateX(-120%) skewX(-18deg);opacity:1}100%{transform:translateX(320%) skewX(-18deg);opacity:1}}
.btn:active{scale:.98}
.btn-block{width:100%}
.btn-primary{background:linear-gradient(180deg,#f7f5f0 0%,#ddd9d1 100%);color:var(--sable)}
.btn-primary::before{background:var(--gules)}
.btn-primary:hover{color:var(--argent)}
/* line buttons: the button is the outline colour; an inner plate 1px smaller, cut the same way, sits on top */
.btn-line{background:rgba(238,234,226,.42);color:var(--argent)}
.btn-line::before{inset:1px;transform:none;background:var(--ground,var(--sable));--c2:calc(var(--cut) - .5px);clip-path:polygon(var(--c2) 0,calc(100% - var(--c2)) 0,100% var(--c2),100% calc(100% - var(--c2)),calc(100% - var(--c2)) 100%,var(--c2) 100%,0 calc(100% - var(--c2)),0 var(--c2));transition:background .45s var(--settle)}
.btn-line:hover::before{transform:none;background:var(--argent)}
.btn-line:hover{color:var(--sable)}
.t-parchment .btn-primary{background:linear-gradient(180deg,#24221f,#121111);color:var(--parchment)}
.t-parchment .btn-line{background:rgba(20,19,19,.45);color:var(--ink)}
.t-parchment .btn-line:hover::before{background:var(--ink)}
.t-parchment .btn-line:hover{color:var(--parchment)}
.t-blood .btn-primary{background:linear-gradient(180deg,#1d1c1d,#0c0c0d);color:var(--argent)}
.t-blood .btn-primary::before{background:var(--argent)}
.t-blood .btn-primary:hover{color:var(--sable)}
.btn .price{opacity:.6}
.link{display:inline-flex;gap:var(--s-2);align-items:center;font-family:var(--f-label);font-size:13px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px}
.link::after{content:"→";transition:transform .4s var(--settle)}
.link:hover::after{transform:translateX(4px)}
p .link,dd .link,.lead .link{display:inline;font:inherit;letter-spacing:0;text-transform:none;padding:0;border-bottom:1px solid currentColor}
p .link::after,dd .link::after,.lead .link::after{content:none}

/* ---------- grain + cursor ---------- */
.grain{position:fixed;inset:0;z-index:150;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,2%)}100%{transform:translate(0,0)}}
/* the cursor is a plate gauntlet drawn by the site (cursor.js); the browser's own cursor never shows */
html.has-gauntlet,html.has-gauntlet *{cursor:none !important}
.gauntlet{position:fixed;left:0;top:0;z-index:10000;pointer-events:none;opacity:0;transition:opacity .2s;will-change:transform}
.gauntlet.on{opacity:1}
.g-hand{position:absolute;left:-4px;top:-4px;width:50px;height:50px;transform-origin:4px 4px;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .15s,left .15s,top .15s}
.g-hand img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .14s}
.g-hand .g-point{opacity:1}
/* over something you can press: the hand leans in, finger ready */
.gauntlet[data-state="ready"] .g-hand{transform:rotate(10deg) scale(1.06)}
/* pressing */
.gauntlet.down .g-hand{transform:rotate(15deg) scale(.88)}
/* things you can take hold of: the open hand, then the fist */
.gauntlet[data-state="open"] .g-hand,.gauntlet[data-state="fist"] .g-hand{left:-25px;top:-25px;transform-origin:50% 50%}
.gauntlet[data-state="open"] .g-point,.gauntlet[data-state="fist"] .g-point{opacity:0}
.gauntlet[data-state="open"] .g-open{opacity:1}
.gauntlet[data-state="fist"] .g-fist{opacity:1}
.gauntlet[data-state="fist"] .g-hand{transform:scale(.94)}
/* over text: a steel I-beam instead of the hand */
.g-beam{position:absolute;left:-1px;top:-13px;width:2px;height:26px;display:none;background:linear-gradient(90deg,#3a3c41,#f4f5f7 50%,#5d6066);box-shadow:0 0 0 1px rgba(0,0,0,.55)}
.g-beam::before,.g-beam::after{content:"";position:absolute;left:-4px;width:10px;height:2px;background:#d7d9dc;box-shadow:0 0 0 1px rgba(0,0,0,.55)}
.g-beam::before{top:0}.g-beam::after{bottom:0}
.gauntlet[data-state="text"] .g-hand{opacity:0}
.gauntlet[data-state="text"] .g-beam{display:block}
/* a few embers where you strike */
.spark{position:fixed;left:0;top:0;z-index:260;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ffd2a8 0,#ff6a3a 45%,rgba(215,38,28,0) 70%)}

/* ---------- the blade cut: intro and page transitions ----------
   two dark plates meet along a diagonal; the seam glows like hot steel, then the plates part along the cut */
.curtain{position:fixed;inset:0;z-index:200;pointer-events:none;visibility:hidden;overflow:hidden;--half:12%}
.curtain.on,html.intro .curtain,html.transit .curtain{visibility:visible;pointer-events:auto}
html.done .curtain:not(.on){visibility:hidden;pointer-events:none}
.slab{position:absolute;inset:-2px;will-change:transform;backface-visibility:hidden;background:radial-gradient(120% 90% at 50% 45%,#1a191b 0%,#0b0b0c 62%,#060607 100%)}
.slab::after{content:"";position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.slab-a{clip-path:polygon(0 0,100% 0,100% calc(50% - var(--half) + 4px),0 calc(50% + var(--half) + 4px))}
.slab-b{clip-path:polygon(0 calc(50% + var(--half) - 4px),100% calc(50% - var(--half) - 4px),100% 100%,0 100%)}
/* the plates overlap by a few pixels along the cut, so there is never a hairline between them while closed.
   The motion runs as CSS animations on the compositor, so it stays smooth while the page behind is still loading. */
.curtain.open .slab-a{transform:translate(-112%,26.88%)}
.curtain.open .slab-b{transform:translate(112%,-26.88%)}
.curtain.parting .slab-a{animation:slabOutA 1s cubic-bezier(.77,0,.18,1) .3s both}
.curtain.parting .slab-b{animation:slabOutB 1s cubic-bezier(.77,0,.18,1) .3s both}
.curtain.parting .cut-seam i,.curtain.parting .cut-seam b{animation:slash .34s cubic-bezier(.6,0,.9,.5) both,slashOff .3s ease-out .34s forwards}
.curtain.closing .slab-a{animation:slabInA .62s cubic-bezier(.7,0,.25,1) both}
.curtain.closing .slab-b{animation:slabInB .62s cubic-bezier(.7,0,.25,1) both}
@keyframes splitA{from{transform:none}to{transform:translate(-5%,-104%)}}
@keyframes splitB{from{transform:none}to{transform:translate(5%,104%)}}
@keyframes joinA{from{transform:translate(-5%,-104%)}to{transform:none}}
@keyframes joinB{from{transform:translate(5%,104%)}to{transform:none}}
/* on a tall phone screen: a steeper cut, a thicker slash, and the two halves split apart up and down */
@media (max-width:760px){
  .curtain{--half:21%}
  .cut-seam i{top:-4px;height:8px}
  .curtain.open .slab-a{transform:translate(-5%,-104%)}
  .curtain.open .slab-b{transform:translate(5%,104%)}
  .curtain.parting .slab-a{animation:splitA .8s cubic-bezier(.77,0,.18,1) .3s both}
  .curtain.parting .slab-b{animation:splitB .8s cubic-bezier(.77,0,.18,1) .3s both}
  .curtain.closing .slab-a{animation:joinA .5s cubic-bezier(.7,0,.25,1) both}
  .curtain.closing .slab-b{animation:joinB .5s cubic-bezier(.7,0,.25,1) both}
}
@keyframes slabOutA{from{transform:none}to{transform:translate(-112%,26.88%)}}
@keyframes slabOutB{from{transform:none}to{transform:translate(112%,-26.88%)}}
@keyframes slabInA{from{transform:translate(-112%,26.88%)}to{transform:none}}
@keyframes slabInB{from{transform:translate(112%,-26.88%)}to{transform:none}}
@keyframes slash{from{transform:scaleX(0);opacity:1}to{transform:scaleX(1);opacity:1}}
@keyframes slashOff{from{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}
/* the seam: a line of hot steel along the cut */
.cut-seam{position:absolute;left:50%;top:50%;width:170vmax;height:0;margin-left:-85vmax;transform:rotate(-12deg);pointer-events:none}
/* one stroke of a blade: a long lozenge of white-hot steel, thickest in the middle, with a soft glow band behind it */
.cut-seam i,.cut-seam b{position:absolute;left:0;right:0;transform:scaleX(0);transform-origin:0 50%;opacity:0;will-change:transform,opacity}
.cut-seam i{top:-3px;height:6px;background:linear-gradient(90deg,#ff5a2a,#ffd9b0 30%,#fff 50%,#ffd9b0 70%,#ff5a2a);clip-path:polygon(0 50%,50% 0,100% 50%,50% 100%)}
.cut-seam b{top:-22px;height:44px;background:linear-gradient(180deg,transparent,rgba(255,96,40,.32) 42%,rgba(255,150,90,.55) 50%,rgba(255,96,40,.32) 58%,transparent);-webkit-mask:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
.curtain.closing .slab-a{animation:slabInA .62s cubic-bezier(.7,0,.25,1) both}
.curtain.closing .slab-b{animation:slabInB .62s cubic-bezier(.7,0,.25,1) both}
@keyframes slabOutA{from{transform:none}to{transform:translate(-112%,26.88%)}}
@keyframes slabOutB{from{transform:none}to{transform:translate(112%,-26.88%)}}
@keyframes slabInA{from{transform:translate(-112%,26.88%)}to{transform:none}}
@keyframes slabInB{from{transform:translate(112%,-26.88%)}to{transform:none}}
@keyframes slash{from{transform:scaleX(0);opacity:1}to{transform:scaleX(1);opacity:1}}
@keyframes slashOff{from{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}
/* the seam: a line of hot steel along the cut */
.cut-seam{position:absolute;left:50%;top:50%;width:160vmax;height:0;margin-left:-80vmax;transform:rotate(-12deg);pointer-events:none;filter:drop-shadow(0 0 5px rgba(255,110,60,.95)) drop-shadow(0 0 24px rgba(215,38,28,.7))}
/* one stroke of a blade: a long lozenge of white-hot steel, thickest in the middle */
.cut-seam i{position:absolute;left:0;right:0;top:-3px;height:6px;background:linear-gradient(90deg,#ff5a2a,#ffd9b0 30%,#fff 50%,#ffd9b0 70%,#ff5a2a);clip-path:polygon(0 50%,50% 0,100% 50%,50% 100%);transform:scaleX(0);transform-origin:0 50%;opacity:0;will-change:transform,opacity}
.cut-crest{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--s-4);color:var(--argent);opacity:0}
.cut-hound{width:min(220px,46vw)}
.cut-word{width:min(150px,32vw)}
.cut-crest svg{width:100%;height:auto;display:block}

/* ---------- header ---------- */
.hdr{position:fixed;top:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s-5);padding:var(--s-5) var(--gutter);transition:transform .6s var(--stroke),background .5s,color .5s}
.hdr{isolation:isolate}
.hdr.hide{transform:translateY(-110%)}
.hdr::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sable);box-shadow:inset 0 -1px 0 rgba(238,234,226,.1);opacity:0;transition:opacity .35s,background .35s}
.hdr.solid::before{opacity:1}
.hdr.on-light{color:var(--ink)}
.hdr.on-light::before{background:var(--parchment);box-shadow:inset 0 -1px 0 rgba(20,19,19,.12)}
.hdr-mark{display:flex;align-items:center;gap:var(--s-3);color:currentColor}
.hdr-hound{width:46px;transition:transform .6s var(--settle)}
.hdr-word{width:84px}
.hdr-mark svg{width:100%;height:auto;display:block}
.hdr-mark:hover .hdr-hound{transform:translateX(-3px) rotate(-4deg)}
.hdr-right{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-4)}
.hdr-chest{--cut:7px;position:relative;isolation:isolate;display:flex;align-items:center;gap:var(--s-3);height:44px;padding:0 var(--s-3) 0 var(--s-4);font-family:var(--f-label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:rgba(127,127,127,.55);clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut))}
.hdr-chest::before{content:"";position:absolute;inset:1px;z-index:-1;background:var(--hdr-ground);--c2:calc(var(--cut) - .5px);clip-path:polygon(var(--c2) 0,calc(100% - var(--c2)) 0,100% var(--c2),100% calc(100% - var(--c2)),calc(100% - var(--c2)) 100%,var(--c2) 100%,0 calc(100% - var(--c2)),0 var(--c2));transition:background .4s}
.hdr{--hdr-ground:var(--sable)}
.hdr.on-light{--hdr-ground:var(--parchment)}
.hdr-chest b{min-width:22px;height:22px;padding:0 4px;display:grid;place-items:center;background:var(--argent);color:var(--sable);font-weight:700}
.hdr.on-light .hdr-chest b{background:var(--ink);color:var(--parchment)}
.hdr-chest.bump{animation:bump .7s var(--settle)}
@keyframes bump{0%{transform:scale(1)}30%{transform:scale(1.08) rotate(-2deg)}100%{transform:none}}
/* the nav: capitals at rest; under the hand, and for the page you are on, the word becomes blackletter */
.hdr-nav{position:relative;display:flex;align-items:center;gap:30px}
.hdr-nav a{position:relative;display:block;padding:10px 0}
.nv{display:grid;place-items:center;height:28px}
.nv > span{grid-area:1/1;white-space:nowrap;transition:opacity .38s var(--settle),transform .5s var(--settle),filter .38s}
.nv-caps{font-family:var(--f-display);font-stretch:62.5%;font-weight:500;font-size:17px;line-height:1;letter-spacing:.07em;text-transform:uppercase;opacity:.66}
.nv-frak{font-family:var(--f-seal);font-size:25px;line-height:1;opacity:0;transform:translateY(6px) scale(.94);filter:blur(3px)}
.hdr-nav a:hover .nv-caps,.hdr-nav a:focus-visible .nv-caps,.hdr-nav a.on .nv-caps{opacity:0;transform:translateY(-6px) scale(1.04);filter:blur(3px)}
.hdr-nav a:hover .nv-frak,.hdr-nav a:focus-visible .nv-frak,.hdr-nav a.on .nv-frak{opacity:1;transform:none;filter:none}
.hdr-nav a.on .nv-frak{color:var(--gules)}
.hdr-nav a:focus{outline:none}
/* the language button: a round medallion, the other language's letters struck in the middle */
.hdr-lang{position:relative;display:grid;place-items:center;width:44px;height:44px;margin-right:var(--s-1);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(127,127,127,.55);transition:box-shadow .3s,background .3s,color .3s}
.hdr-lang::before{content:"";position:absolute;inset:4px;border-radius:50%;border:1px dashed rgba(127,127,127,.45);transition:transform .8s var(--settle)}
.hdr-lang span{position:relative;font-family:var(--f-label);font-weight:700;font-size:11px;line-height:1;letter-spacing:.08em;transform:translateX(.04em)}
.hdr-lang:hover{background:currentColor;box-shadow:inset 0 0 0 1px currentColor}
.hdr-lang:hover span{color:var(--hdr-ground)}
.hdr-lang:hover::before{transform:rotate(90deg);border-color:var(--hdr-ground)}
.hdr-menu{--cut:7px;position:relative;isolation:isolate;display:flex;align-items:center;gap:var(--s-3);height:44px;padding:0 var(--s-4);font-family:var(--f-label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:rgba(127,127,127,.55);clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut))}
.hdr-menu::before{content:"";position:absolute;inset:1px;z-index:-1;background:var(--hdr-ground);--c2:calc(var(--cut) - .5px);clip-path:polygon(var(--c2) 0,calc(100% - var(--c2)) 0,100% var(--c2),100% calc(100% - var(--c2)),calc(100% - var(--c2)) 100%,var(--c2) 100%,0 calc(100% - var(--c2)),0 var(--c2));transition:background .4s}
.hdr-menu-i{position:relative;width:20px;height:12px}
.hdr-menu-i i{position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .5s var(--stroke)}
.hdr-menu-i i:first-child{top:2px}.hdr-menu-i i:last-child{bottom:2px}
.hdr-menu[aria-expanded="true"] .hdr-menu-i i:first-child{transform:translateY(3.5px) rotate(45deg)}
.hdr-menu[aria-expanded="true"] .hdr-menu-i i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.hdr-menu:hover .hdr-menu-i i:first-child{transform:translateX(3px)}
.hdr-menu[aria-expanded="true"]:hover .hdr-menu-i i:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu{position:fixed;left:0;right:0;top:0;height:100svh;z-index:55;visibility:hidden;pointer-events:none;overflow:hidden}
.menu.open{visibility:visible;pointer-events:auto}
.menu-sheet{position:absolute;inset:0 0 auto 0;height:100%;display:flex;flex-direction:column;padding:calc(var(--s-9) + var(--s-2)) var(--gutter) var(--s-6);color:var(--ink);background:var(--parchment) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .27 0 0 0 0 .16 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");clip-path:inset(0 0 100% 0)}
/* the rolled end of the scroll, a dark rod that travels down as it opens */
.menu-rod{position:absolute;left:-6px;right:-6px;top:0;height:18px;border-radius:9px;background:linear-gradient(180deg,#5a3a26 0%,#2c1a10 55%,#140b06 100%);box-shadow:0 8px 18px rgba(0,0,0,.45);transform:translateY(-30px)}
.menu-rod::before,.menu-rod::after{content:"";position:absolute;top:-5px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f2f3f5,#8d9095 45%,#2b2d31 80%)}
.menu-rod::before{left:0}.menu-rod::after{right:0}
.menu-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s-8);align-items:center}
.menu-nav{display:flex;flex-direction:column;border-top:2px solid var(--ink)}
.menu-art{position:relative;margin:0;height:min(62vh,560px);align-self:center}
.menu-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(14px) scale(.97);transition:opacity .45s var(--settle),transform .7s var(--settle)}
.menu-art img.on{opacity:1;transform:none}
.menu-nav a{display:flex;align-items:baseline;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid rgba(20,19,19,.16);font-family:var(--f-display);font-stretch:62.5%;font-weight:500;text-transform:uppercase;font-size:clamp(38px,min(10.5vw,8.4vh),92px);line-height:1;transition:color .3s,padding .55s var(--settle)}
.menu-nav a:hover{padding-left:var(--s-4)}
.menu-nav a i{font-style:normal;font-family:var(--f-display);font-size:.32em;letter-spacing:0;color:var(--gules);min-width:2.2em}
.menu-nav a.on{color:var(--gules)}
.menu-foot{margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px solid rgba(20,19,19,.16);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4) var(--s-6)}
.menu-foot p{margin:0;font-size:15px;color:var(--ink-2);max-width:22ch}
.menu-hound{width:84px;color:var(--ink)}
.menu-hound svg{width:100%;height:auto}
body.menu-open .hdr{color:var(--ink);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;--hdr-ground:var(--parchment)}
body.menu-open .hdr-chest b{background:var(--ink);color:var(--parchment)}

/* ---------- the cart: a torn parchment inventory with a drawbridge ---------- */
.chest-scrim{position:fixed;inset:0;z-index:90;background:rgba(6,6,7,.62);opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.chest-scrim.on{opacity:1;visibility:visible}
.chest{position:fixed;top:0;right:0;bottom:0;z-index:100;width:min(500px,100vw);display:flex;flex-direction:column;color:var(--ink);background:var(--parchment) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .27 0 0 0 0 .16 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");transform:translateX(106%);visibility:hidden;transition:transform .8s var(--stroke),visibility 0s .8s;filter:drop-shadow(-24px 0 50px rgba(0,0,0,.45))}
/* the torn left edge */
.chest::before{content:"";position:absolute;top:0;bottom:0;left:-13px;width:14px;background:inherit;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='60' preserveAspectRatio='none'%3E%3Cpath d='M14 0H8L4 4 9 9 2 15 7 20 3 26 10 31 1 37 6 42 2 48 8 53 4 57 7 60H14Z'/%3E%3C/svg%3E") repeat-y;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='60' preserveAspectRatio='none'%3E%3Cpath d='M14 0H8L4 4 9 9 2 15 7 20 3 26 10 31 1 37 6 42 2 48 8 53 4 57 7 60H14Z'/%3E%3C/svg%3E") repeat-y}
.chest.open{transform:none;visibility:visible;transition:transform .8s var(--stroke),visibility 0s}
.chest-top{display:flex;justify-content:space-between;align-items:baseline;padding:var(--s-6) var(--s-6) var(--s-3)}
.chest-h{margin:0;font-family:var(--f-display);font-stretch:62.5%;font-weight:500;font-size:40px;line-height:1;text-transform:uppercase}
.chest-h span{color:var(--gules)}
.chest-close{font-family:var(--f-label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:2px}
.chest-scroll{flex:1;overflow:auto;overscroll-behavior:contain;padding:0 var(--s-6)}
.gate{margin:0 calc(var(--s-2) * -1);line-height:0}
.gate svg{width:100%;height:auto;overflow:visible}
.gate-line{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.gate-thin{fill:none;stroke:var(--ink);stroke-width:1.2;stroke-linecap:round;opacity:.7}
.gate-wall{fill:var(--parchment);stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.gate-arch{fill:var(--ink)}
.gate-port{fill:none;stroke:#8d877b;stroke-width:2.2}
.gate-plank{fill:#b8ad97;stroke:var(--ink);stroke-width:2}
.gate-chain{stroke:var(--ink);stroke-width:1.4;stroke-dasharray:3 2}
.gate-say{margin:var(--s-3) 0 var(--s-5);font-size:17px;line-height:1.4;color:var(--ink-2);text-align:center}
.gate-say b{color:var(--ink);font-weight:600}
.gate-say.free b{color:var(--gules)}
.chest-lines{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.cl{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:var(--s-4);align-items:center;padding:var(--s-4) 0;border-bottom:1px solid rgba(20,19,19,.14)}
.cl-art{width:72px;height:72px;display:grid;place-items:center;padding:7px;background:#f4efe5;border:1px solid rgba(20,19,19,.18);outline:3px solid #f4efe5;outline-offset:-7px}
.cl-art img{max-height:100%}
.cl-name{display:block;font-family:var(--f-display);font-stretch:62.5%;font-weight:500;text-transform:uppercase;font-size:22px;line-height:1.05}
.cl-alias{font-family:var(--f-seal);font-size:17px;color:var(--ink-2);display:block;margin-top:2px}
.cl-qty{display:inline-flex;align-items:center;margin-top:var(--s-3);border:1px solid rgba(20,19,19,.3)}
.cl-qty button{width:34px;height:32px;font-size:18px;line-height:1;transition:background .3s,color .3s}
.cl-qty button:hover{background:var(--ink);color:var(--parchment)}
.cl-qty b{min-width:34px;text-align:center;font-family:var(--f-display);font-stretch:62.5%;font-weight:600;font-size:20px}
.cl-price{font-family:var(--f-display);font-stretch:62.5%;font-weight:500;font-size:28px;text-align:right}
.cl-remove{display:block;margin:var(--s-2) 0 0 auto;font-family:var(--f-label);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid currentColor}
.cl.in{animation:clIn .7s var(--stroke) both}
@keyframes clIn{from{opacity:0;transform:translateY(-14px) rotate(-1deg)}}
.chest-also{margin:var(--s-5) 0 var(--s-6)}
.also{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:var(--s-4);align-items:center;padding:var(--s-3) var(--s-4) var(--s-3) var(--s-3);border:1px dashed rgba(20,19,19,.35)}
.also img{width:56px;height:56px;object-fit:contain}
.also b{display:block;font-family:var(--f-display);font-stretch:62.5%;font-weight:500;font-size:19px;text-transform:uppercase;line-height:1.1}
.also span{font-size:14px;color:var(--ink-2)}
.also button{min-height:40px;padding:0 var(--s-4);font-family:var(--f-label);font-size:12px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink);transition:background .3s,color .3s}
.also button:hover{background:var(--ink);color:var(--parchment)}
.also-h{margin:0 0 var(--s-2);font-family:var(--f-label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.chest-empty{padding:var(--s-6) 0 var(--s-8);text-align:center;display:none}
.chest-empty img{width:180px;margin:0 auto var(--s-5)}
.chest-empty .h3{margin-bottom:var(--s-3)}
.chest-empty p{color:var(--ink-2)}
.chest-empty .btn{margin-top:var(--s-5)}
.chest.is-empty .chest-empty{display:block}
.chest.is-empty .chest-foot,.chest.is-empty .gate,.chest.is-empty .gate-say,.chest.is-empty .chest-also{display:none}
.chest-foot{padding:var(--s-5) var(--s-6) var(--s-6);border-top:2px solid var(--ink)}
.chest-sum{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s-4)}
.chest-sum span{font-family:var(--f-label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.chest-sum b{font-family:var(--f-display);font-stretch:62.5%;font-weight:500;font-size:48px;line-height:1}
.chest-note{margin:var(--s-4) 0 0;justify-content:center;color:var(--ink-2)}
.chest .btn-primary{background:var(--ink);color:var(--parchment);min-height:60px}
.chest .btn-primary::before{background:var(--gules)}
/* the product that flies into the cart */
.flyer{position:fixed;left:0;top:0;z-index:240;width:96px;height:96px;padding:10px;background:#f4efe5;border:1px solid rgba(20,19,19,.2);pointer-events:none;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.flyer img{width:100%;height:100%;object-fit:contain}
@media (max-width:520px){ .chest::before{display:none} .chest-top,.chest-foot{padding-left:var(--s-5);padding-right:var(--s-5)} .chest-scroll{padding:0 var(--s-5)} }
.toast{position:fixed;left:50%;bottom:var(--s-6);z-index:220;transform:translate(-50%,calc(100% + 40px));visibility:hidden;background:var(--argent);color:var(--sable);padding:var(--s-4) var(--s-5);font-family:var(--f-label);font-size:12px;letter-spacing:.12em;text-transform:uppercase;transition:transform .6s var(--stroke),visibility 0s .6s}
.toast.show{transform:translate(-50%,0);visibility:visible;transition:transform .6s var(--stroke),visibility 0s}

/* ---------- woodcut prints ---------- */
.print{margin:0}
.print-sheet{position:relative;background:#efe9dd;padding:9%;box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.08)}
.print-sheet::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 25% 15%,rgba(255,255,255,.22),transparent 55%),radial-gradient(90% 80% at 95% 100%,rgba(110,90,60,.16),transparent 60%);mix-blend-mode:multiply}
.print-sheet img{width:100%;height:auto}
.t-parchment .print-sheet{box-shadow:0 24px 50px rgba(60,45,25,.22),0 0 0 1px rgba(0,0,0,.06)}
.print figcaption{margin-top:var(--s-4)}
.woodcut{width:100%;height:auto}
.t-night .woodcut.inv{filter:invert(1)}

/* ---------- forms ---------- */
.field{display:block}
.field span{display:block;margin-bottom:var(--s-2)}
.field input,.field select{width:100%;height:56px;padding:0 var(--s-4);background:transparent;border:1px solid rgba(127,127,127,.45);border-radius:0;outline:none;font-size:18px;transition:border-color .3s}
.field input:focus,.field select:focus{border-color:currentColor}

/* ---------- footer ---------- */
.ftr{position:relative;background:var(--sable);color:var(--argent);overflow-x:clip;overflow-y:visible}
.ftr-frieze{background:var(--parchment);padding:var(--s-5) 0;overflow-x:clip;overflow-y:visible}
.ftr-frieze{position:relative}
.ftr-frieze-track{height:clamp(110px,12vw,170px)}
.ftr-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:var(--s-9);padding:var(--s-10) var(--gutter) var(--s-8);max-width:calc(var(--container) + var(--gutter) * 2);margin:0 auto}
.ftr-kicker{margin:0 0 var(--s-3);font-family:var(--f-seal);font-size:28px;line-height:1;color:var(--gules)}
.ftr-h{margin:0 0 var(--s-4);font-family:var(--f-display);font-stretch:62.5%;font-weight:500;font-size:clamp(38px,3.6vw,56px);line-height:.95;text-transform:uppercase}
.ftr-p{margin:0 0 var(--s-6);color:#c3c0b9;font-size:17px;line-height:1.55;max-width:40ch}
.raven-label{display:block;margin-bottom:var(--s-2);font-family:var(--f-label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}
.raven-row{display:flex;gap:var(--s-3);max-width:480px}
.raven-row input{flex:1;min-width:0;height:56px;padding:0 var(--s-4);background:rgba(238,234,226,.04);border:0;border-bottom:2px solid rgba(238,234,226,.35);color:var(--argent);font:inherit;font-size:17px;transition:border-color .3s,background .3s}
.raven-row input::placeholder{color:rgba(238,234,226,.35)}
.raven-row input:focus{outline:none;border-color:var(--gules);background:rgba(238,234,226,.07)}
.ftr-cols{display:grid;grid-template-columns:repeat(4,max-content);justify-content:space-between;gap:var(--s-6);align-content:start}
.ftr-colh{margin:0 0 var(--s-4);font-family:var(--f-seal);font-size:26px;line-height:1;color:var(--gules)}
.ftr-cols a{position:relative;display:block;padding:7px 0;font-family:var(--f-display);font-stretch:62.5%;font-weight:500;font-size:18px;line-height:1.15;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:#bdbab3;transition:color .35s,transform .5s var(--settle)}
/* a lozenge slides in, the name steps aside for it */
.ftr-cols a::before{content:"";position:absolute;left:-16px;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--gules);transform:rotate(45deg) scale(0);transition:transform .4s var(--settle)}
.ftr-cols a:hover{color:var(--argent);transform:translateX(16px)}
.ftr-cols a:hover::before{transform:rotate(45deg) scale(1)}
/* the finale: the crest in polished steel */
.ftr-crest{position:relative;height:clamp(300px,46vw,700px);margin:0 auto;max-width:1600px;border-top:1px solid rgba(238,234,226,.1)}
.ftr-crest::after{content:"";position:absolute;left:50%;bottom:0;width:70%;height:40%;transform:translateX(-50%);background:radial-gradient(50% 60% at 50% 100%,rgba(215,38,28,.22),transparent 70%);pointer-events:none}
.emblem-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.emblem-flat{position:absolute;inset:8% 20%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%;color:var(--argent);transition:opacity .9s}
.ef-hound{width:min(100%,520px)}.ef-word{width:min(62%,320px)}
.emblem-flat svg{width:100%;height:auto;display:block}
.is-3d > .emblem-flat{opacity:0}
.ftr-legal{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;padding:var(--s-5) var(--gutter) var(--s-6);max-width:calc(var(--container) + var(--gutter) * 2);margin:0 auto;border-top:1px solid rgba(238,234,226,.1);font-family:var(--f-label);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ash)}
.ftr-motto{font-family:var(--f-seal);font-size:22px;letter-spacing:0;text-transform:none;color:var(--argent)}
.ftr-legal a{transition:color .3s}
.ftr-legal a:hover{color:var(--argent)}


/* ---------- torn edges where paper and blood meet the night: no straight cuts between sections ---------- */
main > .t-parchment:not(.anatomy),main > .t-blood{position:relative;z-index:4}
main > .t-parchment:not(.anatomy)::before,main > .t-blood::before,main > .t-parchment:not(.anatomy)::after,main > .t-blood::after,.ftr-frieze::before,.ftr-frieze::after{content:"";position:absolute;left:0;right:0;height:24px;background:inherit;pointer-events:none;z-index:1}
main > .t-parchment:not(.anatomy)::before,main > .t-blood::before,.ftr-frieze::before{top:-23px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'1440' height%3D'24' preserveAspectRatio%3D'none'%3E%3Cpath d%3D'M0 24 L0 15.2 L3 14.1 L6 13.6 L9 13.5 L12 13.7 L15 13.5 L18 12.8 L21 12.1 L24 12.1 L27 12.6 L30 14.4 L33 14.9 L36 15.9 L39 15.5 L42 15.1 L45 13.9 L48 14.5 L51 13.6 L54 13.1 L57 14.1 L60 13.0 L63 12.3 L66 13.3 L69 13.7 L72 13.6 L75 12.7 L78 13.1 L81 13.7 L84 13.8 L87 13.5 L90 12.7 L93 14.4 L96 14.0 L99 16.2 L102 15.2 L105 15.9 L108 16.7 L111 15.6 L114 15.2 L117 15.1 L120 15.8 L123 15.9 L126 16.1 L129 16.4 L132 17.0 L135 17.3 L138 18.1 L141 18.6 L144 18.1 L147 17.3 L150 17.6 L153 16.8 L156 17.2 L159 17.5 L162 16.6 L165 17.9 L168 18.1 L171 17.8 L174 17.9 L177 18.0 L180 17.8 L183 17.8 L186 17.6 L189 17.0 L192 17.8 L195 16.8 L198 18.1 L201 18.6 L204 18.6 L207 17.8 L210 18.9 L213 19.5 L216 18.5 L219 18.9 L222 17.2 L225 16.7 L228 16.7 L231 18.5 L234 18.1 L237 17.0 L240 16.6 L243 16.0 L246 16.1 L249 16.7 L252 15.8 L255 16.8 L258 16.6 L261 17.7 L264 17.1 L267 16.7 L270 15.6 L273 15.0 L276 14.3 L279 14.4 L282 14.0 L285 12.7 L288 12.7 L291 12.5 L294 12.9 L297 13.8 L300 14.4 L303 15.2 L306 15.5 L309 15.8 L312 14.4 L315 15.2 L318 14.9 L321 13.5 L324 12.8 L327 14.0 L330 14.8 L333 14.0 L336 14.9 L339 15.2 L342 15.9 L345 15.3 L348 15.5 L351 15.4 L354 16.7 L357 15.2 L360 15.7 L363 16.5 L366 16.0 L369 15.7 L372 15.7 L375 15.6 L378 14.3 L381 15.3 L384 16.2 L387 16.2 L390 14.8 L393 13.9 L396 14.7 L399 14.9 L402 14.7 L405 15.7 L408 15.6 L411 16.7 L414 16.8 L417 15.5 L420 15.6 L423 15.6 L426 16.7 L429 15.4 L432 15.4 L435 15.8 L438 15.6 L441 16.6 L444 16.3 L447 15.6 L450 16.1 L453 14.8 L456 13.9 L459 14.0 L462 13.4 L465 15.1 L468 15.3 L471 14.8 L474 14.9 L477 15.0 L480 16.8 L483 17.4 L486 17.1 L489 17.9 L492 18.8 L495 18.5 L498 18.9 L501 18.9 L504 18.7 L507 19.0 L510 16.9 L513 16.3 L516 17.3 L519 18.3 L522 17.3 L525 17.9 L528 17.3 L531 16.5 L534 16.5 L537 16.2 L540 14.8 L543 14.8 L546 15.2 L549 16.4 L552 15.7 L555 14.6 L558 15.0 L561 14.8 L564 12.7 L567 13.1 L570 12.2 L573 12.0 L576 12.2 L579 11.6 L582 10.2 L585 9.5 L588 8.9 L591 9.7 L594 10.2 L597 10.2 L600 8.6 L603 9.4 L606 8.8 L609 8.9 L612 9.8 L615 9.5 L618 10.0 L621 9.4 L624 9.6 L627 8.7 L630 8.5 L633 9.6 L636 10.2 L639 9.7 L642 11.6 L645 11.5 L648 12.2 L651 12.6 L654 11.7 L657 11.4 L660 11.3 L663 11.1 L666 12.1 L669 11.4 L672 10.2 L675 10.4 L678 10.0 L681 7.4 L684 6.8 L687 8.4 L690 9.0 L693 10.0 L696 11.2 L699 10.1 L702 9.1 L705 11.6 L708 12.0 L711 13.8 L714 13.5 L717 11.9 L720 12.1 L723 12.8 L726 14.1 L729 15.1 L732 15.5 L735 15.1 L738 15.3 L741 14.8 L744 14.2 L747 14.1 L750 14.4 L753 15.7 L756 15.8 L759 15.5 L762 14.9 L765 15.4 L768 14.7 L771 14.0 L774 13.3 L777 13.6 L780 12.8 L783 13.7 L786 13.5 L789 13.7 L792 13.7 L795 13.9 L798 13.4 L801 13.3 L804 13.9 L807 15.2 L810 14.7 L813 14.9 L816 13.4 L819 13.8 L822 12.8 L825 14.0 L828 14.3 L831 13.6 L834 13.4 L837 14.6 L840 15.7 L843 16.2 L846 16.7 L849 15.9 L852 14.9 L855 14.7 L858 14.4 L861 15.4 L864 15.4 L867 15.0 L870 14.9 L873 15.0 L876 14.8 L879 15.4 L882 14.5 L885 14.8 L888 15.4 L891 14.4 L894 14.8 L897 13.3 L900 14.1 L903 14.2 L906 14.2 L909 14.2 L912 13.7 L915 13.0 L918 12.4 L921 11.1 L924 11.6 L927 10.2 L930 10.7 L933 9.9 L936 9.7 L939 9.4 L942 10.7 L945 11.4 L948 10.8 L951 12.4 L954 11.4 L957 12.3 L960 11.6 L963 11.9 L966 12.5 L969 11.7 L972 10.6 L975 11.5 L978 12.5 L981 14.0 L984 14.2 L987 13.0 L990 12.1 L993 13.1 L996 12.7 L999 13.1 L1002 14.1 L1005 12.3 L1008 12.4 L1011 13.2 L1014 14.1 L1017 14.1 L1020 13.5 L1023 11.2 L1026 11.2 L1029 10.6 L1032 11.0 L1035 10.8 L1038 10.1 L1041 10.0 L1044 8.6 L1047 8.5 L1050 9.4 L1053 9.5 L1056 8.5 L1059 9.2 L1062 8.8 L1065 9.7 L1068 9.6 L1071 11.3 L1074 10.6 L1077 9.9 L1080 9.0 L1083 9.9 L1086 8.7 L1089 7.7 L1092 8.6 L1095 8.9 L1098 10.7 L1101 9.3 L1104 9.9 L1107 8.4 L1110 9.1 L1113 9.6 L1116 8.9 L1119 9.7 L1122 9.8 L1125 9.2 L1128 9.0 L1131 9.4 L1134 8.6 L1137 8.1 L1140 7.5 L1143 7.1 L1146 7.1 L1149 7.8 L1152 8.0 L1155 7.8 L1158 8.5 L1161 9.7 L1164 9.2 L1167 9.4 L1170 9.1 L1173 9.0 L1176 8.8 L1179 7.3 L1182 8.3 L1185 9.4 L1188 8.8 L1191 8.9 L1194 10.1 L1197 8.8 L1200 9.7 L1203 9.1 L1206 8.4 L1209 9.3 L1212 9.6 L1215 10.2 L1218 10.2 L1221 11.7 L1224 11.3 L1227 12.0 L1230 10.4 L1233 9.4 L1236 10.8 L1239 11.3 L1242 10.0 L1245 9.3 L1248 8.3 L1251 6.8 L1254 7.8 L1257 9.9 L1260 9.3 L1263 9.5 L1266 8.0 L1269 8.1 L1272 7.0 L1275 7.4 L1278 8.3 L1281 7.4 L1284 9.6 L1287 8.7 L1290 8.0 L1293 7.8 L1296 7.2 L1299 6.4 L1302 6.4 L1305 7.3 L1308 7.9 L1311 9.2 L1314 10.8 L1317 11.4 L1320 10.3 L1323 9.3 L1326 10.0 L1329 10.2 L1332 10.7 L1335 10.5 L1338 11.0 L1341 10.4 L1344 11.1 L1347 10.4 L1350 10.9 L1353 11.2 L1356 9.7 L1359 9.4 L1362 9.8 L1365 10.4 L1368 11.3 L1371 11.4 L1374 12.1 L1377 11.4 L1380 12.4 L1383 11.7 L1386 10.5 L1389 10.0 L1392 9.0 L1395 8.4 L1398 9.7 L1401 10.1 L1404 11.6 L1407 11.8 L1410 10.2 L1413 10.6 L1416 10.2 L1419 10.3 L1422 10.7 L1425 10.4 L1428 12.7 L1431 13.3 L1434 12.8 L1437 14.2 L1440 15.2 L1440 24 Z'%2F%3E%3C%2Fsvg%3E") 0 0/1440px 24px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'1440' height%3D'24' preserveAspectRatio%3D'none'%3E%3Cpath d%3D'M0 24 L0 15.2 L3 14.1 L6 13.6 L9 13.5 L12 13.7 L15 13.5 L18 12.8 L21 12.1 L24 12.1 L27 12.6 L30 14.4 L33 14.9 L36 15.9 L39 15.5 L42 15.1 L45 13.9 L48 14.5 L51 13.6 L54 13.1 L57 14.1 L60 13.0 L63 12.3 L66 13.3 L69 13.7 L72 13.6 L75 12.7 L78 13.1 L81 13.7 L84 13.8 L87 13.5 L90 12.7 L93 14.4 L96 14.0 L99 16.2 L102 15.2 L105 15.9 L108 16.7 L111 15.6 L114 15.2 L117 15.1 L120 15.8 L123 15.9 L126 16.1 L129 16.4 L132 17.0 L135 17.3 L138 18.1 L141 18.6 L144 18.1 L147 17.3 L150 17.6 L153 16.8 L156 17.2 L159 17.5 L162 16.6 L165 17.9 L168 18.1 L171 17.8 L174 17.9 L177 18.0 L180 17.8 L183 17.8 L186 17.6 L189 17.0 L192 17.8 L195 16.8 L198 18.1 L201 18.6 L204 18.6 L207 17.8 L210 18.9 L213 19.5 L216 18.5 L219 18.9 L222 17.2 L225 16.7 L228 16.7 L231 18.5 L234 18.1 L237 17.0 L240 16.6 L243 16.0 L246 16.1 L249 16.7 L252 15.8 L255 16.8 L258 16.6 L261 17.7 L264 17.1 L267 16.7 L270 15.6 L273 15.0 L276 14.3 L279 14.4 L282 14.0 L285 12.7 L288 12.7 L291 12.5 L294 12.9 L297 13.8 L300 14.4 L303 15.2 L306 15.5 L309 15.8 L312 14.4 L315 15.2 L318 14.9 L321 13.5 L324 12.8 L327 14.0 L330 14.8 L333 14.0 L336 14.9 L339 15.2 L342 15.9 L345 15.3 L348 15.5 L351 15.4 L354 16.7 L357 15.2 L360 15.7 L363 16.5 L366 16.0 L369 15.7 L372 15.7 L375 15.6 L378 14.3 L381 15.3 L384 16.2 L387 16.2 L390 14.8 L393 13.9 L396 14.7 L399 14.9 L402 14.7 L405 15.7 L408 15.6 L411 16.7 L414 16.8 L417 15.5 L420 15.6 L423 15.6 L426 16.7 L429 15.4 L432 15.4 L435 15.8 L438 15.6 L441 16.6 L444 16.3 L447 15.6 L450 16.1 L453 14.8 L456 13.9 L459 14.0 L462 13.4 L465 15.1 L468 15.3 L471 14.8 L474 14.9 L477 15.0 L480 16.8 L483 17.4 L486 17.1 L489 17.9 L492 18.8 L495 18.5 L498 18.9 L501 18.9 L504 18.7 L507 19.0 L510 16.9 L513 16.3 L516 17.3 L519 18.3 L522 17.3 L525 17.9 L528 17.3 L531 16.5 L534 16.5 L537 16.2 L540 14.8 L543 14.8 L546 15.2 L549 16.4 L552 15.7 L555 14.6 L558 15.0 L561 14.8 L564 12.7 L567 13.1 L570 12.2 L573 12.0 L576 12.2 L579 11.6 L582 10.2 L585 9.5 L588 8.9 L591 9.7 L594 10.2 L597 10.2 L600 8.6 L603 9.4 L606 8.8 L609 8.9 L612 9.8 L615 9.5 L618 10.0 L621 9.4 L624 9.6 L627 8.7 L630 8.5 L633 9.6 L636 10.2 L639 9.7 L642 11.6 L645 11.5 L648 12.2 L651 12.6 L654 11.7 L657 11.4 L660 11.3 L663 11.1 L666 12.1 L669 11.4 L672 10.2 L675 10.4 L678 10.0 L681 7.4 L684 6.8 L687 8.4 L690 9.0 L693 10.0 L696 11.2 L699 10.1 L702 9.1 L705 11.6 L708 12.0 L711 13.8 L714 13.5 L717 11.9 L720 12.1 L723 12.8 L726 14.1 L729 15.1 L732 15.5 L735 15.1 L738 15.3 L741 14.8 L744 14.2 L747 14.1 L750 14.4 L753 15.7 L756 15.8 L759 15.5 L762 14.9 L765 15.4 L768 14.7 L771 14.0 L774 13.3 L777 13.6 L780 12.8 L783 13.7 L786 13.5 L789 13.7 L792 13.7 L795 13.9 L798 13.4 L801 13.3 L804 13.9 L807 15.2 L810 14.7 L813 14.9 L816 13.4 L819 13.8 L822 12.8 L825 14.0 L828 14.3 L831 13.6 L834 13.4 L837 14.6 L840 15.7 L843 16.2 L846 16.7 L849 15.9 L852 14.9 L855 14.7 L858 14.4 L861 15.4 L864 15.4 L867 15.0 L870 14.9 L873 15.0 L876 14.8 L879 15.4 L882 14.5 L885 14.8 L888 15.4 L891 14.4 L894 14.8 L897 13.3 L900 14.1 L903 14.2 L906 14.2 L909 14.2 L912 13.7 L915 13.0 L918 12.4 L921 11.1 L924 11.6 L927 10.2 L930 10.7 L933 9.9 L936 9.7 L939 9.4 L942 10.7 L945 11.4 L948 10.8 L951 12.4 L954 11.4 L957 12.3 L960 11.6 L963 11.9 L966 12.5 L969 11.7 L972 10.6 L975 11.5 L978 12.5 L981 14.0 L984 14.2 L987 13.0 L990 12.1 L993 13.1 L996 12.7 L999 13.1 L1002 14.1 L1005 12.3 L1008 12.4 L1011 13.2 L1014 14.1 L1017 14.1 L1020 13.5 L1023 11.2 L1026 11.2 L1029 10.6 L1032 11.0 L1035 10.8 L1038 10.1 L1041 10.0 L1044 8.6 L1047 8.5 L1050 9.4 L1053 9.5 L1056 8.5 L1059 9.2 L1062 8.8 L1065 9.7 L1068 9.6 L1071 11.3 L1074 10.6 L1077 9.9 L1080 9.0 L1083 9.9 L1086 8.7 L1089 7.7 L1092 8.6 L1095 8.9 L1098 10.7 L1101 9.3 L1104 9.9 L1107 8.4 L1110 9.1 L1113 9.6 L1116 8.9 L1119 9.7 L1122 9.8 L1125 9.2 L1128 9.0 L1131 9.4 L1134 8.6 L1137 8.1 L1140 7.5 L1143 7.1 L1146 7.1 L1149 7.8 L1152 8.0 L1155 7.8 L1158 8.5 L1161 9.7 L1164 9.2 L1167 9.4 L1170 9.1 L1173 9.0 L1176 8.8 L1179 7.3 L1182 8.3 L1185 9.4 L1188 8.8 L1191 8.9 L1194 10.1 L1197 8.8 L1200 9.7 L1203 9.1 L1206 8.4 L1209 9.3 L1212 9.6 L1215 10.2 L1218 10.2 L1221 11.7 L1224 11.3 L1227 12.0 L1230 10.4 L1233 9.4 L1236 10.8 L1239 11.3 L1242 10.0 L1245 9.3 L1248 8.3 L1251 6.8 L1254 7.8 L1257 9.9 L1260 9.3 L1263 9.5 L1266 8.0 L1269 8.1 L1272 7.0 L1275 7.4 L1278 8.3 L1281 7.4 L1284 9.6 L1287 8.7 L1290 8.0 L1293 7.8 L1296 7.2 L1299 6.4 L1302 6.4 L1305 7.3 L1308 7.9 L1311 9.2 L1314 10.8 L1317 11.4 L1320 10.3 L1323 9.3 L1326 10.0 L1329 10.2 L1332 10.7 L1335 10.5 L1338 11.0 L1341 10.4 L1344 11.1 L1347 10.4 L1350 10.9 L1353 11.2 L1356 9.7 L1359 9.4 L1362 9.8 L1365 10.4 L1368 11.3 L1371 11.4 L1374 12.1 L1377 11.4 L1380 12.4 L1383 11.7 L1386 10.5 L1389 10.0 L1392 9.0 L1395 8.4 L1398 9.7 L1401 10.1 L1404 11.6 L1407 11.8 L1410 10.2 L1413 10.6 L1416 10.2 L1419 10.3 L1422 10.7 L1425 10.4 L1428 12.7 L1431 13.3 L1434 12.8 L1437 14.2 L1440 15.2 L1440 24 Z'%2F%3E%3C%2Fsvg%3E") 0 0/1440px 24px repeat-x}
main > .t-parchment:not(.anatomy)::after,main > .t-blood::after,.ftr-frieze::after{bottom:-23px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'1440' height%3D'24' preserveAspectRatio%3D'none'%3E%3Cpath d%3D'M0 0 L0 13.3 L3 11.8 L6 12.6 L9 12.0 L12 12.6 L15 11.8 L18 12.2 L21 12.2 L24 12.8 L27 12.0 L30 12.9 L33 14.0 L36 14.7 L39 14.0 L42 15.2 L45 14.4 L48 14.6 L51 14.3 L54 12.6 L57 13.4 L60 11.7 L63 12.4 L66 13.0 L69 13.6 L72 14.1 L75 12.8 L78 13.0 L81 11.8 L84 13.3 L87 13.1 L90 13.2 L93 14.5 L96 15.6 L99 15.4 L102 16.3 L105 15.8 L108 16.9 L111 15.8 L114 16.6 L117 16.7 L120 15.5 L123 15.5 L126 15.4 L129 13.6 L132 13.5 L135 13.6 L138 12.3 L141 12.7 L144 12.2 L147 12.4 L150 13.0 L153 15.1 L156 14.9 L159 15.1 L162 15.7 L165 15.9 L168 15.1 L171 13.8 L174 14.4 L177 14.1 L180 14.1 L183 15.0 L186 14.4 L189 15.3 L192 15.1 L195 14.6 L198 14.0 L201 15.0 L204 16.2 L207 15.4 L210 14.1 L213 12.7 L216 13.0 L219 12.2 L222 12.6 L225 13.6 L228 13.1 L231 11.5 L234 12.1 L237 11.1 L240 10.6 L243 10.5 L246 10.4 L249 9.2 L252 10.2 L255 10.3 L258 11.0 L261 10.1 L264 9.5 L267 9.1 L270 8.4 L273 8.9 L276 8.7 L279 9.3 L282 8.8 L285 9.3 L288 10.3 L291 9.3 L294 8.3 L297 7.5 L300 7.6 L303 8.8 L306 9.3 L309 9.6 L312 9.4 L315 10.0 L318 9.5 L321 9.4 L324 9.8 L327 9.4 L330 9.8 L333 8.9 L336 9.0 L339 9.0 L342 9.4 L345 8.6 L348 8.5 L351 8.6 L354 8.5 L357 8.8 L360 8.7 L363 8.4 L366 8.5 L369 9.4 L372 8.5 L375 7.7 L378 7.4 L381 8.3 L384 7.7 L387 8.2 L390 8.7 L393 7.4 L396 7.7 L399 8.3 L402 10.0 L405 9.9 L408 11.0 L411 11.8 L414 11.4 L417 11.0 L420 10.6 L423 10.8 L426 11.2 L429 11.9 L432 12.5 L435 13.0 L438 12.2 L441 11.8 L444 12.1 L447 14.0 L450 14.2 L453 14.9 L456 13.8 L459 12.3 L462 13.0 L465 13.4 L468 14.0 L471 13.8 L474 14.3 L477 13.2 L480 12.7 L483 12.5 L486 13.1 L489 12.1 L492 12.5 L495 13.2 L498 11.6 L501 12.1 L504 13.0 L507 11.9 L510 13.2 L513 12.3 L516 12.2 L519 11.9 L522 13.1 L525 12.2 L528 14.2 L531 13.8 L534 14.1 L537 14.4 L540 13.1 L543 13.3 L546 15.3 L549 15.4 L552 14.9 L555 14.5 L558 14.3 L561 13.1 L564 13.1 L567 12.2 L570 13.5 L573 12.5 L576 12.9 L579 13.4 L582 14.5 L585 14.1 L588 14.4 L591 14.0 L594 14.5 L597 13.8 L600 14.6 L603 16.1 L606 15.9 L609 14.6 L612 15.0 L615 15.7 L618 15.9 L621 15.6 L624 16.1 L627 15.4 L630 15.5 L633 15.0 L636 16.0 L639 16.0 L642 15.4 L645 17.4 L648 16.6 L651 16.8 L654 16.2 L657 16.0 L660 14.9 L663 15.4 L666 15.1 L669 13.8 L672 13.2 L675 11.6 L678 11.7 L681 11.8 L684 10.4 L687 11.6 L690 12.0 L693 11.7 L696 10.2 L699 10.1 L702 10.7 L705 10.4 L708 10.1 L711 9.5 L714 8.6 L717 9.3 L720 9.1 L723 9.0 L726 8.0 L729 8.6 L732 8.0 L735 8.6 L738 8.7 L741 7.9 L744 8.2 L747 8.0 L750 8.2 L753 8.8 L756 10.0 L759 8.9 L762 9.1 L765 9.0 L768 9.5 L771 9.1 L774 8.8 L777 8.0 L780 6.9 L783 6.9 L786 7.2 L789 6.2 L792 5.6 L795 5.9 L798 4.6 L801 5.2 L804 5.2 L807 7.0 L810 7.3 L813 7.5 L816 6.9 L819 6.7 L822 8.0 L825 7.7 L828 7.6 L831 7.1 L834 5.7 L837 5.3 L840 6.5 L843 5.3 L846 6.0 L849 5.9 L852 6.9 L855 7.6 L858 6.7 L861 6.6 L864 7.1 L867 7.4 L870 7.3 L873 7.1 L876 7.9 L879 8.6 L882 9.4 L885 9.0 L888 8.4 L891 7.6 L894 8.2 L897 10.4 L900 10.8 L903 10.9 L906 8.3 L909 9.3 L912 8.5 L915 9.8 L918 9.4 L921 10.7 L924 9.6 L927 10.1 L930 10.2 L933 11.1 L936 10.1 L939 11.7 L942 10.7 L945 10.7 L948 10.4 L951 10.4 L954 11.3 L957 9.9 L960 9.0 L963 8.5 L966 7.2 L969 7.7 L972 8.8 L975 7.9 L978 8.5 L981 8.8 L984 9.7 L987 10.7 L990 10.2 L993 10.9 L996 10.6 L999 9.7 L1002 10.3 L1005 11.1 L1008 10.5 L1011 11.7 L1014 11.2 L1017 10.3 L1020 11.2 L1023 12.2 L1026 13.9 L1029 14.0 L1032 14.6 L1035 15.4 L1038 15.6 L1041 15.4 L1044 15.4 L1047 15.1 L1050 15.2 L1053 15.7 L1056 14.8 L1059 13.9 L1062 14.6 L1065 13.9 L1068 14.8 L1071 15.3 L1074 15.5 L1077 15.0 L1080 14.3 L1083 15.3 L1086 13.9 L1089 14.1 L1092 15.2 L1095 15.3 L1098 16.6 L1101 16.8 L1104 17.1 L1107 17.2 L1110 16.5 L1113 16.9 L1116 16.9 L1119 16.5 L1122 15.2 L1125 14.3 L1128 13.8 L1131 14.3 L1134 12.8 L1137 12.9 L1140 13.4 L1143 13.8 L1146 14.2 L1149 13.6 L1152 12.6 L1155 12.1 L1158 13.3 L1161 12.9 L1164 13.4 L1167 13.8 L1170 13.9 L1173 13.6 L1176 15.6 L1179 16.5 L1182 16.4 L1185 17.0 L1188 15.9 L1191 15.0 L1194 15.1 L1197 14.9 L1200 13.6 L1203 14.6 L1206 14.9 L1209 15.7 L1212 15.5 L1215 15.3 L1218 14.6 L1221 14.8 L1224 14.9 L1227 14.8 L1230 15.6 L1233 15.6 L1236 14.4 L1239 13.9 L1242 14.1 L1245 13.3 L1248 12.6 L1251 12.4 L1254 13.6 L1257 13.1 L1260 13.8 L1263 14.1 L1266 13.7 L1269 15.4 L1272 15.0 L1275 13.3 L1278 13.3 L1281 13.5 L1284 15.5 L1287 15.7 L1290 15.8 L1293 14.0 L1296 14.2 L1299 13.8 L1302 13.8 L1305 14.1 L1308 14.8 L1311 15.5 L1314 15.1 L1317 15.3 L1320 14.6 L1323 14.4 L1326 13.1 L1329 12.4 L1332 12.2 L1335 11.8 L1338 11.4 L1341 12.1 L1344 11.6 L1347 11.2 L1350 12.1 L1353 12.2 L1356 13.1 L1359 12.1 L1362 13.0 L1365 11.8 L1368 12.9 L1371 11.9 L1374 12.2 L1377 12.5 L1380 12.4 L1383 13.2 L1386 13.9 L1389 12.6 L1392 11.3 L1395 11.2 L1398 10.7 L1401 10.2 L1404 10.1 L1407 11.1 L1410 11.2 L1413 12.2 L1416 12.8 L1419 12.5 L1422 13.5 L1425 11.7 L1428 10.6 L1431 11.1 L1434 11.6 L1437 13.0 L1440 13.3 L1440 0 Z'%2F%3E%3C%2Fsvg%3E") 0 0/1440px 24px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width%3D'1440' height%3D'24' preserveAspectRatio%3D'none'%3E%3Cpath d%3D'M0 0 L0 13.3 L3 11.8 L6 12.6 L9 12.0 L12 12.6 L15 11.8 L18 12.2 L21 12.2 L24 12.8 L27 12.0 L30 12.9 L33 14.0 L36 14.7 L39 14.0 L42 15.2 L45 14.4 L48 14.6 L51 14.3 L54 12.6 L57 13.4 L60 11.7 L63 12.4 L66 13.0 L69 13.6 L72 14.1 L75 12.8 L78 13.0 L81 11.8 L84 13.3 L87 13.1 L90 13.2 L93 14.5 L96 15.6 L99 15.4 L102 16.3 L105 15.8 L108 16.9 L111 15.8 L114 16.6 L117 16.7 L120 15.5 L123 15.5 L126 15.4 L129 13.6 L132 13.5 L135 13.6 L138 12.3 L141 12.7 L144 12.2 L147 12.4 L150 13.0 L153 15.1 L156 14.9 L159 15.1 L162 15.7 L165 15.9 L168 15.1 L171 13.8 L174 14.4 L177 14.1 L180 14.1 L183 15.0 L186 14.4 L189 15.3 L192 15.1 L195 14.6 L198 14.0 L201 15.0 L204 16.2 L207 15.4 L210 14.1 L213 12.7 L216 13.0 L219 12.2 L222 12.6 L225 13.6 L228 13.1 L231 11.5 L234 12.1 L237 11.1 L240 10.6 L243 10.5 L246 10.4 L249 9.2 L252 10.2 L255 10.3 L258 11.0 L261 10.1 L264 9.5 L267 9.1 L270 8.4 L273 8.9 L276 8.7 L279 9.3 L282 8.8 L285 9.3 L288 10.3 L291 9.3 L294 8.3 L297 7.5 L300 7.6 L303 8.8 L306 9.3 L309 9.6 L312 9.4 L315 10.0 L318 9.5 L321 9.4 L324 9.8 L327 9.4 L330 9.8 L333 8.9 L336 9.0 L339 9.0 L342 9.4 L345 8.6 L348 8.5 L351 8.6 L354 8.5 L357 8.8 L360 8.7 L363 8.4 L366 8.5 L369 9.4 L372 8.5 L375 7.7 L378 7.4 L381 8.3 L384 7.7 L387 8.2 L390 8.7 L393 7.4 L396 7.7 L399 8.3 L402 10.0 L405 9.9 L408 11.0 L411 11.8 L414 11.4 L417 11.0 L420 10.6 L423 10.8 L426 11.2 L429 11.9 L432 12.5 L435 13.0 L438 12.2 L441 11.8 L444 12.1 L447 14.0 L450 14.2 L453 14.9 L456 13.8 L459 12.3 L462 13.0 L465 13.4 L468 14.0 L471 13.8 L474 14.3 L477 13.2 L480 12.7 L483 12.5 L486 13.1 L489 12.1 L492 12.5 L495 13.2 L498 11.6 L501 12.1 L504 13.0 L507 11.9 L510 13.2 L513 12.3 L516 12.2 L519 11.9 L522 13.1 L525 12.2 L528 14.2 L531 13.8 L534 14.1 L537 14.4 L540 13.1 L543 13.3 L546 15.3 L549 15.4 L552 14.9 L555 14.5 L558 14.3 L561 13.1 L564 13.1 L567 12.2 L570 13.5 L573 12.5 L576 12.9 L579 13.4 L582 14.5 L585 14.1 L588 14.4 L591 14.0 L594 14.5 L597 13.8 L600 14.6 L603 16.1 L606 15.9 L609 14.6 L612 15.0 L615 15.7 L618 15.9 L621 15.6 L624 16.1 L627 15.4 L630 15.5 L633 15.0 L636 16.0 L639 16.0 L642 15.4 L645 17.4 L648 16.6 L651 16.8 L654 16.2 L657 16.0 L660 14.9 L663 15.4 L666 15.1 L669 13.8 L672 13.2 L675 11.6 L678 11.7 L681 11.8 L684 10.4 L687 11.6 L690 12.0 L693 11.7 L696 10.2 L699 10.1 L702 10.7 L705 10.4 L708 10.1 L711 9.5 L714 8.6 L717 9.3 L720 9.1 L723 9.0 L726 8.0 L729 8.6 L732 8.0 L735 8.6 L738 8.7 L741 7.9 L744 8.2 L747 8.0 L750 8.2 L753 8.8 L756 10.0 L759 8.9 L762 9.1 L765 9.0 L768 9.5 L771 9.1 L774 8.8 L777 8.0 L780 6.9 L783 6.9 L786 7.2 L789 6.2 L792 5.6 L795 5.9 L798 4.6 L801 5.2 L804 5.2 L807 7.0 L810 7.3 L813 7.5 L816 6.9 L819 6.7 L822 8.0 L825 7.7 L828 7.6 L831 7.1 L834 5.7 L837 5.3 L840 6.5 L843 5.3 L846 6.0 L849 5.9 L852 6.9 L855 7.6 L858 6.7 L861 6.6 L864 7.1 L867 7.4 L870 7.3 L873 7.1 L876 7.9 L879 8.6 L882 9.4 L885 9.0 L888 8.4 L891 7.6 L894 8.2 L897 10.4 L900 10.8 L903 10.9 L906 8.3 L909 9.3 L912 8.5 L915 9.8 L918 9.4 L921 10.7 L924 9.6 L927 10.1 L930 10.2 L933 11.1 L936 10.1 L939 11.7 L942 10.7 L945 10.7 L948 10.4 L951 10.4 L954 11.3 L957 9.9 L960 9.0 L963 8.5 L966 7.2 L969 7.7 L972 8.8 L975 7.9 L978 8.5 L981 8.8 L984 9.7 L987 10.7 L990 10.2 L993 10.9 L996 10.6 L999 9.7 L1002 10.3 L1005 11.1 L1008 10.5 L1011 11.7 L1014 11.2 L1017 10.3 L1020 11.2 L1023 12.2 L1026 13.9 L1029 14.0 L1032 14.6 L1035 15.4 L1038 15.6 L1041 15.4 L1044 15.4 L1047 15.1 L1050 15.2 L1053 15.7 L1056 14.8 L1059 13.9 L1062 14.6 L1065 13.9 L1068 14.8 L1071 15.3 L1074 15.5 L1077 15.0 L1080 14.3 L1083 15.3 L1086 13.9 L1089 14.1 L1092 15.2 L1095 15.3 L1098 16.6 L1101 16.8 L1104 17.1 L1107 17.2 L1110 16.5 L1113 16.9 L1116 16.9 L1119 16.5 L1122 15.2 L1125 14.3 L1128 13.8 L1131 14.3 L1134 12.8 L1137 12.9 L1140 13.4 L1143 13.8 L1146 14.2 L1149 13.6 L1152 12.6 L1155 12.1 L1158 13.3 L1161 12.9 L1164 13.4 L1167 13.8 L1170 13.9 L1173 13.6 L1176 15.6 L1179 16.5 L1182 16.4 L1185 17.0 L1188 15.9 L1191 15.0 L1194 15.1 L1197 14.9 L1200 13.6 L1203 14.6 L1206 14.9 L1209 15.7 L1212 15.5 L1215 15.3 L1218 14.6 L1221 14.8 L1224 14.9 L1227 14.8 L1230 15.6 L1233 15.6 L1236 14.4 L1239 13.9 L1242 14.1 L1245 13.3 L1248 12.6 L1251 12.4 L1254 13.6 L1257 13.1 L1260 13.8 L1263 14.1 L1266 13.7 L1269 15.4 L1272 15.0 L1275 13.3 L1278 13.3 L1281 13.5 L1284 15.5 L1287 15.7 L1290 15.8 L1293 14.0 L1296 14.2 L1299 13.8 L1302 13.8 L1305 14.1 L1308 14.8 L1311 15.5 L1314 15.1 L1317 15.3 L1320 14.6 L1323 14.4 L1326 13.1 L1329 12.4 L1332 12.2 L1335 11.8 L1338 11.4 L1341 12.1 L1344 11.6 L1347 11.2 L1350 12.1 L1353 12.2 L1356 13.1 L1359 12.1 L1362 13.0 L1365 11.8 L1368 12.9 L1371 11.9 L1374 12.2 L1377 12.5 L1380 12.4 L1383 13.2 L1386 13.9 L1389 12.6 L1392 11.3 L1395 11.2 L1398 10.7 L1401 10.2 L1404 10.1 L1407 11.1 L1410 11.2 L1413 12.2 L1416 12.8 L1419 12.5 L1422 13.5 L1425 11.7 L1428 10.6 L1431 11.1 L1434 11.6 L1437 13.0 L1440 13.3 L1440 0 Z'%2F%3E%3C%2Fsvg%3E") 0 0/1440px 24px repeat-x}
main > .t-blood::before{-webkit-mask-position:420px 0;mask-position:420px 0}
main > .t-blood::after{-webkit-mask-position:-610px 0;mask-position:-610px 0}

/* ---------- embers ---------- */
.embers-cv{position:absolute;inset:0;z-index:1;pointer-events:none}
[data-embers]{position:relative}

/* ---------- headlines that rise line by line ---------- */
.ln{display:block;overflow:hidden;padding:.24em 0 .22em;margin:-.24em 0 -.22em}
/* room above for accents (Č Ć Š Ž) and below for descenders (J), without changing the spacing between lines */
.ln > span{display:block}

/* ---------- the marching frieze: one seamless tile, repeated ---------- */
.march{height:100%;width:calc(100% + 400vw);background:url("../img/plates/frieze-tile.svg") repeat-x 0 50%/auto 100%;will-change:transform}

/* ---------- the hound that carries a piece to the cart ---------- */

/* ---------- reveal helpers ---------- */
[data-reveal]{opacity:0;transform:translateY(40px)}
.no-motion [data-reveal]{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .ftr-inner{grid-template-columns:1fr;gap:var(--s-8)}
  .sec-head{grid-template-columns:1fr;gap:var(--s-5);margin-bottom:var(--s-8)}
}
@media (max-width:720px){
  body{font-size:17px}
  .hdr{padding:var(--s-4) var(--gutter)}
  .ftr-cols{grid-template-columns:1fr 1fr;gap:var(--s-7) var(--s-5)}
  .raven-row{flex-direction:column}
  .raven-row .btn{width:100%}
  .ftr-cols a:hover{transform:none}
  .ftr-cols a{white-space:normal}
  .ftr-legal{justify-content:center;text-align:center}
  .hdr-hound{width:38px}
  .hdr-word{width:72px}
  .hdr-menu-t{display:none}
  .hdr-menu{padding:0 var(--s-3)}
  .hdr-right{gap:var(--s-2)}
}
@media (max-width:900px){ .menu-body{display:block} .menu-art{display:none} .menu-foot{margin-top:auto} }
@media (min-width:1101px){ .hdr-menu{display:none} }
@media (max-width:1100px){ .hdr{grid-template-columns:1fr auto} .hdr-nav,.hdr-lang{display:none} }
@media (prefers-reduced-motion:reduce){.grain{animation:none}}

/* ---------- add to cart: the cut, "Added", and the cart taking the heat ---------- */
.btn-face{display:inline-flex;align-items:center;gap:inherit;transition:transform .5s var(--settle),opacity .25s}
.btn-done{position:absolute;inset:0;display:flex;white-space:nowrap;align-items:center;justify-content:center;gap:12px;opacity:0;transform:translateY(70%);transition:transform .5s var(--settle),opacity .25s;pointer-events:none}
.done-mark{width:7px;height:7px;background:currentColor;transform:rotate(45deg)}
.btn.is-added .btn-face{opacity:0;transform:translateY(-70%)}
.btn.is-added .btn-done{opacity:1;transform:none;transition-delay:.12s}
.btn-primary.is-added::before{transform:scaleX(1)}
.btn-primary.is-added{color:var(--argent)}
.t-blood .btn-primary.is-added{color:var(--sable)}
.btn-cut{position:absolute;top:-30%;bottom:-30%;left:0;width:34%;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 28%,rgba(255,244,226,.95) 47%,#ff7440 53%,transparent 72%);transform:translateX(-160%) skewX(-26deg)}
.btn.is-cut .btn-cut{animation:cutAcross .62s var(--stroke) forwards}
@keyframes cutAcross{0%{opacity:1;transform:translateX(-160%) skewX(-26deg)}100%{opacity:1;transform:translateX(420%) skewX(-26deg)}}
.hdr-chest.is-hot::before{animation:hotPlate 1.3s var(--settle)}
.hdr-chest.is-hot{animation:hotText 1.3s var(--settle)}
.hdr-chest.is-hot b{animation:hotBadge 1.3s var(--settle)}
@keyframes hotPlate{0%{background:var(--hdr-ground)}8%{background:#ffb27a}22%{background:#e2401f}55%{background:#8f1611}100%{background:var(--hdr-ground)}}
@keyframes hotText{0%,60%{color:#fff3e4}100%{}}
@keyframes hotBadge{0%,55%{background:#fff3e4;color:#8f1611}100%{}}

/* ---------- the steel slider: a gules groove that fills, a chrome lozenge to hold ---------- */
input.steel{-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:0;background:transparent;--p:50%;--groove:rgba(238,234,226,.2);touch-action:pan-y}
.t-parchment input.steel{--groove:rgba(20,19,19,.18)}
input.steel:focus{outline:none}
input.steel::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,var(--gules) var(--p),var(--groove) var(--p))}
input.steel::-moz-range-track{height:4px;background:var(--groove)}
input.steel::-moz-range-progress{height:4px;background:var(--gules)}
input.steel::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;border:0;background:linear-gradient(135deg,#fbfbfa 0%,#c9cbcf 30%,#5d6066 52%,#f2f2f0 70%,#8d9095 100%);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 4px 10px rgba(0,0,0,.45);transform:rotate(45deg);transition:transform .25s var(--settle),box-shadow .25s}
input.steel::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:0;background:linear-gradient(135deg,#fbfbfa 0%,#c9cbcf 30%,#5d6066 52%,#f2f2f0 70%,#8d9095 100%);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 4px 10px rgba(0,0,0,.45);transform:rotate(45deg)}
input.steel:hover::-webkit-slider-thumb{transform:rotate(45deg) scale(1.12)}
input.steel:active::-webkit-slider-thumb{transform:rotate(45deg) scale(.94)}
input.steel:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 0 6px rgba(215,38,28,.35)}

/* no scrollbars, anywhere: the page still scrolls, the bar is never drawn */
html,body,*{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none;width:0;height:0}

/* ---------- language switching in place: the new page fades in at the same spot ---------- */
html.swap body{opacity:0}
html.swap.swapped body{opacity:1;transition:opacity .35s ease-out}

/* ---------- language: two plain words ---------- */
.lang{display:flex;align-items:baseline;gap:var(--s-4);font-family:var(--f-display);font-stretch:62.5%;font-weight:500;font-size:20px;line-height:1;text-transform:uppercase;letter-spacing:.02em}
.lang a{position:relative;padding:4px 0;opacity:.45;transition:opacity .3s}
.lang a:hover{opacity:.8}
.lang a[aria-current]{opacity:1}
.lang a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--gules)}
.ftr-legal .lang{font-size:15px;gap:var(--s-3)}


/* ---------- the promises: engraved marks, the claim in capitals, the detail in plain words ---------- */
.oaths{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-3) 0}
.oaths li{display:flex;align-items:center;gap:var(--s-3);padding-right:var(--s-5);margin-right:var(--s-5);border-right:1px solid rgba(238,234,226,.18)}
.oaths li:last-child{border-right:0;margin-right:0;padding-right:0}
.oath-mark{flex:none;display:block;width:34px;height:34px;color:var(--argent)}
.oath-mark svg{display:block;width:100%;height:100%}
.oaths span{display:flex;flex-direction:column;font-size:14px;line-height:1.25;color:#bdbab3}
.oaths b{font-family:var(--f-display);font-stretch:62.5%;font-weight:600;font-size:19px;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--argent)}
.oaths-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4) var(--s-5);margin-top:var(--s-5)}
.oaths-grid li{border:0;margin:0;padding:0}
.t-parchment .oaths li,.chest .oaths li{border-color:rgba(20,19,19,.18)}
.oaths-s li{gap:var(--s-2);padding-right:var(--s-4);margin-right:var(--s-4)}
.oaths-s .oath-mark{width:22px;height:22px;color:currentColor}
.oaths-s span{font-size:13px;color:inherit}
.chest .oaths-s{color:var(--ink-2)}
@media (max-width:720px){
  .oaths:not(.oaths-grid):not(.oaths-s){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}
  .oaths:not(.oaths-grid):not(.oaths-s) li{flex-direction:column;align-items:flex-start;gap:var(--s-2);padding:0;margin:0;border:0}
  .oaths li{padding-right:var(--s-4);margin-right:var(--s-4)}
  .oaths b{font-size:17px}
  .oaths span{font-size:13px}
  .oath-mark{width:28px;height:28px}
}

/* headlines where a J or Q falls on a line above another get a little more air, so its tail never hits the line below;
   a J that starts a line is nudged in so it doesn't hang past the edge */
.dsc.hang{margin-left:.07em}
.desc-last{padding-bottom:.12em}
.ln.dsc-line{margin-bottom:-.14em}
.crl.dsc-line{margin-bottom:.08em}

/* nothing may ever widen the page sideways */
html{overflow-x:hidden}
@supports (overflow:clip){html{overflow-x:clip}}
body{max-width:100%;overflow-x:clip}

/* ---------- touch screens: no full-screen blend layers, no blend modes on photos ---------- */
@media (hover:none),(pointer:coarse){
  .grain{display:none}
  .slab::after{display:none}
  .inhand-a img,.or-plate img{mix-blend-mode:normal}
}

/* things that move while you scroll live on their own layers, so the browser slides them instead of repainting them */
.march,.hero-art,.hero-copy,.sv-hero-art,.or-hero-art,.qa-hero-art,.duel-head img,.fighter-art img,.inhand-band img,.inhand-a img,.or-plate img,.dial-reel,.rail-mark,.rail-fill,.nav-mark,.tag-card,.forge,.emblem-cv,.embers-cv{will-change:transform}

/* no single-word last lines */
p,li,dd{text-wrap:pretty}
h1,h2,h3,.dial-desc{text-wrap:balance}
