/* Shared LeMontaj Pay design system, used by public pages and the cabinet. */
:root{--orange:#fe7304;--orange-dark:#e75f00;--orange-soft:#fff1e6;--teal:#0e8c8c;--teal-dark:#007f80;--teal-soft:#e7f6f5;--ink:#202728;--muted:#708082;--line:#dde6e5;--surface:#fff;--bg:#f4f7f6;--paper:#f4f7f6;--shadow:0 12px 34px rgba(20,67,67,.09)}
html{background:var(--bg)}body{isolation:isolate;background:transparent;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}body:before{content:'';position:fixed;inset:0;z-index:-1;background:var(--bg) url('/assets/site-background-v083.webp') center center/cover no-repeat;pointer-events:none}.auth-screen,.app-shell{background:transparent}.auth-screen{min-height:calc(100vh - 80px)}
.lm-header{display:flex;align-items:center;gap:26px;min-height:80px;padding:14px max(20px,calc((100vw - 1240px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:relative;z-index:25;box-sizing:border-box;line-height:1.4}.lm-header a{text-decoration:none;color:inherit}.lm-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.lm-brand img{width:42px;height:48px;object-fit:contain;background:transparent}.lm-brand strong{display:block;color:var(--orange);font-size:22px;letter-spacing:-.02em;line-height:1.15;font-weight:850}.lm-brand small{display:block;font-size:8px;color:var(--teal-dark);font-weight:800;letter-spacing:.06em;margin-top:4px}.lm-desktop-nav{display:flex;gap:20px;align-items:center;flex:1;font-size:13px;font-weight:750}.lm-desktop-nav>a:hover{color:var(--orange-dark)}.lm-service-menu{position:relative}.lm-service-menu>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;min-height:38px;font-size:inherit;line-height:1}.lm-service-menu>summary::-webkit-details-marker{display:none}.lm-service-menu>summary:after{content:'';display:block;width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-2px) rotate(45deg);flex:0 0 7px}.lm-service-menu[open]>summary:after{transform:translateY(2px) rotate(225deg)}.lm-service-menu>div{position:absolute;top:44px;left:-15px;width:270px;padding:10px;display:grid;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.lm-service-menu a{padding:12px;border-radius:12px}.lm-service-menu a:hover{background:var(--teal-soft);color:var(--teal-dark)}.lm-header-end{display:flex;align-items:center;gap:18px}.lm-langs{display:flex;gap:7px;font-size:11px;font-weight:800}.lm-langs [aria-current]{color:var(--teal-dark)}.lm-account{background:var(--teal-soft);color:var(--teal-dark)!important;border-radius:14px;padding:13px 16px;font-size:12px;font-weight:850;white-space:nowrap}.lm-mobile-menu{display:none}.lm-drawer-link{display:block;padding:12px 14px;text-decoration:none;color:var(--teal-dark);font-size:14px;font-weight:750;border-radius:12px}.lm-drawer-link:hover{background:var(--teal-soft)}.main-logo,.auth-logo,.drawer-logo,.receipt-logo{background:transparent!important;object-fit:contain}.auth-logo{height:105px}.main-logo{height:140px;padding:16px}.drawer-logo{height:90px}.lm-header :focus-visible{outline:3px solid var(--teal);outline-offset:4px}
/* The same controls and surfaces as Pay, applied to public-page components. */
body:has(#main) h1,body:has(#main) .hero h1,.page-heading h1{font-size:clamp(27px,6vw,38px);line-height:1.08;letter-spacing:-.035em;font-weight:750}.section h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.025em;font-weight:750}.section h3{font-weight:750}.eyebrow{font-weight:900;color:var(--teal-dark)}body:has(#main) .lead{font-size:16px;line-height:1.6}.panel,.video-card{background:var(--surface);border:1px solid rgba(221,230,229,.85);border-radius:24px;box-shadow:var(--shadow)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;padding:13px 18px;border:0;font-size:14px;font-weight:850;color:white;background:linear-gradient(135deg,var(--orange),#ff902f);box-shadow:0 8px 18px rgba(254,115,4,.22);line-height:1.4}.button:hover{background:linear-gradient(135deg,var(--orange-dark),var(--orange));transform:none}.button.secondary,.button.dark{color:var(--teal-dark);background:var(--teal-soft);box-shadow:none}.text-link{color:var(--orange-dark);font-weight:800}.filter{background:white;border:1px solid var(--line);font-weight:750;color:var(--muted)}.filter.active{background:var(--teal);border-color:var(--teal);color:white}body:has(#main) input,body:has(#main) select,body:has(#main) textarea{border-radius:12px;background:#fafcfc;border:1px solid var(--line);padding:12px;color:var(--ink)}body:has(#main) .hero{margin:28px auto 36px;max-width:1240px;border-radius:24px;box-shadow:var(--shadow);border:1px solid var(--line);padding:32px;background:linear-gradient(135deg,#fff8f1ee,#edf9f8ee)}.hero-photo{height:400px;border-radius:18px}.section{border-top:0}.account-band,.estimate-band,.closing{background:linear-gradient(135deg,#fff8f1ef,#edf9f8ef);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.closing{max-width:1240px;margin:30px auto}.project,.stage-card,.feature-card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:24px;padding:30px;margin:24px 0;box-shadow:var(--shadow)}.page-heading{padding:28px;border-radius:24px;background:#ffffffed;border:1px solid var(--line);margin-bottom:24px}.filter-bar,.stage-index{background:#ffffffed;border:1px solid var(--line);border-radius:18px;padding:16px}.stage-index a{padding-left:12px}.stage-index span,body:has(#main) .step-number{color:var(--teal-dark)}.faq-list,.prose.panel{background:white;border-radius:24px;border:1px solid var(--line);padding:24px;box-shadow:var(--shadow)}.service:hover{border-color:#f8ad72;box-shadow:0 8px 20px rgba(254,115,4,.09)}.service-image{border-radius:24px 24px 0 0}.result strong{color:var(--orange-dark)}.section-top{gap:24px}footer{background:#ffffffdf;border-radius:24px;margin-bottom:25px}.youtube-section .lead{margin-top:12px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.video-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}.video-card:hover{border-color:#f8ad72;box-shadow:0 8px 20px rgba(254,115,4,.15)}.video-cover{position:relative;aspect-ratio:16/9;background:var(--teal-soft)}.video-cover img{width:100%;height:100%;object-fit:cover;display:block}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:38px;border-radius:12px;background:#ff0033;color:white;font-size:19px;box-shadow:0 4px 15px #0004}.video-duration{position:absolute;bottom:9px;right:9px;color:white;background:#172522da;border-radius:5px;padding:3px 6px;font-size:12px;font-weight:800}.video-copy{padding:22px;display:flex;flex:1;flex-direction:column}.video-copy h3{font-size:18px;line-height:1.35;margin:12px 0 22px}.video-copy .text-link{margin-top:auto}
@media(max-width:1100px){.lm-desktop-nav{display:none}.lm-header-end{margin-left:auto}.lm-mobile-menu{display:block}.lm-mobile-menu>summary{display:flex;align-items:center;gap:8px;list-style:none;background:var(--teal-soft);color:var(--teal-dark);font-size:12px;font-weight:850;padding:12px;border-radius:13px;cursor:pointer}.lm-mobile-menu>summary::-webkit-details-marker{display:none}.lm-mobile-menu nav{position:absolute;top:100%;left:0;right:0;padding:16px 20px;display:grid;background:white;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.lm-mobile-menu nav a{padding:13px;border-radius:12px;font-size:14px;font-weight:750}.lm-mobile-menu nav a:hover{background:var(--teal-soft)}body:has(#main) .hero{margin:24px 20px}.closing{margin:25px 20px}}
@media(max-width:700px){.lm-header{min-height:72px;padding:12px 16px;gap:12px}.lm-brand{gap:7px}.lm-brand img{width:32px;height:39px}.lm-brand strong{font-size:19px}.lm-brand small{font-size:6px}.lm-account{display:none}.lm-header-end{gap:0}.lm-langs{gap:6px;font-size:10px}body:has(#main) .hero{padding:22px;margin:20px 16px}.hero-photo{height:300px}.page-heading{padding:23px}.project,.stage-card,.feature-card{padding:20px;margin:20px 0;border-radius:22px}.project-info h2,.stage-copy h2,.feature-card h2{font-size:26px}.stage-index{padding:8px}.stage-index a{padding-left:5px}.video-grid{grid-template-columns:1fr}.youtube-section .section-top{display:block}.youtube-section .section-top .button{margin-top:12px}.video-copy h3{font-size:20px}.auth-screen{min-height:calc(100vh - 72px)}.closing{margin:20px 16px}body:has(#main) .hero h1{font-size:34px}}
@media print{body:before{display:none}body,html{background:white!important}.lm-header{display:none}.panel,.card{box-shadow:none}}

.video-cover{overflow:hidden}.video-cover .channel-sheet{position:absolute;max-width:none;height:auto;object-fit:initial;display:block}

/* 0.8.3: keep the original stage artwork, without repeating its text. */
.stage-card{display:block;padding:16px;max-width:1140px;margin:24px auto}.stage-art{width:100%}.stage-art img{width:100%;height:auto}.stage-art a{background:transparent}.service-overview{display:grid;gap:20px}.overview-row,.overview-row:last-child{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:30px}.overview-row:hover{border-color:#f8ad72}.stage-index a{background:white;border:1px solid var(--line);border-radius:12px;padding:14px}.stage-index{gap:10px}.service-image{object-fit:cover;aspect-ratio:4/3;height:auto;max-height:290px}.photo-grid img{object-fit:cover}.photo-grid a{background:white;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.photo-grid a img{display:block;border-radius:0}.photo-grid a span{padding:0 18px 16px}
@media(max-width:700px){.stage-card{padding:8px;border-radius:18px}.overview-row{padding:22px;grid-template-columns:35px 1fr;gap:14px}.stage-index a{padding:9px;font-size:11px}.stage-index{gap:7px}.service-image{max-height:none}}

/* Equal side columns keep navigation centered in the full header. */
@media(min-width:1101px){.lm-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px}.lm-brand{justify-self:start}.lm-desktop-nav{justify-content:center;white-space:nowrap;gap:18px}.lm-header-end{justify-self:end;gap:12px}.lm-account{padding:13px 12px}}
.hero-photo>img{object-position:50% 48%}
.lm-header-start{display:flex;align-items:center;gap:14px;min-width:0}.lm-cabinet-menu{display:flex;flex-direction:column;justify-content:center;gap:5px;flex-shrink:0;width:38px;height:42px;background:transparent;border:0;padding:6px;color:var(--teal-dark);cursor:pointer}.lm-cabinet-menu[hidden]{display:none}.lm-cabinet-menu span{display:block;width:26px;height:2px;background:currentColor;border-radius:2px}.lm-account-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(360px,90vw);max-width:90vw;height:100dvh;max-height:100dvh;box-sizing:border-box;border:0;padding:30px 24px;background:white;color:var(--ink);box-shadow:var(--shadow);overflow-y:auto}.lm-account-drawer::backdrop{background:#14282770}.lm-drawer-close{position:absolute;right:16px;top:14px;background:transparent;border:0;font-size:30px;cursor:pointer}.lm-account-drawer>img{object-fit:contain}.lm-drawer-name,.lm-drawer-role{display:block;margin-top:10px}.lm-drawer-role{color:var(--muted)}.lm-account-drawer nav{display:grid;gap:4px;margin:22px 0}.lm-account-drawer nav a{padding:12px;border-radius:12px;text-decoration:none;color:var(--teal-dark);font-size:14px;font-weight:750}.lm-account-drawer nav a:hover{background:var(--teal-soft)}.lm-drawer-logout{background:#fff1ef;color:#ab3627;border:0;border-radius:12px;padding:12px 18px;cursor:pointer}.lm-drawer-status{font-size:13px}.lm-account-drawer :focus-visible{outline:3px solid var(--teal);outline-offset:3px}@media(max-width:700px){.lm-header-start{gap:5px}.lm-cabinet-menu{width:30px;padding:3px}.lm-cabinet-menu span{width:23px}.lm-header{gap:8px}}@media print{.lm-account-drawer{display:none}}
/* 0.8.4: full portrait, readable pricing notes and expanded shared navigation. */
body:has(#main) .hero{grid-template-columns:1.2fr .8fr;align-items:center}.hero-photo{height:560px;max-height:none;background:transparent;display:flex;align-items:center;justify-content:center}.hero-photo>img{position:static;display:block;object-fit:contain;width:100%;height:100%;border-radius:18px}.surcharge-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:0}.surcharge-list li{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.65}.surcharge-list strong{color:var(--teal-dark)}.surcharge-list span{color:var(--ink)}.lm-account{max-width:225px;overflow:hidden;text-overflow:ellipsis}.lm-header{padding-left:max(20px,calc((100vw - 1440px)/2));padding-right:max(20px,calc((100vw - 1440px)/2))}.lm-shop-link{color:var(--teal-dark)!important}.lm-desktop-nav{gap:14px;font-size:12px}.service h3{margin-top:20px}.stage-index a{display:flex;align-items:center;justify-content:center;text-align:center}
@media(max-width:1400px){.lm-header{display:flex}.lm-desktop-nav{display:none}.lm-header-end{margin-left:auto}.lm-mobile-menu{display:block}.lm-mobile-menu>summary{display:flex;align-items:center;gap:8px;list-style:none;background:var(--teal-soft);color:var(--teal-dark);font-size:12px;font-weight:850;padding:12px;border-radius:13px;cursor:pointer}.lm-mobile-menu>summary::-webkit-details-marker{display:none}.lm-mobile-menu nav{position:absolute;top:100%;left:0;right:0;padding:16px 20px;display:grid;background:white;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.lm-mobile-menu nav a{padding:13px;border-radius:12px;font-size:14px;font-weight:750}.lm-mobile-menu nav a:hover{background:var(--teal-soft)}}
@media(max-width:700px){body:has(#main) .hero{grid-template-columns:1fr}.hero-photo{height:auto}.hero-photo>img{width:100%;height:auto}.surcharge-list li{grid-template-columns:1fr;gap:5px}.lm-header{padding:12px 16px}.lm-account{display:block;max-width:130px;font-size:10px;padding:10px 8px}.lm-brand small{display:none}.lm-langs{display:none}.lm-header-start{gap:4px}.lm-header{gap:6px}.lm-mobile-menu>summary{font-size:11px;padding:10px 8px}}
.hero-photo>img{filter:none}.lm-mobile-langs{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:8px}@media(max-width:420px){.lm-header .lm-brand strong{font-size:16px}.lm-header .lm-brand img{width:26px;height:34px}.lm-header .lm-brand{gap:6px}.lm-account{max-width:108px}.lm-mobile-menu>summary{gap:4px}}

@media(max-width:1400px){.lm-mobile-menu nav{max-height:calc(100dvh - 80px);overflow-y:auto}}
/* 0.8.5: round the actual portrait bounds, not its letterboxed container. */
.hero-photo{width:min(100%,420px);height:auto;aspect-ratio:3/4;justify-self:center;display:block;overflow:hidden;border-radius:24px;background:transparent}.hero-photo>img{display:block;width:100%;height:auto;max-height:none;border-radius:24px;object-fit:contain}
.lm-desktop-nav>a,.lm-service-menu>summary{transition:color .16s ease}.lm-desktop-nav>a:hover,.lm-desktop-nav>a:focus-visible,.lm-desktop-nav .lm-shop-link:hover,.lm-desktop-nav .lm-shop-link:focus-visible,.lm-service-menu>summary:hover,.lm-service-menu>summary:focus-visible,.lm-service-menu[open]>summary{color:var(--orange-dark)!important}
@media(min-width:1401px){.lm-header{display:flex;justify-content:center;gap:24px}.lm-desktop-nav{flex:0 1 auto;justify-content:center;gap:24px}.lm-header-start,.lm-header-end{flex-shrink:0}.lm-header-end{gap:24px}.lm-desktop-nav>a,.lm-service-menu>summary{padding:8px 0;min-height:40px;display:flex;align-items:center}}
.project-video video{display:block;width:100%;max-height:620px;aspect-ratio:16/10;object-fit:contain;background:#142827;border-radius:18px}.project-video>p{margin-top:12px}.portfolio-home-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:white;box-shadow:var(--shadow)}.photo-grid .portfolio-home-card>a{display:block;border:0;border-radius:0;box-shadow:none}.photo-grid .portfolio-home-card img{border-radius:0}.portfolio-home-card video{display:block;width:100%;height:290px;object-fit:contain;background:#142827}.portfolio-home-title{padding:16px 18px;font-size:13px;line-height:1.6}.portfolio-home-title:hover{color:var(--orange-dark)}

/* Unified navigation, desktop and mobile */
.lm-header{display:flex;gap:18px;padding:14px 20px}.lm-header .lm-desktop-nav{display:flex;flex:1;justify-content:center;gap:18px;white-space:nowrap}.lm-header-start{flex-shrink:0;gap:10px}.lm-header-end{margin-left:auto;gap:16px;flex-shrink:0}.lm-header .lm-langs{display:flex;gap:8px}.lm-header .lm-account{max-width:160px}.lm-header .lm-mobile-menu{display:none}.video-cover{aspect-ratio:16/9;overflow:hidden}.video-cover>img{position:static;width:100%;height:100%;object-fit:cover}
@media(min-width:1051px) and (max-width:1200px){.lm-header{gap:12px;padding:12px}.lm-header .lm-desktop-nav{gap:12px;font-size:11px}.lm-header-end{gap:12px}.lm-header .lm-account{max-width:120px;padding:11px 9px}.lm-brand strong{font-size:19px}.lm-brand img{width:32px;height:40px}}
@media(max-width:1050px){.lm-header .lm-desktop-nav,.lm-header .lm-account{display:none}.lm-header{gap:10px;padding:12px 16px}.lm-header-end{margin-left:auto}.lm-header .lm-langs{display:flex}.lm-header-start{gap:7px}}
@media print{.lm-header{display:none}}