.wishawn{--portal-h:min(162vw, max(420px, calc(100svh - 16.5rem)));--island-w:calc(min(96%, var(--portal-h) * .86 * var(--art-aspect)) * .85);text-align:center;padding-top:7.5rem;position:relative}@media (width>=701px){.wishawn{padding-top:9.5rem}}@media (width>=99em){.wishawn{padding-top:6rem}}.wishawn-head{z-index:4;padding:0 var(--gutter);margin:0 0 1.5rem;position:relative}.wishawn-head p{width:min(44rem,100%);font-family:var(--font-display);color:var(--color-gold);grid-template-columns:minmax(.5rem,1fr) auto auto minmax(.5rem,1fr);align-items:baseline;margin:0 auto .8rem;font-size:1.3rem;font-style:italic;font-weight:500;line-height:1.6;display:grid}.wishawn-head p:before,.wishawn-head p:after{content:"";background:var(--color-hairline);align-self:center;height:1px}.wishawn-head span{white-space:nowrap;margin:0 .32em 0 min(1rem,5vw)}.wishawn-head cite{font-size:clamp(1.15em, (100vw - 2 * var(--gutter) - 5.4rem) / 9.4, 1.42em);color:var(--color-ivory);white-space:nowrap;margin-right:min(1rem,5vw);line-height:1.2}.wishawn-head h2{font-family:var(--font-display);font-weight:500;font-size:min(clamp(2.3rem, 1.2rem + 2.6vw, 3.4rem), (100vw - 2 * var(--gutter)) / 6.4);letter-spacing:.2em;text-transform:uppercase;margin:0 -.2em 0 0;line-height:1}.wishawn-head h2 span{display:block}.wishawn-head h2 .of{letter-spacing:.32em;margin:0 0 .5rem;font-size:.34em;font-weight:600;line-height:1}@media (width<=21.5em){.wishawn-head p{grid-template-columns:minmax(.5rem,1fr) auto minmax(.5rem,1fr)}.wishawn-head p:after{grid-area:1/3}.wishawn-head span{margin:0 min(1rem,5vw)}.wishawn-head cite{white-space:normal;text-wrap:balance;grid-area:2/1/3/-1;margin:0;font-size:1.42em}}.wishawn .map-frame{position:relative}@media (width>=60em) and (width<=1279px){.wishawn{--panel-w:15rem;--island-w:min(calc(max(560px, 100svh - 4rem) * .731 * var(--art-aspect)), calc(100vw - 2 * (var(--gutter) + var(--panel-w) + 2.5rem)));--portal-h:calc(var(--island-w) / var(--art-aspect) / .731)}.wishawn-head{margin-bottom:0}.wishawn .map-frame{margin-top:calc(2.5rem - var(--portal-h) * .1195)}}@media (width<=59.99em) and (width<=1279px){.wishawn{--island-w:min(calc(100vw * .816), calc(max(420px, 100svh - 9rem) * .731 * var(--art-aspect)));--portal-h:calc(var(--island-w) / var(--art-aspect) / .731)}.wishawn-head{margin-bottom:0}.wishawn .map-frame{margin-top:calc(2rem - var(--portal-h) * .1195);padding-bottom:max(0px, 8rem - var(--portal-h) * .1495)}}@media (width>=1280px){.wishawn{--portal-h:clamp(620px, 100svh, 1300px)}.wishawn-head{margin-bottom:0}.wishawn .map-frame{margin-top:calc(2.5rem - var(--portal-h) * .1195)}}.wishawn .portal{isolation:isolate;height:var(--portal-h);background:var(--color-night);position:relative;overflow:clip}.wishawn .portal:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(var(--color-night), transparent 7%, transparent 88%, var(--color-night));position:absolute;inset:0}.wishawn .island{width:var(--island-w);aspect-ratio:var(--art-ratio);position:absolute;top:48.5%;left:50%;translate:-50% -50%}.wishawn .sea,.wishawn .shade{top:0;left:var(--canvas-left);width:var(--canvas-width);margin-top:var(--canvas-top);aspect-ratio:var(--canvas-ratio);pointer-events:none;position:absolute}.wishawn .sea{clip-path:inset(2px)}.wishawn .sea img{width:100%;height:100%;display:block}.wishawn .art{z-index:1;display:block;position:relative}.wishawn .art img{width:100%;height:auto;-webkit-mask-image:linear-gradient(90deg, transparent, black var(--band-x), black calc(100% - var(--band-x)), transparent), linear-gradient(180deg, transparent, black var(--band-y), black calc(100% - var(--band-y)), transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg, transparent, black var(--band-x), black calc(100% - var(--band-x)), transparent), linear-gradient(180deg, transparent, black var(--band-y), black calc(100% - var(--band-y)), transparent);display:block;mask-composite:intersect}.wishawn .names{z-index:1;width:100%;position:absolute;inset:0}.wishawn .shade{z-index:2;background:var(--color-night);-webkit-mask:var(--shade) center / 100% 100% no-repeat;mask:var(--shade) center / 100% 100% no-repeat}.wishawn.is-live .island{opacity:0}.wishawn.is-live .places{display:none}.cartouche{--side:min(1.4rem, max(22.4px, 5vw));z-index:4;width:min(17rem, 100% - 2 * var(--gutter));padding:1.8rem var(--side) 1.6rem;background:var(--color-cartouche);box-shadow:var(--shadow-panel);margin:0 auto 1.5rem;position:relative}.cartouche .lozenge{justify-content:center;align-items:center;gap:10px;margin:.95rem 0 .1rem;display:flex}.cartouche .lozenge i{background:var(--color-hairline);width:46px;height:1px}.cartouche .lozenge b{border:1px solid var(--color-gold);width:7px;height:7px;transform:rotate(45deg)}.cartouche p{font-family:var(--font-display);margin:0;font-size:1.22rem;font-style:italic;font-weight:500;line-height:1.3}.cartouche .enter{cursor:pointer;background:0 0;margin-top:1.35rem;padding:.8rem 1.3rem}@media (width>=1280px){.wishawn .cartouche{top:calc(var(--portal-h) * .13);left:max(var(--gutter), calc(50% - var(--island-w) / 2 - 64px - 17rem));margin:0;position:absolute}}@media (width>=60em) and (width<=1279px){.wishawn .cartouche{top:calc(var(--portal-h) * .13);left:max(var(--gutter), calc(50% - var(--island-w) / 2 - 2.5rem - var(--panel-w)));width:var(--panel-w);margin:0;position:absolute}.cartouche .enter{padding-inline:1rem}}@media (width<=59.99em) and (width<=1279px){.wishawn .cartouche{left:50%;top:calc(var(--portal-h) * .8505 + 1.25rem);width:max-content;max-width:calc(100% - 2 * var(--gutter));box-shadow:none;background:0 0;border:0;outline:0;margin:0;padding:0;position:absolute;translate:-50%}.cartouche p{font-size:1.1rem}.cartouche p br{display:none}.cartouche .lozenge{margin:.55rem 0 0}.cartouche .enter{margin-top:.85rem}}.wishawn .places{max-width:64rem;padding:1.5rem var(--gutter) clamp(4rem, 8vw, 6rem);margin:0 auto}.wishawn .places h3,.map-note figcaption{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--color-gold);margin:0 0 .5rem;font-size:.78rem;font-weight:600}.wishawn .places ol{columns:17rem 3;text-align:left;column-gap:3rem;margin:2rem 0 0;padding:0;list-style:none}.wishawn .places li{break-inside:avoid;padding-bottom:2.5rem}.map-note,.map-note blockquote,.map-note blockquote p{margin:0}.map-note blockquote p{font-family:var(--font-hand);color:var(--color-map-hand);font-size:1.3rem;line-height:1.6}.map-note figcaption{margin:.85rem 0 0}.map-note small,.wishawn .drafts{font-family:var(--font-text);color:var(--color-ash);margin-top:.45rem;font-size:.8rem;font-style:italic;line-height:1.4;display:block}
