:root{
  --bone:#ece4d4; --dust:#aaa194; --red:#c8322a; --rust:#a13c25;
  --display:'IM Fell DW Pica','Garamond',serif;
  --old:'Old Standard TT','Garamond',serif;
  --goudy:'Goudy Bookletter 1911','Garamond',serif;
  --mono:'Special Elite','Courier New',monospace;
  --thin:'Jost','Century Gothic','Futura',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#000;scroll-behavior:smooth}
body{background:#000;color:var(--bone);overflow-x:hidden}
body{font-family:var(--old);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left}
:focus-visible{outline:1px dashed var(--red);outline-offset:6px}

#splat{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;transition:opacity .2s linear}
#splat:active{cursor:grabbing}
.grain{position:fixed;inset:-50%;pointer-events:none;opacity:.09;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");
  animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}100%{transform:translate(0,0)}}
.flash{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .9s ease}
.flash.on{opacity:1}

.f-thin{font-family:var(--thin);font-weight:200;letter-spacing:.22em;text-transform:uppercase;font-style:normal}
.f-mono{font-family:var(--mono)}
.f-old{font-family:var(--old)}
.f-goudy{font-family:var(--goudy)}
.f-fell{font-family:var(--display)}
.i{font-style:italic}
.press{filter:url(#press)}

/* name */
.top{position:absolute;left:4vw;top:4.5vh;z-index:3;pointer-events:none}
.name{position:relative;font-weight:400;line-height:.86}
.n-nico{display:block;font-family:var(--thin);font-weight:200;font-size:clamp(28px,3.2vw,52px);letter-spacing:.62em;text-transform:uppercase;margin-left:.2em}
.n-ant{display:block;font-family:var(--display);font-style:italic;font-size:clamp(64px,8.6vw,150px);letter-spacing:-.01em;position:relative;z-index:2}
.n-dbl{position:absolute;left:.18em;bottom:-.14em;font-family:var(--mono);font-size:clamp(22px,2.6vw,44px);letter-spacing:.9em;color:var(--red);opacity:.85;z-index:1;white-space:nowrap}
.role{margin-top:2.6vh;font-size:15px;letter-spacing:.04em;color:var(--bone)}
.role i{color:var(--red);font-style:normal;margin:0 .35em}
.role .f-thin{font-size:12px;letter-spacing:.3em}
.place{margin-top:.6em;font-size:11px;letter-spacing:.42em;color:var(--dust);font-weight:300}

/* basic links */
.links{position:absolute;pointer-events:auto;right:4vw;top:5vh;z-index:3;display:flex;gap:2.2vw}
.links a{font-family:var(--thin);font-weight:300;font-size:12px;letter-spacing:.32em;text-transform:uppercase;padding:6px 0;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}
.links a:hover{color:#fff;border-color:var(--red)}

/* doors */
.doors{position:absolute;pointer-events:auto;left:4vw;bottom:8vh;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:1.5vh;max-width:46vw}
.door{display:block;position:relative;transition:transform .35s ease,color .2s}
.door:hover{color:#fff}
.door-sub{display:block;margin-top:6px;font-size:12px;color:var(--dust);letter-spacing:.04em;white-space:nowrap}
.door-sub .f-thin{font-size:10px;letter-spacing:.3em;margin-left:.5em;font-weight:300}
.door-sub .f-goudy,.door-sub .f-old{font-size:15px}

.dream{padding:0;margin-bottom:1.4vh;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.dream-word{display:block;font-family:var(--display);font-size:clamp(64px,min(9.4vw,15vh),168px);line-height:.82;letter-spacing:.02em;position:relative;z-index:2}
.dream-ghost{position:absolute;left:3.2em;top:-.62em;font-family:var(--old);font-style:italic;font-size:clamp(40px,5vw,90px);color:transparent;-webkit-text-stroke:1px var(--red);z-index:1;pointer-events:none;opacity:.8}
.dream-bar{display:block;height:2px;width:100%;background:rgba(236,228,212,.16);margin-top:10px;overflow:hidden}
.dream-bar span{display:block;height:100%;width:0;background:var(--red)}
.dream.unlocked .dream-word{color:var(--red)}
.dream:hover .dream-word{color:#fff}

.d-word{display:block;font-size:clamp(30px,3.3vw,58px);line-height:1}
.d-word .f-thin{font-size:.62em;letter-spacing:.24em}
.d-foto{margin-left:6vw}
.d-notes{margin-left:1.5vw}
.d-mem{margin-left:10vw}
.d-terr{margin-left:3.5vw}
.f-terr{font-family:'EB Garamond',Garamond,serif;font-style:italic;color:#e9cf9c;letter-spacing:.01em}
.d-terr .sun{display:inline-block;width:.32em;height:.32em;border-radius:50%;background:#e2b56a;box-shadow:0 0 14px 4px rgba(226,181,106,.45);vertical-align:.35em;margin-left:.25em}
.door.d-terr:hover .d-word{border-color:#e2b56a}
.d-foto:hover,.d-notes:hover,.d-mem:hover,.d-terr:hover{transform:translateX(10px)}
.door:not(.dream) .d-word{border-bottom:1px solid rgba(236,228,212,.2);padding-bottom:4px}
.door:not(.dream):hover .d-word{border-color:var(--red)}

.foot-line{position:absolute;right:4vw;bottom:7vh;z-index:2;font-size:clamp(18px,1.7vw,28px);color:var(--bone);opacity:.8;pointer-events:none;text-align:right}
.foot-line .f-thin{font-size:.5em;letter-spacing:.4em}
.foot-cap{position:absolute;right:4vw;bottom:3.4vh;z-index:2;font-size:10px;color:var(--dust);letter-spacing:.06em;pointer-events:none}

/* consecration line, running up the right edge */
.calix{position:absolute;right:1.6vw;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;z-index:2;pointer-events:none;font-size:15px;color:var(--bone);opacity:.92;white-space:nowrap}
.calix .f-thin{font-size:10px;letter-spacing:.5em;color:#e3a33c}
.calix .f-mono{font-size:10px;color:#e0554b;letter-spacing:.2em}
@media (max-width:760px){
  .calix{display:none}
    .top{left:6vw;top:3vh}
  .n-nico{font-size:20px;letter-spacing:.55em}
  .n-ant{font-size:60px}
  .n-dbl{font-size:18px}
  .role{margin-top:14px;font-size:13px}
  .links{left:6vw;right:auto;top:auto;bottom:calc(env(safe-area-inset-bottom) + 18px);gap:5vw;flex-wrap:wrap}
  .links a{font-size:10px;letter-spacing:.24em;font-weight:400}
  .doors{left:6vw;right:6vw;max-width:none;bottom:calc(env(safe-area-inset-bottom) + 56px);gap:7px}
  .dream-word{font-size:76px}
  .dream-ghost{font-size:40px}
  .d-word{font-size:27px}
  .d-foto{margin-left:14vw}
  .d-notes{margin-left:3vw}
  .d-mem{margin-left:22vw}
  .d-terr{margin-left:8vw}
  .door-sub{font-size:11px}
  .door-sub .f-thin{font-size:9px}
  .door-sub .f-thin.long{display:none}
  .foot-line,.foot-cap{display:none}
  .doors::before{content:"";position:absolute;top:auto;left:-6vw;right:-6vw;bottom:-90px;height:62vh;background:linear-gradient(to top,rgba(0,0,0,.92) 40%,rgba(0,0,0,0));z-index:-1;pointer-events:none}
}
@media (prefers-reduced-motion:reduce){.grain{animation:none}}
.fallback{position:fixed;right:8vw;bottom:0;height:92vh;width:auto;opacity:.9}
@media (max-width:760px){.door-sub{white-space:normal;max-width:80vw}.fallback{right:auto;left:10vw;height:70vh;top:6vh}}

/* hero frame: the portrait stays behind, the page scrolls over it */
.hero{position:relative;height:100vh;height:100svh;min-height:560px;pointer-events:none;z-index:3}
.more{position:absolute;left:50%;bottom:2.6vh;transform:translateX(-50%);pointer-events:auto;font-size:15px;color:var(--dust);white-space:nowrap}
.more .f-thin{font-size:10px;letter-spacing:.4em;font-weight:300}
.more:hover{color:#fff}

/* below the portrait */
.below{position:relative;z-index:4;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7) 40vh,rgba(0,0,0,.82));padding:14vh 4vw 0}
.sec{display:grid;grid-template-columns:3.2vw 1fr;gap:3vw;max-width:1240px;margin:0 auto 16vh}
.sec-tag{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.5em;font-weight:300;color:var(--red);align-self:start;white-space:nowrap}
.sec-body{min-width:0}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.big{font-weight:400;line-height:.9;font-size:clamp(44px,7vw,124px)}
.big .f-thin{font-size:.42em;letter-spacing:.5em;display:block;margin-bottom:.2em}
.big .f-fell{filter:url(#press)}
.big .f-old{font-size:.5em;color:var(--dust)}
.sub{margin-top:2.4vh;font-size:16px}
.sub i{color:var(--red);font-style:normal;margin:0 .35em}
.sub .f-thin{font-size:12px;letter-spacing:.3em}
.sub .f-goudy{margin-left:1.4em;color:var(--dust)}
.head{position:relative;font-weight:400;font-size:clamp(48px,6vw,104px);line-height:.9;margin-bottom:5vh}
.head .f-fell,.head .f-old,.head .f-goudy{filter:url(#press)}
.head .f-thin{font-size:.5em;letter-spacing:.32em}
.head-dbl{display:block;font-size:clamp(12px,1.1vw,16px);letter-spacing:.5em;color:var(--red);margin-top:.9em;text-transform:lowercase}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:4vw;max-width:1080px}
.cols p{font-size:17px;line-height:1.62;color:#d9d1c1}
.cols .lede{font-family:var(--goudy);font-size:22px;line-height:1.45;color:var(--bone)}
.stat{margin:5vh 0 6vh;font-size:22px}
.stat .f-thin{font-size:11px;letter-spacing:.34em;color:var(--dust)}
.stat .f-fell{font-size:1.5em}
.stat .f-mono{color:var(--red)}

/* videos: a still until you press play, then YouTube loads */
.vids{display:grid;grid-template-columns:repeat(3,1fr);gap:3.6vh 2vw}
.vid{margin:0}
.vid-feature{grid-column:1/-1;width:min(100%,640px)}
.vid-feature .yt img{aspect-ratio:16/9;object-fit:cover}
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#111;border:1px solid rgba(236,228,212,.14)}
.yt img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(.78);transition:filter .3s}
.yt:hover img,.yt:focus-visible img{filter:grayscale(.2) contrast(1.05) brightness(.95)}
.yt-play{position:absolute;left:12px;bottom:10px;padding:5px 10px 4px;background:rgba(0,0,0,.72);border-left:2px solid var(--red)}
.yt-play .f-thin{font-size:10px;letter-spacing:.4em;font-weight:300}
.vid iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.vid figcaption{margin-top:10px;line-height:1.3}
.v-t{font-size:24px}
.v-y{font-size:12px;color:var(--red);margin-left:.5em}
.v-g{display:block;font-size:9px;letter-spacing:.3em;color:var(--dust);margin-top:4px;font-weight:300}
.listen{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 2.2vw;margin-top:6vh}
.listen a{font-family:var(--old);font-size:19px;border-bottom:1px solid rgba(236,228,212,.25);padding-bottom:2px;transition:border-color .2s,color .2s}
.listen a:hover{color:#fff;border-color:var(--red)}
.l-lab,.c-lab{font-size:10px;letter-spacing:.4em;color:var(--red);font-weight:300}

.cv{display:grid;grid-template-columns:auto 1fr;gap:2.4vh 2.4vw;max-width:980px;align-items:baseline}
.cv dt{font-size:15px;color:var(--red)}
.cv dd{font-size:22px;line-height:1.3}
.cv dd .f-thin{display:block;font-size:10px;letter-spacing:.34em;color:var(--dust);margin-top:6px;font-weight:300}

.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw}
.clist{list-style:none;display:grid;gap:2.2vh}
.clist li{display:grid;grid-template-columns:9.5em 1fr;align-items:baseline;border-bottom:1px solid rgba(236,228,212,.14);padding-bottom:1.4vh}
.clist a{font-family:var(--old);font-size:21px;overflow-wrap:anywhere}
.clist a:hover,.presslist a:hover{color:#fff}
.presslist{display:grid;gap:1.8vh;align-content:start}
.presslist a{font-size:18px;line-height:1.3}
.presslist .f-mono{display:block;font-size:11px;color:var(--dust);margin-top:3px}
.end{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;max-width:1240px;margin:0 auto;padding:4vh 0 6vh;border-top:1px solid rgba(236,228,212,.14)}
.end .f-fell{font-size:20px}
.end .f-thin{font-size:10px;letter-spacing:.34em;color:var(--dust);margin-left:1em;font-weight:300}
.end a.f-thin{margin:0;color:var(--bone)}
.end a:hover{color:var(--red)}

@media (max-width:900px){
  .vids{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .more{display:none}
  .below{padding:10vh 6vw 0}
  .sec{grid-template-columns:1fr;gap:14px;margin-bottom:11vh}
  .sec-tag{writing-mode:horizontal-tb;transform:none}
  .cols,.contact-grid{grid-template-columns:1fr;gap:18px}
  .cols p{font-size:16px}
  .cols .lede{font-size:19px}
  .stat{font-size:18px}
  .vids{grid-template-columns:1fr;gap:28px}
  .clist li{grid-template-columns:1fr;gap:4px}
  .clist a{font-size:19px}
  .sub .f-goudy{display:block;margin:8px 0 0}
}

/* bio with images */
.about{display:grid;grid-template-columns:1.25fr .75fr;gap:5vw;align-items:end}
.riddle{margin-top:6vh;display:grid;gap:.5em;font-size:clamp(20px,1.9vw,30px);line-height:1.2}
.riddle .f-thin{font-size:.5em;letter-spacing:.42em;color:var(--dust);font-weight:300;margin-top:.4em}
.riddle .f-fell{margin-left:2.2em}
.sig{display:block;width:min(260px,52%);height:auto;margin-top:6vh;opacity:.85}
.sig-end{margin:14vh 0 8vh;text-align:center}
.sig-end .sig{margin:0 auto;width:min(300px,62%);filter:brightness(0);opacity:.78}
.ph{margin:0;position:relative}
.ph img,.ph video{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.12) brightness(.85);transition:filter .6s}
.ph:hover img{filter:grayscale(.15) contrast(1.05) brightness(.95)}
.ph figcaption{margin-top:8px;font-size:11px;color:var(--dust)}
.ph figcaption .f-fell{font-size:20px;color:var(--bone);margin:0 .4em}
.ph figcaption .f-thin{font-size:9px;letter-spacing:.34em;font-weight:300}
.ph-tall img{aspect-ratio:900/1133;object-fit:cover}
.ph-band{margin:0 0 7vh -4vw;width:calc(100% + 4vw);max-width:1100px}
.ph-band img{aspect-ratio:21/9;object-fit:cover;object-position:50% 35%}
.ph-film{margin:7vh 0 0;max-width:980px}
.ph-film video{filter:grayscale(1) contrast(1.18) brightness(.95);background:#111}
.ph-pair{display:grid;grid-template-columns:1.5fr 1fr;gap:3vw;margin-top:9vh;max-width:1080px;align-items:start}
.ph-b{margin-top:14vh}
@media (max-width:760px){
  .about{grid-template-columns:1fr;gap:28px}
  .riddle .f-fell{margin-left:1em}
  .ph-band{margin-left:-6vw;width:calc(100% + 12vw)}
  .ph-band img{aspect-ratio:4/3}
  .ph-pair{grid-template-columns:1fr;gap:28px}
  .ph-b{margin:0 0 0 18vw}
}

.c-note{font-family:var(--goudy);font-size:20px;color:var(--bone);margin:-2vh 0 4vh}

.about-p{margin-top:5vh;max-width:34em;font-family:var(--goudy);font-size:clamp(18px,1.5vw,22px);line-height:1.5;color:#ddd5c5}

/* poems between sections */
.verse{display:grid;grid-template-columns:3.2vw 1fr;gap:3vw;max-width:1240px;margin:-4vh auto 16vh}
.v-tag{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.5em;font-weight:300;color:var(--red);align-self:start;white-space:nowrap}
.v-body{max-width:34em;border-left:1px solid rgba(160,40,30,.55);padding:.4em 0 .4em 1.6em}
.v-right .v-body{margin-left:auto;margin-right:6vw}
.v-left .v-body{margin-left:8vw}
.v-center .v-body{margin:0 auto}
.v-title{font-style:italic;font-weight:400;font-size:clamp(26px,2.4vw,34px);line-height:1.1;color:var(--bone);margin-bottom:.7em}
.v-lines{font-size:clamp(16px,1.3vw,19px);line-height:1.75;color:#d9d1c1}
.v-lines .vl{display:block}
.v-lines .vl.gap{height:.9em}
.v-date{margin-top:1.1em;font-size:11px;letter-spacing:.3em;color:var(--red);text-transform:lowercase}
.verse .vl{opacity:0;transform:translateY(6px);transition:opacity .9s ease,transform .9s ease}
.verse.seen .vl{opacity:1;transform:none}
@media (max-width:760px){
  .verse{grid-template-columns:18px 1fr;gap:14px;margin:-6vh auto 12vh}
  .v-right .v-body,.v-left .v-body,.v-center .v-body{margin:0}
  .v-lines{font-size:15px}
}
@media (prefers-reduced-motion:reduce){.verse .vl{opacity:1;transform:none;transition:none}}
.doors .door.d-terr:hover .d-word{border-color:#e2b56a}
@media (min-width:761px) and (max-height:780px){
  .doors{bottom:6vh;gap:.9vh}
  .dream-word{font-size:clamp(56px,12vh,120px)}
  .d-word{font-size:clamp(24px,4.4vh,40px)}
  .door-sub{margin-top:3px}
}

/* ---------- night and day bands ---------- */
.below{padding:14vh 0 0}
.band{position:relative;padding:0 4vw}
.band.night{background:transparent}
.band.day{
  --bone:#2b2622; --dust:#6d6256; --red:#a7803f; --rust:#a7803f; --gold-l:#d9b77a;
  color:var(--bone);
  background:
    radial-gradient(60% 40% at 82% 12%,rgba(232,196,128,.32),rgba(232,196,128,0) 70%),
    radial-gradient(50% 36% at 10% 88%,rgba(111,150,154,.12),rgba(111,150,154,0) 70%),
    #f4ede2;
  padding-top:14vh;padding-bottom:4vh;overflow:hidden}
.band.day::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;mix-blend-mode:multiply;
  background-image: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='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .48 0 0 0 0 .38 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.band.day>*{position:relative;z-index:1}
.band.night{padding-top:12vh}
.band.night.first{padding-top:0}

/* seams: dusk, nightfall, dawn */
.seam{height:52vh;position:relative}
.seam.dusk{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#1d0d0b 18%,#4a1d16 38%,#9a4a2c 56%,#d38c55 70%,#ebc994 84%,#f4ede2 100%)}
.seam.nightfall{background:linear-gradient(to bottom,#f4ede2 0%,#e9c79a 16%,#c47d55 32%,#6e2c22 52%,#2a100d 72%,rgba(8,4,4,.9) 88%,rgba(0,0,0,.82) 100%)}
.seam.dawn{background:linear-gradient(to bottom,rgba(0,0,0,.82) 0%,#120c14 16%,#2e1f33 34%,#6b4a5c 50%,#c48c78 66%,#e8c9a8 82%,#f4ede2 100%)}
.seam::after{content:"";position:absolute;left:50%;width:9px;height:9px;margin-left:-4px;border-radius:50%;background:#e2b56a;box-shadow:0 0 22px 8px rgba(226,181,106,.45)}
.seam.dusk::after{top:58%}
.seam.nightfall::after{top:30%;opacity:.8}
.seam.dawn::after{top:68%}

/* day typography and surfaces */
.f-day{font-family:'EB Garamond',Garamond,serif;font-weight:400}
.band.day .head .f-day{filter:none;letter-spacing:-.01em}
.band.day .head-dbl{letter-spacing:.42em;font-weight:300;color:var(--red)}
.band.day .cols p{color:#4d453c}
.band.day .cols .lede{font-family:'EB Garamond',Garamond,serif;font-size:24px;color:var(--bone)}
.band.day .yt{background:#e9dfcf;border-color:rgba(43,38,34,.12)}
.band.day .yt img{filter:saturate(.8) sepia(.15) brightness(1.03)}
.band.day .yt:hover img,.band.day .yt:focus-visible img{filter:none}
.band.day .yt-play{background:rgba(244,237,226,.92);color:var(--bone);border-left-color:var(--red)}
.band.day .v-t{font-family:'EB Garamond',Garamond,serif}
.band.day .listen a,.band.day .clist li,.band.day .end{border-color:rgba(43,38,34,.16)}
.band.day .clist a:hover,.band.day .presslist a:hover,.band.day .listen a:hover{color:var(--red)}
.band.day .end a:hover{color:var(--red)}
.band.day .ph img{filter:saturate(.9) sepia(.08)}
.band.day .v-body{border-left-color:rgba(167,128,63,.6)}
.band.day .v-title{font-family:'EB Garamond',Garamond,serif}
.band.day .v-lines{color:#4d453c}
.band.day .c-note{color:var(--bone)}
.band.day :focus-visible{outline-color:var(--red)}

.day-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:2vh 0 12vh;max-width:1100px}
.day-strip figure{margin:0;aspect-ratio:3/5;overflow:hidden;background:#e9dfcf}
.day-strip figure:nth-child(even){transform:translateY(6vh)}
.day-strip img{width:100%;height:100%;object-fit:cover;filter:saturate(1.02) sepia(.06);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.day-strip figure:hover img{transform:scale(1.04)}
.to-terr{margin-top:7vh}
.to-terr a{display:inline-flex;align-items:baseline;gap:16px;border-bottom:1px solid var(--gold-l);padding-bottom:6px;transition:border-color .2s}
.to-terr .f-day{font-size:clamp(30px,3vw,44px)}
.to-terr .f-thin{font-size:10px;letter-spacing:.36em;font-weight:300;color:var(--dust)}
.to-terr a:hover{border-color:var(--red)}
.vids-2{grid-template-columns:1fr 1fr;max-width:1000px}

@media (max-width:760px){
  .below{padding:10vh 0 0}
  .band{padding-left:6vw;padding-right:6vw}
  .band.day{padding-top:10vh}
  .band.night{padding-top:8vh}
  .seam{height:38vh}
  .day-strip{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:9vh}
  .day-strip figure:nth-child(even){transform:translateY(4vh)}
  .vids-2{grid-template-columns:1fr}
  .band.day .cols .lede{font-size:20px}
}

/* scripture epigraph and lounge portrait */
.verse.scripture{margin:0 auto 14vh}
.scripture .v-body{margin:0 auto;max-width:860px;border-left:0;padding-left:0;text-align:center}
.scripture .sc-lines{font-style:italic;font-size:clamp(26px,2.9vw,42px);line-height:1.3;color:var(--bone);margin:0}
.scripture .sc-lines .vl{display:block}
.scripture .sc-ref{margin-top:3.2vh;font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--red);font-weight:300}
.cols.lounge{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:end;max-width:1100px}
.lounge .couch{margin:0}
.lounge .couch img{width:100%;height:auto;display:block;aspect-ratio:1100/1342;object-fit:cover}
.band.day .lounge .couch img{filter:none}
.lounge .couch figcaption{color:var(--dust)}
.lounge-txt{display:flex;flex-direction:column;gap:22px;padding-bottom:4vh}
.lounge-txt p{margin:0}
@media (max-width:760px){
  .verse.scripture{grid-template-columns:1fr;margin-bottom:9vh}
  .scripture .v-tag{display:none}
  .scripture .sc-lines{font-size:24px}
  .cols.lounge{grid-template-columns:1fr}
  .lounge-txt{padding-bottom:0}
}
@media (max-width:760px){
  .scripture .sc-lines{font-size:21px;line-height:1.38;text-wrap:balance}
  .scripture .sc-lines .vl{display:inline}
  .scripture .sc-lines .vl+.vl::before{content:" "}
  .band.day .head-dbl{letter-spacing:.24em;font-size:12px}
}
.lounge+.day-strip{margin-top:9vh}
#music .verse.scripture{margin:2vh 0 10vh;max-width:1100px}
@media (max-width:760px){#music .verse.scripture{margin:0 0 8vh}}

/* mobile hero: text sits lower so the face stays clear */
@media (max-width:760px){
  .doors{bottom:calc(env(safe-area-inset-bottom) + 46px);gap:4px}
  .dream{margin-bottom:6px}
  .dream-word{font-size:64px}
  .dream-ghost{font-size:34px}
  .dream-bar{margin-top:6px}
  #dreamHint .f-thin{display:none}
  .door:not(.dream){display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap}
  .door:not(.dream) .door-sub{margin-top:0;white-space:nowrap;max-width:none}
  .door:not(.dream) .door-sub .f-goudy,.door:not(.dream) .door-sub .f-old{font-size:13px}
  .d-word{font-size:25px}
  .d-foto{margin-left:8vw}
  .d-mem{margin-left:14vw}
  .d-terr{margin-left:4vw}
  .doors::before{height:44vh;bottom:-70px}
}
@media (max-width:370px){.door:not(.dream) .door-sub .f-thin{display:none}}
@media (max-width:760px){
  .links{flex-wrap:nowrap;gap:0;justify-content:space-between;right:6vw;bottom:calc(env(safe-area-inset-bottom) + 14px)}
  .links a{font-size:9.5px;letter-spacing:.16em}
  .doors{bottom:calc(env(safe-area-inset-bottom) + 50px)}
}
@media (max-width:380px){
  .d-mem{margin-left:8vw}
  .door:not(.dream) .door-sub .f-goudy,.door:not(.dream) .door-sub .f-old{font-size:12px}
  .door:not(.dream) .door-sub{font-size:10px}
  .links a{font-size:9px;letter-spacing:.12em}
}