/* One folded paper construction; lettering has its own clear zone below the seal. */
:is(.preview-envelope-stage,.material-discovery) .envelope .env-back{
 border:1px solid color-mix(in srgb,var(--env) 75%,#26352d);border-radius:2px;
 background:linear-gradient(135deg,color-mix(in srgb,var(--env) 88%,#f3e4cc),color-mix(in srgb,var(--env) 94%,#26392b));
 box-shadow:inset 1px 1px #fff8e866,inset -1px -1px #20312733,1px 3px 1px #332a2020,5px 12px 20px #332a2024;
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-back::after{
 content:'';position:absolute;inset:0;background:url('assets/papier-grain.svg');opacity:.55;mix-blend-mode:multiply;pointer-events:none;
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-front{
 z-index:4;border-radius:0 0 2px 2px;clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);
 background:linear-gradient(115deg,color-mix(in srgb,var(--env) 94%,#f0e0c5),color-mix(in srgb,var(--env) 88%,#24382b));
 box-shadow:inset 1px 0 #ffffff22,inset 0 -1px #16251b33;
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-front::before{
 content:'';position:absolute;inset:0;clip-path:polygon(0 0,52% 54%,0 100%);
 background:linear-gradient(150deg,#fff3e512,transparent 62%),url('assets/papier-grain.svg');opacity:.7;pointer-events:none;
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-front::after{
 content:'';position:absolute;inset:0;clip-path:polygon(0 100%,50% 49%,100% 100%);
 background:linear-gradient(180deg,color-mix(in srgb,var(--env) 90%,#efdcb8),var(--env));
 filter:drop-shadow(0 -1px 1px #20302638);box-shadow:inset 0 -1px #16251b26;pointer-events:none;
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-flap{
 inset:0 0 auto;height:64%;z-index:6;clip-path:polygon(0 0,100% 0,50% 100%);
 background:linear-gradient(158deg,color-mix(in srgb,var(--env) 89%,#f0e2c9),color-mix(in srgb,var(--env) 96%,#24382b));
 border-top:1px solid #fff5dc70;filter:drop-shadow(0 2px 1px #26372840);
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-flap::after{
 content:'';position:absolute;inset:0;background:url('assets/papier-grain.svg');opacity:.5;mix-blend-mode:multiply;pointer-events:none;
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-address{
 position:absolute;z-index:8;top:73%;bottom:6%;left:10%;right:10%;margin:0;padding:0;
 display:grid;place-items:center;container-type:inline-size;min-width:0;
 font:italic 18px/1.2 var(--serif,Georgia,serif);text-align:center;letter-spacing:0;
 color:var(--envelope-lettering,#f6e9c8);text-shadow:0 1px 1px #172b2226;pointer-events:none;
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-address>span{
 display:block;max-width:100%;font-size:var(--envelope-address-size,8.2cqw);line-height:1.18;
 overflow-wrap:anywhere;white-space:normal;text-wrap:balance;
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-seal{
 z-index:7;container-type:inline-size;
 border:0;border-radius:0;background:transparent url('assets/decouverte-sceau-cire-or-v1.png') center/contain no-repeat;
 color:#72511e;box-shadow:none;filter:drop-shadow(1px 3px 2px #2c221f45);
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-seal>span{
 display:block;max-width:82%;font:italic var(--envelope-seal-font,30cqw)/1 var(--serif,Georgia,serif);
 white-space:nowrap;text-align:center;text-shadow:0 1px 0 #f1d89a9c;
}
.preview-envelope-stage .envelope .env-seal{width:18%;height:auto;aspect-ratio:1;left:50%;top:59%;transform:translate(-50%,-50%)}
.material-discovery .envelope.is-open .env-flap{z-index:1}
/* The review is a useful miniature, rather than a tiny stamp with full-size type. */
.review-envelope-visual .fp-physical-preview{width:clamp(144px,36vw,164px);margin:0 auto 24px}
.review-envelope-visual>.preview-envelope-stage{width:min(100%,310px);aspect-ratio:1.48;margin:0 auto 24px}
@media(max-width:760px){.review-envelope-visual .fp-physical-preview{width:144px;margin-bottom:20px}}
/* Card previews retain the chosen physical format, including the small review. */
.preview-envelope-stage.card-envelope-preview{
 width:min(94%,400px,calc(290px * var(--preview-envelope-ratio,1.48)));
 aspect-ratio:var(--preview-envelope-ratio,1.48);height:auto;min-height:0;
}
.review-envelope-visual>.preview-envelope-stage.card-envelope-preview{
 width:min(100%,310px,calc(210px * var(--preview-envelope-ratio,1.48)));
 aspect-ratio:var(--preview-envelope-ratio,1.48);height:auto;min-height:0;
}

/* Photographic cotton grain, a pressed paper edge and fine folded seams.
   The physical boxes and animation transforms remain shared with the reader. */
:is(.preview-envelope-stage,.material-discovery) .envelope .env-back{
 border:1px solid color-mix(in srgb,var(--env) 78%,#30281e);border-radius:3px;
 background-image:linear-gradient(135deg,color-mix(in srgb,var(--env) 96%,#ffefd5),color-mix(in srgb,var(--env) 94%,#2d271f)),url('assets/decouverte-papier-lumiere-20261027.webp');
 background-size:100% 100%,560px auto;background-position:center;background-blend-mode:multiply;
 box-shadow:inset 0 1px 0 #fff6dd88,inset 1px 0 0 #fff9e62b,inset -1px -1px 0 #14251a38,0 1px 0 color-mix(in srgb,var(--env) 76%,#33271d),0 2px 0 color-mix(in srgb,var(--env) 84%,#33271d),0 3px 1px #3a291e38,0 11px 16px #39291a26,0 24px 35px #39291a20;
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-front{
 background-image:linear-gradient(112deg,color-mix(in srgb,var(--env) 97%,#f8ebd2),color-mix(in srgb,var(--env) 96%,#30291f)),url('assets/decouverte-papier-lumiere-20261027.webp');
 background-size:100% 100%,560px auto;background-position:center;background-blend-mode:multiply;
 box-shadow:inset 1px 0 #fff8e344,inset -1px 0 #1c291c26,inset 0 -2px #14251b33;
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-front::before{
 background:linear-gradient(145deg,#fff8e71c,transparent 72%),url('assets/papier-grain.svg');opacity:.7;
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-front::after{
 background-image:linear-gradient(180deg,color-mix(in srgb,var(--env) 96%,#f8e8c9),color-mix(in srgb,var(--env) 98%,#2c2c1e)),url('assets/decouverte-papier-lumiere-20261027.webp');
 background-size:100% 100%,560px auto;background-position:center;background-blend-mode:multiply;
 filter:drop-shadow(0 -1px .65px #16241733);box-shadow:inset 0 -1px #17251b2b;
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-flap{
 background-image:linear-gradient(158deg,color-mix(in srgb,var(--env) 94%,#fff0d7),color-mix(in srgb,var(--env) 98%,#30291e)),url('assets/decouverte-papier-lumiere-20261027.webp');
 background-size:100% 100%,560px auto;background-position:center;background-blend-mode:multiply;
 border-top:1px solid #fff4d98c;
 filter:drop-shadow(0 1px .65px #16241755) drop-shadow(0 3px 2px #1d291e24);
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-flap::before{
 content:'';position:absolute;inset:0;pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M.2 .2L50 99.4L99.8 .2' fill='none' stroke='%231d291e' stroke-opacity='.24' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M.8 .2L50 98.7L99.2 .2' fill='none' stroke='%23fff4dc' stroke-opacity='.35' stroke-width='.7' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
:is(.preview-envelope-stage,.material-discovery) .envelope .env-seal{
 filter:drop-shadow(0 1px .5px #24180f66) drop-shadow(1px 4px 2px #2c221f3d);
}