.project-page{--blue:#2869ff;--white:#fff;--muted:#ffffff7a;--soft:#ffffff47;--line:#ffffff17;min-height:100vh;color:var(--white);background:#050505;position:relative;overflow-x:clip}.project-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.background-grid{opacity:.28;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#000c 35%,#0000 85%);mask-image:linear-gradient(#000 0%,#000c 35%,#0000 85%)}.background-glow{filter:blur(110px);border-radius:50%;width:450px;height:450px;position:absolute}.background-glow-one{background:#2869ff14;top:-220px;right:-160px}.background-glow-two{background:#2869ff0d;top:45%;left:-250px}.project-header{z-index:2;border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;width:min(1280px,100% - 64px);min-height:84px;margin:0 auto;display:grid;position:relative}.project-back,.project-live{color:#ffffff8c;letter-spacing:.2em;align-items:center;gap:11px;width:fit-content;font-size:9px;font-weight:600;text-decoration:none;transition:color .3s,transform .3s;display:inline-flex}.project-back:hover{color:#fff;transform:translate(-3px)}.project-live{justify-self:end}.project-live:hover{color:#fff;transform:translate(3px)}.back-icon{align-items:center;display:inline-flex}.barber-title{color:#ffffffd9;letter-spacing:.3em;align-items:center;gap:9px;font-size:10px;font-weight:600;display:inline-flex}.title-dot{background:var(--blue);border-radius:50%;width:5px;height:5px;box-shadow:0 0 15px #2869ffe6}.arrow-icon,.external-arrow-icon,.close-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 17px;width:17px;height:17px}.external-arrow-icon{flex-basis:16px;width:16px;height:16px}.arrow-icon-left{transform:rotate(180deg)}.project-hero{z-index:1;width:min(1280px,100% - 64px);margin:0 auto;padding:100px 0 90px;position:relative}.hero-meta{color:#ffffff40;letter-spacing:.25em;justify-content:space-between;align-items:center;margin-bottom:55px;font-size:8px;font-weight:600;display:flex}.hero-meta span:first-child{color:var(--blue)}.hero-main{grid-template-columns:70px minmax(0,1fr) 130px;align-items:end;gap:25px;display:grid}.hero-index{color:#ffffff40;letter-spacing:.15em;align-items:center;gap:6px;padding-bottom:10px;font-size:8px;display:flex}.hero-index span:first-child{color:var(--blue)}.hero-kicker{color:var(--blue);letter-spacing:.3em;margin:0 0 22px;font-size:9px;font-weight:700}.hero-content h1{letter-spacing:-.075em;flex-direction:column;margin:0;font-size:clamp(68px,10vw,142px);font-weight:400;line-height:.78;display:flex}.hero-content h1 span{color:#0000;-webkit-text-stroke:1px #ffffff80;margin-left:10vw}.hero-description{max-width:510px;color:var(--muted);margin:38px 0 0 10vw;font-size:14px;line-height:1.85}.hero-side{color:#ffffff3b;letter-spacing:.22em;text-align:right;flex-direction:column;gap:8px;padding-bottom:10px;font-size:8px;font-weight:600;display:flex}.hero-line{border-top:1px solid var(--line);color:#ffffff3b;letter-spacing:.22em;justify-content:space-between;margin-top:65px;padding-top:20px;font-size:8px;font-weight:600;display:flex}.hero-line span:first-child{color:#ffffff8c}.project-feature{z-index:1;width:min(1280px,100% - 64px);margin:0 auto;position:relative}.feature-top{color:#ffffff45;letter-spacing:.23em;justify-content:space-between;margin-bottom:12px;font-size:8px;font-weight:600;display:flex}.feature-top span:first-child{color:var(--blue)}.feature-image{aspect-ratio:16/9;border:1px solid var(--line);cursor:pointer;appearance:none;width:100%;color:inherit;background:#0c0c0c;border-radius:15px;outline:none;padding:0;display:block;position:relative;overflow:hidden}.feature-image img{object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.feature-image:hover img{transform:scale(1.018)}.feature-image:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.feature-shade{z-index:1;pointer-events:none;background:linear-gradient(#0000 55%,#0000008c);position:absolute;inset:0}.feature-number,.feature-expand{z-index:2;position:absolute}.feature-number{color:#fff;letter-spacing:.2em;font-size:9px;font-weight:600;bottom:20px;left:22px}.feature-expand{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000040;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .3s,border-color .3s;display:inline-flex;bottom:17px;right:20px}.feature-image:hover .feature-expand{background:var(--blue);border-color:var(--blue)}.project-intro{z-index:1;grid-template-columns:80px minmax(0,760px);gap:35px;width:min(1280px,100% - 64px);margin:0 auto;padding:120px 0;display:grid;position:relative}.intro-index{color:var(--blue);letter-spacing:.2em;font-size:10px;font-weight:600}.section-label{color:var(--blue);letter-spacing:.28em;margin:0;font-size:8px;font-weight:700}.intro-content h2{letter-spacing:-.06em;max-width:760px;margin:22px 0 28px;font-size:clamp(48px,6vw,82px);font-weight:400;line-height:.94}.intro-content h2 span{color:#0000;-webkit-text-stroke:1px #ffffff6e;display:block}.intro-content>p:last-child{max-width:590px;color:var(--muted);margin:0;font-size:14px;line-height:1.85}.project-gallery{z-index:1;width:min(1280px,100% - 64px);margin:0 auto;padding-bottom:120px;position:relative}.gallery-heading{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.gallery-heading h2{letter-spacing:-.045em;max-width:650px;margin:18px 0 0;font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1}.gallery-count{color:#ffffff3d;letter-spacing:.2em;font-size:8px;font-weight:600}.gallery-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);align-items:end;gap:18px;display:grid}.gallery-image{border:1px solid var(--line);cursor:pointer;appearance:none;width:100%;color:inherit;background:#0b0b0b;border-radius:12px;outline:none;padding:0;display:block;position:relative;overflow:hidden}.gallery-image-large{aspect-ratio:16/10}.gallery-image-small{aspect-ratio:4/5;margin-bottom:65px}.gallery-image img{object-fit:cover;transition:transform .75s cubic-bezier(.22,1,.36,1)}.gallery-image:hover img{transform:scale(1.025)}.gallery-image:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.gallery-shade{z-index:1;pointer-events:none;background:linear-gradient(#0000 55%,#00000073);position:absolute;inset:0}.gallery-number{z-index:2;color:#fff;letter-spacing:.2em;font-size:8px;font-weight:600;position:absolute;bottom:17px;left:18px}.gallery-expand{z-index:2;color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0003;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .3s,border-color .3s;display:inline-flex;position:absolute;bottom:15px;right:17px}.gallery-image:hover .gallery-expand{background:var(--blue);border-color:var(--blue)}.project-case-study{z-index:1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:min(1280px,100% - 64px);margin:0 auto;padding:85px 0;position:relative}.case-study-heading{justify-content:space-between;align-items:end;margin-bottom:65px;display:flex}.case-study-heading h2{letter-spacing:-.055em;max-width:720px;margin:18px 0 0;font-size:clamp(40px,5vw,68px);font-weight:400;line-height:.95}.case-study-heading h2 span{color:#0000;-webkit-text-stroke:1px #fff6;display:block}.case-study-index{color:var(--blue);letter-spacing:.2em;font-size:9px;font-weight:600}.case-study-grid{grid-template-columns:repeat(3,1fr);gap:45px;display:grid}.case-study-grid article{grid-template-columns:30px 1fr;gap:15px;min-width:0;display:grid}.case-number{color:var(--blue);letter-spacing:.15em;font-size:8px;font-weight:600}.case-study-grid article>div:last-child>span{color:var(--blue);letter-spacing:.2em;margin-bottom:14px;font-size:8px;font-weight:700;display:block}.case-study-grid h3{color:#ffffffe6;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:400;line-height:1.15}.case-study-grid p{color:var(--muted);margin:16px 0 0;font-size:13px;line-height:1.8}.project-bottom{z-index:1;text-align:center;width:min(900px,100% - 64px);margin:0 auto;padding:125px 0;position:relative}.bottom-label{color:var(--blue);letter-spacing:.28em;margin:0;font-size:8px;font-weight:700}.project-bottom h2{letter-spacing:-.06em;margin:25px 0 0;font-size:clamp(46px,6vw,76px);font-weight:400;line-height:.95}.project-bottom h2 span{color:#0000;-webkit-text-stroke:1px #ffffff6b;display:block}.project-actions{justify-content:center;align-items:center;gap:10px;margin-top:38px;display:flex}.visit-button,.project-devis-link{box-sizing:border-box;letter-spacing:.2em;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:0 21px;font-size:8px;font-weight:700;text-decoration:none;transition:transform .3s,background .3s,border-color .3s,color .3s;display:inline-flex}.visit-button{color:#050505;background:#fff}.visit-button:hover{background:var(--blue);color:#fff;transform:translateY(-3px)}.project-devis-link{color:#fff;border:1px solid #ffffff2b}.project-devis-link:hover{border-color:var(--blue);background:#2869ff1a;transform:translateY(-3px)}.project-footer{z-index:1;border-top:1px solid var(--line);color:#fff3;letter-spacing:.2em;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1280px,100% - 64px);margin:0 auto;padding:25px 0;font-size:8px;font-weight:600;display:grid;position:relative}.project-footer>span:last-child{justify-self:end}.footer-back{color:#ffffff59;align-items:center;gap:10px;text-decoration:none;transition:color .3s;display:inline-flex}.footer-back:hover{color:#fff}.image-lightbox{z-index:9999;cursor:zoom-out;background:#000000f2;justify-content:center;align-items:center;padding:40px;animation:.2s lightbox-fade;display:flex;position:fixed;inset:0}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox-image{cursor:default;width:min(1200px,92vw);height:min(780px,86vh);position:relative}.lightbox-image img{object-fit:contain}.lightbox-close{z-index:2;color:#050505;cursor:pointer;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;transition:transform .3s,background .3s,color .3s;display:inline-flex;position:absolute;top:22px;right:25px}.lightbox-close:hover{background:var(--blue);color:#fff;transform:rotate(90deg)}.lightbox-label{color:#ffffff73;letter-spacing:.25em;font-size:8px;font-weight:600;position:absolute;bottom:22px;left:25px}@media (max-width:900px){.project-header,.project-hero,.project-feature,.project-intro,.project-gallery,.project-case-study,.project-footer{width:calc(100% - 40px)}.project-header{min-height:74px}.project-hero{padding:78px 0 70px}.hero-main{grid-template-columns:45px minmax(0,1fr)}.hero-side{display:none}.hero-content h1{font-size:clamp(62px,12vw,105px)}.gallery-grid{grid-template-columns:1fr}.gallery-image-large,.gallery-image-small{aspect-ratio:16/10;margin-bottom:0}.gallery-image-small{width:78%;margin-left:auto}.project-intro{padding:85px 0}.case-study-grid{grid-template-columns:1fr;gap:38px}.project-bottom{width:calc(100% - 40px)}}@media (max-width:600px){.project-header,.project-hero,.project-feature,.project-intro,.project-gallery,.project-case-study,.project-footer{width:calc(100% - 28px)}.project-header{grid-template-columns:1fr auto;gap:10px;min-height:68px}.barber-title{display:none}.project-back,.project-live{letter-spacing:.15em;gap:7px;font-size:7px}.arrow-icon{flex-basis:15px;width:15px;height:15px}.external-arrow-icon{flex-basis:14px;width:14px;height:14px}.project-hero{padding:62px 0 65px}.hero-meta{letter-spacing:.15em;gap:10px;margin-bottom:42px;font-size:6.5px}.hero-meta span:nth-child(2){display:none}.hero-main{display:block}.hero-index{margin-bottom:28px;padding:0;font-size:7px}.hero-kicker{letter-spacing:.21em;margin-bottom:20px;font-size:7px}.hero-content h1{font-size:clamp(54px,17vw,80px);line-height:.82}.hero-content h1 span{-webkit-text-stroke-width:.8px;margin-left:12vw}.hero-description{max-width:280px;margin:28px 0 0 12vw;font-size:12px;line-height:1.75}.hero-line{letter-spacing:.13em;gap:10px;margin-top:45px;padding-top:16px;font-size:6px}.hero-line span:nth-child(2){display:none}.feature-top{letter-spacing:.14em;font-size:6.5px}.feature-image{aspect-ratio:4/3;border-radius:10px}.feature-number{font-size:7px;bottom:13px;left:13px}.feature-expand{width:31px;height:31px;bottom:10px;right:11px}.project-intro{grid-template-columns:1fr;gap:22px;padding:75px 0}.intro-index{font-size:8px}.section-label{letter-spacing:.22em;font-size:7px}.intro-content h2{margin:18px 0 24px;font-size:clamp(40px,12vw,57px);line-height:.96}.intro-content>p:last-child{font-size:12px;line-height:1.78}.project-gallery{padding-bottom:75px}.gallery-heading{align-items:start;margin-bottom:22px}.gallery-heading h2{max-width:280px;margin-top:15px;font-size:clamp(30px,9vw,43px)}.gallery-count{padding-top:3px;font-size:7px}.gallery-grid{flex-direction:column;gap:22px;display:flex}.gallery-image-large,.gallery-image-small{aspect-ratio:4/3;width:100%;margin:0}.gallery-image-small{width:88%;margin-left:auto}.gallery-number{font-size:7px;bottom:12px;left:13px}.gallery-expand{width:30px;height:30px;bottom:10px;right:11px}.project-case-study{margin-top:0;padding:65px 0}.case-study-heading{align-items:start;margin-bottom:45px}.case-study-heading h2{max-width:290px;margin-top:16px;font-size:clamp(36px,10vw,50px);line-height:.98}.case-study-index{font-size:7px}.case-study-grid{gap:32px}.case-study-grid article{grid-template-columns:24px 1fr;gap:10px}.case-number{font-size:7px}.case-study-grid article>div:last-child>span{margin-bottom:11px;font-size:7px}.case-study-grid h3{font-size:20px;line-height:1.15}.case-study-grid p{margin-top:12px;font-size:12px;line-height:1.75}.project-bottom{width:calc(100% - 28px);padding:80px 0}.bottom-label{letter-spacing:.2em;font-size:7px}.project-bottom h2{margin-top:20px;font-size:clamp(40px,11vw,55px);line-height:.98}.project-actions{flex-direction:column;width:100%;margin-top:30px}.visit-button,.project-devis-link{width:100%;min-height:50px}.project-footer{flex-direction:column;align-items:flex-start;gap:15px;padding:23px 0;font-size:6.5px;display:flex}.footer-back{gap:7px;font-size:7px}.image-lightbox{padding:15px}.lightbox-image{width:96vw;height:76vh}.lightbox-close{width:40px;height:40px;top:14px;right:14px}.lightbox-label{font-size:6.5px;bottom:16px;left:15px}}@media (max-width:380px){.project-header,.project-hero,.project-feature,.project-intro,.project-gallery,.project-case-study,.project-footer{width:calc(100% - 22px)}.project-back,.project-live{font-size:6.5px}.hero-content h1{font-size:51px}.hero-description{margin-left:9vw;font-size:11px}.intro-content h2{font-size:38px}.gallery-heading h2{font-size:29px}.case-study-heading h2{font-size:34px}.project-bottom h2{font-size:37px}.gallery-image-large,.gallery-image-small{aspect-ratio:1/.78}}@media (hover:none){.feature-image:hover img,.gallery-image:hover img{transform:none}.feature-image:hover .feature-expand,.gallery-image:hover .gallery-expand{background:#0003;border-color:#fff3}.project-back:hover,.project-live:hover{transform:none}}@media (prefers-reduced-motion:reduce){.project-page *,.project-page :before,.project-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}