.portfolio-scope.ll-case{--ll-bg: #0b0c10;--ll-surface: #16191e;--ll-soft: #11151b;--ll-ink: #f0f2f5;--ll-body: #c0c5cd;--ll-muted: #a4a9b3;--ll-gold: #d8c89d;--ll-rule: rgba(216, 200, 157, .19);overflow-x:clip;font-family:var(--font-heading, Inter, system-ui, sans-serif)}.portfolio-scope.ll-case *{box-sizing:border-box}.portfolio-scope.ll-case .ll-container{width:min(1140px,calc(100% - 48px));margin-inline:auto}.portfolio-scope.ll-case .ll-hero{background:radial-gradient(ellipse 42% 60% at 82% 42%,rgba(67,95,107,.21),transparent 78%),linear-gradient(135deg,#0b0e15,#101b25 61%,#0c121d);border-bottom:1px solid var(--ll-rule);padding:clamp(36px,5vw,68px) 0 clamp(58px,7vw,98px)}.portfolio-scope.ll-case .ll-back{display:inline-flex;align-items:center;gap:9px;color:var(--ll-body);font-size:12px;font-weight:600;letter-spacing:.04em;padding:8px 0;transition:color .18s;text-decoration:none}.portfolio-scope.ll-case .ll-back:hover{color:var(--ll-gold)}.portfolio-scope.ll-case .ll-hero-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(42px,6vw,92px);align-items:center;margin-top:clamp(25px,4vw,48px)}.portfolio-scope.ll-case .ll-hero-copy{min-width:0}.portfolio-scope.ll-case .ll-eyebrow{margin:0 0 22px;font-size:10px;line-height:1.4;font-weight:700;color:var(--ll-gold);letter-spacing:.18em;text-transform:uppercase}.portfolio-scope.ll-case .ll-eyebrow span{color:#8c8e93;margin-inline:7px}.portfolio-scope.ll-case .ll-hero h1{margin:0;font-family:var(--font-serif, Georgia, serif);font-size:clamp(42px,5.1vw,72px);font-weight:600;line-height:1.025;letter-spacing:-.035em;color:var(--ll-ink);overflow-wrap:anywhere}.portfolio-scope.ll-case .ll-hero h1 span{display:block;font-size:.74em;line-height:1.12;color:#e2e6e9;margin-top:.15em}.portfolio-scope.ll-case .ll-subtitle{color:var(--ll-gold);font-size:clamp(15px,1.35vw,18px);line-height:1.55;font-weight:600;margin:25px 0 21px;max-width:660px}.portfolio-scope.ll-case .ll-intro{color:var(--ll-body);font-size:clamp(14px,1.12vw,16px);line-height:1.87;max-width:635px;margin:0}.portfolio-scope.ll-case .ll-categories{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.portfolio-scope.ll-case .ll-categories span{padding:8px 11px;border:1px solid rgba(220,220,223,.16);color:#e0e0e3;background:#ffffff09;border-radius:3px;font-size:11px;line-height:1.25}.portfolio-scope.ll-case .ll-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px}.portfolio-scope.ll-case .ll-primary-link{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:12px;color:#111318;background:#d8c89d;padding:13px 19px;border:1px solid #d8c89d;border-radius:4px;font-size:13px;line-height:1.45;font-weight:750;text-decoration:none;transition:background .18s,transform .18s}.portfolio-scope.ll-case .ll-primary-link:hover{background:#ecddb6;color:#111318;transform:translateY(-2px)}.portfolio-scope.ll-case .ll-secondary-link{display:inline-flex;gap:9px;align-items:center;color:#e5e8ec;text-decoration:none;font-size:13px;font-weight:650;border-bottom:1px solid rgba(216,200,157,.5);padding-block:8px}.portfolio-scope.ll-case .ll-secondary-link:hover{color:var(--ll-gold)}.portfolio-scope.ll-case .ll-primary-figure{min-width:0;margin:0;text-align:center}.portfolio-scope.ll-case .ll-phone-stage{min-height:660px;position:relative;display:flex;justify-content:center;align-items:center}.portfolio-scope.ll-case .ll-stage-halo{pointer-events:none;position:absolute;width:min(96%,480px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(214,200,157,.12);background:radial-gradient(circle at center,rgba(95,136,148,.13),transparent 65%);box-shadow:0 0 0 45px #8fa0a706,0 0 0 90px #8fa0a703}.portfolio-scope.ll-case .ll-phone-open{border:0;background:none;padding:0;cursor:zoom-in;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--ll-gold)}.portfolio-scope.ll-case .ll-phone{display:block;width:min(252px,66vw);padding:8px;border-radius:29px;border:1px solid #71808e;background:linear-gradient(140deg,#4f5964,#111923 30%,#202c37 85%,#7a858d);box-shadow:0 24px 70px #00000094,0 0 0 4px #dde7ee0e}.portfolio-scope.ll-case .ll-phone-screen{display:block;border-radius:21px;overflow:hidden;background:#0d2e40}.portfolio-scope.ll-case .ll-phone-screen img{display:block;width:100%;height:auto}.portfolio-scope.ll-case .ll-enlarge{font-size:11px;font-weight:650;letter-spacing:.07em;display:inline-flex;gap:7px;align-items:center;text-transform:uppercase}.portfolio-scope.ll-case .ll-primary-figure figcaption{margin-top:6px;color:#aeb7bf;font-size:10px;line-height:1.6;letter-spacing:.1em}.portfolio-scope.ll-case .ll-primary-figure figcaption span{margin-inline:4px;color:#a18f69}.portfolio-scope.ll-case .ll-highlights{background:#101318;border-bottom:1px solid var(--ll-rule);padding:clamp(54px,6vw,80px) 0}.portfolio-scope.ll-case .ll-collection-heading{max-width:780px;margin:0 0 31px;color:var(--ll-ink);font:600 clamp(32px,3.6vw,47px)/1.14 var(--font-serif, Georgia, serif);letter-spacing:-.02em}.portfolio-scope.ll-case .ll-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ll-rule)}.portfolio-scope.ll-case .ll-highlight{min-width:0;padding:25px 22px 18px 0}.portfolio-scope.ll-case .ll-highlight+.ll-highlight{padding-left:22px;border-left:1px solid var(--ll-rule)}.portfolio-scope.ll-case .ll-highlight>span{display:block;color:var(--ll-gold);font-size:12px;font-weight:700;letter-spacing:.12em}.portfolio-scope.ll-case .ll-highlight h3{margin:19px 0 10px;color:var(--ll-ink);font-family:var(--font-heading, Inter, sans-serif);font-weight:650;font-size:16px;line-height:1.35}.portfolio-scope.ll-case .ll-highlight p{font-size:13px;line-height:1.72;color:var(--ll-body);margin:0}.portfolio-scope.ll-case .ll-section{background:var(--ll-bg);padding:clamp(64px,7vw,100px) 0;border-bottom:1px solid var(--ll-rule)}.portfolio-scope.ll-case .ll-section-alt{background:#12151b}.portfolio-scope.ll-case .ll-section-grid{display:grid;grid-template-columns:196px minmax(0,1fr);gap:clamp(30px,5vw,78px)}.portfolio-scope.ll-case .ll-section-rail{display:flex;flex-direction:column;gap:14px;padding-top:10px}.portfolio-scope.ll-case .ll-index{font-family:var(--font-serif, Georgia, serif);font-size:43px;color:var(--ll-gold);line-height:1}.portfolio-scope.ll-case .ll-rail-label{font-size:10px;color:#b6bac4;letter-spacing:.16em;font-weight:700}.portfolio-scope.ll-case .ll-section-body{max-width:840px;min-width:0}.portfolio-scope.ll-case .ll-section-body h2{color:var(--ll-ink);font:600 clamp(34px,3.4vw,47px)/1.15 var(--font-serif,Georgia,serif);margin:0 0 23px;letter-spacing:-.025em}.portfolio-scope.ll-case .ll-section-body>p{color:var(--ll-body);font-size:15px;line-height:1.9;max-width:760px;margin:0 0 20px}.portfolio-scope.ll-case .ll-section-body>p:last-child{margin-bottom:0}.portfolio-scope.ll-case .ll-section-body .ll-role{font-weight:650;font-size:18px;line-height:1.55;color:var(--ll-gold)}.portfolio-scope.ll-case .ll-section-body .ll-list-label{margin:33px 0 15px;color:var(--ll-gold);font-size:10px;letter-spacing:.16em;font-weight:750}.portfolio-scope.ll-case .ll-bullet-grid{list-style:none;padding:0;margin:0 0 25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 28px}.portfolio-scope.ll-case .ll-bullet-grid li{position:relative;padding:13px 0 14px 21px;border-top:1px solid var(--ll-rule);color:#d7dce3;font-size:13px;line-height:1.7}.portfolio-scope.ll-case .ll-bullet-grid li:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;left:3px;top:22px;background:var(--ll-gold)}.portfolio-scope.ll-case .ll-qa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0 24px}.portfolio-scope.ll-case .ll-qa-item{padding:22px 24px;background:#080a0e42;border:1px solid var(--ll-rule);border-radius:5px}.portfolio-scope.ll-case .ll-qa-item h3{margin:0 0 9px;font-size:15px;font-weight:700;line-height:1.4;color:var(--ll-gold)}.portfolio-scope.ll-case .ll-qa-item p{margin:0;font-size:13px;line-height:1.72;color:var(--ll-body)}.portfolio-scope.ll-case .ll-section-body .ll-boundary{padding:17px 20px;margin-top:21px;background:#c4b6910e;border-left:2px solid rgba(216,200,157,.6);color:#c3c7ce;font-size:13px;line-height:1.75}.portfolio-scope.ll-case .ll-skills-grid{margin-top:31px;border-top:1px solid var(--ll-rule)}.portfolio-scope.ll-case .ll-skill-group{display:grid;grid-template-columns:minmax(165px,1fr) minmax(0,2.15fr);gap:24px;border-bottom:1px solid var(--ll-rule);padding:20px 0}.portfolio-scope.ll-case .ll-skill-group h3{margin:0;color:var(--ll-gold);font-size:14px;font-weight:700}.portfolio-scope.ll-case .ll-skill-group p{margin:0;color:var(--ll-body);font-size:13px;line-height:1.85}.portfolio-scope.ll-case .ll-gallery-section{background:radial-gradient(ellipse at 95% 20%,rgba(39,76,94,.18),transparent 60%),#0f141b;padding:clamp(66px,7vw,98px) 0;border-bottom:1px solid var(--ll-rule)}.portfolio-scope.ll-case .ll-gallery-intro{color:var(--ll-body);font-size:15px;line-height:1.7;max-width:690px;margin:-5px 0 28px}.portfolio-scope.ll-case .ll-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.portfolio-scope.ll-case .ll-gallery-item{background:#151b23;border:1px solid var(--ll-rule);border-radius:7px;padding:11px 11px 18px;margin:0;min-width:0}.portfolio-scope.ll-case .ll-gallery-button{min-height:280px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;border:0;padding:9px;background:#e9eced;border-radius:4px;cursor:zoom-in;overflow:hidden}.portfolio-scope.ll-case .ll-gallery-button img{display:block;height:260px;max-width:100%;width:auto;-o-object-fit:contain;object-fit:contain;box-shadow:0 9px 22px #05080c26}.portfolio-scope.ll-case .ll-gallery-zoom{position:absolute;right:8px;bottom:8px;background:#102231;color:#fff;border-radius:4px;padding:7px;display:flex}.portfolio-scope.ll-case .ll-gallery-item figcaption{padding:17px 4px 0;display:grid;gap:8px}.portfolio-scope.ll-case .ll-gallery-item figcaption strong{color:var(--ll-ink);font-size:14px;font-weight:700}.portfolio-scope.ll-case .ll-gallery-item figcaption span{font-size:12px;line-height:1.66;color:var(--ll-body)}.portfolio-scope.ll-case .ll-capture-note{margin:20px 0 0;font-size:12px;line-height:1.7;color:var(--ll-muted)}.portfolio-scope.ll-case .ll-end-cap{padding:clamp(65px,8vw,110px) 0 50px;background:linear-gradient(125deg,#101a24,#0b0d13)}.portfolio-scope.ll-case .ll-end-layout{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-bottom:45px;border-bottom:1px solid var(--ll-rule)}.portfolio-scope.ll-case .ll-end-layout h2{margin:0 0 17px;font:600 clamp(33px,3.8vw,49px)/1.1 var(--font-serif,Georgia,serif);max-width:660px}.portfolio-scope.ll-case .ll-end-layout p:not(.ll-eyebrow){color:var(--ll-body);margin:0;font-size:14px;line-height:1.7}.portfolio-scope.ll-case .ll-end-layout>a{white-space:nowrap}.portfolio-scope.ll-case .ll-bottom-back{margin-top:28px}.portfolio-scope.ll-case a:focus-visible,.portfolio-scope.ll-case button:focus-visible{outline:3px solid #e8d9ad;outline-offset:4px}.portfolio-scope.ll-case .ll-image-dialog{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;margin:auto;width:min(95vw,870px);max-width:870px;max-height:94dvh;border:1px solid rgba(221,221,231,.3);border-radius:10px;overflow:auto;background:#11151b;color:#f2f4f6;box-shadow:0 25px 90px #000}.portfolio-scope.ll-case .ll-image-dialog::backdrop{background:#000000e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.portfolio-scope.ll-case .ll-dialog-content{display:grid;justify-items:center;padding:0 15px 20px}.portfolio-scope.ll-case .ll-dialog-bar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 2px;position:sticky;top:0;z-index:1;background:#11151b;color:#e3e7ee;font-size:12px}.portfolio-scope.ll-case .ll-dialog-bar button{display:grid;place-items:center;min-width:39px;min-height:39px;border:1px solid rgba(232,235,240,.3);color:#fff;background:#232b34;border-radius:5px;cursor:pointer}.portfolio-scope.ll-case .ll-dialog-content>img{display:block;max-width:100%;height:auto;width:auto;border:1px solid rgba(255,255,255,.08)}@media(max-width:1000px){.portfolio-scope.ll-case .ll-hero-layout{gap:22px}.portfolio-scope.ll-case .ll-hero h1{font-size:clamp(40px,4.7vw,56px)}.portfolio-scope.ll-case .ll-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-scope.ll-case .ll-highlight{border-bottom:1px solid var(--ll-rule)}.portfolio-scope.ll-case .ll-highlight:nth-child(3){padding-left:0;border-left:none}.portfolio-scope.ll-case .ll-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.portfolio-scope.ll-case .ll-container{width:min(100% - 36px,600px)}.portfolio-scope.ll-case .ll-hero-layout{grid-template-columns:1fr;gap:22px}.portfolio-scope.ll-case .ll-hero h1{font-size:clamp(40px,9vw,60px)}.portfolio-scope.ll-case .ll-phone-stage{min-height:unset;padding:35px 0 15px}.portfolio-scope.ll-case .ll-phone{width:min(242px,63vw)}.portfolio-scope.ll-case .ll-primary-figure figcaption{font-size:9px}.portfolio-scope.ll-case .ll-section-grid{grid-template-columns:1fr;gap:18px}.portfolio-scope.ll-case .ll-section-rail{padding-top:0;gap:10px;flex-direction:row;align-items:center}.portfolio-scope.ll-case .ll-index{font-size:30px}.portfolio-scope.ll-case .ll-bullet-grid,.portfolio-scope.ll-case .ll-qa-grid{grid-template-columns:1fr}.portfolio-scope.ll-case .ll-skill-group{grid-template-columns:1fr;gap:8px}.portfolio-scope.ll-case .ll-end-layout{flex-direction:column;align-items:flex-start;gap:25px}}@media(max-width:520px){.portfolio-scope.ll-case .ll-hero-actions{align-items:stretch;flex-direction:column}.portfolio-scope.ll-case .ll-primary-link{width:-moz-fit-content;width:fit-content;max-width:100%}.portfolio-scope.ll-case .ll-highlight-grid{grid-template-columns:1fr}.portfolio-scope.ll-case .ll-highlight,.portfolio-scope.ll-case .ll-highlight+.ll-highlight,.portfolio-scope.ll-case .ll-highlight:nth-child(3){padding:21px 0;border-left:0;border-bottom:1px solid var(--ll-rule)}.portfolio-scope.ll-case .ll-gallery-grid{grid-template-columns:1fr}.portfolio-scope.ll-case .ll-gallery-button{min-height:330px}.portfolio-scope.ll-case .ll-gallery-button img{height:308px}.portfolio-scope.ll-case .ll-section-body>p{font-size:14px}}@media(prefers-reduced-motion:reduce){.portfolio-scope.ll-case .ll-primary-link,.portfolio-scope.ll-case .ll-back{transition:none}}
