/* Final printed invitation, adapted to a responsive editorial website. */
:root{--paper:#f5f3ed;--bg:#071a2e;--soft:#eae8e2;--ink:#0b2037;--ink-2:#53606d;--line:#ccc7bc;--gold:#b78e4d;--gap:clamp(22px,5vw,76px)}
body{background:#071a2e;font-weight:400}body::before{display:none}
.sheet{max-width:1600px;background:var(--paper)}
.preloader{display:none}
.top{height:88px;padding:12px var(--gap);background:#071a2ef5;color:#f7f4ec;border-bottom:1px solid #b78e4d55;backdrop-filter:blur(12px)}
.top__mark{display:flex;gap:14px;align-items:center;font:500 21px/1.1 var(--sans);letter-spacing:.07em}
.top__mark img{width:48px;height:48px}.top__mark small{display:block;font:400 9px/1.5 var(--sans);letter-spacing:.32em;margin-top:6px}
.top__nav{margin-left:auto;gap:24px}.top__nav a,.top__rsvp{color:#ece6db}.top__nav a::before{content:none}
.top__rsvp{border-color:#c7a464;border-radius:0;margin-left:18px;padding:11px 19px}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:0;max-height:none;background:#071a2e;padding:28px;gap:22px;align-items:stretch}
.hero__photo{position:relative;min-height:0;aspect-ratio:1352/1658;border:1px solid #c7b68e70}
.hero__photo img{width:100%;height:100%;object-fit:cover}
.hero__art-caption{position:absolute;top:51%;left:0;width:100%;text-align:center;color:#f2eee5;font:400 clamp(17px,2.1vw,31px)/1.5 var(--sans);letter-spacing:.23em}
.hero__art-caption>span{display:block;font-size:1.25em;letter-spacing:.3em}.hero__art-caption i{display:block;width:44px;height:1px;background:#e8bd66;margin:12px auto}
.hero__text{position:relative;justify-content:center;padding:36px clamp(24px,3vw,54px) 120px;background:#f4f2ec url(assets/img/invitation-paper.jpg) center/100% 100% no-repeat;border:1px solid #c7b68e70}
.hero__row--top{display:flex;position:absolute;top:28px;width:calc(100% - 64px);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.tag{background:none;color:var(--ink-2);font:400 10px/1.4 var(--sans);letter-spacing:.22em;padding:0}
.tag::after{content:"";display:block;width:42px;height:1px;background:var(--gold);margin:16px auto 0}
.hero .tag{margin-top:0}.hero__title{font:400 clamp(46px,5.3vw,86px)/1.1 var(--serif);letter-spacing:-.035em;margin-top:26px}
.hero__title .ln{display:block;overflow:visible;padding:0}.hero__title .ln>span{transform:none;transition:none}
.hero__lead{font:italic 400 clamp(18px,1.8vw,25px)/1.5 var(--serif);max-width:27ch;margin-top:24px}
.hero__meta{margin-top:32px;border-block:1px solid #aaa99f;padding:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px;color:var(--ink)}
.hero__meta span:nth-child(3){display:block;grid-column:1/-1}.hero__cta{margin-top:28px;width:auto}
.btn{border-radius:0;font-size:12px;letter-spacing:.05em;min-height:50px}.btn--line{border-color:#a6a59b}
.sec{padding:100px var(--gap);scroll-margin-top:88px}.mid,.big{font-style:normal;line-height:1.13;letter-spacing:-.025em}
.mid{font-size:clamp(36px,4.8vw,66px)}.big{font-size:clamp(48px,6vw,90px)}
.hello{background:linear-gradient(#f5f3edee,#f5f3edee),url(assets/img/invitation-paper.jpg) center 12%/cover}
.hello .big,.hello .big.is-name{font:italic 500 clamp(34px,4.4vw,62px)/1.24 var(--serif);text-transform:none;max-width:1000px;margin:26px auto 0;letter-spacing:-.025em}
.hello__text{max-width:700px;font:400 clamp(18px,2vw,24px)/1.65 var(--serif);margin-top:28px}.hello__sign{font-size:10px;margin-top:25px;letter-spacing:.12em}
.hello__archive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:50px}
.hello__archive figure{min-width:0;overflow:hidden}.hello__archive video{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:16/9}
.date{background:#0b233c;color:#f2eee6;position:relative;border-top:1px solid #b78e4d66;padding-block:70px}
.date .tag,.date .sub,.date__timer span{color:#d5d6d4}.date .tag::after{margin-left:0}.date__timer{border-color:#8190a15c}.date__timer div+div{border-color:#8190a15c}
.date__timer b{font-style:normal;color:#e4c587}.date__ics{color:#e4c587}.date .big{font-size:clamp(44px,5.5vw,76px)}
.program__list{max-width:1040px;margin-inline:auto;margin-top:45px}.program__list li{padding:25px 0}.program__list span{font:400 clamp(27px,3.6vw,48px)/1.2 var(--serif);letter-spacing:-.02em}
.program__list small{color:#8b6b36}.program__note{margin-top:9px;color:var(--ink-2)}
.place{padding:0 var(--gap) 100px;background:var(--paper);scroll-margin-top:100px;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}
.place__bg{min-width:0}.place__bg img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:40% center}
.place__card{width:auto;margin:0;padding:42px 32px;background:#eceae3;border:1px solid #b7ae9d}
.place .mid{font-size:clamp(32px,3.6vw,50px)}.map{aspect-ratio:16/10}.place__addr{font-size:13px}
.dress{text-align:center}.scarf{max-width:760px;margin:32px auto 0;text-align:left;border-left:1px solid var(--gold);background:#e9e6dd}
.looks{grid-template-columns:repeat(3,1fr);gap:28px}.looks li:nth-child(2){margin-top:0}.looks__pair{gap:8px}.looks__name{letter-spacing:.14em}
.knot{background:#0b233c;color:#f4f0e6;border-top:1px solid #b78e4d66}.knot .tag,.knot__ways span{color:#d2b77f}.knot .tag::after{margin-left:0}
.knot__head{align-items:center}.knot__lead{font:400 21px/1.6 var(--serif);max-width:34ch}.knot__scarf{padding:12px;border:1px solid #b9a37470}
.knot__ways li:nth-child(n){margin-top:0}.knot__ways{gap:36px 22px}.knot__ways b{font:400 25px/1.3 var(--serif);margin-top:4px}.knot__ways span{font-size:10px}
.entry{text-align:center}.entry__steps{max-width:1000px;margin-inline:auto;margin-top:40px;text-align:left}.entry__steps small{color:#96703a}.entry__steps span{font:400 clamp(23px,2.8vw,34px)/1.45 var(--serif)}
.rsvp{background:#f2f0e9 url(assets/img/invitation-paper.jpg) center bottom/cover no-repeat;padding-top:90px;padding-bottom:220px}
.rsvp__card{background:#f8f6f0ed;border:1px solid #b8ab91;padding:56px 60px;box-shadow:0 16px 70px #071a2e0c;max-width:680px}
.rsvp .mid{font-size:clamp(34px,4vw,54px)}.cross::before,.cross::after{background:var(--gold)}.cross{display:none}.field input{border-bottom-color:#9da3a6}.check{line-height:1.6}.form__done{padding:12px 0}
.reel{background:#071a2e;color:#f4f0e6;border-color:#b78e4d55}.reel .tag{color:#d2b77f}.reel__video{border:1px solid #b9a37470}.reel__video video{max-height:700px}
.final{background:#071a2e;color:#f4f0e6;padding-bottom:36px;border-top-color:#b78e4d55}.final .wide{margin-inline:0;max-width:980px;margin:0 auto}.final .wide img{aspect-ratio:21/8}
.final__line{font:italic 400 clamp(38px,5vw,74px)/1.2 var(--serif);margin-top:55px}.final__logo{filter:brightness(0) invert(1);width:68px}.final__row{border-color:#b78e4d55;color:#e3ded2}.final__row span{color:#bfa878}
.reveal{opacity:1;transform:none;transition:none}section[id],footer[id]{scroll-margin-top:88px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #bd9350;outline-offset:5px}
@media(hover:hover){.top__nav a:hover{color:#e6bd78}.top__rsvp:hover{background:#d9b675;color:#071a2e}.program__list:hover span{color:var(--ink)}.btn:hover{background:#24415e}.btn--line:hover{color:#fff}.looks__pair img:hover{transform:none}}
@media(min-width:1600px){.hero{padding:40px;gap:28px}}
@media(max-width:1100px) and (min-width:901px){.top__nav{gap:14px}.top__nav a{font-size:10px}.top__mark{font-size:17px}.hero{padding:18px;gap:16px}.hero__text{padding:65px 22px 90px}.hero__title{font-size:54px}.hero__meta{font-size:10px}.hero__row--top{font-size:8px}.hero__cta{padding-inline:15px}.hero__photo{aspect-ratio:1352/1658;align-self:center}.hero__photo img{object-position:center}.hero__art-caption{top:51%;font-size:19px}}
@media(max-width:900px){
 .top{height:72px;padding:10px 20px;gap:10px}.top__mark{font-size:17px;gap:10px}.top__mark img{width:40px;height:40px}.top__mark small{font-size:8px}.top__nav{display:none}.top__rsvp{margin-left:auto;padding:9px 13px;font-size:11px}
 .hero{display:flex;flex-direction:column;padding:12px;gap:12px}.hero__photo{flex:auto;aspect-ratio:1352/1658;min-height:0}.hero__art-caption{top:51%;font-size:clamp(18px,5.3vw,30px)}.hero__art-caption i{margin:7px auto}
 .hero__text{padding:76px 24px 130px}.hero__row--top{top:24px;width:calc(100% - 44px);font-size:8px}.hero__title{font-size:clamp(47px,12vw,76px)}.hero__lead{font-size:20px}.hero__meta{margin-top:28px;font-size:10px;gap:12px}.hero__cta{width:100%}
 .sec{padding:65px 24px}.hello__archive{grid-template-columns:1fr;gap:12px;margin-top:32px}
 .date{text-align:center}.date .tag::after{margin-inline:auto}.date__timer{margin-top:28px}.date__ics{margin-top:24px}.program__list li{grid-template-columns:24px 1fr 38px;padding:24px 0;gap:8px}.program__list span{font-size:26px}.program__note{font-size:11px}
 .place{display:block;padding:0 20px 60px}.place__bg img{aspect-ratio:16/10}.place__card{padding:32px 20px}.map{aspect-ratio:4/3}.looks{grid-template-columns:1fr;gap:38px;max-width:460px;margin-inline:auto;margin-top:36px}.scarf{padding:16px;gap:12px}.scarf p{font-size:12px}
 .knot__head{display:grid;grid-template-columns:1fr}.knot__lead{font-size:20px}.knot__ways{grid-template-columns:1fr 1fr;gap:28px 12px}.knot__ways b{font-size:22px}.entry__steps li{grid-template-columns:25px 1fr;gap:8px;padding:22px 0}
 .rsvp{padding:65px 20px 160px}.rsvp__card{padding:34px 22px}.choice--btns .btn{padding-inline:12px}.reel__video{margin:30px 0 0}.final{padding-inline:24px}.final .wide img{aspect-ratio:16/10}.final__row{gap:12px 24px;font-size:12px}.final__row span{width:100%}section[id],footer[id]{scroll-margin-top:72px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}