/*
Theme Name: Layla Masri Editorial
Description: Native WordPress block theme. Approved Homepage v20, Bio v2, and Experience October 27 native-block designs.
Version: 1.1.0
Text Domain: layla-editorial
*/
:root{--pink:#fd4457;--deep:#c6283e;--light:#ff9da7;--ink:#202020;--muted:#606060;--blush:#fff3f4;--line:#f0dde0;--button:#aa2033}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.85 Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--deep)}a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:5px;box-shadow:0 0 0 2px #fff}img{display:block;max-width:100%;height:auto}figure{margin:0}p{margin:0 0 22px;color:var(--muted)}p:last-child{margin-bottom:0}h1,h2,h3{color:inherit;font-weight:700;line-height:1.15;letter-spacing:-1.5px;margin:0 0 24px;text-wrap:pretty}h1{font-size:clamp(48px,5.2vw,72px);letter-spacing:-3px}h2{font-size:clamp(34px,3.6vw,48px)}h3{font-size:26px;letter-spacing:-.8px}.accent{color:var(--pink)}.wrap{width:min(1200px,88%);margin-inline:auto}.wp-block-group{margin-block-start:0}.wp-block-image{margin-bottom:0}.wp-block-group>*{min-width:0}.eyebrow:not(:where(.layla-home .eyebrow)){font-size:13px!important;line-height:1.65!important;letter-spacing:.8px;font-weight:700;color:var(--deep)!important;margin-bottom:20px;text-transform:uppercase}.top{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:170px}.brand{flex-shrink:0}.nav,.wp-block-navigation__container{display:flex;gap:28px;align-items:center;flex-wrap:wrap;font-size:14px;font-weight:600;list-style:none;padding:0;margin:0}.nav>a,.wp-block-navigation-item__content{display:inline-flex;align-items:center;min-height:44px}.nav a[aria-current],.nav a.selected{color:var(--deep);text-decoration:underline;text-underline-offset:6px}.wp-block-buttons{margin:0;display:flex;flex-wrap:wrap;gap:16px}.wp-block-button__link,.outline-btn,.pill{display:inline-flex;align-items:center;gap:20px;border:1px solid var(--button);border-radius:999px;background:#fff;color:var(--ink);font:600 14px/1.4 Montserrat,Arial,sans-serif;padding:7px 8px 7px 20px;min-height:46px;box-shadow:none}.wp-block-button__link:after,.outline-btn:after,.pill:after{content:'→';display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:31px;height:31px;flex:0 0 31px;font-size:20px;font-weight:400;line-height:1}.wp-block-button__link:hover,.outline-btn:hover,.pill:hover{background:var(--blush);color:var(--ink)}.hero-link .wp-block-button__link{margin-top:8px}.bio-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:72px;align-items:center;padding:42px 0 68px}.bio-hero p{max-width:555px}.bio-photo{justify-self:end;width:100%;max-width:410px;border:6px solid var(--pink);border-radius:50%;overflow:hidden;background:var(--pink);aspect-ratio:1}.bio-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}.intro{font-size:18px;line-height:1.8}.small-rule{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bio-ticker{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:19px 0}.bio-ticker p{margin:0;font-size:12px;font-weight:600;letter-spacing:.6px;color:var(--ink)}.bio-ticker a{min-height:44px;display:inline-flex;align-items:center}.bio-ticker p+p:before{content:'✳';color:var(--pink);font-size:28px;font-weight:400;margin-right:24px}.belief{background:var(--ink);padding:60px 0;color:#fff}.belief .wrap{display:grid;grid-template-columns:180px 1fr;gap:55px}.belief .eyebrow{color:var(--light)!important;margin:8px 0 0}.belief blockquote{margin:0;font-size:clamp(26px,2.9vw,39px);line-height:1.4;font-weight:600;letter-spacing:-1px;border:0;padding:0}.belief blockquote p{color:#fff;margin:0}.belief em{font-style:normal;color:var(--light)}.section{padding:82px 0}.chapter-grid,.origin-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.chapter-title h2{max-width:420px}.margin-note{font-size:14px;line-height:1.8;margin-top:26px}.narrative p{line-height:1.85}.narrative strong{color:var(--ink);font-weight:600}.hl-panel-photo{margin-top:30px}.hl-panel-photo img,.helix-image img,.bean-photo img{width:100%;border-radius:5px}.hl-panel-photo figcaption,.helix-image figcaption{font-size:14px;color:var(--muted);line-height:1.7;margin-top:14px}.ai-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}.ai-summary>div{border-top:3px solid var(--pink);padding-top:24px}.ai-summary h3{font-size:23px;margin-bottom:16px}.origin{background:var(--blush)}.origin-layout{row-gap:38px}.origin-side h2{margin-bottom:34px}.bean-photo{position:relative;isolation:isolate}.bean-photo:before{content:'';position:absolute;inset:12px -12px -12px 12px;background:#f0dde0;z-index:-1}.bean-office{max-width:260px;margin:34px 0 0 46px}.bean-office:before{display:none}.origin-pull{grid-column:1/-1;border-top:1px solid #ddc4c8;padding-top:30px;margin:0;font-size:clamp(24px,2.5vw,32px);line-height:1.5;font-weight:600;color:var(--ink);letter-spacing:-.5px}.evolution-lead{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;margin-bottom:42px}.evolution-intro{margin-top:26px}.career-steps{display:grid;grid-template-columns:1fr 1fr;gap:48px}.career-steps>div{border-top:3px solid var(--pink);padding-top:24px}.career-steps h3{font-size:28px}.approach{background:var(--ink);color:#fff}.approach .eyebrow{color:var(--light)!important}.approach .chapter-title p,.approach-end{color:#e5e1e1}.questions{list-style:none;padding:0;margin:0;counter-reset:questions}.questions li{counter-increment:questions;position:relative;padding:18px 0 18px 44px;border-top:1px solid #ffffff30;font-size:23px;line-height:1.5;letter-spacing:-.3px}.questions li:before{content:'0' counter(questions);position:absolute;left:0;top:24px;color:var(--light);font-size:12px;font-weight:600;letter-spacing:.7px}.questions li:first-child{padding-top:0;border-top:0}.questions li:first-child:before{top:6px}.approach-end{margin-top:28px}.closer{padding:76px 0;background:var(--blush)}.closer-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.secondary{margin-top:18px}.dark a:focus-visible,.approach a:focus-visible{outline-color:var(--light)}.site-footer{padding:55px 0 32px;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:28px}.site-footer p{font-size:14px;line-height:1.8;color:var(--ink);margin:0}.footer-nav{grid-column:1/-1;display:flex;gap:30px;flex-wrap:wrap}.footer-nav p{font-weight:600}.footer-nav a{display:inline-flex;align-items:center;min-height:44px}.footer-contact{justify-self:end}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;gap:20px}.footer-bottom p{font-size:13px;color:var(--muted)}.back-top a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:600;color:var(--ink)}.back-top a:after{content:'';width:8px;height:8px;border-top:1.7px solid currentColor;border-left:1.7px solid currentColor;transform:rotate(45deg);margin-top:5px}.skip{position:absolute;top:-150px;left:12px;z-index:99;background:#fff;padding:12px}.skip:focus{top:12px}.menu-toggle{display:none}section[id]{scroll-margin-top:24px}.wp-block-site-title{display:none}
@media(max-width:1000px){.nav{gap:18px}.bio-hero{gap:40px}.chapter-grid,.origin-layout{gap:40px}.evolution-lead{gap:38px}.site-footer{grid-template-columns:1fr 1.5fr 1fr;gap:24px}}
@media(max-width:900px){.chapter-grid,.origin-layout{grid-template-columns:1fr;gap:32px}.chapter-title h2{max-width:none}.hl-panel-photo{max-width:650px}.origin-side{display:grid;grid-template-columns:1fr 1fr;gap:28px}.origin-side .eyebrow,.origin-side h2{grid-column:1/-1;margin:0}.bean-office{margin:0;max-width:none;align-self:start}.evolution-lead{grid-template-columns:1fr;gap:30px}.evolution-intro{max-width:700px}.helix-image{max-width:800px}.belief .wrap{grid-template-columns:1fr;gap:20px}}
@media(max-width:750px){.top{flex-wrap:wrap;min-height:88px;padding:18px 0;gap:0}.logo{width:140px}.menu-toggle:not([hidden]){display:flex;align-items:center;gap:8px;border:1px solid var(--button);border-radius:999px;background:#fff;color:var(--ink);padding:9px 14px;min-height:44px;font:600 14px/1.4 Montserrat,Arial,sans-serif}.nav{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:0;border-top:1px solid var(--line);margin-top:18px;padding-top:8px}.nav[hidden]{display:none}.nav>a{min-height:48px;padding:8px 0}.nav .outline-btn{align-self:start;padding:7px 8px 7px 20px;margin-top:8px}.site-footer{grid-template-columns:1fr 1fr}.footer-contact{justify-self:start}.site-footer .footer-nav{gap:12px 24px}}
@media(max-width:650px){body{font-size:16px;line-height:1.75}h1{font-size:clamp(40px,10vw,52px);letter-spacing:-2px}h2{font-size:34px;letter-spacing:-1.3px}h3{font-size:25px}.eyebrow:not(:where(.layla-home .eyebrow)){font-size:13px!important;letter-spacing:.65px}.bio-hero{grid-template-columns:minmax(0,1fr);gap:0;padding:26px 0 42px}.bio-hero>.hero-copy{display:contents}.bio-hero .eyebrow{grid-row:1;margin-bottom:16px}.bio-hero h1{grid-row:2;margin-bottom:0}.bio-photo{grid-row:3;justify-self:center;max-width:330px;width:90%;margin:24px 0 30px;border-width:5px}.bio-hero .intro{grid-row:4;font-size:16px;line-height:1.75}.bio-hero .hero-copy>p:not(.eyebrow):not(.intro){grid-row:auto}.bio-hero .hero-link{grid-row:7;justify-self:start}.bio-ticker{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;padding:24px 0}.bio-ticker p{display:flex;align-items:center;gap:10px;font-size:12px}.bio-ticker p:before,.bio-ticker p+p:before{content:'✳';color:var(--pink);font-size:27px;margin:0;font-weight:400}.bio-ticker a{font-size:12px;line-height:1.6}.belief{padding:42px 0}.belief blockquote{font-size:28px;line-height:1.4;letter-spacing:-.7px}.section{padding:52px 0}.chapter-grid,.origin-layout{gap:28px}.hl-panel-photo{margin-top:24px}.margin-note{margin-top:22px}.ai-summary,.career-steps{grid-template-columns:1fr;gap:28px}.ai-summary h3{font-size:25px}.career-steps h3{font-size:28px}.origin-side{grid-template-columns:1fr;gap:26px}.origin-side h2{margin-bottom:0}.bean-office{max-width:245px;margin:4px 0 0 26px}.origin-pull{font-size:24px;line-height:1.5;padding-top:26px}.evolution-lead{gap:26px;margin-bottom:32px}.evolution-intro{margin-top:22px}.questions li{font-size:21px;padding-left:36px}.closer{padding:52px 0}.closer-inner{grid-template-columns:1fr;gap:26px}.site-footer{grid-template-columns:1fr;padding:40px 0 26px;gap:24px}.site-footer p{font-size:16px;line-height:1.75}.footer-nav{display:flex;flex-direction:column;align-items:start;gap:4px!important}.footer-bottom{gap:14px}.footer-bottom p{font-size:14px}.footer-bottom .back-top{font-size:14px}.wp-block-button__link{max-width:100%;font-size:14px}.wp-block-button__link:after{flex-shrink:0}}
@media(max-width:360px){.bio-ticker{grid-template-columns:1fr;gap:8px}.footer-bottom{align-items:start;flex-direction:column;gap:8px}.bio-hero h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep each phrase intact without forcing desktop line breaks. */
.bio-hero .eyebrow span{display:inline-block}
.wp-block-image.brand img{width:170px}
.nav-contact>.wp-block-navigation-item__content{display:inline-flex;align-items:center;gap:18px;border:1px solid var(--button);border-radius:999px;background:#fff;color:var(--ink);padding:7px 8px 7px 20px}
.nav-contact>.wp-block-navigation-item__content:after{content:'→';display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:31px;height:31px;flex:0 0 31px;font-size:20px;line-height:1}
@media(max-width:750px){.wp-block-image.brand img{width:140px}.wp-block-navigation__responsive-container.is-menu-open{padding:28px}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start;gap:18px}}
@media(max-width:650px){.bio-hero .eyebrow .desktop-word{display:none}}
/* Decorative stars stay out of the spoken content. */
.bio-ticker p+p:before{content:'';display:block;flex:0 0 27px;width:27px;height:27px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 1v30M1 16h30M5.4 5.4l21.2 21.2M5.4 26.6L26.6 5.4' stroke='%23fd4457' stroke-width='1.5'/%3E%3C/svg%3E")}
@media(max-width:650px){.bio-ticker p:before{content:'';display:block;flex:0 0 27px;width:27px;height:27px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 1v30M1 16h30M5.4 5.4l21.2 21.2M5.4 26.6L26.6 5.4' stroke='%23fd4457' stroke-width='1.5'/%3E%3C/svg%3E")}}
/* Use the same mobile breakpoint for WordPress's native menu overlay. */
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{min-width:44px;min-height:44px;align-items:center;justify-content:center}
@media(max-width:750px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}.wp-block-navigation__responsive-container:not(.is-menu-open):not(.hidden-by-default){display:none}.top>.wp-block-navigation{margin-left:auto}}
/* Bio review: simple question markers and a quieter contact invitation. */
.questions{counter-reset:none}
.questions li{counter-increment:none}
.questions li:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--light);top:32px}
.questions li:first-child:before{top:14px}
.bio-closer p a{color:var(--deep);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.bio-closer p a:hover{text-decoration-thickness:2px}
@media(max-width:650px){.questions li:before{top:30px}.questions li:first-child:before{top:12px}}
/* Bio review: every desktop chapter link gets a star; simplify phones. */
.bio-ticker p:before{content:'';display:block;flex:0 0 27px;width:27px;height:27px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 1v30M1 16h30M5.4 5.4l21.2 21.2M5.4 26.6L26.6 5.4' stroke='%23fd4457' stroke-width='1.5'/%3E%3C/svg%3E")}
.bio-ticker p{display:flex;align-items:center;gap:14px}
.bio-ticker p+p:before{margin-right:0}
@media(max-width:650px){.small-rule:has(>.bio-ticker){display:none}.hl-panel-photo figcaption{display:none}}
/* Match the approved homepage's simple email link, without a button. */
.site-footer .footer-contact a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:400}
.site-footer .footer-contact a:after{content:'→';font-size:20px;line-height:1}
/* Independently editable approved wording, shown only at its intended size. */
.mobile-only{display:none}
@media(max-width:650px){.desktop-only{display:none}.mobile-only{display:block}}
/* Keep both native text blocks available to edit in the WordPress editor. */
.editor-styles-wrapper .desktop-only,.editor-styles-wrapper .mobile-only{display:block!important}
.editor-styles-wrapper .desktop-only:before,.editor-styles-wrapper .mobile-only:before{display:block;font-size:11px;letter-spacing:.4px;color:#606060;font-weight:500}
.editor-styles-wrapper .desktop-only:before{content:'Desktop wording · above 650px'}
.editor-styles-wrapper .mobile-only:before{content:'Mobile wording · 650px and below'}

/* Integration: native Navigation and template wrappers. */
.wp-site-blocks{padding:0}.wp-site-blocks>*,.wp-block-template-part{margin-block-start:0}
.top{height:auto}.top>.wp-block-navigation{width:auto;border:0;margin-top:0;padding-top:0;flex-direction:row}
.top .wp-block-navigation__container{flex-wrap:nowrap}.top .wp-block-navigation__responsive-container-content{padding:0}
@media(min-width:751px){.top .wp-block-navigation__responsive-container-open:not(.always-shown){display:none}.top .wp-block-navigation__responsive-container:not(.is-menu-open):not(.hidden-by-default){display:block}}
@media(max-width:750px){.top>.wp-block-navigation{margin-left:auto}.top .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{flex-direction:column;align-items:flex-start}}
.generic-content{width:min(1200px,88%);margin:40px auto 70px}.generic-content h1{font-size:clamp(36px,5vw,60px)}
.generic-content input:not([type=checkbox]):not([type=radio]),.generic-content textarea,.generic-content select{font:inherit;max-width:100%;padding:10px;border:1px solid #606060;border-radius:3px}.generic-content label{display:block}.generic-content input[type=submit]{cursor:pointer;background:#fff;color:#202020;border:1px solid #aa2033;border-radius:999px;padding:12px 24px}

/* ===== v1.1 reviewed-build additions ===== */
/* Current page in the shared navigation (core custom links). */
.wp-block-navigation.nav .wp-block-navigation-item.current-menu-item>a.wp-block-navigation-item__content,.wp-block-navigation.nav a[aria-current="page"]{color:var(--deep)!important;text-decoration:underline;text-underline-offset:6px}
/* Phone "Menu" disclosure (core Navigation, text label instead of icon). */
.nav .wp-block-navigation__responsive-container-open:not(.always-shown){font:600 14px/1 Montserrat,Arial,sans-serif;color:var(--ink);border:1px solid var(--button);border-radius:999px;padding:12px 20px;min-height:44px;background:#fff}
.nav .wp-block-navigation__responsive-container-close{font:600 14px/1 Montserrat,Arial,sans-serif;min-height:44px;min-width:44px}
.nav .wp-block-navigation__responsive-container.is-menu-open{padding:24px 6%}
.nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:12px;font-size:18px;align-items:flex-start}
/* Resume button sits beside Explore Experience & Insights. */
.bio-closer .wp-block-buttons{gap:16px}
.wp-block-image figcaption.wp-element-caption{margin-bottom:0}
.nav .wp-block-navigation__responsive-container.is-menu-open .nav-contact>a.wp-block-navigation-item__content{padding:7px 8px 7px 20px}