:root{--navy:#14324a;--yellow:#f4c72d;--paper:#faf7ee;--ink:#23313b;--muted:#65727a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,sans-serif}a{color:inherit}button,input{font:inherit}button,a.btn{cursor:pointer;background:var(--navy);color:white;border:0;border-radius:4px;padding:14px 24px;display:inline-block;text-decoration:none;font-weight:700}button:hover,a.btn:hover{background:#285b79}button.secondary{color:var(--navy);background:#e8e8e0}.review{background:var(--navy);color:white;text-align:center;font-size:12px;letter-spacing:.04em;padding:7px 18px}header{max-width:1240px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;align-items:center;gap:15px}header .brand{font-weight:850;font-size:25px;text-decoration:none;letter-spacing:-1px}header nav{display:flex;gap:20px;font-size:14px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:750;color:var(--muted)}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(42px,5.4vw,76px);letter-spacing:-2px;margin:18px 0 24px}h2{font-size:35px}h3{font-size:26px}p{margin:0 0 24px}.wrap{max-width:1180px;margin:auto;padding:32px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:35px 0 65px}.hero img{width:100%;border-radius:4px}.caption{font-size:12px;color:var(--muted);margin:8px 0}.lead{font-size:21px;line-height:1.6;color:#4b5c67}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{background:white;border:1px solid #deded2;border-radius:5px;overflow:hidden}.card img{width:100%;height:230px;object-fit:cover}.card .body{padding:27px}.card h3{margin:15px 0}.tag{background:var(--yellow);padding:4px 10px;font-size:12px;font-weight:bold}.rule{border-top:1px solid #d7d7ca;padding-top:30px;margin-top:50px}.article-head{max-width:850px;margin:30px auto 45px}.article-head h1{font-size:clamp(40px,5vw,65px)}.article-hero{width:100%;max-height:620px;object-fit:cover}.article-layout{display:grid;grid-template-columns:minmax(0,740px) 300px;gap:70px;margin-top:45px}.prose{font-family:Georgia,serif;font-size:21px;line-height:1.75}.prose h2{margin:45px 0 22px}.prose p:first-child{font-size:24px}.skyscraper{background:var(--navy);color:white;min-height:600px;padding:24px;position:sticky;top:25px;text-align:center;border-radius:4px;display:flex;flex-direction:column;justify-content:center}.skyscraper img{width:100%;margin:15px 0}.skyscraper h3{font-size:38px}.skyscraper .btn{background:var(--yellow);color:var(--navy)}.banner{background:var(--yellow);max-width:728px;min-height:90px;margin:35px 0;display:flex;align-items:center;justify-content:space-between;padding:15px 25px;gap:20px}.banner strong{font-size:23px;line-height:1.3}.notes{font-family:system-ui,sans-serif;font-size:14px;background:#eeebdf;padding:24px;border-left:3px solid var(--yellow)}footer{max-width:1180px;margin:50px auto;padding:30px 32px;border-top:1px solid #d6d7ca;font-size:13px;color:var(--muted)}.post{background:white;border:1px solid #ddd;border-radius:7px;overflow:hidden}.post p{padding:22px;margin:0}.post img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover}.post .comment{font-size:14px;background:#eee;padding:15px 22px}.offer{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:start}.offer img{width:100%;border-radius:4px}.price{font-size:44px;font-weight:800}.checkout{background:white;border:1px solid #ddd;padding:28px;border-radius:5px}.line{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:13px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}input{padding:12px;border:1px solid #aaa;width:150px;border-radius:3px}.state{background:#f5e6ab;padding:14px;font-size:14px}.hidden{display:none}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-layout aside{display:none}.hero,.offer{grid-template-columns:1fr;gap:20px}.grid{grid-template-columns:1fr}.card{display:grid;grid-template-columns:1fr 1fr}.card img{height:100%;min-height:220px}.wrap{padding:22px}.hero{padding-top:10px}.banner{flex-wrap:wrap}header{padding:20px 22px}header nav{gap:10px;font-size:12px}}@media(max-width:550px){.card{display:block}.card img{height:250px}.prose{font-size:19px}.review{font-size:10px}header .brand{font-size:22px}.lead{font-size:19px}}
/* PHH story 01: headline, photograph, story, one quiet invitation. */
.phh-article{background:#fffdf8;color:#242b30}.phh-story{max-width:1130px;padding-top:28px}.phh-story .article-head{max-width:930px;margin:26px auto 42px;text-align:center}.phh-story .article-head h1{margin:0;font-size:clamp(38px,5.3vw,66px);line-height:1.09}.phh-story .article-hero{display:block;max-height:590px;object-position:center 45%;border-radius:3px}.phh-prose{max-width:740px;margin:52px auto 0}.phh-prose section:first-child p:first-child{font-size:23px;line-height:1.7}.phh-prose a{text-decoration-color:#b08c26;text-underline-offset:4px}.belief-banner{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:34px;max-width:940px;margin:58px auto 72px;background:#142f42;color:#fffdf7;padding:38px 42px;text-decoration:none;border-radius:5px;overflow:hidden;box-shadow:0 12px 35px #17334912}.banner-kicker{display:block;font:700 10px/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.19em;color:#f4cf4b;margin-bottom:12px}.belief-banner strong{display:block;font:400 clamp(29px,3vw,39px)/1.08 Georgia,serif;letter-spacing:-.7px}.banner-link{display:inline-block;margin-top:22px;font:650 14px/1.4 system-ui,sans-serif;border-bottom:1px solid #f4cf4b;padding-bottom:4px}.banner-link span{margin-left:8px}.belief-banner:hover .banner-link{color:#f4cf4b}.belief-banner:focus-visible{outline:3px solid #bd8c00;outline-offset:5px}.belief-beats{display:flex;align-items:center;justify-content:center;gap:12px}.belief-beat{flex:1;min-width:0;text-align:center;animation:belief-pop 4.8s both infinite;transform-origin:50% 80%}.belief-beat:nth-child(2){animation-delay:.34s}.belief-beat:nth-child(3){animation-delay:.68s}.beat-label{display:block;font:500 10px/1.4 system-ui,sans-serif;letter-spacing:.06em;margin-top:16px;color:#d8e1e4}@keyframes belief-pop{0%,5%{opacity:.45;transform:translateY(9px) scale(.87)}14%,21%{opacity:1;transform:translateY(-4px) scale(1.06)}28%,100%{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:650px){.phh-story{padding:26px 20px}.phh-story .article-head{margin:10px 0 28px;text-align:left}.phh-story .article-head h1{font-size:40px;letter-spacing:-1.3px}.phh-story .article-hero{min-height:230px;object-fit:cover}.phh-prose{margin-top:32px}.phh-prose section:first-child p:first-child{font-size:21px}.belief-banner{grid-template-columns:1fr;gap:28px;margin:38px 0;padding:28px}.belief-banner strong{font-size:36px}.belief-beats{gap:16px}.beat-label{font-size:11px}}@media(prefers-reduced-motion:reduce){.belief-beat{animation:none}}

/* Keep the entire hero photograph and restore the desktop companion banner. */
.phh-story .article-hero{width:100%;height:auto;max-height:none;min-height:0;object-fit:contain;object-position:center;aspect-ratio:3/2}
.phh-story-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:52px;align-items:start;margin-top:48px}
.phh-story-layout .phh-prose{max-width:none;min-width:0;margin:0}
.phh-sidebar{align-self:stretch}.phh-sidebar .skyscraper{min-height:0;padding:30px 22px;top:24px}.phh-sidebar .skyscraper h3{margin:22px 0 12px}.phh-sidebar .skyscraper img{height:auto;max-height:none;object-fit:contain;border-radius:2px}.sidebar-detail{font:400 14px/1.7 system-ui,sans-serif;margin:12px 0 24px;color:#d8e1e6}.phh-sidebar .caption{margin-top:18px}
.story-photo{margin:38px 0 44px}.story-photo img{display:block;width:100%;height:auto;object-fit:contain;border-radius:3px}.story-photo figcaption{font:400 12px/1.6 system-ui,sans-serif;color:#73776f;margin-top:10px}
.mini-sign-photo{display:block;aspect-ratio:2.8;overflow:hidden;border-radius:2px;box-shadow:2px 6px 12px #0004;transform:rotate(-3deg)}.mini-sign-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.belief-beat:nth-child(2) .mini-sign-photo{transform:rotate(2deg)}
@media(max-width:900px){.phh-story-layout{grid-template-columns:minmax(0,1fr);gap:0;margin-top:36px}.phh-sidebar{display:none}.phh-story-layout .phh-prose{max-width:740px;margin:0 auto}.belief-banner{max-width:740px}.phh-story .article-hero{height:auto;min-height:0;max-height:none}}
@media(max-width:650px){.phh-story-layout{margin-top:30px}.story-photo{margin:30px 0 34px}.belief-beats{gap:12px}.mini-sign-photo{aspect-ratio:2.65}}
/* A compact outline of the places and people the reminder can encourage. */
.phh-sidebar .skyscraper{padding:25px 20px}.phh-sidebar .skyscraper h3{font-size:38px;margin:17px 0 12px}.sidebar-intro{font:400 13px/1.6 system-ui,sans-serif;margin:0;color:#e0e7e8}.sidebar-places{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;margin:10px 0 14px;padding:0;text-align:left;font:600 12px/1.5 system-ui,sans-serif}.sidebar-places li{padding:8px 9px;border:1px solid #ffffff30;border-radius:3px;color:#f9e8b0}.sidebar-craft{font:600 11px/1.6 system-ui,sans-serif;margin:0 0 15px;color:#e6dfce}.sidebar-purpose{font:400 12px/1.65 system-ui,sans-serif;margin:0 0 22px;color:#d3dce2;text-align:left}

.phh-campaign-top{max-width:1130px;margin:auto;padding:16px 32px;display:flex;justify-content:space-between;font:600 13px/1.4 system-ui;color:#14324a;border-bottom:1px solid #e5dfd1}.phh-campaign-top a{text-decoration:none}.giveaway-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:42px;align-items:start;padding:35px 0}.giveaway-grid img{width:100%;height:auto}.phh-campaign .giveaway-grid h1{font-size:clamp(38px,4.1vw,54px);line-height:1.08;letter-spacing:-1.5px}.phh-campaign .phh-campaign-top a{color:#14324a}.entry-form{font:15px/1.5 system-ui;background:#fff;padding:24px;border:1px solid #dfdfd4;border-radius:5px}.entry-form label{display:block;margin:0 0 8px}.entry-form input[type=email]{width:100%;margin:0 0 16px}.entry-form button{width:100%}.entry-form .check{display:flex;gap:9px;margin:16px 0;font-size:13px}.entry-form input[type=checkbox]{width:18px;flex:none;align-self:start}.entry-form .fine{font-size:12px;line-height:1.6;margin:15px 0 0;color:#54616a}.trap-field{position:absolute;left:-10000px}.entry-status{margin:15px 0 0;font-weight:600}.giveaway-rules{max-width:830px;margin:35px auto;padding:28px;border-top:1px solid #ddd;font:15px/1.7 system-ui}.giveaway-rules h2{font-size:29px}.giveaway-rules h3{font:700 16px/1.5 system-ui;margin:22px 0 6px}.giveaway-rules p{margin-bottom:16px}.giveaway-facts{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.giveaway-facts span{border:1px solid #d5c987;padding:7px 12px;font-size:13px}.phh-exit{border:0;padding:0;border-radius:7px;width:min(92vw,490px);max-height:90dvh;overflow:auto;background:#fffdf8;color:#24313b;box-shadow:0 20px 80px #0006}.phh-exit::backdrop{background:#132b3ccc}.phh-exit .exit-inner{padding:30px}.phh-exit h2{font-size:37px;margin:10px 0 15px}.phh-exit p{font-size:15px}.phh-exit .entry-form{padding:0;border:0;background:transparent}.exit-close{position:absolute;right:8px;top:8px;padding:6px 10px;background:transparent;color:#14324a}.exit-close:hover{background:#eee;color:#14324a}.phh-exit img{width:100%;height:150px;object-fit:cover;object-position:top}.campaign-footer{font:13px/1.6 system-ui}.campaign-footer button{padding:0;background:none;color:inherit;text-decoration:underline;font:inherit}.campaign-footer a{margin-right:14px}.commercial-label{font:600 10px/1.5 system-ui;letter-spacing:.16em;color:#65727a;margin-bottom:12px}.phh-story .prose p{font-size:21px}.phh-story .prose section:first-child p:first-child{font-size:23px}body.phh-campaign h1{font-family:Georgia,serif}body.phh-campaign{font:17px/1.7 system-ui,sans-serif;margin:0;background:#fffdf8;color:#23313b}.phh-campaign [hidden]{display:none!important}.phh-campaign .skyscraper a.btn{font:700 15px/1.5 system-ui}.phh-campaign .skyscraper img{margin:15px 0}.phh-campaign .prose{font-family:Georgia,serif}.phh-campaign img{max-width:100%}@media(max-width:750px){.giveaway-grid{grid-template-columns:1fr;gap:22px;padding-top:15px}.giveaway-grid>div:last-child{grid-row:1}.giveaway-grid h1{font-size:42px}.phh-campaign-top{padding:14px 20px;font-size:11px}.giveaway-rules{padding:22px 0}.phh-story .prose p{font-size:19px}}

/* BELIEVE giveaway: show the prize before the signup on phones. */
@media(max-width:750px){
.giveaway-grid{row-gap:16px;padding-top:0}
.giveaway-grid>div:first-child{display:contents}
.giveaway-grid>div:first-child>img{grid-row:1;display:block;width:100%;height:auto;aspect-ratio:2.8;object-fit:cover;object-position:center top;border-radius:4px}
.giveaway-grid>div:last-child{grid-row:2}
.giveaway-grid>div:first-child>.caption{margin:0}
.phh-campaign .giveaway-grid h1{margin:10px 0 14px;font-size:36px}
.giveaway-grid .lead{font-size:17px;line-height:1.5;margin-bottom:18px}
.giveaway-grid .entry-form{padding:20px}
}

/* Keep the sign itself prominent beside the entry form on larger screens. */
.giveaway-grid>div:first-child>img{display:block;width:100%;height:auto;aspect-ratio:2.8;object-fit:cover;object-position:center top;border-radius:4px}