:root{--ink:#22211f;--cream:#f7f2e9;--paper:#fffdfa;--red:#c94d3b;--butter:#f6d56b;--green:#5e7356;--line:#d6cec0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}.announcement{background:var(--ink);color:#fffaf2;text-align:center;font:500 10px/32px "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase}.announcement span{color:var(--butter);margin:0 10px}.site-header{height:90px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;background:var(--cream)}.wordmark{color:var(--ink);font:600 25px/1 "Playfair Display",serif;text-decoration:none;letter-spacing:-.055em}.wordmark em{font-weight:500}.nav{display:flex;gap:30px;align-items:center}.nav a{font-size:13px;color:var(--ink);text-decoration:none}.nav-cta{border-bottom:1px solid var(--ink);padding-bottom:4px}.nav-cta span,.button span,.card-footer span{font-size:18px;margin-left:7px}.menu-toggle{display:none;background:none;border:0;width:34px;padding:7px 0}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:6px 0}.hero{min-height:625px;display:grid;grid-template-columns:48% 52%;padding-left:12.5vw;background:var(--cream)}.hero-copy{padding:104px 7vw 80px 0;position:relative;z-index:1}.eyebrow{font:500 10px/1.5 "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 24px}.hero h1,h2{font:500 clamp(45px,5.2vw,76px)/.98 "Playfair Display",serif;letter-spacing:-.06em;margin:0}.hero h1 em,h2 em{color:var(--red)}.hero-text{max-width:355px;line-height:1.7;margin:29px 0 32px;font-size:15px}.button{display:inline-flex;align-items:center;padding:15px 19px;background:var(--ink);color:#fff;text-decoration:none;font-size:13px;transition:.2s}.button:hover{background:var(--red);transform:translateY(-2px)}.hero-art{position:relative;overflow:hidden;background:#e4a56e;min-height:625px}.sun{position:absolute;width:310px;height:310px;border-radius:50%;background:#f8d66a;top:70px;left:24%}.arch{position:absolute;border:1px solid rgba(129,70,45,.22);border-radius:400px 400px 0 0;bottom:-70px}.arch-one{width:480px;height:440px;left:-80px}.arch-two{width:340px;height:320px;left:75px}.gift-box{position:absolute;width:260px;height:208px;background:#e8634c;bottom:116px;left:25%;box-shadow:20px 23px 0 rgba(115,52,31,.1)}.gift-box i{position:absolute;background:#fff0d2;width:31px;height:100%;left:114px}.gift-box b{position:absolute;background:#ee7358;top:-29px;left:-12px;width:284px;height:33px}.gift-box strong{position:absolute;width:31px;height:33px;left:114px;background:#fff0d2}.ribbon{position:absolute;border:13px solid #fff0d2;width:74px;height:52px;border-radius:80% 12% 80% 12%;top:270px;left:calc(25% + 76px);transform:rotate(29deg)}.ribbon-two{left:calc(25% + 116px);transform:rotate(145deg)}.art-caption{position:absolute;right:8%;bottom:35px;font:italic 19px/1.1 "Playfair Display",serif}.scribble{position:absolute;transform:rotate(-7deg);top:72px;right:10%;font:italic 17px "Playfair Display",serif}.intro{background:var(--paper);padding:125px 12.5vw 132px;display:grid;grid-template-columns:30% 70%}.intro h2{font-size:clamp(40px,4.5vw,64px)}.intro div>p{max-width:400px;margin:27px 0 0;font-size:16px;line-height:1.75}.edits{padding:115px 5.5vw 126px}.section-heading{text-align:center}.section-heading h2{font-size:clamp(40px,4.4vw,62px)}.edit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1180px;margin:62px auto 0}.edit-card{min-height:493px;position:relative;display:flex;flex-direction:column}.birthday{background:#e9c4b0}.corporate{background:#b9c6aa}.just-because{background:#e7d69b}.card-no{position:absolute;top:20px;left:20px;font:10px "DM Mono",monospace}.card-art{height:282px;position:relative}.card-footer{margin-top:auto;background:var(--paper);padding:25px 25px 21px;min-height:195px}.card-footer h3{font:500 27px "Playfair Display",serif;letter-spacing:-.04em;margin:0}.card-footer p{font-size:13px;line-height:1.55;max-width:260px;margin:8px 0 10px}.card-footer a{color:var(--ink);font-size:12px;text-decoration:none;border-bottom:1px solid;padding-bottom:2px}.cake span{position:absolute;width:128px;height:54px;bottom:60px;left:calc(50% - 64px);border-radius:7px 7px 20px 20px;background:#f5f0db}.cake i{position:absolute;width:98px;height:40px;bottom:114px;left:calc(50% - 49px);border-radius:7px 7px 0 0;background:#fae29e}.cake b{position:absolute;width:4px;height:45px;background:var(--red);bottom:153px;left:calc(50% - 2px)}.cake b:after{content:"";position:absolute;width:13px;height:16px;border-radius:50% 50% 50% 0;background:var(--red);top:-13px;left:-5px;transform:rotate(45deg)}.box i{position:absolute;width:130px;height:112px;background:#e4644d;left:calc(50% - 65px);bottom:58px}.box b{position:absolute;width:152px;height:24px;background:#ec8069;left:calc(50% - 76px);bottom:164px}.box strong{position:absolute;width:17px;height:136px;background:#fff1d2;left:calc(50% - 8px);bottom:58px}.box span{position:absolute;width:68px;height:40px;left:calc(50% - 34px);bottom:179px;border:10px solid #fff1d2;border-radius:50% 50% 0 0}.flowers i{position:absolute;width:62px;height:62px;background:#d25a50;border-radius:50%;bottom:135px;left:calc(50% - 46px)}.flowers i:nth-child(2){background:#f3a6a4;bottom:105px;left:calc(50% + 2px)}.flowers i:nth-child(3){background:#e58b5a;bottom:143px;left:calc(50% + 39px)}.flowers b{position:absolute;width:5px;height:90px;background:#59794e;bottom:54px;left:50%;transform:rotate(-13deg)}.flowers span{position:absolute;border:15px solid transparent;border-bottom-color:#c49d57;bottom:39px;left:calc(50% - 54px);transform:rotate(8deg);width:104px;height:47px}.process{background:var(--green);color:#fffdf6;padding:115px 12.5vw 125px;display:grid;grid-template-columns:44% 56%}.process h2{font-size:clamp(39px,4vw,58px)}.process h2 em{color:var(--butter)}.process ol{padding:0;margin:0;list-style:none;border-top:1px solid rgba(255,255,255,.35)}.process li{display:grid;grid-template-columns:55px 1fr 1.2fr;border-bottom:1px solid rgba(255,255,255,.35);padding:25px 0;gap:10px}.process li>span{font:10px "DM Mono",monospace;padding-top:7px}.process h3{font:500 23px/1.15 "Playfair Display",serif;margin:0}.process li p{font-size:13px;line-height:1.55;margin:2px 0}.quote{text-align:center;background:#f3d872;padding:103px 20px}.quote p{font:500 clamp(25px,3vw,42px)/1.2 "Playfair Display",serif;letter-spacing:-.04em;margin:0}.quote span{display:block;margin-top:19px;font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em}.contact{background:var(--red);color:#fffaf1;padding:110px 12.5vw;display:flex;justify-content:space-between;align-items:end}.contact h2{font-size:clamp(48px,5vw,70px)}.contact-copy{max-width:330px;line-height:1.65;margin:25px 0 0}.button.light{background:#fffaf1;color:var(--ink);margin-bottom:10px}.button.light:hover{background:var(--butter)}footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:44px 5.5vw 25px;background:var(--ink);color:#f9f1e4;align-items:start}footer .wordmark{color:#f9f1e4}footer p,footer small{font-size:11px;margin:3px 0;color:#cdc5b8}footer div{text-align:right}footer div a{color:#f9f1e4;font-size:12px;text-decoration:none;margin-left:18px}footer small{grid-column:1/-1;border-top:1px solid #504d47;padding-top:16px;margin-top:26px}@media(max-width:760px){.site-header{height:72px;padding:0 7vw}.nav{display:none}.nav.open{display:flex;position:absolute;z-index:4;top:104px;left:0;right:0;padding:30px 7vw;background:var(--cream);flex-direction:column;align-items:flex-start;gap:22px}.menu-toggle{display:block}.hero{display:block;padding:0}.hero-copy{padding:75px 8vw 68px}.hero-art{min-height:440px}.sun{width:220px;height:220px;top:43px;left:25%}.gift-box{transform:scale(.78);transform-origin:left bottom;bottom:74px;left:22%}.ribbon{top:195px;left:calc(22% + 60px);transform:scale(.78) rotate(29deg)}.ribbon-two{left:calc(22% + 91px);transform:scale(.78) rotate(145deg)}.arch-one{width:390px;height:360px}.arch-two{width:275px;height:250px}.art-caption{font-size:16px;bottom:20px}.scribble{top:45px}.intro,.process{display:block;padding:82px 8vw}.intro .eyebrow,.process-title{margin-bottom:40px}.edit-grid{grid-template-columns:1fr;max-width:420px;margin-top:45px}.edits{padding:82px 7vw}.process ol{margin-top:45px}.process li{grid-template-columns:36px 1fr;gap:8px}.process li p{grid-column:2}.contact{padding:75px 8vw;display:block}.contact .button{margin-top:35px}.quote{padding:72px 8vw}footer{grid-template-columns:1fr 1fr;padding:35px 7vw 22px}footer p{display:none}footer div{grid-column:2;text-align:right}footer small{margin-top:14px}.hero h1{font-size:55px}}
