/* Fasil home decision field — calm editorial copy / dense transforming visual. */
.t1-decision {
  --t1-bg: #f8f4ec; --t1-cream: #f3ead9; --t1-ink: #1c1710; --t1-ink-soft: rgba(28,23,16,.68);
  --t1-ink-faint: rgba(28,23,16,.28); --t1-gold: #9e6f1a; --t1-goldm: #c19545;
  --t1-gold-soft: rgba(158,111,26,.52); --t1-gold-faint: rgba(158,111,26,.24);
  --t1-lavender: #b3a2cf; --t1-lav-soft: rgba(179,162,207,.7); --t1-line: rgba(28,23,16,.13);
  position: relative; background: var(--t1-bg); color: var(--t1-ink); overflow: visible;
}
html[data-theme="dark"] .t1-decision {
  --t1-bg: #181918; --t1-cream: #232422; --t1-ink: #f8f4ec; --t1-ink-soft: rgba(248,244,236,.67);
  --t1-ink-faint: rgba(248,244,236,.26); --t1-gold: #d5ae61; --t1-goldm: #b98735;
  --t1-gold-soft: rgba(213,174,97,.56); --t1-gold-faint: rgba(213,174,97,.27);
  --t1-lavender: #b3a2cf; --t1-lav-soft: rgba(179,162,207,.68); --t1-line: rgba(248,244,236,.13);
}
.t1-stage { position: relative; height: 300vh; }
.t1-anchor { position: absolute; inset-inline: 0; height: 1px; pointer-events: none; }
.t1-anchor--chaos { top: 0; }.t1-anchor--sijal { top: 100vh; }.t1-anchor--decision { top: 200vh; }.t1-anchor--exit { top: 300vh; }
.t1-pin { position: sticky; top: 0; min-height: 100vh; display: flex; flex-direction: column; }
.t1-grid { flex: 1; display: grid; grid-template-columns: minmax(0,45fr) minmax(0,55fr); max-width: 1340px; width: 100%; margin: 0 auto; }
.t1-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 40px clamp(28px,4.5vw,72px); border-inline-end: 1px solid var(--t1-line); text-align: start; }
.t1-eyebrow { font: 700 12px/1.4 "ThmanyahSans",sans-serif; color: var(--t1-gold); margin: 0 0 22px; }
.t1-eyebrow::after { content:""; display:block; width:44px; height:1px; background:var(--t1-gold-soft); margin-top:14px; }
/* Fasil decision field: the Arabic wordmark preserves the font's native shaping; never simulate Arabic diacritics with CSS or apply this treatment to running text. */
.t1-identity { font-family:"ThmanyahSerif",Georgia,serif; font-size:clamp(34px,4.2vw,58px); font-weight:700; line-height:1.3; color:var(--t1-ink); margin:0 0 18px; max-width:12ch; }
.t1-identity .t1-fasil-word { position:relative; display:inline-block; white-space:nowrap; font-variant-ligatures:common-ligatures contextual; font-feature-settings:"ss03" 1; }
.t1-value { font:400 clamp(16px,1.4vw,19px)/1.9 "ThmanyahSans",sans-serif; color:var(--t1-ink-soft); max-width:34ch; margin:0 0 42px; }
.t1-actions { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.t1-cta { display:inline-block; padding:14px 34px; border-radius:14px; font:700 15px/1 "ThmanyahSans",sans-serif; background:var(--t1-gold); color:var(--t1-bg); border:1px solid transparent; text-decoration:none; transition:box-shadow .25s cubic-bezier(.23,1,.32,1),transform .25s cubic-bezier(.23,1,.32,1); }
.t1-cta:hover { box-shadow:0 6px 20px var(--t1-gold-faint); transform:translateY(-2px); }.t1-cta:active{transform:scale(.97)}
.t1-secondary { font:700 14px/1.5 "ThmanyahSans",sans-serif; color:var(--t1-gold); padding:6px 2px; border-bottom:1px solid var(--t1-gold-faint); text-decoration:none; transition:border-color .2s,color .2s; }.t1-secondary:hover{border-color:var(--t1-gold)}
.t1-visual { display:flex; align-items:center; justify-content:center; padding:24px clamp(16px,3vw,48px); min-width:0; }
.t1-art { position:relative; aspect-ratio:600/760; height:min(74vh,660px); max-width:100%; }
.t1-art svg { display:block; width:100%; height:100%; overflow:visible; }
.ln-gold{fill:none;stroke:var(--t1-gold);stroke-width:1.2;stroke-linecap:round}.ln-ink{fill:none;stroke:var(--t1-ink);stroke-width:1.2;stroke-linecap:round}.ln-soft{fill:none;stroke:var(--t1-ink-faint);stroke-width:1;stroke-linecap:round}.ln-lav{fill:none;stroke:var(--t1-lav-soft);stroke-width:1}.f-cream{fill:var(--t1-cream)}.f-lav{fill:var(--t1-lavender)}.f-char{fill:var(--t1-ink)}.f-goldm{fill:var(--t1-goldm)}.f-gold{fill:var(--t1-gold)}
#t1-art svg g,#t1-art svg path,#t1-art svg line,#t1-art svg circle { will-change:transform,opacity; }
.tv-label-layer { position:absolute; inset:0; pointer-events:none; opacity:0; direction:inherit; }.tv-cue { position:absolute; left:var(--cue-x); top:var(--cue-y); display:block; width:max-content; direction:inherit; unicode-bidi:plaintext; white-space:nowrap; text-align:center; transform:translate(-50%,-50%) translate3d(var(--motion-x,0px),var(--motion-y,0px),0); will-change:transform,opacity; }
.tv-cue--stage { color:var(--t1-ink); font:700 25px/1.25 "ThmanyahSerif",Georgia,serif; letter-spacing:.01em; }.tv-cue--micro{color:var(--t1-ink-soft);font:700 13px/1.2 "ThmanyahSans",sans-serif}.tv-cue--result{color:var(--t1-gold);font-size:28px}.tv-cue--sub{color:var(--t1-ink-soft);font:400 12px/1.4 "ThmanyahSans",sans-serif}
.t1-scroll-cue { position:absolute; inset-inline:0; bottom:-20px; width:max-content; max-width:calc(100% - 24px); margin:auto; color:var(--t1-gold); font:700 11px/1.4 "ThmanyahSans",sans-serif; letter-spacing:.02em; opacity:1; transform:translateY(0); transition:opacity .32s cubic-bezier(.23,1,.32,1),transform .32s cubic-bezier(.23,1,.32,1); }.t1-scroll-cue::before{content:""; display:block; width:38px; height:1px; background:currentColor; margin:0 auto 8px;}.t1-scroll-cue.is-dismissed{opacity:0;transform:translateY(-6px);pointer-events:none}
.fasil-floatbar { position:fixed; left:clamp(14px,2.4vw,34px); bottom:clamp(14px,2.4vw,30px); z-index:200; display:flex; align-items:center; gap:7px; padding:7px; border:1px solid rgba(158,111,26,.3); border-radius:18px; background:color-mix(in srgb,var(--t1-bg,#f8f4ec) 90%,transparent); box-shadow:0 12px 36px rgba(28,23,16,.14); backdrop-filter:blur(14px); }
.fasil-float-logo { width:42px; height:42px; display:flex; align-items:center; justify-content:center; padding:6px; border-radius:12px; }.fasil-float-logo img{max-width:100%;max-height:100%;object-fit:contain}.fasil-float-logo-light{display:none}.fasil-float-rule{width:1px;height:24px;background:var(--t1-line,#0002)}.fasil-float-action{min-width:38px;height:38px;padding:0 9px;border:0;border-radius:11px;background:transparent;color:var(--t1-ink,#1c1710);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font:700 12px/1 "ThmanyahSans",sans-serif;cursor:pointer;transition:background .2s,color .2s,transform .16s cubic-bezier(.23,1,.32,1)}.fasil-float-action:hover{background:rgba(158,111,26,.12);color:var(--t1-gold,#9e6f1a)}.fasil-float-action:active{transform:scale(.97)}
html[data-theme="dark"] .fasil-float-logo-dark{display:none}html[data-theme="dark"] .fasil-float-logo-light{display:block}
@media (max-width:860px){.t1-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}.t1-copy{border-inline-end:0;text-align:center;align-items:center;padding:28px 22px 8px}.t1-eyebrow::after{margin-inline:auto}.t1-value{margin-inline:auto;margin-bottom:26px}.t1-actions{justify-content:center;gap:16px}.t1-visual{padding:8px 16px 34px}.t1-art{height:auto;width:min(100%,400px)}.tv-cue--stage{font-size:22px}.tv-cue--result{font-size:25px}.tv-cue--micro{font-size:12px}.tv-cue--sub{font-size:11px}.fasil-floatbar{border-radius:16px}.fasil-float-logo{width:38px;height:38px}.fasil-float-action{min-width:34px;height:34px}}
/* Fasil decision field: Safari treats an overflow-clipped ancestor as a sticky
   boundary. On touch screens, every landmark is a mandatory stop, so section two
   can only be reached after the documented third stage is visually complete. */
@media (max-width:860px){
  html.t1-scroll-stage-active { scroll-snap-type: y mandatory; scroll-padding-block-start: 0; }
  .t1-stage { height: 300dvh; }
  .t1-anchor { scroll-snap-align: start; scroll-snap-stop: always; }
  .t1-anchor--sijal { top: 100dvh; }
  .t1-anchor--decision { top: 200dvh; }
  .t1-anchor--exit { top: 300dvh; }
  .t1-pin { min-height: 100dvh; }
}
@media (prefers-reduced-motion:reduce){.t1-cta,.t1-secondary,.t1-scroll-cue,.fasil-float-action{transition:none}.t1-scroll-cue{display:none}}