@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:optional;src:url("/assets/fonts/manrope-400.ttf") format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:optional;src:url("/assets/fonts/manrope-500.ttf") format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:optional;src:url("/assets/fonts/manrope-600.ttf") format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:optional;src:url("/assets/fonts/manrope-700.ttf") format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:optional;src:url("/assets/fonts/manrope-800.ttf") format("truetype")}
.responsive-site{--content-max:328px;--gutter:16px;--section-space:40px;--layout-gap:24px;--font-h1:36px;--font-h2:30px;--font-h3:20px;--font-body:16px;--header-height:72px;--logo-width:56px;--brand-size:11px;--hero-media-height:248px;--tile-height:264px;--panel-space:20px;}
@media(min-width:390px){.responsive-site{--content-max:350px;--gutter:20px;--section-space:48px;--layout-gap:24px;--font-h1:38px;--font-h2:32px;--font-h3:21px;--font-body:16px;--header-height:72px;--logo-width:60px;--brand-size:12px;--hero-media-height:264px;--tile-height:280px;--panel-space:24px;}}
@media(min-width:430px){.responsive-site{--content-max:382px;--gutter:24px;--section-space:48px;--layout-gap:32px;--font-h1:40px;--font-h2:34px;--font-h3:22px;--font-body:16px;--header-height:72px;--logo-width:64px;--brand-size:12px;--hero-media-height:288px;--tile-height:304px;--panel-space:24px;}}
@media(min-width:768px){.responsive-site{--content-max:704px;--gutter:32px;--section-space:56px;--layout-gap:32px;--font-h1:48px;--font-h2:38px;--font-h3:22px;--font-body:16px;--header-height:80px;--logo-width:72px;--brand-size:13px;--hero-media-height:360px;--tile-height:304px;--panel-space:24px;}}
@media(min-width:1024px){.responsive-site{--content-max:944px;--gutter:40px;--section-space:64px;--layout-gap:40px;--font-h1:52px;--font-h2:42px;--font-h3:23px;--font-body:17px;--header-height:80px;--logo-width:76px;--brand-size:14px;--hero-media-height:400px;--tile-height:320px;--panel-space:32px;}}
@media(min-width:1280px){.responsive-site{--content-max:1168px;--gutter:48px;--section-space:72px;--layout-gap:48px;--font-h1:60px;--font-h2:48px;--font-h3:24px;--font-body:17px;--header-height:80px;--logo-width:80px;--brand-size:15px;--hero-media-height:448px;--tile-height:344px;--panel-space:32px;}}
@media(min-width:1440px){.responsive-site{--content-max:1280px;--gutter:48px;--section-space:80px;--layout-gap:48px;--font-h1:64px;--font-h2:52px;--font-h3:26px;--font-body:18px;--header-height:80px;--logo-width:84px;--brand-size:16px;--hero-media-height:480px;--tile-height:360px;--panel-space:40px;}}

/* Shared layout and spacing. Each requested width has a profile above. */
.responsive-site{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:40px;--s8:48px;--pair-cols:1;--story-cols:1;--feature-cols:1;--terms-cols:1;--frame-cols:1;--page-inline:max(var(--gutter),calc((100% - var(--content-max))/2))}
body.responsive-site{margin:0;width:100%;min-width:0;font-family:Manrope,Arial,sans-serif;font-size:var(--font-body);line-height:1.7}
.responsive-site main,.responsive-site main>section,.responsive-site main>section>div,.responsive-site main article,.responsive-site main figure,.responsive-site nav{min-width:0;max-width:100%;box-sizing:border-box}
.responsive-site main p,.responsive-site h1,.responsive-site h2,.responsive-site h3,.responsive-site blockquote,.responsive-site dd,.responsive-site li{overflow-wrap:break-word}
.responsive-site section[id]{scroll-margin-top:calc(var(--header-height) + var(--s4))}
.responsive-site main img,.responsive-site main video{max-width:100%;display:block}
.responsive-site .section,.responsive-site .hero,.responsive-site .generation-hero,.responsive-site .cta-section,.responsive-site .generation-cta,.responsive-site .text-cta,.responsive-site .photo-cta,.responsive-site .greeting-cta,.responsive-site .album-cta,.responsive-site .prompts-cta{width:100%;max-width:none;margin:0;padding:var(--section-space) var(--page-inline);min-height:0;height:auto;max-height:none}
.responsive-site .header{height:var(--header-height);padding:0 var(--page-inline);gap:var(--s3)}
.responsive-site .brand{gap:var(--s2);min-width:0;flex:0 1 auto}
.responsive-site .brand img{width:var(--logo-width);height:auto;flex:none}
.responsive-site .brand span{font-size:var(--brand-size);line-height:1.25;padding-left:var(--s2);white-space:nowrap}
.responsive-site .button{min-height:48px;max-width:100%;padding:var(--s3) var(--s5);font-size:15px;line-height:1.4;text-align:center;white-space:normal;margin:0}
.responsive-site .header .button.small{min-height:44px;padding:var(--s3) var(--s4);font-size:13px;flex-shrink:0}
.responsive-site .motion-toggle,.responsive-site .video-pause,.responsive-site .modal-close,.responsive-site .filters button{min-height:44px;min-width:44px}
.responsive-site .video-pause,.responsive-site .modal-close{width:44px;height:44px}
.responsive-site .filters{display:flex;flex-wrap:wrap;gap:var(--s2)}
.responsive-site .filters button{padding:var(--s2) var(--s4)}
.responsive-site .hero,.responsive-site .generation-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--layout-gap);padding-top:calc(var(--header-height) + var(--s5));padding-bottom:var(--s6);align-items:center}
.responsive-site .hero-copy,.responsive-site .generation-hero-copy{min-width:0;max-width:none;padding:0;grid-column:1;grid-row:1}
.responsive-site .hero-copy h1,.responsive-site .generation-hero h1{font-size:var(--font-h1);line-height:1.08;letter-spacing:-.05em;margin:0 0 var(--s5)}
.responsive-site .generation-hero h1 span{display:block;font-size:.74em;line-height:1.15;letter-spacing:-.035em;margin-top:var(--s3)}
.album-page.responsive-site .generation-hero h1 span{font-size:1em;margin-top:0}
.greeting-page.responsive-site .generation-hero h1{font-size:calc(var(--font-h1)*.9)}
.responsive-site h1 sup{margin:var(--s2) 0 0 var(--s2)}
.responsive-site .hero-copy>p,.responsive-site .generation-lead{font-size:clamp(22px,calc(var(--font-h1)*.48),30px);line-height:1.4;letter-spacing:-.025em;margin:0 0 var(--s4)}
.responsive-site .hero-description,.responsive-site .generation-description{font-size:var(--font-body);line-height:1.7;max-width:58ch;margin:0 0 var(--s5)}
.responsive-site .hero-video,.responsive-site .generation-hero-media video{position:static;inset:auto;width:100%;height:var(--hero-media-height);margin:0;border-radius:var(--s4);object-fit:cover;object-position:center}
.responsive-site .hero-video{grid-column:1;grid-row:2}
.responsive-site .generation-hero-media{grid-column:1;grid-row:2;position:relative}
.responsive-site .generation-hero-media figcaption{font-size:12px;line-height:1.5;margin:var(--s3) 0 0;min-height:36px;padding-right:0}
.responsive-site .generation-hero-media .video-pause{right:var(--s4);bottom:64px}
.responsive-site .hero-bottom{position:static;inset:auto;grid-column:1/-1;grid-row:3;display:flex;flex-wrap:wrap;gap:var(--s4);width:100%;margin:0;justify-content:space-between;align-items:center}
.responsive-site .hero-bottom>a{font-size:10px;line-height:1.5;max-width:180px}
.responsive-site .hero-caption{display:none}
.responsive-site .hero-prompt{max-width:none;margin:var(--s5) 0;padding-top:var(--s4)}
.responsive-site .hero-prompt blockquote{font-size:var(--font-body);line-height:1.7;margin:var(--s3) 0 0}
.responsive-site .section h2,.responsive-site .cta-section h2,.responsive-site .generation-cta h2,.responsive-site .text-cta h2,.responsive-site .photo-cta h2,.responsive-site .greeting-cta h2,.responsive-site .album-cta h2,.responsive-site .prompts-cta h2{font-size:var(--font-h2);line-height:1.15;letter-spacing:-.045em;margin:0 0 var(--s4)}
.responsive-site .section h3{font-size:var(--font-h3);line-height:1.3;letter-spacing:-.025em;margin:0 0 var(--s3)}
.responsive-site .section p{font-size:var(--font-body);line-height:1.7;margin:0 0 var(--s4)}
.responsive-site .section p:last-child{margin-bottom:0}
.responsive-site .section-description{max-width:68ch;margin:0}
.responsive-site .section-heading{margin:0 0 var(--layout-gap);padding:0}
.responsive-site .section-action,.responsive-site .showcase>.section-action,.responsive-site .how-section>.section-action{margin-top:var(--s5)}
.responsive-site .split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);align-items:end}
.responsive-site .showcase-aside{max-width:none;padding:0}
.responsive-site .showcase-aside p{margin-bottom:var(--s4)}
.responsive-site .feature-grid,.responsive-site .steps,.responsive-site .occasion-grid,.responsive-site .finishing-grid,.responsive-site .album-context-grid,.responsive-site .order-grid{display:grid;grid-template-columns:repeat(var(--feature-cols),minmax(0,1fr));gap:var(--layout-gap)}
.responsive-site .gallery{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
.responsive-site .gallery.filtered{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.responsive-site .gallery .video-card,.responsive-site .gallery .video-card:last-child{height:var(--tile-height);min-width:0;grid-column:auto}
.responsive-site .card-bottom{padding:var(--s4);gap:var(--s3)}
.responsive-site .card-bottom>span{min-width:0}
.responsive-site .card-bottom strong{font-size:20px;line-height:1.3;overflow-wrap:break-word}
.responsive-site .card-bottom small{font-size:12px;line-height:1.45;white-space:normal}
.responsive-site .feature,.responsive-site .step,.responsive-site .task-card,.responsive-site .occasion-grid article,.responsive-site .finishing-grid article,.responsive-site .album-context-grid article{padding-top:var(--s5)}
.responsive-site .feature-icon{margin-bottom:var(--s4)}
.responsive-site .feature p,.responsive-site .step p{max-width:none}
.responsive-site .feature-tag{margin-top:var(--s4)}
.responsive-site .comparison-section,.responsive-site .prompt-section,.responsive-site .editorial,.responsive-site .faq-section,.responsive-site .scene-section,.responsive-site .ideas-section,.responsive-site .portrait-layout,.responsive-site .cat-section,.responsive-site .diagnostic-section,.responsive-site .photo-faq-section,.responsive-site .brief-layout,.responsive-site .comparison-text-section,.responsive-site .export-section,.responsive-site .personal-section,.responsive-site .greeting-review-section,.responsive-site .transition-section,.responsive-site .graduation-section,.responsive-site .prompt-scene{grid-template-columns:minmax(0,1fr);gap:var(--layout-gap)}
.responsive-site .comparison,.responsive-site .editorial-visual{height:var(--hero-media-height);min-height:0;border-radius:var(--s4)}
.responsive-site .comparison-copy h2,.responsive-site .editorial-copy h2,.responsive-site .faq-title h2{font-size:var(--font-h2)}
.responsive-site .comparison-copy p:not(.eyebrow),.responsive-site .prompt-copy>p:not(.eyebrow),.responsive-site .scene-copy p,.responsive-site .ideas-copy>p,.responsive-site .diagnostic-heading p,.responsive-site .personal-copy p{font-size:var(--font-body);line-height:1.7}
.responsive-site .prompt-builder,.responsive-site .personal-example,.responsive-site .photo-entry-card,.responsive-site .ready-prompt,.responsive-site .prompt-pair .ready-prompt,.responsive-site .annotated-prompt,.responsive-site .transition-study{width:100%;min-width:0;max-width:none;margin:0;padding:var(--panel-space);border-radius:var(--s4)}
.responsive-site .builder-heading{margin-bottom:var(--s5)}
.responsive-site .seo-guide-grid{display:grid;grid-template-columns:repeat(var(--pair-cols),minmax(0,1fr));gap:var(--layout-gap);margin-top:var(--s6)}
.responsive-site .seo-guide{padding-top:var(--s5)}
.responsive-site .prompt-formula{margin-top:var(--s5);padding-top:var(--s5)}
.responsive-site .guide-next,.responsive-site .frame-next,.responsive-site .export-next{margin-top:var(--s5);font-size:var(--font-body)}
.responsive-site .task-grid,.responsive-site .example-grid,.responsive-site .prompt-pair{grid-template-columns:repeat(var(--pair-cols),minmax(0,1fr));gap:var(--layout-gap);align-items:start}
.responsive-site .terms-grid{grid-template-columns:repeat(var(--terms-cols),minmax(0,1fr));gap:var(--layout-gap)}
.responsive-site .frame-grid{grid-template-columns:repeat(var(--frame-cols),minmax(0,1fr));gap:var(--layout-gap)}
.responsive-site .storyboard-grid,.responsive-site .greeting-story-grid,.responsive-site .style-grid,.responsive-site .album-photo-grid{grid-template-columns:repeat(var(--story-cols),minmax(0,1fr));gap:var(--layout-gap);align-items:start}
.responsive-site .story-frame h3,.responsive-site .greeting-frame h3,.responsive-site .album-photo h3{margin:var(--s3) 0}
.responsive-site .story-frame figcaption>span,.responsive-site .greeting-frame figcaption>span,.responsive-site .album-photo figcaption>span{margin-top:var(--s4)}
.responsive-site .story-note,.responsive-site .portrait-note,.responsive-site .format-note{margin-top:var(--s5);padding-top:var(--s5)}
.responsive-site .style-art{height:var(--tile-height);padding:var(--panel-space)}
.responsive-site .style-art strong{font-size:var(--font-h3);line-height:1.3}
.responsive-site .style-example h3{margin-top:var(--s4)}
.responsive-site .example video,.responsive-site .curtain-example video,.responsive-site .anniversary-example video{width:100%;height:var(--hero-media-height);object-fit:cover;border-radius:var(--s4)}
.responsive-site .example-media .video-pause{bottom:var(--s4);right:var(--s4)}
.responsive-site .cat-demo .photo-compare{aspect-ratio:4/3;border-radius:var(--s4)}
.responsive-site .prompt-reference img,.responsive-site .portrait-study img,.responsive-site .ideas-visual img{height:auto;object-fit:cover;border-radius:var(--s4)}
.responsive-site .motion-preview{max-width:none}
.responsive-site .motion-preview video,.responsive-site .graduation-example video{height:auto;aspect-ratio:16/9;border-radius:var(--s4)}
.responsive-site .curtain-example,.responsive-site .anniversary-example,.responsive-site .graduation-example{position:static;top:auto}
.responsive-site .ready-prompt blockquote,.responsive-site .prompt-pair blockquote,.responsive-site .cat-copy blockquote{font-size:var(--font-body);line-height:1.8;margin-top:var(--s4)}
.responsive-site .prompt-pair .ready-prompt h3{margin-top:var(--s4)}
.responsive-site .prompt-version{margin-top:var(--s5);padding-top:var(--s5)}
.responsive-site .prompt-version.precise{padding:var(--panel-space)}
.responsive-site .prompt-version blockquote,.responsive-site .scene-brief{font-size:var(--font-h3);line-height:1.65}
.responsive-site .annotated-prompt{position:relative}
.responsive-site .annotated-prompt p{font-size:var(--font-h3);line-height:1.8!important}
.responsive-site .prompt-fragment{position:static;padding:var(--s1)}
.responsive-site .prompt-fragment small{left:var(--s4);right:var(--s4);bottom:calc(100% + var(--s2));max-width:100%;white-space:normal;padding:var(--s2) var(--s3)}
.responsive-site .portrait-marker{transform:translateX(-50%)}
.responsive-site .portrait-points li{padding-block:var(--s5)}
.responsive-site .export-list li{padding:var(--s5) 0}
.responsive-site .diagnostic-cases article,.responsive-site .idea,.responsive-site .greeting-review-list>div,.responsive-site .graduation-copy dl>div,.responsive-site .personal-example dl>div{padding:var(--s5) 0}
.responsive-site .faq-list details,.responsive-site .photo-faq details{padding:var(--s5) 0}
.responsive-site .faq-list summary,.responsive-site .photo-faq summary{font-size:var(--font-body);line-height:1.6;gap:var(--s4)}
.responsive-site .faq-answer,.responsive-site .photo-faq-answer{font-size:var(--font-body);line-height:1.7;padding-top:var(--s4)}
.responsive-site .source-table,.responsive-site .direction-table,.responsive-site .photo-table{overflow:visible;min-width:0}
.responsive-site table{width:100%;min-width:0;table-layout:fixed;font-size:var(--font-body)}
.responsive-site th,.responsive-site td{overflow-wrap:break-word;padding:var(--s5) var(--s4) var(--s5) 0;line-height:1.6;vertical-align:top}
.responsive-site tbody th,.responsive-site .direction-table tbody th,.responsive-site .photo-table tbody th{font-size:var(--font-h3)}
.responsive-site .sequence-track{grid-template-columns:minmax(0,1fr);gap:var(--s2);padding:var(--panel-space)}
.responsive-site .sequence-track>div{padding:var(--s3) 0}
.responsive-site .sequence-track strong{font-size:var(--font-h3);line-height:1.3}
.responsive-site .sequence-track i{transform:rotate(90deg);margin:0}
.responsive-site .order-grid{margin-top:var(--s5)}
.responsive-site .transition-row{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:var(--s2)}
.responsive-site .transition-row>div{padding:var(--s4);min-width:0;min-height:120px}
.responsive-site .transition-row strong{font-size:16px;overflow-wrap:break-word}
.responsive-site .format-section{grid-template-columns:minmax(0,1fr);gap:var(--layout-gap)}
.responsive-site .format-comparison{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:var(--s5);align-items:start}
.responsive-site .format-comparison h3{font-size:20px}
.responsive-site .cta-content>p,.responsive-site .generation-cta p,.responsive-site .text-cta p,.responsive-site .photo-cta p,.responsive-site .greeting-cta p,.responsive-site .album-cta p,.responsive-site .prompts-cta p{font-size:var(--font-body);line-height:1.7;margin:0 0 var(--s5);max-width:68ch}
.responsive-site .cta-content .button{margin:0}
.responsive-site .cta-content .eyebrow{margin-bottom:var(--s4)}
.responsive-site .prompts-cta .prompts-next,.responsive-site .album-cta .album-next{margin-top:var(--s5);font-size:14px}
.responsive-site .cta-orbit{display:none}
.responsive-site .site-footer{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s4);padding:var(--s5) var(--page-inline)}
.responsive-site .site-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:var(--s2) var(--s4)}
.responsive-site .site-footer nav a{display:flex;align-items:center;min-height:44px;min-width:0;font-size:14px;line-height:1.5;overflow-wrap:break-word}
.responsive-site .reveal{transform:translateY(12px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.responsive-site .reveal.visible{transform:none}
.responsive-site .video-modal{max-width:calc(100vw - 32px);width:1100px;margin:auto;padding:var(--s4)}
.responsive-site .video-modal video{max-width:100%;max-height:calc(100svh - 128px)}

@media(max-width:767px){
 .responsive-site table,.responsive-site tbody,.responsive-site tr,.responsive-site th,.responsive-site td{display:block;width:100%;min-width:0}
 .responsive-site thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .responsive-site tbody tr{display:grid;gap:var(--s4);border-bottom:1px solid var(--line);padding:var(--s5) 0}
 .responsive-site tbody th,.responsive-site tbody td,.responsive-site .direction-table tbody th,.responsive-site .photo-table tbody th,.responsive-site tbody td:nth-child(2){width:100%;padding:0;border:0}
 .responsive-site tbody td::before{content:attr(data-label);display:block;font-size:12px;line-height:1.5;font-weight:600;color:#627267;margin-bottom:var(--s2)}
 .responsive-site .prompt-scene.shaded:not(.action-section) .scene-prompt-copy{grid-row:1}
 .responsive-site .feature-icon{font-size:26px}
}
@media(min-width:768px){
 .responsive-site{--pair-cols:2;--feature-cols:3;--terms-cols:2;--frame-cols:2}
 .responsive-site .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .responsive-site .gallery .video-card:last-child{grid-column:1/-1}
 .responsive-site .sequence-track{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);gap:var(--s4)}
 .responsive-site .sequence-track i{transform:none}
 .responsive-site .site-footer nav{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1024px){
 .responsive-site{--story-cols:3;--terms-cols:4}
 .responsive-site .hero,.responsive-site .generation-hero{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:calc(var(--header-height) + var(--s6))}
 .responsive-site .hero-video,.responsive-site .generation-hero-media{grid-column:2;grid-row:1}
 .responsive-site .hero-bottom{grid-row:2}
 .responsive-site .hero-caption{display:block}
 .responsive-site .comparison-section,.responsive-site .prompt-section,.responsive-site .editorial,.responsive-site .faq-section,.responsive-site .scene-section,.responsive-site .ideas-section,.responsive-site .portrait-layout,.responsive-site .cat-section,.responsive-site .diagnostic-section,.responsive-site .photo-faq-section,.responsive-site .brief-layout,.responsive-site .comparison-text-section,.responsive-site .export-section,.responsive-site .personal-section,.responsive-site .greeting-review-section,.responsive-site .transition-section,.responsive-site .graduation-section,.responsive-site .prompt-scene{grid-template-columns:repeat(2,minmax(0,1fr))}
 .responsive-site .split{grid-template-columns:minmax(0,1fr) minmax(260px,.6fr)}
 .responsive-site .gallery{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr))}
 .responsive-site .gallery .video-card:last-child{grid-column:auto}
 .responsive-site .curtain-example,.responsive-site .anniversary-example,.responsive-site .graduation-example{position:sticky;top:calc(var(--header-height) + var(--s5))}
 .responsive-site .site-footer{flex-direction:row;align-items:center;gap:var(--s5);padding-block:var(--s6)}
 .responsive-site .footer-wordmark{flex-shrink:0}
 .responsive-site .site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--s2) var(--s5);width:auto;flex:1;min-width:0}
}
@media(min-width:1280px){.responsive-site{--frame-cols:4}.responsive-site .format-section{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
@media(prefers-reduced-motion:reduce){.responsive-site .reveal{opacity:1;transform:none;transition:none}}