/* =========================================================
 * Tatbeelah — Homepage Quality Standards
 * ======================================================= */
.tat-standards{position:relative;isolation:isolate;min-height:760px;overflow:hidden;background:#080607;color:#fff}
.tat-standards__media{position:absolute;z-index:-5;inset:0;overflow:hidden}
.tat-standards__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,7,.98) 0%,rgba(8,6,7,.88) 22%,rgba(8,6,7,.54) 48%,rgba(8,6,7,.22) 68%,rgba(8,6,7,.62) 100%),linear-gradient(180deg,rgba(8,6,7,.06) 0%,rgba(8,6,7,.12) 54%,rgba(8,6,7,.8) 100%);pointer-events:none}
.tat-standards__media img{width:100%;height:100%;object-fit:cover;object-position:center 62%;transform:scale(1.04)}
.tat-standards__shade{position:absolute;z-index:-4;inset:0;background:radial-gradient(circle at 14% 42%,rgba(217,35,56,.18),transparent 30%),linear-gradient(90deg,rgba(60,4,10,.22) 0%,rgba(9,6,7,.02) 44%,rgba(9,6,7,.35) 78%,rgba(9,6,7,.56) 100%);pointer-events:none}
.tat-standards::before{content:"";position:absolute;z-index:-3;inset-inline-start:0;inset-block:0;width:44%;background:linear-gradient(135deg,rgba(156,21,32,.18),rgba(156,21,32,0) 65%);clip-path:polygon(0 0,100% 0,84% 100%,0 100%);pointer-events:none}
.tat-standards::after{content:"";position:absolute;z-index:2;inset-inline:0;inset-block-end:0;height:1px;background:rgba(255,255,255,.13)}
.tat-standards__brand-mark{position:absolute;z-index:-1;inset-inline-start:-1.5vw;inset-block-start:7%;color:rgba(255,255,255,.03);font-size:clamp(11rem,20vw,24rem);font-weight:900;line-height:1;white-space:nowrap;pointer-events:none}
.tat-standards__shell{position:relative;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,.9fr);grid-template-areas:"content visual" "principles principles";gap:clamp(40px,5vw,88px);align-items:center;padding-block:clamp(96px,9vw,144px) clamp(54px,5.5vw,86px)}
.tat-standards__content{grid-area:content;max-width:650px;position:relative;z-index:3}
.tat-standards__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:#f0b8b5;font-size:.88rem;font-weight:800}
.tat-standards__eyebrow span{display:block;width:42px;height:2px;border-radius:99px;background:var(--tat-red)}
.tat-standards__content h2{margin:0;color:#fff;font-size:clamp(3.35rem,5.2vw,5.55rem);font-weight:900;line-height:.98;letter-spacing:-.055em}
.tat-standards__content h2 .tat-heading-accent{color:var(--tat-red-bright);font-style:normal}
.tat-standards__lead{max-width:610px;margin:28px 0 0;color:rgba(255,255,255,.74);font-size:clamp(1rem,1.2vw,1.15rem);font-weight:500;line-height:1.95}
.tat-standards__quote{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:15px;max-width:590px;margin-top:32px;padding-top:26px;border-top:1px solid rgba(255,255,255,.15)}
.tat-standards__quote-mark{color:var(--tat-red-bright);font-family:Georgia,serif;font-size:4rem;line-height:.7;transform:translateY(6px)}
.tat-standards__quote p{margin:0;color:rgba(255,255,255,.92);font-size:.95rem;font-weight:700;line-height:1.8}
.tat-standards__visual{grid-area:visual;position:relative;z-index:3;align-self:center;justify-self:start;width:min(100%,730px);margin-inline-start:0;margin-inline-end:auto;transform:translate(34px,24px)}
.tat-standards__visual-halo{position:absolute;z-index:-2;inset:14% 10% 4% 6%;border-radius:50%;background:radial-gradient(circle,rgba(217,35,56,.28) 0%,rgba(217,35,56,.09) 36%,rgba(217,35,56,0) 72%);filter:blur(8px)}
.tat-standards__visual-frame{position:relative;padding:0;border-radius:0;background:transparent;border:0;backdrop-filter:none;box-shadow:none}
.tat-standards__visual-frame::before{content:none}
.tat-standards__visual img{display:block;width:100%;height:auto;border-radius:18px;transform:rotate(-6deg) translateY(12px);transform-origin:center center;filter:drop-shadow(0 24px 44px rgba(0,0,0,.42))}
.tat-standards__principles{grid-area:principles;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;z-index:3;margin-top:clamp(8px,1.5vw,24px);border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);backdrop-filter:blur(4px);background:rgba(255,255,255,.02)}
.tat-standards__principle{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;min-height:170px;padding:30px clamp(24px,3vw,42px);border-inline-start:1px solid rgba(255,255,255,.13)}
.tat-standards__principle:first-child{border-inline-start:0}
.tat-standards__number{padding-top:5px;color:var(--tat-red-bright);font-size:.75rem;font-weight:900;letter-spacing:.08em}
.tat-standards__principle h3{margin:0 0 9px;color:#fff;font-size:clamp(1.05rem,1.3vw,1.28rem);font-weight:800;line-height:1.35}
.tat-standards__principle p{margin:0;color:rgba(255,255,255,.62);font-size:.86rem;font-weight:500;line-height:1.85}
@media(max-width:1180px){.tat-standards__shell{grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:34px}.tat-standards__content h2{font-size:clamp(3rem,5.6vw,4.85rem)}.tat-standards__visual{width:min(100%,590px)}}
@media(max-width:1100px){.tat-standards{min-height:0}.tat-standards__media::after{background:linear-gradient(180deg,rgba(8,6,7,.36) 0%,rgba(8,6,7,.82) 44%,#080607 77%,#080607 100%)}.tat-standards__shade{background:linear-gradient(180deg,rgba(8,6,7,.12) 0%,rgba(8,6,7,.64) 38%,#080607 70%,#080607 100%)}.tat-standards__shell{grid-template-columns:1fr;grid-template-areas:"visual" "content" "principles";gap:34px;padding-top:clamp(180px,22vw,250px)}.tat-standards__visual{justify-self:center;width:min(100%,680px);transform:none}.tat-standards__content{max-width:760px}.tat-standards__principles{grid-template-columns:1fr}.tat-standards__principle{min-height:auto;border-inline-start:0;border-bottom:1px solid rgba(255,255,255,.12)}.tat-standards__principle:last-child{border-bottom:0}.tat-standards__brand-mark{display:none}.tat-standards::before{width:100%;clip-path:none;background:linear-gradient(180deg,rgba(156,21,32,.1),rgba(156,21,32,0) 38%)}}
@media(max-width:700px){.tat-standards__shell{padding-block:236px 64px;padding-top:236px;gap:30px}.tat-standards__media{height:330px}.tat-standards__media img{object-position:center 56%}.tat-standards__content h2{font-size:clamp(2.65rem,12vw,4.25rem)}.tat-standards__lead{margin-top:22px;font-size:.96rem}.tat-standards__quote{margin-top:25px;padding-top:22px}.tat-standards__visual{width:100%;transform:none}.tat-standards__visual-frame{padding:0;border-radius:0}.tat-standards__visual img{border-radius:16px;transform:rotate(-3deg) translateY(4px)}.tat-standards__principles{margin-top:2px}.tat-standards__principle{grid-template-columns:40px minmax(0,1fr);gap:14px;padding:24px 2px}}
@media(prefers-reduced-motion:reduce){.tat-standards__media img,.tat-standards__visual img{transform:none}}
/* =========================================================
 * Mobile final pass
 * ======================================================= */
@media(max-width:700px){.tat-standards__shell{padding-block:150px 54px;padding-top:150px;gap:24px}.tat-standards__media{height:245px}.tat-standards__visual{width:94%}.tat-standards__visual img{border-radius:14px;transform:rotate(-2deg) translateY(2px)}.tat-standards__eyebrow{margin-bottom:12px;font-size:12px}.tat-standards__content h2{font-size:40px;line-height:1.18;letter-spacing:0}.tat-standards__lead{margin-top:16px;font-size:14px;line-height:1.8}.tat-standards__quote{margin-top:18px;padding-top:17px;gap:10px}.tat-standards__quote-mark{font-size:3rem}.tat-standards__quote p{font-size:13px;line-height:1.7}.tat-standards__principle{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:17px 0}.tat-standards__principle h3{font-size:16px}.tat-standards__principle p{font-size:12px;line-height:1.65}}
