/* Cliqsay visual refinement. Loaded after the generated application stylesheet. */
html{scroll-behavior:smooth}section[id]{scroll-margin-top:90px}
.site-header{box-shadow:0 3px 20px #14262a0a}
.nav-links{gap:22px;margin-right:200px}
.nav-links>a:not(.nav-cta):hover,.nav-links>a:not(.nav-cta):focus-visible{color:var(--copper);text-decoration:underline;text-underline-offset:6px}
.nav-cta,.primary-button{border-radius:5px!important;transition:filter .2s,transform .2s}
.nav-cta:hover,.primary-button:hover{filter:brightness(.92);transform:translateY(-2px)}
.hero{gap:54px;min-height:620px;padding-block:62px}
.hero h1{font-size:clamp(52px,5.5vw,78px);line-height:1.02}
.hero-lede{font-size:19px;line-height:1.55}
.order-section{padding-block:85px;background:#efe2d4}
.order-grid{gap:50px;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr)}
.order-intro h2{font-size:clamp(44px,4.5vw,64px);line-height:1.02}
.order-form{border:1px solid #d9c9b8;border-radius:12px;overflow:hidden;box-shadow:0 16px 45px #14262a16}
.form-title{padding-top:34px}
.form-title h3{font-size:27px;line-height:1.2}
.form-title p{font-size:13px;line-height:1.55}
.form-body{padding-block:28px 36px}
.package-options{gap:12px}
.option-card{position:relative;border-radius:9px;min-height:185px;padding:20px 18px;gap:12px;transition:border-color .2s,box-shadow .2s,transform .2s}
.option-card:hover,.option-card:focus-within{border-color:var(--copper);box-shadow:0 7px 22px #14262a12;transform:translateY(-2px)}
.option-card.selected{border:2px solid var(--copper);background:#fff4eb;box-shadow:0 6px 22px #b6613e24;padding:19px 17px}
.option-card strong{font-size:15px;line-height:1.3}
.option-card small{font-size:12px;line-height:1.5}
.option-card b{margin-top:auto}
.option-card:after{display:block;color:#4d5b5c;font-size:11px;line-height:1.4}
.option-card:nth-child(1):after{content:'A focused memory from one perspective'}
.option-card:nth-child(2):after{content:'A deeper interview and richer story'}
.option-card:nth-child(3):after{content:'More voices from your family'}
.form-body textarea,.form-body input:not([type=radio]):not([type=checkbox]),.form-body select{border-radius:7px}
.form-body textarea:focus-visible,.form-body input:focus-visible,.form-body select:focus-visible{outline:2px solid var(--copper);outline-offset:2px}
#cliq-controls{box-shadow:0 2px 12px #14262a12}
body #cliq-controls{top:52px}
body.cliq-scrolled #cliq-controls{top:18px}
#cliq-controls button:hover,#cliq-controls button:focus-visible{color:var(--copper);outline-offset:2px}
@media(max-width:1100px){.nav-links{margin-right:145px;gap:14px}.order-grid{gap:30px}}
@media(max-width:800px){.nav-links{margin-right:0}.hero{min-height:auto}.order-grid{grid-template-columns:1fr}.order-intro{position:static}.order-intro h2{max-width:640px}}
@media(max-width:700px){.site-header{height:66px}.hero{padding-block:40px}.hero h1{font-size:clamp(44px,12vw,66px)}.hero-lede{font-size:17px}.order-section{padding-block:55px}.order-form{border-radius:9px}.form-title{padding:26px 22px 0}.form-body{padding:24px 22px}.package-options{grid-template-columns:1fr}.option-card{min-height:unset;gap:6px;padding:16px}.option-card.selected{padding:15px}.option-card b{margin-top:6px}#cliq-controls{box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.option-card,.nav-cta,.primary-button{transition:none}}
/* Keep wide album comparisons within their own horizontal scroller on phones. */
@media(max-width:620px){
 html,body{width:100%;max-width:100%;overflow-x:clip}
 main,section,.section-shell,.hero,.order-grid,.order-form{max-width:100%;min-width:0}
 .album-tier-table{display:grid;gap:12px;width:100%;max-width:100%;min-width:0;overflow:visible;background:transparent;border:0}
 .album-tier-head{display:none}
 .album-tier-row{min-width:0;width:100%;grid-template-columns:minmax(0,1fr);gap:0;background:#fffaf3;border:1px solid #cdbdac;border-radius:9px;overflow:hidden;box-shadow:0 4px 14px #14262a0c}
 .album-tier-row>strong{padding:15px 18px;background:#13272b;color:#fffaf3;border:0;font:22px Georgia,serif}
 .album-tier-row>strong:after{content:' photographs';font:12px Arial,sans-serif;letter-spacing:.02em}
 .album-tier-row>span{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-top:1px solid #e4d8c9;padding:15px 18px;color:#14262a;font-size:16px;white-space:nowrap}
 .album-tier-row>span:before{color:#425658;font-size:12px;line-height:1.3;font-weight:500;text-align:left;white-space:normal;max-width:52%}
 .album-tier-row>span:nth-child(2):before{content:'Digital edition'}
 .album-tier-row>span:nth-child(3):before{content:'Digital + 8 × 8 hardcover'}
 .album-tier-row>span:nth-child(4):before{content:'Digital + 10 × 10 hardcover'}
 .album-tier-row>span small{display:none}
 .site-header{justify-content:space-between}
 .site-header .brand{font-size:20px;flex:none}
 .site-header .menu-button{margin-left:auto;margin-right:172px;flex:none}
 body #cliq-controls{position:fixed;top:46px;right:10px;left:auto;z-index:9998;gap:0;padding:2px 3px;font-size:12px;white-space:nowrap}
 #cliq-controls span{max-width:78px}
 #cliq-controls button{padding:5px 3px}
 body.cliq-scrolled #cliq-controls{top:12px}
 .marquee{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:7px 12px;white-space:normal;text-align:center;letter-spacing:.08em;font:11px/1.25 Arial,sans-serif}
 .marquee i{display:none}
 .marquee span{min-width:0;padding:9px 5px}
 .marquee span:nth-of-type(odd){border-right:1px solid #ffffff50}
 .marquee span:nth-of-type(-n+2){border-bottom:1px solid #ffffff50}
 .hero h1,.order-intro h2,.section-heading h2{overflow-wrap:break-word}
 img,video{max-width:100%}
 /* An album spread has two desktop columns; its intrinsic text width was
    forcing the entire mobile document wider than the viewport. */
 .album-pages{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%}
 .album-pages article{min-width:0;max-width:100%;padding:22px 20px}
 .album-pages h4,.album-pages p{overflow-wrap:anywhere;max-width:100%}
 .album-cover{width:100%;max-width:100%;min-width:0}
 .album-cover>div:last-child{min-width:0;max-width:100%;padding:20px}
 .album-cover h3{overflow-wrap:anywhere;font-size:clamp(23px,6vw,29px)!important}
 .site-header{position:sticky}
 .site-header .menu-button{position:absolute;right:195px;top:50%;transform:translateY(-50%);margin:0;padding:6px}
 .vacation-album-grid{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%}
 .vacation-album-copy,.album-preview{min-width:0;max-width:100%;width:100%;box-sizing:border-box}
 .vacation-album-copy h2,.vacation-lede,.album-price-note{max-width:100%;overflow-wrap:break-word}
 .vacation-album-copy h2{font-size:clamp(36px,10vw,45px);line-height:1.08}
 .vacation-lede{font-size:16px;line-height:1.55}
 .album-preview{transform:none;padding:14px}
 .vacation-album-grid>*{min-width:0;max-width:100%}
 .album-preview,.album-cover,.album-pages{overflow:hidden}
 .album-cover-image{position:relative;width:100%;max-width:100%;height:auto;aspect-ratio:4/3;min-height:0!important;background:#d9c6ae;overflow:hidden}
 .album-cover-image img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important}
 .album-tier-table{min-width:0;box-sizing:border-box}
 .album-preview-note{overflow-wrap:anywhere}
}
@media(max-width:360px){.site-header .brand{font-size:17px;gap:5px}.site-header .brand-mark{width:30px;height:30px}#cliq-controls span{max-width:0;display:none}.site-header .menu-button{right:122px}}

/* Put tangible examples and the purchase path before the longer explanations. */
main.site{display:flex;flex-direction:column}
main.site>.announcement-bar{order:0}
main.site>.site-header{order:1}
main.site>.hero{order:2}
main.site>.marquee{order:3}
main.site>.examples-section{order:4}
main.site>.story-editions-section{order:5}
main.site>.memory-method-section{order:6}
main.site>.process-section{order:7}
main.site>.pricing-section{order:8}
main.site>.order-section{order:9}
main.site>.vacation-album-section{order:10}
main.site>.real-life-section{order:11}
main.site>.testimonials-section{order:12}
main.site>.privacy-section{order:13}
main.site>.faq-section{order:14}
main.site>.commerce-promise{order:15}
main.site>footer{order:16}
main.site>.formats-section,main.site>.comparison-section{display:none}
.memory-prompts article:nth-child(n+4){display:none}
.memory-method-section,.story-editions-section,.vacation-album-section,.real-life-section{padding-block:clamp(65px,7vw,95px)}

/* One order decision at a time; all inputs remain mounted and retain their values. */
.order-progress{display:grid;gap:8px;padding:25px 40px 20px;border-bottom:1px solid var(--line)}
.order-progress>span{color:var(--copper);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.order-progress>strong{font:22px Georgia,serif}
.order-progress-track{height:5px;border-radius:6px;background:#e7d9c9;overflow:hidden}
.order-progress-track:before{content:'';display:block;height:100%;width:var(--progress);background:var(--copper);transition:width .2s}
.order-form[data-step="1"]>[data-order-step]:not([data-order-step="01"]),
.order-form[data-step="2"]>[data-order-step]:not([data-order-step="02"]),
.order-form[data-step="3"]>[data-order-step]:not([data-order-step="03"]),
.order-form[data-step="4"]>[data-order-step]:not([data-order-step="04"]),
.order-form[data-step]:not([data-step="4"])>.order-total{display:none}
.order-step-actions{display:flex;justify-content:space-between;gap:12px;padding:22px 40px}
.order-step-actions button{cursor:pointer;min-height:44px;border:1px solid var(--copper);border-radius:5px;padding:10px 22px;font:600 14px Arial,sans-serif}
.order-step-back{background:transparent;color:var(--ink)}
.order-step-next{background:var(--copper);color:white;margin-left:auto}
.order-step-actions button:hover{filter:brightness(.94)}
@media(max-width:620px){.order-progress{padding:22px 20px 18px}.order-step-actions{padding:18px 20px}.order-step-actions button{flex:1}.memory-prompts{grid-template-columns:1fr}}