.postcards{--sea-paper:#f8f3e8;--sea-blue:#254f73;color:#293c33;background:var(--sea-paper)}.postcard-opening{isolation:isolate;color:#fff8e1;background:#345e69;width:100%;height:90svh;min-height:550px;max-height:1160px;position:relative;overflow:hidden}.opening-media,.opening-poster,.opening-poster img,.opening-media video,.sea-vignette{width:100%;height:100%;position:absolute;inset:0}.opening-poster img,.opening-media video{object-fit:cover;object-position:center 50%}.opening-media video{opacity:0;transition:opacity .5s}.opening-media video.is-ready{opacity:1}.sea-vignette{pointer-events:none;background:linear-gradient(#08181f75,#0000 24% 67%,#091d224f),linear-gradient(95deg,#071d264a,#0b232d24 72%,#071d2630)}.postcard-inscription{text-align:center;pointer-events:none;text-shadow:0 2px 28px #071f2463;width:min(96%,1440px);position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.postcard-inscription h1{letter-spacing:-.067em;font-size:clamp(86px,9.6vw,178px);font-weight:400;line-height:.79}.postcard-inscription h1>i{letter-spacing:-.057em;margin:0 .86em .14em 0;font-size:.81em;font-weight:400;display:block}.postcard-inscription h1>span{white-space:nowrap;padding-left:.62em;display:block}.title-period{font-style:italic}.postcard-inscription p{text-shadow:0 1px 8px #0a272b;max-width:90%;margin:30px auto 0;font-size:clamp(18px,1.65vw,26px);font-style:italic;line-height:1.25}.sea-toggle,.open-letter{z-index:2;font:400 17px/1.1 var(--serif);color:inherit;text-shadow:0 1px 5px #102427;align-items:center;gap:9px;display:inline-flex;position:absolute;bottom:30px}.sea-toggle{background:0 0;border:0;padding:7px 3px;left:clamp(20px,3.4vw,70px)}.sea-control-icon{border:1px solid #fff9;border-radius:100%;place-items:center;width:31px;height:31px;display:grid}.pause-bars{border-left:2px solid;border-right:2px solid;width:7px;height:10px}.play-shape{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0;transform:translate(1px)}.open-letter{white-space:nowrap;bottom:36px;left:50%;transform:translate(-50%)}.open-letter span{font-size:24px;line-height:16px;display:inline-block}.open-letter:hover{text-underline-offset:4px;text-decoration:underline}.film-stamp{--stamp-paper:#faf1d8;z-index:2;background:var(--stamp-paper);width:clamp(102px,8.35vw,146px);color:var(--sea-blue);filter:drop-shadow(2px 3px 3px #17282754);border:0;padding:8px;transition:transform .3s;display:block;position:absolute;bottom:clamp(30px,4.4vh,65px);right:clamp(24px,4.4vw,85px);transform:rotate(8deg);-webkit-mask:linear-gradient(#000 0 0) 50%/calc(100% - 8px) calc(100% - 8px) no-repeat,radial-gradient(circle at 4px 4px,#0000 2.3px,#000 2.6px) -4px -4px/8px 8px;mask:linear-gradient(#000 0 0) 50%/calc(100% - 8px) calc(100% - 8px) no-repeat,radial-gradient(circle at 4px 4px,#0000 2.3px,#000 2.6px) -4px -4px/8px 8px}.film-stamp:hover{transform:rotate(3deg)translateY(-3px)}.film-stamp:focus-visible .stamp-print{outline-offset:-3px;outline:3px solid}.stamp-print{border:1px solid #315471a6;flex-direction:column;align-items:stretch;padding:3px;display:flex;position:relative}.stamp-place{letter-spacing:.09em;text-transform:uppercase;margin-bottom:3px;font-size:clamp(9px,.76vw,12px);font-weight:600;line-height:1}.stamp-photo{aspect-ratio:1.62;background:#1a5872;display:block;position:relative;overflow:hidden}.stamp-photo img{object-fit:cover;object-position:50% 52%;filter:grayscale()contrast(1.18);mix-blend-mode:luminosity;width:100%;height:100%}.stamp-play{background:#fff7deeb;border-radius:100%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stamp-play:after{content:"";border-block:4px solid #0000;border-left:6px solid #234a64;width:0;height:0;margin-left:2px}.stamp-print em{letter-spacing:-.035em;margin-top:1px;font-size:clamp(15px,1.15vw,21px);line-height:1.2}.addresses{padding:clamp(42px,5.2vw,92px) max(7vw,50% - 675px) clamp(60px,6vw,108px)}.addresses-intro{color:var(--sea-blue);border-bottom:1px solid #294d5e66;grid-template-columns:1fr auto 1fr;align-items:center;gap:3.8vw;padding-bottom:clamp(24px,2.8vw,50px);display:grid}.addresses-intro h2{color:#2a4035;text-align:center;font:400 clamp(50px,5.65vw,94px)/.98 var(--serif);letter-spacing:-.061em}.addresses-intro h2 i{white-space:nowrap}.place-line{white-space:nowrap;font-size:clamp(15px,1.4vw,21px);font-style:italic}.place-line:last-child{text-align:right}.address-spread{grid-template-columns:minmax(0,1.38fr) minmax(0,.93fr);align-items:center;gap:clamp(40px,6vw,115px);margin:clamp(55px,6.6vw,108px) 0 0;display:grid}.address-spread.spread-architectural{grid-template-columns:minmax(0,.93fr) minmax(0,1.38fr);margin-top:clamp(42px,5vw,94px)}.address-plate{color:var(--sea-blue);padding:0 7% 11% 0;display:block;position:relative}.address-plate figure,.booking-landscape{margin:0}.address-main-pic img{aspect-ratio:1.44;object-fit:cover;width:100%;height:auto}.spread-sur-mer .address-main-pic img{aspect-ratio:auto}.address-main-pic figcaption{max-width:68%;padding-top:7px;font-size:clamp(13px,1.1vw,16px);font-style:italic}.address-little-pic{background:#fcf8ec;width:34%;padding:5px 5px 4px;transition:transform .35s;position:absolute;bottom:0;right:0;transform:rotate(6deg);box-shadow:0 2px 6px #292d2630}.address-little-pic img{aspect-ratio:1.3;object-fit:cover;width:100%;height:auto}.address-little-pic figcaption{font:italic 400 clamp(10px,.95vw,14px)/1.05 var(--serif);text-align:center;padding:5px 1px 0}.address-plate:hover .address-little-pic{transform:rotate(3deg)translateY(-3px)}.spread-architectural .address-plate{grid-area:1/2;padding:0 0 10% 7%}.spread-architectural .address-little-pic{left:0;right:auto;transform:rotate(-5deg)}.spread-architectural .address-main-pic figcaption{text-align:right;max-width:100%}.spread-architectural .address-writing{grid-area:1/1;padding-left:4vw}.address-kind{color:var(--sea-blue);font-size:clamp(16px,1.4vw,20px);font-style:italic}.address-writing h3{font:400 clamp(54px,6.2vw,100px)/.82 var(--serif);letter-spacing:-.065em;margin:14px 0 22px}.address-note{max-width:34ch;font-size:clamp(18px,1.6vw,25px);line-height:1.33}.address-capacity{color:#616659;margin-top:18px;font-size:16px}.address-capacity span{margin:0 4px}.address-links{flex-wrap:wrap;align-items:center;gap:20px;margin-top:25px;display:flex}.ink-link,.pencil-link{align-items:center;gap:10px;line-height:1.2;display:inline-flex}.ink-link{color:var(--sea-blue);border-bottom:1px solid;padding-bottom:3px;font-size:19px}.pencil-link{text-underline-offset:4px;font-size:16px;font-style:italic;-webkit-text-decoration:underline #58675666;text-decoration:underline #58675666}.ink-link:hover,.pencil-link:hover{color:var(--rust)}.write-dates{color:#2b4036;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(48px,7vw,126px);padding:clamp(55px,6vw,110px) max(7vw,50% - 675px);display:grid}.booking-landscape{background:#fffaf1;padding:8px 8px 5px;transform:rotate(-2deg);box-shadow:0 3px 12px #373b282b}.booking-landscape img{aspect-ratio:1.55;object-fit:cover;width:100%;height:auto}.booking-landscape figcaption{color:var(--sea-blue);margin:5px 5px 0;font-size:15px;font-style:italic}.letter-prompt h2{letter-spacing:-.065em;margin-bottom:20px;font-size:clamp(58px,6.3vw,101px);line-height:.9}.letter-prompt h2 i{display:block}.letter-prompt p{max-width:34ch;font-size:clamp(19px,1.55vw,24px);line-height:1.37}.letter-prompt .ink-link{margin-top:25px}.letter-name{color:var(--sea-blue);margin-top:25px;font-size:20px;font-style:italic;display:block}@media (max-width:850px){.postcard-opening{height:82svh;min-height:510px}.postcard-inscription h1{font-size:clamp(74px,10.1vw,86px)}.addresses{padding-inline:6vw}.address-spread,.address-spread.spread-architectural{gap:4vw}.spread-architectural .address-writing{padding:0}.address-writing h3{font-size:clamp(49px,6.6vw,66px)}.address-links{gap:11px}.write-dates{gap:5vw;padding-inline:6vw}}@media (max-width:680px){.postcard-opening{height:85svh;min-height:485px;max-height:860px}.postcard-inscription{width:100%;top:47%}.postcard-inscription h1{font-size:clamp(48px,14.4vw,86px);line-height:.88}.postcard-inscription h1>i{margin:0 .42em .03em 0;font-size:1.06em}.postcard-inscription h1>span{padding-left:.25em}.postcard-inscription p{max-width:26ch;margin:21px auto 0;font-size:19px;line-height:1.18}.sea-vignette{background:linear-gradient(#0e293d66,#0000 25%,#19342e3b 50%,#0000 72%,#122e325c),linear-gradient(90deg,#122b3330,#122b330c)}.film-stamp{width:87px;padding:7px;bottom:24px;right:19px}.stamp-print em{font-size:13px}.stamp-play{width:21px;height:21px}.sea-toggle{gap:6px;font-size:14px;bottom:20px;left:17px}.sea-control-icon{width:26px;height:26px}.open-letter{gap:5px;font-size:15px;bottom:31px;left:48%}.open-letter span{font-size:20px}.addresses{padding:40px 23px 57px}.addresses-intro{grid-template-columns:1fr 1fr;gap:14px 8px;padding-bottom:23px}.addresses-intro h2{grid-area:2/1/auto/-1;font-size:clamp(42px,9.3vw,62px)}.place-line{font-size:14px}.place-line:last-child{grid-area:1/2}.address-spread,.address-spread.spread-architectural{flex-direction:column;align-items:stretch;gap:24px;margin-top:33px;display:flex}.address-spread.spread-architectural{border-top:1px solid #294d5e38;margin-top:44px;padding-top:31px}.address-plate{padding:0 6% 9% 0}.spread-architectural .address-plate{padding:0 0 9% 6%}.address-main-pic img{aspect-ratio:1.41}.address-little-pic{width:32%}.address-little-pic figcaption{font-size:10px}.address-main-pic figcaption{font-size:13px}.address-writing,.spread-architectural .address-writing{padding:0 4px}.address-writing h3{margin:8px 0 15px;font-size:clamp(49px,11.8vw,69px)}.address-writing h3 br{display:none}.spread-architectural .address-writing h3 i:before{content:" "}.address-note{font-size:20px}.address-capacity{margin-top:13px;font-size:15px}.address-links{gap:20px;margin-top:17px}.write-dates{grid-template-columns:1fr;gap:37px;padding:50px 27px 54px}.letter-prompt h2{font-size:58px}.letter-prompt h2 i{display:inline}.letter-name{margin-top:19px}}@media (max-width:360px){.open-letter{font-size:14px;bottom:32px;left:45%}.sea-toggle>span:last-child{display:none}.film-stamp{width:76px;right:13px}.postcard-inscription h1{font-size:14.5vw}}@media (max-height:520px) and (min-aspect-ratio:3/2){.postcard-opening{height:100svh;min-height:390px}.postcard-inscription{top:49%}.postcard-inscription h1{font-size:clamp(55px,6.8vw,90px)}.postcard-inscription p{margin-top:13px}.film-stamp{width:85px;bottom:17px}.sea-toggle,.open-letter{bottom:17px}}.postcards .cicada-switch{min-height:44px;color:inherit;font:400 17px/1.1 var(--serif);white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:4px;display:inline-flex}.cicada-switch:hover>span:last-child{text-underline-offset:4px;text-decoration:underline}.cicada-icon{border:1px solid #fff9;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.cover-cicadas{z-index:2;text-shadow:0 1px 5px #102427;position:absolute;bottom:30px;left:calc(clamp(20px,3.4vw,70px) + 100px)}.film-cicadas{font-size:16px}.film-cicadas .cicada-icon{width:27px;height:27px}@media (max-width:680px){.cover-cicadas{gap:6px;font-size:15px;bottom:62px;left:16px}.cover-cicadas .cicada-icon{width:26px;height:26px}}@media (max-height:520px) and (min-aspect-ratio:3/2) and (min-width:681px){.cover-cicadas{bottom:17px}}.write-dates .booking-portrait{justify-self:center;width:min(100%,350px)}.booking-portrait img{aspect-ratio:auto}@media (max-width:680px){.write-dates .booking-portrait{width:min(82%,290px)}}