:root{--dark:#090b10;--black:#05060a;--lime:#10418f;--cream:#ffffff;--muted:#788494;--line:#283344}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--dark);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3,.eyebrow,.logo,.btn,.text-link,.announcement,.service-num,.step-number{font-family:'Space Grotesk',sans-serif}.container{max-width:1380px;margin:0 auto;padding:0 5.2%}.skip{position:absolute;top:-80px;left:12px;padding:12px;background:white;z-index:100}.skip:focus{top:12px}.announcement{height:32px;background:var(--lime);color:#ffffff;display:flex;align-items:center;justify-content:center;gap:12px;letter-spacing:.14em;font-size:10px;font-weight:700}.announcement a{text-decoration:underline;text-underline-offset:3px}.pulse{width:6px;height:6px;background:#ffffff;border-radius:50%;box-shadow:0 0 0 3px #66b3ff}.announcement-divider{opacity:.5}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;background:var(--dark);color:white;position:relative;z-index:20}.logo{display:inline-flex;align-items:center;gap:11px;color:white;min-width:170px}.logo-emblem{font-size:39px;line-height:1;font-weight:700;letter-spacing:-.11em}.logo-dot{color:var(--lime);padding-right:5px}.logo-caption{font-size:12px;letter-spacing:.19em;line-height:1.05;font-weight:700}.site-header nav{display:flex;gap:37px}.site-header nav a{font-size:11px;font-weight:700;letter-spacing:.12em;transition:color .2s}.site-header nav a:hover,.footer a:hover{color:var(--lime)}.header-cta{border:1px solid #4b5670;padding:15px 19px;font-size:11px;font-weight:700;letter-spacing:.09em}.header-cta span{color:var(--lime);padding-left:15px}.menu-btn{display:none}.hero{min-height:695px;height:min(760px,80vh);background:#080c16;position:relative;isolation:isolate;color:white;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;z-index:-3;inset:0;background-image:url('https://images.unsplash.com/photo-1542291026-7eec264c27ff?auto=format&fit=crop&w=1800&q=85');background-size:cover;background-position:center 53%;filter:saturate(.85) brightness(.72)}.hero-gradient{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(2,8,25,.99) 1%,rgba(2,8,25,.87) 35%,rgba(3,31,75,.28) 74%,rgba(4,22,45,.15) 100%),linear-gradient(0deg,rgba(0,11,34,.5),transparent 35%)}.hero-inner{width:100%;padding-top:10px}.hero-kicker,.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em}.hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--lime)}.hero-kicker .line{display:inline-block;width:29px;height:1px;background:var(--lime)}h1{font-size:clamp(66px,8vw,130px);font-weight:700;letter-spacing:-.085em;line-height:.91;margin-bottom:31px}h1 em,.contact h2 em{font-style:normal;color:var(--lime)}.hero p{font-size:16px;line-height:1.8;max-width:400px;color:#d8e4f2;margin-bottom:36px}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 22px;border:1px solid transparent;font-size:11px;letter-spacing:.09em;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-lime{background:var(--lime);color:#ffffff}.btn-outline{border-color:#777;color:white}.btn-outline:hover{background:#ffffff1c}.hero-footer{position:absolute;bottom:28px;width:100%;display:flex;justify-content:space-between;color:#c2d1e8;letter-spacing:.17em;font-size:10px;font-weight:700}.hero-footer span:last-child span{color:var(--lime)}.ticker{background:var(--lime);overflow:hidden;white-space:nowrap;padding:21px 0;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.12em;font-size:14px}.ticker div{width:max-content;animation:marquee 24s linear infinite}.ticker span{padding:0 32px;font-size:20px}@keyframes marquee{to{transform:translateX(-50%)}}.section-pad{padding-top:115px;padding-bottom:125px}.eyebrow{font-size:11px;margin-bottom:31px}.intro{display:grid;grid-template-columns:30% 70%;gap:0}.intro h2,.section-top h2,.process h2,.contact h2{font-size:clamp(48px,5.3vw,84px);line-height:1.02;letter-spacing:-.075em;font-weight:700}.intro h2 span,.section-top h2 span,.process h2 span{color:#7b8ba0}.intro-content{padding-right:8%}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-top:35px}.intro-bottom p{max-width:475px;color:#48576a;line-height:1.85;font-size:16px;margin:0}.text-link{border-bottom:1px solid currentColor;padding-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.text-link span{margin-left:12px}.services{background:#090d17;color:var(--cream)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:58px}.section-top h2{margin:0}.section-top>p{color:#9eb0ca;line-height:1.8;max-width:315px;margin-bottom:5px}.services .section-top h2 span{color:#77869c}.service-row{display:grid;grid-template-columns:9% 1fr 56px;align-items:center;border-top:1px solid #27354b;padding:31px 4px;transition:padding .2s,background .2s}.service-row:last-child{border-bottom:1px solid #27354b}.service-row:hover{padding-left:20px;background:#101b2f}.service-num{font-size:12px;color:var(--lime)}.service-row h3{font-size:clamp(23px,3vw,42px);letter-spacing:-.045em;margin:0 0 5px}.service-row p{font-size:14px;color:#aab9d0;margin:0}.service-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid #3b5480;border-radius:50%;font-size:24px;color:var(--lime)}.services-note{font-size:11px;color:#9aacc9;margin-top:22px}.work .section-top>p{color:#555a53}.work-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.work-card{height:510px;background:#e7edf7;position:relative;overflow:hidden}.work-photo{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s}.work-card:hover .work-photo{transform:scale(1.04)}.work-photo-one{background-image:url('https://images.unsplash.com/photo-1600185365483-26d7a4cc7519?auto=format&fit=crop&w=1200&q=85');background-color:#dce7f7}.work-photo-two{background-image:url('https://images.unsplash.com/photo-1525966222134-fcfa99b8ae77?auto=format&fit=crop&w=1000&q=85');background-color:#c7d8ee}.work-overlay{position:absolute;inset:0;padding:25px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(0deg,rgba(0,0,0,.73),transparent 48%);color:white}.image-label{font-size:11px;letter-spacing:.13em;background:#0b0b0ba6;align-self:flex-start;padding:11px 13px}.work-overlay>div{display:flex;align-items:end;justify-content:space-between}.work-overlay h3{font-size:clamp(24px,3vw,41px);letter-spacing:-.055em;margin:0}.round-arrow{width:53px;height:53px;border-radius:50%;background:var(--lime);color:#ffffff;display:grid;place-items:center;font-size:22px}.work-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:26px}.work-bottom>span{font-size:10px;letter-spacing:.1em;color:#777}.process{background:#eaf2ff}.process h2{margin-bottom:70px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{border-top:1px solid #b5c6e3;padding:24px 12px 4px 0}.step-number{font-size:12px;font-weight:700}.step-icon{font-family:'Space Grotesk',sans-serif;font-size:68px;font-weight:700;height:125px;padding-top:15px}.step h3{font-size:21px;letter-spacing:-.045em}.step p{color:#546783;max-width:290px;line-height:1.8}.contact{background:var(--lime)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%}.contact h2{font-size:clamp(70px,7vw,115px);margin:0 0 29px}.contact h2 em{color:#0045a1}.contact-layout>div:first-child>p{max-width:420px;font-size:17px;line-height:1.7}.social-link{display:inline-flex;justify-content:space-between;gap:70px;margin-top:22px;padding-bottom:12px;border-bottom:1px solid #09101e;font-size:12px;font-weight:700;letter-spacing:.08em}.contact-panel{background:#ffffff;padding:40px 43px;align-self:start;box-shadow:13px 13px 0 #004ab6}.panel-heading{display:flex;justify-content:space-between;font-family:'Space Grotesk',sans-serif;font-size:20px;letter-spacing:-.04em;font-weight:700;border-bottom:1px solid #d1e0f8;padding-bottom:23px;margin-bottom:27px}.contact-panel form{display:flex;flex-direction:column}.contact-panel label{font-size:10px;font-weight:700;letter-spacing:.13em;margin:0 0 9px}.contact-panel input,.contact-panel textarea{background:transparent;border:1px solid #b4c8e5;border-radius:0;padding:16px;font-size:14px;margin-bottom:23px;outline:none;width:100%;resize:vertical}.contact-panel input:focus,.contact-panel textarea:focus{border-color:#1469d4;box-shadow:0 0 0 2px #c8ff38}.btn-dark{background:#081020;color:white;width:100%}.btn-dark span{color:var(--lime)}.form-status{font-size:11px;line-height:1.5;color:#69768a;margin:13px 0 0}.footer{background:#050914;color:white;padding:59px 0 27px}.footer-top{display:flex;justify-content:space-between;align-items:start;padding-bottom:84px}.logo-footer .logo-emblem{font-size:69px}.logo-footer .logo-caption{font-size:15px}.footer-right{display:flex;gap:34px;font-size:11px;font-weight:700;letter-spacing:.1em}.footer-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #28344b;padding-top:26px;font-size:10px;color:#91a1bd;letter-spacing:.09em}.star{color:var(--lime)}
@media(max-width:1050px){.site-header nav{gap:19px}.site-header nav a{font-size:10px}.intro{grid-template-columns:23% 77%}.intro-bottom{flex-direction:column;align-items:start}.service-row{grid-template-columns:11% 1fr 56px}}
@media(max-width:760px){.container{padding-left:6%;padding-right:6%}.announcement{font-size:8px;gap:8px}.site-header{height:70px;padding:0 6%}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#090d17;padding:25px 6%;flex-direction:column;gap:25px;border-top:1px solid #333}.site-header nav.open{display:flex}.site-header nav a{font-size:14px}.header-cta{margin-left:auto;margin-right:22px;font-size:9px;padding:12px}.header-cta span{padding-left:6px}.menu-btn{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:5px}.menu-btn span{display:block;height:2px;background:white;width:24px}.logo{min-width:0}.logo-emblem{font-size:33px}.logo-caption{font-size:9px}.hero{min-height:700px;height:calc(100svh - 102px);max-height:850px;align-items:end;padding-bottom:125px}.hero-image{background-position:58% center}.hero-gradient{background:linear-gradient(0deg,#0a0d0bef 1%,#0a0d0bc7 43%,#0a0d0b21 100%)}.hero h1{font-size:clamp(58px,11vw,88px)}.hero p{font-size:15px}.hero-kicker{font-size:9px}.hero-footer{bottom:24px}.hero-buttons{gap:9px}.btn{padding:17px 16px;gap:14px;font-size:10px}.section-pad{padding-top:79px;padding-bottom:85px}.intro{display:block}.intro .eyebrow{margin-bottom:34px}.intro-content{padding:0}.intro h2,.section-top h2,.process h2{font-size:clamp(41px,9vw,64px)}.intro-bottom{margin-top:25px;gap:25px}.section-top{display:block;margin-bottom:34px}.section-top>p{margin-top:25px}.service-row{grid-template-columns:35px 1fr 39px;padding:25px 0;gap:8px}.service-row h3{font-size:25px}.service-row p{font-size:13px}.service-arrow{width:34px;height:34px;font-size:18px}.work-grid{grid-template-columns:1fr}.work-card{height:390px}.work-bottom{align-items:start;flex-direction:column}.steps{grid-template-columns:1fr;gap:22px}.step{display:grid;grid-template-columns:75px 1fr;column-gap:10px}.step-number{grid-column:1/-1}.step-icon{font-size:48px;height:auto;grid-row:2/4}.step h3{margin-top:16px;margin-bottom:6px}.step p{grid-column:2;margin-bottom:0}.process h2{margin-bottom:36px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact h2{font-size:clamp(67px,12vw,100px)}.contact-panel{padding:27px 24px;box-shadow:7px 7px 0 #004ab6}.footer-top{display:block;padding-bottom:55px}.footer-right{margin-top:43px;display:grid;grid-template-columns:repeat(2,1fr);gap:23px}.footer-bottom{display:grid;gap:16px}.footer-bottom span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Blue / white / black identity — high contrast editorial polish */
::selection{background:#1683ff;color:white}
.hero:after{content:'LJ';position:absolute;right:3%;bottom:-9%;font:900 clamp(230px,36vw,600px)/1 'Space Grotesk',sans-serif;letter-spacing:-.16em;color:#1683ff1c;pointer-events:none;z-index:-1}
.announcement{background:linear-gradient(100deg,#0063e7,#2196ff);color:white}
.announcement .pulse{background:white;box-shadow:0 0 0 3px #ffffff52}
.ticker{background:#116ce8;color:white;border-top:1px solid #5cb6ff}
.btn-lime,.round-arrow{background:#1683ff;color:white;box-shadow:0 7px 28px #1683ff49}
.btn-lime:hover{background:#0065d9}
.contact{background:linear-gradient(135deg,#0b70ed 0%,#3098ff 100%);color:white}
.contact h2 em{color:#a4d6ff}
.contact-panel{color:#090d17;box-shadow:13px 13px 0 #0356bd}
.contact .social-link{border-bottom-color:#ffffff;color:#ffffff}
.contact .eyebrow{color:#daebff}
.work .work-card:first-child{outline:3px solid #1683ff;outline-offset:-3px}
.service-row:hover{background:#0b244a}
.hero-kicker,h1 em{color:#4ea6ff}
@media(max-width:760px){.hero:after{right:-10%;bottom:0;font-size:230px}.contact-panel{box-shadow:7px 7px 0 #0356bd}.hero-gradient{background:linear-gradient(0deg,#030a1af5 1%,#030a1add 43%,#030a1a10 100%)}}

/* Official LJ Sole Craft logo & royal blue identity */
.brand-logo{width:56px;height:56px;object-fit:contain;object-position:center;border-radius:50%;background:#fff;flex-shrink:0}
.logo-caption{font-weight:800;letter-spacing:.08em;font-size:13px;line-height:1.05}
.logo-footer .brand-logo{width:74px;height:74px}
.announcement{background:#103d86}
.ticker{background:#103d86;border-color:#366cbb}
.btn-lime,.round-arrow{background:#103d86;box-shadow:0 7px 25px #103d8650}
.btn-lime:hover{background:#164caa}
.contact{background:linear-gradient(125deg,#103d86,#1d56a4)}
.contact h2 em{color:#c1d9ff}
.hero-kicker,h1 em,.service-num,.service-arrow{color:#4f8de3}
.work .work-card:first-child{outline-color:#103d86}
.hero:after{color:#103d861c}
.contact-panel{box-shadow:13px 13px 0 #092b62}
:focus-visible{outline:3px solid #579dff;outline-offset:3px}
@media(max-width:760px){.brand-logo{width:43px;height:43px}.logo-caption{font-size:10px}.contact-panel{box-shadow:7px 7px 0 #092b62}}