/* Proverbs: The Daily Devotional. The cover's pocket watch, drawn huge, keeps days instead of hours. */
@font-face{font-family:"Gloock";src:url(/assets/books/proverbs/gloock.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@view-transition{navigation:auto}

.pv{
  --display:"Gloock","Didot","Bodoni 72",Georgia,serif;
  --peri:#5F6AA2;--peri-ink:#434D8A;--ink:#20243F;--paper:#F2F0EA;
  --teal:#9AD3C9;--teal-ink:#1E6B66;--heart:#C3262E;--leaf:#23422C;
  --gut:clamp(20px,5.2vw,84px);
  background:#050B1A;overflow-x:clip
}
.pv main{position:relative;overflow-x:clip}
.pv-defs{position:absolute;width:0;height:0;overflow:hidden}
.pv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pv .top::before{background:linear-gradient(180deg,rgba(38,42,86,.62),rgba(38,42,86,.28) 55%,rgba(38,42,86,0))}
.pv .foot{border-top:0;background:#050B1A}

/* grounds: each scene ends on the colour the next one begins with */
.sc{position:relative}
.sc::before{content:"";position:absolute;inset:0;background:url(/assets/books/proverbs/grain.webp) 0 0/256px;opacity:.5;pointer-events:none}
.plate,.edge{position:absolute;display:block;pointer-events:none}
.plate{inset:0;width:100%;height:100%;z-index:1;overflow:visible}
.pl-m{display:none}
.core{fill:#FBFAF6}
.core--w{fill:#FFFFFF}

/* ---------- the watch ---------- */
.pv-rig{--W:min(72svh,52vw);--cx:calc(100vw - var(--W) * .37);--cy:calc(100svh - var(--W) * .48);
  position:absolute;inset:0 0 auto 0;height:100svh;z-index:4;pointer-events:none}
.pv-swing{position:absolute;left:0;top:0;transform:translateX(var(--cx));transform-origin:0 0}
.pv-watch{position:absolute;width:var(--W);height:var(--W);left:calc(var(--W) / -2);top:calc(var(--W) / -2);transform:translateY(var(--cy))}
.pv-chain{position:absolute;left:47.4%;width:5.2%;bottom:127.6%;height:832%;filter:drop-shadow(.4vmin .9vmin .5vmin rgba(20,16,40,.35))}
.pv-chain svg{display:block;width:100%;height:100%}
.pv-crown{position:absolute;left:35%;top:-28.6%;width:30%;height:30%;overflow:visible;filter:drop-shadow(.5vmin 1vmin .8vmin rgba(20,16,40,.35))}
.pv-case{position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 196deg,#F5F6F8,#9EA3AB 9%,#E8EAEE 18%,#5D626B 31%,#B9BDC4 42%,#FAFBFC 52%,#8A8F98 64%,#E2E5E9 76%,#646972 88%,#F5F6F8);
  box-shadow:calc(var(--W)*.035) calc(var(--W)*.06) calc(var(--W)*.07) rgba(18,14,40,.42),calc(var(--W)*.01) calc(var(--W)*.016) calc(var(--W)*.014) rgba(18,14,40,.38),inset calc(var(--W)*.008) calc(var(--W)*.008) calc(var(--W)*.012) rgba(255,255,255,.75),inset calc(var(--W)*-.012) calc(var(--W)*-.014) calc(var(--W)*.02) rgba(10,10,20,.55)}
.pv-bezel{position:absolute;inset:3.6%;border-radius:50%;
  background:conic-gradient(from 20deg,#E9ECEF,#70757E 12%,#F9FAFB 24%,#9CA1A9 37%,#4F535B 50%,#C9CDD3 63%,#FBFCFD 74%,#7E838C 88%,#E9ECEF);
  box-shadow:0 0 0 calc(var(--W)*.003) rgba(20,20,30,.55),inset 0 0 0 calc(var(--W)*.004) rgba(255,255,255,.5),inset calc(var(--W)*-.006) calc(var(--W)*-.008) calc(var(--W)*.012) rgba(20,20,30,.5)}
.pv-dial{position:absolute;inset:7.6%;border-radius:50%;overflow:hidden;
  box-shadow:0 0 0 calc(var(--W)*.004) #2C2F36,inset calc(var(--W)*.016) calc(var(--W)*.02) calc(var(--W)*.03) rgba(30,26,60,.38);touch-action:pan-y;pointer-events:auto;cursor:grab;outline:0}
.pv-dial:focus-visible{box-shadow:0 0 0 calc(var(--W)*.004) #2C2F36,0 0 0 6px var(--teal),inset calc(var(--W)*.016) calc(var(--W)*.02) calc(var(--W)*.03) rgba(30,26,60,.38)}
.pv-dial>*{position:absolute;inset:0;width:100%;height:100%;margin:0}
.pv-dial__print{z-index:0}
.pv-dial__ring{z-index:1;overflow:visible}
.pv-dn text{font:400 52px var(--display);fill:#1A1C2A;text-anchor:middle;dominant-baseline:central}
.pv-brand{font:600 30px var(--serif);letter-spacing:.3em;fill:#3E4C9E}
.pv-ringdraw{stroke-dasharray:330;stroke-dashoffset:330;transition:stroke-dashoffset .9s cubic-bezier(.6,.05,.3,1)}
.is-ring .pv-ringdraw{stroke-dashoffset:0}
.pv-num{z-index:2;display:flex;align-items:flex-start;justify-content:center;padding-top:44.5%;font:400 calc(var(--W)*.85*.4)/1 var(--display);color:#1D2034;letter-spacing:-.02em;pointer-events:none}
.pv-num span{display:block}
.pv-nojs-line{z-index:2;display:flex;align-items:center;justify-content:center;padding:44% 22% 0;font:italic 400 calc(var(--W)*.04)/1.3 var(--serif);color:#3E4C9E;text-align:center}
.js .pv-nojs-line{display:none}
.pv-hand{z-index:3;transform:rotate(var(--a,0deg));pointer-events:none}
.pv-hand--shadow{z-index:3;translate:1.1% 1.6%;opacity:.28;filter:blur(calc(var(--W)*.004))}
.pv-hand svg{display:block;width:100%;height:100%}
.pv-crystal{z-index:4;border-radius:50%;pointer-events:none;
  background:
   radial-gradient(46% 30% at 30% 19%,rgba(255,255,255,.4),rgba(255,255,255,.08) 55%,rgba(255,255,255,0) 72%),
   linear-gradient(118deg,rgba(255,255,255,0) 54%,rgba(255,255,255,.16) 58%,rgba(255,255,255,.05) 66%,rgba(255,255,255,0) 70%),
   radial-gradient(circle at 50% 50%,rgba(255,255,255,0) 64%,rgba(30,30,60,.1) 69.4%,rgba(255,255,255,.42) 70.4%,rgba(255,255,255,0) 71.2%);
  box-shadow:inset 0 0 calc(var(--W)*.02) rgba(255,255,255,.35)}
.pv-crystal::before{content:"";position:absolute;left:17%;top:11%;width:20%;height:13%;border-radius:40%;transform:rotate(-34deg) skewX(-10deg);background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.08));filter:blur(calc(var(--W)*.004))}
.pv-crystal::after{content:"";position:absolute;left:39%;top:7%;width:7%;height:10%;border-radius:40%;transform:rotate(-12deg);background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,0))}
.pv-tint{position:absolute;inset:-1%;border-radius:50%;background:var(--tint,transparent);mix-blend-mode:soft-light;opacity:.9;pointer-events:none;transition:background 1.2s}

.pv-grip{position:absolute;inset:auto;width:24%;height:24%;margin:-12% 0 0 -12%;border-radius:50%;touch-action:none;pointer-events:auto;cursor:grab;z-index:5}
/* live rig: sticky over the whole page */
.live .pv-rig{position:sticky;top:0;margin-bottom:-100svh;overflow:clip}
.live .pv-lead{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.live .pv-swing{transform:none;will-change:transform}
.live .pv-watch{transform:none}
.pv-pose{position:absolute;display:block;pointer-events:none;visibility:hidden}

/* ---------- 1. Today ---------- */
.sc-1{min-height:100svh;background:radial-gradient(90% 80% at 14% 6%,#7881BC 0%,#6670AB 30%,rgba(95,106,162,0) 70%),linear-gradient(180deg,#5F6AA2 0%,#56609A 55%,#4C4F8C 100%);z-index:auto}
.sc-1 .pv-pose{left:calc(100vw - min(72svh,52vw) * .87);top:calc(100svh - min(72svh,52vw) * .98);width:min(72svh,52vw);height:min(72svh,52vw)}
.sc-1__type{position:absolute;z-index:5;left:var(--gut);top:calc(50svh - 2vw);max-width:58vw;color:var(--peri-ink)}
.pv-by{font:600 clamp(12px,.95vw,15px)/1.3 var(--serif);letter-spacing:.32em;text-transform:uppercase;color:var(--peri-ink)}
.pv-title{margin-top:clamp(10px,1.2vw,18px)}
.pv-title__main{display:block;font:400 clamp(60px,10vw,190px)/.86 var(--display);text-transform:uppercase;letter-spacing:-.005em;margin-left:-.04em;color:var(--peri-ink)}
.pv-title__sub{display:block;margin-top:clamp(12px,1.3vw,22px);font:600 clamp(13px,1.15vw,19px)/1.3 var(--serif);letter-spacing:.42em;text-transform:uppercase;padding-left:.2em}
.pv-today{margin-top:clamp(18px,2.6vw,40px);display:flex;align-items:baseline;gap:.7em;white-space:nowrap}
.pv-today__k{font:700 12px/1 var(--label);letter-spacing:.24em;text-transform:uppercase;color:#6A6F90}
.pv-today[hidden]{display:none}
.pv-today.is-other .pv-today__k{visibility:hidden}
.pv-today [data-chapter]{font:400 clamp(28px,2.6vw,44px)/1 var(--display);color:var(--teal-ink)}

/* ---------- 2. The practice ---------- */
.sc-2{min-height:116svh;display:flex;align-items:center;background:linear-gradient(180deg,#4C4F8C 0%,#5A3E72 14%,#6A2B45 34%,#561F31 62%,#3D1823 100%)}
.sc-2 .pv-pose{left:calc(21vw - 32svh);top:calc(50% - 30svh);width:64svh;height:64svh}
.sc-2__light{position:absolute;inset:0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%);mask-image:linear-gradient(180deg,transparent,#000 18%);z-index:1;pointer-events:none;overflow:clip}
.sc-2__light i{position:absolute;top:-20%;height:150%;width:9vw;left:4vw;transform:rotate(-32deg);transform-origin:top left;background:linear-gradient(90deg,rgba(255,196,120,0),rgba(255,196,120,.2) 30%,rgba(255,206,140,.24) 60%,rgba(255,196,120,0));mix-blend-mode:screen}
.sc-2__light i:nth-child(2){left:16vw;width:12vw}
.sc-2__light i:nth-child(3){left:31vw;width:8vw;opacity:.85}
.sc-2__light i:nth-child(4){left:42vw;width:11vw;opacity:.7}
.sc-2::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(60% 50% at 30% 30%,rgba(255,170,100,.2),rgba(255,170,100,0) 70%)}
.sc-2__type{position:relative;z-index:5;margin-left:43vw;padding-right:var(--gut)}
.pv-wall{font:400 clamp(44px,6.8vw,128px)/.94 var(--display);letter-spacing:-.012em}
.pv-wall span,.pv-wall em{display:block}
.pv-wall em span{display:inline}
.pv-wall--warm{color:#F5E7D3;text-shadow:0 .02em .08em rgba(40,8,16,.35)}
.pv-wall--warm em{color:var(--teal)}
.pv-slip{position:relative;margin-top:clamp(28px,3.4vw,54px);max-width:30em;transform:rotate(-1.6deg);padding:1.3em 1.6em 1.4em}
.pv-slip__paper{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pv-slip p{position:relative;font:italic 400 clamp(19px,1.75vw,29px)/1.4 var(--serif);color:#4A2630}

/* ---------- 3. Busy, then the calendar ---------- */
.sc-3{height:250svh;background:var(--paper) url(/assets/books/proverbs/fibre.webp) 0 0/640px;z-index:auto}
.sc-3 .edge.pl-d{left:0;width:100%;height:18.06vw;top:-13.9vw;z-index:3}
.sc-3 .edge.pl-m{display:none}
.stage{position:sticky;top:0;height:100svh;overflow:visible;z-index:2}
.sc-3 .pv-pose{left:calc(86vw - 21svh);top:calc(28svh - 21svh);width:42svh;height:42svh}
.pv-cal{position:absolute;z-index:1;left:2vw;top:6svh;width:96vw;display:grid;grid-template-columns:repeat(7,1fr);row-gap:2.4vw;transform:rotate(-4deg);
  font:400 9.4vw/1 var(--display);color:rgba(67,77,138,.12);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 3%,#000 97%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 3%,#000 97%,transparent 100%)}
.pv-cal li{position:relative;text-align:center}
.pv-cal li.is-today{color:rgba(67,77,138,.34)}
.pv-cal .pv-calring{position:absolute;left:50%;top:50%;width:1.9em;height:1.5em;transform:translate(-50%,-48%) rotate(-6deg);overflow:visible}
.pv-calring use{stroke-dasharray:330;stroke-dashoffset:330;transition:stroke-dashoffset 1s cubic-bezier(.6,.05,.3,1) .1s}
.is-landed .pv-calring use,.no-js .pv-calring use,html:not(.js) .pv-calring use{stroke-dashoffset:0}
.pv-scraps{position:absolute;inset:0;z-index:6;pointer-events:none}
.pv-scrap{position:absolute;width:24vw;height:auto;aspect-ratio:340/220;overflow:visible;left:0;top:0}
.s-a{transform:translate(68vw,78svh) rotate(-12deg)}
.s-b{transform:translate(84vw,60svh) rotate(9deg) scale(.8)}
.s-c{transform:translate(64vw,-6svh) rotate(14deg) scale(.8)}
.s-d{transform:translate(-10vw,-3svh) rotate(-20deg) scale(.6)}
.s-e{transform:translate(86vw,30svh) rotate(-6deg) scale(.7)}
.s-f{transform:translate(40vw,86svh) rotate(-30deg) scale(.8)}
.sc-3__type{position:absolute;z-index:5;left:var(--gut);right:var(--gut);top:50%;transform:translateY(-50%)}
.pv-lead{font:italic 400 clamp(26px,4.2vw,76px)/1.12 var(--serif);color:#3F4577;margin-bottom:.5em;max-width:14em;text-shadow:0 0 .25em var(--paper),0 0 .5em var(--paper),0 0 .8em var(--paper)}
.pv-wall--ink{font-size:clamp(46px,10.6vw,min(196px,17svh));color:#262B54}
.pv-wall--ink em{color:var(--teal-ink)}
.pv-wall--ink em span{display:inline}

/* ---------- 4. Wisdom, typed ---------- */
.sc-4{height:240svh;background:linear-gradient(180deg,#23452F 0%,#1E3B29 50%,#1B3424 100%)}
.sc-4::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 60% at 22% 20%,rgba(160,210,150,.16),rgba(0,0,0,0) 70%)}
.sc-4 .edge.pl-d{left:0;width:100%;height:18.06vw;top:-.5vw;z-index:3}
.sc-4 .edge.pl-m{display:none}
.sc-4 .pv-pose{left:calc(91vw - 13svh);top:calc(21svh - 13svh);width:26svh;height:26svh}
.sc-4__leaves{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
.sc-4__type{position:absolute;z-index:5;left:var(--gut);top:15svh;color:#EFEBDD}
.pv-k{font:600 clamp(12px,.95vw,15px)/1.3 var(--serif);letter-spacing:.32em;text-transform:uppercase;color:#A9C7A4;margin-bottom:1.1em}
.pv-books{font:400 clamp(34px,4.6vw,min(88px,9svh))/1.02 var(--display)}
.pv-books li{color:rgba(239,235,221,.58)}
.pv-books li.is-this{color:var(--teal)}
.pv-tw{position:absolute;z-index:3;margin:0;right:-11vw;bottom:-6svh;width:min(62vw,100svh);transform:rotate(-3deg);transform-origin:bottom center}
.pv-tw__art{display:block;width:100%;height:auto;overflow:visible}
.pv-typed{font:700 40px "Courier New",Courier,monospace;fill:#23242A;letter-spacing:.6px}
.pv-tw .k{transition:transform .07s}
.pv-tw .k.is-down{transform:translateY(5px)}

/* ---------- 5. The close ---------- */
.sc-5{min-height:118svh;background:linear-gradient(180deg,#1B3424 0%,#2D4A5A 14%,#4A5590 30%,#5662A0 46%,#3F4680 62%,#252B5C 78%,#0E1330 92%,#050B1A 100%);display:flex;align-items:center}
.sc-5::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 45% at 72% 42%,rgba(255,226,190,.2),rgba(255,226,190,0) 70%)}
.sc-5__light{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:clip;-webkit-mask-image:linear-gradient(180deg,transparent 8%,#000 30%,#000 70%,transparent 92%);mask-image:linear-gradient(180deg,transparent 8%,#000 30%,#000 70%,transparent 92%)}
.sc-5__light i{position:absolute;top:-30%;height:170%;width:7vw;left:52vw;transform:rotate(-32deg);transform-origin:top left;background:linear-gradient(90deg,rgba(255,214,150,0),rgba(255,214,150,.16) 35%,rgba(255,222,168,.2) 60%,rgba(255,214,150,0));mix-blend-mode:screen}
.sc-5__light i:nth-child(2){left:62vw;width:10vw}
.sc-5__light i:nth-child(3){left:76vw;width:6vw;opacity:.8}
.sc-5__type{position:relative;z-index:5;margin-left:var(--gut);max-width:44vw;padding:12svh 0 18svh;color:#F3F1EA}
.pv-wall--close{font-size:clamp(42px,6.2vw,112px);color:#FBFAF5}
.pv-wall--close em{color:var(--teal)}
.pv-close__title{margin-top:clamp(26px,3vw,46px);font:400 clamp(22px,1.8vw,30px)/1.2 var(--display)}
.pv-close__by{margin-top:6px;font:400 17px/1.4 var(--serif);color:#E6E8F6}
.pv-close__langs{margin-top:16px;font:700 13px/1.3 var(--label);letter-spacing:.2em;text-transform:uppercase;color:#BDE9E0}
.pv-close__price{margin-top:18px;font:400 clamp(52px,4.6vw,76px)/1 var(--display)}
.pv-btn{margin-top:22px;background:#FBFAF5;color:#262B54;min-width:170px}
.pv-btn:hover{background:var(--teal)}
.pv-close__store{margin-top:12px;font:400 15px/1.4 var(--serif);color:#E4E6F5}
.pv-close__links{margin-top:20px;display:flex;gap:28px}
.pv-link{color:#E6E9FA}
.sc-5__books{position:absolute;z-index:3;left:50vw;top:50%;width:46vw;height:min(46vw,80svh);transform:translateY(-46%)}
.sc-5 .pv-pose{left:calc(53% - 14svh);top:calc(15% - 14svh);width:28svh;height:28svh}
.pv-book{position:absolute;perspective:1800px}
.pv-book--en{--bw:min(30vw,50svh);left:22%;top:34%;width:var(--bw);height:var(--bw);view-transition-name:book-proverbs}
.pv-book--es{--bw:min(18.5vw,31svh);left:4%;top:8%;width:var(--bw);height:var(--bw);filter:saturate(.9) brightness(.93)}
.pv-book__body{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(50deg) rotateZ(-24deg);--t:calc(var(--bw)*.05)}
.pv-book--es .pv-book__body{transform:rotateX(50deg) rotateZ(-12deg)}
.pv-book__face{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;backface-visibility:hidden}
.pv-book__body::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,240,215,.24),rgba(255,255,255,0) 38%,rgba(24,24,70,.16) 100%);pointer-events:none}
.pv-book__edge{position:absolute;background:repeating-linear-gradient(0deg,#F4F0E6 0 1px,#DCD6C8 1px 2px);}
.pv-book__edge--b{left:0;top:100%;width:100%;height:var(--t);transform-origin:top;transform:rotateX(-90deg);background:repeating-linear-gradient(180deg,#FAF8F2 0 1.5px,#D9D3C4 1.5px 2.6px);box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 #BDB6A6}
.pv-book__edge--r{left:100%;top:0;width:var(--t);height:100%;transform-origin:left;transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#E9E4D8 0 1.5px,#C2BBAA 1.5px 2.6px);filter:brightness(.82)}
.pv-book__shadow{position:absolute;inset:0;transform:rotateX(50deg) rotateZ(-24deg) translate(7%,9%);background:rgba(16,16,48,.55);filter:blur(calc(var(--bw)*.05));border-radius:4px}
.pv-book--es .pv-book__shadow{transform:rotateX(50deg) rotateZ(-12deg) translate(6%,8%)}

/* the still watch above the book, for reduced motion and no script */
.pv-still{--W:28svh;position:absolute;z-index:4;left:calc(53% - 14svh);top:calc(15% - 14svh);width:var(--W);height:var(--W)}
.live .pv-still{display:none}
.pv-still .pv-dial{pointer-events:none;cursor:default}
.pv-still .pv-chain{height:170%;-webkit-mask-image:linear-gradient(0deg,#000 55%,transparent);mask-image:linear-gradient(0deg,#000 55%,transparent)}

/* ---------- phone and portrait: its own composition ---------- */
@media (max-aspect-ratio:4/5),(max-width:599px){
  .pl-d{display:none!important}
  .pl-m{display:block}
  .pv-rig{--W:min(106vw,48svh);--cx:50vw;--cy:calc(13svh + var(--W) * .77)}
  .sc-1 .pv-pose{left:calc(50vw - min(106vw,48svh) / 2);top:calc(13svh + min(106vw,48svh) * .27);width:min(106vw,48svh);height:min(106vw,48svh)}
  .sc-1__type{left:var(--gut);right:var(--gut);top:auto;bottom:max(5svh,26px);max-width:none}
  .pv-title__main{font-size:min(16.6vw,9svh)}
  .pv-title__sub{font-size:min(3.3vw,15px);letter-spacing:.34em}
  .pv-by{font-size:min(3vw,13px)}
  .pv-today{margin-top:14px}
  .pv-today[hidden]{display:none}
.pv-today.is-other .pv-today__k{visibility:hidden}
.pv-today [data-chapter]{font-size:min(7.4vw,32px)}
  .pv-wall{font-size:12.4vw}
  .pv-wall em span{display:block}
  .sc-2{min-height:112svh;align-items:flex-end}
  .sc-2 .pv-pose{left:calc(78vw - 36vw);top:calc(10svh - 20vw);width:72vw;height:72vw}
  .sc-2__light i{width:22vw;left:-10vw}
  .sc-2__light i:nth-child(2){left:20vw;width:26vw}
  .sc-2__light i:nth-child(3){left:56vw;width:16vw}
  .sc-2__light i:nth-child(4){display:none}
  .sc-2__type{margin:0;padding:0 var(--gut) 14svh}
  .sc-3 .edge.pl-m{display:block;left:0;width:100%;height:51.3vw;top:-38.5vw;z-index:3}
  .sc-3 .pv-pose{left:58vw;top:74px;width:40vw;height:40vw}
  .pv-cal{font-size:10.5vw;left:5vw;width:90vw;top:25svh;row-gap:calc(11.4svh - 2vw);transform:rotate(-3deg)}
  .pv-scrap{width:46vw}
  .s-a{transform:translate(-14vw,74svh) rotate(-12deg)}
  .s-b{transform:translate(64vw,80svh) rotate(9deg)}
  .s-c{transform:translate(58vw,16svh) rotate(14deg) scale(.7)}
  .s-d{transform:translate(-16vw,12svh) rotate(-20deg) scale(.6)}
  .s-e{transform:translate(76vw,28svh) rotate(-6deg) scale(.55)}
  .s-f{transform:translate(20vw,88svh) rotate(-30deg) scale(.7)}
  .pv-lead{font-size:8.6vw}
  .pv-wall--ink{font-size:12.4vw}
  .sc-4 .edge.pl-m{display:block;left:0;width:100%;height:51.3vw;top:-1vw;z-index:3}
  .sc-4 .pv-pose{left:63vw;top:84px;width:34vw;height:34vw}
  .sc-4__type{top:15svh}
  .pv-books{font-size:min(10.6vw,6svh)}
  .pv-tw{right:auto;left:50%;bottom:-3svh;width:168vw;transform:translateX(-50%) rotate(-2deg)}
  .sc-5{display:flow-root;min-height:0}
  .sc-5__light i{left:20vw;width:16vw}
  .sc-5__light i:nth-child(2){left:50vw;width:22vw}
  .sc-5__light i:nth-child(3){left:86vw;width:12vw}
  .sc-5 .plate.pl-m{height:216.4vw;bottom:auto}
  .sc-5__books{position:relative;left:0;top:0;width:100vw;height:96vw;transform:none;margin-top:16vw}
  .pv-book--en{--bw:62vw;left:24vw;top:22vw}
  .pv-book--es{--bw:38vw;left:6vw;top:4vw}
  .sc-5 .pv-pose{left:calc(56vw - 17vw);top:-30vw;width:34vw;height:34vw}
  .pv-still{--W:34vw;left:calc(56vw - 17vw);top:-30vw;transform:none}
  .sc-5__type{max-width:none;margin:0;padding:14vw var(--gut) 22svh}
  .pv-wall--close{font-size:11.6vw}
}
@media (max-width:380px){.pv-close__links{gap:16px}}

/* reduced motion: every scene is a finished still */
.still .pv-ringdraw,.still .pv-calring use{transition:none}