@font-face{font-family:'IM Fell DW Pica';font-style:italic;font-weight:400;font-display:swap;size-adjust:95%;src:url('/assets/fonts/im-fell-dw-pica-italic.woff2') format('woff2'),url('/assets/fonts/im-fell-italic.ttf') format('truetype')} @font-face{font-family:'IM Fell DW Pica';font-style:normal;font-weight:400;font-display:swap;size-adjust:95%;src:url('/assets/fonts/im-fell-dw-pica-regular.woff2') format('woff2'),url('/assets/fonts/im-fell-normal.ttf') format('truetype')} @font-face{font-family:'Special Elite';font-style:normal;font-weight:400;font-display:swap;size-adjust:95%;src:url('/assets/fonts/special-elite-regular.woff2') format('woff2'),url('/assets/fonts/special-elite.ttf') format('truetype')} @font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/caveat-semibold.woff2') format('woff2')} @font-face{font-family:'Patrick Hand';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/patrick-hand-regular.woff2') format('woff2')} @font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/inter-variable.woff2') format('woff2')} @font-face{font-family:'Courier Prime';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/courier-prime-regular.ttf') format('truetype')} @font-face{font-family:'Courier Prime';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/courier-prime-bold.ttf') format('truetype')}:root{--white:#FFF;--black:#000;--greyish:#e1e0e0;--pink:rgb(255,148,202);--buoy:#EB6C03;--gold:#FFD700;--em:#C8BCDA;--glow-blue:#50AAFF;--glow-blue-strong:rgba(80,170,255,0.6);--glow-blue-soft:rgba(80,170,255,0.4);--glow-blue-clear:rgba(80,170,255,0);--hero:hsl(215,25%,10%);--whois-blend:#142e4c;--whois:#112843;--society:hsl(215,30%,21%);--foundation:hsl(215,31%,24%);--areyou:hsl(215,32%,26%);--rescue:hsl(215,32%,27%);--campfire:hsl(245,18%,38%);--evolving:hsl(250,22%,44%);--foryou:hsl(250,18%,40%);--notso:hsl(245,16%,34%);--faq:hsl(235,16%,28%);--concerns:hsl(225,18%,24%);--membership:hsl(215,20%,25%);--join:hsl(215,18%,28%);--curious:hsl(227,20%,35%);--summary:hsl(227,25%,30%);--invite:hsl(240,20%,30%);--booking:hsl(215,28%,16%);--booking-night:hsl(215,40%,6%);--status-pending:var(--buoy);--status-success:#55e27f;--status-danger:#ff5a6a;--pending-bg:rgba(235,108,3,0.15);--pending-border:rgba(235,108,3,0.3);--success-border:rgba(85,226,127,0.3);--danger-bg:rgba(255,90,106,0.15);--danger-border:rgba(255,90,106,0.3);--opacity-subtle:0.03;--opacity-low:0.08;--opacity-low-medium:0.12;--opacity-medium:0.18;--opacity-medium-high:0.2;--opacity-high:0.3;--opacity-very-high:0.5;--glass-fill:rgba(255,255,255,var(--opacity-low));--overlay-subtle:rgba(255,255,255,var(--opacity-subtle));--font-body-color:var(--white);--font-body-plus-color:var(--pink);--font-body-plus-size:var(--font-size-base);--font-head:'Special Elite','Courier New',Courier,monospace;--font-body:'Special Elite','Courier New',Courier,monospace;--font-quote:"IM Fell DW Pica",serif;--font-inter:'Inter',system-ui,-apple-system,sans-serif;--font-handwriting:'Caveat','Patrick Hand',var(--notebook-font);--font-clamp:clamp(1.35rem,1vw + 0.8rem,1.8rem);--font-size-base:var(--font-clamp);--font-size-sm:clamp(12px,1.2vw,14px);--font-size-h5:var(--font-size-h4);--font-size-h4:clamp(1.4rem,2vw,1.8rem);--font-size-h3:clamp(1.5rem,2.5vw,2.1rem);--font-size-h2:clamp(1.8rem,4vw,2.8rem);--font-size-h1:clamp(2.2rem,5vw,3.5rem);--font-head-line-height:1.2;--font-head-letter-spacing:0.02em;--font-head-color:var(--white);--font-head-color-h1:var(--buoy);--font-head-color-h2:#F0A0B0;--font-head-color-h3:var(--pink);--font-head-color-h4:#E8AABF;--font-head-color-h5:var(--em,#C8BCDA);--font-body-line-height:1.5;--line-height-relaxed:1.6;--font-body-letter-spacing:0.015em;--tracking-normal:0.015em;--tracking-loose:0.05em;--tracking-very-loose:0.1em;--font-quote-line-height:1.5;--font-quote-letter-spacing:0.015em;--font-quote-size:calc(var(--font-clamp) * 1.1);--font-quote-color:var(--em);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:40px;--space-flow-sm:clamp(0.75rem,2vw,1rem);--space-flow-md:clamp(1rem,3vw,1.5rem);--space-flow-lg:clamp(1.5rem,4vw,2.5rem);--padding-button:var(--spacing-sm) var(--spacing-lg);--padding-card:var(--spacing-2xl);--gap:calc(-1.074vw - 106px);--wave-height:clamp(80px,12.5vw,150px);--wave-visible-height:calc(var(--wave-height) * 0.333333);--wave-content-gap:clamp(0.875rem,1.4vw,1.5rem);--wave-clearance:calc(var(--wave-visible-height) + var(--wave-content-gap));--seam:clamp(120px,15vw,260px);--whois-top-fade:clamp(180px,24vh,380px);--width-content:min(90ch,100%);--width-medium:min(900px,100%);--height-textarea-min:160px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:999px;--border-width-thin:1px;--shadow-lg:0 10px 20px rgba(0,0,0,0.3);--shadow-2xl:0 20px 60px rgba(0,0,0,0.4);--shadow-focus:0 0 0 4px rgba(91,76,255,0.15);--shadow:var(--shadow-lg);--duration-fast:0.15s;--duration-normal:0.3s;--duration-slow:0.5s;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0.0,0.0,0.2,1);--transition-fast:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out),opacity var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-in-out);--transition-normal:color var(--duration-normal) var(--ease-in-out),background-color var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-in-out),opacity var(--duration-normal) var(--ease-in-out),transform var(--duration-normal) var(--ease-in-out);--z-below:-1;--z-floating:500;--z-modal:1000;--z-popover:1100;--z-overlay:9999;--paper:#f2dfb7;--pad:clamp(12px,2.6vw,34px);--edge:rgba(45,34,14,0.24);--buttcol:#C85A12;--z-overlay:9999;--paper:#f2dfb7;--pad:clamp(12px,2.6vw,34px);--edge:rgba(45,34,14,0.24);--buttcol:#C85A12;--danger:var(--status-danger);--ok:var(--status-success);--read-more-color:#FF7396;--notebook-ink:#151515;--notebook-ink-grey:#191919;--notebook-ink-black:#111;--notebook-red:#9f1111;--notebook-blue:#0333f4;--notebook-line-color:rgba(33,81,145,0.13);--notebook-line-mobile:rgba(33,81,145,0.06);--notebook-highlight:rgba(255,222,82,0.62);--notebook-pinned-bg:rgba(255,222,82,0.26);--notebook-font:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;--notebook-gap:-32px;--wavy-underline-light-bg:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12' width='20' height='12'%3E%3Cpath d='M0,10 C5,10 9,2 12,2 C15,2 17,10 20,10' fill='none' stroke='%231f2b3a' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");--wavy-underline-sea:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12' width='20' height='12'%3E%3Cpath d='M0,10 C5,10 9,2 12,2 C15,2 17,10 20,10' fill='none' stroke='%23dcd0ff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}:is(.diary-note,.postCARD,.is-light-bg){--wavy-underline-sea:var(--wavy-underline-light-bg)} .long-story-page{--whois-blend:#0f2d55;--whois:#0d284b;--campfire:hsl(238,20%,34%);--foryou:#5b4660;--evolving:#695573;--notso:#485467;--faq:#364756;--concerns:#334654;--membership:#3a5260;--join:#46616a;--curious:#536d76;--invite:var(--curious);--booking:#263f59;--booking-night:#101f31} .short-story-page:not(.long-story-page){--society:hsl(215,30%,21%);--notso:#485467;--faq:#364756;--membership:#3a5260;--join:#405a65;--concerns:#46616a;--curious:#536d76;--booking:#263f59;--booking-night:#101f31} *{margin:0;padding:0;box-sizing:border-box}:focus-visible{outline:2px solid var(--pink);outline-offset:4px;box-shadow:0 0 0 4px rgb(255 148 202 / 25%);border-radius:var(--radius-sm,var(--radius-sm))} .is-light-bg:focus-visible,.diary-note:focus-visible{outline-color:var(--notebook-red);box-shadow:0 0 0 4px rgb(159 17 17 / 25%)} html,body{min-height:100%} body{margin:0;color:var(--font-body-color);background-color:var(--hero);position:relative;font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--font-body-line-height);letter-spacing:var(--font-body-letter-spacing);overflow-x:hidden;scrollbar-gutter:stable} body::after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0.022;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='seamNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23seamNoise)'/%3E%3C/svg%3E");background-size:160px 160px;background-repeat:repeat} @media (prefers-reduced-motion:reduce){body::after{opacity:0.012} } img{max-width:100%;height:auto;object-fit:contain} a,[data-path]{color:var(--white);text-decoration:none} [data-path]{cursor:pointer;display:inline-block} .big-column p a,.big-column li a,.diary-note a,.text-link,.theEND>a,.theEND>[data-path]{background-image:var(--wavy-underline-sea);background-position:bottom left;background-repeat:repeat-x;background-size:8px 6px;padding-bottom:6px} p{margin-block-start:0;margin-block-end:var(--space-flow-md)} nav>a{margin:0} h1,h2,h3,h4,h5{font-family:var(--font-head);line-height:var(--font-head-line-height);letter-spacing:var(--font-head-letter-spacing);color:var(--font-head-color);margin-block-start:var(--space-flow-lg);margin-block-end:var(--space-flow-sm);text-wrap:balance} h1:first-child,h2:first-child{margin-block-start:0} h1{font-size:var(--font-size-h1);color:var(--font-head-color-h1)} h2{font-size:var(--font-size-h2);color:var(--font-head-color-h2)} h3{font-size:var(--font-size-h3);color:var(--font-head-color-h3)} h4{font-size:var(--font-size-h4);color:var(--font-head-color-h4)} h5{font-size:var(--font-size-h5);color:var(--font-head-color-h5)} h3{display:block;line-height:1.2} h4{display:block;line-height:1.2} h5{display:block;line-height:1.2} .huglight{font-family:var(--font-quote);font-size:var(--font-quote-size);line-height:var(--font-quote-line-height);letter-spacing:var(--font-quote-letter-spacing);color:var(--font-quote-color);width:var(--width-content);margin-inline:auto;margin-block:var(--space-flow-lg);text-align:center;text-wrap:balance;box-sizing:border-box;min-height:1px;flex-shrink:0} .highlight{position:relative;font-family:var(--font-quote);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--font-quote-color);width:var(--width-content);margin-inline:auto;margin-block:var(--space-flow-lg);text-wrap:balance;box-sizing:border-box;padding-block:clamp(1.5rem,4vw,2.5rem);padding-inline-start:clamp(1.2rem,3vw,2rem);border-inline-start:2px solid color-mix(in srgb,var(--font-quote-color) 50%,transparent);border-image:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--font-quote-color) 50%,transparent),transparent) 1;display:grid;grid-template-columns:auto 1fr;gap:clamp(0.5rem,2vw,1.5rem);align-items:stretch;&>*{grid-column:2} &::before{content:"\201C";grid-column:1;grid-row:1 / -1;font-family:var(--font-quote);font-size:6em;line-height:0.8;margin-top:-0.05em;color:var(--font-quote-color);opacity:0.2;user-select:none} &.no-border{border-inline-start:none} & em{color:inherit;font-style:italic} & em.author{display:block;width:100%;margin-top:var(--spacing-md);text-align:end;font-family:var(--font-handwriting);font-size:0.9em;color:inherit;opacity:0.75} & a{color:inherit;background-image:none;padding-bottom:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:rgb(25 34 27 / 45%)} } .testlight{font-family:var(--font-quote);font-size:var(--font-quote-size);line-height:var(--font-quote-line-height);letter-spacing:var(--font-quote-letter-spacing);color:var(--font-quote-color);width:var(--width-content);margin-inline:auto;margin-block:var(--space-flow-sm);text-align:left;box-sizing:border-box} .highlight em,.testlight em{color:var(--em)} .testlight em.author{display:block;width:var(--squiggle-width,100%);max-width:100%;margin-inline-start:0;margin-inline-end:auto;margin-top:var(--spacing-sm);text-align:right;font-size:0.9em;opacity:0.8} .highlight em.author{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:var(--spacing-md);text-align:left;font-size:0.9em;opacity:0.8} .highlight em.author::before{content:"";display:block;width:clamp(100px,50%,250px);height:1px;background:linear-gradient(to left,transparent,currentColor);margin-bottom:0.5rem;opacity:0.5} .testlight:first-child::before,.testlight:last-child::after{content:"";display:block;width:var(--squiggle-width,100%);height:16px;margin:0.8rem auto;opacity:0.4;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 16' preserveAspectRatio='none'><path d='M0 8 C20 0,40 16,60 8 C80 0,100 16,120 8' stroke='%23FFFFFF' stroke-width='2' fill='none' stroke-linecap='round'/></svg>") no-repeat center / 100% 100%} .contact-form .highlight{font-size:calc(var(--font-quote-size) * 0.67);padding:0.67rem;margin:0.67rem auto} .contact-form h2{font-size:calc(var(--font-size-h2) * 0.67)} .contact-form h3{font-size:calc(var(--font-size-h3) * 0.67)} .contact-form .highlight::before,.contact-form .highlight::after{height:11px;margin:0.5rem auto} .huglight::after{content:"";display:block;width:clamp(100px,40%,250px);height:1px;background:linear-gradient(to right,transparent,currentColor,transparent);margin:0 auto;opacity:0.5} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .dynamic-underline{position:absolute;pointer-events:none;transition:left 0.25s cubic-bezier(0.4,0,0.2,1),top 0.25s cubic-bezier(0.4,0,0.2,1),width 0.25s cubic-bezier(0.4,0,0.2,1),height 0.25s cubic-bezier(0.4,0,0.2,1),background-color 0.25s cubic-bezier(0.4,0,0.2,1),opacity 0.25s cubic-bezier(0.4,0,0.2,1),transform 0.25s cubic-bezier(0.4,0,0.2,1);height:2px;background-color:currentColor;border-radius:2px}:is(.path-title,.read-more) .dynamic-underline{height:10px;background-color:transparent;background-image:var(--wavy-underline-sea);background-position:bottom left;background-repeat:repeat-x;background-size:8px 6px} .grid{display:grid;grid-template-rows:auto auto;justify-content:center} .grid>*{word-break:break-word;overflow-wrap:break-word;box-sizing:border-box} .grid img{margin:0 auto var(--gap);position:relative} .grid>:nth-child(2){padding-top:2em;border-radius:var(--radius-2xl);background:#468581} .brid-wrap{display:grid;grid-template-columns:25% 1fr;margin-block-end:var(--space-flow-lg);padding:0} .brid-wrap img{max-width:100px;max-height:100px;object-fit:contain} .brid-wrap .aniPoint img{transform:translateY(45%)} .brid-wrap>:is(div,a):nth-child(2n+1){display:grid;justify-items:end;align-items:center;border-right:1px solid color-mix(in srgb,var(--font-quote-color,currentColor) 10%,transparent);border-image:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--font-quote-color,currentColor) 10%,transparent),transparent) 1;padding-right:1rem} .brid-wrap .read-more--how-to-join{color:var(--font-head-color-h2) !important} .brid-wrap>:is(div,a):nth-child(2n+2){display:grid;justify-items:start;align-items:center;justify-self:start;align-self:center;margin-left:1.5rem;padding-left:0;cursor:pointer} .srid-wrap,.stage-wrap{display:grid;grid-template-columns:25% 1fr;margin-block-end:var(--space-flow-lg);column-gap:1.4rem} .srid-wrap img,.stage-wrap img{max-width:100%;max-height:100%;object-fit:contain} .srid-wrap>div:nth-child(3n+3):is(h1,h2,h3,h4,h5):first-child,.stage-wrap>div:nth-child(3n+3):is(h1,h2,h3,h4,h5):first-child{margin-top:0} .srid-wrap>div:nth-child(3n+2)>:is(h1,h2,h3,h4,h5):first-child,.stage-wrap>div:nth-child(3n+2)>:is(h1,h2,h3,h4,h5):first-child{margin:0} .srid-wrap>div:nth-child(3n+1),.stage-wrap>div:nth-child(3n+1){grid-row:span 3;border-right:1px solid color-mix(in srgb,var(--font-quote-color,currentColor) 10%,transparent);border-image:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--font-quote-color,currentColor) 10%,transparent),transparent) 1;padding-right:1rem} .stage-wrap>div:nth-child(3n+1){display:flex;align-items:center;justify-content:center} .srid-wrap>div:nth-child(3n+2)>p,.stage-wrap>div:nth-child(3n+2)>p{margin:0;padding:0;font-size:var(--font-body-plus-size);color:var(--font-body-plus-color)} .srid-wrap>div:nth-child(3n+2)>h4,.stage-wrap>div:nth-child(3n+2)>h4{font-size:var(--font-size-base);line-height:var(--font-body-line-height)} .srid-wrap>div:nth-child(3n+2)>p>a,.stage-wrap>div:nth-child(3n+2)>p>a{font-size:var(--font-body-plus-size);color:var(--black);padding:0} .srid-wrap>div:nth-child(3n+3)>p:last-of-type,.stage-wrap>div:nth-child(3n+3)>p:last-of-type{padding-bottom:0} @media (max-width:768px){.srid-wrap,.stage-wrap,.brid-wrap{grid-template-columns:1fr;column-gap:0} .brid-wrap{row-gap:1.4rem} .brid-wrap>:is(div,a):nth-child(2n+1),.brid-wrap>:is(div,a):nth-child(2n+2){grid-column:1;grid-row:auto;padding:0;border:none;justify-items:center;align-items:center;text-align:center;justify-self:center;margin-left:0} .brid-wrap .aniPoint img{transform:rotate(90deg) translateY(37.226%);transform-origin:center center;display:block;margin:0 auto} .brid-wrap .aniPoint.is-poking>*{animation-name:poke-y} .brid-wrap .aniPoint.is-poking + .read-more{animation-name:text-nudge-y} @media (hover:hover){.brid-wrap:hover .aniPoint>*{animation-name:poke-y} .brid-wrap:hover .read-more{animation-name:text-nudge-y} } .brid-wrap>:is(div,a):nth-child(2n+2){text-underline-offset:0.35rem;text-decoration-thickness:1.5px;line-height:1.6} .srid-wrap>div:nth-child(3n+1),.stage-wrap>div:nth-child(3n+1){grid-column:1;grid-row:auto;border:none;padding:0;display:flex;align-items:center;justify-content:center;margin-bottom:1rem} .srid-wrap>div:nth-child(3n+2),.srid-wrap>div:nth-child(3n+3),.stage-wrap>div:nth-child(3n+2),.stage-wrap>div:nth-child(3n+3){grid-column:1} } @media (min-width:1920px){.stage-wrap img{max-width:66%} } .big-column{width:min(80ch,90vw);max-width:900px;text-align:left;margin-inline:auto;padding-left:1rem;padding-right:1rem;container-type:inline-size} .docs-page #docs-fragment{min-height:100vh;padding-top:clamp(3rem,8vw,6rem)} .docs-page .big-column>div,.docs-page .big-column picture,.docs-page .big-column img{max-width:100%} .big-column ul{list-style:none} .big-column li{position:relative;padding-left:3rem;margin-block:var(--space-flow-sm);line-height:var(--font-body-line-height);padding-top:3px} .big-column li::before{content:"";position:absolute;left:0;width:3rem;height:3rem;top:calc((1lh - 3rem) / 2);background-image:var(--li-icon,image-set( url("/assets/images/icons/buoy.avif") type("image/avif"),url("/assets/images/icons/buoy.webp") type("image/webp"),url("/assets/images/icons/buoy.png") type("image/png") ));background-size:contain;background-repeat:no-repeat;background-position:center;animation:buoy-bob 3.2s ease-in-out infinite} .big-column li:nth-child(2n)::before{animation-delay:-0.8s} .big-column li:nth-child(3n)::before{animation-delay:-1.6s} .big-column li:nth-child(4n)::before{animation-delay:-2.4s} header,section{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--white);overflow:visible;padding-bottom:var(--wave-clearance);scroll-margin-top:5rem} header,section:not(#booking){z-index:1} #booking{position:relative;z-index:2;overflow:hidden} #booking>.big-column{position:relative;z-index:3} #booking::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 110%,rgba(150,170,185,0.08) 0%,transparent 50%),linear-gradient( in oklch to bottom,color-mix(in oklch,var(--booking),var(--curious)) 0%,var(--booking) 10%,var(--booking-night) 100% );mask-image:linear-gradient(to bottom,var(--black) 0%,var(--black) 60%,rgba(0,0,0,0.8) 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,var(--black) 0%,var(--black) 60%,rgba(0,0,0,0.8) 75%,transparent 100%)} main{position:relative;z-index:10;background-color:var(--society)}:is(.long-story-page,.short-story-page) main{background-color:transparent} header::after,section::after,main::before{content:"";position:absolute;left:0;width:100%;height:var(--wave-height);pointer-events:none;-webkit-mask-image:url("/assets/images/svg/wave.svg");-webkit-mask-repeat:repeat-x;-webkit-mask-size:auto 100%;mask-image:url("/assets/images/svg/wave.svg");mask-repeat:repeat-x;mask-size:auto 100%;z-index:10} header::after{display:none} section::after{display:none} main::before{top:calc(var(--wave-height) * -1);background-color:rgba(2,25,56,0.92)}:is(.long-story-page,.short-story-page) main::before{background:linear-gradient(to bottom,transparent,var(--whois-blend) 30%,var(--whois-blend) 100%)}:is(.long-story-page,.short-story-page) #whois{background-color:transparent;background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--whois-blend) 88%,transparent) 0%,color-mix(in oklch,var(--whois-blend) 94%,transparent) calc(var(--wave-height) * 1.4),color-mix(in oklch,var(--whois) 98%,transparent) calc(var(--wave-height) * 2.4),var(--whois) calc(var(--wave-height) * 3.4),var(--whois) calc(100% - min(var(--seam),40%)),color-mix(in oklch,var(--whois),var(--society)) 100%);isolation:isolate} .long-story-page #whois{background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--whois-blend) 52%,transparent) 0%,color-mix(in oklch,var(--whois-blend) 75%,transparent) calc(var(--wave-height) * 1.4),color-mix(in oklch,var(--whois) 92%,transparent) calc(var(--wave-height) * 2.4),var(--whois) calc(var(--wave-height) * 3.4),var(--whois) calc(100% - min(var(--seam),40%)),color-mix(in oklch,var(--whois),var(--society)) 100%)}:is(.long-story-page,.short-story-page) main::before{display:none}:is(.long-story-page,.short-story-page) #whois::before{content:"";position:absolute;top:calc(var(--wave-height) * -1);left:0;width:100%;height:var(--wave-height);pointer-events:none;background:linear-gradient(to bottom,transparent 0%,color-mix(in oklch,var(--whois-blend) 88%,transparent) 100%);-webkit-mask-image:url("/assets/images/svg/wave.svg");mask-image:url("/assets/images/svg/wave.svg");-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:auto 100%;mask-size:auto 100%;z-index:10} .long-story-page #whois::before{background:linear-gradient(to bottom,transparent 0%,color-mix(in oklch,var(--whois-blend) 52%,transparent) 100%)} #whois{background-color:var(--whois);background-image:linear-gradient( in oklch to bottom,var(--whois-blend) 0%,var(--whois) var(--whois-top-fade),var(--whois) calc(100% - min(var(--seam),40%)),color-mix(in oklch,var(--whois),var(--society)) 100%);isolation:isolate} #whois .testimonial-note{margin-top:-2.25rem;margin-bottom:0.5rem;padding-bottom:clamp(0.5rem,1.5vw,0.8rem);border-bottom-width:clamp(24px,4vw,40px)} #whois .testimonial-note p{text-shadow:0 0 0.6px rgba(20,30,80,0.55),0.4px 0.3px 1.2px rgba(20,30,80,0.18),-0.3px 0.4px 1.0px rgba(20,30,80,0.14),0.2px -0.4px 0.8px rgba(20,30,80,0.12)} #introduction{background-color:var(--society);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--society),var(--whois)) 0%,calc(min(var(--seam),40%) * 0.35),var(--society) min(var(--seam),40%),var(--society) calc(100% - min(var(--seam),40%)),calc(100% - min(var(--seam),40%) * 0.35),color-mix(in oklch,var(--society),var(--areyou)) 100%);backdrop-filter:none;isolation:isolate} #areyou{background-color:var(--areyou);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--areyou),var(--society)) 0%,calc(min(var(--seam),40%) * 0.35),var(--areyou) min(var(--seam),40%),var(--areyou) calc(100% - min(var(--seam),40%)),calc(100% - min(var(--seam),40%) * 0.35),color-mix(in oklch,var(--areyou),var(--rescue)) 100%);isolation:isolate} #rescue{background-color:var(--rescue);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--rescue),var(--areyou)) 0%,calc(min(var(--seam),40%) * 0.35),var(--rescue) min(var(--seam),40%),var(--rescue) calc(100% - min(var(--seam),40%)),calc(100% - min(var(--seam),40%) * 0.35),color-mix(in oklch,var(--rescue),var(--foundation)) 100%);isolation:isolate} #foundation{background-color:var(--foundation);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--foundation),var(--rescue)) 0%,calc(min(var(--seam),40%) * 0.35),var(--foundation) min(var(--seam),40%),var(--foundation) calc(100% - min(var(--seam),40%)),calc(100% - min(var(--seam),40%) * 0.35),color-mix(in oklch,var(--foundation),var(--campfire)) 100%);isolation:isolate} #campfire{background-color:var(--campfire);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--campfire),var(--foundation)) 0%,calc(min(var(--seam),40%) * 0.35),var(--campfire) min(var(--seam),40%),var(--campfire) calc(100% - min(var(--seam),40%)),calc(100% - min(var(--seam),40%) * 0.35),color-mix(in oklch,var(--campfire),var(--foryou)) 100%);isolation:isolate} #evolving{background-color:var(--evolving);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--evolving),var(--foryou)) 0%,calc(min(var(--seam),40%) * 0.35),var(--evolving) min(var(--seam),40%),var(--evolving) calc(100% - min(var(--seam),40%)),calc(100% - min(var(--seam),40%) * 0.35),color-mix(in oklch,var(--evolving),var(--notso)) 100%);isolation:isolate} #foryou{background-color:var(--foryou);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--foryou),var(--campfire)) 0%,calc(min(var(--seam),40%) * 0.35),var(--foryou) min(var(--seam),40%),var(--foryou) calc(100% - min(var(--seam),40%)),calc(100% - min(var(--seam),40%) * 0.35),color-mix(in oklch,var(--foryou),var(--evolving)) 100%);isolation:isolate} #notso{background-color:var(--notso);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--notso),var(--evolving)) 0%,calc(min(var(--seam),40%) * 0.35),var(--notso) min(var(--seam),40%),var(--notso) calc(100% - min(var(--seam),40%)),calc(100% - min(var(--seam),40%) * 0.35),color-mix(in oklch,var(--notso),var(--faq)) 100%);isolation:isolate} #faq{background-color:var(--faq);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--faq),var(--notso)) 0%,calc(min(var(--seam),40%) * 0.35),var(--faq) min(var(--seam),40%),var(--faq) calc(100% - min(var(--seam),40%)),calc(100% - min(var(--seam),40%) * 0.35),color-mix(in oklch,var(--faq),var(--concerns)) 100%);isolation:isolate} #concerns{background-color:var(--concerns);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--concerns),var(--faq)) 0%,calc(min(var(--seam),40%) * 0.35),var(--concerns) min(var(--seam),40%),var(--concerns) calc(100% - min(var(--seam),40%)),calc(100% - min(var(--seam),40%) * 0.35),color-mix(in oklch,var(--concerns),var(--membership)) 100%);isolation:isolate} #membership{background-color:var(--membership);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--membership),var(--concerns)) 0%,calc(min(var(--seam),40%) * 0.35),var(--membership) min(var(--seam),40%),var(--membership) calc(100% - min(var(--seam),40%)),calc(100% - min(var(--seam),40%) * 0.35),color-mix(in oklch,var(--membership),var(--join)) 100%);isolation:isolate} #join{background-color:var(--join);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--join),var(--membership)) 0%,calc(min(var(--seam),40%) * 0.35),var(--join) min(var(--seam),40%),var(--join) calc(100% - min(var(--seam),40%)),calc(100% - min(var(--seam),40%) * 0.35),color-mix(in oklch,var(--join),var(--curious)) 100%);isolation:isolate} #curious{background-color:var(--curious);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--curious),var(--join)) 0%,calc(min(var(--seam),40%) * 0.35),var(--curious) min(var(--seam),40%),var(--curious) calc(100% - min(var(--seam),40%)),calc(100% - min(var(--seam),40%) * 0.35),color-mix(in oklch,var(--curious),var(--booking)) 100%);isolation:isolate} .long-story-page #curious{background-color:var(--curious);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--join),var(--curious)) 0%,var(--curious) 50%,color-mix(in oklch,var(--curious),var(--booking)) 100% )} .short-story-page:not(.long-story-page) #whois{background-color:transparent;background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--whois-blend) 88%,transparent) 0%,color-mix(in oklch,var(--whois-blend) 94%,transparent) calc(var(--wave-height) * 1.4),color-mix(in oklch,var(--whois) 98%,transparent) calc(var(--wave-height) * 2.4),var(--whois) calc(var(--wave-height) * 3.4),var(--whois) calc(100% - min(var(--seam),40%)),color-mix(in oklch,var(--whois),var(--society)) 100% )} .short-story-page:not(.long-story-page) #introduction{background-color:var(--society);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--whois),var(--society)) 0%,var(--society) 50%,color-mix(in oklch,var(--society),var(--notso)) 100% );backdrop-filter:none;isolation:isolate} .short-story-page:not(.long-story-page) #notso{background-color:var(--notso);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--society),var(--notso)) 0%,var(--notso) 50%,color-mix(in oklch,var(--notso),var(--faq)) 100% );isolation:isolate} .short-story-page:not(.long-story-page) #faq{background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--notso),var(--faq)) 0%,var(--faq) 50%,color-mix(in oklch,var(--faq),var(--membership)) 100% )} .short-story-page:not(.long-story-page) #concerns{background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--join),var(--concerns)) 0%,var(--concerns) 50%,color-mix(in oklch,var(--concerns),var(--curious)) 100% )} .short-story-page:not(.long-story-page) #membership{background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--faq),var(--membership)) 0%,var(--membership) 50%,color-mix(in oklch,var(--membership),var(--join)) 100% )} .short-story-page:not(.long-story-page) #join{background-color:var(--join);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--membership),var(--join)) 0%,var(--join) 50%,color-mix(in oklch,var(--join),var(--concerns)) 100% )} .short-story-page:not(.long-story-page) #faq::after{background-color:color-mix(in oklch,var(--faq),var(--membership))} .short-story-page:not(.long-story-page) #membership::after{background-color:color-mix(in oklch,var(--membership),var(--join))} .short-story-page:not(.long-story-page) #join::after{background-color:color-mix(in oklch,var(--join),var(--concerns))} .short-story-page:not(.long-story-page) #concerns::after{background-color:color-mix(in oklch,var(--concerns),var(--curious))} .short-story-page:not(.long-story-page) #curious{background-color:var(--curious);background-image:linear-gradient( in oklch to bottom,color-mix(in oklch,var(--concerns),var(--curious)) 0%,var(--curious) 50%,color-mix(in oklch,var(--curious),var(--booking)) 100% )} .short-story-page:not(.long-story-page) #curious::after{background-color:color-mix(in oklch,var(--curious),var(--booking))} .short-story-page:not(.long-story-page) #booking::before{background:radial-gradient(circle at 50% 110%,rgba(150,170,185,0.08) 0%,transparent 50%),linear-gradient( in oklch to bottom,color-mix(in oklch,var(--booking),var(--curious)) 0%,var(--booking) 10%,var(--booking-night) 100% )} #whois::after{background-color:color-mix(in oklch,var(--whois),var(--society))} #introduction::after{background-color:color-mix(in oklch,var(--society),var(--areyou))} #areyou::after{background-color:color-mix(in oklch,var(--areyou),var(--rescue))} #rescue::after{background-color:color-mix(in oklch,var(--rescue),var(--foundation))} #foundation::after{background-color:color-mix(in oklch,var(--foundation),var(--campfire))} #campfire::after{background-color:color-mix(in oklch,var(--campfire),var(--foryou))} #foryou::after{background-color:color-mix(in oklch,var(--foryou),var(--evolving))} #evolving::after{background-color:color-mix(in oklch,var(--evolving),var(--notso))} #notso::after{background-color:color-mix(in oklch,var(--notso),var(--faq))} #faq::after{background-color:color-mix(in oklch,var(--faq),var(--concerns))} #concerns::after{background-color:color-mix(in oklch,var(--concerns),var(--membership))} #membership::after{background-color:color-mix(in oklch,var(--membership),var(--join))} #join::after{background-color:color-mix(in oklch,var(--join),var(--curious))} #curious::after{background-color:color-mix(in oklch,var(--curious),var(--booking))} #booking::after{background:transparent} #sunset::after{display:none} nav[aria-label="Primary"]{position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;border:0;pointer-events:none} nav[aria-label="Primary"]>a{pointer-events:auto} .corner-logo{position:fixed;top:clamp(1rem,3vh,2rem);left:clamp(1rem,3vw,2rem);width:clamp(6.75rem,13vw,12.125rem);height:auto;aspect-ratio:1 / 1;color:transparent;font-size:0;overflow:visible;border-radius:50%;z-index:var(--z-popover);opacity:1;transform-origin:center center;transform:scale(1) rotate(0deg);visibility:visible;filter:drop-shadow(0 0 1rem var(--glow-blue-strong)) drop-shadow(0 0 2rem var(--glow-blue-soft));transition:transform 0.5s cubic-bezier(0.45,0,0.55,1),filter 0.5s cubic-bezier(0.45,0,0.55,1),opacity var(--duration-slow) var(--ease-in-out),visibility var(--duration-slow) var(--ease-in-out)} .corner-logo.is-shrunk{transform:scale(0) rotate(360deg);filter:drop-shadow(0 0 0px var(--glow-blue-clear)) drop-shadow(0 0 0px var(--glow-blue-clear));pointer-events:none;visibility:hidden} .corner-logo.is-whois-covered{opacity:0;visibility:hidden;pointer-events:none} .has-hash .corner-logo,.has-hash .corner-logo.is-shrunk{transform:scale(0) rotate(360deg);filter:drop-shadow(0 0 0px var(--glow-blue-clear)) drop-shadow(0 0 0px var(--glow-blue-clear));pointer-events:none;visibility:hidden;transition:none} @media (prefers-reduced-motion:reduce){.corner-logo{transition:none} .corner-logo.is-shrunk{transform:scale(1) rotate(0deg);filter:drop-shadow(0 0 1rem var(--glow-blue-strong)) drop-shadow(0 0 2rem var(--glow-blue-soft));pointer-events:auto;visibility:visible} } .timmy{display:inline-block;white-space:nowrap;text-decoration:none;background-image:var(--wavy-underline-sea);background-position:bottom left;background-repeat:repeat-x;background-size:8px 6px;padding-bottom:6px;cursor:pointer;font-family:var(--font-head);font-size:var(--font-size-h3);font-weight:600;line-height:var(--font-head-line-height);letter-spacing:var(--font-head-letter-spacing);text-wrap:balance} .info-grid{display:grid;gap:var(--space-flow-md);max-width:70rem;margin:0 auto var(--space-flow-lg);text-align:left} h3:has(+ .info-grid){margin-bottom:0} h3 + .info-grid,.srid-wrap>div:nth-child(3n+3)>.info-grid:first-child,.stage-wrap>div:nth-child(3n+3)>.info-grid:first-child,.info-grid.first-session-steps{margin-top:calc(var(--font-size-base) * var(--font-body-line-height));margin-top:1lh} .info-grid.first-session-steps{gap:calc(var(--font-size-base) * var(--font-body-line-height));gap:1lh} .info-grid header{grid-column:1 / -1;margin-bottom:0.5rem;color:var(--buoy);font-size:var(--font-size-h4);font-family:var(--font-head);padding-bottom:0;background:none} .info-grid>div{display:grid;grid-template-columns:clamp(2.25rem,18vw,5.9rem) 1fr;gap:clamp(0.75rem,3vw,1.25rem);align-items:start} .info-grid>div[data-info-align="center"]{align-items:center} .info-grid>div[data-info-align="center"]::before{background-position:center} .info-grid>div::before{content:"";display:block;width:clamp(2.25rem,18vw,5.9rem);height:clamp(1.8rem,10vw,4.2rem);background-image:var(--info-icon,url("/assets/images/icons/buoy-1.svg"));background-size:contain;background-repeat:no-repeat;background-position:center top;justify-self:center;animation:buoy-bob 3.2s ease-in-out infinite} .info-grid>div.no-bob::before{animation:none} .info-grid>div:nth-child(2n)::before{animation-delay:-0.8s} .info-grid>div:nth-child(3n)::before{animation-delay:-1.6s} .info-grid>div:nth-child(4n)::before{animation-delay:-2.4s} .info-grid>div p{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--font-body-line-height);margin:0} .info-grid>div.info-or{grid-column:1 / -1;display:block;text-align:center;margin:1rem auto;font-family:var(--font-head);font-size:var(--font-size-h4);color:var(--font-head-color-h4);font-weight:bold;letter-spacing:var(--tracking-very-loose);line-height:1.2} .info-grid>div.info-or::before{display:none;content:none} @media (max-width:768px){.info-grid>div{grid-template-columns:calc(clamp(1.8rem,12vw,4.2rem) * 28 / 64) 1fr} .info-grid>div::before{height:clamp(1.8rem,12vw,4.2rem);width:calc(clamp(1.8rem,12vw,4.2rem) * 28 / 64);justify-self:start;background-position:left top} .info-grid>div[data-info-align="center"]::before{background-position:left center} } body.short-story-page,body.long-story-page{} body.long-story-page nav:not(.social-links){background-color:var(--society)} body.short-story-page:not(.long-story-page) #whois::after{background-color:color-mix(in oklch,var(--whois),var(--society))} body.short-story-page:not(.long-story-page) #introduction::after{background-color:color-mix(in oklch,var(--society),var(--notso))} body.short-story-page:not(.long-story-page) #notso::after{background-color:color-mix(in oklch,var(--notso),var(--faq))} body.short-story-page:not(.long-story-page) #faq::after{background-color:color-mix(in oklch,var(--faq),var(--membership))} body.short-story-page:not(.long-story-page) #membership::after{background-color:color-mix(in oklch,var(--membership),var(--join))} body.short-story-page:not(.long-story-page) #join::after{background-color:color-mix(in oklch,var(--join),var(--concerns))} body.short-story-page:not(.long-story-page) #concerns::after{background-color:color-mix(in oklch,var(--concerns),var(--curious))} .hero-visual-stage{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:var(--z-below);overflow:hidden;pointer-events:none;opacity:1;visibility:visible;transition:opacity var(--duration-slow) var(--ease-in-out),visibility 0s} .hero-visibility-managed .hero-visual-stage{opacity:0;visibility:hidden;transition:opacity var(--duration-slow) var(--ease-in-out),visibility 0s var(--duration-slow)} .hero-visibility-managed .hero-visual-stage.is-visible{opacity:1;visibility:visible;transition:opacity var(--duration-slow) var(--ease-in-out),visibility 0s} #hero{position:relative;z-index:1;padding-bottom:0} .hero-container{position:relative;width:100%;min-height:100vh;min-height:max(520px,100dvh);display:flex;align-items:center} .short-story-page .hero-container{min-height:50vh;min-height:50dvh} .hero-visual-wrap{position:absolute;inset:0;width:100%;height:100%} .hero-visual-wrap::after{content:"";position:absolute;inset:0;background:radial-gradient( circle at center,transparent 40%,rgba(14,29,44,0.2) 70%,rgba(14,29,44,0.95) 100% );pointer-events:none;z-index:2} video.hero-visual,img.hero-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none} video.hero-visual{opacity:1;transition:opacity calc(var(--duration-slow) * 3) var(--ease-in-out)} #booking{padding-bottom:3rem} label{display:block;text-align:left;margin:1rem 0 0.4rem;color:var(--white);font-size:0.8rem;letter-spacing:0.08em;font-family:var(--font-inter);text-transform:uppercase} .opt{font-size:0.7rem;opacity:0.6;font-weight:400;text-transform:none} textarea,input[type="text"],input[type="email"],input[type="tel"],input[type="password"],select{appearance:none;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-thin) solid var(--hero);border-radius:var(--radius-md);background:rgba(255,255,255,var(--opacity-medium));color:var(--white);font-family:'Courier Prime','Courier New',Courier,monospace;font-size:1rem;font-style:normal;font-weight:400;line-height:1.4;letter-spacing:normal;text-transform:none;outline:none;transition:var(--transition-normal)} input::placeholder,textarea::placeholder{color:rgba(255,255,255,0.65)} input:required,textarea:required{border-color:var(--pending-border)} input:required:valid,textarea:required:valid{border-color:rgba(255,255,255,var(--opacity-medium-high))} input:required:invalid:not(:placeholder-shown),textarea:required:invalid:not(:placeholder-shown){border-color:var(--status-danger);box-shadow:var(--shadow-focus)} .notice{border:var(--border-width-thin) solid var(--buoy);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-md);background:var(--overlay-subtle)} .notice.ok{border-color:var(--success-border)} .notice.bad{border-color:var(--danger-border)} textarea{min-height:var(--height-textarea-min);resize:vertical;font-size:1.2rem} textarea::placeholder{color:var(--greyish)} input:focus,textarea:focus,select:focus{border-color:rgba(36,126,162,0.6);outline:none} input.is-invalid,select.is-invalid,textarea.is-invalid{border-color:var(--status-danger);background:var(--danger-bg);box-shadow:var(--shadow-focus)} input.is-invalid:focus,select.is-invalid:focus,textarea.is-invalid:focus{border-color:var(--status-danger);box-shadow:0 0 0 3px rgba(255,90,106,var(--opacity-low-medium)),0 0 22px rgba(255,90,106,var(--opacity-low-medium))} .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--padding-button);border-radius:var(--radius-md);background:var(--glass-fill);color:var(--white);cursor:pointer;font-weight:600;transition:var(--transition-normal)} .btn.primary{box-shadow:var(--shadow-focus);color:var(--white);width:100%;font-size:2rem;font-weight:900;background:var(--buttcol);border:var(--border-width-thin) solid var(--hero)} .btn.is-compact{width:auto;padding:0.75rem 1.5rem 0.5rem;line-height:1;font-family:inherit;text-decoration:none;background-image:var(--wavy-underline-sea);background-position:bottom left;background-repeat:repeat-x;background-size:8px 6px;padding-bottom:6px} .btn.primary.is-compact,#butty{background-image:none;text-decoration:none} #butty{background:var(--buttcol);border:none} .btn.is-danger{background:var(--glass-fill);border:var(--border-width-thin) solid var(--hero);color:var(--white)} .btn.is-success{background:var(--buttcol);border:var(--border-width-thin) solid var(--hero);color:var(--white)} .btn.danger{background:var(--danger-bg);border-color:var(--danger-border)} .btn:disabled{opacity:0.5;cursor:not-allowed;border:var(--border-width-thin) solid rgba(255,255,255,var(--opacity-low));background:rgba(0,0,0,var(--opacity-low-medium));border-radius:var(--radius-lg)} .postCARD{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);position:relative;overflow:hidden;width:100%;max-width:100%;min-width:0;border-radius:var(--radius-xl);box-shadow:0 10px 30px rgba(0,0,0,0.15),0 1px 8px rgba(0,0,0,0.1);margin-inline:auto;margin-bottom:var(--spacing-3xl);aspect-ratio:1.414 / 1;--pc-bg-image:url("/assets/images/paper/postcard-landscape.jpg");--pc-bg-image:image-set( url("/assets/images/paper/postcard-landscape.avif") type("image/avif"),url("/assets/images/paper/postcard-landscape.webp") type("image/webp"),url("/assets/images/paper/postcard-landscape.jpg") type("image/jpeg") );--paper-bg-image:url("/assets/images/paper/paper.png");--paper-bg-image:image-set( url("/assets/images/paper/paper.avif") type("image/avif"),url("/assets/images/paper/paper.webp") type("image/webp"),url("/assets/images/paper/paper.png") type("image/png") );background-position:center,center top,center,center,center,center,center;background-size:auto,100% 100%,auto,auto,auto,auto,180% 180%;background-image:linear-gradient(rgba(255,255,255,0.25),rgba(255,255,255,0.25)),var(--pc-bg-image),radial-gradient(120% 90% at 50% 40%,#0000 54%,rgba(0,0,0,0.12) 100%),radial-gradient(120% 90% at 50% 40%,#0000 60%,var(--edge) 100%),radial-gradient(140px 90px at 18% 78%,rgba(60,45,18,0.10) 0 18%,#0000 55%),radial-gradient(160px 110px at 92% 68%,rgba(60,45,18,0.08) 0 16%,#0000 56%),var(--paper-bg-image);background-color:var(--paper);background-repeat:no-repeat;background-blend-mode:normal,multiply,normal,normal,normal,normal,normal} .postCARD>div{width:100%;min-width:0;box-sizing:border-box;z-index:2} .postCARD .A{color:var(--black);padding:clamp(var(--spacing-2xl),4vw,var(--spacing-3xl)) clamp(var(--spacing-lg),4vw,var(--spacing-3xl));display:flex;flex-direction:column;justify-content:center} @media (min-width:640px){.postCARD .A{position:relative;top:-5%;transform:translateY(clamp(3rem,6vw,5rem))} } .postCARD .B{display:flex;flex-direction:column;padding:2% clamp(var(--spacing-lg),4vw,var(--spacing-3xl)) clamp(var(--spacing-2xl),4vw,var(--spacing-3xl));position:relative;min-height:250px} .postCARD .pc-brid{position:absolute;bottom:clamp(var(--spacing-md),3%,var(--spacing-lg));left:0;width:100%;padding:0;margin:0;display:flex;justify-content:center;align-items:center;z-index:5} .postCARD .pc-brid .brid-wrap{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:0} .postCARD .pc-brid .brid-wrap>*{border:none !important;padding:0 !important;margin:0 !important} .postCARD .pc-brid .read-more{font-family:var(--font-head,'IM Fell DW Pica',Georgia,serif);font-size:clamp(1.1rem,3.5vw,1.35rem);color:#1b2a5c;font-style:italic;text-decoration:none} .postCARD .B-address{flex:1 1 auto;display:flex;justify-content:center;align-items:center;position:relative;top:10%;transform:rotate(-1.5deg)} .postCARD .B-address img{margin:0;max-height:clamp(150px,22vw,250px)} .stampBox{position:absolute;top:5%;right:clamp(var(--spacing-sm),4%,var(--spacing-lg));width:clamp(90px,80%,200px);height:auto} .stampBox img{width:100%;transform:rotate(-2deg) scale(1.04);filter:saturate(0.95) contrast(1.03)} .midPostmark{position:absolute;top:calc(5% + var(--spacing-3xl));right:clamp(60px,55%,148px);width:clamp(70px,60%,148px);height:auto;aspect-ratio:1 / 1;z-index:3;pointer-events:none;transform:rotate(-12deg);transform-origin:50% 50%;filter:blur(0.3px);mix-blend-mode:multiply;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;--ink-p:var(--black);--ink2:var(--black);--ink3:var(--black);opacity:0.85} .stepcard{position:relative;border:var(--border-width-thin) solid color-mix(in srgb,var(--white) 20%,var(--invite) 80%);border-radius:var(--radius-xl);padding:var(--padding-card);overflow:hidden;transform-origin:center;transition:border-color 0.35s ease,background-color 0.35s ease} .sorry{font-family:var(--font-head);line-height:var(--font-head-line-height);letter-spacing:var(--font-head-letter-spacing);font-size:var(--font-size-h1);color:var(--font-head-color-h1);margin-bottom:0.5lh} .postCARD .pc-title,.postCARD .pc-ps,.postCARD .pc-rsvp{font-size:clamp(1rem,3.5vw,calc(var(--font-size-h1) * 0.67));color:#1b2a5c;margin-bottom:0.5em} .postCARD .pc-ps,.postCARD .pc-rsvp{margin:0} .postCARD p{font-size:clamp(0.9rem,2.2vw,1.2rem);line-height:1.4;overflow-wrap:break-word;word-break:break-word;hyphens:auto} .postCARD .pc-read-more{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;margin-block:clamp(0.25rem,0.6vw,0.5rem)} .postCARD .pc-read-more .aniPoint{flex:0 0 25%;max-width:100px} .postCARD .pc-read-more .aniPoint picture,.postCARD .pc-read-more .aniPoint img{display:block;width:100%;height:auto} .postCARD .pc-read-more .aniPoint img{filter:grayscale(100%)} .postCARD .pc-read-more .read-more{flex:1 1 0;min-width:0;margin-top:0;margin-left:clamp(1rem,5vw,3rem)} .stephead{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:0.5lh;font-family:var(--font-head);line-height:var(--font-head-line-height);letter-spacing:var(--font-head-letter-spacing);color:var(--font-head-color-h1)} .step-badge{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:40px;width:40px;height:40px;background:transparent;color:rgba(255,255,255,0.92);border:0;border-radius:50%;font-weight:800;font-size:20px;flex-shrink:0;line-height:1;font-family:var(--font-head);box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,0.95),0 0 4px rgba(0,0,0,0.55)} .step-badge>span{display:block;transform:translateY(3px)} .step-badge::after{content:"";position:absolute;inset:1px;border:1px solid rgba(76,53,25,0.58);border-radius:49% 51% 47% 53% / 52% 48% 54% 46%;box-shadow:inset 2px 2px 3px rgba(0,0,0,0.58),0 0 0 1px rgba(246,226,188,0.22);pointer-events:none} .steptitle{display:flex;align-items:center;gap:var(--spacing-md)} .step-label{display:inline-block;line-height:1;font-size:clamp(1.1rem,1.4vw,1.3rem);font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:var(--font-head-color-h1);transform:translateY(3px)} .date-scroll-container{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);margin:1rem 0} .date-row{display:flex;gap:var(--spacing-md);overflow:auto;padding:var(--spacing-sm) var(--spacing-4xl);-ms-overflow-style:none;scrollbar-width:none;cursor:grab;user-select:none;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(to right,transparent,var(--black) 15%,var(--black) 85%,transparent);mask-image:linear-gradient(to right,transparent,var(--black) 15%,var(--black) 85%,transparent)} .date-row::-webkit-scrollbar{display:none} .scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--buttcol);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;border:none;transition:var(--transition-normal)} .scroll-btn--left{left:-10px} .scroll-btn--right{right:-10px} .scroll-btn svg{width:24px;height:24px;fill:currentColor} .date-card{appearance:none;border:var(--border-width-thin) solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.2);color:rgba(255,255,255,0.6);border-radius:var(--radius-lg);width:86px;height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out),color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-in-out),transform var(--duration-normal) var(--ease-in-out);flex-shrink:0} .date-card:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,.22);transform:translateY(-2px);color:var(--white)} .date-card:active{transform:translateY(1px)} .date-card.is-active{background:var(--buttcol);color:var(--white);font-weight:700;box-shadow:0 0 20px rgba(255,255,255,0.15);transform:scale(1.05)} .date-card.is-active .date-dow,.date-card.is-active .date-mon{color:var(--white)} .date-dow,.date-mon{font-size:.8rem;letter-spacing:.14em;color:#FFFFFF7A;font-weight:800} .date-num{font-size:1.4rem;font-weight:900} .date-card:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px} .time-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)} .slot{position:relative;margin:0;padding:0} .slot-radio{position:absolute;opacity:0;pointer-events:none;border:var(--border-width-thin) dashed rgb(15,0,14)} .slot-card{background:rgba(255,255,255,0.03);border:var(--border-width-thin) solid rgba(255,255,255,0.06);border-radius:var(--radius-lg);width:110px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);cursor:pointer;transition:var(--transition-fast)} .slot-card:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2)} .slot-time{font-size:1.1rem;font-weight:800;color:var(--white)} .slot-status{font-size:0.65rem;letter-spacing:0.12em;color:rgba(255,255,255,0.4);font-weight:700;text-transform:uppercase} .slot-radio:checked + .slot-card{background:var(--buttcol);color:var(--white);border:none;font-weight:700;box-shadow:0 0 20px rgba(255,255,255,0.15);transform:scale(1.05)} .slot-radio:checked + .slot-card .slot-time{color:var(--white)} .slot-radio:checked + .slot-card .slot-status{color:var(--white)} .time-group.is-hidden{display:none} .details.is-disabled{opacity:.33;filter:saturate(.65);pointer-events:none} .details.is-disabled input,.details.is-disabled textarea,.details.is-disabled button{cursor:not-allowed} .details p{font-size:1rem} .stepcard:not(.waitlist-card) p{font-size:1.2rem;margin:0;padding:0} .booked{background:var(--invite);background-color:var(--invite);border:var(--border-width-thin) solid color-mix(in srgb,var(--white) 20%,var(--invite) 80%);border-radius:var(--radius-xl);padding:var(--padding-card);box-shadow:none;box-sizing:border-box;color:var(--white);text-decoration:none;font-weight:600;margin-bottom:1.5rem;display:block} .booked div,.booked>div{font-family:var(--font-inter);font-size:1rem;line-height:1.5;margin-bottom:var(--spacing-sm);text-align:left} .booked div:last-child,.booked>div:last-child{margin-bottom:0} .booking-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:1.5rem} .booking-form .postCARD{grid-column:1 / -1;width:100%;margin-bottom:0} .booking-form-a{display:grid;gap:var(--spacing-lg)} .booking-form-b{display:grid} .waitlist-card{width:calc((100% - var(--spacing-lg)) / 2);margin-inline:auto} .waitlist-hp{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important} @media (max-width:640px){.waitlist-card{width:100%} } [data-empty-state] h2{color:var(--font-head-color-h1);font-size:var(--font-size-h1)} .chat-request{text-align:left;margin-bottom:var(--spacing-lg,1.5rem);color:var(--font-head-color-h1)} .chat-request-main{display:block;font-size:var(--font-size-h1);margin-bottom:0.2rem} .chat-request-sub{display:block;color:var(--font-head-color-h3)} .chat-request-a{display:inline-block;position:relative;top:-0.21em;line-height:0.85} .actions{margin-top:1rem} .actions.is-end{display:flex;justify-content:flex-end} .actions.is-center{display:flex;justify-content:center} .time-divider{display:flex;font-weight:700;letter-spacing:.08em;font-size:.8rem;text-transform:uppercase;width:100%;padding-top:.5rem;padding-bottom:.5rem;font-family:var(--font-inter)} .slot-card>*{margin:0} #bk_notes::placeholder{color:var(--notebook-ink);opacity:0.5;font-family:var(--font-body);font-size:1.2rem;font-style:normal;font-weight:400;line-height:var(--font-body-line-height);letter-spacing:var(--font-body-letter-spacing);text-transform:none} #bk_notes:focus::placeholder{opacity:0} .read-more{text-wrap:balance;font-size:calc(var(--font-size-h3));font-weight:600;display:inline-block;cursor:pointer;color:var(--read-more-color);transition:transform var(--duration-fast) var(--ease-in-out);text-decoration:none;background-image:none;background-position:bottom left;background-repeat:repeat-x;background-size:8px 6px;padding-bottom:6px} .postCARD + .read-more,.read-more[data-insert-after=".postCARD"]{font-size:clamp(0.9rem,2.2vw,1.2rem);line-height:1.4;font-weight:normal;overflow-wrap:break-word;word-break:break-word;hyphens:auto;margin-top:1rem;color:#1b2a5c} .brid-wrap>:is(div,a).read-more{text-wrap:balance;color:var(--read-more-color);justify-self:stretch;text-align:center} .read-more .sols-last-line{background-image:var(--wavy-underline-sea);background-position:bottom left;background-repeat:repeat-x;background-size:8px 6px;padding-bottom:6px} .btn.btn-loading{display:flex;align-items:center;justify-content:center;gap:0;font-size:0.95em;color:rgba(255,255,255,0.9);min-height:44px} .btn.btn-loading:disabled{opacity:0.85;cursor:wait} .aniPoint.is-poking>*{animation:poke 1s ease-in-out 3} .aniPoint.is-poking + .read-more{text-wrap:balance;animation:text-nudge-x 1s ease-in-out 3} @media (hover:hover){.brid-wrap:hover .aniPoint>*{animation:poke 1s ease-in-out infinite} .brid-wrap:hover .read-more{text-wrap:balance;animation:text-nudge-x 1s ease-in-out infinite} }::highlight(reword){color:var(--buoy) } @media (max-width:680px){.postCARD{display:grid;grid-template-columns:1fr;grid-template-areas:"mark" "message";width:100%;max-width:100%;min-width:0;overflow:hidden;aspect-ratio:auto;margin-top:-20%;--pc-bg-image:url("/assets/images/paper/postcard-xs.png");--pc-bg-image:image-set( url("/assets/images/paper/postcard-xs.avif") type("image/avif"),url("/assets/images/paper/postcard-xs.webp") type("image/webp"),url("/assets/images/paper/postcard-xs.png") type("image/png") );background-size:auto,cover,auto,auto,auto,auto,180% 180%} .postCARD>div{width:100%;min-width:0;flex:none} .postCARD .B{grid-area:mark;position:relative;display:block;min-height:clamp(109px,32.3vw,150px);padding:clamp(var(--spacing-md),4vw,var(--spacing-xl)) var(--pad,clamp(var(--spacing-md),2.6vw,34px)) 0} .postCARD .B-head{position:relative;min-height:clamp(116px,34vw,160px)} .postCARD .A{grid-area:message;width:100%;max-width:none;min-width:0;padding:0 var(--pad,clamp(var(--spacing-md),2.6vw,34px)) clamp(var(--spacing-2xl),7vw,var(--spacing-4xl));color:var(--black);display:block} .postCARD .B-address{display:none} .postCARD .stampBox{position:absolute;top:0;right:0;width:clamp(86px,30vw,132px);z-index:3} .postCARD .midPostmark{position:absolute;top:0;right:clamp(62px,23vw,104px);width:clamp(70px,26vw,116px);z-index:4} .postCARD .pc-title,.postCARD .pc-rsvp,.postCARD p{width:100%;max-width:none} .postCARD .pc-title{font-size:clamp(1.35rem,8vw,2rem);margin-top:0} .postCARD p{font-size:clamp(1rem,4.8vw,1.15rem)} .postCARD .pc-divider{display:none} } .stepcard{isolation:isolate;box-sizing:border-box;border-style:solid;border-color:transparent;border-width:clamp(42px,6vw,64px) clamp(20px,3.5vw,34px);border-radius:0;border-image-source:url("/assets/images/paper/paper.png");border-image-source:image-set( url("/assets/images/paper/paper.avif") type("image/avif"),url("/assets/images/paper/paper.webp") type("image/webp"),url("/assets/images/paper/paper.png") type("image/png") );border-image-slice:130 60 fill;border-image-repeat:stretch;padding:clamp(1.1rem,2.5vw,1.6rem) clamp(12px,2.4vw,22px) clamp(1.3rem,2.8vw,1.8rem) clamp(32px,6vw,52px);color:var(--notebook-ink);overflow-wrap:break-word;min-width:0;transition:filter 0.35s ease} .stepcard[data-step="1"]{--step-paper-image:url("/assets/images/paper/paper-step-1.png?v=9")} .stepcard[data-step="2"]{--step-paper-image:url("/assets/images/paper/paper-step-2.png?v=9")} .stepcard[data-step="3"]{--step-paper-image:url("/assets/images/paper/paper-step-3.png?v=9")} .stepcard[data-step]{--paper-border-y:clamp(42px,6vw,64px);--paper-border-x:clamp(20px,3.5vw,34px);--paper-padding-top:clamp(1.1rem,2.5vw,1.6rem);--paper-padding-left:clamp(16px,3vw,26px);--paper-line-top:clamp(6px,1.4vw,12px);--paper-line-left:clamp(28px,5.2vw,44px);--paper-hole-x:calc(var(--paper-border-x) + var(--paper-padding-left) + 20px);--paper-hole-y:calc(var(--paper-border-y) + var(--paper-padding-top) + 20px);border-image-source:none;overflow:visible} .stepcard[data-step]::after{content:"";display:block;position:absolute;top:calc(0px - var(--paper-border-y));right:calc(0px - var(--paper-border-x));bottom:calc(0px - var(--paper-border-y));left:calc(0px - var(--paper-border-x));width:auto;border-style:solid;border-color:transparent;border-width:var(--paper-border-y) var(--paper-border-x);border-image-source:var(--step-paper-image);border-image-slice:130 60 fill;border-image-repeat:stretch;background:transparent;z-index:-2;pointer-events:none;-webkit-mask-image:radial-gradient(circle 21px at var(--paper-hole-x) var(--paper-hole-y),transparent 0 16px,rgba(0,0,0,0.18) 17px,rgba(0,0,0,0.62) 19px,#000 21px);mask-image:radial-gradient(circle 21px at var(--paper-hole-x) var(--paper-hole-y),transparent 0 16px,rgba(0,0,0,0.18) 17px,rgba(0,0,0,0.62) 19px,#000 21px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat} .stepcard[data-step]::before{-webkit-mask-image:radial-gradient(circle 21px at calc(var(--paper-padding-left) + 20px - var(--paper-line-left)) calc(var(--paper-padding-top) + 20px - var(--paper-line-top)),transparent 0 18px,#000 21px);mask-image:radial-gradient(circle 21px at calc(var(--paper-padding-left) + 20px - var(--paper-line-left)) calc(var(--paper-padding-top) + 20px - var(--paper-line-top)),transparent 0 18px,#000 21px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat} .stepcard::before{content:"";position:absolute;inset:clamp(6px,1.4vw,12px) clamp(6px,1.6vw,12px) clamp(8px,1.8vw,14px) clamp(28px,5.2vw,44px);z-index:-1;background:repeating-linear-gradient(to bottom,transparent 0 31px,var(--notebook-line-color) 32px,transparent 33px);opacity:0.7;pointer-events:none} .stepcard::after{content:"";position:absolute;top:clamp(6px,1.4vw,12px);bottom:clamp(var(--spacing-sm),1.8vw,var(--spacing-lg));left:clamp(26px,5vw,42px);width:2px;background:rgba(159,17,17,0.42);pointer-events:none} .stepcard>*{position:relative;z-index:1} .stepcard::after{display:none} .stepcard{padding-left:0} .stepcard{padding-left:clamp(16px,3vw,26px)} .stepcard:is(label,.label){color:var(--notebook-ink-black)} .stepcard .step-label{color:var(--notebook-ink-black) !important} .stepcard:is(label,.label,.step-label,.slot-card,.slot-card .slot-time,.slot-card .slot-status){color:#000 !important} .stepcard .slot-radio:not(:checked) + .slot-card{background:rgba(80,80,80,0.28);border-color:rgba(0,0,0,0.24)} .stepcard .slot-radio:checked + .slot-card,.stepcard .slot-radio:checked + .slot-card:is(.slot-time,.slot-status){color:var(--white) !important} .booking-form-b .stepcard label.sols-form-label,.waitlist-card label.sols-form-label,.booking-form-b .stepcard label.sols-form-label .opt,.waitlist-card label.sols-form-label .opt{color:#000 !important} .booking-form-b .stepcard label.sols-form-label,.waitlist-card label.sols-form-label{font-weight:700} .waitlist-card .sols-form-note,.waitlist-card .sols-form-consent,.waitlist-card .sols-form-consent span{color:#000 !important;font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:var(--font-body-line-height,1.5);letter-spacing:var(--font-body-letter-spacing,0.015em);text-transform:none} .stepcard .slot-radio:checked + .slot-card{border:none !important;outline:none} .stepcard .slot-radio:not(:checked) + .slot-card{border:none !important} .date-card:not(.is-active):hover{background:#8172d6;border-color:#8172d6;color:var(--white)} .stepcard .slot-radio:not(:disabled):not(:checked) + .slot-card:hover,.stepcard .slot-radio:not(:disabled):not(:checked) + .slot-card:hover:is(.slot-time,.slot-status){background:#8172d6;color:var(--white) !important} [data-booking-root] .stepcard[data-step="2"].is-disabled>:is(.stephead,.time-wrap){opacity:0.42;filter:grayscale(0.85) saturate(0.45)} [data-booking-root] .stepcard[data-step="2"]>:is(.stephead,.time-wrap){transition:opacity 0.25s ease,filter 0.25s ease} [data-booking-root] .stepcard[data-step="2"].is-disabled .slot-card{cursor:not-allowed;pointer-events:none} [data-booking-root] .stepcard[data-step="2"] .slot-radio:not(:checked) + .slot-card{background:rgba(0,0,0,0.2);border:var(--border-width-thin) solid rgba(255,255,255,0.06) !important;box-shadow:none;color:rgba(255,255,255,0.6) !important} [data-booking-root] .stepcard[data-step="2"] .slot-radio:not(:checked) + .slot-card .slot-time{color:rgba(255,255,255,0.6) !important} [data-booking-root] .stepcard[data-step="2"] .slot-radio:not(:checked) + .slot-card .slot-status{color:#FFFFFF7A !important} [data-booking-root] .stepcard[data-step="2"]:not(.is-disabled) .slot-radio:not(:disabled):not(:checked) + .slot-card:hover{background:#8172d6;border-color:#8172d6 !important;color:var(--white) !important} [data-booking-root] .stepcard[data-step="2"]:not(.is-disabled) .slot-radio:not(:disabled):not(:checked) + .slot-card:hover:is(.slot-time,.slot-status){color:var(--white) !important} [data-booking-root] .slot-radio:focus-visible + .slot-card{outline:3px solid #8172d6;outline-offset:3px} .booking-form-b [data-booking-note]{min-height:4.5em} @media (max-width:768px){.booking-form-b [data-booking-note]{min-height:7.5em} } .booking-form-b [data-booking-note]{display:grid;min-height:0} .booking-form-b [data-booking-note]::before,.booking-form-b [data-booking-note-text]{grid-area:1 / 1} .booking-form-b [data-booking-note]::before{content:'We will only use your details to contact you about your booking on the Wednesday,30th September 2026 at 12.45 pm.';visibility:hidden;pointer-events:none} @media (max-width:768px){.booking-form-b [data-booking-note]{min-height:0} } .stepcard input.sols-form-input,.stepcard textarea.sols-form-input{color:#000 !important;font-family:'Courier Prime','Courier New',Courier,monospace;font-size:1rem;font-style:normal;font-weight:400;line-height:1.4;letter-spacing:normal;text-transform:none} .booking-confirmation{width:min(100%,760px);margin:clamp(1.5rem,4vw,2.5rem) auto} .booking-confirmation h2{margin:0 0 var(--spacing-lg);color:var(--notebook-ink-black);font-size:clamp(1.65rem,4vw,2.35rem)} .booking-confirmation .info-grid{display:grid;gap:var(--spacing-sm);max-width:none;margin:0} .booking-confirmation .info-grid>div{display:block;padding:clamp(0.35rem,1vw,0.55rem) 0;border:0;background:transparent} .booking-confirmation .info-grid>div::before{display:none} .booking-confirmation .info-grid>div p{margin:0;color:var(--notebook-ink-black);font-family:var(--font-inter);font-size:clamp(0.95rem,2vw,1.08rem);line-height:1.55} .booking-confirmation a,.booking-confirmation .info-grid a{color:var(--buoy,#EB6C03);text-decoration:none;background-image:var(--wavy-underline-light-bg);background-position:bottom left;background-repeat:repeat-x;background-size:8px 6px;padding-bottom:6px} .booking-confirmation a:hover,.booking-confirmation a:focus-visible,.booking-confirmation .info-grid a:hover,.booking-confirmation .info-grid a:focus-visible{color:color-mix(in srgb,var(--buoy,#EB6C03) 80%,var(--white,#ffffff));opacity:0.85} .booking-confirmation .actions{margin-top:var(--spacing-lg);display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;justify-content:flex-end} .booking-confirmation .actions .btn{padding:0 0 6px;border:0;border-radius:0;background-color:transparent;background-image:var(--wavy-underline-light-bg);background-position:bottom left;background-repeat:repeat-x;background-size:8px 6px;box-shadow:none;color:var(--buoy);font-family:var(--font-head);font-size:clamp(0.9rem,1.08vw + 0.63rem,1.17rem);font-weight:700;letter-spacing:0.08em} .booking-confirmation .actions .btn:hover,.booking-confirmation .actions .btn:focus-visible{background-color:transparent;color:color-mix(in srgb,var(--buoy) 72%,var(--white))} .booking-error-card .sols-form-note,.booking-error-card .small{margin:0;color:var(--notebook-ink-black);font-family:var(--font-inter);font-size:clamp(0.9rem,1.08vw + 0.63rem,1.17rem);line-height:1.55} .booking-error-card .sols-form-note a,.booking-error-card .small a{color:var(--buoy)} .booking-confirmation .booking-recovery-actions{display:flex;flex-basis:100%;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);text-align:center} .booking-confirmation .booking-recovery-actions .btn{width:max-content;color:var(--buoy);font-size:clamp(0.9rem,1.08vw + 0.63rem,1.17rem);background-image:var(--wavy-underline-light-bg);background-position:bottom left;background-repeat:repeat-x;background-size:8px 6px;padding-bottom:6px} @media (max-width:568px){.booking-confirmation .booking-recovery-actions{flex-direction:column} } .booking-confirmation .booking-recovery-or{color:var(--notebook-ink-black);font-family:var(--font-head);font-size:0.9rem;font-weight:700;letter-spacing:0.12em;line-height:1} .booking-confirmation .text-link{color:var(--buoy);background-image:var(--wavy-underline-light-bg);background-position:bottom left;background-repeat:repeat-x;background-size:8px 6px;padding-bottom:6px} .booking-confirmation .unsubscribe-recovery-links .entry-path,.booking-confirmation .unsubscribe-recovery-links .read-time{color:var(--notebook-ink-black)} .booking-confirmation .unsubscribe-recovery-links .read-time{font-family:var(--font-head);font-weight:700} .booking-confirmation .unsubscribe-recovery-links .path-title{color:var(--buoy);font-size:clamp(0.9rem,1.08vw + 0.63rem,1.17rem);text-transform:uppercase;--wavy-underline-sea:var(--wavy-underline-light-bg)} .booking-reschedule-dialogue{box-sizing:border-box;width:100%;min-height:0;align-items:stretch;text-align:left;margin:clamp(1.5rem,4vw,2.5rem) 0 clamp(2.25rem,6vw,4rem);padding:clamp(3.6rem,7vw,4.8rem) clamp(2.3rem,6vw,4.6rem) clamp(3.8rem,7.5vw,5rem);background-color:transparent;background-image:url("/assets/images/paper/paper-step-3.png?v=9");background-position:center;background-size:100% 100%;background-repeat:no-repeat;color:var(--notebook-ink-black)} .booking-reschedule-dialogue::before,.booking-reschedule-dialogue::after{display:none} .booking-reschedule-dialogue .stephead{display:flex;justify-content:flex-start;text-align:left;margin:0 0 clamp(1.1rem,2vw,1.45rem)} .booking-reschedule-dialogue .steptitle{justify-content:flex-start} .booking-reschedule-dialogue .step-badge{background:#021938;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 4px rgba(0,0,0,.55)} .booking-reschedule-dialogue .step-label{color:var(--notebook-ink-black) !important} .booking-reschedule-dialogue h2{text-align:left;margin-bottom:clamp(.9rem,2vw,1.25rem)} .sols-cartoon-bubble,.stepcard .sols-cartoon-bubble,.waitlist-card .sols-cartoon-bubble,.contact-form .sols-cartoon-bubble{position:relative;z-index:10;width:100%;box-sizing:border-box;margin-top:6px;background:transparent;color:var(--notebook-ink-black,#000000);border:none;border-radius:0;box-shadow:none;padding:0;font-family:var(--font-body,'Special Elite','Courier New',Courier,monospace);font-size:1rem !important;line-height:1.4;font-weight:700;letter-spacing:var(--font-body-letter-spacing,0.015em);display:block} .sols-cartoon-bubble .bubble-text,.stepcard .sols-cartoon-bubble .bubble-text,.waitlist-card .sols-cartoon-bubble .bubble-text,.contact-form .sols-cartoon-bubble .bubble-text{font-family:inherit;font-size:1rem !important;font-weight:inherit;line-height:1.4;letter-spacing:inherit;color:inherit} .sols-cartoon-bubble .bubble-asterisk{color:var(--buoy,#EB6C03);font-weight:700;margin-right:4px} .sols-cartoon-bubble .bubble-fix-link{background:transparent;color:var(--buoy,#EB6C03);border:none;padding:0 0 6px 0;margin:0 0 0 3px;font:inherit;font-size:1rem !important;font-weight:700;line-height:1.4;letter-spacing:inherit;text-decoration:none;background-image:var(--wavy-underline-light-bg);background-position:bottom left;background-repeat:repeat-x;background-size:8px 6px;cursor:pointer;display:inline} .msg,.stepcard .msg,.waitlist-card .msg,.contact-form .msg{position:relative;width:100%;box-sizing:border-box;margin-top:6px;margin-bottom:0.8rem;background:transparent;color:var(--notebook-ink-black,#000000);border:none;border-radius:0;box-shadow:none;padding:0;font-family:var(--font-body,'Special Elite','Courier New',Courier,monospace);font-size:1rem !important;line-height:1.4;font-weight:700;letter-spacing:var(--font-body-letter-spacing,0.015em);display:block} .msg p,.stepcard .msg p,.waitlist-card .msg p,.contact-form .msg p{margin:0;display:inline;font:inherit;font-size:1rem !important;line-height:1.4;color:inherit} .msg.msg--bad{border:none;background:transparent} .msg.msg--bad::before{content:"* ";color:var(--buoy,#EB6C03);font-weight:700;margin-right:2px} .msg.msg--ok{border:none;background:transparent;color:#2e7d32} .msg a{color:inherit;text-decoration:underline;text-underline-offset:2px} .diary-note{position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:760px;margin:0 auto;border-style:solid;border-color:transparent;border-width:clamp(56px,9vw,86px) clamp(24px,4.5vw,44px);border-image-source:url("/assets/images/paper/paper.png");border-image-source:image-set( url("/assets/images/paper/paper.avif") type("image/avif"),url("/assets/images/paper/paper.webp") type("image/webp"),url("/assets/images/paper/paper.png") type("image/png") );border-image-slice:130 60 fill;border-image-repeat:stretch;padding:clamp(1.2rem,3vw,1.8rem) clamp(10px,2.4vw,22px) clamp(1.2rem,3.2vw,2rem) clamp(38px,8.5vw,68px);font-family:var(--notebook-font);font-size:clamp(1.14rem,1.05rem + 0.4vw,1.26rem);line-height:1.58;font-weight:500;color:var(--notebook-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;overflow-wrap:break-word;word-break:break-word;hyphens:auto;min-width:0;transform:rotate(-0.4deg)} .diary-note::before{content:"";position:absolute;inset:clamp(6px,1.4vw,14px) clamp(6px,1.6vw,14px) clamp(8px,1.8vw,16px) clamp(34px,6.8vw,54px);z-index:-1;background:repeating-linear-gradient( to bottom,transparent 0 31px,var(--notebook-line-color) 32px,transparent 33px );opacity:0.7;pointer-events:none} .diary-note::after{content:"";position:absolute;top:clamp(6px,1.4vw,14px);bottom:clamp(var(--spacing-sm),1.8vw,var(--spacing-lg));left:clamp(30px,6vw,48px);width:2px;background:rgba(159,17,17,0.42);pointer-events:none} .diary-note *{position:relative;z-index:2} .diary-note:is(p,li,.note-row,.note-label,.note-list){font-size:inherit;color:inherit;line-height:inherit} .diary-note.testimonial-note p{font-size:clamp(1.2rem,2.5vw,1.5rem);line-height:1.3;margin-bottom:0.4rem;color:inherit} .diary-note.testimonial-note .author{display:block;text-align:right;width:100%;font-size:0.9rem;opacity:0.8;margin-top:1.2rem} .diary-note.testimonial-note{margin:var(--space-flow-lg) auto;max-width:760px;padding-left:clamp(18px,4vw,44px);padding-right:clamp(18px,4vw,44px)} .diary-note.testimonial-note::after{display:none} .diary-note.pen-blue-biro,.diary-note.pen-pencil{font-family:"Special Elite","Courier New",Courier,monospace;font-weight:400} .diary-note.pen-blue-biro{color:#222;transform:rotate(-0.6deg)} .diary-note.pen-pencil{color:#444;transform:rotate(-0.3deg)} @media (max-width:768px){.diary-note{max-width:100%;transform:none;border-width:clamp(44px,8vw,72px) clamp(18px,3.6vw,36px);margin-top:0;margin-bottom:0;font-family:var(--font-body)} .diary-note.pen-blue-biro,.diary-note.pen-pencil{transform:none} .diary-note::before{background:repeating-linear-gradient( to bottom,transparent 0 31px,var(--notebook-line-mobile) 32px,transparent 33px );opacity:0.5} .diary-note.testimonial-note{margin:var(--space-flow-md) auto;transform:none} .diary-note.testimonial-note p{font-size:1.18rem} } .srid-wrap:has(.diary-note){margin-bottom:var(--notebook-gap)} .srid-wrap:has(.diary-note)>div:first-child{grid-row:auto} @media (max-width:768px){.srid-wrap:has(.diary-note){margin-inline:-1rem} .srid-wrap:has(.diary-note)>div:first-child{display:flex;justify-content:center;margin-block:var(--space-flow-lg)} .srid-wrap:has(.diary-note) img{height:auto;margin:0 auto;display:block;position:relative;z-index:10} } .skip-link{position:absolute;top:-100px;left:0;background:var(--hero);color:var(--white);padding:var(--spacing-md) var(--spacing-2xl);z-index:9999;font-weight:600;text-decoration:none;transition:top var(--duration-fast) var(--ease-out)} .skip-link:focus,.skip-link:focus-visible{top:0;outline:2px solid var(--pink);outline-offset:-2px}:root{--front-padding:min(clamp(1.5rem,8vw,6rem),clamp(1.5rem,6vh,6rem))} body.front-page{scrollbar-gutter:auto} #front-entrance{margin:auto;padding:var(--front-padding) 0;background:transparent} #front-entrance::before{content:none} .hero-visual-stage{z-index:1} .hero-visual-stage::after{content:"";position:absolute;inset:0;background:rgba(15,42,63,0.6);background:radial-gradient(circle at center,rgba(15,42,63,0.22) 0%,rgba(15,42,63,0.75) 100%);pointer-events:none;z-index:10} @supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hero-visual-stage::after{background:radial-gradient(circle at center,rgba(15,42,63,0) 0%,rgba(15,42,63,0.5) 100%);backdrop-filter:blur(10px) brightness(0.72);-webkit-backdrop-filter:blur(10px) brightness(0.72)} } .front-page .hero-visual-stage::after{background:radial-gradient(circle at center,rgba(15,42,63,0.12) 0%,rgba(15,42,63,0.58) 100%);backdrop-filter:none;-webkit-backdrop-filter:none} .front-page img.hero-visual{filter:blur(5px) brightness(0.82) contrast(0.96);transform:scale(1.02);transform-origin:center} .brand-top{position:relative;z-index:calc(var(--z-popover) + 1);display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--width-medium);min-height:calc(100dvh - (var(--front-padding) * 2));margin:0 auto;padding:0;padding-bottom:0;box-sizing:border-box} .front-page .brand-copy{position:relative;z-index:calc(var(--z-popover) + 1);width:min(100%,600px);margin:auto;padding:0 clamp(var(--spacing-sm),2vw,var(--spacing-md));box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:stretch} .front-page .brand-copy>h1:first-child{padding-top:0;margin-bottom:var(--spacing-sm);font-size:clamp(2.2rem,5vw,3.2rem);width:14ch;margin-inline:auto} .front-page .brand-copy .brand-subhead h2{font-size:clamp(1.4rem,3.5vw,2rem)} .front-page .brand-copy .brand-subhead,.front-page .brand-copy .entry-path{max-width:100%} .front-page .brand-copy .entry-path{margin-inline:auto;min-width:0} .front-page .brand-copy .info-text{min-width:0} .brand-top h1{width:14ch;max-width:100%;margin:0 auto var(--spacing-sm);padding:0;letter-spacing:var(--tracking-loose);text-align:center;text-wrap:wrap} .brand-subhead{width:100%;max-width:600px;margin:0 auto var(--spacing-xs)} .front-page .brand-subhead .diary-note.testimonial-note{margin:var(--spacing-xs) auto 0;padding-top:clamp(6px,1.5vw,12px);padding-bottom:clamp(6px,1.5vw,12px);border-width:clamp(40px,6vw,60px) clamp(16px,3vw,24px)} .front-page .brand-subhead .diary-note.testimonial-note p{margin-bottom:0;font-size:clamp(1.1rem,3.5vw,1.25rem);line-height:1.35;letter-spacing:0.01em;text-align:left;hyphens:none;-webkit-hyphens:none} .brand-top h2{width:fit-content;max-width:100%;margin:0 auto;letter-spacing:var(--tracking-normal);opacity:0.9;text-align:center;text-wrap:balance} .h1-color{color:var(--font-head-color-h1)} .entry-header{display:block;width:100%;margin:calc(var(--spacing-md) * 2) 0 0;padding:0;text-align:left;opacity:0.8} .entry-path{width:100%;max-width:600px;display:flex;align-items:center;justify-content:space-between;padding-top:0;padding-bottom:0;gap:var(--spacing-lg)} .entry-path picture{width:clamp(7rem,16vw,11rem);aspect-ratio:1 / 1;flex-shrink:0} .entry-path picture img{width:100%;height:100%;object-fit:contain} a[aria-label^="The long story"] picture img{transform-origin:50% 90%;animation:sols-boat-bob 4.5s ease-in-out infinite} a[aria-label^="The short story"] picture img{transform-origin:30% 95%;animation:sols-boat-plane 0.9s ease-in-out infinite} a[aria-label^="Home"] picture img{transform-origin:50% 95%;animation:sols-boat-row 3.2s ease-in-out infinite} .entry-path[aria-label^="Contact Us"] picture img{transform-origin:50% 90%;animation:sols-surf-motion 3.5s ease-in-out infinite} a[aria-label^="Reschedule"] picture img{transform-origin:50% 80%;animation:sols-sub-dive 5s ease-in-out infinite} .entry-path>img{width:clamp(7rem,16vw,11rem);height:auto;flex-shrink:0} .entry-path .info-text{flex:1;display:flex;flex-direction:column;align-items:flex-end;text-align:right} .read-time{display:block;width:100%;font-family:var(--font-quote);font-size:calc(var(--font-size-sm) * 1.5);color:var(--pink);letter-spacing:var(--tracking-normal);text-align:right} .read-time span{display:block} .path-title{font-family:var(--font-head);font-size:var(--font-size-h3);color:var(--white);text-decoration:none;margin-top:var(--spacing-xs)} .front-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;box-sizing:border-box} .front-page .path-title,#botCNTRL .path-title{--wavy-underline-sea:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12' width='20' height='12'%3E%3Cpath d='M0,10 C5,10 9,2 12,2 C15,2 17,10 20,10' fill='none' stroke='%23ff94ca' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")} .corner-logo.is-text-near{opacity:0.25;filter:drop-shadow(0 0 0.5rem var(--glow-blue-clear))} @media (max-width:480px){.entry-path{gap:var(--spacing-md);padding:0 var(--spacing-md)} .front-page .brand-copy{padding:var(--spacing-md)} .front-page .brand-copy .entry-path{gap:var(--spacing-sm);padding:0} .front-page .brand-copy .entry-path picture,.front-page .brand-copy .entry-path>img{width:5.5rem} .front-page .brand-copy .read-time{font-size:1rem} .front-page .brand-copy .path-title{font-size:1.25rem} } @media (max-width:360px){.front-page .brand-copy .entry-path picture,.front-page .brand-copy .entry-path>img{width:4.75rem} } .short-story-page .hero-visual-stage::after,.long-story-page .hero-visual-stage::after{display:none} footer{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;text-align:center;overflow:visible;padding-top:3rem;margin:0} footer::before{display:none} .theEND{width:100%;align-self:stretch;max-width:1200px;margin:0 auto;padding:3rem var(--gap) 2rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1rem,3vw,2.5rem);position:relative;z-index:100} @media (max-width:768px){.theEND{flex-direction:column;gap:1.25rem;padding-bottom:clamp(6.5rem,15vh,9rem)} } .theEND>div{flex:0 0 100%;width:100%;text-align:center} .theEND>div:first-of-type{padding-top:1.5rem} .theEND>:last-child{padding-bottom:2rem} .social-links{flex:0 0 100%;width:100%;display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:0.5rem} .social-links a{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:var(--radius-full);transition:transform var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out)} .social-links a:hover{transform:scale(1.15);background-color:rgba(255,255,255,0.1)} .social-links img{width:64px;height:64px;display:block} @property --bot-current-bg{syntax:'<color>';inherits:false;initial-value:#0F2A45} .botty{position:fixed;bottom:0;left:0;width:100%;height:clamp(5.5rem,12vh,8.5rem);display:flex;justify-content:center;align-items:center;padding:0.5rem clamp(1rem,3vw,2rem);background-color:color-mix(in srgb,var(--bot-current-bg,#0F2A45) 45%,var(--black) 55%);box-shadow:0 -10px 30px rgba(0,0,0,0.4);transition:--bot-current-bg var(--duration-slow) var(--ease-in-out);z-index:var(--z-modal)} .botty img{display:block;width:auto;height:clamp(3.5rem,11vh,6.5rem);object-fit:contain;flex-shrink:0} .botBOB{animation:bobpointX 3s ease-in-out infinite;cursor:pointer;z-index:var(--z-modal);transform:translate3d(0,0,0)} #botCNTRL.botBOB{background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none} @keyframes bobpointX{0%,100%{transform:translateY(24px)} 50%{transform:translateY(0)} } .short-story-page #botCNTRL.botBOB,.long-story-page #botCNTRL.botBOB.is-auto-scrolling{display:none} .botJOIN,.botJOIN2,.botSUMMARY{animation:botjoin-fade 1.2s ease both;animation-delay:var(--duration-fast)} #botCNTRL.bot-shadow-muted{box-shadow:none} @keyframes botjoin-fade{from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } @media (prefers-reduced-motion:reduce){.botJOIN,.botJOIN2,.botSUMMARY{animation:none;opacity:1;transform:none} } #botCNTRL{display:flex;align-items:center;justify-content:center;gap:clamp(0.5rem,2vw,1.5rem);color:var(--white);width:100%;transition:--bot-current-bg var(--duration-slow) var(--ease-in-out),color var(--duration-slow) var(--ease-in-out)} #botCNTRL .bot-label{z-index:var(--z-floating);padding-bottom:0.25rem;white-space:nowrap;font-size:var(--font-body-plus-size);cursor:pointer;flex-shrink:1} .bot-ghost{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(0.5rem,2vw,1.5rem);pointer-events:none;z-index:var(--z-floating);animation:bot-cf-out var(--duration-slow) var(--ease-in-out) forwards} #botCNTRL.bot-cf-in>.bot-label,#botCNTRL.bot-cf-in>picture .botBOBpoint{animation:bot-cf-in var(--duration-slow) var(--ease-in-out) forwards} @keyframes bot-cf-out{from{opacity:1;transform:none;filter:none} to{opacity:0;transform:translateY(14px) scale(0.94);filter:blur(5px)} } @keyframes bot-cf-in{from{opacity:0;transform:translateY(14px) scale(0.94);filter:blur(5px)} to{opacity:1;transform:none;filter:none} } @media (prefers-reduced-motion:reduce){.bot-ghost{display:none} #botCNTRL.bot-cf-in>.bot-label,#botCNTRL.bot-cf-in>picture .botBOBpoint{animation:none} } .bot-scroll-controls{position:fixed;right:1.25rem;bottom:0;width:3.5rem;height:clamp(5.5rem,12vh,8.5rem);display:none;flex-direction:column;z-index:calc(var(--z-modal) + 1);pointer-events:none;padding:0;box-sizing:border-box} @media (min-width:769px){.bot-scroll-controls.is-visible{display:flex} } .bot-scroll-btn{flex:1 1 50%;border:none;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;background-origin:content-box;cursor:pointer;pointer-events:auto;padding:0.25rem} .bot-scroll-btn.bot-scroll-up{background-image:url('/assets/images/pointer/up.png');background-image:image-set( url('/assets/images/pointer/up.avif') type('image/avif'),url('/assets/images/pointer/up.webp') type('image/webp'),url('/assets/images/pointer/up.png') type('image/png') );background-position:calc(50% + 6px) bottom;padding:0.4rem 0.25rem 0 0.25rem} .bot-scroll-btn.bot-scroll-down{background-image:url('/assets/images/pointer/down.png');background-image:image-set( url('/assets/images/pointer/down.avif') type('image/avif'),url('/assets/images/pointer/down.webp') type('image/webp'),url('/assets/images/pointer/down.png') type('image/png') );background-position:center top;padding:0 0.25rem 0.4rem 0.25rem} .bot-scroll-icon{display:none} #botCNTRL img[src*="sailingboat"]{transform-origin:50% 90%;animation:sols-boat-bob 4.5s ease-in-out infinite} #botCNTRL img[src*="speedboat"]{transform-origin:30% 95%;animation:sols-boat-plane 0.9s ease-in-out infinite} #botCNTRL img[src*="surfboard"]{transform-origin:50% 90%;animation:sols-surf-motion 3.5s ease-in-out infinite} @keyframes buoy-bob{0%,100%{transform:translateY(0)} 50%{transform:translateY(-4px)} } @keyframes poke{0%{transform:translateX(0) scale(1)} 25%{transform:translateX(-6px) rotate(-3deg) scale(0.97)} 45%{transform:translateX(18px) rotate(1deg) scale(1.02)} 55%{transform:translateX(14px) rotate(0deg) scale(1)} 75%,100%{transform:translateX(0) scale(1)} } @keyframes poke-y{0%{transform:translateY(0) scale(1)} 25%{transform:translateY(-6px) scale(0.97)} 45%{transform:translateY(18px) scale(1.02)} 55%{transform:translateY(14px) scale(1)} 75%,100%{transform:translateY(0) scale(1)} } @keyframes text-nudge-x{0%,40%{transform:translateX(0)} 45%{transform:translateX(8px)} 60%{transform:translateX(-1px)} 75%,100%{transform:translateX(0)} } @keyframes text-nudge-y{0%,40%{transform:translateY(0)} 45%{transform:translateY(8px)} 60%{transform:translateY(-1px)} 75%,100%{transform:translateY(0)} } @keyframes sols-boat-bob{0%,100%{transform:translateY(2px) rotate(-3.2deg)} 50%{transform:translateY(-8px) rotate(3.2deg)} } @keyframes sols-boat-plane{0%,100%{transform:translate(0,-1px) rotate(-4deg)} 25%{transform:translate(-1px,-4px) rotate(-5deg)} 50%{transform:translate(0,-2px) rotate(-3.5deg)} 75%{transform:translate(1px,-5px) rotate(-4.5deg)} } @keyframes sols-boat-row{0%,100%{transform:translate(0,0) rotate(-1.5deg)} 35%{transform:translate(5px,-3px) rotate(1.5deg)} 45%{transform:translate(4px,-2px) rotate(1deg)} 80%{transform:translate(0.5px,0) rotate(-1deg)} } @keyframes sols-surf-motion{0%,100%{transform:translate(0,0) rotate(-4deg)} 20%{transform:translate(4px,2px) rotate(4deg)} 40%{transform:translate(-3px,-4px) rotate(-6deg)} 60%{transform:translate(5px,1px) rotate(2deg)} 80%{transform:translate(-4px,-2px) rotate(-4deg)} } @keyframes sols-sub-dive{0%,100%{transform:translateY(-4px) rotate(-2.5deg)} 50%{transform:translateY(5px) rotate(2.5deg)} } .scene-picture{display:block;width:100%;overflow:hidden} .scene-image{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;object-position:center} @media (max-width:479px){.scene-picture{aspect-ratio:1 / 1} .scene-image{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center} } .smallScene{width:100%;display:flex;align-items:center;justify-content:center;text-align:center} .smallScene img{width:50%;height:auto}:root{--gauge-right:46px} @media (max-width:768px){:root{--gauge-right:24px} .indicator-index{opacity:0.25} .indicator-index.expand{opacity:0.5} } html,body{-ms-overflow-style:none;scrollbar-width:none} html::-webkit-scrollbar,body::-webkit-scrollbar{display:none} .overlayBody{-ms-overflow-style:none;scrollbar-width:none} .overlayBody::-webkit-scrollbar{display:none} .indicator{position:fixed;right:0px;top:50%;transform:translateY(-50%);height:clamp(220px,55vh,380px);width:100px;list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;z-index:900} .indicator::before{content:'';position:absolute;right:var(--gauge-right);top:10px;bottom:10px;width:1px;transform:translateX(50%);background:linear-gradient( to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 10%,rgba(255,255,255,0.15) 90%,rgba(255,255,255,0) 100% );z-index:1} .indicator-index{position:relative;height:20px;display:flex;align-items:center;justify-content:flex-end;padding-right:calc(var(--gauge-right) + 24px);font-family:'IM Fell DW Pica',Georgia,serif;font-style:italic;font-size:1.05rem;color:rgba(200,188,218,0.45);transition:color 0.4s ease,font-size 0.4s ease,opacity 0.4s ease,text-shadow 0.4s ease,width 0.4s ease,height 0.4s ease,border-color 0.4s ease,background-color 0.4s ease,box-shadow 0.4s ease,transform 0.4s ease;user-select:none;text-shadow:1px 1px 2px rgba(0,0,0,0.9)} .indicator-index::after{content:'';position:absolute;right:var(--gauge-right);top:50%;width:12px;height:12px;border-radius:50%;border:1px solid rgba(235,108,3,0.35);background-color:rgba(17,40,67,0.85);transform:translate(50%,-50%);transition:color 0.4s ease,font-size 0.4s ease,opacity 0.4s ease,text-shadow 0.4s ease,width 0.4s ease,height 0.4s ease,border-color 0.4s ease,background-color 0.4s ease,box-shadow 0.4s ease,transform 0.4s ease;z-index:2} .indicator-index.expand{color:#ffffff;font-size:1.3rem;text-shadow:0 0 8px rgba(255,255,255,0.6)} .indicator-index.expand::after{border-color:var(--font-head-color-h1,#EB6C03);background-color:var(--font-head-color-h1,#EB6C03);transform:translate(50%,-50%) scale(1.25);box-shadow:0 0 8px rgba(235,108,3,0.6)} .moon-dial{position:absolute;right:var(--gauge-right);transform:translate(50%,-50%);width:38px;height:38px;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:auto;cursor:grab;transition:top 0.12s cubic-bezier(0.25,0.46,0.45,0.94)} .moon-dial:active{cursor:grabbing} .moon-dial.is-dragging{transition:none} .moon-svg{display:block} .moon-crescent{filter:drop-shadow(0 2px 4px rgba(0,0,0,0.35)) drop-shadow(0 0 6px rgba(80,170,255,0.75)) drop-shadow(0 0 12px rgba(80,170,255,0.45))} .chevron{position:absolute;width:5px;height:5px;border-left:1.5px solid var(--glow-blue);border-top:1.5px solid var(--glow-blue);opacity:0;transition:opacity 0.25s ease,transform 0.25s ease;pointer-events:none;z-index:10} .chevron.hide{opacity:0;animation:none} .chevron-up-1{top:-10px;left:50%;transform:translateX(-50%) translateY(0) rotate(45deg);animation:chevron-pulse-up 1.8s infinite ease-in-out} .chevron-up-2{top:-16px;left:50%;transform:translateX(-50%) translateY(0) rotate(45deg);animation:chevron-pulse-up 1.8s infinite ease-in-out;animation-delay:0.25s} .chevron-down-1{bottom:-10px;left:50%;transform:translateX(-50%) translateY(0) rotate(225deg);animation:chevron-pulse-down 1.8s infinite ease-in-out} .chevron-down-2{bottom:-16px;left:50%;transform:translateX(-50%) translateY(0) rotate(225deg);animation:chevron-pulse-down 1.8s infinite ease-in-out;animation-delay:0.25s} @keyframes chevron-pulse-up{0%,100%{transform:translateX(-50%) translateY(0) rotate(45deg);opacity:0.25} 50%{transform:translateX(-50%) translateY(-2.5px) rotate(45deg);opacity:0.85} } @keyframes chevron-pulse-down{0%,100%{transform:translateX(-50%) translateY(0) rotate(225deg);opacity:0.25} 50%{transform:translateX(-50%) translateY(2.5px) rotate(225deg);opacity:0.85} } .overlayPanel .indicator{position:absolute;right:0px;top:50%;transform:translateY(-50%);height:clamp(190px,45vh,320px);z-index:100} .overlayPanel .indicator-index{padding-right:calc(var(--gauge-right) + 20px);font-size:0.95rem} .overlayPanel{--gauge-right:22px} .indicator.no-scroll{display:none} .front-page>.indicator{display:none !important} .overlayPanel.has-scrollbar .overlayBody{padding-right:80px} @media (max-width:768px){.overlayPanel{--gauge-right:18px} .overlayPanel.has-scrollbar .overlayBody{padding-right:48px} } @media (prefers-reduced-motion:reduce){.big-column li::before,.info-grid>div::before{animation:none} .botBOB{animation:none;transform:translateY(0)} .aniPoint.is-poking>*{animation:none} .brid-wrap:hover .aniPoint>*{animation:none} .aniPoint.is-poking + .read-more{animation:none} .brid-wrap:hover .read-more{animation:none} .brid-wrap .aniPoint.is-poking>*{animation:none} .brid-wrap .aniPoint.is-poking + .read-more{animation:none} a[aria-label^="The long story"] picture img,a[aria-label^="The short story"] picture img,a[aria-label^="Home"] picture img,.entry-path[aria-label^="Contact Us"] picture img,a[aria-label^="Reschedule"] picture img,#botCNTRL img[src*="sailingboat"],#botCNTRL img[src*="speedboat"],#botCNTRL img[src*="surfboard"]{animation:none;transform:none} .indicator-index,.indicator-index::after,.moon-dial,.chevron{transition:none} .chevron:not(.hide){animation:none;opacity:0.65} }