@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/font-4.woff) format('woff');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-5.woff) format('woff');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-6.woff) format('woff');
}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,sans-serif;color:#243B31;background:#F5F3E9}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #C7A249;outline-offset:6px}.skip{position:fixed;left:12px;top:-90px;z-index:100;background:white;padding:12px}.skip:focus{top:12px}img{max-width:100%;display:block}h1,h2,p,figure{margin:0}p{line-height:1.7}h1,h2{font-weight:400;line-height:1.02}figure img{width:100%;height:100%;object-fit:cover}figcaption{font-size:11px;line-height:1.6;margin-top:12px}.hand{font-family:Caveat,cursive;font-size:clamp(25px,2.8vw,39px);line-height:1.15;font-weight:500}.review{height:40px;background:#F8F8F2;color:#30473A;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 25px;font-size:11px;position:relative;z-index:20}.review button{border:0;border-bottom:1px solid;background:none;padding:2px 0;color:inherit;font-size:11px}.brand{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}.brandmark{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:13px;line-height:1.2}.brandmark img{width:44px;height:auto}.brand>a:last-child{font-size:12px;text-decoration:none}.story,.oever-story{padding:130px 9%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.story h2,.oever-story h2{font-family:'Instrument Serif',serif;font-size:clamp(48px,5.6vw,86px);margin:25px 0}.story p:not(.hand),.oever-story p:not(.hand){font-size:15px;max-width:390px;margin-bottom:18px}.story figure{transform:rotate(2deg)}.story figure img{aspect-ratio:4/5}.closing{padding:100px 8%;background:#173F43;color:#F5F3E9;text-align:center}.closing h2{font-family:'Instrument Serif',serif;font-size:clamp(60px,9vw,125px);margin-bottom:35px}.closing a{font-size:13px}.film-review{padding:28px 8%;background:#DFE5DD;font-size:12px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.film-review input{max-width:270px;font-size:12px}.film-review p{font-size:11px}footer{padding:35px 5%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}footer small{width:100%;font-size:10px;opacity:.75}.cinema-scroll{height:170vh;min-height:1000px}.cinema-stage{position:sticky;top:0;height:100vh;min-height:610px;overflow:hidden;color:#F5F3E9}.cinema-image{position:absolute;inset:0;clip-path:inset(var(--inset,0%));will-change:clip-path}.waterposter,#hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cinema-image:after,.announcement:after{content:'';position:absolute;inset:0;background:rgba(4,24,21,.28);pointer-events:none}#hero-video{display:none}.has-video #hero-video{display:block}.cinema-title{text-align:center;position:absolute;inset:28% 6% auto;transform:translateY(var(--title-y,0px));opacity:var(--title-opacity,1)}.cinema-title h1{font-family:'Instrument Serif',serif;font-size:clamp(72px,9.4vw,160px);letter-spacing:-.025em;margin:20px 0 24px}.cinema-title>p:last-child{font-size:14px}.scrollcue{position:absolute;bottom:38px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:12px;z-index:6;text-decoration:none}.scrollcue span{font-size:27px}.frame-note{color:#173F43;position:absolute;bottom:8%;right:5%;opacity:var(--frame-opacity,0);transform:rotate(-5deg);pointer-events:none}.spiegel .cinema-stage .brand{opacity:var(--title-opacity,1)}.vrij{background:#E7BABC;color:#284536}.vrij .brand{padding-bottom:0}.vrij-hero{min-height:850px;height:calc(100vh - 135px);max-height:1100px;position:relative;padding:90px 6% 100px;overflow:hidden}.vrij-type{position:relative;z-index:2;width:66%}.vrij h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(74px,8.7vw,144px);line-height:.94;letter-spacing:-.065em}.vrij-type .hand{font-size:29px;max-width:360px;transform:rotate(-4deg);margin:34px 0}.pill{display:inline-block;border:1.5px solid;border-radius:50%;padding:22px 37px;text-decoration:none;font-size:14px;background:#D6B64E}.vrij-photo{position:absolute;right:6%;top:34px;width:34%;height:65%;transform:rotate(7deg)}.vrij-photo img{border-radius:47% 48% 43% 45%;object-position:48% 65%}.vrij-photo figcaption{color:#284536;font-size:27px;text-align:right;transform:rotate(-11deg);margin-top:18px}.vrij-word{position:absolute;bottom:-.14em;left:5%;font-family:'Bricolage Grotesque';font-weight:700;font-size:clamp(100px,23vw,370px);letter-spacing:-.08em;line-height:1;color:#284536}.vrij-break{background:#284536;color:#F5F2DF;padding:110px 8%;display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.vrij h2{font-family:'Bricolage Grotesque';font-weight:500;font-size:clamp(50px,6vw,90px);letter-spacing:-.055em}.vrij-break p{font-size:15px;margin-bottom:20px;max-width:410px}.vrij-break .hand{color:#D6B64E;font-size:30px}.vrij-pair{padding:100px 8%;background:#F5F2DF;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.vrij-pair figure{transform:rotate(-4deg)}.vrij-pair img{aspect-ratio:1/1.1}.vrij-poster{background:#B5C4A1;font-family:'Bricolage Grotesque';font-weight:500;font-size:clamp(45px,6vw,85px);letter-spacing:-.05em;line-height:1;padding:50px 12%;transform:rotate(3deg);min-height:450px;display:flex;flex-direction:column;justify-content:center}.vrij-poster strong{font-weight:700;font-size:1.6em}.vrij-poster .hand{font-size:26px;letter-spacing:0;margin-top:30px}.vrij-end{background:#D6B64E;padding:95px 8%;text-align:center}.vrij-end h2{margin:20px 0 30px}.oever{background:#FAF5DF;color:#30473A}.oever-scroll{height:180vh;min-height:1100px}.oever-stage{height:100vh;min-height:630px;position:sticky;top:0;overflow:hidden}.landscape{position:absolute;inset:0;width:100%;height:100%}.landscape [data-depth]{will-change:transform;transform-box:view-box;transform-origin:50% 70%}.reed-head{fill:#30473A;stroke:none}.oever-title{position:absolute;top:24%;left:0;width:100%;text-align:center;z-index:2;transform:translateY(var(--oever-title-y,0px));opacity:var(--oever-title-opacity,1)}.oever-title h1{font-size:clamp(58px,7.8vw,125px);letter-spacing:-.07em;font-weight:500;margin:20px 0}.oever-title>p:last-child{font-size:14px}.oever .scrollcue{color:#FAF5DF}.oever-story{background:#FAF5DF;position:relative;z-index:2}.oever-story h2{font-family:Manrope;font-size:clamp(44px,5.1vw,76px);letter-spacing:-.055em;line-height:1.08}.oever-story img{aspect-ratio:3/4;border-radius:47% 47% 0 0}.oever-last{background:#30473A;color:#FAF5DF;padding:110px 8%;text-align:center}.oever-last h2{font-size:clamp(50px,7vw,100px);letter-spacing:-.065em;margin-bottom:35px}.oever-last .hand{color:#D8BB62}.announcement{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;background:#173F43;color:#F5F3E9;padding:65px 20px 90px}.announcement-content{position:relative;z-index:2;text-align:center}.announcement-content>img{width:80px;height:auto;margin:0 auto 20px}.announcement-name{font-size:13px;margin-bottom:45px}.announcement h1{font-family:'Instrument Serif';font-size:clamp(65px,8vw,128px);letter-spacing:-.025em}.announcement .hand{margin-top:28px;font-size:clamp(26px,3vw,40px)}.announcement-note{font-size:11px;margin-top:44px}.draft-back{position:absolute;bottom:23px;left:0;width:100%;text-align:center;z-index:3;font-size:10px}.comparison{background:#F4F5F0;color:#243B31}.overview-top{padding:40px 5% 30px;display:flex;align-items:center;gap:20px}.overview-top img{width:42px}.overview-top h1{font-size:29px;letter-spacing:-1px}.overview-top p{font-size:12px;margin-top:7px}.overview-top>a{margin-left:auto;font-size:12px}.directions{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:0 5% 40px}.direction h2{font-size:28px;letter-spacing:-1px}.direction>p{font-size:12px;margin:8px 0 20px}.direction .preview-link{display:block;overflow:hidden;position:relative;aspect-ratio:4/4.7;background:#E9E8CD;text-decoration:none}.direction iframe{width:1400px;height:1645px;position:absolute;top:0;left:0;border:0;transform-origin:top left;pointer-events:none;transform:scale(var(--preview-scale,.3))}.direction .swatches{display:flex;height:16px;margin-top:15px}.swatches i{flex:1;background:var(--color)}.direction h3{font-size:18px;font-weight:500;margin-bottom:6px}.direction .open{font-size:12px;display:inline-block;margin-top:8px}.applications{margin:0 5% 45px;padding:25px 0;border-top:1px solid #ACB6AC;display:grid;grid-template-columns:1fr 1fr;gap:50px}.applications h2{font-size:22px;margin-bottom:12px}.applications p{font-size:13px;max-width:490px}.applications a{display:inline-block;margin-top:12px;font-size:13px}.application-note{font-size:11px;padding:0 5% 30px;max-width:1000px}.embed .review{display:none}.embed .brand{padding-top:32px}.embed .vrij-hero{height:calc(100vh - 95px);min-height:0}.embed .cinema-scroll,.embed .oever-scroll{min-height:0}.embed .cinema-title{top:24%}
@media(max-width:750px){.review{padding:0 14px;font-size:10px;gap:6px}.review span{font-size:9px}.review button{font-size:10px}.brand{padding:24px 6%}.brand>a:last-child{font-size:10px;max-width:130px;text-align:right}.brandmark{font-size:11px}.brandmark img{width:36px}.cinema-scroll{height:145vh;min-height:900px}.cinema-stage{min-height:560px}.cinema-title{inset:32% 5% auto}.cinema-title h1{font-size:clamp(57px,12vw,85px);margin:20px 0}.cinema-title .hand{font-size:27px}.cinema-title>p:last-child{font-size:12px}.story,.oever-story{grid-template-columns:1fr;padding:70px 8%;gap:45px}.story figure{width:90%;justify-self:center}.story h2{margin:20px 0}.closing{padding:70px 8%}.film-review{display:block}.film-review input{display:block;margin:14px 0}.vrij-hero{height:auto;min-height:810px;padding:55px 7% 100px}.vrij-type{width:100%}.vrij h1{font-size:clamp(65px,14vw,95px)}.vrij-type .hand{font-size:24px;width:210px;margin:25px 0}.vrij-photo{top:310px;right:9%;width:53%;height:310px}.vrij-photo figcaption{font-size:23px}.vrij-word{font-size:26vw;bottom:5px}.vrij .pill{padding:16px 24px;font-size:12px}.vrij-break,.vrij-pair{grid-template-columns:1fr;padding:65px 8%;gap:40px}.vrij-break h2{font-size:54px}.vrij-poster{min-height:360px;font-size:60px}.vrij-end{padding:75px 7%}.oever-title{top:27%;padding:0 5%}.oever-title h1{font-size:58px;line-height:1.05}.oever-title .hand{font-size:28px}.oever-scroll{height:150vh;min-height:1000px}.oever-stage{min-height:650px}.oever-story figure{width:90%;justify-self:center}.overview-top{flex-wrap:wrap;padding:30px 6%}.overview-top h1{font-size:23px}.overview-top>a{margin-left:60px}.directions{grid-template-columns:1fr;padding:0 6% 30px;gap:45px}.applications{grid-template-columns:1fr;gap:30px}.announcement-content>img{width:64px}.announcement-name{margin-bottom:40px}.announcement h1{font-size:65px}.announcement .hand{max-width:320px;margin:30px auto 0}.announcement-note{max-width:230px;margin:40px auto 0}.frame-note{font-size:25px}.oever .landscape{width:170%;max-width:none;left:-35%}footer{padding:30px 6%;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinema-scroll,.oever-scroll{height:100vh;min-height:650px}.cinema-stage,.oever-stage{position:relative}.cinema-image,.cinema-title,.oever-title,.landscape [data-depth]{transform:none!important;clip-path:none!important;opacity:1!important}.frame-note{display:none}}body.motion-off .cinema-image{clip-path:none!important}body.motion-off .cinema-title,body.motion-off .oever-title,body.motion-off .landscape [data-depth]{transform:none!important;opacity:1!important}body.motion-off .frame-note{display:none}

.frame-note{bottom:3%}.direction{min-width:0}

.mobile-reeds{display:none}@media(max-width:750px){.oever .landscape{width:100%;left:0}.mobile-reeds{display:block}}
.direction .preview-link{aspect-ratio:1.4}.direction iframe{height:1000px}

@font-face {
  font-family: 'Dawning of a New Day';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/dawning-of-a-new-day-0.woff) format('woff');
}

/* v0.3: stable images, quiet composition; handwritten choice remains provisional. */
:root{--hand-font:'Dawning of a New Day'}
.hand{font-family:var(--hand-font),cursive;font-weight:400;font-size:clamp(29px,3.1vw,43px);line-height:1.3}
.brandmark img{width:48px}.cinema-scroll{height:auto;min-height:0}.cinema-stage{position:relative;height:calc(100svh - 40px);min-height:620px}.cinema-image{clip-path:none!important;will-change:auto}.cinema-title{transform:none!important;opacity:1!important;top:27%}.cinema-stage .brand{opacity:1!important}.story figure,.vrij-photo,.vrij-pair figure{transform:none}.story figure img{aspect-ratio:5/4}.story{padding:100px 8%;gap:7%;grid-template-columns:.8fr 1.2fr}.cinema-title .hand{font-size:clamp(29px,3vw,42px)}.waterbreak{position:relative;height:82vh;min-height:560px;max-height:900px;overflow:hidden}.waterbreak>img{width:100%;height:100%;object-fit:cover;object-position:center 59%}.waterbreak small{position:absolute;bottom:18px;left:4%;color:#fff;font-size:11px;background:#173f43b8;padding:6px 9px}.floating-note{position:absolute;right:8%;top:16%;background:#E4C6C4;color:#173F43;padding:35px 40px;transform:rotate(4deg);box-shadow:0 5px 20px #001b1c16}.floating-note p{font-family:'Bricolage Grotesque';font-size:50px;letter-spacing:-.05em;line-height:1}.floating-note strong{font-size:1.45em}.floating-note .hand{font-size:30px;display:block;margin-top:20px}.vrij{background:#F5F2DF}.vrij-hero{min-height:820px}.vrij-photo img{border-radius:46% 46% 0 0}.vrij-photo figcaption{font-size:32px;transform:rotate(-5deg);margin-top:15px;position:relative;z-index:3}.vrij-type .hand{font-size:32px;max-width:400px}.vrij-break{background:#173F43}.vrij-pair{display:block;position:relative;padding:0;background:#F5F2DF}.vrij-pair figure{width:100%;height:82vh;min-height:590px;max-height:1000px}.vrij-pair figure img{aspect-ratio:auto;object-position:center 55%;height:100%}.vrij-pair figcaption{position:absolute;left:4%;bottom:15px;background:#173f43c9;color:#fff;padding:7px 10px;margin:0}.vrij-poster{position:absolute;right:7%;top:15%;width:30%;min-height:0;padding:35px 35px 30px;background:#E4C6C4;color:#173F43;font-size:clamp(38px,4vw,65px);box-shadow:0 5px 20px #001b1c16;transform:rotate(4deg)}.vrij-poster .hand{font-size:30px}.vrij-end{background:#D6B64E}.announcement-content>img{margin:0 auto 65px}.announcement .hand{font-size:clamp(32px,3.5vw,50px);margin-top:35px}.announcement-note{margin-top:36px}.announcement h1{font-size:clamp(65px,7.5vw,120px)}
@media(max-width:750px){.cinema-stage{height:calc(100svh - 40px);min-height:620px}.cinema-title{top:30%}.cinema-title .hand{font-size:30px}.brandmark img{width:40px}.story{grid-template-columns:1fr;padding:70px 7%;gap:35px}.story figure{width:100%}.story figure img{aspect-ratio:4/3}.waterbreak{height:720px}.waterbreak>img{object-position:49% 60%}.floating-note{right:7%;top:8%;padding:25px;width:190px}.floating-note p{font-size:36px}.floating-note .hand{font-size:26px}.vrij-hero{min-height:830px}.vrij-photo{right:7%;width:57%;height:325px;top:325px}.vrij-photo figcaption{font-size:27px}.vrij-type .hand{font-size:27px;max-width:235px}.vrij-pair figure{height:730px;min-height:0}.vrij-poster{width:190px;right:7%;top:6%;padding:24px;font-size:37px}.vrij-poster .hand{font-size:25px}.announcement-content>img{margin-bottom:55px}.announcement .hand{font-size:34px}.announcement h1{font-size:62px}.review{font-size:10px}.review>a:last-child{max-width:120px;text-align:right}}
@media(prefers-reduced-motion:reduce){.cinema-scroll{height:auto;min-height:0}}

/* Shared signup, full hero and scaled font study. */
.announcement{padding:45px 20px 66px}.announcement-content{width:100%}.announcement-content>img{width:58px;margin:0 auto 26px}.announcement h1{font-size:clamp(70px,8.6vw,143px);line-height:.97}.announcement .hand{font-size:clamp(25px,2.35vw,35px);line-height:1.3;margin:18px auto 0}
.live-scene{aspect-ratio:auto;min-height:540px}.live-copy{padding:36px 20px 24px;width:100%}.live-copy .mark{margin-bottom:22px;width:45px}.live-copy h2{font-size:clamp(54px,5.35vw,89px);line-height:.98}.live-copy #live-hand{font-size:27px;line-height:1.3;margin:16px auto 0;min-height:0}
.shore-mail{width:min(100%,390px);margin:32px auto 0;text-align:center;font:13px Manrope,sans-serif;color:#fff}.shore-mail .invite{font:inherit;line-height:1.6;text-wrap:balance;margin:0 auto 13px;max-width:350px}.mail-row{display:flex;gap:0;background:#faf9f3;border:1px solid #eeeae0;border-radius:4px;padding:3px}.shore-mail input{width:100%;min-width:0;color:#183a3b;background:white;border:1px solid #adbdb8;border-radius:2px;padding:10px 12px;font:15px Manrope,sans-serif}.shore-mail .mail-row input{flex:1;border:0;background:transparent}.shore-mail button{background:#173f43;color:white;border:0;padding:10px 14px;border-radius:2px;font:600 12px Manrope,sans-serif;white-space:nowrap;cursor:pointer}.shore-mail details{margin:10px auto 0}.shore-mail summary{display:list-item;list-style-position:inside;cursor:pointer;font-size:12px}.shore-mail summary span{font-size:11px}.shore-mail details label{display:block;text-align:left;font-size:12px;margin:12px 0 5px}.shore-mail .trial{font:11px/1.5 Manrope,sans-serif;color:#f5f3e9;margin:9px 0 0}.shore-mail :focus-visible{outline:3px solid #88c7d6;outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.live-copy .shore-mail{margin-top:25px;max-width:335px}.live-copy .invite{font-size:12px}.live-scene:after,.announcement:after{background:linear-gradient(to bottom,rgba(6,25,25,.22) 0%,rgba(6,25,25,.34) 45%,rgba(6,25,25,.76) 100%);pointer-events:none}
@media(max-width:800px){.live-scene{min-height:480px}.live-copy{padding:29px 14px 23px}.live-copy h2{font-size:clamp(48px,13.5vw,72px)}.live-copy #live-hand{font-size:24px}.live-copy .mark{width:39px}.shore-mail input{font-size:16px}}
@media(max-width:750px){.announcement h1{font-size:clamp(57px,17.5vw,89px)}.announcement .hand{font-size:27px}.announcement-content>img{width:52px;margin-bottom:36px}.shore-mail{max-width:360px}.announcement{padding:48px 15px 74px}}

.announcement .shore-mail {
  margin-top: clamp(60px, calc(10vw - 16px), 144px);
}

@media (max-width: 750px) and (max-height: 700px) {
  .announcement { padding-top: clamp(12px, calc(10svh - 36px), 24px); }
  .announcement-content > img { margin-bottom: 20px; }
  .announcement .shore-mail { margin-top: clamp(26px, calc(25svh - 115px), 60px); }
}
@media (orientation: landscape) and (max-height: 500px) {
  .announcement { padding: 12px 16px 62px; }
  .announcement-content > img { width: 30px; margin-bottom: 6px; }
  .announcement h1 { font-size: clamp(38px, 10svh, 50px); }
  .announcement .hand { margin: 6px auto 0; font-size: 23px; }
  .announcement .shore-mail { margin-top: 16px; }
}

@media (max-width: 750px) {
  .announcement .mail-row {
    max-width: 84vw;
    margin-inline: auto;
  }
}
@media (max-width: 360px) {
  .announcement .mail-row input,
  .announcement .mail-row button { padding-inline: 8px; }
}

/* Give the title its own centre line, independent of the signup height. */
@media (min-width: 751px) and (min-height: 501px) {
  .shore-landing .announcement {
    padding-block: clamp(48px, 6svh, 80px);
    align-items: stretch;
  }
  .shore-landing .announcement-content {
    display: grid;
    grid-template-rows: minmax(min-content, 1fr) auto minmax(min-content, 1fr);
  }
  .shore-landing .announcement-content > img {
    align-self: end;
    margin: 0 auto clamp(18px, 2.6svh, 28px);
  }
  .shore-landing .announcement h1 {
    font-size: clamp(66px, min(8.2vw, 14svh), 132px);
  }
  .shore-landing .announcement .shore-mail {
    align-self: end;
    margin: 0 auto;
    padding-top: clamp(24px, 4svh, 56px);
  }
}
@media (max-width: 750px) and (min-height: 701px) {
  .shore-landing .announcement .shore-mail {
    margin-top: clamp(66px, calc(33svh - 165px), 152px);
  }
}

[data-headline="newsreader"] { --review-font: "Newsreader"; }
[data-headline="cormorant"] { --review-font: "Cormorant Garamond"; --review-weight: 500; }
[data-headline="lora"] { --review-font: "Lora"; }
[data-headline="fraunces"] { --review-font: "Fraunces"; }
[data-headline="dm"] { --review-font: "DM Sans"; }
[data-headline] .shore-title h1 {
  font-family: var(--review-font), serif;
  font-weight: var(--review-weight, 400);
}
@media (max-width: 750px) and (orientation: portrait) {
  [data-headline] .shore-title h1 { font-size: clamp(34px, 10.8vw, 80px); }
}

@media (max-width: 750px) and (min-height: 501px), (max-width: 750px) and (orientation: portrait) {
  .shore-landing .announcement-content > img {
    margin-bottom: clamp(16px, 2.5svh, 22px);
  }
}

@media (min-width: 751px) and (min-height: 501px) and (max-height: 650px) {
  .shore-landing .announcement { padding-block: 24px 48px; }
  .shore-landing .announcement-content {
    grid-template-rows: minmax(min-content, 1fr) auto auto;
  }
}

video[data-water-loop], #hero-video[data-water-loop] {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
}
video.ready[data-water-loop], #hero-video.ready[data-water-loop] { opacity: 1; }
[data-water-toggle] {
    position: absolute;
    z-index: 8;
    right: 15px;
    bottom: 10px;
    padding: 6px 10px;
    border: 1px solid #ffffff70;
    border-radius: 2px;
    background: #112825b0;
    color: #fff;
    font: 11px Manrope, sans-serif;
    cursor: pointer;
}
.cinema-stage [data-water-toggle] { bottom: 85px; }
.live-scene [data-water-toggle] { bottom: 6px;right: 6px; }
@media(max-width:640px) {
    .announcement [data-water-toggle] { bottom: 40px; }
    .live-copy { padding-bottom: 46px; }
}
.water-frame { position: absolute; inset: 0; display: block; }
.water-frame img { width: 100%; height: 100%; object-fit: cover; }

@font-face {
  font-family: 'Solway';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(assets/solway.ttf) format('truetype');
}


/* Study sizing */
[data-headline="ysabeau"] { --review-font: "Ysabeau"; --review-weight: 400; --study-style: normal; --study-size: min(7.78vw, 12.45svh, 126.7px); --phone-size: min(12.76vw, 75px); }
[data-headline="unbounded"] { --review-font: "Unbounded"; --review-weight: 200; --study-style: normal; --study-size: min(6.65vw, 10.64svh, 108.2px); --phone-size: min(9.63vw, 75px); }
[data-headline="solway"] { --review-font: "Solway"; --review-weight: 300; --study-style: normal; --study-size: min(6.84vw, 10.95svh, 111.4px); --phone-size: min(11.07vw, 75px); }
[data-headline="petrona"] { --review-font: "Petrona"; --review-weight: 400; --study-style: italic; --study-size: min(8.18vw, 13.09svh, 133.1px); --phone-size: min(13.58vw, 75px); }
[data-headline="victormono"] { --review-font: "Victor Mono"; --review-weight: 400; --study-style: normal; --study-size: min(5.26vw, 8.41svh, 85.5px); --phone-size: min(8.85vw, 75px); }
:is([data-headline="solway"], [data-headline="unbounded"], [data-headline="ysabeau"], [data-headline="petrona"], [data-headline="victormono"]) .shore-landing .shore-title h1 { font-style: var(--study-style); }
@media (min-width:751px) and (min-height:501px) {
 :is([data-headline="solway"], [data-headline="unbounded"], [data-headline="ysabeau"], [data-headline="petrona"], [data-headline="victormono"]) .shore-landing .shore-title h1 { font-size:var(--study-size); }
}
@media (max-width:750px) and (orientation:portrait) {
 :is([data-headline="solway"], [data-headline="unbounded"], [data-headline="ysabeau"], [data-headline="petrona"], [data-headline="victormono"]) .shore-landing .shore-title h1 { font-size:var(--phone-size); }
}

[data-body="source"] { --body-face: "Source Sans 3", sans-serif; }
[data-body="manrope"] { --body-face: Manrope, sans-serif; }
[data-body="literata"] { --body-face: Literata, Georgia, serif; }
.shore-landing .shore-mail,
.shore-landing .shore-mail :is(.trial, input, button),
.shore-landing :is(.draft-back, [data-water-toggle]) {
  font-family: var(--body-face, Manrope, sans-serif);
}
.shore-subline {
  max-width: min(54ch, 84vw);
  text-wrap: balance;
  margin: clamp(24px, 2.5vw, 36px) auto 0;
  font: 400 clamp(15px, 1.3vw, 18px)/1.45 var(--body-face, Manrope, sans-serif);
}
.shore-landing .shore-mail {
  translate: 0 clamp(8px, min(3vw + 8px, 9svh - 30px), 40px);
}
.shore-landing .shore-mail .invite {
  max-width: 100%;
  font: 400 clamp(20px, min(6vw, 2.1vw + 8px), 26px)/clamp(31.2px, 2.86vw, 41.6px) "Dawning of a New Day", cursive;
  margin: 12px auto 0;
}
@media (min-width: 1024px) and (min-height: 501px) {
  .shore-landing .announcement-content > img { width: 74px; }
  [data-headline="solway"] { --study-size: min(6.5vw, 10.4svh, 106px); }
  .shore-landing .announcement .shore-mail {
    align-self: start;
    padding-top: clamp(40px, 8svh, 82px);
  }
}

.shore-mail .signup-result { margin: 0; }
.signup-result:not(:empty) { margin-block: 5px; }
.shore-mail .mail-row[hidden] { display: none; }
.signup-privacy { color: inherit; font-size: 12px; text-underline-offset: 3px; }
.privacy-page { background: #162d36; color: white; font: 16px/1.55 Manrope, sans-serif; }
.privacy-page main { max-width: 44rem; margin: auto; padding: 3rem 1.5rem; }
.privacy-page h1 { font: 36px/1.2 Solway, serif; margin-block: 1em; }
.privacy-page p { margin: 1em 0; }
.privacy-page a { color: inherit; text-decoration: underline; }