/* Cosmos Sequence navigation and editorial closing composition, adapted to Pet Life. */
html{scroll-padding-top:94px}.site-nav{height:92px;padding:24px 32px;background:linear-gradient(#f6f5f3 0%,#f6f5f3ed 55%,#ffffff00 100%);border:0;backdrop-filter:none;gap:20px}.nav-left{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:400}.nav-left>a:not(.logo){color:#72756e;white-space:nowrap}.nav-left>a:hover{color:#171c18}.site-nav .logo{font-size:22px;margin-right:5px}.nav-search{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:360px;height:56px;border:1px solid #eae9e7;border-radius:40px;background:#fbfaf9;box-shadow:0 1px 5px #00000008;padding:0 16px;color:#999c95}.nav-search>svg{width:18px;height:18px;flex:none}.nav-search input{font:13px Milling,Arial,sans-serif;border:0;background:none;min-width:0;flex:1;color:#424b42}.nav-search input:focus{outline:0}.nav-search:focus-within{outline:2px solid #9faea0;outline-offset:3px}.nav-search button{border:0;background:none;color:#7d887c;font:17px Arial;cursor:pointer;padding:7px}.nav-account{display:flex;align-items:center;gap:27px;font-size:13px}.nav-forever{color:#747b71!important}.site-nav .start{border-radius:999px;background:#101510;padding:16px 23px;font-size:13px;white-space:nowrap}.site-nav .start:hover{background:#344032}#search-results{position:absolute;top:63px;left:0;right:0;padding:8px;background:#fff;border:1px solid #ebece8;border-radius:18px;box-shadow:0 12px 30px #24332916}#search-results a{display:block;padding:12px 14px;border-radius:10px;font-size:13px;color:#4d5c4f}#search-results a:hover,#search-results a:focus{background:#f0f4ee}#search-results p{font-size:12px;padding:6px 12px;color:#899384}.closing{max-width:1504px;margin:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:70px;padding:110px 32px 105px;min-height:490px}.closing-copy{flex-shrink:0}.closing h2{font-size:clamp(54px,6.1vw,88px);line-height:1.15;letter-spacing:-.055em;margin:0 0 25px;font-weight:700;color:#101510;white-space:nowrap}.closing h2 span{font:27px Arial;vertical-align:top;display:inline-block;margin:8px 0 0 7px}.closing p{font-size:16px;line-height:1.5;max-width:300px;color:#535d51;margin:0 0 38px;padding-left:4px}.closing-cta{display:inline-flex;align-items:center;justify-content:center;background:#101510;color:#fff;border-radius:999px;text-decoration:none;font-size:14px;height:56px;padding:0 28px}.closing-cta:hover{background:#344032}.closing-imagery{position:relative;flex:1;aspect-ratio:809/270;min-width:0;margin-bottom:0}.closing-tile{position:absolute;overflow:hidden;border-radius:5px;background:#e9eee6;will-change:opacity,transform,filter}.closing-tile img{width:100%;height:100%;object-fit:cover;display:block}.closing .tile-0{left:22.58%;top:3.99%;height:95.63%;width:20.49%}.closing .tile-1{left:61.69%;top:0;height:100%;width:22.44%;border-radius:999px}.closing .tile-2{left:0;top:50.58%;height:49.42%;width:20.49%}.closing .tile-3{left:85.58%;top:35.05%;height:64.7%;width:14.42%}.closing .tile-4{left:44.98%;top:34.61%;height:65.06%;width:14.73%}.footer{padding-top:24px;border-top-color:#f0f1ed}
@media(max-width:1200px) and (min-width:901px){.nav-search{width:270px;left:55%}.nav-left{gap:17px;font-size:12px}.nav-account{gap:14px}.closing{gap:40px}.closing h2{font-size:70px}}
@media(max-width:900px){.site-nav{height:66px;padding:0 20px;background:#fffffff2}.nav-search{display:none}.nav-left{gap:17px;font-size:12px}.nav-account{gap:12px}.nav-forever{display:none}.site-nav .start{padding:12px 17px;font-size:12px}html{scroll-padding-top:68px}.closing{gap:35px;padding:80px 24px}.closing h2{font-size:60px}.closing-copy{max-width:300px}.closing-imagery{aspect-ratio:1.8}}
@media(max-width:650px){.nav-left>a:not(.logo){display:none}.site-nav .logo{font-size:22px}.site-nav .start{font-size:11px}.closing{flex-direction:column;align-items:stretch;gap:45px;padding:70px 22px 65px;min-height:0}.closing-copy{max-width:none}.closing h2{font-size:clamp(53px,15vw,76px);margin-bottom:18px}.closing h2 span{font-size:23px}.closing p{font-size:15px;max-width:285px;margin-bottom:28px}.closing-cta{width:100%;height:54px}.closing-imagery{width:100%;aspect-ratio:1.85;flex:auto;order:-1}.closing-tile{border-radius:4px}}
@media(prefers-reduced-motion:reduce){.closing-tile{will-change:auto}}

/* Closing memory frames share Rewind’s rounded glass and wandering rim light. */
.closing{align-items:center;gap:60px;min-height:540px;padding-top:100px;padding-bottom:100px}
.closing-copy{flex:0 1 430px}
.closing h2{white-space:normal;font-size:clamp(42px,4.4vw,64px);line-height:1.04;letter-spacing:-.055em;font-weight:500;color:#282826;margin-bottom:24px}
.closing p{max-width:300px;padding:0;margin:0;color:#787875;font-size:17px;line-height:1.5}
.closing-imagery{aspect-ratio:1.65;isolation:isolate}
.closing .closing-tile{box-sizing:border-box;padding:0;border:0;border-radius:32px;background:#efefed;overflow:hidden;box-shadow:0 16px 36px -14px #30343228;will-change:opacity,transform,filter;transform:rotate(var(--tilt));isolation:isolate}
/* Both layers use the same photo. Only the perimeter is stretched and softened. */
.closing-tile img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;object-position:50%40%;pointer-events:none}
.closing-tile .memory-image{transform:translate(var(--drift-x,0%),var(--drift-y,0%)) scale(var(--photo-scale,1.075));will-change:transform}
.closing-tile .memory-edge{transform:translate(var(--drift-x,0%),var(--drift-y,0%)) scale(calc(var(--photo-scale,1.075)*1.10),calc(var(--photo-scale,1.075)*1.045));filter:blur(1.7px);opacity:.78;mask-image:radial-gradient(ellipse at center,transparent 44%,#0008 68%,#000 94%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 44%,#0008 68%,#000 94%);will-change:transform}
.closing .closing-tile:before{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 2px #ffffffa6,inset 1px 0 2px #ffffff66,inset 0 -2px 5px #25251e19; background:radial-gradient(ellipse at 8% 0%,#ffffff4d,transparent 31%),radial-gradient(ellipse at 100% 100%,#ffffff26,transparent 25%)}
.closing .closing-tile:after{z-index:3;opacity:var(--light-strength,1);content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset var(--glow-x,16px) var(--glow-y,12px) var(--glow-soft,40px) rgb(191 243 164 / 80%),inset calc(var(--glow-x,16px)*-1) calc(var(--glow-y,12px)*-1) var(--glow-soft,40px) rgb(255 211 190 / 85%);background:radial-gradient(ellipse at var(--glow-pos-x,20%) var(--glow-pos-y,10%),#ffffff30,transparent 48%)}
.closing .tile-0{--tilt:-8deg;left:2%;top:23%;width:28%;height:63%;z-index:2}
.closing .tile-1{--tilt:5deg;left:36%;top:10%;width:31%;height:72%;z-index:4}
.closing .tile-2{--tilt:-4deg;left:70%;top:29%;width:28%;height:63%;z-index:3}
.closing .tile-3{--tilt:9deg;left:63%;top:2%;width:25%;height:59%;z-index:1}
.closing .tile-4{--tilt:4deg;left:18%;top:1%;width:25%;height:60%;z-index:1}
@media(max-width:900px){.closing{gap:30px}.closing-copy{flex-basis:310px}.closing h2{font-size:44px}.closing-imagery{aspect-ratio:1.15}}
@media(max-width:700px){
 .closing{flex-direction:column;align-items:stretch;min-height:0}
 .closing-copy{flex:auto;text-align:center}
 .closing h2{font-size:clamp(37px,10.5vw,48px);margin-bottom:17px}
 .closing p{max-width:270px;margin:auto;font-size:16px}
 .closing-imagery{order:-1;width:100%;flex:auto;aspect-ratio:1.2;margin:10px 0 0}
 .closing .closing-tile{border-radius:28px}
 .closing .tile-0{left:0;top:32%;width:40%;height:56%;--tilt:-7deg;z-index:2}
 .closing .tile-1{left:19%;top:9%;width:62%;height:64%;--tilt:2deg;z-index:4}
 .closing .tile-2{left:60%;top:34%;width:40%;height:56%;--tilt:7deg;z-index:3}
 .closing .tile-3,.closing .tile-4{display:none}
}

@media(prefers-reduced-motion:reduce){.closing .closing-tile,.closing-tile img{will-change:auto}}

/* Distinct traveling highlights make the ambient motion readable on a phone. */
.closing .memory-light{position:absolute;inset:0;z-index:4;border-radius:inherit;pointer-events:none;filter:blur(5px);opacity:.85}
.closing .memory-light:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:9px;background:conic-gradient(from var(--rim-angle,0rad),transparent 0deg,rgb(191 243 164 / 95%) 45deg,transparent 115deg,transparent 160deg,rgb(255 211 190 / 95%) 225deg,transparent 295deg,transparent 360deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;}