.aer-cinematic{--paper:#f4ebdd;--ink:#2b211c;position:relative;width:100%;margin:0;padding:0;background:var(--paper);color:var(--ink);overflow:clip}.aer-cinematic *{box-sizing:border-box}
.aer-opening{position:relative;min-height:100svh;height:100svh;overflow:hidden;background:#090807;display:grid;place-items:center}
.aer-film,.aer-film__video,.aer-film__veil,.aer-film__grain{position:absolute;inset:0;width:100%;height:100%}.aer-film{overflow:hidden;background:#090807}
.aer-film__video{object-fit:cover;object-position:center;opacity:0;transition:opacity 1.4s ease;filter:saturate(.82) contrast(1.03)}.aer-film__video.is-active{opacity:1}
.aer-film__veil{background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.12) 45%,rgba(0,0,0,.62));z-index:2}
.aer-film__grain{z-index:3;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:screen}
.aer-opening__copy{position:relative;z-index:4;width:min(1100px,calc(100% - 48px));margin:0 auto;color:#f7f0e7;align-self:end;padding-bottom:10vh}
.aer-wordmark{font:500 12px/1.2 "DM Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;margin:0 0 28px;opacity:.88}
.aer-opening h1{margin:0;max-width:1000px;font:400 clamp(38px,6.2vw,94px)/.98 Georgia,serif;letter-spacing:-.035em}.aer-opening h1 em{font-style:italic}
.aer-scroll-note{display:block;margin-top:38px;font:400 11px/1 "DM Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;opacity:.68}
.aer-paper{min-height:125svh;display:grid;place-items:center;padding:12vh 7vw;background:var(--paper)}.aer-paper__inner{width:min(1100px,100%);text-align:center}
.aer-paper__eyebrow{margin:0 0 55px;font:400 11px/1 "Special Elite",monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.58}
.aer-postcard{position:relative;width:min(760px,92vw);aspect-ratio:1.52/1;margin:auto;transform:rotate(-1.3deg);filter:drop-shadow(0 25px 35px rgba(55,36,23,.18))}
/* POSTCARD 3D FLIP WRAPPER */
.aer-postcard{
    perspective: 1400px;
}

.aer-postcard__inner{
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    will-change: transform;
}

.aer-postcard__front,
.aer-postcard__back{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.aer-postcard__front{
    transform: rotateY(0deg);
}

.aer-postcard__back{
    transform: rotateY(180deg);
}
/* =========================================
   PHYSICAL POSTCARD
   ========================================= */

.aer-postcard{
    position:relative;
    width:min(92vw,920px);
    aspect-ratio:1.52/1;
    margin:auto;
    transform:rotate(-1.3deg);
    filter:drop-shadow(0 28px 38px rgba(55,36,23,.20));
    perspective:1400px;
}

.aer-postcard__inner{
    position:relative;
    width:100%;
    height:100%;
    transform-style:preserve-3d;
    will-change:transform;
}

.aer-postcard__front,
.aer-postcard__back{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:hidden;

    border:1px solid rgba(43,33,28,.16);

    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;

    background:#e7d9c5;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.16),
        inset 0 0 60px rgba(91,64,42,.07);
}

.aer-postcard__front{
    transform:rotateY(0deg);
}

.aer-postcard__back{
    transform:rotateY(180deg);

    background:
        linear-gradient(
            rgba(255,255,255,.12),
            rgba(255,255,255,.12)
        ),
        #e7d9c5;
}

/* subtle paper grain */
.aer-postcard__front::after,
.aer-postcard__back::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.16;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");

    mix-blend-mode:multiply;
}

/* -----------------------------------------
   FRONT
   ----------------------------------------- */

.aer-postcard__front{
    display:grid;
    grid-template-columns:2.1fr 1fr;
}

.aer-postcard__photo{
    position:relative;
    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            rgba(73,43,26,.10),
            rgba(73,43,26,.02)
        );
}

.aer-postcard__photo::after{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            to bottom,
            rgba(30,20,15,.02),
            rgba(30,20,15,.18)
        );
}

.aer-postcard__label{
    position:relative;
    z-index:2;

    display:grid;
    place-items:center;

    font:400 clamp(12px,1.5vw,18px)/1 "Special Elite",monospace;
    letter-spacing:.08em;
    color:#2b211c;
}

/* -----------------------------------------
   BACK
   ----------------------------------------- */

.aer-postcard__back{
    display:block;
    padding:8%;
}

.aer-postcard__line{
    position:absolute;
    left:8%;
    right:8%;
    top:22%;

    border-top:1px solid rgba(43,33,28,.20);
}

.aer-postcard__back p{
    position:absolute;

    left:14%;
    top:30%;

    width:55%;

    margin:0;

    font:
        400 clamp(25px,4vw,52px)/1.08 Georgia,serif;

    letter-spacing:-.025em;
    color:#2b211c;
}

.aer-postcard__back span{
    position:absolute;

    left:14%;
    top:69%;

    font:
        400 clamp(11px,1.2vw,15px)/1 "Special Elite",monospace;

    letter-spacing:.05em;
    color:#3a2921;
}

/* postal address lines */
.aer-postcard__back::before{
    content:"";
    position:absolute;

    right:8%;
    top:39%;

    width:28%;
    height:28%;

    background:
        repeating-linear-gradient(
            to bottom,
            transparent 0,
            transparent 27px,
            rgba(43,33,28,.18) 28px,
            transparent 29px
        );
}

/* stamp */
.aer-postcard__back::after{
    content:"POST\A CARD";
    white-space:pre;
    position:absolute;

    left:7%;
    top:7%;

    width:11%;
    aspect-ratio:1;

    display:grid;
    place-items:center;

    border:1px dashed rgba(158,46,37,.45);

    color:#9e2e25;

    font:400 clamp(9px,1vw,13px)/1.2 "Special Elite",monospace;
    letter-spacing:.08em;
    text-align:center;

    opacity:.85;
}
    content:"POST\A CARD";

    white-space:pre;
    position:absolute;

    right:8%;
    top:9%;

    width:15%;
    aspect-ratio:1;

    display:grid;
    place-items:center;

    border:1px dashed rgba(158,46,37,.55);

    color:#9e2e25;

    font:
        400 clamp(9px,1vw,13px)/1.2 "Special Elite",monospace;

    letter-spacing:.08em;
    text-align:center;

    opacity:.85;
}
@media(max-width:700px){.aer-opening__copy{width:calc(100% - 34px);padding-bottom:8vh}.aer-wordmark{margin-bottom:20px}.aer-opening h1{font-size:clamp(35px,10vw,58px);line-height:1}.aer-scroll-note{margin-top:26px}.aer-paper{min-height:105svh;padding:10vh 20px}.aer-postcard{width:94vw;aspect-ratio:1.25/1}.aer-postcard__front{grid-template-columns:1.45fr 1fr}}
@media(prefers-reduced-motion:reduce){.aer-film__video{transition:none}}