/* Full-site navigation and approved Image Studio layout updates.
   The rest of the homepage keeps the original retro-home.css design. */
.hero-lead{text-wrap:balance}
.qp-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;padding:28px 20px 0;font-size:15px;line-height:1.6}
.qp-legal-links a{color:var(--muted);text-decoration:none}.qp-legal-links a:hover{color:var(--blue);text-decoration:underline}
#ai-editing .ai-copy .edit-example-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:24px 0}
#ai-editing .edit-example-button{min-height:44px;font-size:15px;white-space:normal}
#ai-editing .ai-demo .comparison-hint{min-height:0}
@media(min-width:1051px) and (max-height:850px){
 #ai-editing{padding-block:30px}
 #ai-editing .ai-stage{padding:30px 40px;gap:60px;grid-template-columns:1.1fr .9fr}
 #ai-editing .ai-copy h2{font-size:44px}
 #ai-editing .ai-lead{font-size:26px;margin:18px 0}
 #ai-editing .ai-copy>p:not(.ai-lead){font-size:18px;line-height:1.65}
 #ai-editing .ai-copy .edit-example-options{margin:22px 0}
 #ai-editing .ai-demo{width:min(100%,323px);justify-self:center}
 #ai-editing .ai-demo .comparison{width:100%;height:auto;aspect-ratio:3/4}
 #ai-editing .comparison-hint{margin-top:12px;font-size:14px!important}
}
@media(max-width:760px){#ai-editing .ai-stage{grid-template-columns:1fr}#ai-editing .ai-demo{width:100%;max-width:370px;margin:auto}}

/* One story card: an integrated name rail, a portrait, and room for the story. */
#stories .story-explorer{display:grid;grid-template-columns:216px minmax(0,1fr);gap:24px;padding:22px;border:1px solid #dac8e323;border-radius:28px;background:radial-gradient(ellipse at 100% 0,#8c569514,transparent 65%),#100e14}
#stories .story-selector{padding:0;min-width:0;display:block}
#stories .story-tabs{display:flex;flex-direction:column;gap:6px}
#stories .story-tab{min-height:62px;padding:9px 11px;gap:11px;border-radius:12px}
#stories .story-tab strong{font-size:17px;line-height:1.3}
#stories .story-tab .story-tab-label>span{font-size:14px;line-height:1.4}
#stories .story-tab-label{gap:2px;line-height:1.35}
#stories .story-avatar{width:38px;height:38px}
#stories .story-arrow{display:none}
#stories .story-stage{display:grid;grid-template-rows:1fr;min-width:0;isolation:isolate}
#stories .story-stage>.story-panel{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);grid-template-rows:auto;grid-area:1/1;min-height:470px;border:0;border-radius:0;background:transparent;overflow:visible;column-gap:28px}
#stories .story-panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
#stories .story-panel:not([hidden]){z-index:1}
#stories .story-stage .story-image{display:block;grid-row:1;grid-column:1;height:100%;min-height:470px;padding:0;background:none;border-radius:17px;overflow:hidden}
#stories .story-stage .story-photo-window{position:relative;width:100%;max-width:none;height:100%;margin:0;aspect-ratio:auto;border-radius:17px;background:#18141d}
#stories .story-photo-window img{position:static;display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 20%;border-radius:0}
#stories .story-photo-window.amy-photo img{object-position:50% 23%}
#stories #story-panel-1 img{object-position:66% 30%}
#stories #story-panel-3 .story-photo-window img{object-position:72% 30%}
#stories .story-photo-window.jason-photo img{object-position:50% 30%}
#stories .story-photo-window.family-photo img{object-position:50% 22%}
#stories .story-photo-window.dance-photo img{object-position:50% 24%}
#stories .story-photo-window.matt-photo img{position:absolute;width:355.5556%;height:auto;left:-67.1111%;top:-12%;object-fit:initial}
#stories .story-stage .story-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;grid-row:1;grid-column:2;gap:20px;padding:18px 8px 18px 0;min-width:0}
#stories .story-detail{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin:0;width:100%}
#stories .story-metric{max-width:100%;white-space:normal;font-size:21px;line-height:1.4;padding:8px 12px}
#stories .story-byline{display:flex;flex-direction:column;text-align:left;gap:3px;font-size:15px;line-height:1.5}
#stories .story-byline strong{color:#e4dcea;font-weight:600}
#stories .story-copy blockquote{font-size:24px;line-height:1.4;letter-spacing:-.025em;text-wrap:pretty}
#stories .story-copy blockquote+p{margin:0;font-size:16px;line-height:1.7}
#stories .story-copy .text-link{margin:2px 0 0;font-size:15px}
@media(min-width:1101px){#stories{padding-block:58px}#stories .section-heading{margin-bottom:30px}}
@media(min-width:1101px) and (max-width:1250px){
 #stories .story-explorer{grid-template-columns:195px minmax(0,1fr);gap:20px;padding:20px}
 #stories .story-stage>.story-panel{grid-template-columns:minmax(0,42%) minmax(0,1fr);column-gap:24px}
 #stories .story-copy blockquote{font-size:22px}
}
@media(min-width:1101px) and (max-height:850px){
 #stories{padding-block:28px}
 #stories .section-heading{margin-bottom:24px}
 #stories .story-explorer{padding:18px}
 #stories .story-tabs{gap:4px}
 #stories .story-tab{min-height:56px;padding:6px 10px}
 #stories .story-avatar{width:36px;height:36px}
 #stories .story-stage>.story-panel,#stories .story-stage .story-image{min-height:430px}
 #stories .story-stage .story-image{height:430px}
 #stories .story-stage .story-copy{padding-block:12px;gap:16px}
 #stories .story-copy blockquote{font-size:23px}
 #stories .story-detail{gap:14px}
}
@media(min-width:761px) and (max-width:1100px){
 #stories .story-explorer{display:block;padding:20px}
 #stories .story-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 #stories .story-tab{padding:10px 8px;gap:8px}
 #stories .story-tab strong{font-size:16px}#stories .story-tab .story-tab-label>span{font-size:14px}
 #stories .story-avatar{width:32px;height:32px}
 #stories .story-stage{margin-top:22px}
 #stories .story-stage>.story-panel{grid-template-columns:minmax(0,42%) minmax(0,1fr);column-gap:28px;min-height:440px}
 #stories .story-stage .story-image{min-height:440px}
 #stories .story-copy blockquote{font-size:24px}
}
@media(max-width:760px){
 #stories .story-explorer{display:flex;flex-direction:column;gap:22px;padding:0;border:0;border-radius:0;background:none}
 #stories .story-selector{display:flex;flex-wrap:wrap;width:100%;gap:5px}
 #stories .story-tabs{display:flex;flex-direction:row;width:100%;gap:8px;overflow-x:auto;padding:3px 2px 12px;scroll-snap-type:x proximity}
 #stories .story-tab{flex:none;width:220px;min-height:78px;padding:12px}
 #stories .story-tab strong{font-size:18px}#stories .story-tab .story-tab-label>span{font-size:15px}
 #stories .story-avatar{width:42px;height:42px}
 #stories .story-stage{display:grid;grid-template-rows:1fr;width:100%}
 #stories .story-stage>.story-panel{display:grid;grid-area:1/1;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr;min-height:0;column-gap:0;border:1px solid #dac8e323;border-radius:22px;overflow:hidden;background:#100e14}
 #stories .story-stage .story-image{display:none}
 #stories .story-stage .story-copy{grid-row:1;grid-column:1;padding:25px;gap:18px;justify-content:flex-start}
 #stories .story-detail{gap:14px}#stories .story-copy blockquote{font-size:23px}
 #stories .story-copy blockquote+p{font-size:17px}
}

/* PhotoGlo: one product canvas with customization and explicit 3D interaction. */
#photoglo{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.photoglo-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,490px);gap:58px;align-items:center;padding:40px;border:1px solid #d2b9e32b;border-radius:30px;background:radial-gradient(ellipse at 0 0,#a862ad18,transparent 56%),radial-gradient(ellipse at 90% 100%,#61a9be12,transparent 58%),#111015}
.photoglo-intro{padding-block:12px;min-width:0}
.photoglo-name{font:600 49px/1.15 Geom,sans-serif;letter-spacing:-.04em;color:var(--ink);text-wrap:balance;margin:0;max-width:460px}
.photoglo-lead{font:500 28px/1.45 Geom,sans-serif;color:#e9b9f2;margin:22px 0;text-wrap:balance}
.photoglo-intro>p:not(.photoglo-lead){font-size:19px;line-height:1.8;color:#c7bdcf;margin:0;max-width:470px}
.photoglo-showcase{min-width:0}
.photoglo-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;margin-top:28px;max-width:470px}
.photoglo-tab{padding:12px 14px;min-height:48px;background:#ffffff03;border:1px solid #c4a5d12e;border-radius:11px;color:#c5bacf;font-size:15px;line-height:1.4;text-align:center;transition:background .2s,border-color .2s,color .2s}
.photoglo-tab:hover{background:#b495cf14;color:#fff}
.photoglo-tab[aria-selected=true]{color:#f6d5ee;border-color:#d6acd98c;background:linear-gradient(115deg,#dc94cc29,#849de921)}
.photoglo-tab:focus-visible,.photoglo-stage button:focus-visible{outline:2px solid var(--qp-focus,#BA94C1);outline-offset:4px}
.photoglo-stage{position:relative;isolation:isolate;overflow:hidden;height:550px;border-radius:20px;background:radial-gradient(ellipse at 50% 35%,#57426835,transparent 65%),#0c0b10;border:1px solid #dbc9e326;touch-action:pan-y}
.photoglo-render-host{position:absolute;inset:0;pointer-events:none;touch-action:pan-y}
.photoglo-canvas{display:block;width:100%;height:100%;pointer-events:none;touch-action:pan-y!important;outline:none}
.photoglo-stage[data-interactive=true] .photoglo-render-host,.photoglo-stage[data-interactive=true] .photoglo-canvas{pointer-events:auto;touch-action:none!important}
.photoglo-canvas:focus-visible{outline:2px solid var(--qp-focus,#BA94C1);outline-offset:-5px}
.photoglo-stage:after{content:'';position:absolute;inset:auto 0 0;height:72px;background:linear-gradient(transparent,#0e0c1480);pointer-events:none;z-index:1}
.photoglo-viewer-controls{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:6;pointer-events:none}
.photoglo-interact,.photoglo-options-toggle{display:inline-flex;justify-content:center;align-items:center;border:1px solid #d6c3e333;border-radius:10px;padding:8px 12px;background:#100e16a6;backdrop-filter:blur(8px);color:#f0e6f6;min-height:44px;font:500 13px/1.3 "Schibsted Grotesk",sans-serif;box-shadow:0 3px 12px #0002;pointer-events:auto;touch-action:manipulation}
.photoglo-interact[aria-pressed=true]{color:#a3eefc;border-color:#a3eefc70;background:#141322d9}
.photoglo-interact{margin-left:auto}
.photoglo-options-toggle[hidden]{display:none!important}
.photoglo-interact:hover,.photoglo-options-toggle:hover{border-color:#d6b6e58c;background:#17111fdb}
.photoglo-options-toggle[aria-expanded=true]{color:#f2c5eb;border-color:#d9aad86b}
.photoglo-options-panel{position:absolute;inset:0;z-index:5;background:linear-gradient(150deg,#231c2c,#111015 70%);padding:22px 22px 76px;display:flex;flex-direction:column;touch-action:pan-y}
.photoglo-options-panel[hidden],.photoglo-options-fields [hidden]{display:none!important}
.photoglo-options-header{display:flex;justify-content:space-between;align-items:center;gap:14px;flex:none;margin-bottom:15px}
.photoglo-options-title{font:600 22px/1.3 Geom,sans-serif;letter-spacing:-.02em;margin:0;color:#f4edf7;text-wrap:balance}
.photoglo-options-close{flex:none;width:44px;height:44px;border:1px solid #d6c3e322;border-radius:11px;background:#ffffff04;color:#e4d8eb;font-size:26px;line-height:1}
.photoglo-options-form{display:flex;flex-direction:column;flex:1;min-height:0;gap:12px;margin:0}
.photoglo-options-fields{display:grid;align-content:start;gap:15px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b58bdc #15101c;padding:2px 6px 8px 2px}
.photoglo-options-fields label{display:grid;gap:7px;color:#d0c4dc;font:400 14px/1.4 "Schibsted Grotesk",sans-serif}
.photoglo-options-fields input,.photoglo-options-fields select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #d6c3e338;border-radius:10px;background:#100d17;color:#f6f0fa;font:400 16px/1.4 "Schibsted Grotesk",sans-serif;color-scheme:dark}
#photoglo .photoglo-options-fields input{-webkit-user-select:text;user-select:text}
.photoglo-options-fields :is(input,select):focus-visible{outline:2px solid var(--qp-focus,#BA94C1);outline-offset:2px}
.photoglo-color-field{display:flex;align-items:center;gap:12px;padding:4px 8px;border:1px solid #d6c3e338;border-radius:10px;background:#100d17}
.photoglo-color-field input[type=color]{width:58px;height:44px;min-height:44px;padding:4px;border:0;background:none;cursor:pointer}
.photoglo-color-field output{font:400 13px/1.4 "IBM Plex Mono",monospace;color:#d2c7de}
.photoglo-options-status{flex:none;color:#d8c6e4;font-size:13px;line-height:1.45;margin:0}
.photoglo-options-status:empty{display:none}
.photoglo-options-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
.photoglo-options-actions button{min-height:44px;padding:10px 13px;border:1px solid #c3accd36;border-radius:10px;background:#ffffff04;color:#e2d7eb;font:500 14px/1.3 "Schibsted Grotesk",sans-serif}
.photoglo-options-actions .photoglo-apply{background:linear-gradient(115deg,#e9addf,#b8abed 70%,#a3eefc);border-color:transparent;color:#1b1625}
.photoglo-stage button:disabled{opacity:.55;cursor:wait}
.photoglo-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;padding:24px;background:radial-gradient(ellipse at 50% 35%,#57426835,transparent 65%),#0c0b10;color:#cbbdd6;font-size:15px;text-align:center;z-index:3}
.photoglo-loading:before{content:'';display:block;width:25px;height:25px;border:2px solid #a58cb92e;border-top-color:#c7c0f0;border-right-color:#a3eefc;border-radius:50%;animation:photoglo-spin .8s linear infinite}
.photoglo-stage[data-state=ready] .photoglo-loading{display:none}
.photoglo-stage:not([data-state=ready]) .photoglo-viewer-controls{visibility:hidden}
.photoglo-stage[data-options-open=true] .photoglo-viewer-controls{visibility:visible}
.photoglo-stage[data-state=error] .photoglo-loading:before{animation:none;border-color:#d69fc3;width:9px;height:9px;background:#d69fc3}
.photoglo-retry{border:1px solid #cfb4df40;background:#a78cbd16;color:#f0dff5;border-radius:9px;padding:8px 16px;min-height:40px;font-size:15px}
.photoglo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes photoglo-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.photoglo-card{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:30px;padding:30px}.photoglo-stage{height:520px}.photoglo-tab{font-size:14px;padding:11px 9px}}
@media(max-width:1050px){.photoglo-name{font-size:41px}.photoglo-lead{font-size:25px}.photoglo-intro>p:not(.photoglo-lead){font-size:18px}}
@media(min-width:981px) and (max-height:850px){#photoglo{padding-block:40px}.photoglo-card{padding:30px;gap:44px}.photoglo-stage{height:500px}}
@media(min-width:1051px) and (max-height:850px){.photoglo-name{font-size:44px}.photoglo-lead{font-size:26px;margin:18px 0}.photoglo-intro>p:not(.photoglo-lead){font-size:18px;line-height:1.65}}
@media(max-width:980px){.photoglo-card{grid-template-columns:1fr;gap:30px;padding:36px}.photoglo-intro{padding:0;max-width:620px}.photoglo-intro>p:not(.photoglo-lead),.photoglo-tabs{max-width:none}.photoglo-showcase{width:100%;max-width:480px;justify-self:center}.photoglo-stage{height:540px}}
@media(max-width:760px){.photoglo-name{font-size:38px}.photoglo-lead{font-size:24px}}
@media(max-width:590px){.photoglo-card{padding:28px 22px;border-radius:24px;gap:28px}.photoglo-name{font-size:41px}.photoglo-lead{font-size:26px}.photoglo-intro>p:not(.photoglo-lead){font-size:18px}.photoglo-tabs{gap:8px;margin-top:24px}.photoglo-tab{font-size:14px;padding:11px 8px;min-height:48px}.photoglo-stage{height:440px;border-radius:16px}.photoglo-viewer-controls{left:10px;right:10px;bottom:10px}.photoglo-interact,.photoglo-options-toggle{font-size:13px;padding:9px 11px;min-height:44px}.photoglo-options-panel{padding:16px 14px 70px}.photoglo-options-title{font-size:20px}}
@media(prefers-reduced-motion:reduce){.photoglo-loading:before{animation:none}.photoglo-tab{transition:none}}