/* PhotoBasket V2 — gentle refinements to the original page. */
:root { --font-body:'Segoe UI Variable','Segoe UI',Arial,sans-serif; --font-display:Georgia,'Times New Roman',serif }
html { scroll-padding-top:38px }
.site-header { height:100px }
.site-header nav { gap:23px }
.site-header .nav-link { font-size:12px;font-weight:600;white-space:nowrap;transition:color .2s }
.site-header .nav-link:hover { color:var(--blue) }
.site-header .small-button { white-space:nowrap }
.language-switch { position:relative;z-index:30;flex:none }
.language-toggle { background:transparent;border:1px solid #dfe5ea;border-radius:10px;padding:10px 11px;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.5px }
.language-toggle:hover,.language-toggle[aria-expanded='true'] { background:#fff;border-color:#bacde9 }
.language-toggle .icon { width:12px;height:12px;transform:rotate(90deg);color:#7e90a4 }
.language-options { position:absolute;top:calc(100% + 10px);right:0;min-width:190px;padding:8px;background:#fff;border:1px solid #dde6f0;border-radius:12px;box-shadow:0 16px 36px #25354c22 }
.language-options a,.language-options span { display:block;padding:10px 12px;font-size:12px;border-radius:6px;white-space:nowrap }
.language-options a:hover { background:#eff4ff;color:var(--blue) }
.language-options [aria-disabled='true']{color:#a5acb8;cursor:default}
.hero-app-preview { position:absolute;right:5px;bottom:19px;width:215px;background:#fff;padding:7px;border:1px solid #e0e7ef;border-radius:12px;box-shadow:0 14px 32px #2b3b522b;transform:rotate(2.5deg);z-index:3 }
.hero-app-preview img { border-radius:6px;aspect-ratio:1.65;object-fit:cover;object-position:top left }
.hero-app-preview span { display:block;padding:6px 6px 1px;font-size:9px;letter-spacing:.4px;color:#607b99;font-weight:700;text-transform:uppercase }
.collage-caption { bottom:1px;left:0;right:auto }
.video-section { padding-top:78px;padding-bottom:30px }
.video-section .section-intro { margin-bottom:30px }
.video-intro h2 { max-width:840px;margin-left:auto;margin-right:auto }
.video-intro p:not(.eyebrow) { max-width:680px;margin-left:auto;margin-right:auto }
.video-shell { position:relative;max-width:1030px;margin:0 auto;padding:10px;border-radius:22px;background:#fff;border:1px solid #dfe6eb;box-shadow:0 25px 62px #3a52671c }
.product-video { display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#132339;border-radius:14px }
.video-bottom { max-width:990px;margin:21px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:11px;color:#718497 }
.video-bottom>span { display:inline-flex;align-items:center;gap:8px }
.video-bottom .icon { width:14px;height:14px;color:#628777 }
.video-bottom .hero-preview-link .icon { color:var(--blue) }
.preview-section { padding-top:85px;padding-bottom:65px }
.feature-showcase { padding-top:60px;padding-bottom:105px }
.feature-showcase .section-intro { max-width:740px;margin-left:auto;margin-right:auto }
.feature-showcase-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px }
.feature-showcase-card { min-width:0;background:#fff;border:1px solid #e0e6e8;border-radius:18px;overflow:hidden;box-shadow:0 8px 23px #182a3d0c;transition:transform .24s,box-shadow .24s }
.feature-showcase-card:hover { transform:translateY(-6px);box-shadow:0 18px 35px #182a3d1b }
.feature-screenshot { aspect-ratio:1.62;overflow:hidden;border-bottom:1px solid #edf0f3;background:#f1f5f8 }
.feature-screenshot img { width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .38s }
.feature-showcase-card:hover .feature-screenshot img { transform:scale(1.025) }
.feature-card-copy { padding:25px 25px 29px }
.feature-card-copy>span { display:block;color:#7899a4;letter-spacing:1.8px;font-size:9px;font-weight:700;margin-bottom:12px }
.feature-card-copy h3 { font-size:20px;line-height:1.28;letter-spacing:-.5px;font-weight:650;max-width:250px;margin-bottom:12px }
.feature-card-copy p { font-size:12px;line-height:1.8;color:var(--muted);margin:0 }
/* Pricing: simple two-card center treatment, no redundant feature-by-feature comparison. */
.release-section { display:block;padding-top:109px;padding-bottom:55px }
.release-copy { max-width:760px;text-align:center;margin:0 auto 39px }
.release-copy .eyebrow { justify-content:center }
.release-copy h2 { font-size:clamp(38px,4.8vw,55px);letter-spacing:-1.6px;margin-bottom:18px }
.release-copy>p:not(.eyebrow):not(.release-footnote) { margin:0 auto;max-width:600px;color:var(--muted);font-size:14px;line-height:1.8 }
.pricing { display:grid;grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;align-items:stretch;gap:20px;max-width:none;margin:0 auto }
.price-card,.pro-card,.trial-card { padding:31px 32px 27px;border-radius:17px;box-shadow:0 8px 28px #26374909 }
.trial-card { background:#fff;border:1px solid #e0e6ea }
.pro-card { background:linear-gradient(154deg,#2467d9,#174bb7 73%,#1544a4);border:1px solid #1c55c4;box-shadow:0 18px 37px #174fc521;overflow:visible }
.price-label,.pro-card .price-label { font-size:9px;letter-spacing:1.55px;margin-bottom:10px }
.trial-card h3,.pro-card h3 { font-size:19px;letter-spacing:-.25px;font-weight:700;margin:0 0 20px }
.trial-card .price-value,.pro-card .price-value { font-family:var(--font-body);font-size:clamp(66px,6.5vw,87px);letter-spacing:-4.7px;font-weight:800;line-height:1.04;display:flex;align-items:baseline;gap:7px;margin:0 0 11px }
.trial-card .price-value { color:#344353 }
.pro-card .price-value { color:#fff }
.trial-card .price-currency,.pro-card .price-currency { font-size:23px;letter-spacing:-.3px;font-weight:650 }
.price-card>p,.pro-card>p { font-size:12px;line-height:1.75;min-height:43px;max-width:none;margin:0 0 17px }
.trial-card>p { color:#718091 }
.pro-card>p { color:#e5eeff }
.plan-features { list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px;min-height:118px }
.plan-features li { display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#566a7a;line-height:1.45 }
.plan-features .icon { width:17px;height:17px;flex:none;color:#79a08c;margin-top:0 }
.plan-features li strong { font-weight:800;color:inherit }
.pro-card .plan-features li { color:#f4f7ff }
.pro-card .plan-features .icon { color:#bdeac8 }
.pro-card .plan-unlimited strong { font-size:16px;line-height:1.15;color:#fff }
.plan-button,.pro-card .pro-button { width:100%;margin:0;min-height:52px;font-size:13px;border-radius:10px;display:flex;justify-content:center;gap:12px;line-height:1.2 }
.secondary-plan { background:#eef3fc;color:#214c91;border:1px solid #d6e2f7 }
.secondary-plan:hover { background:#e2ecff;transform:translateY(-2px) }
.pro-card .pro-button { background:#fff;color:#174bb7;border:0;box-shadow:0 4px 9px #0a378c20;padding:13px 16px }
.pro-card .pro-button:hover { background:#f0f6ff }
.pro-badge { top:-14px;right:22px }
.pricing-shared { margin:28px auto 0;text-align:center;font-size:12px;color:#667687;line-height:2;max-width:840px }
.pricing-shared strong { margin-right:10px;color:#334656;font-weight:750 }
.pricing-shared span { color:#c2c8d1;padding:0 6px }
.pricing-notice { margin:12px auto 0;max-width:660px;text-align:center;color:#98a3ae;font-size:10px;line-height:1.8 }
.faq-section { padding-top:25px }
.footer-language { font-weight:600 }
/* Internationalization readiness: layout for expanded text and RTL forthcoming. */
html[dir='rtl'] .language-options{left:0;right:auto}
html[dir='rtl'] .footer-meta { text-align:start }
html[dir='rtl'] .cta-stack { text-align:start;align-items:flex-start }
@media(max-width:1100px) { .site-header nav {gap:13px} .site-header .nav-link {font-size:11px} .feature-card-copy { padding:19px } .hero-app-preview {right:40px} }
@media(max-width:900px) { .site-header .nav-link[href='#how'],.site-header .nav-link[href='#release'] { display:none } .site-header .nav-contact { display:inline-flex } .site-header nav {gap:14px} .release-section {display:block} .release-copy>p:not(.eyebrow):not(.release-footnote) { max-width:550px } .pricing { max-width:none;gap:18px } .feature-showcase-grid { gap:12px } .feature-card-copy h3 {font-size:17px} .feature-card-copy p{font-size:11px} .hero-app-preview {width:175px;bottom:6px;right:75px} }
@media(max-width:650px) { .site-header { height:85px } .site-header .nav-link {display:none!important} .site-header nav {gap:8px} .language-toggle {padding:9px;font-size:11px} .site-header .small-button {font-size:10px;padding:8px 9px} .site-header .small-button .icon {display:none} .hero-app-preview {width:165px;right:7px;bottom:-20px;transform:rotate(2deg)} .memory-collage{margin-bottom:45px} .collage-chip{left:138px;top:323px} .collage-caption{display:none} .video-section{padding-top:53px;padding-bottom:10px} .video-shell{padding:5px;border-radius:12px} .product-video{border-radius:8px} .video-bottom{justify-content:center;text-align:center;font-size:10px} .preview-section{padding-top:58px} .feature-showcase{padding-top:31px;padding-bottom:69px} .feature-showcase-grid{grid-template-columns:1fr;gap:16px;max-width:480px;margin:auto} .feature-screenshot{aspect-ratio:2} .feature-card-copy{padding:19px 20px 21px} .feature-card-copy h3{font-size:20px} .feature-card-copy p{font-size:12px} .release-section{padding-top:70px;padding-bottom:45px} .release-copy{margin-bottom:26px} .release-copy h2{font-size:38px} .pricing{grid-template-columns:minmax(0,400px);max-width:440px;gap:18px} .price-card,.pro-card,.trial-card{padding:28px} .trial-card h3,.pro-card h3{font-size:19px;margin-bottom:14px} .trial-card .price-value,.pro-card .price-value{font-size:76px;margin-bottom:12px} .pro-card .price-currency{font-size:22px} .plan-features{min-height:0;margin-bottom:20px} .plan-features li {font-size:13px} .pricing-shared{font-size:11px;padding:0 8px} .pricing-shared strong {display:block;margin-right:0} .pricing-notice{font-size:10px;line-height:1.6;margin-top:16px} .footer-meta>div{flex-wrap:wrap;gap:8px 12px} }
@media(max-width:370px) { .hero-app-preview{right:2px;width:137px;bottom:6px} .language-toggle {padding:7px} .site-header nav{gap:6px} .site-header .small-button{padding:8px} .site-header .small-button .cta-stack small{font-size:7px} }
@media(prefers-reduced-motion:reduce){.feature-showcase-card,.feature-screenshot img{transition:none}}

/* Compact accessible mobile menu; contact is included rather than hidden. */
.site-header{position:relative}
.mobile-menu-toggle {display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:34px;height:35px;border:1px solid #dce4ea;border-radius:9px;background:#fff}
.mobile-menu-toggle span {display:block;width:15px;height:2px;background:#647f93;border-radius:2px}
.mobile-nav {position:absolute;z-index:40;top:calc(100% - 7px);left:18px;right:18px;padding:11px;background:#fff;border:1px solid #dfe6eb;border-radius:14px;box-shadow:0 16px 40px #263a501b}
.mobile-nav a,.mobile-nav button {display:flex;align-items:center;justify-content:space-between;padding:13px 12px;border:0;background:transparent;width:100%;font-size:14px;font-weight:600;color:#314354;border-radius:7px;text-align:start}
.mobile-nav a:hover,.mobile-nav button:hover {background:#f2f6fc;color:var(--blue)}
.mobile-nav button .icon {height:16px;width:16px;color:var(--blue)}
@media(max-width:650px){.mobile-menu-toggle{display:flex} .site-header .release-button{display:none} .site-header nav{gap:9px} .site-header .wordmark img{width:36px;height:36px}}

@media(min-width:651px) and (max-width:900px) { .memory-collage {transform:scale(.68);margin-left:-175px} }


/* V2.1 refinements — retain the original visual identity and form design. */
/* Make navigation readable on large and medium screens. */
.site-header .nav-link {font-size:15px;font-weight:650;letter-spacing:.03px}
.site-header nav {gap:18px}
.site-header .language-toggle {font-size:13px}
.mobile-nav a,.mobile-nav button {font-size:16px}
@media(max-width:1100px){.site-header .nav-link{font-size:14px}.site-header nav{gap:13px}}
@media(max-width:900px){.site-header .nav-link[href="#tour-player"],.site-header .nav-link[href="#release"]{display:none}}
/* Clicking Watch now focuses the actual player, not the heading well above it. */
#tour-player {scroll-margin-top:clamp(18px,5vh,55px)}
.tour-play {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;background:rgba(15,37,65,.80);color:#fff;border:2px solid #fff9;border-radius:17px;box-shadow:0 15px 50px #081b3970;min-width:158px;min-height:104px;padding:19px 24px;z-index:2;font-size:13px;font-weight:700;backdrop-filter:blur(7px);transition:background .18s,box-shadow .18s,transform .18s}
.tour-play svg{width:39px;height:39px;display:block;filter:drop-shadow(0 2px 6px #030e1875)}
.tour-play:hover,.tour-play:focus-visible{background:#2465dfe6;box-shadow:0 22px 58px #0c2f6990;transform:translate(-50%,-50%) scale(1.045)}
.tour-play[hidden]{display:none!important}
@media(max-width:650px){.tour-play{min-width:0;min-height:0;padding:14px 17px;gap:5px;font-size:11px;border-radius:13px}.tour-play svg{width:28px;height:28px}}
/* Selected photo must be larger than thumbnails, including on mobile. */
.demo-workspace{grid-template-columns:minmax(0,1fr) 320px;gap:18px}
.preview-pane{padding:13px;box-shadow:0 8px 24px #28364a0b}
.preview-image-button{display:block;width:100%;padding:0;position:relative;overflow:hidden;background:#f5f8fb;border:1px solid #e2eaf2;border-radius:9px;cursor:zoom-in}
.preview-image-button .sample-photo{display:block;width:100%;aspect-ratio:1;transition:transform .2s}
.preview-image-button:hover .sample-photo{transform:scale(1.025)}
.preview-expand-label{position:absolute;bottom:10px;right:10px;display:inline-block;border-radius:7px;background:#162e46cc;color:white;font-size:11px;font-weight:700;padding:6px 9px}
.preview-pane h4{font-size:14px;margin:13px 0 10px}
.preview-meta{font-size:11px;grid-template-columns:51px 1fr;gap:7px 7px}
.demo-tags .demo-tag{font-size:10px}
@media(max-width:1100px){.demo-workspace{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:900px){.demo-workspace{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:650px){.demo-workspace{grid-template-columns:minmax(0,1fr);gap:20px}.preview-pane{display:block;width:100%;padding:14px}.preview-image-button{max-width:400px;margin:0 auto}.preview-image-button .sample-photo{min-height:210px;aspect-ratio:1.12}.preview-pane h4{font-size:15px}.preview-meta{font-size:12px;grid-template-columns:70px 1fr}.preview-expand-label{font-size:12px}}
.photo-zoom-dialog{width:min(580px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 34px);border:0;border-radius:18px;background:#fff;box-shadow:0 24px 80px #091e3b66;padding:25px 25px 20px;text-align:center;color:#28394b}
.photo-zoom-dialog::backdrop{background:#0d2034bb;backdrop-filter:blur(5px)}
.photo-zoom-close{position:absolute;top:8px;right:10px;width:41px;height:41px;border:0;border-radius:50%;background:#f0f4f9;font-size:29px;line-height:1;z-index:2}
.photo-zoom-frame{max-width:510px;width:100%;margin:20px auto 15px;overflow:hidden;border-radius:12px}
.photo-zoom-frame .sample-photo{display:block;width:100%;aspect-ratio:1;background-color:#d8dfd6}
.photo-zoom-dialog h2{font-size:21px;margin:8px 0 3px}.photo-zoom-dialog p{font-size:12px;color:#66798a;margin:0}
@media(max-width:650px){.photo-zoom-dialog{padding:22px 13px 17px}.photo-zoom-frame{margin-top:23px}}
/* FAQ: warmer layout and substantially more legible type, unchanged questions. */
.faq-section{display:grid;grid-template-columns:minmax(250px,.86fr) minmax(0,1.3fr);align-items:start;gap:56px;padding:64px 50px 95px;border-radius:22px;background:linear-gradient(132deg,#f0f4f6 0%,#f6f8fa 55%,#fdfbf7 100%);border:1px solid #e2e8eb;margin-top:34px;margin-bottom:65px}
.faq-aside .eyebrow{font-size:11px;color:#668978;letter-spacing:1.8px}
.faq-section .faq-aside h2{font-size:clamp(31px,3vw,40px);letter-spacing:-1px;line-height:1.25;margin:13px 0 28px}
.faq-photo{width:100%;height:250px;position:relative;border-radius:16px;overflow:hidden;background-image:url('assets/sample-memories.webp');background-size:300% 200%;background-position:0% 0%;background-repeat:no-repeat;box-shadow:0 18px 31px #4a5b6826}
.faq-photo::before{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#1726389c)}
.faq-photo-caption{position:absolute;bottom:17px;left:17px;right:12px;font-family:var(--font-display);font-style:italic;color:white;font-size:18px;line-height:1.25;text-shadow:0 1px 5px #17293e80}
.faq-list details{border-bottom:1px solid #dae3ea}
.faq-list details:first-child{border-top:1px solid #dae3ea}
.faq-list summary{font-size:16px;font-weight:650;line-height:1.4;color:#243648;padding:20px 2px;gap:18px}
.faq-list details[open] summary{color:#1757b8}
.faq-list summary .icon{width:19px;height:19px;flex:none;color:#497493}
.faq-list details p{font-size:14px;line-height:1.8;color:#526477;max-width:650px;padding:0 22px 19px 2px;margin:0}
@media(max-width:960px){.faq-section{grid-template-columns:1fr;gap:23px;padding:42px 36px 58px}.faq-aside{display:grid;grid-template-columns:1fr 240px;gap:18px;align-items:center}.faq-photo{height:170px}.faq-section .faq-aside h2{margin-bottom:0}}
@media(max-width:650px){.faq-section{margin:20px 20px 48px;padding:29px 21px 37px;border-radius:18px}.faq-aside{display:block}.faq-section .faq-aside h2{font-size:31px;margin:8px 0 19px}.faq-photo{height:205px;margin-bottom:15px}.faq-list summary{font-size:15px;padding:18px 0}.faq-list details p{font-size:13.5px;line-height:1.65}}
@media(prefers-reduced-motion:reduce){.tour-play,.preview-image-button .sample-photo{transition:none}}


/* V2.2: bigger photo preview, working circular tour play, no stretched FAQ image. */
#tour-player{scroll-margin-top:24px}
.video-shell{overflow:hidden}
.tour-play{
  position:absolute;left:50%;top:50%;z-index:4;
  display:grid;place-items:center;gap:0;
  width:104px;height:104px;min-width:0;min-height:0;
  padding:0;box-sizing:border-box;
  border:3px solid rgba(255,255,255,.96);border-radius:50%;
  color:#fff;background:rgba(22,62,115,.88);
  box-shadow:0 7px 0 rgba(255,255,255,.12) inset,0 15px 50px rgba(0,22,49,.55);
  backdrop-filter:blur(5px);cursor:pointer;
  transform:translate(-50%,-50%);
  transition:background .16s,transform .16s,box-shadow .16s
}
.tour-play svg{width:45px;height:45px;transform:translateX(3px);filter:drop-shadow(0 1px 5px #12294460)}
.tour-play:hover,.tour-play:focus-visible{background:rgba(26,99,214,.95);transform:translate(-50%,-50%) scale(1.08);box-shadow:0 17px 55px #103f8385}
.tour-play:focus-visible{outline:3px solid #ffad41;outline-offset:4px}
.tour-play[hidden]{display:none!important}
.video-error{position:absolute;left:50%;bottom:13%;transform:translateX(-50%);max-width:90%;padding:9px 15px;border-radius:9px;background:#fffef3;color:#763a16;font-size:14px;font-weight:600;z-index:5}
.video-error[hidden]{display:none!important}
/* Make the selected image dramatically larger than the grid thumbs, not just a 'View larger' caption. */
.demo-workspace{grid-template-columns:minmax(0,1fr) minmax(415px, 0.95fr);gap:24px}
.preview-pane{padding:15px;border-radius:13px;box-shadow:0 12px 34px #273d5215}
.preview-image-button{width:100%;display:block;border-radius:11px}
.preview-image-button .sample-photo{width:100%;aspect-ratio:1;min-height:350px}
.preview-expand-label{font-size:12px;padding:7px 11px}
.preview-pane h4{font-size:17px;margin-top:14px}
.preview-meta{font-size:12px;grid-template-columns:57px 1fr}
.demo-tags .demo-tag{font-size:11px}
/* Illustrated FAQ photo stack, same unaltered square crops as the opening hero. */
.faq-photo-collage{position:relative;height:328px;width:100%;max-width:430px;margin:10px auto 0;isolation:isolate}
.faq-photo-collage::before{content:'';position:absolute;width:230px;height:230px;left:18%;top:15%;background:#e8efec;border-radius:50%;z-index:-1}
.faq-print{position:absolute;margin:0;display:block;background:#fff;padding:9px 9px 0;border-radius:3px;box-shadow:0 12px 30px #24384b38,0 1px 3px #24384b14;transition:transform .2s ease}
.faq-print .sample-photo{display:block;width:100%;aspect-ratio:1;min-height:0;background-size:300% 200%;border-radius:2px}
.faq-print figcaption{padding:10px 2px 12px;font-family:var(--font-display);font-style:italic;font-size:14px;color:#52626b;line-height:1.1;text-align:center}
.faq-print-family{width:235px;left:8%;top:18px;z-index:1;transform:rotate(-8deg)}
.faq-print-girl{width:152px;right:0;top:82px;z-index:3;transform:rotate(10deg)}
.faq-print-girl figcaption{font-size:12px}
.faq-print-coast{width:136px;left:1%;bottom:2px;z-index:2;transform:rotate(-12deg)}
.faq-print-coast figcaption{font-size:11px}
.faq-print:hover{z-index:5;transform:rotate(0) translateY(-4px)}
@media(max-width:1100px){.demo-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,0.85fr);gap:18px}.preview-image-button .sample-photo{min-height:300px}}
@media(max-width:900px){.demo-workspace{grid-template-columns:minmax(0,1fr) minmax(285px,0.85fr);gap:15px}.preview-image-button .sample-photo{min-height:265px}.faq-photo-collage{width:250px;height:210px;margin:0 auto}.faq-print-family{width:150px;left:7%;top:7px}.faq-print-girl{width:95px;right:1%;top:48px}.faq-print-coast{width:83px;left:2%;bottom:0}.faq-print figcaption{font-size:10px;padding:6px 1px 7px}}
@media(max-width:650px){
 .tour-play{width:73px;height:73px;border-width:2px;padding:0;border-radius:50%}
 .tour-play svg{width:32px;height:32px}
 .demo-workspace{grid-template-columns:minmax(0,1fr);gap:18px}
 .preview-pane{display:block;width:100%;padding:14px}
 .preview-image-button{max-width:100%;margin:0}
 .preview-image-button .sample-photo{min-height:0;aspect-ratio:1}
 .preview-pane h4{font-size:17px;margin-top:13px}
 .preview-meta{font-size:12px}
 .faq-photo-collage{width:min(100%,340px);height:275px;margin:10px auto 24px}
 .faq-print-family{width:205px;left:9%;top:10px}
 .faq-print-girl{width:135px;right:0;top:78px}
 .faq-print-coast{width:120px;left:0;bottom:0}
 .faq-print figcaption{font-size:12px;padding:8px 2px 10px}
}
@media(max-width:380px){.faq-photo-collage{height:235px}.faq-print-family{width:175px}.faq-print-girl{width:118px}.faq-print-coast{width:103px}}
@media(prefers-reduced-motion:reduce){.tour-play,.faq-print{transition:none}}
