.hero-role{max-width:340px}.hero-role h2 small{display:block;font-size:19px;line-height:1.4;max-width:27ch;margin-top:10px}.footer-bottom{grid-template-columns:1fr 2fr;align-items:end}.footer-copyright{font-size:13px}.talaria-explainer{max-width:590px;font-size:17px;line-height:1.65;color:var(--muted);margin-top:22px}.selected-label{align-items:flex-start}.selected-label>span{max-width:26ch;line-height:1.5}.cred-logos img[src*="women-techmakers-new"]{width:130px;max-height:95px}.cred-logos .ascenseur-logo{width:145px;max-height:80px;padding:12px;background:#171717;border-radius:4px}.cred-logos .live-good-logo{width:120px;max-height:80px}.role-photo-slot:has(.ascenseur-role-logo){background:#171717}.role-photo-slot:has(.ascenseur-role-logo)>span{color:#ffffff90}
@media(max-width:800px){.hero-role h2 small{font-size:16px}.footer-bottom{grid-template-columns:1fr}.footer-social{grid-column:auto}.talaria-explainer{font-size:16px}}@media(max-width:500px){.hero-role{max-width:300px}.hero-role h2{font-size:25px}.hero-role h2 small{max-width:26ch}.cred-logos{gap:25px}.selected-label>span{max-width:100%}}

.women-techmakers-photo{height:auto;aspect-ratio:1/1;background:#fff}.women-techmakers-photo>img{object-fit:contain!important}.selected-visual:has(img[src*="talaria-home-preview"]){background:#f8f7f5}.selected-visual img[src*="talaria-home-preview"]{object-fit:contain;width:100%;height:100%;transform:none!important}.role-visual img[src*="mentoring-group"]{object-position:center 65%}
.selected-image.talaria-image{padding:16px;background:#f8f7f5}.selected-image.talaria-image img{object-fit:contain;box-shadow:0 8px 24px #2020200b}.selected-image img[src*="mentoring-group"]{object-position:center 65%}

.ascenseur-portrait{height:auto;aspect-ratio:4/5;background:#321044}.ascenseur-portrait>img{width:100%;height:100%;object-fit:contain!important}

.opening-word{max-width:92vw;text-align:center;font-size:clamp(26px,4.7vw,64px);line-height:1.2;padding:0 12px}.ascenseur-portrait{background:#fff}

.story-personal{padding-top:65px!important}.story-personal .story-heading h1{font-size:clamp(42px,5.5vw,72px);line-height:1.08;font-weight:300;letter-spacing:-.04em}.story-personal .story-heading{align-items:start;margin-bottom:85px}.story-narrative{max-width:780px;margin-left:auto}.story-chapter{padding:0 0 55px}.story-chapter h3{font-size:clamp(25px,3vw,36px);font-weight:300;line-height:1.2;margin-bottom:24px}.story-chapter>p:last-child{font-size:18px;line-height:1.8;color:var(--muted)}.story-personal .story-photos{margin:25px 0 90px}.story-personal .story-photo figcaption{line-height:1.5;max-width:38ch}@media(max-width:800px){.story-personal{padding-top:35px!important}.story-personal .story-heading{margin-bottom:55px}.story-chapter>p:last-child{font-size:16px;line-height:1.75}.story-personal .story-photos{margin-bottom:60px}}

.cred-logos .institut-logo{width:175px;max-height:80px;padding:14px;background:#171717;border-radius:4px}

.story-ending>p{font-size:18px;line-height:1.7;color:var(--muted)}@media(max-width:800px){.story-ending>p{font-size:16px}}

.cred-logos .institut-logo{background:transparent;padding:0;border-radius:0;width:175px;max-height:80px}

.contact-linkedin-icon{display:block;width:48px;height:48px}.contact-linkedin>span{display:grid;place-items:center}@media(max-width:500px){.contact-linkedin-icon{width:38px;height:38px}}

/* Talaria public waitlist component: same field and gradient button. */
.waiting-scene{max-width:650px}
.waitlist-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid rgba(27,27,34,.055);border-radius:999px;background:#fffffff5;box-shadow:0 22px 54px -34px #1b1b22b3,0 2px #1b1b2206;padding:8px}
.waitlist-row input{min-width:0;min-height:64px;border:0;border-radius:999px;background:transparent;color:#1b1b22;padding:0 14px 0 25px;font-size:18px;font-weight:650;outline:none}
.waitlist-row input:focus-visible{outline:2px solid #2f4fd0;outline-offset:1px}
.waitlist-row input::placeholder{color:#918e98;font-weight:520}
.waitlist-row button{min-height:64px;border:0;border-radius:999px;background:linear-gradient(110deg,#2f4fd0 0%,#2a9ee0 22%,#4ecdd4 40%,#f7922e 64%,#f4593c 81%,#e8226b 100%);background-size:180% 100%;box-shadow:0 13px 27px -16px #e8226be0;padding:0 32px;color:#fff;font-size:17px;font-weight:800;transition:background-position .45s ease,transform .16s ease}
.waitlist-row button:hover:not(:disabled){background-position:100% 50%;transform:translateY(-1px)}
.waitlist-row button:disabled{opacity:.65;cursor:wait}
.waitlist-legal{margin-top:11px;font-size:12px;line-height:1.5}
@media(max-width:800px){.portrait-scene:after{background:linear-gradient(to bottom,transparent 52%,rgba(0,0,0,.34) 100%)}.hero-role{text-shadow:0 1px 10px rgba(0,0,0,.2)}}
@media(max-width:520px){.waitlist-row{grid-template-columns:1fr;border-radius:24px;padding:7px}.waitlist-row input{min-height:58px;padding-inline:15px;text-align:center}.waitlist-row button{width:100%;min-height:58px;padding-inline:20px}}

/* Shared layout refinements, without changing the visual identity. */
html{overflow-x:clip}main{overflow-x:clip}
.page-wipe{visibility:hidden}
.selected-grid{align-items:stretch}.selected-card{display:flex;flex-direction:column}.selected-label{flex:1;display:grid;grid-template-columns:1fr;gap:8px}.selected-label>span{max-width:none}.selected-label h2{font-size:clamp(25px,2.3vw,32px)}
.cred-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 40px;justify-items:center;align-items:center}
.cred-logos img,.cred-logos img:nth-child(3),.cred-logos .institut-logo,.cred-logos img[src*="women-techmakers-new"],.cred-logos .live-good-logo{width:150px;max-width:100%;height:70px;max-height:70px;object-fit:contain}
.cred-logos .ascenseur-logo{width:145px;height:70px;max-height:70px;object-fit:contain}
.portrait-scene:after{background:linear-gradient(180deg,rgba(0,0,0,.24),transparent 18%),linear-gradient(90deg,transparent 58%,rgba(0,0,0,.2))}.hero-role{text-shadow:0 1px 8px #0005}.hero-dennis .top-nav{text-shadow:0 1px 5px #0007}
@media(max-width:800px){.cred-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.portrait-scene:after{background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 20%,transparent 55%,rgba(0,0,0,.42))}}
@media(max-width:500px){.top-nav .nav-links{padding-right:74px}.cred-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.cred-logos img,.cred-logos .institut-logo{height:65px;max-height:65px}.selected-label{gap:10px}.hero-role{max-width:calc(100% - 48px)}}


.selected-image.talaria-image{padding:0;background:#f7f7f5}.selected-image.talaria-image img{object-fit:cover;object-position:center;box-shadow:none}

.selected-image.talaria-image{background:#f8f7f5}.selected-image.talaria-image img{object-fit:contain;object-position:center}

.hero-dennis{background:#b7b4b0}.portrait-scene{background:radial-gradient(ellipse at 45% 50%,#cbc8c3,#aaa6a1)}.portrait-scene img{position:absolute;left:50%;top:3%;transform:translateX(-50%);width:auto;height:115%;max-width:none;object-fit:contain;object-position:center;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent)}.portrait-scene:after{background:none}.hero-role{text-shadow:none}.hero-dennis .top-nav{text-shadow:none}
@media(max-width:800px){.portrait-scene img{height:104%;top:6%}.hero-role{text-shadow:0 1px 8px #0004}.portrait-scene:after{background:linear-gradient(to bottom,transparent 64%,#0003)}}

.portrait-scene img{mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000);mask-composite:intersect}

@media(max-width:500px){.portrait-scene img{height:86%;top:14%}}

/* Match the reference portrait scale: face around one sixth of desktop width. */
@media(min-width:801px){.portrait-scene img{height:100%;top:0;left:52%}}
@media(max-width:500px){.portrait-scene img{height:78%;top:20%}}

.portrait-scene{background:#c5c1b9 url('/assets/imen-original-background-wide.webp') center center/cover no-repeat}.portrait-scene img{height:100%;top:0;left:52%;width:auto;mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent);mask-composite:add}.portrait-scene:after{background:linear-gradient(90deg,transparent 64%,#0002)}
@media(max-width:500px){.portrait-scene{background-position:center;background-size:auto 100%}.portrait-scene img{height:90%;top:10%;left:52%}.portrait-scene:after{background:linear-gradient(to bottom,transparent 64%,#0004)}}

.portrait-scene{background:#b7b1a8}.portrait-scene:before{content:"";position:absolute;inset:-50px;background:url("/assets/imen-hero-1536.webp") center/cover no-repeat;filter:blur(45px);transform:scale(1.08)}.portrait-scene img{z-index:1}.portrait-scene:after{z-index:2}

/* Original photograph only, with its full framing visible. */
.hero-dennis,.portrait-scene{background:#c7c3bd}.portrait-scene:before{content:none}.portrait-scene img{position:absolute;left:50%;top:0;width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center;transform:translateX(-50%);mask-image:none;filter:none}.portrait-scene:after{background:none}.hero-dennis .top-nav,.hero-role,.hero-down{color:#252126;text-shadow:none}.name-marquee{color:white}
@media(max-width:800px){.portrait-scene img{height:85%;top:8%;max-width:100%}.hero-role{color:#252126;text-shadow:none}}
@media(max-width:500px){.portrait-scene img{height:auto;width:100%;max-height:76%;top:10%;object-fit:contain}.hero-role{bottom:24px}.hero-role h2{font-size:21px}.hero-role .arrow{margin-bottom:12px}}

/* Extend only the original room edges; the portrait file remains untouched. */
.portrait-scene:before,.portrait-scene:after{content:"";position:absolute;top:-35px;bottom:-35px;width:calc(50% + 40px);z-index:0;background-image:url('/assets/imen-hero-1536.webp');background-repeat:no-repeat;background-size:600% 100%;filter:blur(30px);transform:none;pointer-events:none}
.portrait-scene:before{left:-35px;right:auto;background-position:left center}
.portrait-scene:after{right:-35px;left:auto;background-position:right center}
.portrait-scene img{z-index:1;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}
@media(max-width:800px){.portrait-scene img{height:100%;top:0;width:auto;max-width:100%}}
@media(max-width:500px){.portrait-scene:before,.portrait-scene:after{content:none}.portrait-scene img{height:auto;width:100%;max-height:76%;top:10%;mask-image:none}}

@media(min-width:501px){.hero-role{color:#fff;text-shadow:0 1px 12px #0006}}

/* Keep the original portrait untouched while making the extended backdrop calm and even. */
@media(min-width:501px){
  .portrait-scene{background:#b9b6b0;isolation:isolate;overflow:hidden}
  .portrait-scene:before{content:"";position:absolute;inset:-70px;z-index:-1;background:linear-gradient(180deg,rgba(205,201,192,.92),rgba(164,160,155,.88)),url('/assets/imen-hero-1536.webp') center/cover no-repeat;filter:blur(34px);transform:scale(1.08);opacity:.72}
  .portrait-scene:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(190,187,181,.38),rgba(190,187,181,.08) 28%,rgba(190,187,181,.08) 72%,rgba(190,187,181,.38));pointer-events:none}
  .portrait-scene img{z-index:1}
}

/* A closer hero crop, using the unchanged original photograph. */
@media(min-width:801px){.portrait-scene img{height:132%;top:-2%;max-width:none}}
@media(min-width:501px) and (max-width:800px){.portrait-scene img{height:116%;top:-1%;max-width:none}}
@media(min-width:501px){.portrait-scene:before,.portrait-scene:after{width:auto}}

/* Approved full-width horizontal crop of the original photograph. */
.portrait-scene:before,.portrait-scene:after{content:none}
.portrait-scene img{inset:0;left:0;top:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center 24%;transform:none;mask-image:none;filter:none}
@media(max-width:700px){.portrait-scene img{object-position:center 22%}}

/* Native overscroll uses the site's burgundy canvas. */
html,body{background-color:var(--wine)}
.hero-dennis,.portrait-scene{background:var(--wine)}
.laptop-note{transition:opacity .25s ease;pointer-events:none}
.demo-started .laptop-note{opacity:0}
@media(max-width:500px){
  .hero-role{color:#fff;text-shadow:0 1px 10px #0009}
  .work-first-page .laptop-stage{height:54svh;min-height:350px}
}
/* Story milestones keep original photographs and captions in separate frames. */
.story-milestones{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.story-milestones .story-photo{overflow:visible;min-width:0}
.story-milestones .story-photo:nth-child(2){margin-top:55px}
.story-milestones .story-photo:nth-child(3){margin-top:110px}
.story-photo-frame{overflow:hidden;height:330px}
.story-milestones .story-photo img{display:block;height:100%;object-position:center 35%}
.story-milestones .story-photo:last-child img{object-position:35% center}
.story-milestones figcaption{line-height:1.5;margin-top:18px}
@media(max-width:700px){.story-milestones{grid-template-columns:1fr;gap:42px}.story-milestones .story-photo:nth-child(n){margin-top:0}.story-photo-frame{height:360px}.story-milestones .story-photo:last-child .story-photo-frame{height:auto;aspect-ratio:800/593}.story-milestones .story-photo:last-child img{object-position:center}}
.cred-logos img[src*="women-techmakers-new"]{width:150px;height:105px;max-height:105px}
@media(max-width:500px){.cred-logos img[src*="women-techmakers-new"]{height:95px;max-height:95px}}
/* Approved original portrait: slightly closer framing, with the blur separate. */
.hero-dennis .portrait-scene{background:#aaa39a url('/assets/hero-soft-blurred-background.webp') left center/100% 100% no-repeat}
.hero-dennis .portrait-scene:before,.hero-dennis .portrait-scene:after{content:none}
.hero-dennis .portrait-scene img{inset:auto;left:50%;top:-3%;width:auto;height:116%;max-width:none;max-height:none;object-fit:contain;transform:translateX(-50%);filter:none;mask-image:url('/assets/hero-original-subject-mask.png');mask-size:100% 100%;mask-repeat:no-repeat}
/* Photo animation stays inside reserved frames; native scroll never chases anchors. */
html:has(.story-section){scroll-behavior:auto;overflow-anchor:none}
/* Phone demo uses stable dimensions, a shorter scroll, and a closer signup. */
@media(max-width:600px){
  .work-first-page .laptop-scroll{height:calc(110vw + 1000px);min-height:0;margin-top:18px}
  .work-first-page .laptop-stage{height:clamp(350px,110vw,460px);min-height:0}
  .work-first-page .waiting-scene{padding-top:28px;padding-bottom:24px}
}

/* Keep native percentage centering separate from the scroll animation. */
.hero-dennis .portrait-subject{position:absolute;inset:0;pointer-events:none}

/* Phone controls are easy to tap; the closed laptop sits nearer its introduction. */
@media(max-width:600px){
  .top-nav #lang{min-width:44px;min-height:44px;margin:-13px -14px;display:grid;place-items:center}
  .work-first-page .laptop-scroll{margin-top:0}
}

@media(max-width:600px){.work-first-page .laptop-note{bottom:28%}}