@font-face {
  font-family: "Instrument Serif";
  src: url("https://jessyundtim.de/portal-media/5eb09b5ac0e28b67c2f0/instrument-serif.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("https://jessyundtim.de/portal-media/5a51946dfffa82972bc9/instrument-serif-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

:root {
  --shore-poster:url("data:image/webp;base64,UklGRhADAABXRUJQVlA4IAQDAADwFACdASqoADgAPuFwrlGopqQno7mbERAcCWJs6yiblBhztv3CnI5P/EE+0fmW3guXWxlrp4Klre22d1Po3xQo1o8C+u6u/Jfv45G/kitmEkuoLqdRuH8t9DG6vlmfPDy2F10GLdowD9kye08IXV1xaiTqWkPY7MDJY0pumUXnrIYdK5RAL+bSiin61+SkREjgy0SLfLnfLpOX8MGFXwLfRx2/GwhB9/9n1P3FdW85IADgA9l1R1ht6nQFxu4/fRLl3rtHMgo/4TtHzg912kjYg8jA0BRpfYXW4pP+rRFsrFfbhuytTHAgUfPjYuBps2gaTj3T3katV704BBsUmk0VTIjEfvijRwALoy7az3weQTjRxKybhmOGT+YAOnW0iFHUQ/JKz0MYyHrlMd7Qrhb+Di+WSEW8cCY2l0BpnEUrub+KYZT64nujpjSSaUdgBbarIF+hkTYdKkHzSEkO9aODqi0xiYXsfHdQwdLSDBuhpzhY1SOXvpMutxCP6LVq0/slfacOdUdxQf884q/taJAWXzyKlGi0c63hQ4xL+q+tfrSL20TxxYgWIxwfBgb1NVhNyrIuqFn5M+cvMekthtA+chZMJTn/sH2g/VT+fef6+hRqQiOthYnJKcRFTSr93g+ulYbcmZx2cCKEHpQ1/gkS/jEE1m+q8/1x4EzFRRwKC8rFOcpBeb0+sed8YKh6Xoc2MDn+LVfYiDcJSwcr5ZlC5Ff2/FXx5E5zIFvi9SAwcXOqEeDIH6TPvCCYnIRSF+k8oTEsYzzgv6nYsy69Za/X9iW9Nz/JQcZi4pFSZWUXH7jfxkK0gKLsMcME88TBQpxBBguFQvvuhsHS8gkQUrzH9QBN+gbnWWZdsdKrGRcyCE7vskFrgk6nPBttG1us66/cCYbGXnF5CUo5FWC3nEn0s/3l00snlT2Og9XgykSIbc4sLB//7721DV9MofsegkDLgQOyEcKF0byROmAhhTfgy8H0ZGr3sHJgjoszOsbLFPFh/WpMGVaoXBZmWFMMhpYAAAAA");
  --herbst-weg-poster:url("data:image/webp;base64,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");
  --fruehling-wiese-poster:url("data:image/webp;base64,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");
  --winter-huette-poster:url("data:image/webp;base64,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");
  --winter-huette-hoch-poster:url("data:image/webp;base64,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");
  --canvas: #e8e8d5;
  --ink: #1c352d;
  --soft: #30463b;
  --brass: #6a481d;
  --rule: rgb(44 67 49 / 32%);
  --serif: "Instrument Serif", Georgia, serif;
  color-scheme: light;
  background: var(--canvas);
  color: var(--ink);
  font: 100%/1.5 "Segoe UI", system-ui, sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--canvas); isolation: isolate; }
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 2px solid var(--brass); outline-offset: 4px; }
::selection { background: var(--brass); color: var(--canvas); }
.scene {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background: var(--canvas);
}
.postcard, .beach-canvas, .scene::after { position: absolute; inset: 0; }
.postcard {
  --base: max(100dvh, 32.7869vw);
  --extra: max(0px, calc(100vw - 1.44 * var(--base)));
  --start-width: calc(4.12 * var(--base) + var(--extra));
  overflow: hidden;
  background: var(--shore-poster) left center / var(--start-width) var(--base) no-repeat;
}
.postcard img { position: absolute; display: block; }
.coast { width: 100%; height: 100%; object-fit: cover; object-position: left center; }
:is(html[data-strand-entry], body[data-area="start"], body[data-area="gemeinsam"]) .postcard .coast {
  width: var(--start-width); height: var(--base);
  left: 0; top: calc((100% - var(--base)) / 2); object-fit: fill;
}
.actor { display: none !important; width: min(53vw, 78vh); right: 2.5%; bottom: 12%; }
body[data-area="tim"] .actor-tim, body[data-area="jessy"] .actor-jessy,
.scene.framed .actor { display: block !important; }
html[data-strand-entry] .scene:not(.framed) .actor { display: none !important; }
.scene.framed img { right: auto; bottom: auto; object-fit: fill; }
.beach-canvas { display: block; width: 100%; height: 100%; visibility: hidden; }
.scene[data-renderer="webgl"] .beach-canvas:not(.flat-canvas),
.scene[data-renderer="canvas2d"] .flat-canvas { visibility: visible; }
.scene:is([data-renderer="webgl"],[data-renderer="canvas2d"]) .postcard { visibility: hidden; }
.scene::after {
  content: "";
  background: linear-gradient(90deg, rgb(255 247 223 / 83%), rgb(255 247 223 / 73%) 23%,
                              rgb(255 247 223 / 38%) 39%, transparent 56%),
              linear-gradient(180deg, rgb(253 248 224 / 51%), transparent 16%);
}
html:is([data-strand-entry],[data-home-handoff]) .copy { opacity: 0; pointer-events: none; }
html[data-strand-entry="start"] body:not(.departing) .copy {
  opacity:1; pointer-events:auto; animation:section-arrival .22s ease-out;
}
@keyframes section-arrival { from {opacity:0} to {opacity:1} }
body[data-area="start"] .scene .postcard { visibility:visible; }
body[data-area="start"] :is(.beach-canvas,.season-stage canvas) { transition:opacity .24s ease; }
html[data-home-handoff] :is(.beach-canvas,.season-stage canvas) { opacity:0; }
body[data-area="start"] .season-stage:not([data-rendered]) canvas,
body[data-area="start"] .scene:not([data-renderer]) .beach-canvas { opacity:0; }
body.departing .copy { opacity: 0; transition-duration: .18s; }
.copy { transition: opacity .4s ease; }
.shell {
  width: min(1320px, 88%);
  margin-inline: auto;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
}
.masthead {
  position: relative;
  z-index: 2;
  min-height: clamp(78px, 10vh, 104px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--rule);
}
.monogram {
  display: inline-flex;
  align-items: baseline;
  padding: 4px 8px 4px 0;
  font: 38px/1.15 var(--serif);
  letter-spacing: -.09em;
}
.monogram i {
  margin-inline: .1em;
  color: var(--brass);
  font-size: .82em;
  font-weight: 400;
}
.trail { display: flex; gap: 12px; align-items: center; font-size: 13px; color: var(--soft); }
.trail a { display: inline-block; padding-block: 12px; }
.trail a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.trail [aria-hidden] { color: var(--brass); }
.layout {
  flex: 1;
  display: flex;
  align-items: center;
  padding-block: clamp(36px, 6vh, 82px);
}
.copy { width: min(100%, 35rem); min-width: 0; }
.greeting {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 20px;
  font-size: 11px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: .19em;
  text-transform: uppercase;
  color: var(--brass);
}
.greeting::before { content: ""; width: 31px; height: 1px; background: currentColor; }
h1 {
  margin: 0;
  font: 400 clamp(60px, 7.65vw, 119px)/1.05 var(--serif);
  letter-spacing: -.045em;
}
h1 em { color: var(--brass); font-weight: 400; }
.actions { margin-top: clamp(40px, 7vh, 84px); max-width: 28rem; }
.directory, .invitation { border-top: 1px solid var(--rule); }
.entry {
  display: flex;
  gap: 1em;
  align-items: center;
  justify-content: space-between;
  min-height: 62px;
  padding: 13px 2px;
  border-bottom: 1px solid var(--rule);
  font-size: clamp(17px, 1.3vw, 21px);
  line-height: 1.4;
  letter-spacing: .005em;
  transition: color .18s ease, border-color .18s ease;
}
.entry .arrow {
  display: inline-block;
  flex: none;
  color: var(--brass);
  font: 22px/1 "Segoe UI Symbol", sans-serif;
  transition: transform .18s ease;
}
.entry:is(:hover,:focus-visible) { color: var(--brass); border-bottom-color: var(--brass); }
.entry:is(:hover,:focus-visible) .arrow { transform: translate(2px, -2px); }
.invitation { border-color: var(--brass); }
.invitation .entry { font: 400 clamp(26px, 2.2vw, 35px)/1.2 var(--serif); }
.motion-tools { display: flex; justify-content: flex-end; padding: 0 0 16px; }
.motion-toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 6px 15px;
  background: rgb(250 248 232 / 89%);
  border: 1px solid rgb(71 84 58 / 25%);
  border-radius: 24px;
  color: var(--soft);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
}
.motion-toggle[hidden] { display: none; }
.motion-toggle:focus-visible { outline: 2px solid var(--brass); outline-offset: 3px; }
.motion-toggle:hover { color: var(--ink); background: #fbf8e9; }
.motion-icon {
  display: block;
  width: 8px;
  height: 10px;
  border-inline: 2px solid currentColor;
}
.motion-toggle.paused .motion-icon {
  width: 0;
  border: 0;
  border-left: 8px solid currentColor;
  border-block: 5px solid transparent;
}

.header-tools { display:flex; align-items:center; gap:clamp(14px,2.3vw,36px); }
.season-control { position:relative; }
.season-trigger {
  display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; min-width:44px;
  padding:0 2px; border:0; background:transparent; color:var(--soft); cursor:pointer; font:inherit; font-size:12px;
}
.season-mark, .season-mark svg { display:none; }
:root[data-season="fruehling"] [data-for="fruehling"], :root[data-season="sommer"] [data-for="sommer"],
:root[data-season="herbst"] [data-for="herbst"], :root[data-season="winter"] [data-for="winter"] { display:inline-flex; }
.season-trigger::after {
  content:""; width:5px; height:5px; margin-top:-3px;
  border-right:1px solid; border-bottom:1px solid; transform:rotate(45deg);
}
.season-trigger[aria-expanded="true"]::after { transform:rotate(225deg); margin-top:3px; }
.season-trigger:hover, .season-trigger[aria-expanded="true"] { color:var(--ink); }
.season-trigger:focus-visible { outline:0; text-decoration:underline; text-underline-offset:5px; }
.season-menu {
  --menu-paper:#fbf7ed; --menu-edge:#d9d1bf; --menu-wash:#eee7d8;
  position:absolute; inset-inline-end:0; top:calc(100% + 2px); width:184px;
  max-height:calc(100vh - 80px); max-height:calc(100dvh - 80px); overflow-y:auto;
  padding:6px; border:1px solid var(--menu-edge); border-radius:12px; background:var(--menu-paper);
  box-shadow:0 8px 24px rgb(46 34 18 / 13%),0 2px 5px rgb(46 34 18 / 6%);
  animation:season-open .12s ease-out;
}
.season-menu[hidden] { display:none; }
@keyframes season-open { from { opacity:0; transform:translateY(-3px); } to { opacity:1; transform:translateY(0); } }
.season-menu button {
  display:grid; grid-template-columns:18px 1fr 12px; align-items:center; gap:11px; width:100%;
  min-height:37px; padding:0 10px; border:0; border-radius:7px; background:transparent;
  color:var(--ink); font:inherit; font-size:13px; text-align:start; cursor:pointer;
}
.season-menu svg {
  width:16px; height:16px; fill:none; stroke:var(--brass); stroke-width:1.5;
  stroke-linecap:round; stroke-linejoin:round;
}
.season-menu button[data-value="auto"] { margin-bottom:7px; position:relative; }
.season-menu button[data-value="auto"]::before {
  content:""; position:absolute; bottom:-4px; inset-inline:8px; height:1px; background:var(--menu-edge);
}
.season-menu button[aria-checked="true"]::after {
  content:""; width:9px; height:5px; border-left:1.5px solid var(--brass);
  border-bottom:1.5px solid var(--brass); transform:translateY(-1px) rotate(-45deg);
}
.season-menu button:hover, .season-menu button:focus-visible { background:var(--menu-wash); }
.season-menu button:focus-visible { outline:1px solid var(--brass); outline-offset:-2px; }
:root[data-season="winter"] .season-menu {
  --menu-paper:#302820; --menu-edge:#584a3b; --menu-wash:#463b30;
}
@media (pointer:coarse) { .season-menu button { min-height:44px; } }
.season-stage { display:none; position:absolute; inset:0; background-position:center; background-size:cover; }
.season-stage canvas { position:absolute; inset:0; width:100%; height:100%; visibility:hidden; }
.season-couple { position:absolute; opacity:0; }
.season-stage[data-rendered] canvas { visibility:visible; }
.season-stage[data-rendered] .season-couple { visibility:hidden; }
:root[data-season="fruehling"] {
  --canvas:#edf0d8; --ink:#25392b; --soft:#334834; --brass:#664c2d; --rule:rgb(60 78 49 / 42%);
  --wash-color:248 245 221; --mast-color:246 244 222;
}
:root[data-season="fruehling"] .season-stage {
  background-image:url("https://jessyundtim.de/portal-media/8891b9f4ac1ab7b30496/fruehling-wiese.webp"),var(--fruehling-wiese-poster);
}
:root[data-season="herbst"] {
  --canvas:#f3d9ae; --ink:#362815; --soft:#49361f; --brass:#6c3b18; --rule:rgb(81 49 23 / 44%);
  --wash-color:255 241 207; --mast-color:255 246 218;
}
:root[data-season="winter"] {
  color-scheme:dark; --canvas:#352619; --ink:#fff3dd; --soft:#f8e6cc; --brass:#f4cf91;
  --rule:rgb(244 212 162 / 49%); --wash-color:37 25 19; --mast-color:32 24 20;
}
:root[data-season="herbst"] .season-stage { background-image:url("https://jessyundtim.de/portal-media/c9c048bd27f9aa4e5cff/herbst-weg.webp"),var(--herbst-weg-poster); }
:root[data-season="winter"] .season-stage { background-image:url("https://jessyundtim.de/portal-media/80a25c6ed1eee1c1310d/winter-huette.webp"),var(--winter-huette-poster); background-position:90% 32%; }
@media (max-aspect-ratio:11/10) {
  :root[data-season="winter"] .season-stage { background-image:url("https://jessyundtim.de/portal-media/31082151d4165571ad91/winter-huette-hoch.webp"),var(--winter-huette-hoch-poster); background-position:75% 32%; }
}
@media (max-aspect-ratio:2/3) {
  :root[data-season="winter"] .season-stage { background-size:min(125vw,66.667dvh) 100%; }
}
:root[data-season]:where(:not([data-season="sommer"])) .season-stage { display:block; }
:root[data-season]:where(:not([data-season="sommer"])) :is(.postcard,.beach-canvas) { display:none; }
:root[data-season]:where(:not([data-season="sommer"])) .scene::after {
  --direction:90deg; z-index:1;
  background:linear-gradient(var(--direction),rgb(var(--wash-color) / 89%) 0%,
             rgb(var(--wash-color) / 76%) 22%,rgb(var(--wash-color) / 40%) 35%,transparent 54%),
             linear-gradient(to bottom,rgb(var(--mast-color) / 66%),transparent 18%);
}
:root[data-season]:where(:not([data-season="sommer"])) body[data-area="jessy"] .scene::after { --direction:270deg; }
:root[data-season]:where(:not([data-season="sommer"])) body[data-area="jessy"] .copy {
  margin-left:auto; width:min(36%,28rem);
}
:root[data-season="winter"] .motion-toggle {
  color:#faecd5; background-color:rgb(46 33 26 / 92%); border-color:var(--rule);
}
:root[data-season="winter"] .motion-toggle:hover { background-color:#4c392b; }
@media (min-width:681px) {
  :root[data-season]:where(:not([data-season="sommer"])) .scene {
    --jessy-wash:0;
    --side-wash:rgb(var(--wash-color) / 89%) 0%,rgb(var(--wash-color) / 76%) 22%,
                rgb(var(--wash-color) / 40%) 35%,transparent 54%;
    --top-wash:linear-gradient(to bottom,rgb(var(--mast-color) / 66%),transparent 18%);
  }
  :root[data-season]:where(:not([data-season="sommer"])) body[data-area="jessy"] .scene,
  :root[data-season]:where(:not([data-season="sommer"]))[data-strand-entry="jessy"] .scene { --jessy-wash:1; }
  :root[data-season]:where(:not([data-season="sommer"]))[data-strand-entry="start"] body .scene { --jessy-wash:0; }
  :root[data-season]:where(:not([data-season="sommer"])) .scene::before {
    content:""; position:absolute; inset:0; z-index:1;
    background:linear-gradient(90deg,var(--side-wash)),var(--top-wash);
    opacity:calc(1 - var(--jessy-wash));
  }
  :root[data-season]:where(:not([data-season="sommer"])) .scene::after {
    background:linear-gradient(270deg,var(--side-wash)),var(--top-wash);
    opacity:var(--jessy-wash);
  }
}
@media (max-width:680px) {
  .header-tools { gap:12px; }
  .season-mark span { display:none; }
  .season-trigger:focus-visible { outline:1px solid var(--brass); outline-offset:-5px; border-radius:50%; }
  .season-menu button { min-height:44px; }
  .season-mark svg {
    display:block; width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.5;
    stroke-linecap:round; stroke-linejoin:round;
  }
  .header-tools .trail { gap:6px; }
  .header-tools .trail :is([aria-hidden],[aria-current]):not(:only-child) { display:none; }
  :root[data-season]:where(:not([data-season="sommer"])) .scene::before {
    opacity:calc(1 - var(--personal-mix));
    background:linear-gradient(90deg,rgb(var(--wash-color) / 84%),rgb(var(--wash-color) / 55%) 55%,transparent),
               linear-gradient(to bottom,rgb(var(--mast-color) / 60%),transparent 20%);
  }
  :root[data-season]:where(:not([data-season="sommer"])) .scene::after {
    opacity:var(--personal-mix);
    background:linear-gradient(to bottom,rgb(var(--mast-color) / 76%),rgb(var(--wash-color) / 70%) 24%,transparent 50%);
  }
  :root[data-season]:where(:not([data-season="sommer"])) body[data-area="jessy"] .copy {
    width:min(90%,25rem); text-align:right;
  }
  :root[data-season]:where(:not([data-season="sommer"])) body[data-area="jessy"] .greeting { justify-content:flex-end; }
  :root[data-season]:where(:not([data-season="sommer"])) body[data-area="jessy"] .invitation { margin-top:20px; }
  :root[data-season]:where(:not([data-season="sommer"])) body[data-area="gemeinsam"] .layout {
    align-items:flex-start; padding-top:clamp(18px,4vh,42px);
  }
}

@media (max-width: 900px) and (min-width: 681px) {
  .shell { width: 91%; }
  h1 { font-size: clamp(76px, 10vw, 92px); }
  .actions { max-width: 22rem; }
}
@media (max-width: 680px) {
  .shell { width: calc(100% - 44px); max-width: 530px; }
  .masthead { min-height: 66px; }
  .monogram { font-size: 32px; }
  .trail { font-size: 12px; }
  .scene { --personal-mix: 0; }
  body:is([data-area="tim"],[data-area="jessy"]) .scene,
  html:is([data-strand-entry="tim"],[data-strand-entry="jessy"]) .scene { --personal-mix: 1; }
  html[data-strand-entry="start"] body .scene { --personal-mix: 0; }
  .scene::after {
    z-index: 1;
    opacity: var(--personal-mix);
    background: linear-gradient(180deg, rgb(253 245 222 / 79%), rgb(253 245 222 / 64%) 34%,
                                rgb(253 245 222 / 17%) 46%, transparent 57%);
  }
  .scene::before {
    content: "";
    position: absolute; inset: 0; z-index: 1;
    opacity: calc(1 - var(--personal-mix));
    background: linear-gradient(90deg, rgb(253 245 222 / 66%), rgb(253 245 222 / 18%)),
                linear-gradient(180deg, rgb(253 245 222 / 47%) 22%, transparent 80%);
  }
  body:is([data-area="tim"],[data-area="jessy"]) .layout {
    align-items: flex-start;
    padding-top: clamp(18px, 4vh, 42px);
    padding-bottom: 38vh;
  }
  .actor { width: 94vw; right: 3vw; bottom: 11%; }
  .layout { padding-block: 46px; }
  .greeting { margin-bottom: 10px; font-size: 10px; }
  h1 { font-size: clamp(59px, 16vw, 88px); }
  .actions { max-width: 24rem; margin-top: 34px; }
  .entry { min-height: 54px; }
}
@media (prefers-reduced-motion: reduce) {
  .season-menu { animation:none; }
  html[data-strand-entry="start"] body:not(.departing) .copy { animation:none; }
  .motion-toggle { display: none; }
  .copy, .scene::after { transition: none; }
  body[data-area="start"] :is(.beach-canvas,.season-stage canvas) { transition:none; }
  .entry, .entry .arrow { transition: none; }
  .entry:is(:hover,:focus-visible) .arrow { transform: none; }
}