*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#20252c;font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#fff;margin:0}button,a{-webkit-tap-highlight-color:transparent}.indu-page{width:100%;min-height:100vh;font-family:var(--font-body);background:#fff;padding:80px 60px}.page-container{width:100%;margin:0 auto}.breadcrumb{color:#8b929a;min-height:20px;font-size:15px;font-family:var(--font-body);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:25px;display:flex}.breadcrumb a{color:#757575;text-decoration:none}.breadcrumb a:hover{color:#0874cb}.breadcrumb .back-link{color:#0a63ad;font-family:var(--font-body);align-items:center;gap:8px;margin-left:auto;text-decoration:none;transition:color .2s;display:inline-flex}.breadcrumb .back-link:hover{color:#085291}.breadcrumb .back-link svg{flex-shrink:0;transition:transform .2s}.breadcrumb .back-link:hover svg{transform:translate(-3px)}.page-header{margin-bottom:27px}.eyebrow{color:#0874cb;letter-spacing:1.5px;font-size:10px;font-weight:600;font-family:var(--font-title,"Radikal", sans-serif);align-items:center;gap:6px;display:inline-flex}.eyebrow-dot{background:#0874cb;border-radius:50%;width:6px;height:6px}.page-header h1{letter-spacing:-1.1px;font-size:clamp(25px,3vw,38px);font-weight:650;line-height:1.2;font-family:var(--font-title,"Radikal", sans-serif);margin:10px 0 7px}.page-header>p{color:#777f88;max-width:600px;font-size:13px;line-height:1.7;font-family:var(--font-body);margin:0}.completed-filter-bar,.filter-group{background-color:#fff;border:1px solid #eceef1;border-radius:16px;align-items:center;gap:12px;margin-top:18px;padding:8px;display:inline-flex}.filter-tab-btn,.filter-btn{font-family:var(--font-title,"Radikal", sans-serif);letter-spacing:.05em;color:var(--text-dark,#1a1a17);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:600;transition:all .22s}.filter-tab-btn:hover,.filter-btn:hover{color:#111827}.filter-tab-btn.active,.filter-tab-btn.active:hover,.filter-btn.selected{background-color:var(--color-primary,#0a63ad);color:#fff}.gallery-section{margin-top:28px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.section-heading h2{color:#242a30;letter-spacing:-.35px;font-size:17px;font-weight:600;font-family:var(--font-title,"Radikal", sans-serif);margin:0;padding-bottom:12px}.section-heading>span{color:#8a929b;font-size:10px}.photo-card{min-width:0;margin:0}.photo-frame{aspect-ratio:1.38;background:#f1f2f3;border-radius:5px;width:100%;position:relative;overflow:hidden}.photo-frame img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.photo-caption{color:#343b43;overflow-wrap:anywhere;margin:7px 0 0;font-size:10px;line-height:1.5}.exterior-gallery{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.featured-photo{grid-column:1/-1}.featured-photo .photo-frame{aspect-ratio:2.15}.exterior-secondary{grid-column:1/-1;grid-template-rows:auto auto;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px 18px;display:grid}.exterior-secondary>:first-child{grid-area:1/1}.exterior-secondary>:nth-child(3){grid-area:2/1}.exterior-secondary .exterior-tall,.exterior-secondary>:nth-child(2){grid-area:1/2/span 2;height:100%}.exterior-secondary>:first-child .photo-frame,.exterior-secondary>:nth-child(3) .photo-frame{aspect-ratio:1.58}.exterior-secondary .exterior-tall .photo-frame,.exterior-secondary>:nth-child(2) .photo-frame{aspect-ratio:auto;flex:1;height:auto;min-height:0}.extra-gallery{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.interior-section{margin-top:34px}.interior-gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:17px;display:grid}.interior-gallery .photo-frame{aspect-ratio:1.3}.interior-gallery .interior-tall{grid-row:span 2;height:100%}.interior-gallery .interior-tall .photo-frame{aspect-ratio:auto;flex:1;height:auto;min-height:0}.enquiry-banner{color:#fff;background:linear-gradient(110deg,#0874cb,#43a5e7);border-radius:6px;justify-content:space-between;align-items:center;gap:20px;margin-top:38px;padding:24px 28px;display:flex}.banner-copy h2{margin:0;font-size:17px;font-weight:600;line-height:1.4}.banner-copy p{color:#ffffffd9;margin:6px 0 0;font-size:11px;line-height:1.6}.enquiry-btn{color:#0874cb;background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:12px;min-height:36px;padding:9px 13px;font-size:10px;font-weight:600;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.enquiry-btn:hover{background:#eef7ff;transform:translateY(-1px)}.enquiry-btn span{font-size:15px}.page-footer{color:#89919a;border-top:1px solid #e9ecef;justify-content:space-between;gap:12px;margin-top:30px;padding:18px 0;font-size:10px;display:flex}.page-footer span:first-child{color:#3f4a54;letter-spacing:1px;font-weight:600}.photo-card{cursor:pointer;border-radius:12px;flex-direction:column;min-width:0;display:flex;position:relative}.photo-bottom-title{color:#000;letter-spacing:-.2px;font-size:16px;font-weight:550;line-height:1.35;font-family:var(--font-title,"Radikal", sans-serif);margin:12px 0 0}.photo-frame{isolation:isolate;background:#e8e6e1;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden}.photo-frame img{width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center;opacity:1;will-change:transform;transition:transform .9s cubic-bezier(.2,.65,.3,1);display:block;transform:scale(1)}.photo-overlay{z-index:1;pointer-events:none;opacity:0;background:linear-gradient(#0000 0%,#00000026 20%,#0000008c 55%,#000000e0 100%);height:24%;transition:opacity .5s;position:absolute;bottom:0;left:0;right:0}.photo-frame .photo-caption{z-index:2;color:#fff;opacity:0;visibility:hidden;flex-direction:column;align-items:flex-start;gap:3px;margin:0;padding:0;transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1),visibility .5s;display:flex;position:absolute;bottom:14px;left:20px;right:20px;transform:translateY(14px)}.photo-tag,.photo-category{color:#ffffffc7;letter-spacing:2px;font-size:10px;font-weight:600;line-height:1.2;font-family:var(--font-title,"Radikal", sans-serif);display:block}.photo-title{color:#fff;letter-spacing:-.3px;text-wrap:balance;max-width:100%;font-size:16px;font-weight:500;line-height:1.25;font-family:var(--font-title,"Radikal", sans-serif);display:block}.photo-subtitle{color:#ffffffd6;max-width:360px;font-size:12px;font-weight:400;line-height:1.4;font-family:var(--font-body);display:block}.photo-card:hover .photo-frame img{transform:scale(1.08)}.photo-card:hover .photo-overlay{opacity:1}.photo-card:hover .photo-frame .photo-caption{opacity:1;visibility:visible;transform:translateY(0)}.section-heading span{color:#757575}.photo-card:focus-within .photo-overlay,.photo-card:focus-within .photo-frame .photo-caption{opacity:1;visibility:visible}.photo-card:focus-within .photo-frame .photo-caption{transform:translateY(0)}.interior-tall .photo-frame,.exterior-tall .photo-frame{height:100%}@media (max-width:768px){.exterior-secondary{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.exterior-secondary>:first-child,.exterior-secondary>:nth-child(2),.exterior-secondary>:nth-child(3),.exterior-secondary .exterior-tall{grid-area:auto}.exterior-secondary>:first-child .photo-frame,.exterior-secondary>:nth-child(3) .photo-frame,.exterior-secondary .exterior-tall .photo-frame,.exterior-secondary>:nth-child(2) .photo-frame{aspect-ratio:1.45;height:auto}.photo-frame{min-height:210px}.photo-frame .photo-caption{opacity:1;visibility:visible;gap:6px;bottom:16px;left:16px;right:16px;transform:translateY(0)}.photo-overlay{opacity:.85}.photo-title{font-size:18px}.photo-subtitle{font-size:12px;line-height:1.5}.photo-category{font-size:9px}.photo-card:hover .photo-frame img{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.photo-frame img,.photo-overlay,.photo-frame .photo-caption{transition:none}.photo-card:hover .photo-frame img{transform:none}}@media (max-width:340px){.indu-page{padding:17px 14px 0}.breadcrumb{gap:5px;margin-bottom:23px;font-size:9px}.breadcrumb .back-link{width:100%;margin-left:0}.page-header{margin-bottom:21px}.page-header h1{letter-spacing:-.7px;margin-top:9px;font-size:25px}.page-header>p{font-size:11px}.completed-filter-bar,.filter-group{gap:8px;margin-top:14px;padding:6px}.filter-tab-btn,.filter-btn{min-height:32px;padding:8px 12px;font-size:13px}.gallery-section{margin-top:23px}.section-heading h2{font-size:15px}.exterior-gallery{grid-template-columns:minmax(0,1fr);gap:15px}.featured-photo{grid-column:auto}.featured-photo .photo-frame{aspect-ratio:1.35}.exterior-secondary{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 9px}.photo-frame{aspect-ratio:1.12;border-radius:4px}.photo-caption{margin-top:5px;font-size:9px}.interior-section{margin-top:27px}.interior-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 9px}.interior-gallery .interior-tall{grid-row:auto}.interior-gallery .interior-tall .photo-frame{aspect-ratio:1.12;height:auto;min-height:0}.enquiry-banner{flex-direction:column;align-items:flex-start;gap:14px;margin-top:28px;padding:20px 17px}.banner-copy h2{font-size:17px}.banner-copy p{font-size:11px}.enquiry-btn{min-height:35px}.page-footer{font-size:9px}}@media (min-width:341px) and (max-width:390px){.indu-page{padding:20px 18px 0}.breadcrumb{margin-bottom:24px;font-size:9px}.page-header h1{font-size:27px}.page-header>p{font-size:11px}.gallery-section{margin-top:25px}.exterior-gallery{gap:14px}.featured-photo .photo-frame{aspect-ratio:1.8}.exterior-secondary{gap:14px 10px}.photo-caption{font-size:9px}.interior-section{margin-top:28px}.interior-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}.interior-gallery .interior-tall{grid-row:span 2}.interior-gallery .interior-tall .photo-frame{aspect-ratio:auto;height:calc(100% - 20px);min-height:175px}.enquiry-banner{margin-top:28px;padding:20px 17px}.banner-copy h2{font-size:16px}}@media (min-width:391px) and (max-width:479px){.indu-page{padding:23px 21px 0}.breadcrumb{margin-bottom:26px;font-size:10px}.page-header h1{font-size:29px}.page-header>p{font-size:12px}.gallery-section{margin-top:27px}.featured-photo .photo-frame{aspect-ratio:1.85}.exterior-gallery{gap:16px}.exterior-secondary{gap:16px 12px}.interior-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.interior-gallery .interior-tall{grid-row:span 2}.interior-gallery .interior-tall .photo-frame{aspect-ratio:auto;height:calc(100% - 20px);min-height:195px}.photo-caption{font-size:10px}.enquiry-banner{margin-top:32px;padding:22px 20px}}@media (min-width:480px) and (max-width:800px){.indu-page{padding:30px 28px 0}.breadcrumb{margin-bottom:30px;font-size:11px}.page-header h1{font-size:32px}.page-header>p{font-size:12px}.gallery-section{margin-top:30px}.featured-photo .photo-frame{aspect-ratio:2}.exterior-gallery{gap:19px}.exterior-secondary{gap:19px 15px}.interior-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.interior-gallery .interior-tall .photo-frame{min-height:230px}.photo-caption{font-size:11px}.enquiry-banner{margin-top:34px;padding:24px}}@media (min-width:801px) and (max-width:1199px){.indu-page{padding:80px 60px}.page-header h1{font-size:34px}.gallery-section{margin-top:32px}.exterior-gallery,.exterior-secondary{gap:18px}.interior-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.interior-gallery .interior-tall{grid-row:span 2}.interior-gallery .interior-tall .photo-frame{min-height:200px}}@media (min-width:1200px) and (max-width:1439px){.indu-page{padding-top:38px}.gallery-section{margin-top:34px}}@media (min-width:1440px) and (max-width:1919px){.indu-page{padding:80px 60px}.gallery-section{margin-top:38px}.exterior-gallery,.exterior-secondary,.interior-gallery{gap:22px}.photo-caption{font-size:11px}.enquiry-banner{margin-top:42px;padding:27px 32px}}@media (min-width:1920px){.indu-page{padding:80px 60px}.breadcrumb{margin-bottom:34px;font-size:12px}.page-header h1{font-size:42px}.page-header>p{font-size:14px}.gallery-section{margin-top:42px}.section-heading h2{font-size:20px}.exterior-gallery,.exterior-secondary,.interior-gallery{gap:24px}.photo-caption{font-size:12px}.enquiry-banner{margin-top:48px;padding:32px 38px}.banner-copy h2{font-size:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
