:root{--bg:#f7f4ef;--panel:#fff;--ink:#23201b;--muted:#6f6a62;--accent:#7b2e2e;--accent-2:#7b2e2e;--radius:14px;--shadow:0 8px 20px #00000014;--seg-pad:.5rem;--seg-radius:9999px}*{box-sizing:border-box}html,body{background-color:var(--bg);color:var(--ink);font-family:var(--font-inter),system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background-image:url(/paper.jpg);background-repeat:repeat;background-size:700px 700px;margin:0;padding:0}h1,h2,h3,h4{font-family:var(--font-anton),var(--font-inter),sans-serif;letter-spacing:.2px}.ar{font-family:var(--font-arabic),system-ui,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1100px,92vw);margin:0 auto}.nav,.footer{z-index:50;--nav-tone-top:#f2f2f2;--nav-tone-bot:#fffdfd;background-image:linear-gradient(270deg,var(--nav-tone-top),var(--nav-tone-bot)),url(/paper.jpg);background-blend-mode:multiply;-webkit-backdrop-filter:saturate(120%)blur(2px);backdrop-filter:saturate(120%)blur(2px);color:#000;background-repeat:no-repeat,repeat;background-size:100% 100%,420px 420px;border-bottom:1px solid #0000001a;position:sticky;top:0;box-shadow:0 6px 20px #0000000f}.nav-inner{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.nav ul{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav li{position:relative}.nav a{border-radius:10px;padding:.5rem .8rem;transition:background .2s,transform .2s}.nav a:hover{background:#0000000f;transform:translateY(-1px)}.brand{letter-spacing:.2px;align-items:center;gap:.55rem;font-weight:800;display:flex}.brand,.brand:visited,.brand:hover{text-decoration:none}.brand-text{font-family:var(--font-anton),sans-serif;color:#000;padding:.2rem .1rem;font-size:clamp(18px,2.1vw,24px);font-weight:500}.nav-link{font-family:var(--font-anton),var(--font-inter),sans-serif;color:#000;letter-spacing:.15px;border-radius:12px;padding:.55rem .9rem;font-weight:800;line-height:1;transition:background .15s,color .15s,transform .15s,box-shadow .15s;display:inline-block}.nav-link:hover{background:#0000000f;transform:translateY(-1px)}.nav-link.is-active{color:#fff;background:var(--accent);position:relative;box-shadow:0 6px 14px #7b2e2e40}.nav .nav-inner ul li .nav-link,.nav .nav-inner ul li .nav-link:visited{color:#000;font-family:var(--font-anton),var(--font-inter),sans-serif;font-weight:700}.nav .nav-inner ul li .nav-link.is-active{color:#fff;background:var(--accent)}.nav-link.is-active:after{content:"";background:var(--accent);opacity:.9;border-radius:3px;height:3px;position:absolute;bottom:-6px;left:10px;right:10px}.menu-btn{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:background .2s,transform .2s;display:none}.menu-btn:hover{background:#0000000f;transform:scale(1.05)}.menu-btn:active{transform:scale(.95)}@media (max-width:860px){.menu-btn{display:inline-flex}.nav ul{width:100%;margin-top:.6rem;display:none}.nav.open ul{flex-direction:column;gap:.4rem;display:flex}.nav-link{padding:.8rem 1rem}}.btn{background:var(--accent);color:#fff;box-shadow:var(--shadow);border:0;border-radius:12px;align-items:center;gap:.5rem;padding:.7rem 1rem;transition:transform .2s,filter .2s;display:inline-flex}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn--outline{color:var(--ink);border:2px solid var(--ink);background:0 0}.hero{background:radial-gradient(900px 600px at 80% -10%,#00000008,#0000 60%) 100% 0/100% 100% no-repeat,radial-gradient(700px 500px at 10% 0,#00000006,#0000 60%) 0 0/100% 100% no-repeat,url(/tatreez-border.svg) bottom/260px 14px repeat-x;border-bottom:1px solid #0000000f;position:relative;overflow:hidden}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #00000014;flex-direction:column;height:100%;padding:1.1rem;display:flex}.grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1.25rem;display:grid}@media (max-width:700px){.grid{grid-template-columns:1fr}}.grid>*{align-self:stretch;height:100%}.avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:72px;height:72px;display:block;box-shadow:0 0 0 3px #0000000f}.tilt{perspective:800px}.tilt>.tilt-inner{transform:rotateX(var(--rx,0deg))rotateY(var(--ry,0deg))translateZ(var(--tz,0));will-change:transform;transition:transform .12s ease-out}footer{background:#fff9;border-top:1px solid #0000000f;margin-top:4rem;padding:2rem 0 3rem}.seg{padding:var(--seg-pad);border-radius:var(--seg-radius);background:#fff;justify-content:space-around;display:flex;position:relative}.seg-btn{z-index:1;border-radius:var(--seg-radius);color:#2a2a2a;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:600;display:inline-flex;position:relative}.seg-btn[aria-selected=true]{color:#fff}.seg-indicator{top:var(--seg-pad);bottom:var(--seg-pad);border-radius:var(--seg-radius);pointer-events:none;z-index:0;background:#7b2d2f;position:absolute;box-shadow:0 2px 6px #00000026}.thread-v-wrap{--sx:1;--sy:1;aspect-ratio:1440/810;--node-offset:clamp(110px,16vw,180px)}.thread-v-wrap svg{pointer-events:none}.thread-item{z-index:1;text-decoration:none;position:absolute;transform:translate(-50%,-50%)}.thread-item.left{text-align:left}.thread-item.right{text-align:right}.thread-label{font-family:var(--font-anton),var(--font-inter),sans-serif;text-transform:uppercase;letter-spacing:5px;color:var(--ink);padding-bottom:.25rem;font-size:clamp(18px,2.2vw,28px);font-weight:900;line-height:1.1;position:relative}.thread-item:hover .thread-label:after{height:5px}.thread-label:after{content:"";background:var(--accent);opacity:.95;border-radius:4px;height:4px;position:absolute;bottom:-6px;left:0;right:0}.thread-photo{z-index:0;pointer-events:none;filter:drop-shadow(0 12px 18px #0000002e)drop-shadow(0 2px #00000059);position:absolute}.thread-photo img{max-width:none;display:block}@media (max-width:860px){.thread-v-wrap{--node-offset:140px;height:700px!important}.thread-label{font-size:clamp(16px,4vw,22px)}}.stitch-group{filter:drop-shadow(0 .6px #00000040)}.walkthrough{margin-top:3rem;margin-bottom:3rem;padding-top:140px;position:relative}.hr-ink{background:#111;border:0;border-radius:3px;width:min(960px,92%);height:5px;margin:1rem auto 1.2rem;box-shadow:0 1px #fff9,inset 0 -1px #00000014}.start-dot,.pen-dot{filter:drop-shadow(0 .6px #00000038)}.dest-pin{filter:drop-shadow(0 1px #0000002e)}.thread-artwork{z-index:0;pointer-events:none;position:absolute}.thread-artwork img{filter:drop-shadow(0 12px 18px #0000002e)drop-shadow(0 2px #00000059);max-width:none;display:block}.thread-artwork:after{content:"";opacity:.55;pointer-events:none;background:radial-gradient(50% 60%,#0000002e,#0000 70%);width:60%;height:18px;position:absolute;top:calc(100% - 6px);left:60%;transform:translate(-50%)rotate(-4deg)}.mt-photo{filter:drop-shadow(0 12px 18px #0000002e)drop-shadow(0 2px #00000059)}.rot-left{transform:rotate(-4deg)}.rot-right{transform:rotate(4deg)}.mt-headline{font-family:var(--font-anton),var(--font-inter),sans-serif;letter-spacing:.2px;text-transform:uppercase;color:var(--ink);font-size:clamp(20px,6vw,26px);font-weight:900;line-height:1.1;text-decoration:none;display:inline-block}.mt-underline{background:var(--accent);border-radius:4px;height:4px;margin-top:6px;display:block}.mobile-timeline.container-fluid{max-width:640px}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_8f936aa1-module__BYr8Wa__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_8f936aa1-module__BYr8Wa__variable{--font-inter:"Inter","Inter Fallback"}
@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0e7b7e0b829e3eb9-s.1c9d9a6c.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/daf789e4474d0d90-s.855fa550.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9e9f04e3c37952ab-s.p.4d24b8e7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anton Fallback;src:local(Arial);ascent-override:129.7%;descent-override:36.29%;line-gap-override:0.0%;size-adjust:90.69%}.anton_8e451f20-module__s4pH9G__className{font-family:Anton,Anton Fallback;font-style:normal;font-weight:400}.anton_8e451f20-module__s4pH9G__variable{--font-anton:"Anton","Anton Fallback"}
@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c9a0d344f313d307-s.p.62465d74.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(../media/aa914dbbd9a27e94-s.8cd1f4ad.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5a1ede1938590d51-s.455d9f23.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5d6231e6818a3930-s.735b145a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ceec3e50f42c26e3-s.p.e0d1c0ff.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b140408e2d7eae5d-s.d4a43519.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d3af3242084a193c-s.a54423a2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(../media/441492499fc86682-s.d29ac7ea.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5ad8fdb5805e9b4a-s.p.cdc10770.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(../media/bb8a9270184a3556-s.8f9d741e.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b3f2ed44161db83e-s.a379075e.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(../media/84cd8d504984ae62-s.1761cea1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic Fallback;src:local(Arial);ascent-override:107.25%;descent-override:41.02%;line-gap-override:0.0%;size-adjust:101.17%}.ibm_plex_sans_arabic_9c667c47-module__3FMtfG__className{font-family:IBM Plex Sans Arabic,IBM Plex Sans Arabic Fallback;font-style:normal}.ibm_plex_sans_arabic_9c667c47-module__3FMtfG__variable{--font-arabic:"IBM Plex Sans Arabic","IBM Plex Sans Arabic Fallback"}