/* ============================================================ nicholas.design — Interior Design KSA service page Scoped under .nidk so it only affects this page's wrapper. Link via jsDelivr in the page's custom code: ============================================================ */ /* base */ .nidk{font-family:'Circular','Helvetica Neue',Arial,sans-serif;color:#2b2b2b;line-height:1.65;font-size:15px;background:#F2EFED;-webkit-font-smoothing:antialiased;} .nidk p{font-size:15px;line-height:1.65;margin:0 0 16px;} .nidk img{display:block;max-width:100%;} .nidk a{color:inherit;} .nidk h1,.nidk h2,.nidk h3{color:#000;font-weight:700;line-height:1.2;letter-spacing:-.01em;margin:0;} .nidk .wrap{max-width:1180px;margin:0 auto;padding:0 48px;} .nidk .section{padding:120px 0;} .nidk .section-tight{padding:90px 0;} .nidk .rule{height:1px;background:#dcd6cf;border:0;} .nidk .eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#6f6a64;margin-bottom:22px;} .nidk .h1{font-size:34px;font-weight:900;line-height:1.18;letter-spacing:-.015em;} .nidk .h2{font-size:22px;font-weight:700;} .nidk .h3{font-size:17px;font-weight:700;} .nidk .lead{font-size:16px;color:#1c1a18;} .nidk strong{font-weight:700;color:#000;} /* nav */ .nidk .nav{position:sticky;top:0;z-index:20;background:#F2EFED;border-bottom:1px solid #dcd6cf;} .nidk .nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;} .nidk .logo-text{font-size:20px;font-weight:700;color:#000;letter-spacing:-.02em;} .nidk .navlinks{display:flex;gap:30px;font-size:13px;} .nidk .navlinks a{text-decoration:none;} /* hero (photo background) */ .nidk .hero-photo{position:relative;min-height:660px;display:flex;align-items:flex-end;background:#1b1916;overflow:hidden;} .nidk .hero-photo .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} .nidk .hero-photo .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.5) 62%,rgba(0,0,0,.72));} .nidk .hero-photo .wrap{position:relative;z-index:2;padding:150px 48px 72px;} .nidk .hero-photo .col{max-width:880px;} .nidk .hero-photo .h1{color:#fff;margin-bottom:24px;} .nidk .hero-photo .lead{margin-bottom:16px;color:#f4efea;} .nidk .hero-photo p{color:#e7e1db;max-width:700px;} .nidk .hero-photo .eyebrow{color:#d9cfc6;} .nidk .hero-photo strong{color:#fff;} .nidk .hero-photo .vision-inline{font-style:italic;font-weight:700;color:#fff;} .nidk .hero-photo .textlink{color:#fff;border-color:#fff;} /* links / cta */ .nidk .textlink{display:inline-block;text-decoration:none;font-weight:700;color:#000;border-bottom:1px solid #000;padding-bottom:2px;font-size:14px;} .nidk .inline{color:#000;text-decoration:underline;} .nidk .cta-row{margin-top:34px;} /* grids */ .nidk .grid2{display:grid;grid-template-columns:1fr 1fr;gap:72px 80px;} .nidk .col-head{margin-bottom:42px;max-width:640px;} /* services (alternating image / text) */ .nidk .svc-rows{display:flex;flex-direction:column;gap:88px;} .nidk .svc-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;} .nidk .svc-row:nth-child(even) .svc-media{order:2;} .nidk .svc-media img{width:100%;height:440px;object-fit:cover;} .nidk .svc-body{max-width:520px;} .nidk .svc-index{display:block;font-size:12px;font-weight:700;letter-spacing:.16em;color:#6f6a64;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid #dcd6cf;} .nidk .svc-name{font-size:18px;font-weight:700;color:#000;margin-bottom:14px;} .nidk .svc-pitch{font-size:17px;line-height:1.55;color:#1b1916;margin-bottom:12px;} .nidk .svc-detail{font-size:14px;line-height:1.72;color:#6f6a64;margin-bottom:0;} .nidk .readmore{display:inline-block;margin-top:14px;font-size:13px;font-weight:700;color:#000;text-decoration:none;border-bottom:1px solid #000;} /* projects */ .nidk .projects{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;} .nidk .project img{width:100%;height:230px;object-fit:cover;margin-bottom:18px;} .nidk .project h3{margin-bottom:8px;} .nidk .project ul{list-style:none;} .nidk .project li{position:relative;padding-left:16px;font-size:13.5px;color:#3a3631;margin-bottom:7px;} .nidk .project li:before{content:"";position:absolute;left:0;top:9px;width:5px;height:1px;background:#000;} /* market table */ .nidk .tbl{width:100%;border-collapse:collapse;border-top:1px solid #dcd6cf;} .nidk .tbl td{vertical-align:top;padding:24px 28px 24px 0;border-bottom:1px solid #dcd6cf;font-size:14px;line-height:1.6;} .nidk .tbl .k{width:34%;color:#000;font-weight:700;padding-right:48px;} /* simple lists + numbered steps */ .nidk .list{list-style:none;max-width:680px;} .nidk .list li{position:relative;padding-left:20px;margin-bottom:14px;font-size:14.5px;color:#33302c;} .nidk .list li:before{content:"";position:absolute;left:0;top:11px;width:7px;height:1px;background:#000;} .nidk .steps{list-style:none;counter-reset:s;max-width:720px;} .nidk .steps li{position:relative;padding-left:46px;margin-bottom:22px;font-size:14.5px;color:#33302c;} .nidk .steps li:before{counter-increment:s;content:counter(s,decimal-leading-zero);position:absolute;left:0;top:0;font-weight:700;color:#000;font-size:13px;letter-spacing:.04em;} /* certifications */ .nidk .cert-list{display:flex;flex-direction:column;gap:30px;} .nidk .cert{display:grid;grid-template-columns:160px 1fr;gap:30px;align-items:center;} .nidk .cert-logo{display:flex;align-items:center;height:48px;} .nidk .cert-logo img{height:44px;width:auto;max-width:150px;object-fit:contain;object-position:left center;} .nidk .cert p{margin:0;font-size:14px;color:#33302c;} /* why nicholas reasons */ .nidk .reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;} .nidk .reasons h3{margin-bottom:12px;} .nidk .reasons p{font-size:14px;color:#33302c;} /* faq accordion */ .nidk .faq{max-width:820px;} .nidk .qa{border-bottom:1px solid #dcd6cf;} .nidk .qa:first-of-type{border-top:1px solid #dcd6cf;} .nidk .q{list-style:none;cursor:pointer;padding:26px 0;font-size:16px;font-weight:700;color:#000;display:flex;justify-content:space-between;align-items:center;gap:24px;} .nidk .q::-webkit-details-marker{display:none;} .nidk .q::after{content:"+";font-size:24px;font-weight:300;line-height:1;color:#000;} .nidk .qa[open] .q::after{content:"\2013";} .nidk .qa .a{padding:0 0 30px;max-width:700px;} .nidk .qa .a .yes{font-weight:700;color:#000;margin-bottom:8px;} .nidk .qa .a p{font-size:14px;color:#33302c;margin-bottom:0;} .nidk .qa .a .textlink{margin-top:18px;} /* centred process + faq */ .nidk .proc-center .col-head{margin-left:auto;margin-right:auto;text-align:center;} .nidk .proc-center .steps{margin-left:auto;margin-right:auto;max-width:600px;text-align:left;} .nidk .proc-center .cta-row{text-align:center;} .nidk .faq-center .col-head{margin-left:auto;margin-right:auto;text-align:center;} .nidk .faq-center .faq{margin-left:auto;margin-right:auto;} /* contact */ .nidk .contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start;} .nidk .map{background:#e6ddd4;border:1px solid #dcd6cf;height:330px;display:flex;align-items:center;justify-content:center;text-align:center;color:#9a8a7b;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:24px;} .nidk .nap{font-size:14.5px;line-height:1.9;} .nidk .nap .name{font-weight:700;color:#000;} .nidk .contact-lines{margin-top:22px;font-size:14.5px;line-height:2;} .nidk .contact-lines a{text-decoration:none;border-bottom:1px solid #dcd6cf;} /* clients */ .nidk .clients{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;} .nidk .clients img{height:54px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.7;} /* footer */ .nidk .foot{border-top:1px solid #dcd6cf;padding:40px 0;} .nidk .foot .wrap{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6f6a64;} .nidk .foot .email{font-size:18px;font-weight:700;color:#000;text-decoration:none;} /* responsive (tablet / mobile) */ @media screen and (max-width:991px){ .nidk .wrap{padding:0 24px;} .nidk .section{padding:72px 0;} .nidk .grid2{grid-template-columns:1fr;gap:40px;} .nidk .svc-row{grid-template-columns:1fr;gap:24px;} .nidk .svc-row:nth-child(even) .svc-media{order:0;} .nidk .svc-media img{height:280px;} .nidk .svc-rows{gap:56px;} .nidk .projects{grid-template-columns:1fr;} .nidk .reasons{grid-template-columns:1fr;gap:32px;} .nidk .contact-grid{grid-template-columns:1fr;gap:28px;} .nidk .cert{grid-template-columns:1fr;gap:14px;} .nidk .hero-photo{min-height:520px;} .nidk .hero-photo .wrap{padding:108px 24px 56px;} .nidk .h1{font-size:28px;} .nidk .navlinks{display:none;} .nidk .tbl .k{padding-right:24px;} }