.stage{position:relative;overflow:hidden}.stage-poster,.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage-poster{transition:opacity .4s}.stage[data-state=live] .stage-poster{opacity:0}@font-face{font-family:Bodoni Moda;src:url(/fonts/twenty/bodoni-moda-latin-opsz-normal.woff2)format("woff2-variations");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Bodoni Moda;src:url(/fonts/twenty/bodoni-moda-latin-opsz-italic.woff2)format("woff2-variations");font-weight:400 900;font-style:italic;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/twenty/hanken-grotesk-latin-wght-normal.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Bodoni Moda Fallback;src:local(Georgia);font-style:normal;size-adjust:104.1%;ascent-override:108.1%;descent-override:38.4%;line-gap-override:0%}@font-face{font-family:Bodoni Moda Fallback;src:local(Georgia Italic);font-style:italic;size-adjust:97.9%;ascent-override:114.9%;descent-override:40.9%;line-gap-override:0%}@font-face{font-family:Hanken Grotesk Fallback;src:local(Arial);size-adjust:101.9%;ascent-override:98.1%;descent-override:29.7%;line-gap-override:0%}@font-face{font-family:Bodoni Moda Fallback Android;src:local(Noto Serif),local(NotoSerif-Regular);font-style:normal;size-adjust:96.1%;ascent-override:117.1%;descent-override:41.6%;line-gap-override:0%}@font-face{font-family:Bodoni Moda Fallback Android;src:local(Noto Serif Italic),local(NotoSerif-Italic);font-style:italic;size-adjust:92.4%;ascent-override:121.8%;descent-override:43.3%;line-gap-override:0%}@font-face{font-family:Hanken Grotesk Fallback Android;src:local(Roboto),local(Roboto-Regular);size-adjust:101.1%;ascent-override:98.9%;descent-override:30%;line-gap-override:0%}:root{--night:#111314;--sea:#161e21;--linen:#ece6db;--body:#b8b5ad;--muted:#8b8c87;--silver:#a3adae;--steel:#7c98a0;--brass:#c9a45c;--lamp:#ffc98a;--green:#8fbf86;--rule:color-mix(in srgb, var(--silver) 16%, transparent);--veil:color-mix(in srgb, var(--night) 88%, transparent);--veil-deep:color-mix(in srgb, var(--night) 96%, transparent);--lamp-glow:color-mix(in srgb, var(--lamp) 35%, transparent);--brass-soft:color-mix(in srgb, var(--brass) 45%, transparent);--ease-out:cubic-bezier(.23, 1, .32, 1);--display:"Bodoni Moda", "Bodoni Moda Fallback", "Bodoni Moda Fallback Android", "Didot", "Bodoni 72", Georgia, serif;--text:"Hanken Grotesk", "Hanken Grotesk Fallback", "Hanken Grotesk Fallback Android", system-ui, sans-serif;--gutter:1.25rem}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{background:var(--night);color:var(--body);color-scheme:dark;-webkit-text-size-adjust:100%}body{font:300 1.0625rem/1.65 var(--text);letter-spacing:.005em;margin:0}h1,h2,h3,p,ol,ul,dl,dd,figure,blockquote{margin:0}h1,h2,h3{color:var(--linen);font-weight:400}a{color:inherit;text-decoration-color:var(--brass);text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--linen)}a:focus-visible{outline:2px solid var(--lamp);outline-offset:3px;border-radius:1px}.skip{position:absolute;left:-999px}.skip:focus{z-index:10;background:var(--linen);color:var(--night);padding:.5rem 1rem;top:1rem;left:1rem}.top{z-index:3;padding:1.1rem var(--gutter);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.logo{width:4.5rem;display:block}.logo img{width:100%;height:auto;display:block}.top ul{align-items:center;gap:1.75rem;padding:0;font-size:.92rem;list-style:none;display:flex}.top a{text-decoration:none}.top a:not(.reserve){text-decoration:underline;text-decoration-color:var(--brass-soft)}.top a:not(.reserve):hover{text-decoration-color:var(--brass)}.top .reserve{border:1px solid var(--brass);color:var(--linen);padding:.45rem .95rem;transition:background-color .2s,color .2s}.top .reserve:hover{background:var(--brass);color:var(--night)}.wide-only{display:none}.sheet{--r:min(40vw, 30svh);--cx:50vw;--cy:calc(var(--r) * 1.35 + 3.25rem);--chart-h:calc(var(--cy) + var(--r) * 1.42);padding-top:calc(var(--chart-h) + 1.5rem);position:relative;overflow:hidden}.stage{height:var(--chart-h);background:var(--night);position:absolute;inset:0 0 auto}.stage-poster{inset:auto;left:calc(var(--cx) - var(--r) * 3);top:calc(var(--cy) - var(--r) * 1.8);width:calc(var(--r) * 3);height:calc(var(--r) * 3.6);background:url(/img/twenty/sea-poster.webp) 0 0/100% 100% no-repeat}.chart{left:calc(var(--cx) - var(--r) * 1.5);top:calc(var(--cy) - var(--r) * 1.5);width:calc(var(--r) * 3);height:calc(var(--r) * 3);pointer-events:none;transform-origin:50%;clip-path:inset(0 -100vw calc(var(--r) * .08) -100vw);position:absolute;overflow:visible}.graticule line{stroke:var(--silver);stroke-opacity:.06;stroke-width:1px;vector-effect:non-scaling-stroke}.coast{fill:none;stroke:var(--silver);stroke-opacity:.75;stroke-width:1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ring{fill:none;stroke:var(--brass);stroke-width:.17px;stroke-dasharray:101;stroke-dashoffset:101px;animation:3.6s cubic-bezier(.3,.1,.2,1) .6s forwards inscribe}@keyframes inscribe{to{stroke-dashoffset:0}}.chart text{font-family:var(--text);fill:var(--muted);paint-order:stroke;stroke:var(--night);stroke-width:.5px;stroke-linejoin:round;letter-spacing:.02em;font-size:1.7px;font-weight:400}.ring-label{letter-spacing:.03em;opacity:0;font-style:italic;animation:1.4s 3.6s forwards appear;font-family:var(--display)!important;fill:var(--brass)!important;font-size:2.1px!important}@keyframes appear{to{opacity:1}}.towns circle{fill:var(--silver)}.water{font-style:italic;font-family:var(--display)!important;fill:var(--steel)!important;stroke:var(--sea)!important;letter-spacing:0!important;font-size:2.6px!important}.water.small{font-size:1.9px!important}.harbor circle{fill:var(--steel)}.harbor path{fill:none;stroke:var(--steel);stroke-opacity:.7;stroke-width:1px;vector-effect:non-scaling-stroke}.harbor text{fill:var(--steel)!important;stroke:var(--sea)!important}.center>line{stroke:var(--brass);stroke-width:1.25px;vector-effect:non-scaling-stroke}.center .dot{fill:var(--lamp)}.center .here{font-family:var(--display)!important;fill:var(--linen)!important;letter-spacing:.01em!important;font-size:2.4px!important}.center .coords{font-variant-numeric:tabular-nums;font-size:1.4px!important}.d-only{display:none}.sheet:has(.stage[data-state=live]) :is(.center>line,.center .dot){opacity:0}.sheet-text{padding:0 var(--gutter) 3rem;max-width:34rem;position:relative}h1{font:400 clamp(2.15rem, 9.6vw, 4.6rem)/1.04 var(--display);font-optical-sizing:auto;letter-spacing:-.005em;text-wrap:balance}.lede{text-wrap:pretty;max-width:31rem;margin-top:1.25rem}.awards{color:var(--linen);gap:.4rem;margin-top:2rem;padding:0;font-size:.95rem;font-weight:400;list-style:none;display:grid}.awards li{align-items:center;gap:.65rem;display:flex}.star{width:1rem;height:1rem;fill:var(--brass);flex:none}.star.green{fill:var(--green)}.book{flex-wrap:wrap;align-items:center;gap:.9rem 1.4rem;margin-top:1.75rem;display:flex}.book span{color:var(--muted);max-width:19rem;font-size:.88rem}.price{color:var(--linen);font-weight:400}.btn{white-space:nowrap;border:1px solid var(--brass);color:var(--linen);letter-spacing:.02em;transition:background-color .2s ease, color .2s ease, transform .16s var(--ease-out);padding:.85rem 1.6rem;font-weight:400;text-decoration:none;display:inline-block}.btn:hover{background:var(--brass);color:var(--night)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--lamp);outline-offset:3px}.destination{position:relative}.room img{width:100%;height:auto;display:block}.dest-text{padding:2rem var(--gutter) 1rem;max-width:34rem}.dest-text h2{font:400 clamp(1.9rem, 7.5vw, 3.6rem)/1.08 var(--display);text-wrap:balance}.dest-text>p{text-wrap:pretty;margin-top:1.1rem}.quote{border-left:1px solid var(--brass);margin-top:1.8rem;padding-left:1.1rem}.quote blockquote p{font:italic 400 1.3rem/1.4 var(--display);color:var(--linen);text-wrap:balance}.quote figcaption{color:var(--muted);margin-top:.5rem;font-size:.85rem}.part{max-width:72rem;padding:4.5rem var(--gutter);border-top:1px solid var(--rule);margin:0 auto}.part h2{font:400 clamp(1.9rem, 6vw, 3.2rem)/1.1 var(--display);text-wrap:balance}.part-head p{text-wrap:pretty;max-width:34rem;margin-top:1.1rem}.part-head p+p{margin-top:1rem}.legend{border:1px solid var(--rule);max-width:30rem;margin-top:2.5rem;padding:1.5rem 1.4rem}.legend h3{font:400 .92rem/1.4 var(--text);color:var(--muted)}.legend dl{gap:1rem;margin-top:1.1rem;display:grid}.legend dl div{grid-template-columns:1rem minmax(0,1fr);column-gap:.75rem;display:grid}.legend dl div:before{content:"";background:var(--brass);border-radius:50%;grid-row:1/3;width:.55rem;height:.55rem;margin-top:.55rem}.legend dt{font:400 1.25rem/1.3 var(--display);color:var(--linen)}.legend dd{font:italic 400 1rem/1.4 var(--display);color:var(--body)}.legend-foot{color:var(--muted);text-wrap:pretty;margin-top:1.3rem;font-size:.85rem}.scale{margin-top:3rem}.scale svg{width:100%;height:2.5rem;display:block}.seg{stroke:var(--brass);stroke-width:1px;vector-effect:non-scaling-stroke;fill:none}.seg.even,.seg.bites{fill:var(--brass-soft)}.seg.sweets{fill:var(--lamp);stroke:var(--lamp)}.scale .base{stroke:var(--rule);stroke-width:1px;vector-effect:non-scaling-stroke}.scale figcaption{gap:.6rem;margin-top:.9rem;font-size:.92rem;display:grid}.scale strong{font:400 1.15rem/1.3 var(--display);color:var(--linen);display:block}.rings ol{gap:2.25rem;margin-top:2.75rem;padding:0;list-style:none;display:grid}.rings li{grid-template-columns:4.5rem minmax(0,1fr);align-content:start;column-gap:1.25rem;display:grid}.rings .figure{font:400 2rem/1.1 var(--display);color:var(--linen);grid-column:2}.rings li>p:not(.figure){text-wrap:pretty;grid-column:2;margin-top:.4rem}.mark{grid-row:span 2;place-items:center;width:4.5rem;height:4.5rem;display:grid}.mark:before{content:"";border:1px solid var(--brass);border-radius:50%;display:block}.r1 .mark:before{width:4.5rem;height:4.5rem}.r2 .mark:before{width:3.4rem;height:3.4rem}.r3 .mark:before{width:2.3rem;height:2.3rem}.r4 .mark:before{background:var(--lamp);width:.7rem;height:.7rem;box-shadow:0 0 1.2rem .3rem var(--lamp-glow);border:0}.source{max-width:44rem;color:var(--muted);text-wrap:pretty;margin-top:2rem;font-size:.9rem}.green-line{max-width:44rem;color:var(--linen);text-wrap:pretty;align-items:baseline;gap:.75rem;margin-top:2.25rem;display:flex}.green-line .star{position:relative;top:.15rem}.wine{text-align:center}.wine h2{font-size:min(clamp(1.9rem,6vw,3.2rem),7.6vw)}.wine h2,.wine>p,.wine .pull{max-width:40rem;margin-left:auto;margin-right:auto}.pull{margin-top:2rem}.pull blockquote p{font:italic 400 clamp(1.4rem, 4.5vw, 2rem)/1.35 var(--display);color:var(--linen);text-wrap:balance}.pull figcaption{color:var(--muted);margin-top:.6rem;font-size:.85rem}.wine>p{text-wrap:pretty;margin-top:1.75rem}.wine>p.more{margin-top:1.25rem}.notes{gap:0;margin-top:2.5rem;display:grid}.notes div{border-top:1px solid var(--rule);padding:1.2rem 0}.notes dt{color:var(--linen);font-size:.95rem;font-weight:500}.notes dd{text-wrap:pretty;margin-top:.35rem}.book-cta{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2.25rem;display:flex}.timeline{gap:1.75rem;margin-top:2.75rem;padding:0;list-style:none;display:grid}.timeline li{grid-template-columns:4rem minmax(0,1fr);align-content:start;column-gap:1.25rem;display:grid}.timeline svg{grid-row:span 2;width:4rem;height:4rem}.seat-mark{fill:var(--lamp);fill-opacity:.85;stroke:var(--brass);stroke-width:.03px}.star-mark{fill:var(--brass)}.star-mark.green{fill:var(--green)}.timeline .when{font:400 1.35rem/1.25 var(--display);color:var(--linen);grid-column:2}.timeline li>p:not(.when){text-wrap:pretty;grid-column:2;margin-top:.2rem;font-size:.95rem}.visit{gap:3rem;display:grid}.address{font:400 clamp(1.4rem, 4.5vw, 1.9rem)/1.3 var(--display);color:var(--linen);margin-top:1.25rem}.coords-line{color:var(--steel);font-variant-numeric:tabular-nums;margin-top:.6rem;font-size:.92rem}.visit-where>p:not(.address):not(.coords-line){margin-top:1.1rem}.links{gap:.45rem;margin-top:1.5rem;padding:0;list-style:none;display:grid}.hours{border-collapse:collapse;width:100%}.hours caption{text-align:left;color:var(--linen);padding-bottom:.6rem;font-size:.95rem;font-weight:500}.hours th,.hours td{text-align:left;border-top:1px solid var(--rule);vertical-align:top;padding:.9rem 0;font-weight:300}.hours th{color:var(--linen);padding-right:1.5rem}@media (width<=30rem){.hours th,.hours td{display:block}.hours td{border-top:0;padding-top:0}}.wrap{max-width:72rem;padding-inline:var(--gutter);margin:0 auto}.page-head{padding:clamp(7rem,5rem + 8vw,11rem) 0 clamp(2.5rem,2rem + 3vw,4.5rem)}.page-head h1{max-width:40rem}.page-head .lede{text-wrap:balance;max-width:34rem}.legal{border-top:1px solid var(--rule);padding:1rem 0 clamp(4rem,3rem + 4vw,7rem)}.legal .wrap{padding-top:clamp(2.5rem,2rem + 3vw,4.5rem)}.legal .meta{color:var(--steel);margin-bottom:2.5rem;font-size:.85rem}.legal h2{max-width:40rem;font:400 clamp(1.4rem, 1.15rem + 1vw, 1.75rem)/1.2 var(--display);margin:2.75rem 0 .75rem}.legal .meta+h2{margin-top:0}.legal p{text-wrap:pretty;max-width:40rem}.legal ul{max-width:40rem;margin:.9rem 0 0;padding-left:1.25rem;list-style:outside}.legal li{text-wrap:pretty;padding-left:.25rem}.legal li+li{margin-top:.5rem}.legal li::marker{color:var(--brass)}.seat-ring{width:6rem;height:6rem;margin-bottom:2rem;display:block}.seat-mark.empty{fill:none;fill-opacity:1;stroke:var(--lamp);stroke-width:.04px}.lost-links{gap:.7rem;margin-top:2rem;padding:0;list-style:none;display:grid}.lost .book-cta{margin-top:2.25rem}.foot{max-width:72rem;padding:3rem var(--gutter) 3.5rem;border-top:1px solid var(--rule);color:var(--muted);gap:1.5rem;margin:0 auto;font-size:.85rem;display:grid}.foot-logo{width:4.5rem;height:auto}.foot-links{flex-wrap:wrap;gap:.5rem 1.5rem;padding:0;list-style:none;display:flex}@media (width>=900px){:root{--gutter:2.5rem}.top{padding:1.75rem var(--gutter)}.logo{width:6rem}.wide-only{display:list-item}.sheet{--r:min(34svh, 25vw);--cx:37vw;--cy:50svh;grid-template-columns:minmax(0,1fr);padding:0;display:grid}.stage{height:100svh}.chart{clip-path:none}.sheet-text.at-start{align-content:center;max-width:min(34rem,36vw);min-height:100svh;margin-left:60vw;padding:6rem 0;display:grid}h1{font-size:clamp(2.6rem,4.2vw,4.6rem)}.chart text{stroke-width:.32px;font-size:1.05px}.ring{stroke-width:.1px}.d-only{display:inline}.m-only{display:none}.ring-label{font-size:1.45px!important}.water{font-size:1.8px!important}.water.small{font-size:1.25px!important}.center .here{font-size:1.6px!important}.center .coords{font-size:.92px!important}.room img{object-fit:cover;height:min(56.25vw,100svh)}.destination:after{content:"";background:linear-gradient(90deg, transparent 30%, var(--veil) 56%, var(--veil-deep) 72%);pointer-events:none;position:absolute;inset:0}.dest-text{z-index:1;max-width:min(32rem,34vw);padding:0;position:absolute;top:50%;left:60vw;transform:translateY(-50%)}.approach[data-live]{height:320svh}.approach[data-live] .sheet{height:100svh;min-height:40rem;position:sticky;top:0}.approach[data-live] .chart{will-change:transform, opacity}.approach[data-live] .sheet-text.at-start{grid-area:1/1}.approach[data-live] .destination{opacity:0;position:absolute;inset:0}.approach[data-live] .room img{height:100%}.part{padding:8rem var(--gutter)}.menu{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:5rem;display:grid}.menu .legend{justify-self:end;width:100%;margin-top:.5rem}.scale{grid-column:1/-1;margin-top:5rem}.scale figcaption{grid-template-columns:16fr 70fr 14fr;gap:1.5rem}.s-sweets{text-align:right}.rings ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.75rem}.rings li{grid-template-columns:minmax(0,1fr);row-gap:1.1rem}.rings .figure,.rings li>p:not(.figure){grid-column:1}.mark{grid-row:1}.notes{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4rem}.story{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;column-gap:5rem;display:grid}.story .timeline{margin-top:.5rem}.visit{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:5rem}.visit-when{padding-top:.75rem}.foot{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:2.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ring{stroke-dashoffset:0;animation:none}.ring-label{opacity:1;animation:none}.btn,.btn:active{transition:none;transform:none}}