@font-face{font-family:'Geom';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/geom-400.woff2') format('woff2')}
@font-face{font-family:'Geom';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/geom-500.woff2') format('woff2')}
@font-face{font-family:'Geom';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/geom-600.woff2') format('woff2')}
@font-face{font-family:'Geom';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/geom-700.woff2') format('woff2')}
@font-face{font-family:'Geom';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/geom-800.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-500.woff2') format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/schibsted-grotesk-400.woff2') format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/schibsted-grotesk-500.woff2') format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/schibsted-grotesk-600.woff2') format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/schibsted-grotesk-700.woff2') format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/schibsted-grotesk-800.woff2') format('woff2')}

:root{color-scheme:dark;--bg:#08080b;--surface:#111115;--surface-raised:#19181f;--ink:#f6f3f8;--muted:#bcb7c8;--pink:#f02bd9;--blue:#a3eefc;--purple:#9d69fa;--line:#ffffff16;--radius:24px;font-family:'Schibsted Grotesk',Arial,sans-serif;font-size:18px;scroll-behavior:smooth;scroll-padding-top:110px;--qp-focus:#BA94C1}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--blue);text-underline-offset:4px}a:hover{color:#f9a5ed}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--qp-focus,#BA94C1);outline-offset:5px}button{color:inherit}img,svg{max-width:100%;vertical-align:middle}img{display:block}svg{flex-shrink:0}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-family:Geom,'Schibsted Grotesk',sans-serif;font-weight:600;letter-spacing:-.035em;line-height:1.15}h1{font-size:clamp(60px,7.2vw,100px);letter-spacing:-.055em}h2{font-size:clamp(36px,4.1vw,56px)}h3{font-size:27px}p{color:var(--muted)}[hidden]{display:none!important}::selection{background:#BA94C1;color:#08080b}::-moz-selection{background:#BA94C1;color:#08080b}.container{width:min(1220px,calc(100% - 80px));margin-inline:auto}.section{padding-block:78px}.eyebrow{font:400 15px/1.55 'IBM Plex Mono',monospace;letter-spacing:.09em;color:#c9c1d5;text-transform:uppercase}.status-dot{width:7px;height:7px;display:inline-block;background:var(--pink);border-radius:50%;box-shadow:0 0 18px #f02bd966;margin-right:9px;vertical-align:2px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--blue);color:#08080b;padding:12px 20px;z-index:100}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:50;background:#08080b}.header-inner{width:min(1320px,calc(100% - 64px));margin:auto;min-height:100px;display:flex;align-items:center;gap:30px}.brand-link{display:flex;flex:none;width:226px;padding:6px 0}.header-logo{width:226px;height:auto;overflow:visible;flex:none;max-width:none}.main-nav{display:flex;align-items:center;justify-content:center;gap:23px;flex:1}.main-nav>a{color:#d9d4e0;text-decoration:none;font-size:15px;font-weight:500;white-space:nowrap}.main-nav>a:hover{color:var(--blue)}.header-actions,.mobile-actions{display:flex;align-items:center;gap:12px}.mobile-actions,.menu-toggle{display:none}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 22px;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap;border-radius:12px;border:1px solid transparent;transition:background .2s,border-color .2s,transform .2s}.button svg,.text-link svg{width:20px;height:20px}.button-primary{color:#14091a;background:linear-gradient(110deg,#f02bd9,#ffa1ee);box-shadow:0 5px 24px #f02bd91b}.button-primary:hover{color:#14091a;background:linear-gradient(110deg,#ff57e9,#ffb8f3);transform:translateY(-2px)}.button-outline{background:#ffffff03;border-color:#ffffff29;color:var(--ink)}.button-outline:hover{background:#a3eefc0a;border-color:#a3eefc66;color:#fff}.button-plain{color:var(--ink);background:transparent;padding-inline:14px}.button-plain:hover{color:var(--blue)}.header-actions .button{min-height:44px;padding:10px 16px;font-size:15px}.hero{position:relative;isolation:isolate;overflow:clip;padding:64px 0 14px}.hero:before{content:'';position:absolute;z-index:-1;inset:50px 0 -80px;background:radial-gradient(ellipse at 37% 28%,#b51d9d13,transparent 44%),radial-gradient(ellipse at 70% 60%,#5542ac20,transparent 42%);pointer-events:none}.hero-copy{text-align:center}.hero-copy h1{margin-top:28px}.gradient-text{color:#eab9ed;background:linear-gradient(100deg,#ffabec 10%,#b7a9fa 58%,#a3eefc 95%);background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{max-width:645px;margin:28px auto 0;color:var(--muted);font-size:20px;line-height:1.7}.hero-lead strong{font-weight:400}.hero-lead em{color:var(--blue);font-weight:600;font-style:normal}.hero-actions{display:flex;justify-content:center;gap:16px;margin-top:30px}.photo-fan{height:430px;position:relative;max-width:1100px;margin:65px auto 0;--spread:183px}.fan-photo{width:226px;height:314px;position:absolute;left:50%;top:35px;background:#19171e;border:1px solid #ffffff30;border-radius:19px;overflow:hidden;box-shadow:0 18px 40px #0008;transform-origin:center 85%;transform:translateX(-50%) translateY(60px) scale(.92);opacity:0;transition:transform .85s cubic-bezier(.2,.7,.2,1),opacity .7s;transition-delay:var(--delay)}.is-ready .fan-photo{opacity:1;transform:translateX(calc(-50% + var(--i)*var(--spread))) translateY(calc(var(--i)*var(--i)*12px)) rotate(calc(var(--i)*7deg))}.photo-fan:hover{--spread:199px}.fan-photo:hover{z-index:10;transform:translateX(calc(-50% + var(--i)*var(--spread))) translateY(-12px) rotate(0) scale(1.045);transition-delay:0s}.fan-photo-link{display:block;width:100%;height:100%;color:var(--ink);text-decoration:none}.fan-photo-link:focus-visible{outline-offset:-5px;border-radius:18px}.fan-photo:has(.fan-photo-link:focus-visible){z-index:9}.fan-photo img{width:100%;height:100%;object-fit:cover}.fan-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000a);pointer-events:none}.fan-photo figcaption{position:absolute;bottom:17px;left:17px;right:17px;z-index:2;display:flex;justify-content:space-between;color:#fff;font-size:15px;font-weight:500;gap:8px}.fan-photo figcaption span{color:#ffffffa8;font:15px 'IBM Plex Mono',monospace}.fan-caption{text-align:center;font-size:16px;line-height:1.6;color:#a7a0b4;margin:2px auto 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{max-width:370px;font-size:18px}.section-heading.centered{justify-content:center;text-align:center}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.workflow-step{display:flex;gap:20px;align-items:flex-start;padding:30px 26px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#ffffff04,transparent)}.step-icon,.card-icon{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border:1px solid currentColor;border-radius:15px;background:#ffffff03}.step-icon svg,.card-icon svg{width:25px;height:25px}.tone-0{color:#f78be8}.tone-1{color:var(--blue)}.tone-2{color:#b59bff}.workflow-step .eyebrow{font-size:15px;opacity:.7}.workflow-step h3{margin:6px 0 15px;font-size:26px}.workflow-step p{font-size:17px;line-height:1.7}.workflow-step strong,.workflow-step em{font-style:normal;font-weight:400;color:var(--ink)}.story-explorer{display:grid;grid-template-columns:340px 1fr;gap:34px}.story-selector{padding-top:0}.story-tabs{display:flex;flex-direction:column;gap:8px}.story-tab{position:relative;overflow:hidden;display:flex;align-items:center;gap:15px;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:16px;padding:17px 18px;transition:background .2s,border-color .2s}.story-tab img{width:50px;height:50px;border-radius:50%;object-fit:cover;filter:saturate(.8)}.story-tab>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.story-tab strong{font-size:18px;font-weight:600;letter-spacing:-.02em}.story-tab>span>span{font-size:15px;color:var(--muted)}.story-tab .story-arrow{margin-left:auto;color:#7d768c;display:flex}.story-arrow svg{width:18px;height:18px}.story-tab:hover{background:#ffffff05}.story-tab[aria-selected=true]{background:linear-gradient(100deg,#f02bd90e,#6651ab10);border-color:#d992dd35}.story-tab[aria-selected=true] .story-arrow{color:var(--pink)}.story-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--pink),var(--blue));transform:scaleX(0);transform-origin:left}.story-tab.is-active.is-timing .story-progress{animation:story-progress var(--story-interval,8s) linear forwards}@keyframes story-progress{to{transform:scaleX(1)}}.rotation-button{background:none;border:0;color:var(--muted);font-size:15px;display:flex;gap:12px;align-items:center;margin:18px 0;padding:8px}.rotation-button:hover{color:var(--blue)}.latest-story{margin-top:6px}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--blue);text-decoration:none;font-size:16px;font-weight:500}.text-link:hover{color:#f6a1e9}.story-stage{min-width:0}.story-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;animation:story-reveal .35s ease-out}.story-image{height:350px;position:relative;background:#111}.story-image img{width:100%;height:100%;object-fit:cover;object-position:center 12%}.story-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0008)}.story-metric{position:absolute;z-index:2;bottom:23px;left:28px;background:#141016de;color:#fff;border:1px solid #ffffff2b;padding:9px 15px;border-radius:10px;font-family:Geom,sans-serif;font-size:25px;letter-spacing:-.03em}.story-copy{padding:28px 30px 30px}.story-copy blockquote{font:500 23px/1.5 Geom,sans-serif;letter-spacing:-.025em;color:var(--ink)}.story-byline{display:flex;flex-wrap:wrap;column-gap:14px;row-gap:2px;margin-top:20px;font-size:15px}.story-byline strong{color:#ddd4e9;font-weight:500}.story-byline+p{font-size:16px;margin-top:18px}.story-copy .text-link{margin-top:18px}@keyframes story-reveal{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}.bento-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-card{min-width:0;background:linear-gradient(140deg,#15131a,#101014);border:1px solid var(--line);padding:32px;border-radius:var(--radius);overflow:hidden;position:relative}.feature-card>.card-icon{margin-bottom:28px}.feature-card h3{font-size:28px;margin-bottom:16px}.feature-card p{font-size:17px;line-height:1.75}.feature-card p strong{font-weight:600;color:var(--ink)}.feature-card a{font-size:inherit}.comparison-card{grid-column:span 2;display:grid;grid-template-columns:1fr .92fr;gap:25px;padding:30px}.comparison-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.comparison-copy .eyebrow{color:#e58bdc;font-size:15px;margin-bottom:18px}.comparison-copy h3{font-size:30px}.comparison-copy .text-link{margin-top:24px;font-size:16px}.comparison{position:relative;border-radius:15px;overflow:hidden;aspect-ratio:3/4;background:#211b29;--split:52%;isolation:isolate}.comparison-image{position:absolute;inset:0;background-image:url('/assets/retro/candy-compare.webp');background-size:200% 100%;background-repeat:no-repeat}.comparison-before{background-position:left top;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-after{background-position:right top}.compare-label{position:absolute;top:13px;z-index:3;padding:5px 9px;background:#0d0b10bf;border:1px solid #ffffff3c;border-radius:7px;color:#fff;font-size:15px;pointer-events:none}.label-before{left:12px}.label-after{right:12px}.compare-handle{position:absolute;left:var(--split);top:0;bottom:0;z-index:3;width:2px;background:#fff;transform:translateX(-50%);pointer-events:none}.compare-handle span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:2px solid #fff;border-radius:50%;width:42px;height:42px;background:#231a2a;color:#fff;font-size:24px;box-shadow:0 3px 18px #0005}.comparison input{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:3px solid var(--qp-focus,#BA94C1);outline-offset:4px}.comparison-hint{font-size:15px!important;line-height:1.5!important;margin-top:12px}.video-card{background:radial-gradient(ellipse at 90% 100%,#37598922,transparent 60%),#111115}.video-card .button{margin-top:24px;font-size:16px}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 32px}.benefit{display:flex;gap:18px;align-items:flex-start}.benefit-number{font:15px 'IBM Plex Mono',monospace;color:#b69bdd;line-height:30px}.benefit h3{font-size:25px;margin-bottom:14px}.benefit p{font-size:17px}.market-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.market-card{display:block;position:relative;overflow:hidden;min-height:310px;border-radius:20px;border:1px solid #ffffff1d;color:#fff;background:#15121a}.market-card:after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#07050ae8);transition:background .3s}.market-card img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .6s}.market-card>span{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;position:absolute;z-index:2;bottom:22px;left:20px;right:20px;font:500 21px/1.25 Geom,sans-serif;letter-spacing:-.03em}.market-card svg{width:20px;height:20px}.market-card:hover{color:var(--blue);border-color:#a3eefc66}.market-card:hover img{transform:scale(1.06)}.section-action{text-align:center;margin-top:32px}.apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.app-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:36px;background:linear-gradient(135deg,#17131a,#101016);display:flex;flex-direction:column;align-items:flex-start}.app-card .card-icon{margin-bottom:28px}.app-card h3{font-size:30px;margin-bottom:18px}.app-card p{font-size:18px;margin-bottom:28px}.app-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto}.contact-card{padding:58px;border:1px solid #c280d12d;border-radius:28px;background:radial-gradient(ellipse at 100% 0,#714ab92c,transparent 60%),radial-gradient(ellipse at 0 100%,#e443a515,transparent 70%),#111015;display:flex;align-items:center;justify-content:space-between;gap:50px}.contact-card h2{margin:15px 0 20px}.contact-card p:not(.eyebrow){max-width:690px}.site-footer{padding-top:48px;padding-bottom:30px}.footer-main{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:70px}.footer-logo{width:240px;height:auto;overflow:visible}.footer-brand p{margin-top:24px;font-size:17px}.social-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:28px;max-width:360px}.social-links a,.footer-column a{color:#aca5b8;text-decoration:none;font-size:15px}.footer-column a:hover,.social-links a:hover{color:var(--blue)}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-column h3{font-family:'Schibsted Grotesk',sans-serif;font-size:17px;font-weight:600;letter-spacing:0;margin-bottom:10px}.copyright{font-size:15px;color:#958caa;margin-top:50px}dialog{border:1px solid #ffffff29;border-radius:20px;background:#111015;padding:46px 18px 18px;width:min(1100px,90vw);overflow:visible}dialog::backdrop{background:#000c}dialog iframe{border:0;width:100%;aspect-ratio:16/9;display:block;background:#08080b}.dialog-close{position:absolute;right:12px;top:5px;width:36px;height:36px;display:grid;place-items:center;background:transparent;border:0}.dialog-close svg{width:23px;height:23px}
@media(max-width:1230px){.header-inner{gap:20px}.main-nav{gap:17px}.brand-link,.header-logo{width:205px}.header-actions{gap:8px}.header-actions .button{padding:10px 13px}.workflow-step{gap:15px;padding:27px 20px}.step-icon{width:40px;height:40px}.story-explorer{grid-template-columns:300px 1fr}.feature-card{padding:27px}.comparison-card{padding:27px}.market-grid{gap:12px}.market-card>span{font-size:20px;left:16px;right:16px}}
@media(max-width:1050px){.header-actions{margin-left:auto}.menu-toggle{display:grid;place-items:center;background:#ffffff06;border:1px solid var(--line);border-radius:12px;width:44px;height:44px;order:3}.menu-toggle svg{width:23px;height:23px}.main-nav{display:none;position:absolute;top:90px;left:32px;right:32px;background:#141117;border:1px solid #ffffff20;border-radius:18px;padding:24px;align-items:stretch;flex-direction:column;gap:0}.main-nav>a{font-size:17px;padding:12px}.site-header[data-menu-open] .main-nav{display:flex}.photo-fan{--spread:153px;max-width:900px}.photo-fan:hover{--spread:162px}.fan-photo{width:200px;height:284px}.workflow-step{flex-direction:column}.story-explorer{grid-template-columns:260px 1fr;gap:24px}.story-tab{padding:16px 12px;gap:10px}.story-tab img{width:42px;height:42px}.story-tab strong{font-size:17px}.story-tab .story-arrow{display:none}.story-image{height:300px}.story-copy{padding:25px}.story-copy blockquote{font-size:21px}.comparison-card{grid-template-columns:1fr}.comparison{max-width:340px;margin-inline:auto}.comparison-card{grid-column:span 1}.bento-grid{grid-template-columns:repeat(2,1fr)}.market-grid{grid-template-columns:repeat(3,1fr)}.market-card{min-height:300px}.benefits-grid{grid-template-columns:repeat(2,1fr)}.contact-card{padding:42px;gap:30px}.footer-main{gap:40px}}
@media(max-width:760px){:root{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.header-inner{width:calc(100% - 40px);min-height:86px;gap:15px}.brand-link,.header-logo{width:206px}.header-actions{display:none}.menu-toggle{margin-left:auto}.mobile-actions{display:flex;gap:12px;padding:16px 12px 8px}.main-nav{top:78px;left:20px;right:20px}.hero{padding-top:48px}.hero-copy h1{margin-top:22px;font-size:clamp(52px,10.8vw,78px)}.hero-copy .eyebrow{font-size:15px;letter-spacing:.055em}.hero-lead{font-size:18px;max-width:540px;margin-top:25px}.hero-actions{gap:10px;flex-wrap:wrap;margin-top:26px}.button{font-size:16px;padding:12px 19px}.photo-fan{height:335px;margin-top:40px;--spread:100px}.photo-fan:hover{--spread:105px}.fan-photo{width:175px;height:245px;border-radius:15px;top:22px}.fan-photo figcaption{left:12px;right:12px;bottom:13px;font-size:15px}.fan-photo figcaption span{display:none}.fan-caption{font-size:15px;margin-top:0}.section{padding-block:55px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:100%;margin-top:20px}.section-heading .eyebrow{font-size:15px;letter-spacing:.06em}.section-heading h2 br{display:none}h2{font-size:38px}.workflow-grid{grid-template-columns:1fr;gap:14px}.workflow-step{flex-direction:row;padding:25px;gap:20px}.step-icon{width:45px;height:45px}.workflow-step h3{margin-top:3px;margin-bottom:10px}.workflow-step p{font-size:17px}.story-explorer{display:flex;flex-direction:column;gap:24px}.story-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.story-tab{padding:14px 12px;min-height:82px}.story-tab img{width:37px;height:37px}.story-tab strong{font-size:16px}.story-tab>span>span{font-size:15px}.story-selector{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.story-tabs{width:100%}.rotation-button{margin:4px 0}.latest-story{margin-top:0;font-size:15px}.story-image{height:330px}.story-copy blockquote{font-size:22px}.story-metric{font-size:24px;left:20px;bottom:20px}.story-copy{padding:25px}.feature-card{padding:26px}.bento-grid{gap:16px}.feature-card h3{font-size:26px}.feature-card p{font-size:17px}.comparison-card{grid-column:span 2;grid-template-columns:1fr 1fr;gap:25px}.comparison-copy h3{font-size:28px}.comparison-copy p{font-size:17px}.comparison-copy .eyebrow{font-size:15px}.comparison .compare-label{font-size:15px}.comparison-hint{font-size:15px!important}.benefits-grid{gap:30px}.benefit{gap:13px}.benefit h3{font-size:24px}.market-grid{grid-template-columns:1fr 1fr;gap:14px}.market-card{min-height:290px}.market-card:last-child{grid-column:span 2;min-height:280px}.market-card:last-child img{object-position:center 35%}.market-card>span{font-size:22px}.apps-grid{grid-template-columns:1fr;gap:18px}.app-card{padding:30px}.app-card h3{font-size:28px}.contact-card{display:block;padding:32px 28px}.contact-card h2{font-size:38px}.contact-card>.button{margin-top:28px}.footer-main{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{grid-column:span 2}.footer-brand p{margin-top:18px}.footer-logo{width:230px}.social-links{max-width:none}.copyright{margin-top:38px}.footer-column h3{font-size:17px}.site-footer{padding-top:22px}.app-links{flex-wrap:wrap}}
@media(max-width:470px){.hero{padding-top:33px}.hero-copy .eyebrow{font-size:15px;max-width:270px;margin-inline:auto}.hero-copy h1{font-size:54px}.hero-lead{font-size:18px;line-height:1.7}.hero-actions{flex-direction:column;align-items:center;gap:6px}.hero-actions .button-primary{min-width:195px}.photo-fan{height:270px;--spread:64px;margin-top:25px}.photo-fan:hover{--spread:67px}.fan-photo{width:142px;height:210px;top:10px;border-radius:13px}.is-ready .fan-photo{transform:translateX(calc(-50% + var(--i)*var(--spread))) translateY(calc(var(--i)*var(--i)*7px)) rotate(calc(var(--i)*7deg))}.fan-photo figcaption{font-size:15px;left:10px;right:8px;bottom:12px}.fan-caption{max-width:300px;line-height:1.7}.section{padding-block:45px}h2{font-size:35px}.workflow-step{padding:23px 20px;gap:17px}.workflow-step h3{font-size:25px}.story-tabs{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 2px 12px}.story-tab{width:220px;flex:none;min-height:83px;scroll-snap-align:start}.story-tab strong{font-size:17px}.story-tab img{width:42px;height:42px}.story-selector{gap:4px}.story-image{height:285px}.story-copy blockquote{font-size:21px}.story-copy{padding:23px}.story-byline{display:flex;flex-direction:column;gap:5px}.story-metric{font-size:23px}.bento-grid{grid-template-columns:1fr}.feature-card{padding:27px}.feature-card>.card-icon{margin-bottom:22px}.comparison-card{grid-column:span 1;display:flex;flex-direction:column;padding:25px;gap:26px}.comparison{width:100%;max-width:none}.comparison-copy h3{font-size:30px}.benefits-grid{grid-template-columns:1fr;gap:30px}.benefit{gap:18px}.benefit h3{font-size:25px;margin-bottom:10px}.market-card{min-height:255px;border-radius:17px}.market-card>span{font-size:20px;left:14px;right:12px;bottom:18px}.market-card svg{width:17px;height:17px}.market-card:last-child{min-height:250px}.section-action .button{width:100%}.app-card{padding:27px}.app-links{width:100%}.app-links .button{flex:1}.contact-card{padding:30px 25px}.contact-card h2{font-size:36px}.contact-card .eyebrow{font-size:15px;letter-spacing:.05em}.footer-main{column-gap:25px}.footer-column{gap:13px}.footer-column a{font-size:15px}.footer-logo{width:225px}.copyright{font-size:15px}.header-inner{min-height:82px}.brand-link,.header-logo{width:205px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.fan-photo{opacity:1}}

/* Give the original illustrations room while keeping the black, quiet surfaces. */
.hero-copy h1{margin-top:8px}
.section-heading h2{max-width:760px}
.workflow-grid{gap:46px;margin-top:56px}
.workflow-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px;padding:0 20px;border:0;background:none;border-radius:0}
.workflow-step:not(:last-child):after{z-index:0;content:'→';position:absolute;top:65px;right:-38px;font-size:36px;color:#a58bc17a;line-height:1}
.workflow-art{width:176px;height:176px;display:grid;place-items:center;flex:none;border-radius:50%;background:radial-gradient(circle,#b583f61a 0,transparent 70%)}
.workflow-art img{width:146px;height:146px;object-fit:contain}
.workflow-step h3{font-size:31px;margin:0 0 18px}
.workflow-step p{font-size:18px;line-height:1.8;max-width:315px}
.workflow-video{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:60px;padding:32px 38px;background:#121015;border-radius:22px;border:1px solid var(--line)}
.workflow-video h3{font-size:25px;margin-bottom:10px}
.workflow-video p{font-size:17px;max-width:760px}
.workflow-video>.button{flex:none}
.story-avatar{display:block;width:50px;height:50px;flex:none;position:relative;overflow:hidden;border-radius:50%;background:#211b28}
.story-tab .story-avatar img{width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;filter:none}
.story-tab .matt-avatar img{position:absolute;width:800%;height:auto;left:-229%;top:-60%;object-fit:initial}
.story-tab .story-tab-label{min-width:0}
.story-tab.is-active.is-timing .story-progress{animation-duration:var(--story-interval,8s);animation-delay:var(--story-elapsed,0ms)}
.story-image{height:430px;padding:20px;background:radial-gradient(ellipse at 50% 100%,#7f53731c,transparent 70%),#0b0a0e}
.story-image:after{display:none}
.story-photo-window{height:100%;width:100%;overflow:hidden;border-radius:12px}
.story-photo-window img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;border-radius:12px}
.story-photo-window.portrait-photo{width:min(100%,580px);margin:auto}
.story-photo-window.portrait-photo img{object-position:50% 8%}
.story-photo-window.jason-photo{max-width:440px}
.story-photo-window.jason-photo img{object-position:50% 10%}
.story-photo-window.family-photo{max-width:500px}
.story-photo-window.family-photo img{object-position:50% 8%}
.story-photo-window.matt-photo{position:relative;width:min(100%,360px);margin:auto;border-radius:12px}
.story-photo-window.matt-photo img{position:absolute;max-width:none;width:355.5556%;height:auto;left:-67.1111%;top:-16.6065%;object-fit:initial;border-radius:0}
.story-copy{padding:30px 34px 34px}
.story-detail{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.story-metric{position:static;display:inline-block;flex:none;font-size:22px;line-height:1.45;color:#e5b7ed;background:#b477ca0f;border-color:#d7a4e62a;padding:8px 13px}
.story-byline{display:flex;flex-direction:column;gap:3px;margin:0;font-size:15px;line-height:1.5;text-align:right}
.story-copy blockquote+p{font-size:17px;margin-top:20px;line-height:1.8}
.feature-illustration{width:94px;height:94px;object-fit:contain;margin-bottom:26px}
.bento-grid{gap:24px}
.feature-card{padding:34px}
.feature-card h3{margin-bottom:18px}
.feature-card p{font-size:18px;line-height:1.8}
.ai-stage{display:grid;grid-template-columns:1fr .88fr;gap:76px;align-items:center;padding:58px 64px;border:1px solid #d59de72a;border-radius:30px;background:radial-gradient(ellipse at 0 0,#9a36991d,transparent 62%),radial-gradient(ellipse at 100% 100%,#4f64a424,transparent 55%),#111015}
.ai-copy h2{font-size:49px;line-height:1.15;max-width:460px}
.ai-lead{font:500 28px/1.45 Geom,sans-serif;color:#e9b9f2;margin:22px 0}
.ai-copy>p:not(.ai-lead){font-size:19px;line-height:1.8}
.ai-options{list-style:none;padding:0;margin:26px 0 32px;display:grid;gap:12px;color:#d4ccdf;font-size:17px}
.ai-options li{position:relative;padding-left:26px}
.ai-options li:before{content:'✓';color:var(--blue);position:absolute;left:0}
.ai-demo{min-width:0}
.ai-demo .comparison{width:100%;max-width:none;margin:0;box-shadow:0 16px 42px #0005}
.ai-demo .comparison-hint{text-align:center;margin-top:15px}
.benefits-section .section-heading{display:block;text-align:center;margin-bottom:48px}
.benefits-section .section-heading h2{max-width:none}
.benefits-section .section-heading>p{max-width:none;margin-top:20px}
.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.benefit{display:grid;grid-template-columns:92px minmax(0,1fr);gap:28px;padding:35px 34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#15121a,#101014);align-items:start}
.benefit-illustration{width:92px;height:92px;object-fit:contain}
.benefit h3{font-size:28px;margin-bottom:16px}
.benefit p{font-size:18px;line-height:1.8}

@media(max-width:1050px){
 .workflow-grid{gap:26px}.workflow-step{padding-inline:6px}.workflow-step:not(:last-child):after{right:-27px}.workflow-art{width:154px;height:154px}.workflow-art img{width:130px;height:130px}.workflow-step p{font-size:17px}
 .workflow-video{gap:30px;padding:28px}.workflow-video p{font-size:17px}
 .story-avatar{width:42px;height:42px}.story-image{height:340px}.story-copy{padding:28px}.story-detail{align-items:flex-start;flex-direction:column;gap:16px}.story-byline{text-align:left}
 .ai-stage{padding:40px;gap:42px;grid-template-columns:1fr .85fr}.ai-copy h2{font-size:41px}.ai-lead{font-size:25px}.ai-copy>p:not(.ai-lead){font-size:18px}.ai-options{font-size:16px}
 .benefit{grid-template-columns:72px minmax(0,1fr);gap:20px;padding:28px}.benefit-illustration{width:72px;height:72px}.benefit h3{font-size:25px}.benefit p{font-size:17px}
}
@media(max-width:760px){
 .workflow-grid{gap:36px;margin-top:36px}.workflow-step{display:grid;grid-template-columns:110px minmax(0,1fr);gap:26px;padding:0;text-align:left;align-items:center}.workflow-step:not(:last-child):after{display:none}.workflow-art{width:110px;height:110px}.workflow-art img{width:105px;height:105px}.workflow-step h3{font-size:28px;margin-bottom:12px}.workflow-step p{max-width:none;font-size:18px}
 .workflow-video{display:block;margin-top:38px;padding:28px}.workflow-video>.button{margin-top:24px}.workflow-video h3{font-size:25px}
 .story-avatar{width:42px;height:42px}.story-image{height:360px}.story-detail{flex-direction:row;align-items:center}.story-metric{font-size:21px}.story-byline{text-align:right}
 .feature-card{padding:30px}.feature-illustration{width:84px;height:84px}.feature-card p{font-size:17px}
 .ai-stage{padding:35px;gap:36px;grid-template-columns:1fr 1fr}.ai-copy h2{font-size:38px}.ai-lead{font-size:24px}.ai-copy>p:not(.ai-lead){font-size:17px}.ai-options{font-size:16px;gap:10px}.ai-copy .button{white-space:normal}
 .benefits-grid{grid-template-columns:1fr;gap:22px}.benefit{grid-template-columns:88px minmax(0,1fr);gap:27px;padding:32px}.benefit-illustration{width:88px;height:88px}.benefit h3{font-size:28px}.benefit p{font-size:18px}
}
@media(max-width:590px){
 .workflow-step{grid-template-columns:86px minmax(0,1fr);gap:20px;align-items:start}.workflow-art{width:86px;height:102px}.workflow-art img{width:86px;height:86px}.workflow-step h3{font-size:27px}.workflow-step p{font-size:17px}
 .ai-stage{grid-template-columns:1fr;padding:30px 26px;gap:34px}.ai-copy h2{font-size:41px}.ai-lead{font-size:26px}.ai-copy>p:not(.ai-lead){font-size:18px}.ai-options{font-size:17px}.ai-demo{max-width:370px;width:100%;margin:auto}
 .story-image{height:340px;padding:16px}.story-detail{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:22px}.story-byline{text-align:left}.story-copy{padding:25px}.story-metric{font-size:22px}.story-copy blockquote{font-size:22px}
 .benefit{display:flex;flex-wrap:wrap;align-items:center;gap:18px 16px;padding:26px}.benefit>div{display:contents}.benefit-illustration{flex:none;width:64px;height:64px}.benefit h3{flex:1 1 auto;min-width:0;margin:0;font-size:26px;line-height:1.2}.benefit p{flex:0 0 100%;font-size:18px}.benefits-section .section-heading h2{font-size:36px}
}

@media(min-width:761px) and (max-width:900px){.benefits-grid{grid-template-columns:1fr}.benefit{grid-template-columns:88px minmax(0,1fr);gap:27px;padding:32px}.benefit-illustration{width:88px;height:88px}.benefit h3{font-size:28px}.benefit p{font-size:18px}}

/* Actual App Store screens, displayed as a pair of floating devices. */
.apps-grid{gap:28px}
.app-card{position:relative;isolation:isolate;overflow:hidden;padding:38px;background:radial-gradient(ellipse at 0 100%,#a4419d1a,transparent 60%),#111015}
.app-card-1{background:radial-gradient(ellipse at 100% 100%,#385fa82b,transparent 62%),#101116}
.app-content{width:100%}
.app-content h3{font-size:32px;margin-bottom:20px}
.app-content p{font-size:18px;line-height:1.8;margin-bottom:0}
.app-visual{position:relative;width:100%;height:390px;margin:30px 0 25px;isolation:isolate}
.app-visual:before{content:'';position:absolute;inset:20% -25% 0;z-index:-1;background:radial-gradient(ellipse,#c175d32a,transparent 66%);pointer-events:none}
.app-card-1 .app-visual:before{background:radial-gradient(ellipse,#7eb8dc29,transparent 66%)}
.app-device{position:absolute;height:350px;aspect-ratio:460/955;overflow:hidden;border-radius:18%/8.7%;background:#08090d;box-shadow:0 24px 38px #0007;transform-origin:center 70%;transition:transform .45s ease}
.app-device.device-0{top:12px;left:calc(50% - 160px);transform:rotate(-7deg);z-index:1}
.app-device.device-1{top:25px;left:calc(50% - 5px);transform:rotate(6deg);z-index:2}
.app-device img{position:absolute;display:block;max-width:none;width:130.4348%;height:auto;left:-15.2174%;top:-30.7853%}
.app-device[data-screen^=capture]{aspect-ratio:532/972;border-radius:15%/8%}
.app-device[data-screen=capture-workflows] img{width:112.78195%;left:-6.39098%;top:-33.74486%}
.app-device[data-screen=capture-gallery] img{width:112.35955%;left:-6.17978%;top:-34.02062%}
.app-card .app-links{width:100%;margin-top:auto;gap:14px}
.app-card .app-links .button{flex:1;min-width:130px;background:#14121a;border-color:#e0b6ed36}
.app-card .app-links .button:hover{background:#211729;border-color:#ecb8eb7a}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.app-card:hover .device-0{transform:translateY(-5px) rotate(-4deg)}.app-card:hover .device-1{transform:translateY(-10px) rotate(3deg)}}
@media(min-width:1051px){.section{padding-block:96px}.section-heading{margin-bottom:50px}.benefits-section .section-heading{margin-bottom:54px}}
@media(max-width:1050px){.apps-grid{grid-template-columns:1fr}.app-card{padding:36px}.app-content p{max-width:700px}.app-visual{height:380px;margin-top:35px}.app-device{height:340px}}
@media(max-width:590px){.app-card{padding:29px 27px}.app-content h3{font-size:29px}.app-content p{font-size:18px}.app-visual{height:320px;margin:24px 0}.app-device{height:270px}.app-device.device-0{top:12px;left:calc(50% - 117px);transform:rotate(-6deg)}.app-device.device-1{top:29px;left:calc(50% - 25px);transform:rotate(5deg)}}
@media(max-width:380px){.app-device.device-0{display:none}.app-device.device-1{left:50%;height:290px;transform:translateX(-50%) rotate(3deg)}.app-visual{height:340px}}

/* A quiet photo journey stays behind the illustrations and clear of the copy. */
.main-nav>a{font-size:17px}
.story-tab strong{font-size:19px}
.story-tab .story-tab-label>span{font-size:16px}
.workflow-grid{position:relative;isolation:isolate}
.workflow-art,.workflow-copy{position:relative;z-index:2}
.workflow-art{background:radial-gradient(circle,#b583f61a 0,transparent 70%),#08080b}
.workflow-copy{background:#08080b}
.workflow-photo-flow{position:absolute;inset:0 0 auto;height:205px;z-index:1;pointer-events:none;overflow:visible}
.workflow-photo{position:absolute;left:0;top:0;width:92px;opacity:0;pointer-events:auto;animation:photo-delivery 18s linear infinite;animation-play-state:paused;will-change:transform;backface-visibility:hidden}
.workflow-photo.photo-1{animation-delay:9s}
.workflow-grid[data-flow-running=true] .workflow-photo{animation-play-state:running}
.workflow-polaroid{padding:6px 6px 19px;border:1px solid #d894c7;border-radius:4px;background:#35233b;box-shadow:0 9px 25px #0006;transform:rotate(-7deg)}
.photo-1 .workflow-polaroid{border-color:#97dbe9;background:#253341;transform:rotate(8deg)}
.workflow-polaroid img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 25%;border-radius:1px;opacity:1}
.workflow-photo:hover .workflow-polaroid{animation:polaroid-wiggle .65s ease-in-out infinite}




@keyframes photo-delivery{
 0%{opacity:0;transform:translate3d(calc(var(--flow-width) * 0.14 - 50%),calc(100px - 50%),0) rotate(-5deg)}
 6%{opacity:1;transform:translate3d(calc(var(--flow-width) * 0.17 - 50%),calc(93px - 50%),0) rotate(-4deg)}
 25%{opacity:1;transform:translate3d(calc(var(--flow-width) * 0.33 - 50%),calc(76px - 50%),0) rotate(7deg)}
 48%{opacity:1;transform:translate3d(calc(var(--flow-width) * 0.5 - 50%),calc(94px - 50%),0) rotate(-4deg)}
 65%{opacity:1;transform:translate3d(calc(var(--flow-width) * 0.67 - 50%),calc(128px - 50%),0) rotate(6deg)}
 80%{opacity:1;transform:translate3d(calc(var(--flow-width) * 0.83 - 50%),calc(88px - 50%),0) rotate(-3deg)}
 87%{opacity:0;transform:translate3d(calc(var(--flow-width) * 0.87 - 50%),calc(65px - 50%),0) rotate(3deg)}
 100%{opacity:0;transform:translate3d(calc(var(--flow-width) * 0.87 - 50%),calc(65px - 50%),0) rotate(3deg)}
}
@keyframes polaroid-wiggle{0%,100%{transform:rotate(-7deg) translateY(0)}30%{transform:rotate(5deg) translateY(-4px)}65%{transform:rotate(-10deg) translateY(1px)}}
@keyframes photo-delivery-vertical{
 0%{opacity:0;transform:translate3d(calc(var(--flow-width) * 0.5 - 50%),calc(var(--flow-height) * 0.03 - 50%),0) rotate(-5deg)}
 6%{opacity:1;transform:translate3d(calc(var(--flow-width) * 0.5 - 50%),calc(var(--flow-height) * 0.08 - 50%),0) rotate(-4deg)}
 25%{opacity:1;transform:translate3d(calc(var(--flow-width) * 0.35 - 50%),calc(var(--flow-height) * 0.29 - 50%),0) rotate(7deg)}
 48%{opacity:1;transform:translate3d(calc(var(--flow-width) * 0.5 - 50%),calc(var(--flow-height) * 0.49 - 50%),0) rotate(-4deg)}
 65%{opacity:1;transform:translate3d(calc(var(--flow-width) * 0.65 - 50%),calc(var(--flow-height) * 0.7 - 50%),0) rotate(6deg)}
 80%{opacity:1;transform:translate3d(calc(var(--flow-width) * 0.5 - 50%),calc(var(--flow-height) * 0.88 - 50%),0) rotate(-3deg)}
 87%{opacity:0;transform:translate3d(calc(var(--flow-width) * 0.5 - 50%),calc(var(--flow-height) * 0.93 - 50%),0) rotate(3deg)}
 100%{opacity:0;transform:translate3d(calc(var(--flow-width) * 0.5 - 50%),calc(var(--flow-height) * 0.93 - 50%),0) rotate(3deg)}
}
@media(max-width:1050px){.main-nav>a{font-size:19px;padding:13px 12px}.workflow-photo{width:80px}.story-image{height:400px}}
@media(max-width:760px){
 .workflow-photo-flow{inset:0 auto 0 0;width:110px;height:auto;overflow:visible}
 .workflow-photo{width:64px;animation-name:photo-delivery-vertical}
 .workflow-polaroid{padding:4px 4px 14px}

 .story-image{height:430px}
 .story-image:has(.story-photo-window:not(.portrait-photo):not(.matt-photo)){height:auto}
 .story-photo-window:not(.portrait-photo):not(.matt-photo){height:auto;aspect-ratio:3/2}
}
@media(max-width:590px){.workflow-photo-flow{width:86px}.workflow-photo{width:58px}.story-image{height:400px;padding:14px}}
@media(prefers-reduced-motion:reduce){.workflow-photo-flow{display:none}}

/* A photographic contact strip makes the social links part of the brand. */
.social-film{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-top:62px;padding:30px 22px;border:1px solid #d5b1e438;border-radius:22px;background:linear-gradient(115deg,#211624,#151c28);isolation:isolate}
.social-film:before,.social-film:after{content:'';position:absolute;left:24px;right:24px;height:8px;background:repeating-linear-gradient(90deg,#08080b 0 14px,transparent 14px 25px),linear-gradient(90deg,#695971a6,#65677ba6 50%,#5e7282a6);border-radius:2px;pointer-events:none}
.social-film:before{top:10px}.social-film:after{bottom:10px}
.social-frame{--social-accent:#b3c1ff;display:block;min-width:0;color:#eae5ed;text-decoration:none;border:1px solid #d8b2e22b;border-radius:10px;background:#131118;transform:rotate(var(--social-tilt,-1deg));transform-origin:50% 80%;transition:transform .35s ease,border-color .35s,box-shadow .35s}
.social-1{--social-accent:#fa89df;--social-tilt:1deg}.social-2{--social-accent:#a3eefc;--social-tilt:-1deg}.social-3{--social-accent:#c4a0ff;--social-tilt:1.5deg}.social-4{--social-accent:#edb2e9;--social-tilt:-1deg}
.social-photo{position:relative;display:block;overflow:hidden;aspect-ratio:1.45;border-radius:9px 9px 0 0;background:#211a29}
.social-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#17121b0d 10%,#100c16a3);pointer-events:none}
.social-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:.88;filter:saturate(.9);transition:transform .55s ease,opacity .4s,filter .4s}
.social-4 .social-photo img{object-position:85% 40%}
.social-glyph{position:absolute;left:12px;bottom:11px;z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#15121be8;border:1px solid #e1b3ea2e;color:var(--social-accent)}
.social-glyph svg{width:23px;height:23px}
.social-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 13px;color:#ede7f1;font-size:17px;font-weight:600;line-height:1.5}
.social-caption>svg{width:18px;height:18px;color:var(--social-accent);transition:transform .3s}
.social-frame:hover,.social-frame:focus-visible{z-index:2;color:#fff;transform:translateY(-9px) rotate(0);border-color:var(--social-accent);box-shadow:0 15px 30px #0005}
.social-frame:hover img,.social-frame:focus-visible img{transform:scale(1.055);opacity:.95;filter:saturate(1)}
.social-frame:hover .social-caption>svg,.social-frame:focus-visible .social-caption>svg{transform:translateX(3px)}
@media(max-width:1050px){.social-film{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 12px;padding-inline:16px}.social-frame{grid-column:span 2}.social-frame:nth-child(4){grid-column:2/span 2}.social-frame:nth-child(5){grid-column:4/span 2}.social-caption{font-size:16px;padding:13px 10px}.social-glyph{left:9px;bottom:9px;width:34px;height:34px}.social-glyph svg{width:21px;height:21px}}
@media(max-width:760px){.social-film{gap:18px 15px;margin-top:42px;padding:28px 18px}.social-caption{font-size:17px;padding:15px 12px}.social-glyph{width:38px;height:38px}}
@media(max-width:470px){.social-film{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:27px 14px}.social-frame,.social-frame:nth-child(4){grid-column:auto}.social-frame:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}.social-caption{font-size:16px;padding:13px 10px}.social-photo{aspect-ratio:1.18}.social-glyph{width:34px;height:34px}}
@media(max-width:380px){.social-caption>svg{display:none}}

/* Keep the active story visible without moving the page vertically. */
.story-tabs{scrollbar-width:none}
.story-tabs::-webkit-scrollbar{display:none}
.story-swipe-hint{display:none;width:100%;align-items:center;justify-content:space-between;gap:14px;margin:2px 0 0;color:#b8aebf;font-size:15px;line-height:1.5}
.story-selector[data-scrollable=true] .story-swipe-hint{display:flex}
.story-swipe-hint>span:first-child{display:inline-flex;align-items:center;gap:8px}
.story-swipe-hint>span>span{color:#bdb0d0;font-size:18px}
.story-position{display:flex;align-items:center;gap:5px;flex:none}
.story-position-dot{display:block;width:5px;height:5px;border-radius:50%;background:#6c617b}
.story-position-dot.is-active{width:15px;border-radius:5px;background:linear-gradient(90deg,#f08bdf,#a3eefc)}
@media(max-width:760px){.story-stage{touch-action:pan-y pinch-zoom}}

/* Demo destinations are deliberately inactive while preserving their visual design. */
a[aria-disabled="true"][data-demo-href]{cursor:default}
/* Keep the gradient continuous through the transparent border, including hover. */
.button-primary,.button-primary:hover{background-origin:border-box;background-repeat:no-repeat}
/* Keep feature names beside their illustrations, with full-width descriptions. */
.feature-card-heading{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.feature-card-heading .feature-illustration{flex:none;width:76px;height:76px;margin:0}
.feature-card-heading h3{min-width:0;margin:0;font-size:clamp(24px,2.1vw,28px);line-height:1.2}
@media(max-width:1230px) and (min-width:1051px){.feature-card-heading{gap:16px}.feature-card-heading .feature-illustration{width:68px;height:68px}}
@media(max-width:680px){#toolkit .bento-grid{grid-template-columns:1fr}.feature-card-heading{gap:18px}.feature-card-heading .feature-illustration{width:68px;height:68px}.feature-card-heading h3{font-size:27px}}
@media(max-width:400px){.feature-card-heading{gap:14px}.feature-card-heading .feature-illustration{width:58px;height:58px}.feature-card-heading h3{font-size:24px}}

/* Shorter footer groups keep navigation level with the brand. */
.footer-main{grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
.footer-brand{grid-column:auto}
.footer-navigation{display:grid;grid-template-columns:1.1fr 1fr 1.2fr 1fr;gap:28px;min-width:0}
.footer-navigation .footer-column{gap:10px;min-width:0}
.footer-navigation h3{min-height:2.5em;margin-bottom:5px;line-height:1.25}
.footer-navigation h3 span{display:block}
.footer-main+.social-film{margin-top:46px}
@media(max-width:1050px){.footer-main{grid-template-columns:1fr;gap:32px}.footer-navigation{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}
@media(max-width:760px){.footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.footer-navigation h3{min-height:0}.footer-main+.social-film{margin-top:38px}}

/* All stories share their row sizes, so changing tabs never moves the next section. */
.story-stage{display:grid;grid-template-rows:repeat(5,auto);isolation:isolate}
.story-stage>.story-panel{display:grid;grid-template-rows:subgrid;grid-area:1/1/6/2;min-width:0;animation:story-fade .25s ease-out}
.story-stage>.story-panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.story-stage .story-image{grid-row:1;min-width:0;display:flex;align-items:center;justify-content:center}
.story-stage .story-photo-window{flex:none}
.story-stage .story-copy{display:grid;grid-template-rows:subgrid;grid-row:2/span 4;row-gap:16px;min-width:0}
.story-copy .story-detail{margin-bottom:0}
.story-copy blockquote+p,.story-copy .text-link{margin-top:0}
.story-copy blockquote+p{font-size:16px;line-height:1.65}
@keyframes story-fade{from{opacity:0}to{opacity:1}}
@media(min-width:1051px){
 #stories{padding-block:48px}
 #stories .section-heading{margin-bottom:32px}
 #stories .story-tabs{gap:8px}
 #stories .story-tab{padding:12px 16px;gap:12px}
 #stories .story-tab-label{line-height:1.35;gap:2px}
 #stories .story-avatar{width:44px;height:44px}
 #stories .story-image{height:330px;padding:16px}
 #stories .story-photo-window.portrait-photo{width:auto;max-width:100%;aspect-ratio:580/390}
 #stories .story-photo-window.jason-photo{aspect-ratio:440/390}
 #stories .story-photo-window.family-photo{aspect-ratio:500/390}
 #stories .story-photo-window.matt-photo{width:auto;max-width:100%;aspect-ratio:360/390}
 #stories .story-copy{padding:24px 28px;row-gap:14px}
}
@media(min-width:1051px) and (max-height:850px){
 #stories{padding-block:24px}
 #stories .section-heading{margin-bottom:24px}
 #stories h2{font-size:48px}
 #stories .story-image{height:260px}
 #stories .story-tab{padding-block:10px}
 #stories .story-copy{padding:20px 26px;row-gap:12px}
 #stories blockquote{font-size:21px;line-height:1.45}
}
@media(max-width:760px){
 .story-stage .story-image,.story-stage .story-image:has(.story-photo-window:not(.portrait-photo):not(.matt-photo)){height:400px}
}
/* Use the shared focus color while preserving each social link's hover treatment. */
.social-frame:focus-visible{border-color:var(--qp-focus,#BA94C1)}

.edit-example-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.edit-example-button{border:1px solid #d49ce13d;background:#ffffff04;color:#e9dff0;font:500 15px/1.4 'Schibsted Grotesk',sans-serif;border-radius:9px;padding:10px 12px;min-height:43px;flex:1 1 calc(50% - 8px)}.edit-example-button:hover{background:#d494d817}.edit-example-button[aria-pressed=true]{background:#dba8e725;border-color:#e5acf1;color:#fff}.edit-example-button:focus-visible{outline:3px solid var(--qp-focus,#BA94C1);outline-offset:3px}.ai-demo .comparison-image{background-image:var(--edit-image,url('/assets/retro/candy-compare.webp'))}.ai-demo .comparison-hint{min-height:45px}
/* Align the cleanup subject: the edited half sits 4px higher in the 1000px source. */
.comparison[data-edit-example="cleanup"] .comparison-after::before{content:'';position:absolute;inset:0;background:inherit;transform:translateY(.4%)}
/* Clip label badges at the same divider as their corresponding image. */
.comparison-label-layer{position:absolute;inset:0;z-index:3;pointer-events:none}
.comparison-label-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparison-label-after{clip-path:inset(0 0 0 var(--split))}

/* One continuous backdrop for the homepage and individual feature heroes. */
:is(.qp-home,.qp-feature-page) #main{overflow-x:clip;overflow-y:visible}
.qp-home .hero,.qp-feature-page #main .qp-feature-hero{position:relative;isolation:isolate;overflow:visible}
.qp-home .hero::before,.qp-feature-page #main .qp-feature-hero::before{
 content:'';
 position:absolute;
 z-index:-1;
 inset:-160px 0 -240px;
 background:radial-gradient(ellipse at 37% 28%,#b51d9d13,transparent 44%),radial-gradient(ellipse at 70% 60%,#5542ac20,transparent 42%);
 -webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 75%,transparent);
 mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 75%,transparent);
 pointer-events:none;
}

/* 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}}

/* Only wide viewports share space with Candy. No transform on the page: fixed
   controls and sticky navigation keep their normal browser behavior. */
html body{width:100%}
@media(min-width:1600px){html body{transition:width .38s cubic-bezier(.2,.7,.2,1)}html[data-candy-docked] body{width:calc(100% - 420px)!important}}
@media(prefers-reduced-motion:reduce){html body{transition:none}}

/* Pages change inside one browser document; Candy's live canvas stays mounted. */
/* Incoming legacy styles load before Turbo replaces the outgoing body. Keep
   both the document canvas and page surface ink throughout that handoff. */
html,body.qp-site{background:#08080b!important}
.turbo-progress-bar{height:2px;background:#ab9ac7;opacity:.55;box-shadow:none}
html[aria-busy=true] .site-header{cursor:progress}

/* The outgoing page stays visible until replacement. Only incoming content
   fades; shared navigation, the ink background and Candy stay steady. */
@media(prefers-reduced-motion:no-preference){
 body[data-qp-arriving]>#main,body[data-qp-arriving]>.site-footer{animation:qp-content-arrive 240ms ease-out both}
}
@keyframes qp-content-arrive{from{opacity:0}to{opacity:1}}

/* The primary actions share Candy's soft pink/lavender/cyan send gradient. */
:root{--qp-cta-gradient:linear-gradient(115deg,#e9addf,#b8abed 70%,#a3eefc);--qp-cta-ink:#1b1625}
.button-primary,.button-primary:hover{background:var(--qp-cta-gradient);background-origin:border-box;background-repeat:no-repeat;color:var(--qp-cta-ink);box-shadow:0 5px 24px #b8abed24}
.button-primary:hover{box-shadow:0 7px 28px #b8abed38}

/* Native scrolling, with the same ink track and aurora accent as the logo. */
html,body{color-scheme:dark;scrollbar-width:thin;scrollbar-color:#b58bdc #0e0c14}
@supports selector(::-webkit-scrollbar){
 html,body{scrollbar-width:auto;scrollbar-color:auto}
 html::-webkit-scrollbar,body::-webkit-scrollbar{width:12px;height:12px}
 html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#0e0c14}
 html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb:window-inactive,body::-webkit-scrollbar-thumb:window-inactive{min-height:54px;border:3px solid #0e0c14;border-radius:99px;background:linear-gradient(180deg,#e678d0,#b48aff 52%,#9ce5f0);background-clip:padding-box}
 html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fa98e4,#c7a9ff 52%,#b1f4fc);background-clip:padding-box}
 html::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner{background:#0e0c14}
 html::-webkit-scrollbar-button,body::-webkit-scrollbar-button{display:none}
}
@media(forced-colors:active){html,body{scrollbar-color:auto}}
/* Shared, click-to-open navigation; a second click follows the All page. */
:root{--program-grad:117 221 162;--program-portrait:245 213 120;--program-service:188 150 245;--program-social:129 180 255;--program-sports:241 138 145}
[data-program=grad]{--program-color:var(--program-grad)}[data-program=portrait]{--program-color:var(--program-portrait)}[data-program=service]{--program-color:var(--program-service)}[data-program=social]{--program-color:var(--program-social)}[data-program=sports]{--program-color:var(--program-sports)}
.nav-disclosure{position:relative;flex:none}
.site-header .nav-disclosure-link{display:flex;align-items:center;gap:6px;color:#d9d4e0;text-decoration:none;font:500 17px/1.65 'Schibsted Grotesk',sans-serif;white-space:nowrap}
.nav-disclosure-link svg{width:12px;height:12px;transition:transform .16s ease}
.site-header .nav-disclosure-link:is(:hover,[aria-expanded=true],[aria-current=page]){color:#a3eefc}
.nav-disclosure-link[aria-expanded=true] svg{transform:rotate(180deg)}
.site-header .nav-submenu{position:absolute;top:calc(100% + 22px);left:-22px;min-width:265px;width:max-content;max-width:min(340px,calc(100vw - 50px));margin:0;padding:10px;list-style:none;border:1px solid #c8b9df38;border-radius:16px;background:linear-gradient(145deg,#211a2bf9,#13121afc);box-shadow:0 18px 50px #0007;z-index:55}
.site-header .nav-submenu[hidden]{display:none}
.site-header .nav-submenu li{margin:0;padding:0;list-style:none}
.site-header .nav-submenu a{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 13px;border-radius:9px;text-decoration:none;color:#e2d9eb;font:500 15px/1.5 'Schibsted Grotesk',sans-serif;white-space:nowrap}
.site-header .nav-submenu a[data-program]:before{content:'';width:8px;height:8px;flex:none;border-radius:50%;background:rgb(var(--program-color));box-shadow:0 0 15px rgb(var(--program-color)/.15)}
.site-header .nav-submenu a:hover{background:#c7a6e012;color:#fff}
.site-header .nav-submenu .nav-view-all{margin-top:7px;padding-top:14px;border-top:1px solid #d4bcdf26;border-radius:0 0 8px 8px;color:#b3e5ee}
.site-header .nav-submenu .nav-view-all:after{content:'↗';margin-left:auto}
.site-header .nav-disclosure a:focus-visible{outline:2px solid var(--qp-focus,#BA94C1);outline-offset:2px}
@media(max-width:1050px){.site-header .nav-disclosure-link{font-size:19px;min-height:48px;padding:13px 12px;justify-content:space-between}.site-header .nav-submenu{position:static;min-width:0;width:100%;max-width:none;box-shadow:none;margin:0 0 10px;background:#0e0d14b8;border-radius:12px;padding:6px}.site-header .nav-submenu a{font-size:15px;min-height:44px;padding:10px 13px}.site-header .main-nav{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}}
@media(prefers-reduced-motion:reduce){.nav-disclosure-link svg{transition:none}}

/* Shared footer: centered brand, four link groups, social film, then one legal row. */
.site-footer .footer-main{display:flex;flex-direction:column;align-items:center;gap:38px}
.site-footer .footer-brand{display:flex;flex-direction:column;align-items:center;grid-column:auto;width:100%;text-align:center}
.site-footer .footer-brand>a{display:block;width:260px;max-width:100%}
.site-footer .footer-brand .footer-logo{display:block;width:100%;height:auto;max-width:none;margin:0}
.site-footer .footer-brand p{margin:16px 0 0;font-size:17px}
.site-footer .footer-navigation{width:100%;max-width:1000px;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.site-footer .footer-navigation h3{min-height:0;line-height:1.3}
.site-footer .social-film{width:100%;max-width:1000px;margin:38px auto 0}
.site-footer .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 28px;margin-top:28px;padding:0;text-align:center}
.site-footer .footer-bottom .copyright{margin:0;padding:0;border:0;font-size:15px;line-height:1.65;color:var(--muted)}
.site-footer .footer-bottom .qp-legal-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 24px;margin:0;padding:0;font-size:15px;line-height:1.65}
.site-footer .qp-legal-links a{color:var(--muted);text-decoration:none;white-space:nowrap}
.site-footer .qp-legal-links a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.site-footer .footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}}
@media(max-width:760px){.site-footer .footer-main{gap:32px}.site-footer .footer-brand>a{width:235px}.site-footer .social-film{margin-top:32px}.site-footer .footer-bottom{gap:12px;margin-top:24px}.site-footer .footer-bottom .copyright{flex-basis:100%}.site-footer .footer-bottom .qp-legal-links{gap:10px 20px}}

.site-footer .footer-navigation .footer-column{width:max-content;max-width:100%;justify-self:center}
@media(max-width:900px){.site-footer .footer-navigation .footer-column{width:auto;justify-self:start}}