:root{--ink:#19373c;--paper:#f7f2e7;--cream:#fffdf8;--coral:#e67157;--sun:#f5bd57;--sky:#b8dfe2;--line:rgba(25,55,60,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.5}main{overflow:hidden}.section,.hero{padding-left:max(6vw,24px);padding-right:max(6vw,24px)}.hero{min-height:760px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center;padding-top:84px;padding-bottom:76px;background:linear-gradient(110deg,#f6dcb4 0%,#f8eedb 48%,#bee1e1 100%)}.hero:after{content:"";position:absolute;inset:18px;border:1px solid rgba(25,55,60,.22);pointer-events:none}.hero-copy{max-width:580px;position:relative;z-index:1}.eyebrow{font:500 11px/1.4 "DM Mono",monospace;letter-spacing:.11em;text-transform:uppercase;margin:0 0 19px;color:#55747a}h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:600;letter-spacing:-.045em;line-height:.93;margin:0}h1{font-size:clamp(58px,8.8vw,130px)}h2{font-size:clamp(42px,5.4vw,78px)}em{font-weight:600;color:var(--coral)}.hero-text{font-size:clamp(17px,2vw,22px);line-height:1.5;max-width:470px;margin:31px 0}.button{font:700 13px/1 Manrope,sans-serif;display:inline-flex;gap:22px;align-items:center;justify-content:center;border:0;border-radius:99px;padding:17px 24px;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-coral{background:var(--coral);color:white;margin-top:26px}.button-light{background:transparent;color:var(--ink);border:1px solid var(--ink)}.postcard{margin:0;background:white;padding:12px 12px 37px;box-shadow:12px 16px 0 rgba(25,55,60,.12);transform:rotate(3deg);position:relative;z-index:1}.postcard img{width:100%;display:block;aspect-ratio:1.25;object-fit:cover}.postcard figcaption{font:600 13px/1 "DM Mono",monospace;position:absolute;bottom:13px;left:15px;color:#274d50}.postcard-main{max-width:560px;justify-self:center;width:100%}.stamp{position:absolute;right:4.5vw;top:52px;border:2px solid var(--coral);color:var(--coral);border-radius:50%;width:90px;height:90px;display:grid;place-content:center;text-align:center;font:500 10px/1.2 "DM Mono",monospace;letter-spacing:.08em;transform:rotate(16deg);z-index:2}.stamp span{font-size:25px;line-height:1}.airmail{position:absolute;right:calc(50% - 73px);bottom:80px;font:italic 28px/1 "Playfair Display",serif;transform:rotate(-9deg);color:#8b5c4e;z-index:2}.note{padding-top:130px;padding-bottom:130px;display:grid;grid-template-columns:90px minmax(250px,1fr) minmax(280px,.9fr);gap:30px;background:var(--cream)}.section-number{font:500 12px "DM Mono",monospace;color:var(--coral);padding-top:5px}.note-text{font-size:18px;max-width:490px}.note-text p{margin:0 0 18px}.signature{font:italic 26px/1.15 "Playfair Display",serif;margin-top:35px!important}.signature strong{font-style:normal}.moods{padding-top:105px;padding-bottom:115px;background:#b9dedf}.section-heading{display:flex;gap:30px;margin-bottom:47px}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mood-card{min-height:246px;text-align:left;padding:23px;border:1px solid rgba(25,55,60,.24);background:rgba(255,255,255,.24);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;transition:background .2s,transform .2s}.mood-card:hover,.mood-card.is-selected{background:var(--cream);transform:translateY(-5px);box-shadow:6px 7px 0 rgba(25,55,60,.14)}.mood-icon{font:38px/1 "Playfair Display",serif;color:var(--coral);margin-bottom:auto}.mood-card strong{font:600 27px/.95 "Playfair Display",serif;letter-spacing:-.04em}.mood-card small{margin-top:14px;font-size:12px;line-height:1.35}.gallery{min-height:460px;position:relative;background:#f5c264;display:flex;align-items:center;justify-content:center;gap:11vw}.postcard-small{width:min(270px,48%);transform:rotate(-6deg);padding:9px 9px 32px}.gallery-copy{max-width:360px;font:600 30px/1.13 "Playfair Display",serif;letter-spacing:-.04em}.wave{position:absolute;right:8vw;top:30px;font:150px/1 "Playfair Display",serif;color:rgba(255,255,255,.48);transform:rotate(-14deg)}.form-section{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:.85fr 1.15fr;gap:12vw;background:#f6dcb4}.form-intro>p:last-child{font-size:17px;max-width:340px;margin-top:26px}form{max-width:650px}label{display:block;font:500 12px "DM Mono",monospace;letter-spacing:.03em;margin:0 0 20px}input,textarea{font:500 17px/1.4 Manrope,sans-serif;width:100%;display:block;margin-top:9px;padding:14px 0 11px;border:0;border-bottom:1px solid rgba(25,55,60,.5);border-radius:0;background:transparent;color:var(--ink);outline:none;resize:vertical}input:focus,textarea:focus{border-color:var(--coral)}input::placeholder,textarea::placeholder{color:#6f8784;opacity:.8}.message-section{padding-top:105px;padding-bottom:112px;background:var(--coral);color:#fff3e8}.message-section .eyebrow{color:#fff3e8}.message-section em{color:var(--sun)}.message-top{display:flex;justify-content:space-between;align-items:flex-start}.seal{border:1px solid #fff3e8;width:86px;height:86px;border-radius:50%;display:grid;place-content:center;text-align:center;font:500 11px/1.1 "DM Mono",monospace;transform:rotate(14deg)}.message-label{margin:43px 0 7px}.message-section textarea{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.52);padding:18px;color:#fffdf8;max-width:760px}.message-actions{display:flex;gap:12px;margin-top:25px}.helper{font-size:13px;margin-top:21px;color:#fff3e8}footer{display:flex;justify-content:space-between;gap:20px;padding:22px max(6vw,24px);background:var(--ink);color:#d4e4df;font:400 10px "DM Mono",monospace}@media(max-width:760px){.hero{min-height:auto;grid-template-columns:1fr;padding-top:108px;padding-bottom:63px;gap:45px}.hero:after{inset:10px}.hero-copy{padding-right:8px}.stamp{right:35px;top:25px;width:68px;height:68px;font-size:8px}.airmail{display:none}.postcard-main{width:82%;justify-self:end}.note{padding-top:75px;padding-bottom:75px;grid-template-columns:35px 1fr;gap:20px}.note-text{grid-column:2}.section-heading{gap:20px}.moods{padding-top:70px;padding-bottom:75px}.mood-grid{grid-template-columns:repeat(2,1fr);gap:10px}.mood-card{min-height:190px;padding:17px}.mood-card strong{font-size:23px}.gallery{min-height:385px;gap:25px;padding-top:45px;padding-bottom:40px}.gallery-copy{font-size:25px}.wave{right:17px;font-size:110px}.form-section{padding-top:75px;padding-bottom:78px;grid-template-columns:1fr;gap:40px}.message-section{padding-top:75px;padding-bottom:76px}.message-actions{flex-direction:column;align-items:stretch}.button{min-height:51px}footer{flex-direction:column;gap:8px}.postcard{box-shadow:8px 10px 0 rgba(25,55,60,.12)}}