/* Miniature concept sites: intentionally scaled artwork, not live controls. */
#services .lw-showcase{padding:50px 22px 22px;gap:24px}
#services .lw-showcase .lw-card{display:flex;flex-direction:column;padding:0;background:transparent!important;box-shadow:none!important;border:0!important;transform:none!important;isolation:auto}
#services .lw-showcase .lw-card:before,#services .lw-showcase .lw-card:after{display:none}
#services .lw-card>.service-symbol{display:none}
#services .lw-card>h3{order:2;margin:16px 0 7px}
#services .lw-card>p{order:3}
.lw-preview{order:1;position:relative;container-type:inline-size;border:1px solid #b7bfc8;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 16px 25px -15px #1a3d65a1;transition:box-shadow .8s,border-color .8s}
.lw-chrome{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#f9fafb;color:#647582;border-bottom:1px solid #d9e0e5;font:7px/1 'DM Sans',sans-serif}
.lw-chrome>span:first-child{letter-spacing:2px;color:#bfac85;font-size:6px}
.lw-canvas{height:360px;position:relative;overflow:hidden;background:#f1f0ed}
.lw-before,.lw-after{position:absolute;inset:0;transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.2,1),filter .7s}
.lw-before{padding:23px 17px;background:#fbfbf9;color:#363b40;font:11px/1.65 Arial,sans-serif}
.lw-before>strong{font:bold 17px/1.3 Georgia,serif;color:#525d75;display:block;background:#e1e5e9;padding:10px 7px;text-align:center}
.lw-before nav{display:block;margin:12px 0;color:#596f99;font-size:9px;text-align:center;text-decoration:underline}
.lw-before h4{font:bold 14px/1.3 Arial,sans-serif;margin:16px 0 10px}
#services .lw-before p{font:11px/1.65 Arial,sans-serif!important;color:#555!important;margin:10px 0!important}
.lw-before img{float:right;width:40%;height:82px;object-fit:cover;margin:0 0 8px 10px;filter:saturate(.5)}
.lw-before u{display:block;font-size:10px;color:#596e94;clear:both}
.lw-before hr{border:0;border-top:1px solid #ccc;margin-top:18px}
.lw-after{opacity:0;transform:translateY(15px) scale(.95);transform-origin:center}
.lw-card:not([data-stage="0"]) .lw-before{opacity:0;transform:translateX(-25%);pointer-events:none}
.lw-card:not([data-stage="0"]) .lw-after{opacity:1;transform:none}
.lw-site{height:100%;display:flex;flex-direction:column;font:9px/1.4 'DM Sans',Arial,sans-serif;overflow:hidden}
.lw-site *{box-sizing:border-box}
.lw-site small{font-size:6px;letter-spacing:1px;line-height:1.5}
.lw-nav{height:47px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #ffffff25}
.lw-nav>b{font:500 23px/1 'Fraunces',Georgia,serif}
.lw-nav small{display:block;font:5px/1.7 'DM Sans',sans-serif;letter-spacing:1.6px;margin-top:3px}
.lw-nav>span{font-size:7px}
.lw-site h4{font:500 clamp(26px,11cqw,42px)/.97 'Fraunces',Georgia,serif;letter-spacing:-1.1px;margin:12px 0 15px;transition:font-size .8s,letter-spacing .8s,transform .8s}
.lw-site h4 em{font-weight:400}
.lw-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;clip-path:inset(0);transform:scale(1);transition:clip-path 1s cubic-bezier(.22,.7,.25,1),transform 1.5s,opacity .7s}
.lw-hero-words{position:relative;z-index:1;padding:22px 18px}
.lw-cta{display:inline-flex;gap:15px;align-items:center;font:8px/1.3 'DM Sans',sans-serif;padding:9px 12px;background:#f4e6c9;color:#283a30;border:1px solid #f6e6c5;transition:opacity .7s,transform .7s}
.lw-cta b{font-size:14px;font-weight:400}
.lw-bottom{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:8px 13px;min-height:29px;font-size:6px;border-top:1px solid #ffffff30;margin-top:auto;flex-shrink:0}
.lw-bottom>b{font-weight:500}
/* Juniper — warm photographic restaurant editorial. */
.lw-dining{background:#243c30;color:#fff2d2}
.lw-dining-hero{position:relative;flex:1;min-height:0;isolation:isolate}
.lw-dining-hero:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#0d211ada 0%,#0d211a2b 90%);pointer-events:none}
.lw-dining-hero .lw-photo{object-position:65% center}
.lw-dining h4{color:#fff5dc;text-shadow:0 2px 6px #10241950}
.lw-dining h4 em{color:#e9c980}
.lw-dining .lw-hero-words{padding-top:19px}
.lw-image-caption{position:absolute;right:12px;bottom:12px;font:italic 9px Georgia,serif;z-index:1}
.lw-dining-menu{display:grid;grid-template-columns:1fr 1.05fr;gap:12px;padding:12px 14px;background:#f6edda;color:#334434;flex-shrink:0;min-height:64px}
.lw-dining-menu b{font:italic 13px/1.2 'Fraunces',Georgia,serif;display:block;margin-top:4px}
.lw-dining-menu small{font-size:5px;letter-spacing:.7px}
.lw-dining-menu>div>span{display:block;font-size:6px;border-bottom:1px solid #9f967d55;padding:4px 0}
.lw-dining-menu i{float:right;font-style:normal}
/* FORM — bold typography and a deliberately asymmetric portfolio. */
.lw-studio{background:#24282c;color:#f5ede1}
.lw-studio .lw-nav{border-color:#c8bda138}
.lw-studio .lw-nav>b{font:bold 24px/1 'DM Sans',sans-serif;letter-spacing:-1.5px}.lw-studio .lw-nav>b>span{font-size:10px;vertical-align:top;letter-spacing:0}
.lw-studio-title{padding:14px 17px 12px;position:relative;background:#ece5d9;color:#282a29}
.lw-studio-title>small{font-size:5px;letter-spacing:.8px}
.lw-studio-title h4{font-family:'DM Sans',sans-serif;font-weight:700;font-size:clamp(29px,12cqw,44px);letter-spacing:-2px;margin:9px 0 0}
.lw-studio-title h4 em{font-family:'Fraunces',Georgia,serif;font-weight:400}
.lw-studio-number{position:absolute;right:14px;bottom:15px;font-size:6px;writing-mode:vertical-rl}
.lw-studio-project{position:relative;min-height:100px;flex:1;margin:0 0 0 27px;background:#c0714e;overflow:hidden}
.lw-studio-project .lw-photo{object-position:50% 57%}
.lw-project-seal{position:absolute;right:11px;top:11px;border-radius:50%;width:53px;height:53px;background:#eecf84;color:#283432;display:grid;place-content:center;font-size:7px;text-align:center;transform:rotate(9deg);box-shadow:0 3px 12px #1a2b2330}
.lw-project-label{position:absolute;inset:auto 0 0;padding:9px 13px;background:linear-gradient(transparent,#241c14d9);color:#fff}
.lw-project-label b{display:block;font:italic 13px/1.5 'Fraunces',Georgia,serif}.lw-project-label span{font-size:5px;letter-spacing:.7px}
.lw-studio-services{display:flex;gap:8px;justify-content:space-between;padding:11px 12px;font-size:5px;background:#b8613d;color:#fff9e9}
/* Move — airy photography, a calm invitation and a usable class list. */
.lw-wellbeing{background:#f1f0e5;color:#315446}
.lw-wellbeing .lw-nav{border-color:#32564630}
.lw-wellbeing-hero{position:relative;flex:1;min-height:140px;isolation:isolate}
.lw-wellbeing-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f0f0dfed,#eff0df30)}
.lw-wellbeing .lw-hero-words{padding:17px 15px}
.lw-wellbeing h4{font-size:clamp(26px,10cqw,37px);margin:10px 0 14px}
.lw-wellbeing .lw-cta{background:#345847;color:#fff8dc;border-color:#345847;border-radius:20px;font-size:7px}
.lw-schedule{padding:12px 15px 7px;flex-shrink:0;background:#fcfaf0}
.lw-schedule-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.lw-schedule-head>b{font:italic 11px/1.4 'Fraunces',Georgia,serif}.lw-schedule-head>span{font-size:6px}
.lw-class{display:flex;align-items:center;gap:10px;border-top:1px solid #b4bfa940;padding:8px 0;font-size:8px}.lw-class>b{font-weight:500;font-size:9px}.lw-class small{display:block;font-size:5px;letter-spacing:0;color:#6c7d6e}.lw-class i{font-size:6px;font-style:normal;border:1px solid #a2b19d;border-radius:15px;padding:5px 8px;margin-left:auto}
.lw-wellbeing .lw-bottom{background:#345847;color:#f8f3de}
/* Every pass has a different job. The start is a separate page, not a filter. */
.lw-extra,.lw-finish{transition:opacity .8s,transform .8s,clip-path .8s}
.lw-card[data-stage="1"] .lw-photo{opacity:0;clip-path:inset(0 100% 0 0);transform:scale(1.15)}
.lw-card[data-stage="1"] .lw-dining-hero{background:#bbc7bd}
.lw-card[data-stage="1"] .lw-studio-project{background:#d3c2ad}
.lw-card[data-stage="1"] .lw-wellbeing-hero{background:#d1dacb}
.lw-card[data-stage="1"] .lw-site h4,.lw-card[data-stage="2"] .lw-site h4{font:400 21px/1.2 Arial,sans-serif;letter-spacing:0;transform:translateY(5px)}
.lw-card[data-stage="1"] .lw-site h4 em,.lw-card[data-stage="2"] .lw-site h4 em{font-family:Arial,sans-serif;font-style:normal}
.lw-card[data-stage="1"] .lw-extra,.lw-card[data-stage="2"] .lw-extra,.lw-card[data-stage="3"] .lw-extra{opacity:0;transform:translateY(16px);clip-path:inset(0 0 100% 0)}
.lw-card:not([data-stage="5"]) .lw-finish{opacity:0;transform:translateY(7px)}
.lw-card[data-stage="1"] .lw-cta,.lw-card[data-stage="2"] .lw-cta{opacity:0;transform:translateY(8px)}
.lw-card[data-stage="5"] .lw-preview{border-color:#c6a458;box-shadow:0 19px 29px -14px #2143639c,0 0 0 1px #f6e4af70}
.lw-build-track{display:flex;gap:3px;padding:8px 9px;background:#fafbfc;border-top:1px solid #d4dce3}
.lw-build-track>span{flex:1;font:7px/1.5 'DM Sans',sans-serif;color:#7c8994;border-top:2px solid #dce4e9;padding-top:4px;text-align:center;transition:color .5s,border-color .5s}
.lw-card[data-stage="1"] .lw-build-track>span:nth-child(-n+1),.lw-card[data-stage="2"] .lw-build-track>span:nth-child(-n+2),.lw-card[data-stage="3"] .lw-build-track>span:nth-child(-n+3),.lw-card[data-stage="4"] .lw-build-track>span:nth-child(-n+4),.lw-card[data-stage="5"] .lw-build-track>span{border-color:#bf994a;color:#325b72}
.lw-cast-light{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 20%,#ffedb55e 46%,#fff8dfa1 50%,transparent 70%);transform:translateX(-120%)}
.is-enchanted .lw-cast-light{animation:lw-cast 1s ease-out}
@keyframes lw-cast{0%{opacity:0;transform:translateX(-120%)}25%{opacity:1}100%{opacity:0;transform:translateX(120%)}}
@media(min-width:1001px){#services .lw-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){#services .lw-showcase{grid-template-columns:1fr;max-width:520px;gap:55px;padding:48px 14px 22px}.lw-canvas{height:390px}.lw-before{padding:25px 20px}.lw-wellbeing-hero{min-height:160px}}
@media(max-width:370px){.lw-nav{padding-inline:11px}.lw-nav>span{font-size:6px}.lw-hero-words{padding-inline:13px}.lw-canvas{height:365px}.lw-dining-menu{padding-inline:10px;gap:7px}.lw-studio-title h4{font-size:30px}.lw-dining h4{font-size:30px}}
@media(prefers-reduced-motion:reduce){.lw-preview *{transition:none!important;animation:none!important}.lw-cast-light{display:none}}
body.motion-paused .lw-cast-light{animation-play-state:paused}
#services .lw-showcase .lw-card>h3,#services .lw-showcase .lw-card>p,#services .lw-before p{min-height:0}
#services .lw-showcase .lw-card>p{font-family:'DM Sans',Arial,sans-serif}
.lw-dining-menu,.lw-schedule,.lw-studio-services{transition:opacity .8s,transform .8s,clip-path .8s,max-height .9s,padding .9s}
.lw-dining-menu{max-height:80px}.lw-schedule{max-height:130px}.lw-studio-services{max-height:40px}
.lw-card:is([data-stage="1"],[data-stage="2"],[data-stage="3"]) :is(.lw-dining-menu,.lw-schedule,.lw-studio-services){max-height:0;min-height:0;padding-top:0;padding-bottom:0;overflow:hidden}