@layer components{.story{--lh-body:1.65;--lh-card:1.6;--lh-tight:1.3;--lh-line:1.5;--story-outline:#ffffff1a;position:relative}html[lang=ar] .story{--lh-body:var(--leading-arabic);--lh-card:var(--leading-arabic);--lh-tight:var(--leading-arabic);--lh-line:var(--leading-arabic)}html[data-theme=day] .story{--story-outline:#0000001a}.story-defs{block-size:0;inline-size:0;position:absolute;overflow:hidden}.story .pulled{display:contents}.pattern{block-size:100%;inline-size:100%;display:block}.pattern-desert,.mark-desert{color:var(--brand-vital)}.pattern-sky,.mark-sky{color:var(--brand-sky)}.pattern-sea,.mark-sea{color:var(--brand-sea)}.story-ch{padding-block:var(--space-10);color:var(--fg);background:0 0;scroll-margin-block-start:var(--pill-band,88px);position:relative}@media (min-width:768px){.story-ch{padding-block:var(--space-11)}}.story .ch-pair{padding-block-start:var(--space-6);overflow:clip}.story .ch-services{padding-block-end:var(--space-6);overflow:clip}.story .ch-contact{padding-block-start:0}.ch-head{align-items:center;gap:var(--space-4);margin-block-end:var(--space-7);display:flex}@media (min-width:768px){.ch-head{margin-block-end:var(--space-8)}}@media (min-width:1024px){.ch-head{gap:var(--space-5)}}.ch-title{letter-spacing:-.01em;text-wrap:balance;font-size:1.75rem;line-height:1.15}html[lang=ar] .ch-title{line-height:var(--leading-arabic)}@media (min-width:768px){.ch-title{font-size:2.25rem}}.mark{clip-path:circle(50%);flex:none;block-size:64px;inline-size:64px}@media (min-width:1024px){.mark{block-size:96px;inline-size:96px}}.story .story-hero{align-content:center;min-block-size:72svh;display:grid}html:not([data-theme=day]) .story .story-hero:before{background:linear-gradient(#02212b8c,#02212b4d calc(100% - 64px),#02212b00)}html[data-theme=day] .story .story-hero:before{background:linear-gradient(#faf7f2cc,#faf7f2a6 calc(100% - 64px),#faf7f200)}.story-hero-grid{gap:var(--space-8);align-items:center;display:grid}@media (min-width:768px){.story-hero-grid{gap:var(--space-9);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (min-width:1024px){.story-hero-grid{gap:var(--space-10);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}}.story-hero-text{gap:var(--space-5);justify-items:start;display:grid}@media (min-width:768px){.story-hero-text{gap:var(--space-6)}}.story-intro{gap:var(--space-4);max-inline-size:60ch;font-size:1.0625rem;line-height:var(--lh-body);display:grid}@media (min-width:768px){.story-intro{font-size:1.125rem}}.triptych{--tile:72px;gap:var(--space-4);justify-items:start;display:grid}.tile{grid-template-columns:var(--tile) minmax(0, 1fr);align-items:center;gap:var(--space-4);color:var(--fg);display:grid;position:relative}.tile-art{inline-size:var(--tile);block-size:var(--tile);outline:1px solid var(--story-outline);outline-offset:-1px;transition:outline-color .15s ease-out;display:block;position:relative}.tile-label{font-size:var(--text-sm);font-weight:500;line-height:var(--lh-line);text-wrap:balance;text-underline-offset:.18em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .15s ease-out}html:not([data-theme=day]) .tile-sea .pattern-sea{color:var(--brand-sky);opacity:.85}.tile:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:2px}.tile:focus-visible .tile-label{text-decoration-color:currentColor}@media (hover:hover) and (pointer:fine){.tile:hover .tile-art{outline-color:#ffffff73}html[data-theme=day] .tile:hover .tile-art{outline-color:#02212b73}.tile:hover .tile-label{text-decoration-color:currentColor}}@media (min-width:768px){.triptych{--tile:120px;gap:var(--space-5);justify-items:end}.tile{grid-template-columns:var(--tile);justify-items:start;gap:8px}.tile-label{max-inline-size:18ch}.tile:nth-child(2){margin-inline-end:24px}.tile:nth-child(3){margin-inline-end:48px}}@media (min-width:1024px){.triptych{--tile:clamp(160px, 16vw, 208px)}}.pair-grid{z-index:1;gap:var(--space-4);display:grid;position:relative}@media (min-width:768px){.pair-grid{gap:var(--space-6);grid-template-columns:1fr 1fr}}.pair-card{gap:var(--space-3);padding:var(--space-5);align-content:start;display:grid}@media (min-width:768px){.pair-card{padding:var(--space-6)}}@media (min-width:1024px){.pair-card{padding:var(--space-7)}}.pair-title{font-size:var(--text-xl);line-height:var(--lh-tight);letter-spacing:0}.pair-text{font-size:1.0625rem;line-height:var(--lh-card)}@media (max-width:767px){.pair-text,.contact-line{padding-inline-end:40px}.beat-line{padding-inline-end:56px}}.band{--band:480px;z-index:0;inline-size:var(--band);block-size:var(--band);opacity:.1;pointer-events:none;position:absolute;inset-block-start:calc(50% - var(--band) / 2);inset-inline-end:calc(var(--band) * -.18)}@media (min-width:768px){.band{--band:720px}}@media (min-width:1024px){.band{--band:960px}}.beats{margin:0;padding:0;list-style:none}.beat{max-inline-size:34rem;break-inside:avoid;align-content:start;gap:6px;padding-block-end:var(--space-7);display:grid}@media (min-width:768px){.beat{padding-block-end:var(--space-8)}}.beat:last-child{padding-block-end:0}@media (min-width:1024px){.beats{columns:2;column-gap:var(--space-10)}.beat{max-inline-size:none}}@media (min-width:1024px) and (max-width:1199.98px){.beats{padding-inline-end:40px}}.beat-name{font-size:1.375rem;line-height:var(--lh-tight)}@media (min-width:768px){.beat-name{font-size:1.75rem}}.beat-line{font-size:1rem;line-height:var(--lh-line)}.story-card{--poster:clamp(96px, 30vw, 128px);flex-direction:row;align-items:center;block-size:auto;margin-block-start:10px}@media (min-width:768px){.story-card{flex-direction:column;justify-self:start;align-items:stretch;inline-size:min(100%,300px)}}.story-card-media{inline-size:var(--poster);background:var(--surface);border-radius:16px;flex:none;margin:8px;margin-inline-end:0;position:relative}@media (min-width:768px){.story-card-media{border-radius:20px;inline-size:calc(100% - 16px);margin:8px;margin-block-end:0}}.story-card-media:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--story-outline);pointer-events:none;position:absolute;inset:0}.story-card:is(:hover,:focus-within) .card-media img{transform:none}.story-card-body{min-inline-size:0;font-size:var(--text-base);text-wrap:balance;flex:auto;padding:14px 16px;font-weight:600;line-height:1.3;display:block}@media (min-width:640px){.story-card-body{font-size:var(--text-lg)}}@media (min-width:768px){.story-card-body{padding:14px 16px 16px}}html[lang=ar] .story-card-body{line-height:var(--leading-arabic)}html[lang=ar] .story-card-body:has(>[lang=en]){line-height:1.3}.story-card-name{text-underline-offset:.18em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .15s ease-out}.story-card:focus-visible{outline:2px solid var(--glass-focus,var(--paper));outline-offset:2px}.story-card:focus-visible .story-card-name{text-decoration-color:currentColor}@media (hover:hover) and (pointer:fine){.story-card:hover .story-card-name{text-decoration-color:currentColor}}.story .ch-services .wrap{z-index:1;position:relative}.services{gap:var(--space-3);font-size:1.125rem;font-weight:600;line-height:var(--lh-tight);margin:0;padding:0;list-style:none;display:grid}.services li{align-items:center;min-block-size:48px;display:flex}@media (min-width:768px){.services{gap:var(--space-5) var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr))}.services li{align-items:flex-start}}@media (min-width:1024px){.services{grid-template-columns:repeat(5,minmax(0,1fr))}}.story .story-sheet{scroll-margin-block-start:var(--pill-band,88px)}.sheet-grid{gap:var(--space-8);display:grid}.story-sheet .ch-head{margin-block-end:0}.sheet-title{color:var(--brand-sea)}.values-grid{gap:var(--space-6) var(--space-9);margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.values-grid{grid-template-columns:1fr 1fr}}.values-grid li{align-content:start;gap:4px;display:grid}.value-label{font-size:1.125rem;line-height:var(--lh-tight)}.value-line{font-size:1rem;line-height:var(--lh-line);color:var(--fg-muted);max-inline-size:48ch}.standout-title{margin-block-start:var(--space-4)}.standout{gap:var(--space-4) var(--space-7);font-size:1.25rem;font-weight:600;line-height:var(--lh-tight);margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.standout{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.standout{grid-template-columns:repeat(3,minmax(0,1fr))}}.contact-card{gap:var(--space-6);max-inline-size:640px;padding:var(--space-6);justify-items:start;margin-inline:auto;display:grid}@media (min-width:768px){.contact-card{padding:var(--space-8)}}.contact-line{font-size:1.125rem;line-height:var(--lh-line);max-inline-size:60ch}@keyframes story-rise{0%{opacity:0;translate:0 32px}to{opacity:1;translate:0}}@keyframes story-light{0%{opacity:.72}to{opacity:1}}@keyframes tile-rise{to{translate:0 var(--rise,-56px)}}@keyframes band-drift{0%{translate:0 48px}to{translate:0 -48px}}.tile:first-child{--rise:-32px}.tile:nth-child(2){--rise:-56px}.tile:nth-child(3){--rise:-80px}@media (min-width:1024px){.tile:first-child{--rise:-56px}.tile:nth-child(2){--rise:-98px}.tile:nth-child(3){--rise:-140px}}@supports (animation-timeline:view()){.story [data-story=rise]{animation:linear both story-rise;animation-timeline:view();animation-range:entry entry 60%}.story [data-story=light]{animation:linear both story-light;animation-timeline:view(0 30%);animation-range:entry}.story .tile{animation:linear both tile-rise;animation-timeline:view();animation-range:entry exit}.story .band{animation:linear both band-drift;animation-timeline:view();animation-range:entry exit}}.story [data-story]{transition:opacity .24s ease-out,translate .24s ease-out}.story [data-story].is-in{transition-duration:.4s,.4s}@supports not (animation-timeline:view()){html.js-story .story [data-story=rise]:not(.is-in){opacity:0;translate:0 32px}html.js-story .story [data-story=light]:not(.is-in){opacity:.72}.story [data-story=light],.story [data-story=light].is-in{transition-duration:.2s,.2s}}@media (prefers-reduced-motion:reduce){.story [data-story],.story .tile,.story .band{animation:none!important}}@supports not (animation-timeline:view()){@media (prefers-reduced-motion:reduce){html.js-story .story [data-story=rise]:not(.is-in){opacity:.6;translate:none}html.js-story .story [data-story=light]:not(.is-in){opacity:1}}}@media (forced-colors:active){.story .band{display:none}.tile-art{outline:1px solid canvastext}}@media print{.story [data-story],.story .tile,.story .band{animation:none!important}html.js-story .story [data-story]:not(.is-in){opacity:1;translate:none}.story .band,.story .mark,.story .triptych{display:none}}}