/* A broad, open paper invitation on desktop; the phone composition stays in invitation-paper.css. */
@media(min-width:1024px){
  :root{--sheet-width:1120px}
  body.paper-page{background:radial-gradient(ellipse at 50% 0,#fffdf8,#f2e8db 85%)}
  .invitation-sheet{width:calc(100% - 64px);box-shadow:0 0 90px #ad916014}
  .invitation-section{padding:100px 92px}
  .script-heading{font-size:66px;margin-bottom:30px}
  .copy{font-size:23px;line-height:1.65;max-width:530px}
  .fine-print{max-width:500px;font-size:15px}
  .eyebrow{font-size:12px;letter-spacing:.17em}
  .divider{width:210px;margin-block:44px}
  .section-floral{width:210px;top:24px;right:12px;opacity:.34}
  #the-night>.section-floral,#dress-code>.section-floral{left:12px}
  .paper-hero{min-height:820px;height:min(960px,100dvh);padding:32px 44px 44px}
  .paper-hero .arch-frame{min-height:0;height:100%;padding:clamp(112px,16vh,174px) 54% 70px 0;background:none}
  .hero-copy::before{content:'';position:absolute;z-index:3;pointer-events:none;inset:0 0 12px 46%;background:url('/assets/invitation/arch.svg') center/100% 100% no-repeat;opacity:.85}
  .hero-copy>.eyebrow{font-size:11px;letter-spacing:.14em;margin-bottom:28px}
  .brand-title{font-size:clamp(94px,8.5vw,120px)}
  .brand-title>span+span{font-size:.73em;line-height:1.1;margin-top:9px}
  .hero-tagline{font-size:29px;line-height:1.25;margin-top:28px}
  .hero-copy>.divider{width:155px;margin:27px auto}
  .hero-date{font-size:44px}
  .hero-time{font-size:20px;margin-top:6px}
  .hero-art{left:46%;right:0;top:32px;bottom:36px;height:auto;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 11%,#000 82%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 11%,#000 82%,transparent)}
  .hero-art>.hero-palace{filter:saturate(.34) contrast(.58) brightness(1.65);opacity:.38;object-position:center bottom}
  .hero-art>.hero-couple{width:145%;height:145%;left:-22.5%;top:-45%;object-fit:contain;object-position:center bottom;filter:saturate(.55) contrast(.82) brightness(1.16);opacity:.92}
  .hero-copy>.hero-signature{left:48%;right:2%;bottom:53px;font-size:10px;letter-spacing:.12em;margin-bottom:0}
  .paper-hero .floral-top{right:3px;top:13px;width:230px;opacity:.72;z-index:6}
  .paper-hero::after{left:46%;bottom:57px;width:150px;height:225px;opacity:.56}
  .scroll-cue{bottom:24px;left:26%;font-size:32px}
  .scratch-grid{max-width:380px;gap:23px;margin-top:40px}
  .scratch-card{height:145px}
  .scratch-value{font-size:41px}
  .scratch-item:nth-child(2) .scratch-value{font-size:28px}
  .scratch-label{font-size:13px}
  #the-date{padding-block:100px 76px}
  #the-story{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:40px;padding-inline:44px}
  .story-scene{margin:0 -12px}
  .story-scene>img{aspect-ratio:3/4;opacity:.74;object-position:50% 55%}
  .invitation-copy.arch-frame{padding:125px 50px 90px;min-height:680px;margin:0}
  .invitation-copy>.script-heading{font-size:54px;line-height:1.05}
  .invitation-copy .copy{font-size:22px;line-height:1.55}
  .invitation-copy .eyebrow{font-size:11px}
  .invitation-copy .closing-script{font-size:44px}
  .scene-image>figcaption{font-size:13px;max-width:450px}
  #the-masquerade,#the-music{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;align-content:center;padding-inline:66px}
  #the-masquerade>:not(.scene-image){grid-column:2}
  #the-masquerade>.scene-image{grid-column:1;grid-row:1/span 5;align-self:center;margin:0 -20px}
  #the-music>:not(.scene-image){grid-column:1}
  #the-music>.scene-image{grid-column:2;grid-row:1/span 5;align-self:center;margin:0 -20px}
  #the-masquerade .copy,#the-music .copy{font-size:22px;max-width:370px}
  #the-masquerade .script-heading,#the-music .script-heading{font-size:60px}
  .mask-scene>img,.music-scene>img{aspect-ratio:4/5}
  .mask-scene>img{object-position:49% center}
  .music-scene>img{object-position:43% center}
  .antique-illustration{width:85px;height:90px;margin-bottom:25px}
  .paper-timeline{max-width:760px;margin:60px auto 0}
  .timeline-item{min-height:185px;column-gap:100px;padding-bottom:44px}
  .timeline-mark{width:106px;height:110px}
  .timeline-time{font-size:37px;margin-bottom:12px}
  .timeline-copy h3{font-size:27px}
  .timeline-copy p{font-size:20px}
  .timeline-copy small{font-size:14px;margin-top:13px}
  .paper-countdown .countdown-clock{max-width:530px;margin-top:45px}
  .countdown-unit>[data-countdown-unit]{font-size:67px}
  .countdown-unit+.countdown-unit::before{font-size:53px;left:-4px}
  .countdown-unit>small{font-size:12px;margin-top:18px}
  .venue-art.scene-image{margin:28px -45px 37px}
  .venue-art.scene-image>img{aspect-ratio:2/1;object-position:center 56%}
  .venue-art.scene-image>figcaption{margin-top:3px}
  #the-palace>.copy{max-width:590px}
  .dress-portraits{max-width:760px;margin:48px auto 40px;gap:66px}
  .dress-portraits figcaption{font-size:39px;margin-top:16px}
  .dress-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:70px;max-width:760px;margin:50px auto 35px;align-items:start}
  .dress-notes h3{grid-row:1;font-size:40px;margin:0 0 20px}
  .dress-notes p{grid-row:2;font-size:21px;max-width:330px}
  .dress-notes h3:nth-of-type(2),.dress-notes p:nth-of-type(2){grid-column:2}
  .dress-notes p+h3{margin-top:0}
  .dress-notes+.copy{max-width:590px;margin-top:40px}
  #dress-code>.fine-print{max-width:640px}
  #midnight>.scene-image{max-width:870px;margin:10px auto 20px}
  .midnight-scene>img{aspect-ratio:2/1}
  #midnight>.copy{font-size:28px}
  #your-invitation{padding-block:100px 60px}
  #your-invitation>.invitation-copy{width:660px;max-width:100%;margin:auto;padding:132px 78px 105px;min-height:620px}
  #your-invitation .script-heading{font-size:66px}
  #your-invitation .copy{font-size:24px}
  .outline-button,.paper-dialog .button{font-size:14px;padding:15px 27px;min-height:52px}
  .paper-ending{max-width:none;padding:64px 90px 60px;background:none}
  .paper-ending .script-heading{font-size:64px}
  .paper-ending .floral{width:220px;left:8px;bottom:10px}
  .paper-ending .fine-print{font-size:13px}
  .no-js-note{max-width:1120px}
  .audio-toggle{right:max(24px,calc((100vw - 1120px)/2 + 24px));bottom:26px}
  .intro-skip{right:max(28px,calc((100vw - 1120px)/2 + 28px))}
  .envelope-stage{height:min(76dvh,720px);width:min(420px,calc(76dvh * .6))}
  .intro-label{font-size:31px}
}
@media(min-width:1024px) and (max-width:1199px){
  .invitation-sheet{width:calc(100% - 40px)}
  .invitation-section{padding-inline:64px}
  .paper-hero{padding-inline:26px;min-height:790px}
  .paper-hero .arch-frame{padding-right:53%;padding-top:130px}
  .brand-title{font-size:94px}
  .hero-copy>.eyebrow{font-size:10px}
  .hero-tagline{font-size:27px}
  .hero-date{font-size:40px}
  .hero-copy>.hero-signature{font-size:9px;letter-spacing:.07em}
  #the-story{gap:22px;padding-inline:30px}
  .invitation-copy.arch-frame{padding-inline:38px}
  .invitation-copy .copy{font-size:21px}
  #the-masquerade,#the-music{column-gap:40px;padding-inline:46px}
  #the-masquerade .script-heading,#the-music .script-heading{font-size:55px}
}