/* LeaveLens / editorial case study, layered on top of AK Portfolio's design system. */
.ll-case{background:#fff;color:#111;padding:0 1.6% 110px;overflow:clip}
.ll-case *{box-sizing:border-box}
.ll-container{max-width:1840px;margin:0 auto}
.ll-topline{border-bottom:1px solid #222;padding:38px 0 20px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:11px;font-weight:600;letter-spacing:.12em}
.ll-topline a:hover{text-decoration:underline;text-underline-offset:5px}
.ll-kicker,.ll-section-index,.ll-overline,.ll-ending-kicker{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.ll-kicker{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.ll-diamond{font-size:12px}.ll-kicker-line{width:25px;height:1px;background:#777}
.ll-hero{padding:85px 0 55px}
.ll-hero h1,.ll-section-head h2,.ll-ending h2{font:normal clamp(73px,8.25vw,170px)/.91 'Instrument Serif',Georgia,serif;letter-spacing:-.057em;margin:46px 0 60px;max-width:1550px;text-wrap:balance}
.ll-hero h1 em,.ll-ending h2 em{font-weight:400}
.ll-hero-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.5fr);gap:6%;align-items:end}
.ll-deck{max-width:900px;margin:0;font-size:clamp(22px,2.5vw,38px);line-height:1.24;letter-spacing:-.04em}
.ll-hero-links{display:flex;flex-direction:column;align-items:flex-start;gap:17px}
.ll-text-link,.ll-primary-link{font-size:12px;font-weight:600;letter-spacing:.09em;line-height:1.5;text-decoration:underline;text-underline-offset:5px}
.ll-primary-link{background:#111;color:#fff;min-height:49px;display:inline-flex;align-items:center;padding:15px 22px;text-decoration:none;gap:22px;transition:background .2s,transform .2s}
.ll-primary-link:hover{background:#404040;transform:translateY(-2px)}
.ll-primary-link--dark{background:#fff;color:#111}.ll-primary-link--dark:hover{background:#ddd}
.ll-hero-image{margin:25px 0 0}
.ll-figure{margin:0;min-width:0}
.ll-image-open{position:relative;display:block;width:100%;overflow:hidden;padding:0;border:0;background:#f4f5f7;text-align:left;cursor:zoom-in}
.ll-image-open img{display:block;width:100%;height:auto;transition:transform .32s ease}
.ll-image-open:hover img{transform:scale(1.016)}
.ll-image-open:focus-visible{outline:3px solid #135bf2;outline-offset:3px}
.ll-zoom-hint{position:absolute;bottom:20px;right:20px;padding:12px 15px;background:#111;color:white;font-size:11px;letter-spacing:.1em;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}
.ll-image-open:hover .ll-zoom-hint,.ll-image-open:focus-visible .ll-zoom-hint{opacity:1;transform:none}
.ll-figure figcaption{display:flex;justify-content:space-between;gap:24px;padding:15px 0 0}
.ll-figure figcaption span{flex:0 0 175px;font-size:10px;letter-spacing:.11em;font-weight:600;color:#777}
.ll-figure figcaption p{flex:1;margin:0;font-size:14px;line-height:1.5;color:#666;max-width:780px}
.ll-hero-image .ll-image-open{max-height:820px}
.ll-hero-image .ll-image-open img{max-height:820px;object-fit:contain;object-position:center center;background:#f6f7fb}
.ll-facts{border-top:1px solid #111;border-bottom:1px solid #111;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:65px}
.ll-facts>div{padding:26px 24px 30px;min-width:0;border-right:1px solid #ddd;display:flex;flex-direction:column;gap:15px}
.ll-facts>div:first-child{padding-left:0}.ll-facts>div:last-child{border-right:0}
.ll-facts span,.ll-benchmark-top span,.ll-inline-result>span{font-size:10px;letter-spacing:.13em;color:#666;font-weight:700}
.ll-facts strong{font-size:clamp(14px,1.4vw,19px);font-weight:500;line-height:1.25}
.ll-chapter{margin:0;padding:120px 0;border-bottom:1px solid #d1d1d1}
.ll-section-index{display:block;margin-bottom:25px;color:#666}
.ll-section-head h2{font-size:clamp(64px,7.2vw,128px);max-width:1270px;margin:0 0 42px}
.ll-section-head>p{max-width:850px;font-size:clamp(19px,2vw,29px);line-height:1.42;color:#505050;margin:0 0 50px}
.ll-reading{max-width:850px;font-size:clamp(18px,1.55vw,24px);line-height:1.59;letter-spacing:-.015em;color:#383838}
.ll-reading p{margin:0 0 20px}.ll-reading strong{font-weight:600;color:#111}
.ll-overview .ll-reading{margin-left:auto}
.ll-quiet-note{margin-top:34px;padding:20px 25px;border-left:3px solid #111;background:#f4f4f4;font-size:16px;line-height:1.55}
.ll-split{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:7%;align-items:start}
.ll-large-copy{font:normal clamp(40px,4.35vw,78px)/1.03 'Instrument Serif',Georgia,serif;letter-spacing:-.035em;margin:0;max-width:750px}
.ll-question{font:normal clamp(33px,4.5vw,78px)/1.13 'Instrument Serif',Georgia,serif;letter-spacing:-.03em;margin:82px 0 0;padding:55px 0;border-top:1px solid #111;border-bottom:1px solid #111;max-width:1500px}
.ll-question em{font-weight:400}
.ll-principle-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #111;margin-top:55px}
.ll-principle{padding:25px 20px 15px;border-right:1px solid #ccc;min-width:0}
.ll-principle:first-child{padding-left:0}.ll-principle:last-child{border:0}
.ll-principle>span,.ll-four-up article>span{font:normal 48px 'Instrument Serif',Georgia,serif}
.ll-principle h3,.ll-four-up h3{font:normal clamp(26px,2.5vw,43px)/1.04 'Instrument Serif',Georgia,serif;margin:55px 0 12px;letter-spacing:-.015em}
.ll-principle p,.ll-four-up p{font-size:15px;line-height:1.55;color:#5a5a5a;margin:0}
.ll-flow{display:flex;gap:12px;align-items:stretch;margin:45px 0 85px}
.ll-flow-item{background:#f4f4f4;padding:26px;flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.ll-flow-item span{font-size:10px;letter-spacing:.1em;color:#777}.ll-flow-item strong{font-size:clamp(15px,1.3vw,21px);line-height:1.3}.ll-flow-item small{font-size:13px;color:#777;line-height:1.4}
.ll-flow-arrow{align-self:center;font-size:25px;flex:0 0 auto}
.ll-two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px;margin-bottom:55px}
.ll-two-cols h3{font:normal 45px 'Instrument Serif';margin:0 0 10px}
.ll-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 24px}
.ll-figure--wide{grid-column:1/-1}
.ll-gallery-grid .ll-figure:not(.ll-figure--wide) .ll-image-open{aspect-ratio:1.5}
.ll-gallery-grid .ll-figure:not(.ll-figure--wide) img{width:100%;height:100%;object-fit:cover;object-position:left top}
.ll-feature .ll-split{margin-bottom:48px}.ll-overline{display:block;margin:0 0 22px;color:#666}
.ll-ui-schematic{border:1px solid #d7d9e0;background:#f6f7fb;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}
.ll-ui-pane{padding:30px;background:#fff;border:1px solid #e1e4ed;min-width:0}
.ll-ui-pane>span{display:block;font-size:11px;color:#666;letter-spacing:.08em;margin-bottom:22px}
.ll-ui-pane h3{font-size:23px;font-weight:600;margin:0 0 14px}
.ll-ui-pane p{font-size:16px;color:#555;line-height:1.6}
.ll-ui-field{margin:35px 0;padding:28px;background:#e9f0fe;border:1px solid #bccdf6;line-height:1.5;font-size:15px}
.ll-ui-chip{display:inline-block;background:#dbe6fb;padding:9px 14px;font-size:13px;color:#21468f;margin-top:15px}
.ll-ui-schematic+.ll-evidence-caption{margin-top:18px}
.ll-evidence-caption{max-width:850px;font-size:14px;line-height:1.55;color:#777;margin:22px 0 0}
.ll-step-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #111;margin-top:54px}
.ll-step-track>div{border-right:1px solid #d3d3d3;padding:25px 20px;display:flex;flex-direction:column;gap:36px}.ll-step-track>div:first-child{padding-left:0}.ll-step-track>div:last-child{border:0}
.ll-step-track span{font:normal 42px 'Instrument Serif'}.ll-step-track strong{font-size:15px;font-weight:500;line-height:1.4}
.ll-pilot-layout{display:grid;grid-template-columns:minmax(260px,.55fr) 1fr;border-top:1px solid #111;border-bottom:1px solid #111;margin:45px 0;gap:0}
.ll-pilot-big{display:flex;flex-direction:column;gap:13px;padding:24px 40px 26px 0;border-right:1px solid #d1d1d1}
.ll-pilot-big>strong{font:normal 160px/.85 'Instrument Serif';letter-spacing:-.08em}.ll-pilot-big>span{font-size:11px;letter-spacing:.13em}
.ll-pilot-big p{color:#6b6b6b;line-height:1.4;max-width:360px}
.ll-pilot-tasks>div{padding:21px 25px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;gap:25px;align-items:center}.ll-pilot-tasks>div:last-child{border-bottom:0}
.ll-pilot-tasks span{font-size:11px;letter-spacing:.08em;color:#666}.ll-pilot-tasks strong{font-size:17px;font-weight:500;text-align:right}
.ll-pilot-note{margin-left:auto}
.ll-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:45px}
.ll-compare-panel{background:#f3f3f3;padding:28px;min-width:0;display:flex;flex-direction:column;gap:18px}
.ll-compare-panel--after{background:#edf2ff}
.ll-compare-panel>span{font-size:11px;font-weight:600;letter-spacing:.1em}
.ll-compare-interface{background:white;box-shadow:0 9px 20px #0001;min-height:270px;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.ll-finding{font-size:15px;color:#666;display:flex;justify-content:space-between;gap:10px}.ll-finding strong{color:#9f6c15}
.ll-fake-action{display:block;border:1px solid #ddd;padding:15px 20px;text-align:center;font-weight:600;letter-spacing:.06em;font-size:12px}
.ll-compare-outcome{font-size:13px;color:#777;text-align:center}
.ll-dialog-title{font-size:23px;font-weight:600}.ll-compare-interface>p{font-size:13px;margin:0;line-height:1.4}
.ll-fake-textarea{border:1px solid #9aaad1;padding:19px;color:#7d7d7d;font-size:15px;min-height:76px}
.ll-compare-actions{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;letter-spacing:.05em;font-weight:600}.ll-compare-actions span{padding:12px 15px;border:1px solid #cbd0db}.ll-compare-actions span:last-child{background:#244be0;color:#fff}
.ll-compare-panel>p{font-size:16px;line-height:1.55;margin:0;color:#4b4b4b}
.ll-inline-result{display:flex;gap:30px;align-items:center;border-top:1px solid #111;margin-top:62px;padding:24px 0 0;flex-wrap:wrap}
.ll-inline-result>strong{font:normal 92px/.95 'Instrument Serif';white-space:nowrap}.ll-inline-result>strong small{font-size:.5em}
.ll-inline-result>p{font-size:16px;line-height:1.5;color:#666;max-width:470px;margin:0}
.ll-findings{border-top:1px solid #111;margin-top:40px}
.ll-findings article{display:grid;grid-template-columns:80px 1fr 90px;gap:25px;align-items:start;padding:29px 0;border-bottom:1px solid #ccc}
.ll-findings article>span{font-size:14px;font-weight:600}.ll-findings h3{font-size:24px;font-weight:500;margin:0 0 12px}.ll-findings p{font-size:16px;color:#666;margin:0;line-height:1.5}.ll-findings article>strong{font-size:11px;letter-spacing:.12em;text-align:right;font-weight:600}
.ll-four-up{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #111;margin-top:40px}.ll-four-up article{padding:25px 23px;border-right:1px solid #ccc}.ll-four-up article:first-child{padding-left:0}.ll-four-up article:last-child{border:0}
.ll-four-up h3{margin-top:35px}.ll-iteration-caption{border-top:1px solid #ccc;padding-top:28px;font-size:15px;line-height:1.55;color:#666}
.ll-outcomes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #111;border-bottom:1px solid #111;margin:50px 0 75px}
.ll-outcomes-grid>div{padding:35px 24px 33px;border-right:1px solid #ddd;min-width:0}.ll-outcomes-grid>div:first-child{padding-left:0}.ll-outcomes-grid>div:last-child{border:0}
.ll-outcomes-grid strong{display:block;font:normal clamp(63px,6.6vw,128px)/1 'Instrument Serif';letter-spacing:-.06em;white-space:nowrap}
.ll-outcomes-grid strong small{font-size:.43em;letter-spacing:-.03em}
.ll-outcomes-grid h3{font-size:19px;font-weight:500;line-height:1.2;margin:24px 0 10px}.ll-outcomes-grid p{font-size:15px;color:#666;line-height:1.55;margin:0}
.ll-benchmark{margin:0 auto 45px;padding:45px;max-width:1320px;background:#f4f4f4}
.ll-benchmark-top{display:flex;justify-content:space-between;gap:35px;align-items:end;border-bottom:1px solid #ccc;padding-bottom:23px;margin-bottom:20px}
.ll-benchmark-top h3{font:normal 53px 'Instrument Serif';margin:10px 0 0}.ll-benchmark-top p{font-size:15px;color:#777;max-width:300px}
.ll-bench-row{display:grid;grid-template-columns:280px 1fr;gap:45px;padding:22px 0;border-bottom:1px solid #ddd;align-items:center}
.ll-bench-row>span{font-size:17px;line-height:1.4}.ll-bars{display:grid;gap:7px;min-width:0}
.ll-bars>span{display:flex;align-items:center;min-height:30px;padding:6px 12px;color:white;font-weight:600;letter-spacing:.07em;font-size:10px;min-width:85px;width:calc(var(--bars) * 26%)}
.ll-bar-before{background:#777}.ll-bar-after{background:#111}.ll-method-note{max-width:1070px;color:#666;font-size:15px;line-height:1.6;margin:20px 0 0}
.ll-ending{background:#111;color:white;padding:80px clamp(27px,6vw,112px);margin:110px 0 0}
.ll-ending h2{font-size:clamp(68px,8vw,150px);margin:45px 0 40px}.ll-ending p{font-size:clamp(20px,2vw,31px);line-height:1.4;max-width:850px;margin:0 0 36px}
.ll-ending>span{display:block;margin-top:30px;font-size:12px;color:#aaa}
.ll-next{border-top:1px solid #111;display:flex;justify-content:space-between;gap:40px;padding:34px 0;margin-top:90px}
.ll-next>div{display:flex;flex-direction:column;gap:15px}.ll-next>div:last-child{text-align:right}
.ll-next span{font-size:11px;letter-spacing:.12em;font-weight:600}.ll-next a{font:normal clamp(33px,3.5vw,57px)/1 'Instrument Serif';letter-spacing:-.03em}
.ll-next a:hover{text-decoration:underline;text-underline-offset:6px}
/* Accessible full-screen gallery */
body.ll-modal-open{overflow:hidden}
.ll-lightbox[hidden]{display:none!important}
.ll-lightbox{position:fixed;inset:0;z-index:10000;background:#0d0d0d;color:#fff;display:flex;flex-direction:column;max-width:100vw;max-height:100dvh}
.ll-lightbox-top{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #444;background:#141414}
.ll-lightbox-count{min-width:80px;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.ll-lightbox-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center}
.ll-lightbox button{min-height:42px;min-width:42px;border:1px solid transparent;background:none;color:white;cursor:pointer;border-radius:4px;font-size:24px;transition:background .2s}
.ll-lightbox button:hover,.ll-lightbox button:focus-visible{background:#333;border-color:#666}
.ll-lightbox .ll-tool-text{font:600 11px 'DM Sans',Arial,sans-serif;letter-spacing:.07em;padding:0 12px;white-space:nowrap}
.ll-tool-separator{width:1px;height:25px;background:#555;margin:0 9px}
.ll-lightbox-zoom{font-size:11px;width:52px;text-align:right;color:#ddd}
.ll-lightbox button.ll-lightbox-close{font-size:35px;line-height:1;border:1px solid #555;margin-left:10px}
.ll-lightbox-stage{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:26px;overscroll-behavior:contain}
.ll-lightbox-stage img{display:block;object-fit:contain;width:auto;max-width:100%;max-height:100%;height:auto;box-shadow:0 5px 45px #0008;flex:0 0 auto}
.ll-lightbox-stage.ll-zoomed{display:block;text-align:center}
.ll-lightbox-stage.ll-zoomed img{display:block;margin:0 auto}
.ll-lightbox-bottom{flex:0 0 auto;display:flex;gap:30px;justify-content:space-between;align-items:center;padding:13px 20px;border-top:1px solid #444;color:#ddd}
.ll-lightbox-bottom p{font-size:13px;line-height:1.45;margin:0;max-width:890px}.ll-lightbox-bottom>span{font-size:10px;white-space:nowrap;letter-spacing:.06em;color:#999}
/* Responsive case-study layout */
@media(min-width:1921px){.ll-case{padding-left:max(1.6%,calc((100vw - 1840px)/2));padding-right:max(1.6%,calc((100vw - 1840px)/2))}}
@media(max-width:1150px){.ll-chapter{padding:95px 0}.ll-hero h1{font-size:clamp(70px,8.7vw,115px)}.ll-principle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ll-principle{border-bottom:1px solid #ddd}.ll-principle:nth-child(3n){border-right:0}.ll-flow{flex-wrap:wrap}.ll-flow-item{flex:1 1 calc(50% - 30px)}.ll-flow-arrow{display:none}.ll-step-track{grid-template-columns:repeat(3,minmax(0,1fr))}.ll-outcomes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ll-outcomes-grid>div:nth-child(2){border-right:0}.ll-outcomes-grid>div:nth-child(-n+2){border-bottom:1px solid #ddd}.ll-four-up{grid-template-columns:repeat(2,minmax(0,1fr))}.ll-four-up article:nth-child(2){border:0}.ll-four-up article:nth-child(-n+2){border-bottom:1px solid #ddd}}
@media(max-width:760px){.ll-case{padding-left:16px;padding-right:16px;padding-bottom:70px}.ll-topline{padding:24px 0;font-size:9px}.ll-hero{padding:60px 0 36px}.ll-hero h1{font-size:clamp(61px,11.5vw,94px);margin:30px 0 40px}.ll-hero-columns,.ll-split,.ll-two-cols{grid-template-columns:1fr;gap:25px}.ll-hero-links{flex-direction:row;flex-wrap:wrap;gap:15px;margin-top:20px}.ll-deck{font-size:clamp(20px,4vw,26px)}.ll-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:38px}.ll-facts>div{padding:22px 12px!important}.ll-facts>div:nth-child(2){border-right:0}.ll-facts>div:nth-child(-n+2){border-bottom:1px solid #ddd}.ll-chapter{padding:72px 0}.ll-section-head h2{font-size:clamp(56px,10vw,87px);margin-bottom:30px}.ll-large-copy{font-size:clamp(44px,8vw,70px)}.ll-reading{font-size:18px;line-height:1.55}.ll-question{padding:34px 0;margin-top:45px;font-size:clamp(35px,7vw,55px)}.ll-principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ll-principle:nth-child(3n){border-right:1px solid #ddd}.ll-principle:nth-child(2n){border-right:0}.ll-principle{padding:22px 15px}.ll-principle h3{margin-top:24px;font-size:32px}.ll-flow{gap:9px;margin:30px 0 45px}.ll-flow-item{flex:1 1 100%;padding:20px;gap:7px}.ll-two-cols{margin-bottom:35px}.ll-gallery-grid{grid-template-columns:1fr;gap:28px}.ll-figure--wide{grid-column:auto}.ll-figure figcaption{display:block}.ll-figure figcaption span{display:block;margin-bottom:8px}.ll-figure figcaption p{font-size:13px}.ll-zoom-hint{opacity:1;transform:none;font-size:10px;padding:10px;bottom:9px;right:9px}.ll-ui-schematic{grid-template-columns:1fr}.ll-ui-pane{padding:21px}.ll-step-track{grid-template-columns:repeat(2,minmax(0,1fr))}.ll-step-track>div{padding:20px 15px}.ll-pilot-layout{grid-template-columns:1fr}.ll-pilot-big{border-right:0;border-bottom:1px solid #ddd;padding:22px 0}.ll-pilot-big>strong{font-size:115px}.ll-pilot-tasks>div{display:block;padding:20px 0}.ll-pilot-tasks strong{display:block;text-align:left;margin-top:10px}.ll-before-after{grid-template-columns:1fr;gap:15px}.ll-compare-panel{padding:20px}.ll-compare-interface{padding:18px;min-height:230px}.ll-findings article{grid-template-columns:55px 1fr;gap:14px}.ll-findings article>strong{grid-column:2;text-align:left}.ll-findings h3{font-size:21px}.ll-outcomes-grid{margin:37px 0}.ll-outcomes-grid>div{padding:23px 12px}.ll-outcomes-grid strong{font-size:clamp(66px,11vw,105px)}.ll-outcomes-grid h3{font-size:16px;margin:20px 0 9px}.ll-outcomes-grid p{font-size:13px}.ll-benchmark{padding:24px 17px}.ll-benchmark-top{display:block}.ll-benchmark-top h3{font-size:43px}.ll-bench-row{grid-template-columns:1fr;gap:12px}.ll-bars>span{width:calc(var(--bars) * 30%)}.ll-ending{padding:55px 25px;margin-top:65px}.ll-ending h2{font-size:clamp(65px,11vw,95px)}.ll-next{display:block}.ll-next>div:last-child{text-align:left;margin-top:55px}.ll-lightbox-top{padding:10px;display:flex;flex-wrap:wrap}.ll-lightbox-count{min-width:45px}.ll-lightbox-tools{order:3;width:100%;justify-content:center}.ll-lightbox .ll-tool-text{font-size:9px;padding:0 5px}.ll-lightbox-zoom{width:42px}.ll-lightbox-stage{padding:12px}.ll-lightbox-bottom{padding:10px 15px}.ll-lightbox-bottom>span{display:none}}
@media(max-width:400px){.ll-hero h1{font-size:clamp(51px,12vw,65px)}.ll-section-head h2{font-size:clamp(50px,12vw,67px)}.ll-kicker{font-size:9px;gap:8px}.ll-primary-link{font-size:11px}.ll-facts strong{font-size:14px}.ll-principle-grid{grid-template-columns:1fr}.ll-principle{border-right:0!important;padding:19px 0}.ll-step-track{grid-template-columns:1fr 1fr}.ll-outcomes-grid strong{font-size:clamp(58px,13vw,78px)}.ll-outcomes-grid>div{padding:18px 8px}.ll-lightbox .ll-tool-text{font-size:8px;padding:0 3px}}
@media(prefers-reduced-motion:reduce){.ll-image-open img,.ll-zoom-hint,.ll-primary-link{transition:none!important}}
/* Source-verification comparison, explicitly illustrated rather than a fabricated historical screenshot. */
.ll-schematic-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;color:#5b6476;font-size:11px;font-weight:600;letter-spacing:.08em;flex-wrap:wrap;padding:0 3px 7px}
.ll-review-example{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px}
.ll-doc-panel,.ll-ai-panel{background:white;border:1px solid #d9deeb;padding:22px;min-width:0}
.ll-doc-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;font-weight:700;letter-spacing:.06em;border-bottom:1px solid #d5dce8;padding-bottom:20px}
.ll-doc-head span{color:#657083;font-size:10px}
.ll-doc-sheet{background:#fcfcfd;border:1px solid #e7e9ef;padding:28px;min-height:290px;margin-top:17px}
.ll-doc-sheet>span,.ll-ui-tag{color:#5b6475;font-size:10px;letter-spacing:.1em;font-weight:700}
.ll-doc-sheet h4,.ll-ai-panel h4{font-size:19px;font-weight:600;line-height:1.3;margin:17px 0 23px}
.ll-doc-sheet p,.ll-ai-panel p{font-size:13px;color:#647083;margin:14px 0 8px}
.ll-doc-sheet>div:not(.ll-source-highlight){background:#f0f2f6;padding:12px 14px;font-size:13px}
.ll-source-highlight{background:#e6edfe;border:1px solid #b5c7f2;padding:15px;display:flex;flex-direction:column;gap:8px;font-size:13px}
.ll-source-highlight small{font-size:12px;color:#4f5c72}
.ll-ai-panel>.ll-ui-tag{display:block;margin-top:33px}
.ll-demo-actions{display:flex;gap:10px;margin-top:40px;flex-wrap:wrap}
.ll-demo-actions span{padding:12px 15px;background:#315ade;color:white;font-size:11px;font-weight:600;flex:1;text-align:center;min-width:120px}
.ll-demo-actions span:last-child{background:#fff;border:1px solid #c3d0ef;color:#1d3c7d}
.ll-schematic-callout{border-top:1px solid #dce2ed;margin-top:25px;padding-top:21px;font-size:13px;line-height:1.5;color:#606b80}
.ll-figma-evidence{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0 55px}
.ll-figma-evidence a{display:flex;min-width:0;flex-direction:column;gap:12px;min-height:156px;justify-content:space-between;padding:25px 26px;border:1px solid #c6c6c6;transition:background .2s,border-color .2s}
.ll-figma-evidence a:hover{background:#f0f1f4;border-color:#111}
.ll-figma-evidence span{font-size:10px;letter-spacing:.12em;color:#686868;font-weight:600}
.ll-figma-evidence strong{font:normal clamp(30px,3vw,51px)/1 'Instrument Serif';letter-spacing:-.02em}
.ll-figma-evidence small{font-size:13px;color:#6d6d6d;line-height:1.4}
@media(max-width:760px){.ll-review-example,.ll-figma-evidence{grid-template-columns:1fr}.ll-doc-panel,.ll-ai-panel{padding:14px}.ll-doc-sheet{padding:18px}.ll-schematic-heading{font-size:9px}}

/* Version 63 — evidence-led presentation and authentic Figma source-screen viewer. */
.ll-evidence-journey .ll-section-head{margin-bottom:38px}
.ll-evaluation-feature{border-top:1px solid #141414;padding:27px 32px 25px 0;min-width:0}
.ll-evaluation-feature>span,.ll-research-note>span{font-size:11px;letter-spacing:.14em;font-weight:600}
.ll-evaluation-feature p{font:normal clamp(40px,4.2vw,75px)/1.02 'Instrument Serif',Georgia,serif;letter-spacing:-.038em;max-width:650px;margin:47px 0 0}
.ll-evaluation-feature em{font-weight:400}
.ll-research-note{display:grid;grid-template-columns:170px minmax(0,1fr);gap:30px;border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:20px 0;margin-top:36px;align-items:start;color:#535353}
.ll-research-note p{margin:0;line-height:1.55;font-size:15px;max-width:900px}
.ll-visual-source{margin:55px 0 85px}
.ll-visual-source-intro{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;border-top:1px solid #111;padding-top:25px;margin-bottom:35px}
.ll-visual-source-intro>span{font-size:11px;letter-spacing:.13em;font-weight:700;color:#555}
.ll-visual-source-intro p{margin:0;font-size:clamp(18px,2.2vw,28px);line-height:1.35;letter-spacing:-.03em;max-width:950px}
.ll-live-artboards{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ll-live-artboard{min-width:0;margin:0}
.ll-live-artboard-frame{position:relative;aspect-ratio:1.55;overflow:hidden;border:1px solid #d3d3d3;background:#f3f4f6}
.ll-live-artboard-frame iframe{width:100%;height:100%;display:block;border:0;background:#f5f5f5}
.ll-live-artboard figcaption{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding-top:15px}
.ll-live-artboard figcaption>div{min-width:0;flex:1}
.ll-live-artboard figcaption span{display:block;font-size:10px;letter-spacing:.12em;color:#747474;font-weight:600;margin-bottom:9px}
.ll-live-artboard figcaption strong{display:block;font:normal clamp(26px,2.5vw,38px)/1.05 'Instrument Serif',Georgia,serif}
.ll-live-artboard figcaption p{font-size:13px;line-height:1.45;color:#6a6a6a;margin:11px 0 0}
.ll-live-artboard figcaption a{white-space:nowrap;font-size:10px;font-weight:600;letter-spacing:.08em;text-decoration:underline;text-underline-offset:4px;align-self:flex-start}
.ll-artboard-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid #111;margin-top:65px;padding:27px 0 24px}
.ll-artboard-heading h3{font:normal clamp(39px,5vw,74px)/1 'Instrument Serif',Georgia,serif;letter-spacing:-.035em;margin:0}
.ll-artboard-heading>span{font-size:10px;letter-spacing:.11em;font-weight:700;color:#777;text-align:right;max-width:300px;line-height:1.5}
.ll-artboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d3d3d3;border:1px solid #d3d3d3}
.ll-artboard-link{appearance:none;display:flex;min-height:196px;min-width:0;flex-direction:column;justify-content:space-between;gap:15px;padding:24px 20px;border:0;border-radius:0;text-align:left;cursor:zoom-in;color:#151515;background:#fff;transition:background .2s}
.ll-artboard-link:hover,.ll-artboard-link:focus-visible{background:#eeeeec;outline:2px solid #171717;outline-offset:-2px}
.ll-artboard-top,.ll-artboard-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.1em;font-weight:600;color:#646464}
.ll-artboard-link strong{font:normal clamp(26px,2.7vw,45px)/1.08 'Instrument Serif',Georgia,serif;letter-spacing:-.024em}
.ll-artboard-bottom span{font-size:21px;color:#171717}
.ll-source-notice{font-size:13px;line-height:1.5;color:#6e6e6e;max-width:960px;margin:18px 0 0}
.ll-live-stage[hidden]{display:none!important}
.ll-lightbox-stage .ll-live-stage{display:flex;flex:0 0 auto;flex-direction:column;min-height:320px;max-width:none;background:#f4f5f8;box-shadow:0 10px 45px #0008;overflow:hidden}
.ll-lightbox-stage .ll-live-stage iframe{flex:1;min-height:0;border:0;background:#eee}
.ll-live-stage-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:9px 13px;background:#151515;color:#ddd;font-size:10px;letter-spacing:.06em}
.ll-live-stage-bottom a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap;color:#fff}
.ll-lightbox-stage:not(.ll-zoomed) .ll-live-stage{max-height:100%;}
.ll-lightbox-stage.ll-zoomed .ll-live-stage{margin:0 auto}
@media(max-width:1050px){.ll-artboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ll-live-artboards{gap:16px}}
@media(max-width:760px){.ll-evaluation-feature{padding:18px 0 0}.ll-evaluation-feature p{font-size:clamp(41px,9vw,65px);margin:20px 0 5px}.ll-research-note,.ll-visual-source-intro{grid-template-columns:1fr;gap:13px}.ll-research-note{margin-top:25px}.ll-visual-source{margin:35px 0 65px}.ll-live-artboards{grid-template-columns:1fr;gap:30px}.ll-live-artboard-frame{aspect-ratio:1.45}.ll-artboard-heading{display:block;margin-top:40px}.ll-artboard-heading>span{display:block;text-align:left;margin-top:10px}.ll-artboard-link{min-height:155px;padding:18px 15px}.ll-artboard-link strong{font-size:clamp(25px,5vw,36px)}.ll-live-stage-bottom{flex-wrap:wrap;font-size:9px}.ll-lightbox-stage .ll-live-stage{min-height:265px}}
@media(max-width:390px){.ll-artboard-grid{grid-template-columns:1fr}.ll-artboard-link{min-height:128px}.ll-artboard-heading h3{font-size:43px}}
.ll-lightbox-stage img[hidden]{display:none!important}

/* V63 editorial image-led case study: original Figma artboards, shown as views within the page */
.ll-real-pair,.ll-real-mosaic,.ll-spotlight--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.ll-real-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 22px}
.ll-real-screen{min-width:0;margin:0}
.ll-real-screen-tap{display:block;width:100%;padding:0;border:0;background:#f4f5f7;text-align:left;cursor:zoom-in}
.ll-real-screen-tap:focus-visible{outline:3px solid #225eea;outline-offset:4px}
.ll-real-screen-preview{position:relative;display:block;aspect-ratio:1.6;overflow:hidden;border:1px solid #d9dde5;background:#f5f7fa}
.ll-real-screen-preview iframe{display:block;width:100%;height:100%;border:0;pointer-events:none;background:#f5f7fa;filter:none}
.ll-real-screen-overlay{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#141414e8);color:white;padding:60px 20px 17px;display:flex;align-items:end;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.1em;opacity:0;transition:opacity .18s}
.ll-real-screen-tap:hover .ll-real-screen-overlay,.ll-real-screen-tap:focus-visible .ll-real-screen-overlay{opacity:1}
.ll-real-screen-overlay span{font-size:22px;line-height:1}
.ll-real-screen figcaption{display:block;padding:16px 0 0}
.ll-real-screen figcaption>span{display:block;font-size:10px;font-weight:600;letter-spacing:.12em;color:#777;margin-bottom:10px}
.ll-real-screen figcaption strong{display:block;font:normal clamp(30px,3.3vw,47px)/1.04 'Instrument Serif',Georgia,serif;letter-spacing:-.025em}
.ll-real-screen figcaption p{font-size:14px;line-height:1.55;color:#5f5f5f;margin:11px 0 0;max-width:540px}
.ll-artboard-heading em{font-weight:400}
.ll-spotlight{margin:48px 0 0;max-width:1350px}
.ll-spotlight--two{margin:50px 0 35px;max-width:none}
.ll-eval-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;border-top:1px solid #111;border-bottom:1px solid #111;margin:42px 0 30px}
.ll-eval-grid article{border-right:1px solid #dedede;padding:29px 25px 35px 0;min-width:0}
.ll-eval-grid article:last-child{border-right:0}
.ll-eval-grid article>span{font-size:10px;letter-spacing:.12em;font-weight:700;color:#666}
.ll-eval-grid h3{font:normal clamp(39px,4vw,62px)/.99 'Instrument Serif',Georgia,serif;letter-spacing:-.025em;margin:37px 0 23px}
.ll-eval-grid p{font-size:16px;line-height:1.63;color:#555;max-width:480px}
.ll-gallery-grid--single{max-width:1400px;margin:42px auto 0}
.ll-live-stage-bottom>span:last-child{color:#aaa;text-align:right}
@media(hover:none){.ll-real-screen-overlay{opacity:1}}
@media(max-width:950px){.ll-real-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.ll-eval-grid{grid-template-columns:1fr;gap:0}.ll-eval-grid article{border:0;border-bottom:1px solid #ddd;padding:25px 0}.ll-eval-grid article:last-child{border:0}.ll-eval-grid h3{margin:18px 0}.ll-eval-grid p{margin-bottom:0}}
@media(max-width:680px){.ll-real-pair,.ll-real-mosaic,.ll-spotlight--two{grid-template-columns:1fr;gap:28px}.ll-real-screen figcaption strong{font-size:36px}.ll-real-screen-preview{aspect-ratio:1.5}.ll-real-screen-overlay{opacity:1}.ll-spotlight{margin:36px 0}.ll-live-stage-bottom{font-size:9px;line-height:1.5}}


/* V66 — In This Case Study navigation, grounded in actual LeaveLens chapter anchors. */
.ll-chapter-nav{display:flex;align-items:flex-start;gap:clamp(18px,2.4vw,44px);padding:65px 0 30px;margin:0;border-bottom:1px solid #e3e3e3}
.ll-chapter-nav-label{flex:0 0 auto;letter-spacing:.15em;font-size:clamp(11px,1vw,15px);font-weight:500;line-height:1.3;color:#777;white-space:nowrap;padding-top:18px}
.ll-chapter-nav-links{display:flex;flex:1;min-width:0;flex-wrap:wrap;align-items:center;gap:12px}
.ll-chapter-nav-pill{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:53px;padding:11px clamp(18px,1.45vw,26px);border:1.5px solid #d9d9d9;border-radius:999px;color:#151515;background:#fff;text-decoration:none;font:400 clamp(14px,1.17vw,19px)/1.3 'DM Sans',sans-serif;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,transform .18s}
.ll-chapter-nav-pill:hover{background:#171717;border-color:#171717;color:#fff;transform:translateY(-2px)}
.ll-chapter-nav-pill:focus-visible{outline:3px solid #151515;outline-offset:3px}
.ll-case .ll-chapter[id]{scroll-margin-top:24px}
@media(max-width:1100px){.ll-chapter-nav{flex-direction:column;gap:17px;padding-top:48px}.ll-chapter-nav-label{padding-top:0}.ll-chapter-nav-links{flex:initial;width:100%;gap:10px}.ll-chapter-nav-pill{min-height:46px;padding:9px 20px;font-size:15px}}
@media(max-width:600px){.ll-chapter-nav{padding:37px 0 14px}.ll-chapter-nav-links{gap:8px}.ll-chapter-nav-pill{min-height:42px;padding:8px 15px;font-size:14px}.ll-chapter-nav-label{font-size:11px}}
@media(max-width:360px){.ll-chapter-nav-pill{padding:8px 12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.ll-chapter-nav-pill{transition:none}.ll-chapter-nav-pill:hover{transform:none}}

/* V67 — Include the verified LeaveLens project period in the project facts. */
.ll-facts{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){
 .ll-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ll-facts>div{padding:22px 18px;border-bottom:1px solid #ddd}
 .ll-facts>div:nth-child(even){border-right:0}
 .ll-facts>div:nth-child(odd){border-right:1px solid #ddd}
 .ll-facts>div:last-child{grid-column:1/-1;border-right:0;border-bottom:0}
}

/* Version 68: Lo-Fi and Final UI are matched side by side, workflow by workflow. */
.ll-screen-comparison{padding:29px 0 46px;border-bottom:1px solid #dedede}
.ll-screen-comparison:first-of-type{padding-top:0}
.ll-screen-comparison:last-of-type{border-bottom:0;padding-bottom:8px}
.ll-screen-comparison-intro{display:grid;grid-template-columns:minmax(185px,.35fr) minmax(0,1fr);align-items:baseline;column-gap:24px;margin:0 0 29px}
.ll-screen-comparison-intro>span{font-size:10px;font-weight:650;letter-spacing:.135em;color:#777}
.ll-screen-comparison-intro h4{font:normal clamp(27px,3vw,43px)/1.08 'Instrument Serif',Georgia,serif;letter-spacing:-.02em;margin:0;max-width:850px}
.ll-screen-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.25vw,36px);align-items:start}
.ll-screen-comparison-column{min-width:0}
.ll-screen-comparison-label{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;font-weight:650;color:#4b4b4b;margin:0 0 20px}
.ll-screen-dot{display:block;flex:0 0 auto;width:7px;height:7px;background:#171717;border-radius:50%}
.ll-screen-comparison-column .ll-real-screen-preview{aspect-ratio:8/5}
.ll-screen-comparison-column .ll-real-screen figcaption{padding-top:16px}
.ll-screen-comparison-column .ll-real-screen figcaption strong{font-size:clamp(27px,2.6vw,38px)}
.ll-screen-comparison-column .ll-real-screen figcaption>span{font-size:9px}
.ll-screen-comparison-column .ll-real-screen figcaption p{font-size:14px}
@media(max-width:740px){.ll-screen-comparison-intro{grid-template-columns:1fr;row-gap:12px;margin-bottom:22px}.ll-screen-comparison{padding:24px 0 35px}.ll-screen-comparison-grid{gap:18px}}
@media(max-width:620px){.ll-screen-comparison-grid{grid-template-columns:1fr;gap:28px}.ll-screen-comparison-column .ll-real-screen-preview{aspect-ratio:8/5}.ll-screen-comparison-column .ll-real-screen figcaption strong{font-size:30px}.ll-screen-comparison-label{margin-bottom:13px}.ll-screen-comparison{padding:27px 0 40px}}

/* V70 — Match the reference: space belongs between the high-fidelity
   artboard's source label and its "Human verification" title, NOT between
   that title/description and the explanatory diagram. Scoped to this figure. */
.ll-case #verification .ll-spotlight .ll-real-screen figcaption > span {
  margin-bottom: clamp(52px, 5vw, 78px);
}
.ll-case #verification .ll-spotlight + .ll-ui-schematic {
  margin-top: 30px;
}
@media (max-width: 760px) {
  .ll-case #verification .ll-spotlight .ll-real-screen figcaption > span {
    margin-bottom: 40px;
  }
  .ll-case #verification .ll-spotlight + .ll-ui-schematic {
    margin-top: 24px;
  }
}

/* v75: paired editorial CTAs + case-study table of contents */
.ll-hero-columns{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:5%;align-items:end}
.ll-hero-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch;width:100%}
.ll-hero-links .ll-primary-link,.ll-hero-links .ll-secondary-link{display:inline-flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:76px;padding:22px 18px;border:2px solid #111;border-radius:0;font:700 clamp(11px,1vw,16px)/1.35 'DM Sans',sans-serif;letter-spacing:.09em;text-decoration:none;white-space:nowrap;gap:3px;transition:background .18s,color .18s,transform .18s}
.ll-hero-links .ll-primary-link{background:#111;color:#fff}
.ll-hero-links .ll-secondary-link{background:#fff;color:#111}
.ll-hero-links .ll-secondary-link:hover{background:#111;color:#fff;transform:translateY(-2px)}
.ll-hero-links a:focus-visible{outline:3px solid #3561d7;outline-offset:4px}
.ll-chapter-nav{align-items:center;gap:clamp(16px,2.4vw,38px)}
.ll-chapter-nav-label{padding-top:0;font-size:clamp(11px,1.05vw,16px);font-weight:700}
.ll-chapter-nav-links{gap:clamp(8px,.85vw,14px);justify-content:space-between}
.ll-chapter-nav-pill{min-height:54px;padding:12px clamp(12px,1.35vw,24px);font-size:clamp(13px,1.1vw,18px)}
@media (max-width:1200px){.ll-hero-columns{grid-template-columns:1fr;gap:30px}.ll-hero-links{max-width:850px}.ll-chapter-nav{flex-direction:column;align-items:flex-start}.ll-chapter-nav-links{justify-content:flex-start}}
@media(max-width:650px){.ll-hero-links{grid-template-columns:1fr;max-width:100%}.ll-hero-links .ll-primary-link,.ll-hero-links .ll-secondary-link{min-height:62px;white-space:normal}}