/* Approved Petsoo Figma design, desktop and mobile. */
1&display=swap');
:root{--cream:#fffaf2;--ink:#2b211b;--orange:#fc5d26;--line:#ded5c7;--muted:#797269}
.serif,.gift-message,.collage-card em{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-style:italic}
h1,h2,h3,p{overflow-wrap:break-word}button,a,input,textarea,select{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.button:not(.outline){display:inline-flex;align-items:center;justify-content:center;gap:14px;height:50px;min-height:50px;padding:4px 5px 4px 18px;border:1px solid #616159;border-radius:13px;background:linear-gradient(#333330,#0b0b0a);color:#fff;font-family:'DM Sans',sans-serif;font-size:17px;font-weight:600;line-height:22px;box-shadow:0 2px 3px #0002;white-space:nowrap;max-width:100%;text-decoration:none;transform:none}
.button:not(.outline):hover{background:linear-gradient(#44443f,#161613);transform:none}.button:disabled{opacity:.42;cursor:not-allowed}.button>.button-label{flex:1;min-width:0;text-align:center;white-space:nowrap}.button>.button-arrow{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:8px;background:linear-gradient(#ffad66,#ff5e05);margin:0;padding:0}.button-arrow img{width:24px;height:24px;display:block}.button.outline,.unwrap{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0;border:0;background:none;box-shadow:none;color:var(--ink);font-size:17px;line-height:22px;font-weight:600;text-decoration:none}.unwrap{margin-top:8px}.button.outline:hover{background:none}
.approved-logo{position:relative;display:block;width:174.55px;height:51.3px;flex:none}.approved-logo .logo-base{position:absolute;left:0;top:3%;width:28%;height:92%}.approved-logo .logo-mark{position:absolute;left:1.01%;top:5.75%;width:25.9%;height:88.1%;overflow:hidden;border-radius:24%}.approved-logo .logo-mark img{position:absolute;width:125.21%;height:125.21%;max-width:none;left:-11.75%;top:-1.3%}.approved-logo .logo-type{position:absolute;left:30.4%;top:12.65%;width:68.79%;height:70.32%}.logo .approved-logo img{max-width:none}.header .approved-logo{width:174.55px;height:51.3px}.session-header .approved-logo{width:140px;height:41.15px}footer .approved-logo{width:153px;height:44.97px}
.hero{max-width:1180px;grid-template-columns:1fr 1.08fr;gap:24px;min-height:700px}.hero-copy{min-width:0}.hero-collage{position:relative;width:100%;aspect-ratio:650/560;min-height:0;margin:0;padding:0}.collage-card{position:absolute;display:flex;flex-direction:column;align-items:center;background:var(--cream);border:1.7px solid var(--ink);padding:1.5%;border-radius:7px;box-shadow:4px 8px #26143321;gap:6px}.collage-card img{display:block;width:100%;object-fit:cover}.collage-card strong{font:600 clamp(12px,1.7vw,22px)/1.2 'DM Sans',sans-serif}.collage-card em{font-size:14px;line-height:1.2}.collage-main{left:29%;top:2%;width:54%;transform:rotate(-5deg);padding-bottom:2%}.collage-main img{aspect-ratio:330/356;border-radius:35% 16% 2px 2px}.collage-woman{left:17%;top:60%;width:25%;transform:rotate(9deg);z-index:3}.collage-dog{left:0;top:38%;width:25%;transform:rotate(-8deg);z-index:3}.collage-woman img,.collage-dog img{aspect-ratio:138/157}.collage-woman img{border-radius:15% 45% 2px 2px}.collage-dog img{border-radius:40% 10% 2px 2px}.collage-woman strong,.collage-dog strong{font-size:clamp(8px,1vw,15px)}.collage-smile{position:absolute;width:16%;left:23%;top:19%;z-index:4}.collage-cloud{position:absolute;width:18%;right:1%;top:48%;z-index:4;transform:rotate(17deg)}.collage-star{position:absolute;width:5%}.collage-star.one{left:20%;top:10%}.collage-star.two{right:3%;top:15%}.collage-star.three{right:17%;bottom:5%}
.gift-copy>.eyebrow,.section-heading .eyebrow,.center-heading .eyebrow{margin-bottom:6px}.gift-copy>p:not(.caption),.center-heading>p{margin-top:6px;margin-bottom:20px}.gift-copy>.caption{margin-top:16px}.section-heading>p{margin-top:6px}.gift-copy h2{line-height:1.1}.gift-copy .button{min-width:210px}.upload-tile .approved-logo{width:84px;height:25px;margin:12px auto}.keepsake-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.faq{position:relative;align-items:start;overflow:hidden}.faq>div:first-child{position:relative;min-height:430px}.faq h2{position:relative;z-index:1}.faq .eyebrow{position:relative;z-index:1;margin-bottom:6px}.faq-doodle{display:block;position:absolute;inset:0;pointer-events:none;transform:none;margin:0}.faq-silhouette{position:absolute;width:115%;height:auto;max-width:none;left:-7%;top:105px;opacity:.5}.faq-smile{position:absolute;left:8%;top:175px;width:104px;height:104px}.faq-doodle>span{position:absolute;left:33%;top:168px;color:var(--orange);font:italic 58px 'DM Serif Display',serif;transform:rotate(22deg)}.faq-list{position:relative;z-index:1}.faq-list details{height:auto;min-height:0;padding:20px 0}.faq-list details p{margin-top:6px}.faq-list summary{gap:16px;align-items:flex-start;line-height:1.5}
.final-cta{padding:0;position:relative}.final-cta>.wrap{width:100%;max-width:1280px;min-height:451px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;text-align:left;gap:20px}.banner-pets{align-self:end;width:110%;max-width:none;margin-left:-4%;position:relative;z-index:1}.banner-copy{padding:56px 18px 56px 0;min-width:0}.banner-copy h2{font-size:clamp(32px,4.1vw,57px);line-height:1.08;letter-spacing:-.045em;margin:6px 0 28px}.banner-copy .eyebrow{font-size:10px}.banner-copy .button{max-width:100%}
dialog,#purchase-dialog{position:fixed;width:min(550px,calc(100% - 32px));padding:64px 28px 28px;border:1px solid var(--line);border-radius:20px;background:var(--cream);color:var(--ink);box-shadow:0 12px 32px #0002;max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#21180d66}.icon-close,dialog .icon-close,#session-info .icon-close{position:absolute;right:16px;top:16px;width:32px;height:32px;margin:0;display:grid;place-items:center;border:0;border-radius:50%;background:#eee9df;color:var(--muted);padding:7px;line-height:1}.icon-close svg{width:18px;height:18px}dialog h2,#info-content h2,#session-info h2,#purchase-dialog h2{font-size:24px;line-height:30px;margin:0 0 6px;letter-spacing:-.04em}dialog p,#info-content p,#session-info p,#purchase-dialog p{font-size:14px;line-height:22px;margin:6px 0 16px;color:var(--muted)}#purchase-dialog{max-width:480px}#waitlist-email{height:46px}#waitlist-form>label{margin:14px 0 6px}#waitlist-form .consent-row{margin:14px 0}#waitlist-form .button{width:100%}#waitlist-status:empty{display:none}#notice-done{margin-top:20px}.compact-action,.home-link,#back-to-photos{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:35px;min-height:35px;padding:0 12px;border:1px solid #d6cfc2;border-radius:8px;background:var(--cream);font-size:14px;line-height:18px;text-decoration:none;white-space:nowrap}.compact-action svg{width:18px;height:18px}.home-link{font-size:12px}.lineup-row>button{width:28px;height:28px;flex:0 0 28px;border:0;border-radius:50%;background:#eee9df;padding:6px}
.session-header{max-width:1216px;padding:0;min-height:105px;flex-wrap:nowrap}.session-progress{display:none}.session-layout{max-width:1200px;gap:32px;margin-top:32px}.session-title>p{margin-top:6px;line-height:21px}.session-title .eyebrow{margin-bottom:6px}.session-title{margin-bottom:24px}.people-filter{border:0;padding:0}.people-filter summary{border:1px solid #d6cfc2;border-radius:8px;padding:0 12px;height:40px;gap:10px;font-size:14px;background:var(--cream)}.filter-chevron{width:16px;height:16px;margin-left:auto}.people-options{margin-top:8px;z-index:12;box-shadow:0 12px 30px #2b211b18}.people-options button{min-height:35px}.catalog-copy p{margin-top:6px}.lineup-panel{border-color:var(--line);padding:20px}.empty-lineup{padding:28px 0}.empty-lineup>img{width:144px;height:112px;object-fit:contain;display:block;margin:0 auto 16px}.empty-lineup strong{font-size:15px;line-height:21px;margin:0}.empty-lineup p{font-size:13px;line-height:19px;margin-top:6px}.session-action{padding:16px;border:1px solid var(--line);border-radius:14px;background:#f5efe5;margin-top:16px}.selection-overview{padding:0 0 12px}.selection-overview strong{font-size:14px}.session-action>.button{width:100%}.session-action>p{font-size:12px;line-height:18px;margin-top:12px}.session-action>p br{display:none}.order-panel{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fffdf8}.order-panel h2{font:700 20px/28px 'DM Sans',sans-serif;margin:0 0 12px}.order-steps{list-style:none;margin:0;padding:0}.order-step{position:relative;display:flex;align-items:center;gap:12px;min-height:46px;color:var(--muted);font-size:13px}.order-step:not(:last-child):after{content:'';position:absolute;left:14px;top:30px;width:2px;height:22px;background:var(--line)}.order-step.complete:after{background:var(--orange)}.step-circle{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#f0ece6;position:relative;z-index:1}.step-circle svg{width:17px;height:17px}.order-step.complete .step-circle{color:#557b5c;background:#ebf2ed}.order-step.active{color:var(--ink);font-weight:700}.order-step.active .step-circle{color:var(--orange);background:#fff0e6}.order-panel+.session-action{background:#fffdf8}.session-page[data-stage]:not([data-stage=looks]) #photo-summary{display:none}.photo-guide{display:flex;align-items:center;min-height:0;padding:8px 12px;border-radius:9px;background:#f2eee6;color:var(--muted);font-size:13px;line-height:19px;margin:12px 0}.photo-card{padding:20px}.photo-card-heading h2{font-size:17px}.photo-drop{height:192px;min-height:192px}.photo-drop>img{height:190px}.photo-status{margin-top:10px!important}.photo-status:empty{display:none}.remove-photo{margin-top:10px}.file-guidance{margin-top:16px}#personal-note{margin-top:6px;min-height:110px;line-height:21px}#gift-note-area h2{font-size:24px}.results-layout{display:grid;max-width:1200px}.results-layout #results-view{min-width:0}.result-actions{margin:16px 0 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fffdf8;gap:12px;align-items:stretch}.result-actions h2{font-size:18px;line-height:24px;margin:0}.result-actions p{font-size:12px;color:var(--muted);margin:0}.result-actions .button{width:100%}#new-session{align-self:flex-start;font-size:13px}.generation-progress{display:none!important}.portrait-media{position:relative;overflow:hidden;border-radius:14px;background:#eee5d8}#result-portraits{gap:16px}.chosen-look{margin:0 0 12px;min-height:80px}.portrait-media .generated-portrait{display:block;border-radius:0!important}.portrait-state{position:absolute;left:8px;right:8px;bottom:8px;margin:0;padding:7px 9px;background:var(--cream);border-radius:6px;font-size:11px;line-height:16px}.portrait-state.ready{color:#4d7154}.portrait-state progress{display:block;width:100%;height:3px;margin-top:5px;accent-color:var(--orange)}.result-placeholder{border-radius:0;font-size:13px}.session-action[hidden]{display:none!important}
@media(max-width:1000px){.header nav{gap:12px}.header .button{font-size:15px}.hero{min-height:590px}.banner-copy h2{font-size:38px}.banner-copy .button{font-size:14px}.session-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.photo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-card{padding:12px}}
@media(max-width:760px){.header .approved-logo{width:120px;height:35.27px}.header .button:not(.outline){height:50px;font-size:17px;padding:4px 5px 4px 12px;gap:10px}.hero{grid-template-columns:1fr;min-height:0;padding:40px 0 48px;gap:28px}.hero-collage{max-width:500px;justify-self:center}.hero-copy{text-align:center}.hero-copy>p{margin:6px auto 20px}.hero-copy h1{margin-bottom:6px}.hero .button{font-size:17px;max-width:100%}.hero-note{justify-content:center}.collage-card strong{font-size:15px}.collage-card em{font-size:10px}.collage-woman strong,.collage-dog strong{font-size:9px}.section{padding-block:48px}.gift{grid-template-columns:1fr;gap:28px}.gift h2{font-size:32px;line-height:38px}.gift-copy .button{width:100%;font-size:17px}.gift-copy>p:not(.caption){line-height:21px;margin:6px 0 24px}.gift-copy .unwrap{display:flex;margin:8px auto 0}.gift-copy>.caption{margin-top:12px}.section-heading h2{font-size:34px;line-height:1.12}.section-heading>p{margin-top:6px;line-height:20px}.keepsake-grid{grid-template-columns:1fr}.faq>div:first-child{min-height:245px}.faq{gap:24px}.faq h2{font-size:34px;line-height:1.12}.faq-silhouette{width:220px;left:auto;right:0;top:25px;opacity:.5}.faq-smile{width:82px;height:82px;top:138px;left:28px}.faq-doodle>span{top:131px;left:128px;font-size:44px}.faq-list details{padding:16px 0}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px;line-height:20px}.final-cta>.wrap{display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden}.banner-copy{order:0;text-align:center;padding:48px 16px 0;width:100%}.banner-copy h2{font-size:38px;line-height:1.08;margin-bottom:28px}.banner-copy .eyebrow{font-size:8px}.banner-copy .button{font-size:17px;width:100%;max-width:360px;gap:10px;padding-left:12px}.banner-pets{order:1;width:100%;max-width:500px;margin:0 auto -2%;align-self:center}.session-header{width:calc(100% - 32px);min-height:88px;padding:0;gap:12px}.session-brand{gap:12px}.session-header .approved-logo{width:110px;height:32.33px}.home-link{height:35px;font-size:12px;padding:0 10px}.session-layout,.results-layout{display:flex;flex-direction:column;width:calc(100% - 32px);margin:24px auto 0;gap:0;padding-bottom:calc(135px + env(safe-area-inset-bottom));max-width:none}.session-layout>section{width:100%}.mobile-progress{order:-1;width:100%;margin-bottom:24px}.mobile-progress .order-panel{padding:12px;border-radius:12px}.mobile-progress h2{display:none}.mobile-progress .order-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-progress .order-step{display:flex;flex-direction:column;gap:6px;font-size:11px;min-height:0;text-align:center}.mobile-progress .order-step:after{height:1px;width:100%;top:14px;left:50%}.mobile-progress .step-circle{width:28px;flex-basis:28px;height:28px}.order-step .long-label{display:none}.session-aside{width:100%;position:static}.session-aside>.order-panel{display:none}.session-action{position:fixed;left:0;right:0;bottom:0;z-index:10;border-radius:0;border:0;border-top:1px solid var(--line);padding:10px 16px calc(16px + env(safe-area-inset-bottom));background:var(--cream);margin:0;display:flex;flex-direction:column;gap:6px;box-shadow:none;backdrop-filter:none}.session-action .selection-overview{display:none!important}.session-action>p{order:-1;font-size:12px;line-height:17px;margin:0}.session-action>.button{font-size:17px;height:50px;padding:4px 5px 4px 18px}.session-aside #lineup-panel{display:none}.selection-mobile{margin:0 0 16px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#f5efe5;display:flex;align-items:center;justify-content:space-between;gap:12px}.selection-mobile button{font-size:13px;min-height:35px;border:0;background:none;text-decoration:underline}.lineup-open .session-aside #lineup-panel{bottom:120px;max-height:60dvh}.session-title h1,#photos-view .session-title h1{font-size:40px;line-height:44px}.session-title>p{font-size:13px;line-height:21px}.photo-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-card{padding:10px;border-radius:17px}.photo-card-heading h2{font-size:16px}.photo-card-heading>span{font-size:20px;display:flex;align-items:center}.photo-guide{font-size:11px;line-height:15px;padding:7px 8px;min-height:0;margin:10px 0}.photo-drop{height:175px;min-height:175px;gap:8px}.photo-drop>img{height:173px}.photo-drop strong{font-size:13px}.photo-drop small{font-size:10px}.photo-status{font-size:11px!important}.remove-photo{width:100%;font-size:13px;padding:0 6px;gap:6px}.remove-photo svg{width:16px;height:16px}.people-filter summary{font-size:12px;padding:0 9px;gap:7px}.category-tabs{gap:12px;min-width:0}.category-tabs button{font-size:10px}.catalog-toolbar{gap:10px}.filter-person{display:none}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.results-layout #result-portraits{grid-template-columns:1fr;gap:24px}.results-layout .result-actions{position:fixed;bottom:0;left:0;right:0;z-index:10;border-radius:0;padding:10px 16px calc(16px + env(safe-area-inset-bottom));margin:0;gap:6px;background:var(--cream)}.result-actions h2,.result-actions #new-session{display:none}.result-actions #result-price-note{order:-1;text-align:center}.result-actions:not(:has(#purchase-preview:not([hidden]))){position:static;margin-top:20px}.result-actions:not(:has(#purchase-preview:not([hidden]))) #new-session{display:block}.session-message{bottom:125px}.photo-permission{font-size:10px}dialog,#purchase-dialog{padding:64px 20px 20px}.match-card{padding:16px;gap:16px}.match-card h2{font-size:20px}}
@media(min-width:761px){.mobile-progress,.selection-mobile{display:none}.order-step .short-label{display:none}}
@media(max-width:360px){.banner-copy .button{font-size:15px}.category-tabs{gap:8px}.people-filter summary{font-size:11px;padding:0 7px}.remove-photo{font-size:11px}.session-brand{gap:6px}.session-header .approved-logo{width:100px;height:29.39px}.home-link{font-size:11px}.photo-card{padding:8px}}
.button>.button-label{font-size:inherit;font-weight:inherit;line-height:inherit}
.photo-cards{align-items:stretch}.photo-card{display:flex;flex-direction:column}.photo-guide{flex:none}.photo-drop{flex:none}.photo-card .remove-photo{align-self:flex-start}
.logo .approved-logo .logo-base{width:28%;height:92%}.logo .approved-logo .logo-type{width:68.79%;height:70.32%}.logo .approved-logo .logo-mark img{width:125.21%;height:125.21%}.logo>.approved-logo{align-self:center;margin-top:0}
@media(max-width:760px){.hero-collage{width:94%}.upload-tile .approved-logo{width:40px;height:14px}}
.faq .faq-doodle .faq-silhouette{width:115%;height:auto;max-width:none}.faq .faq-doodle .faq-smile{width:104px;height:104px}
@media(max-width:760px){.faq .faq-doodle .faq-silhouette{width:220px;height:220px}.faq .faq-doodle .faq-smile{width:82px;height:82px}}
/* Close glyph and close control must not share positioning. */
svg.ui-icon.icon-close,dialog svg.ui-icon.icon-close,#session-info svg.ui-icon.icon-close{position:static;inset:auto;display:block;width:18px;height:18px;padding:0;margin:0;border:0;border-radius:0;background:none;color:inherit;flex:none}
.photo-guide:before{content:'i';display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:13px;height:13px;flex:0 0 13px;font-size:10px;line-height:1;margin-right:7px;align-self:flex-start;margin-top:2px}
@media(max-width:760px){.photo-guide{height:auto}.banner-copy .button{font-size:17px}}
.hero-copy .eyebrow,.hero-copy h1{margin-bottom:6px}

/* Figma home: approved gallery artwork and final banner composition. */
#landing-looks .crop-one{background-image:url('/assets/figma/dff0d.webp');background-size:cover;background-position:center}
#landing-looks .crop-two{background-image:url('/assets/figma/02bce.webp');background-size:cover;background-position:center}
#landing-looks .crop-three{background-image:url('/assets/figma/3ee2f.webp');background-size:cover;background-position:center}
#landing-looks .beach-bg{background-image:url('/assets/figma/0ed1f.webp');background-size:cover;background-position:55% center}
.photo-guide:before{align-self:center;margin-top:0}
@media(min-width:761px){
.final-cta>.wrap{display:block;min-height:0;height:clamp(330px,35.234375vw,451px);max-width:1280px}
.final-cta .banner-pets{position:absolute;left:-1.953125%;top:12.086%;width:53.828125%;max-width:none;height:auto;margin:0;z-index:1}
.final-cta .banner-copy{position:absolute;left:48.75%;top:25.1685%;width:50.46875%;padding:0;text-align:left}
.final-cta .banner-copy .eyebrow{font-size:10px;line-height:16px;letter-spacing:1.6px;margin:0}
.final-cta .banner-copy h2{font-size:clamp(34px,4.5vw,57.6px);line-height:1.08;letter-spacing:-.055em;margin:0 0 30px;white-space:nowrap}
.final-cta .banner-copy h2 .serif{letter-spacing:-.045em}
.final-cta .banner-copy .button{width:326px;font-size:17px;gap:14px;padding:4px 5px 4px 18px}
}
@media(min-width:761px){.final-cta .banner-copy .button{margin-top:0}}
.purchase-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.purchase-row:first-child{padding-top:0}.purchase-row>img{width:56px;height:56px;flex:none;object-fit:cover;border-radius:8px}.purchase-row-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.purchase-row-copy span{font-size:12px;line-height:16px}.purchase-row-copy strong{font-size:15px;line-height:20px}.cart-remove{display:grid;place-items:center;width:28px;height:28px;flex:none;border:0;border-radius:50%;background:#eee9df;color:var(--muted);font-size:22px;line-height:1;padding:0}.purchase-footer{display:flex;flex-direction:column;gap:10px}.cart-empty{padding:12px 0}.add-to-order{margin-top:12px}.add-to-order[hidden]{display:none}.leave-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;margin-top:24px}.leave-actions .compact-action{height:50px}.leave-actions .button{flex:1}
@media(max-width:760px){.results-layout .result-actions{position:static;border:1px solid var(--line);border-radius:16px;padding:16px;margin:24px 0}.results-layout .result-actions h2{display:block}.results-layout .result-actions #new-session{display:block}.results-layout .purchase-footer:has(#purchase-preview:not([hidden])){position:fixed;bottom:0;left:0;right:0;z-index:10;padding:10px 16px calc(16px + env(safe-area-inset-bottom));background:var(--cream);border-top:1px solid var(--line);gap:6px}.purchase-row>img{width:56px;height:56px}.leave-actions{flex-direction:column-reverse}.leave-actions button{width:100%;flex:none}}
/* Keep each catalog image pinned to the same top inset, regardless of caption length. */
.catalog-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.catalog-card .catalog-art{width:100%;flex:none}.catalog-card .catalog-copy{width:100%}
/* Approved Figma gift composition; proportional geometry keeps mobile artwork intact. */
.gift .gift-art{container-type:inline-size;height:auto;aspect-ratio:535/480;margin:0;border-radius:46% 46% 20px 20px}
.gift-art .gift-card{width:70.093%;padding:2.99065%;border-radius:5px;transform:rotate(-9deg)}
.gift-art .gift-photo{height:auto;aspect-ratio:343/245;background-image:url('/assets/figma/0ed1f.webp');background-size:cover;background-position:center}
.gift-art .gift-message{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:3.3645cqw;line-height:1.6;padding:3.7383cqw 0 1.3084cqw;white-space:nowrap}
.gift-art .gift-message span{font-size:2.4299cqw;line-height:1.6}
.gift-art .ribbon{position:absolute;left:66.213%;top:81%;right:auto;bottom:auto;padding:1.8692cqw 3.7383cqw;border-radius:42px;font-size:1.8692cqw;line-height:1.6;letter-spacing:.1869cqw;white-space:nowrap;transform:rotate(10deg);z-index:3}
.gift-art .gift-heart{position:absolute;left:9%;top:61%;bottom:auto;font:400 16.8224cqw/1 'DM Sans',sans-serif;transform:rotate(-54.33deg);z-index:2}
.gift-art .gift-cloud{position:absolute;left:72.725%;top:40.2%;width:21.02%;height:auto;transform:rotate(16.92deg);z-index:2}

.photo-status.verified{color:#426e4d}.photo-status.error{color:#a03e21}.photo-status{overflow-wrap:anywhere}

/* Mobile closing section: one spacing rhythm and paws resting on the footer edge. */
@media(max-width:760px){
  .final-cta>.wrap{overflow:visible}
  .final-cta .banner-copy{padding:36px 20px 0}
  .final-cta .banner-copy .eyebrow{margin:0 0 6px;line-height:1.5}
  .final-cta .banner-copy h2{font-size:clamp(30px,8.7vw,38px);line-height:1.12;margin:0}
  .final-cta .banner-copy .button{margin-top:24px;font-size:clamp(13px,4vw,17px)}
  .final-cta .banner-pets{width:100%;max-width:none;margin:16px 0 -5.99%;clip-path:inset(0 0 8.99% 0)}
  footer.wrap{padding-block:28px 24px}
  .footer-top{display:grid;grid-template-columns:1fr auto;gap:20px 12px;padding-bottom:24px}
  .footer-top p{grid-column:1/-1;order:3;margin:0;font-size:12px;line-height:1.5}
  .footer-bottom{padding-top:20px;gap:16px;font-size:10px}
  .footer-bottom>div{gap:16px 24px;align-items:center}
  .footer-bottom button{font-size:11px}
}