:root{--green:#061b3a;--green2:#0b3470;--gold:#087fce;--gold2:#32c5ef;--cream:#eef7ff;--ink:#101c2e;--muted:#64748b;--white:#fff;--line:#d7e8f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:Cairo,Tahoma,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}.topline{height:31px;padding:0 7%;display:flex;justify-content:space-between;align-items:center;background:var(--green);color:#d9c49f;font-size:10px;letter-spacing:.2px}.header{height:84px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee9df}.logo{display:flex;align-items:center;gap:10px}.logo-mark{width:43px;height:43px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--green);font:700 25px Georgia;position:relative}.logo-mark>span{position:absolute;color:var(--gold);font-size:11px;top:1px;right:4px}.logo-copy b,.logo-copy small{display:block}.logo-copy b{font:700 21px 'Playfair Display',Georgia;color:var(--green);line-height:1.2}.logo-copy small{font-size:9px;color:#98866c;letter-spacing:1px}.main-nav{display:flex;gap:34px;font-size:12px;color:#5d675f}.main-nav a{transition:.2s}.main-nav a:hover{color:var(--gold)}.header-cta{background:var(--green);color:#fff;padding:11px 20px;border-radius:2px;font-size:11px;letter-spacing:.2px}.header-cta span{color:var(--gold2);margin-right:9px}.menu-toggle{display:none;border:0;background:none;font-size:23px;color:var(--green)}.hero{min-height:625px;padding:65px 9% 76px;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;background:radial-gradient(circle at 15% 15%,#fff 0,transparent 34%),linear-gradient(115deg,#f8f5ee,#f1e9da);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:490px;height:490px;border:1px solid #c9ad7d55;border-radius:50%;right:-210px;top:-250px}.hero-text{position:relative;z-index:2}.kicker,.eyebrow{color:#a27b43;font-size:10px;font-weight:800;letter-spacing:1.7px}.kicker{display:flex;align-items:center;gap:10px}.kicker i{width:28px;height:1px;background:var(--gold)}h1,h2,p{margin-top:0}.hero h1{font-size:clamp(44px,5vw,68px);line-height:1.28;color:var(--green);margin:18px 0 17px;font-weight:900}.hero h1 em,.section-head h2 em,.story-copy h2 em,.order-title h2 em,.contact-inner h2 em{font-style:normal;color:var(--gold)}.hero-text>p{max-width:520px;color:#68736b;font-size:14px;line-height:2.1}.hero-buttons{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:11px;font-weight:800;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn-gold{background:var(--gold);color:#fff;box-shadow:0 10px 25px #9c79402a}.btn-gold span{margin-right:12px}.btn-ghost{border:1px solid #b5a17f;color:var(--green)}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:31px;color:#8b887f;font-size:9px}.hero-visual{height:440px;position:relative;max-width:520px;width:100%;justify-self:center}.hero-main-photo{position:absolute;inset:0 12% 7% 7%;overflow:hidden;border:9px solid #fff;box-shadow:0 25px 55px #45351c22;transform:rotate(2deg)}.hero-main-photo img{width:100%;height:100%;object-fit:cover}.hero-small-photo{position:absolute;width:38%;height:43%;bottom:0;left:0;border:7px solid #fff;box-shadow:0 15px 35px #45351c35;transform:rotate(-7deg);overflow:hidden}.hero-small-photo img{width:100%;height:100%;object-fit:cover}.hero-seal{position:absolute;right:0;top:12%;width:105px;height:105px;border-radius:50%;background:var(--green);border:1px solid var(--gold2);outline:5px solid #fff9;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--gold2);box-shadow:0 10px 25px #172d2840}.hero-seal span{font:9px Georgia;letter-spacing:2px}.hero-seal b{font-size:22px;color:#fff}.visual-caption{position:absolute;bottom:12%;right:16%;background:#fff;padding:12px 20px;box-shadow:0 10px 25px #3332;border-right:3px solid var(--gold)}.visual-caption small,.visual-caption b{display:block}.visual-caption small{font:8px Georgia;letter-spacing:2px;color:#a17c47}.visual-caption b{font-size:13px;color:var(--green)}.hero-bottom{position:absolute;bottom:18px;right:9%;left:9%;display:flex;align-items:center;gap:15px;color:#9a907e;font:9px Georgia;letter-spacing:1px}.hero-bottom .line{height:1px;background:#cdbb9d;flex:1;max-width:100px}.trust-strip{min-height:105px;padding:22px 12%;display:flex;justify-content:space-around;align-items:center;background:var(--green);color:#fff}.trust-strip div{text-align:center}.trust-strip b,.trust-strip span{display:block}.trust-strip b{font-size:14px;color:#f3e8d3}.trust-strip span{font-size:10px;color:#b8c0b8}.trust-strip>i{height:35px;width:1px;background:#ffffff30}.section{padding:94px 9%}.collections{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-head h2,.story-copy h2,.order-title h2,.contact-inner h2{font-size:36px;line-height:1.45;color:var(--green);margin:7px 0 0;font-weight:900}.section-head>p{font-size:12px;color:#82877f;margin:0;line-height:2}.collection-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.collection-card{height:360px;position:relative;overflow:hidden;background:#ddd;display:block}.collection-card>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.collection-card:hover>img{transform:scale(1.06)}.collection-shade{position:absolute;inset:0;background:linear-gradient(0deg,#111c19d9 0%,#111c1930 48%,transparent 100%)}.collection-index{position:absolute;top:18px;right:20px;color:#fff;font:14px Georgia;border-bottom:1px solid var(--gold2);padding-bottom:5px}.collection-content{position:absolute;bottom:24px;right:24px;left:20px;color:#fff}.collection-content small,.collection-content b,.collection-content>span{display:block}.collection-content small{font-size:10px;color:#e0c18b}.collection-content b{font-size:21px;margin:5px 0 8px}.collection-content>span{font-size:10px;color:#fff}.gallery-section{background:var(--cream)}.gallery-head{align-items:end}.gallery-head p{margin:8px 0 0}.under-link{font-size:11px;font-weight:800;color:#987343;border-bottom:1px solid #c9ad7d;padding-bottom:5px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.filter{background:transparent;border:1px solid #d9d0c0;padding:8px 18px;color:#6c7068;font-size:10px;cursor:pointer;transition:.2s}.filter.active,.filter:hover{background:var(--green);border-color:var(--green);color:#fff}.filter span{color:var(--gold2);margin-right:5px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.work-card{background:#fff;box-shadow:0 6px 20px #332a1710;transition:.25s}.work-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #332a171c}.work-card[hidden]{display:none}.work-image{height:245px;width:100%;padding:0;border:0;background:#e8e3d9;display:block;position:relative;overflow:hidden;cursor:zoom-in}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.work-card:hover img{transform:scale(1.04)}.zoom{position:absolute;left:12px;bottom:12px;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--green);display:grid;place-items:center;font-size:20px;opacity:0;transition:.2s}.work-card:hover .zoom{opacity:1}.work-meta{padding:12px 15px 16px}.work-meta span,.work-meta b{display:block}.work-meta span{font-size:9px;color:#a17b47}.work-meta b{font-size:12px;color:var(--green);margin-top:3px}.brand-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center;background:#fff}.story-photo{height:440px;position:relative;margin:0 15px 0 30px}.story-photo:before{content:"";position:absolute;inset:-15px 15px 15px -15px;border:1px solid var(--gold);z-index:0}.story-photo img{position:relative;width:100%;height:100%;object-fit:cover;z-index:1}.story-copy h2{margin:9px 0 18px}.story-copy p{font-size:13px;color:#747c74;line-height:2.1;max-width:570px}.story-copy .under-link{display:inline-block;margin-top:13px}.order-section{background:var(--cream);display:grid;grid-template-columns:.75fr 1.25fr;gap:8%;align-items:center}.order-title h2{font-size:34px}.order-title p{font-size:12px;color:#85877e;margin:14px 0 0}.order-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.order-steps>div{padding:23px 18px;border-top:1px solid var(--gold);background:#fff}.order-steps span{display:block;font:20px Georgia;color:var(--gold);margin-bottom:20px}.order-steps b{font-size:13px;color:var(--green)}.order-steps p{font-size:10px;color:#83877f;line-height:1.9;margin:7px 0 0}.contact-section{background:var(--green);color:#fff;padding:78px 9%;position:relative;overflow:hidden}.contact-section:after{content:"T";position:absolute;left:7%;top:-90px;font:400 380px Georgia;color:#ffffff08}.contact-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.contact-inner h2{color:#fff;font-size:42px;margin:9px 0 12px}.contact-inner p{color:#c1cbc3;font-size:12px;margin-bottom:24px}.contact-details{border-right:1px solid #ffffff35;padding-right:35px}.contact-details>div{padding:13px 0;border-bottom:1px solid #ffffff25}.contact-details small,.contact-details b,.contact-details span{display:block}.contact-details small{font-size:9px;color:var(--gold2);margin-bottom:4px}.contact-details b{font-size:14px;color:#fff}.contact-details span{display:flex;gap:20px;font-size:11px;color:#fff}footer{min-height:90px;padding:20px 7%;display:flex;align-items:center;justify-content:space-between;background:#10211d;color:#aeb9b1;font-size:10px}.footer-logo .logo-mark{color:#fff}.footer-logo .logo-copy b{color:#fff}.footer-logo .logo-copy small{color:#c5b18e}footer p{margin:0}.back-top{color:#d7bd8d}.whatsapp-float{position:fixed;bottom:22px;left:22px;width:54px;height:54px;border-radius:50%;background:#168b60;color:#fff;display:grid;place-items:center;font-size:29px;box-shadow:0 8px 25px #0003;z-index:25}.lightbox{position:fixed;inset:0;background:#0b1714ed;z-index:50;display:none;align-items:center;justify-content:center;padding:5vw}.lightbox.open{display:flex}.lightbox img{max-width:min(90vw,900px);max-height:86vh;object-fit:contain;box-shadow:0 15px 55px #0008}.lightbox-close{position:absolute;top:20px;left:25px;border:0;background:none;color:#fff;font-size:38px;cursor:pointer}
@media(max-width:900px){.main-nav{gap:17px}.hero{padding-right:6%;padding-left:6%}.section{padding:75px 6%}.gallery-grid{grid-template-columns:repeat(3,1fr)}.collection-card{height:310px}.contact-section{padding-right:6%;padding-left:6%}}
@media(max-width:650px){.topline{padding:0 4%;font-size:8px}.header{height:70px;padding:0 5%}.main-nav{display:none;position:absolute;top:70px;right:0;left:0;background:#fff;padding:15px 7%;box-shadow:0 12px 20px #0001;flex-direction:column;gap:12px}.main-nav.show{display:flex}.header-cta{margin-right:auto;margin-left:14px;padding:9px 12px;font-size:9px}.menu-toggle{display:block}.logo-mark{width:37px;height:37px;font-size:22px}.logo-copy b{font-size:18px}.hero{grid-template-columns:1fr;padding:42px 7% 65px;gap:22px}.hero-visual{height:320px;grid-row:1;width:95%}.hero-main-photo{inset:0 12% 6% 7%}.hero-small-photo{height:40%;width:35%}.hero-seal{width:80px;height:80px}.hero-seal b{font-size:17px}.hero h1{font-size:43px}.hero-text{text-align:center}.kicker,.hero-points{justify-content:center}.hero-text>p{font-size:12px}.hero-buttons{justify-content:center}.hero-points{gap:9px;font-size:8px}.hero-bottom{right:7%;left:7%}.trust-strip{padding:18px 4%;gap:8px}.trust-strip b{font-size:10px}.trust-strip span{font-size:8px}.trust-strip>i{height:27px}.section{padding:60px 6%}.section-head{display:block}.section-head h2,.story-copy h2,.order-title h2{font-size:29px}.section-head>p{margin-top:12px}.collection-grid{grid-template-columns:1fr;gap:13px}.collection-card{height:300px}.gallery-head .under-link{display:inline-block;margin-top:17px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:11px}.work-image{height:190px}.work-meta{padding:10px}.work-meta b{font-size:10px}.filters{gap:6px}.filter{padding:7px 11px;font-size:9px}.brand-story{grid-template-columns:1fr;gap:35px}.story-photo{height:330px;margin:0 10px 0 20px}.story-copy{text-align:center}.story-copy p{font-size:12px}.order-section{grid-template-columns:1fr;gap:25px}.order-steps{gap:8px}.order-steps>div{padding:15px 10px}.order-steps span{margin-bottom:12px}.order-steps b{font-size:11px}.order-steps p{font-size:9px}.contact-section{padding:55px 7%}.contact-inner{grid-template-columns:1fr;gap:28px}.contact-inner h2{font-size:36px}.contact-details{padding-right:18px}.contact-details b{font-size:12px}footer{padding:20px 5%;gap:14px;flex-wrap:wrap;justify-content:center;text-align:center}footer p{order:3;width:100%}.whatsapp-float{width:48px;height:48px;bottom:16px;left:16px}}

/* Tayf Tech identity refresh: electric blue, cyan and graphite */
:root{--green:#071b36;--green2:#0b2b50;--gold:#0878df;--gold2:#43d5f5;--cream:#eef6fc;--ink:#17283b;--muted:#65758a;--line:#d9e8f5}
.topline{background:#06162c;color:#a9eaff}.header{border-bottom-color:#dce9f5}.logo{gap:9px}.brand-logo{width:66px;height:58px;object-fit:contain;mix-blend-mode:multiply;border-radius:6px}.logo-copy b{color:#071b36}.logo-copy small{color:#0878df}.header-cta{background:#0878df}.hero{background:radial-gradient(circle at 15% 15%,#fff 0,transparent 34%),linear-gradient(115deg,#f4faff,#e2f1ff)}.hero h1 em,.section-head h2 em,.story-copy h2 em,.order-title h2 em,.contact-inner h2 em{color:#0878df}.kicker,.eyebrow{color:#0878df}.kicker i{background:#43d5f5}.btn-gold{background:linear-gradient(110deg,#086bd1,#11a9e8);box-shadow:0 10px 25px #0878df2a}.btn-ghost{border-color:#8bbce8;color:#071b36}.hero-seal{background:#071b36;border-color:#43d5f5}.visual-caption{border-right-color:#0878df}.visual-caption small{color:#0878df}.trust-strip{background:#071b36}.trust-strip b{color:#d9f6ff}.collection-index{border-color:#43d5f5}.collection-content small{color:#9deaff}.gallery-section,.order-section{background:#eef6fc}.filter{border-color:#c6dced;color:#52677c}.filter.active,.filter:hover{background:#0878df;border-color:#0878df}.filter span{color:#43d5f5}.work-meta span{color:#0878df}.work-meta b{color:#071b36}.story-photo:before{border-color:#43d5f5}.order-steps>div{border-top-color:#0878df}.order-steps span{color:#0878df}.contact-section{background:linear-gradient(115deg,#06162c,#0b2d55)}.contact-details small{color:#79e4ff}footer{background:#041124}.back-top{color:#80e7ff}.hero-brand-logo{display:block;width:190px;height:115px;object-fit:contain;object-position:right center;mix-blend-mode:multiply;margin:-22px 0 10px -5px;border-radius:8px}
@media(max-width:650px){.brand-logo{width:54px;height:48px}.hero-brand-logo{width:150px;height:90px;margin:-14px auto 4px;object-position:center}.hero-text{text-align:center}}

.brand-logo{width:66px;height:66px;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 5px 18px #061b3a18}.hero-brand-logo{display:block;width:min(210px,52%);height:94px;object-fit:contain;object-position:right center;background:#fff;border-radius:14px;padding:5px;margin:0 0 18px auto;box-shadow:0 10px 30px #061b3a12}.btn-gold,.header-cta{background:linear-gradient(135deg,#087fce,#0752a5)!important;color:#fff!important}.btn-ghost{border-color:#087fce;color:#0752a5}.kicker i{background:#19b8e8}.logo-mark{background:linear-gradient(135deg,#087fce,#061b3a)!important}.topline{background:#061b3a!important;color:#d8f4ff!important}.header{border-bottom:1px solid #d7e8f5}.work-card,.collection-card{border-color:#d7e8f5}@media(max-width:700px){.brand-logo{width:54px;height:54px}.hero-brand-logo{width:170px;height:78px}}