:root{--exp-bg:#091b25;--exp-mint:#c4e5de;--exp-ink:#122c39}
html{scroll-behavior:smooth;scroll-padding-top:100px}
.experience-hero{background:radial-gradient(ellipse at 84% 36%,#234b56 0,transparent 52%),var(--exp-bg);color:white;position:relative;overflow:hidden;padding:150px 0 25px;min-height:850px}
.experience-grid{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:5vw}.experience-kicker{font-size:.66rem;font-weight:700;letter-spacing:.19em;display:flex;gap:12px;align-items:center;color:#b3d3d0}.experience-kicker>span{display:block;width:7px;height:7px;background:#bce6d8;border-radius:50%;box-shadow:0 0 16px #98ceb5}
.experience-copy h1{font-family:var(--disp,Georgia,serif);font-size:clamp(3.2rem,5.6vw,6rem);line-height:1.02;font-weight:400;color:#fff;letter-spacing:-.045em;margin:28px 0}.experience-copy h1 em{font-weight:400;color:#c4e5de}.experience-product{font-size:1.03rem;letter-spacing:.025em;color:#fff;font-weight:700}.experience-description{font-size:1rem;max-width:410px;line-height:1.8;color:#aebfc4;margin-top:10px}.experience-actions{display:flex;align-items:center;gap:24px;margin:30px 0 38px;flex-wrap:wrap}.experience-actions .btn-primary{background:#c4e5de;color:#102a34;border-color:#c4e5de;border-radius:4px;padding:16px 22px;gap:25px}.experience-actions .btn-primary:hover{background:#e3f4ee;transform:translateY(-3px);box-shadow:0 12px 30px #0003}.experience-link{font-size:.9rem;color:#e0e9e9;border-bottom:1px solid #77929b;padding:8px 0}.experience-proof{display:flex;gap:30px;border-top:1px solid #ffffff24;padding-top:24px}.experience-proof strong,.experience-proof span{display:block}.experience-proof strong{font-size:1rem;color:white;font-weight:600}.experience-proof span{font-size:.73rem;color:#91aab1;margin-top:5px}.experience-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:55px;border-top:1px solid #ffffff18;padding-top:20px;font-size:.62rem;letter-spacing:.15em;color:#8da7ae}.experience-bottom a{color:#b9d6d7}
.window-studio{--frame:#e9edef;--edge:#afb8b9;--handle:#848d91;position:relative;min-width:0;border:1px solid #a4c7ce33;background:linear-gradient(135deg,#bfdfe10a,#fff1);border-radius:20px;padding:25px;box-shadow:0 30px 80px #0002;backdrop-filter:blur(8px)}.window-studio[data-finish=grey]{--frame:#454f51;--edge:#232d31;--handle:#c6d0d2}.window-studio[data-finish=oak]{--frame:#b98242;--edge:#755027;--handle:#624527}.studio-top{display:flex;justify-content:space-between;gap:14px;font-size:.55rem;font-weight:700;letter-spacing:.15em;color:#a4c3ca}.studio-live{color:#e0f0ec;font-weight:400;letter-spacing:.02em}.window-scene{height:420px;position:relative;perspective:1200px;display:grid;place-items:center;isolation:isolate}.studio-halo{position:absolute;width:320px;height:320px;border-radius:50%;background:#9cbcaf;filter:blur(100px);opacity:.32;z-index:-1}.studio-grid{position:absolute;inset:40% -5% -25%;background-image:linear-gradient(#a9d9ce14 1px,transparent 1px),linear-gradient(90deg,#a9d9ce14 1px,transparent 1px);background-size:35px 35px;transform:rotateX(62deg);mask-image:radial-gradient(ellipse,black,transparent 70%);z-index:-1}.window-model{position:relative;width:78%;height:72%;transform-style:preserve-3d;transform:rotateY(-18deg) rotateX(5deg);transition:transform .7s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(12px 30px 20px #0005)}.window-reveal{position:absolute;inset:-9px;background:#132a33;transform:translateZ(-14px);box-shadow:14px 7px 0 #0f2229}.window-view{position:absolute;inset:8px;background:linear-gradient(#adc1b918,#26443526),url('/assets/img/hero-home.webp') center/cover;filter:saturate(.6) brightness(1.1)}.window-frame{position:absolute;inset:0;border:13px solid var(--frame);box-shadow:inset 0 0 0 2px var(--edge),2px 0 0 var(--edge),6px 1px 0 var(--edge);transform-style:preserve-3d;transition:border-color .4s}.window-fixed,.window-leaf{position:absolute;top:0;bottom:0;width:50%;border:8px solid var(--frame);box-shadow:inset 0 0 0 1px var(--edge),1px 0 0 var(--edge);transition:transform 1.1s cubic-bezier(.22,.75,.15,1),border-color .4s;transform-style:preserve-3d}.window-fixed{left:0}.window-leaf{right:0;transform-origin:right center;transform:translateZ(2px)}.window-glass{position:absolute;inset:0;background:linear-gradient(125deg,#eaffff6b 0%,#ebffff15 26%,#fff7 27%,#fff2 28%,#ffffff0c 60%,#9ee8e436 100%);border:1px solid #eaf8ed8c;backdrop-filter:blur(.5px)}.window-leaf .window-glass{background-color:#bce3e31c}.window-handle{position:absolute;left:3px;top:47%;width:5px;height:34px;background:var(--handle);box-shadow:1px 2px 2px #0005;border-radius:3px;transform:translateZ(5px)}.window-sill{position:absolute;left:-6%;bottom:-19px;width:113%;height:18px;background:var(--frame);border-bottom:6px solid var(--edge);transform:translateZ(15px) rotateX(18deg);box-shadow:0 10px 20px #0003}.window-studio.is-open .window-leaf{transform:translateZ(2px) rotateY(62deg)}.studio-caption{position:absolute;bottom:6px;font-size:.73rem;color:#c0d7d8;display:flex;gap:9px;align-items:center}.studio-dot{width:5px;height:5px;background:#a1caba;border-radius:50%}.studio-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #bfdfe129;padding-top:20px}.studio-label{font-size:.55rem;letter-spacing:.18em;color:#a0b8c0}.finish-options{display:flex;gap:8px;margin-top:10px}.finish-options button{width:30px;height:30px;border-radius:50%;padding:4px;border:1px solid transparent;background:none;cursor:pointer}.finish-options button[aria-pressed=true]{border-color:#d5ece7}.finish-options i{display:block;border-radius:50%;height:100%;background:#e8eeeb}.finish-options [data-finish=grey] i{background:#536166}.finish-options [data-finish=oak] i{background:#b8894b}.studio-open{background:#ffffff0b;border:1px solid #a9c7cd55;border-radius:5px;padding:12px 14px;color:#e0eceb;font:inherit;font-size:.8rem;cursor:pointer}.studio-disclaimer{font-size:.59rem;color:#99b2bc;margin-top:16px;line-height:1.7}.studio-open:hover{background:#ffffff1a}
.site-footer .footer-brand-row .footer-logo{filter:none!important;object-fit:contain;width:180px;height:auto;max-width:45%;border-radius:0}.footer-brand-row{flex-wrap:wrap}.site-footer .seo-links a{color:#c5e5df}.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #599ab0;outline-offset:5px}.seo-card,.loc-card,.post-card{transition:transform .25s,box-shadow .25s}.seo-card:hover,.post-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #132b3910}.seo-home-projects{background:#edf2ef}.editorial-top{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.editorial-top h2{max-width:600px}.project-mosaic{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.project-tile{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:10px;background:#183642}.project-tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.project-tile:hover img{transform:scale(1.055)}.project-tile:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#051c28e6)}.project-tile figcaption{position:absolute;bottom:25px;left:24px;right:24px;color:white;z-index:1;font-size:1.15rem}.project-tile figcaption span{display:block;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#c8dadf;margin-bottom:10px}.project-tile:first-child{aspect-ratio:auto}.conversion-bar{display:none}
@media(max-width:1080px){.experience-hero{padding-top:125px;min-height:0}.experience-grid{gap:30px}.experience-copy h1{font-size:4.3rem}.window-studio{padding:18px}.window-scene{height:345px}.experience-proof{gap:18px}.experience-proof strong{font-size:.85rem}.studio-live{display:none}}
@media(max-width:760px){.experience-hero{padding-top:112px}.experience-grid{grid-template-columns:1fr;gap:38px}.experience-copy h1{font-size:clamp(3rem,13vw,4.6rem);margin-top:22px}.experience-description{max-width:100%}.experience-actions{margin:23px 0;gap:18px}.experience-actions .btn{padding:14px 17px;font-size:.85rem}.experience-link{font-size:.8rem}.experience-proof{justify-content:space-between}.experience-proof span{font-size:.65rem}.window-scene{height:360px}.window-studio{max-width:560px;width:100%;margin:auto}.experience-bottom{margin-top:30px;font-size:.5rem}.experience-bottom>a{white-space:nowrap}.project-mosaic{grid-template-columns:1fr 1fr}.project-tile:first-child{grid-column:1/-1;aspect-ratio:16/10}.project-tile{aspect-ratio:4/5}.project-tile figcaption{font-size:.9rem;left:16px;bottom:18px}.editorial-top{align-items:start;flex-direction:column}.conversion-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:65;background:#102b36f5;backdrop-filter:blur(15px);padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:9px;box-shadow:0 -3px 20px #0002}.conversion-bar a{flex:1;text-align:center;color:#cde5e2;border:1px solid #87aaad55;padding:10px;border-radius:5px;font-size:.8rem}.conversion-bar .quote{background:#c3e4dc;color:#102b36;font-weight:700}.site-footer{padding-bottom:100px}.nav-open .conversion-bar{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.window-model,.window-leaf,.window-fixed,.project-tile img,.seo-card{transition:none!important}.cine-hero .bg img{animation:none!important}}
/* Content remains readable without scripts and for long articles. */
[data-reveal]{opacity:1;transform:none}.cine-band .inner [data-reveal],.cine-hero .inner [data-reveal]{transform:none}
.catalogue-library{background:#edf1ed}.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.catalogue-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #d6dfda}.catalogue-cover{display:flex;justify-content:center;background:#dce3dd;padding:24px;overflow:hidden}.catalogue-cover img{height:300px;width:auto;max-width:100%;object-fit:contain;box-shadow:10px 16px 20px #132d3926;transition:transform .4s}.catalogue-cover:hover img{transform:rotate(-2deg) translateY(-5px)}.catalogue-info{padding:24px}.catalogue-info h3{font-size:1.5rem;margin:8px 0 20px}.catalogue-actions{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.catalogue-actions a{font-size:.85rem;font-weight:700;padding:10px 0;border-bottom:1px solid #91a9a6}.catalogue-info .eyebrow{font-size:.6rem;letter-spacing:.08em}.portfolio-hero{background-color:#10232e;background-image:linear-gradient(90deg,rgba(6,18,28,.84),rgba(6,18,28,.56)),url('img/about-project.webp');background-size:cover;background-position:center;color:#fff}.portfolio-hero .breadcrumb,.portfolio-hero .breadcrumb a,.portfolio-hero .lede{color:#f0f4f5}.portfolio-hero .eyebrow{color:#bde8ed}.portfolio-hero h1{font-size:clamp(3rem,6.8vw,6.4rem);max-width:850px;font-weight:400;line-height:1.04;letter-spacing:-.045em}.portfolio-hero .lede{max-width:650px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.archive-card{margin:0;min-width:0}.archive-card>a{display:block;overflow:hidden;background:#e9eeeb;border-radius:8px}.archive-card img{width:100%;height:270px;object-fit:cover;transition:transform .5s}.archive-card a:hover img{transform:scale(1.035)}.archive-card figcaption{display:flex;gap:12px;padding-top:13px;font-size:.8rem;line-height:1.5}.archive-card figcaption span{font-size:.65rem;color:#638078;padding-top:3px}.gallery-search{min-width:260px;max-width:100%}.gallery-search label{display:block;font-size:.75rem;margin-bottom:9px}.gallery-search>div{display:flex;gap:8px}.gallery-search input{min-width:0;border:1px solid #a8b8b3;border-radius:4px;padding:12px;font:inherit;font-size:16px;background:white}.gallery-search button{background:#173b46;color:white;border:0;border-radius:4px;padding:12px;font:inherit}.gallery-pagination{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:40px 0}.gallery-pagination a{padding:12px 16px;border:1px solid #b5c5bf;border-radius:5px;min-width:44px;text-align:center}.gallery-pagination a[aria-current=page]{color:#fff;background:#173b46}.gallery-dialog{width:min(1100px,94vw);height:min(850px,90dvh);border:0;padding:18px;border-radius:12px;background:#0c222c;color:#e2eeea}.gallery-dialog::backdrop{background:#031017eb;backdrop-filter:blur(5px)}.gallery-toolbar{display:flex;gap:8px;justify-content:flex-end;margin-bottom:15px}.gallery-toolbar button{font:inherit;padding:10px 18px;border:1px solid #849d9b;background:#183842;color:white;border-radius:5px;min-height:44px;cursor:pointer}.gallery-dialog img{width:100%;height:calc(100% - 110px);object-fit:contain}.gallery-dialog p{font-size:.85rem;padding-top:12px;line-height:1.4}.project-mosaic>a{min-width:0}.project-mosaic .project-tile{height:100%;margin:0;aspect-ratio:4/5}.project-mosaic>a:first-child .project-tile{aspect-ratio:auto}
@media(max-width:900px){.archive-grid,.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-cta{display:none}}
@media(max-width:600px){.archive-grid{gap:23px 12px}.archive-card img{height:175px}.archive-card figcaption{font-size:.72rem;gap:6px}.archive-card figcaption span{display:none}.catalogue-grid{grid-template-columns:1fr}.catalogue-cover img{height:270px}.catalogue-info{padding:20px}.gallery-search{width:100%}.gallery-search input{flex:1;width:100px}.gallery-search button{min-height:48px}.portfolio-hero{padding-top:110px!important}.gallery-pagination a{padding:10px 12px}.gallery-dialog{padding:12px}.gallery-dialog img{height:calc(100% - 140px)}.project-mosaic>a:first-child{grid-column:1/-1}.project-mosaic>a:first-child .project-tile{aspect-ratio:16/10}.project-mosaic .project-tile{aspect-ratio:4/5}.window-scene{height:295px}.finish-options button{width:44px;height:44px;padding:9px}.studio-open{min-height:44px}.experience-proof{gap:12px}.experience-proof strong{font-size:.8rem}.experience-product{font-size:.94rem}.section{padding-top:56px;padding-bottom:56px}.mobile-panel{overflow-y:auto;max-height:calc(100dvh - 70px)}input,select,textarea{font-size:16px!important}.btn{min-height:44px}.site-footer .footer-logo{max-width:100%}.studio-top{letter-spacing:.1em}.experience-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.catalogue-cover img,.archive-card img{transition:none}}

@media(max-width:760px){.experience-hero{padding-top:64px}.portfolio-hero{padding-top:64px!important}}

.campaign-visual{position:relative;margin:0;min-width:0;align-self:stretch;min-height:510px;border-radius:12px;overflow:hidden;box-shadow:0 28px 65px #0004}.campaign-visual picture,.campaign-visual img{display:block;width:100%;height:100%;object-fit:cover}.campaign-visual img{position:absolute;inset:0;object-position:60% center}.campaign-visual:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#071d29b3)}.campaign-visual figcaption{position:absolute;bottom:24px;left:26px;z-index:1;letter-spacing:.13em;font-size:.65rem;color:white}.campaign-visual figcaption span{display:block;margin-top:8px;font-size:.6rem;letter-spacing:.02em;opacity:.75}.studio-section{background:#edf2ef}.studio-section .window-studio{background:radial-gradient(ellipse at top,#305560,#102c37);box-shadow:0 20px 40px #14333b20}.client-logo.empty{padding:20px;text-align:center;font-size:.85rem;color:#294858}.article-table{overflow:auto}.article table{width:100%;border-collapse:collapse}.article td,.article th{padding:14px;border:1px solid #d4dfdc;text-align:left}.article th{background:#edf2ef}.article-source{font-size:.82rem;padding-top:20px;border-top:1px solid #dbe3df}.article .guide-checklist{background:#edf2ef;padding:24px;border-radius:8px}.article .guide-checklist li{margin-bottom:10px}@media(max-width:760px){.campaign-visual{min-height:340px}.experience-grid{gap:28px}.campaign-visual img{object-position:60% center}.studio-section .experience-grid{grid-template-columns:1fr}.campaign-visual figcaption{font-size:.57rem;left:20px}.article table{min-width:540px}.article h2{font-size:1.8rem}}

/* Keep all eight navigation links readable without crowding header actions. */
.header-inner{max-width:1600px;gap:14px}
.primary-nav .nav-link{white-space:nowrap;font-size:.9rem;padding-inline:9px}
@media(min-width:1081px) and (max-width:1400px){.header-cta .btn-ghost{display:none}.header-inner{gap:10px}.primary-nav .nav-link{padding-inline:7px}.header-cta .btn{font-size:.82rem;padding:10px 12px}.brand-logo{height:46px}}

.clients-section{background:#f5f7f5}.clients-section .client-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.clients-section .client-logo{margin:0;background:#fff;border:1px solid #dfe7e4;border-radius:10px;padding:20px 14px;display:flex;flex-direction:column;justify-content:center;gap:16px;height:auto;min-height:190px;filter:none;opacity:1}.clients-section .client-logo img{width:100%;height:100px;object-fit:contain;filter:none;opacity:1}.clients-section figcaption{text-align:center;font-size:.72rem;line-height:1.5;color:#29414a}@media(max-width:900px){.clients-section .client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.clients-section .client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.clients-section .client-logo{padding:16px 10px;min-height:170px}.clients-section .client-logo img{height:85px}}

.clients-section .client-logo img[src$="client-nanu.webp"]{background:#183b35;border-radius:6px;padding:12px}

.warranty-strip{padding:32px 0;background:#102e3a;color:white}.warranty-strip .container{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center}.warranty-strip p{margin:0}.warranty-strip strong,.warranty-strip span{display:block}.warranty-strip strong{font-size:1.65rem;color:#c4e5de}.warranty-strip span{font-size:.8rem;margin-top:7px}@media(max-width:420px){.warranty-strip strong{font-size:1.3rem}.warranty-strip span{font-size:.7rem}}

body.page-catalogues{--phero:url('img/product-casement-windows.webp')}