/* The envelope and the revealed letter share one botanical ornament. */
.concept-envelope-stage{min-height:520px}
.concept-envelope-stage.is-open{min-height:0}
.concept-envelope{
  inset:8px auto auto 50%;translate:-50% 0;width:min(760px,100%);height:500px;
  overflow:hidden;border:0;border-radius:0;
  clip-path:polygon(0 33%,50% 0,100% 33%,100% 100%,0 100%);
  background:linear-gradient(135deg,rgba(4,61,49,.16),rgba(0,25,20,.36)),#075442 url('concept-botanical-pattern.svg') center/190px;
  filter:drop-shadow(0 24px 28px rgba(5,42,33,.28));
  box-shadow:none
}
.concept-envelope::before{content:none}
.concept-envelope::after{z-index:0;opacity:1;background:linear-gradient(145deg,rgba(20,111,86,.2),rgba(1,38,30,.16))}
.concept-envelope-interior{
  position:absolute;z-index:1;inset:0;
  clip-path:polygon(0 33%,50% 0,100% 33%,50% 65%);
  background:linear-gradient(rgba(245,230,195,.3),rgba(223,200,151,.45)),#e7d0a1 url('concept-botanical-pattern.svg') center/155px;
}
.concept-envelope-fold-left{z-index:2;clip-path:polygon(0 33%,50% 64%,0 100%);background:linear-gradient(45deg,rgba(2,45,36,.48),rgba(7,89,68,.12)),#087057 url('concept-botanical-pattern.svg') center/185px}
.concept-envelope-fold-right{z-index:2;clip-path:polygon(100% 33%,50% 64%,100% 100%);background:linear-gradient(-45deg,rgba(2,45,36,.48),rgba(7,89,68,.12)),#087057 url('concept-botanical-pattern.svg') center/185px}
.concept-envelope-fold-bottom{z-index:3;clip-path:polygon(0 100%,50% 55%,100% 100%);background:linear-gradient(180deg,rgba(13,112,83,.12),rgba(1,49,37,.42)),#08664f url('concept-botanical-pattern.svg') center/185px}
.concept-envelope-flap{
  z-index:4;inset:0;height:100%;clip-path:polygon(0 33%,50% 0,100% 33%,50% 64%);
  background:linear-gradient(180deg,rgba(19,121,91,.18),rgba(2,46,36,.42)),#075b48 url('concept-botanical-pattern.svg') center/170px;
  filter:drop-shadow(0 8px 7px rgba(0,29,22,.38))
}
.concept-envelope-face{
  z-index:6;justify-content:flex-end;gap:16px;padding:0 24px 74px;
  background:linear-gradient(180deg,transparent 37%,rgba(2,37,29,.04) 53%,rgba(1,37,28,.27) 100%)
}
.concept-envelope-title{margin:0;color:#f5d394;font-size:clamp(2.7rem,5vw,4.9rem);text-shadow:0 4px 14px rgba(0,28,23,.9)}
.concept-envelope-open{min-height:55px;border-color:#caa86d;border-radius:9px;background:#f5e5c4;box-shadow:0 0 0 4px rgba(5,72,56,.72),0 9px 22px rgba(0,31,23,.35)}
.concept-envelope-seal{bottom:15px;width:47px;height:47px;border-color:#e6c484;background:radial-gradient(circle at 30% 20%,#d17b51,#9f382b 75%)}

.version-two .concept-envelope-ideas{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.23fr) minmax(0,1fr);
  grid-template-rows:auto auto;gap:24px;min-height:0;padding:94px clamp(28px,4vw,52px) 58px;
  overflow:hidden;border:10px solid #075340;border-radius:18px;
  background:linear-gradient(rgba(247,236,209,.82),rgba(245,231,198,.86)),#ead4a8 url('concept-botanical-pattern.svg') center/220px;
  box-shadow:0 27px 55px rgba(16,63,45,.17);color:#0b4b3f
}
.concept-envelope-ideas::before{
  content:"";display:block;position:absolute;inset:0 0 auto;height:126px;z-index:0;
  clip-path:polygon(0 0,50% 100%,100% 0);
  border:0;background:linear-gradient(rgba(255,247,225,.22),rgba(228,202,153,.54)),#e9d2a5 url('concept-botanical-pattern.svg') center/160px;
  pointer-events:none
}
.concept-envelope-ideas::after{content:"";display:block;position:absolute;inset:14px;z-index:0;width:auto;height:auto;aspect-ratio:auto;top:14px;left:14px;translate:none;border:1px solid rgba(153,104,45,.38);border-radius:10px;box-shadow:none;pointer-events:none}
.concept-envelope-ideas .concept-v6-piece{
  z-index:2;max-width:none;min-width:0;margin:0!important;padding:22px 19px 24px;
  border:1px solid #c8ad7e;border-top:3px solid #b88e4c;border-left:1px solid #c8ad7e;border-radius:12px;
  background:rgba(255,249,233,.94);box-shadow:0 10px 25px rgba(31,72,51,.11)
}
.concept-envelope-ideas .concept-v6-piece::before{content:none}
.concept-envelope-ideas .concept-v6-piece p{padding:0;margin:0 0 12px;color:#315d4d;font-size:clamp(.88rem,1.08vw,1rem);line-height:1.35}
.concept-envelope-ideas .concept-v6-piece h3{font-size:clamp(1.6rem,2.15vw,2.4rem);line-height:1.03;letter-spacing:-.045em}
.concept-envelope-ideas .concept-v6-piece strong{margin-top:12px;color:#a34b30;font-size:clamp(.99rem,1.24vw,1.2rem);font-style:normal;line-height:1.3}
.concept-envelope-ideas .concept-v6-piece-one{grid-column:1;grid-row:1;align-self:center}
.concept-envelope-ideas .concept-v6-piece-two{grid-column:3;grid-row:1;align-self:center}
.concept-envelope-ideas .concept-v6-piece-three{grid-column:1;grid-row:2;align-self:center}
.concept-envelope-ideas .concept-v6-piece-four{grid-column:3;grid-row:2;align-self:center}
.concept-envelope-ideas .concept-v6-center.concept-envelope-letter{
  position:relative;top:auto;left:auto;bottom:auto;grid-column:2;grid-row:1/3;align-self:center;
  display:flex;flex-direction:column;gap:0;min-width:0;width:100%;height:auto;margin:0;padding:38px 27px 34px;
  translate:none;border:1px solid #b8975c;border-radius:160px 160px 16px 16px;
  background:linear-gradient(155deg,rgba(255,254,246,.98),rgba(246,233,202,.97));
  box-shadow:0 0 0 8px rgba(255,250,231,.72),0 18px 38px rgba(40,76,54,.15);
  color:#0b4b3f;font-family:var(--sans);font-size:1rem;font-weight:400;letter-spacing:normal;text-align:center
}
.concept-envelope-ideas .concept-envelope-letter::before{content:"✦";position:static;margin:0 0 10px;width:auto;height:auto;background:none;color:#ba8b45;font:1.5rem Georgia,serif}
.concept-envelope-letter .eyebrow{margin:0 0 17px;color:#a04d31;font-size:.69rem;letter-spacing:.13em;line-height:1.4}
.concept-envelope-letter h3{margin:0;color:#0b4b3f;font-family:var(--display);font-size:clamp(2rem,2.6vw,3.25rem);line-height:1.03;letter-spacing:-.05em}
.concept-envelope-letter h3 span,.concept-envelope-letter h3 em{display:block}
.concept-envelope-letter h3 span:nth-child(2){color:#b35133}
.concept-envelope-letter h3 em{color:#b35133;font-family:Georgia,serif;font-size:.88em;font-weight:400}
.concept-envelope-letter>p:not(.eyebrow){margin:21px 0 22px;color:#334e42;font-size:clamp(.87rem,1vw,.98rem);line-height:1.55;text-align:left}
.concept-envelope-letter .button{min-height:49px;padding:9px 16px;border-radius:8px;font-size:.83rem;line-height:1.25;text-align:center}
.concept-envelope-ideas .concept-v6-piece.concept-v6-motion{opacity:1;transform:none}

@media(max-width:980px){
  .version-two .concept-envelope-ideas{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;gap:18px;min-height:0;padding:100px 35px 45px}
  .concept-envelope-ideas .concept-v6-center.concept-envelope-letter{grid-column:1/-1;grid-row:1;max-width:620px;justify-self:center;border-radius:100px 100px 16px 16px}
  .concept-envelope-ideas .concept-v6-piece-one{grid-column:1;grid-row:2}
  .concept-envelope-ideas .concept-v6-piece-two{grid-column:2;grid-row:2}
  .concept-envelope-ideas .concept-v6-piece-three{grid-column:1;grid-row:3}
  .concept-envelope-ideas .concept-v6-piece-four{grid-column:2;grid-row:3}
}
@media(max-width:700px){
  .concept-envelope-stage{min-height:330px}
  .concept-envelope{top:6px;width:min(100%,440px);height:320px}
  .concept-envelope-face{gap:11px;padding:0 12px 48px}
  .concept-envelope-title{font-size:clamp(2.2rem,8vw,3.2rem)}
  .concept-envelope-open{min-width:158px;min-height:46px;padding:9px 17px;font-size:.95rem}
  .concept-envelope-seal{bottom:9px;width:31px;height:31px;border-width:2px;font-size:.4rem}
  .version-two .concept-envelope-ideas{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:14px;padding:85px 21px 26px;border-width:6px;border-radius:13px}
  .concept-envelope-ideas::before{height:90px}
  .concept-envelope-ideas::after{inset:9px;top:9px;left:9px}
  .concept-envelope-ideas .concept-v6-center.concept-envelope-letter{grid-column:1;grid-row:1;max-width:none;padding:30px 23px 25px;border-radius:70px 70px 12px 12px}
  .concept-envelope-letter h3{font-size:clamp(2.15rem,8vw,3rem)}
  .concept-envelope-letter>p:not(.eyebrow){font-size:.94rem}
  .concept-envelope-ideas .concept-v6-piece{grid-column:1!important;grid-row:auto!important;padding:20px 19px 21px;margin:0!important}
  .concept-envelope-ideas .concept-v6-piece h3{font-size:clamp(1.8rem,7vw,2.35rem)}
  .concept-envelope-ideas .concept-v6-piece strong{font-size:1.04rem}
}
@media(prefers-reduced-motion:reduce){.concept-envelope-stage.is-opening .concept-envelope-flap{transform:none}}

/* A full-size, closed damask envelope; the opened view uses the same lining. */
.version-two .concept-envelope-stage{
  width:calc(100vw - 36px);max-width:1480px;margin-left:50%;translate:-50% 0;
  min-height:max(570px,calc(100svh - 82px));
}
.version-two .concept-envelope-stage.is-open{min-height:0}
.version-two .concept-envelope{
  inset:0;translate:none;width:100%;height:100%;
  clip-path:none;border:9px solid #075342;border-radius:36px;
  background:#075844 url('concept-damask-pattern.svg') center/265px auto;
  box-shadow:0 34px 58px rgba(6,49,37,.32),inset 0 0 0 3px #b99154;
  filter:none;
}
.version-two .concept-envelope::before{
  content:"";display:block;position:absolute;inset:11px;z-index:7;
  border:1px solid rgba(235,204,139,.75);border-radius:19px;pointer-events:none;
}
.version-two .concept-envelope-interior{
  inset:0;clip-path:none;
  background:linear-gradient(145deg,rgba(255,247,224,.5),rgba(213,176,109,.3)),#ecd9ac url('concept-damask-pattern.svg') center/250px auto;
}
.version-two .concept-envelope-fold-left{
  clip-path:polygon(0 0,52% 60%,0 100%);
  background:linear-gradient(115deg,rgba(1,49,35,.35),rgba(7,100,73,.18)),#08644c url('concept-damask-pattern.svg') center/265px auto;
  filter:drop-shadow(7px 0 9px rgba(0,29,19,.4));
}
.version-two .concept-envelope-fold-right{
  clip-path:polygon(100% 0,48% 60%,100% 100%);
  background:linear-gradient(245deg,rgba(1,49,35,.35),rgba(7,100,73,.18)),#08644c url('concept-damask-pattern.svg') center/265px auto;
  filter:drop-shadow(-7px 0 9px rgba(0,29,19,.4));
}
.version-two .concept-envelope-fold-bottom{
  clip-path:polygon(0 100%,50% 43%,100% 100%);
  background:linear-gradient(180deg,rgba(23,139,99,.08),rgba(1,38,28,.36)),#075d47 url('concept-damask-pattern.svg') center/265px auto;
  filter:drop-shadow(0 -8px 7px rgba(0,34,26,.44));
}
.version-two .concept-envelope-flap{
  inset:0;height:100%;clip-path:polygon(0 0,100% 0,50% 68%);
  background:linear-gradient(180deg,rgba(23,121,89,.12),rgba(0,43,31,.38)),#08634b url('concept-damask-pattern.svg') center/265px auto;
  filter:drop-shadow(0 13px 11px rgba(0,32,24,.55));
}
.version-two .concept-envelope-face{
  justify-content:flex-end;gap:20px;padding:0 20px clamp(112px,17vh,170px);
  background:linear-gradient(180deg,transparent 25%,rgba(2,39,28,.10) 55%,rgba(0,31,21,.5) 100%);
}
.version-two .concept-envelope-title{
  max-width:90%;color:#ffe1a0;font-size:clamp(3.5rem,7vw,7.5rem);
  text-shadow:0 5px 19px #00261c,0 1px 1px #00261c;
}
.version-two .concept-envelope-open{
  min-width:245px;min-height:66px;border:2px solid #d4aa63;border-radius:9px;
  background:#f4e5c6;color:#063d30;font-size:1.1rem;
  box-shadow:0 0 0 5px rgba(4,67,48,.7),0 11px 22px rgba(0,28,18,.4);
}
.version-two .concept-envelope-seal{bottom:25px;width:54px;height:54px}
.version-two .concept-envelope-ideas{
  min-height:750px;padding:140px clamp(34px,5vw,76px) 125px;
  border:10px solid #075642;border-radius:36px;
  clip-path:polygon(0 20%,50% 0,100% 20%,100% 100%,0 100%);
  background:linear-gradient(rgba(253,241,211,.76),rgba(244,224,181,.83)),#edd9a8 url('concept-damask-pattern.svg') center/290px auto;
  box-shadow:0 35px 60px rgba(6,49,37,.27),inset 0 0 0 3px #d2aa65;
}
.concept-envelope-ideas::before{
  height:205px;clip-path:polygon(0 100%,50% 0,100% 100%);
  background:linear-gradient(180deg,rgba(255,247,218,.2),rgba(214,174,99,.35)),#eed9a8 url('concept-damask-pattern.svg') center/245px auto;
  filter:drop-shadow(0 9px 8px rgba(96,64,22,.17));
}
.concept-envelope-ideas::after{
  content:"";display:block;inset:auto 0 0;top:auto;left:0;width:100%;height:160px;z-index:0;
  border:0;border-radius:0;translate:none;
  clip-path:polygon(0 100%,50% 0,100% 100%);
  background:linear-gradient(180deg,rgba(2,72,51,.1),rgba(1,39,27,.32)),#08644c url('concept-damask-pattern.svg') center/265px auto;
  box-shadow:none;
}
.concept-envelope-ideas .concept-v6-piece{
  border:1px solid #b89155;border-top:3px solid #aa793b;border-radius:15px;
  background:linear-gradient(145deg,rgba(255,251,235,.97),rgba(246,230,194,.97));
  box-shadow:0 12px 27px rgba(57,64,35,.15);
}
.concept-envelope-ideas .concept-v6-center.concept-envelope-letter{
  border:2px solid #b99258;
  background:linear-gradient(rgba(255,253,240,.94),rgba(248,234,198,.96)),#f7e9c5 url('concept-damask-pattern.svg') center/290px auto;
  box-shadow:0 0 0 9px rgba(255,246,218,.8),0 22px 40px rgba(39,69,42,.24);
}
.concept-envelope-letter h3 span:nth-child(2){translate:none}
@media(max-width:980px){
  .version-two .concept-envelope-stage{width:calc(100vw - 26px);min-height:max(520px,calc(100svh - 82px))}
  .version-two .concept-envelope-ideas{padding:135px 34px 115px}
}
@media(max-width:700px){
  .version-two .concept-envelope-stage{width:calc(100vw - 16px);min-height:max(440px,calc(100svh - 83px))}
  .version-two .concept-envelope{border-width:5px;border-radius:20px}
  .version-two .concept-envelope::before{inset:6px;border-radius:12px}
  .version-two .concept-envelope-face{gap:15px;padding:0 12px 110px}
  .version-two .concept-envelope-title{font-size:clamp(2.8rem,11vw,4.7rem)}
  .version-two .concept-envelope-open{min-width:185px;min-height:55px;font-size:.97rem}
  .version-two .concept-envelope-seal{bottom:16px;width:40px;height:40px}
  .version-two .concept-envelope-ideas{padding:105px 20px 95px;border-width:5px;border-radius:19px;clip-path:polygon(0 7%,50% 0,100% 7%,100% 100%,0 100%)}
  .concept-envelope-ideas::before{height:130px}
  .concept-envelope-ideas::after{height:105px}
}