/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyah-sans-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyah-sans-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyah-sans-bold.woff2)format("woff2");font-weight:700 900;font-style:normal;font-display:swap}@font-face{font-family:Thmanyah Display;src:url(/fonts/thmanyah-display-black.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--ink:#151515;--paper:#f7f7f5;--surface:#fff;--soft:#ececea;--muted:#6d6d69;--violet:#2d2d31;--purple:#7659ff;--lime:#c7ff38;--deep-blue:#102d58;--accent:var(--purple);--line:#15151526}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Thmanyah Sans,Noto Sans Arabic,Segoe UI,Arial,sans-serif}h1,h2,h3,.wordmark,.footer-wordmark{font-family:Thmanyah Display,Thmanyah Sans,sans-serif}[dir=ltr] h1,[dir=ltr] h2,[dir=ltr] h3,[dir=ltr] .wordmark,[dir=ltr] .footer-wordmark{font-family:Thmanyah Sans,Segoe UI,Arial,sans-serif;font-weight:700}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible){outline-offset:5px;outline:3px solid #3e65ff}.arrow-icon{flex:none;width:1em;height:1em;display:block;overflow:visible}.arrow-icon path{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.site-footer>a{align-items:center;gap:7px;display:inline-flex}.site-header{z-index:100;color:#fff;border-bottom:1px solid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;width:100%;margin:0;padding:24px max(36px,50vw - 720px);transition:padding .26s,color .26s,background-color .26s,border-color .26s,box-shadow .26s;display:grid;position:fixed;inset:0 0 auto}.site-header-dark{color:var(--ink);border-bottom-color:#1817182e}.site-header-light{color:#fff;border-bottom-color:#ffffff40}.site-header-scrolled{color:var(--ink);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:#fbfbfae0;border-bottom-color:#1817181f;padding-block:16px;box-shadow:0 10px 34px #18171814}.wordmark{letter-spacing:-.05em;justify-self:start;align-items:baseline;gap:8px;font-size:28px;font-weight:850;display:flex}[dir=rtl] .wordmark{justify-self:start}.wordmark small{letter-spacing:.12em;text-transform:uppercase;opacity:.65;font-size:10px;font-weight:700}.site-header nav{gap:clamp(28px,3.4vw,54px);padding-inline:32px;font-size:13px;font-weight:700;display:flex}.site-header nav a{position:relative}.site-header nav a:after{content:"";background:currentColor;height:1px;transition:transform .24s;position:absolute;inset:auto 0 -7px;transform:scaleX(0)}.site-header nav a:hover:after{transform:scaleX(1)}.header-actions{justify-self:end;align-items:center;gap:10px;display:flex}[dir=rtl] .header-actions{justify-self:end}.language-toggle{min-width:52px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;justify-self:end;padding:10px 14px;font-size:12px;font-weight:800;transition:background .2s,color .2s}[dir=rtl] .language-toggle{justify-self:start}.language-toggle:hover{color:var(--paper);background:currentColor}.menu-toggle{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:50%;padding:0;display:none}.menu-toggle span{background:currentColor;width:16px;height:1px;margin:5px auto;display:block}.mobile-menu{display:none}.hero{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 77% 36%,#1515150f,#0000 22%),linear-gradient(90deg,#1515150a 1px,#0000 1px) 0 0/12.5vw 100%,#fbfbfa;flex-direction:column;justify-content:center;padding:150px max(24px,50vw - 720px) 54px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.42;background:radial-gradient(circle,#1817181f 1.2px,#0000 1.4px) 0 0/28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 63%);mask-image:linear-gradient(#000,#0000 63%)}.hero-orbit{pointer-events:none;border:1px solid #1817182e;border-radius:50%;position:absolute}.hero-orbit-one{aspect-ratio:1;width:44vw;inset:-20vw auto auto -9vw}.hero-orbit-two{aspect-ratio:1;opacity:.42;border-color:#15151540;width:25vw;inset:auto -5vw -11vw auto}.eyebrow,.hero-title,.hero-foot,.scroll-note{z-index:1;position:relative}.eyebrow{letter-spacing:.02em;opacity:.76;margin:0 0 24px;font-size:clamp(12px,1.15vw,16px);font-weight:700}.hero-title{letter-spacing:-.07em;flex-direction:column;max-width:1280px;margin:0;font-size:clamp(58px,9.8vw,156px);font-weight:900;line-height:1.02;display:flex}.hero-title strong{background:var(--purple);color:#fff;width:max-content;max-width:100%;font:inherit;border-radius:.16em;margin:.07em 0;padding:.05em .16em .12em;transform:rotate(-1.4deg);box-shadow:0 14px 36px #7659ff33}[dir=rtl] .hero-title strong{align-self:flex-start}[dir=ltr] .hero-title{letter-spacing:-.075em;font-size:clamp(54px,8vw,128px)}.hero-foot{justify-content:space-between;align-items:end;gap:32px;margin-top:clamp(42px,7vh,90px);display:flex}.hero-foot p{opacity:.78;max-width:520px;margin:0;font-size:clamp(16px,1.45vw,22px);line-height:1.65}.pill-button{border:1px solid var(--ink);border-radius:999px;align-items:center;gap:16px;padding:17px 24px;font-size:14px;font-weight:800;transition:background .22s,color .22s,transform .22s;display:inline-flex}.pill-button:hover{background:var(--ink);color:#fff;transform:translateY(-3px)}.scroll-note{letter-spacing:.22em;writing-mode:vertical-rl;opacity:.6;align-items:center;gap:10px;font-size:9px;font-weight:800;display:flex;position:absolute;inset:auto 24px 54px auto}.scroll-note span{background:currentColor;width:1px;height:44px}.work-section{padding:clamp(96px,12vw,180px) max(24px,50vw - 720px)}.section-heading{grid-template-columns:1fr 2fr;align-items:start;gap:28px;margin-bottom:68px;display:grid}.section-index{letter-spacing:.15em;margin:8px 0 0;font-size:11px;font-weight:850}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(48px,7.2vw,110px);line-height:1.05}.section-heading div>p{color:#656064;max-width:560px;margin:26px 0 0;font-size:17px;line-height:1.7}.portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.portfolio-card{border:1px solid var(--line);background:var(--surface);min-height:760px;color:var(--ink);isolation:isolate;border-radius:34px;grid-column:span 12;grid-template-rows:auto 1fr;transition:transform .36s cubic-bezier(.22,1,.36,1),box-shadow .36s;display:grid;position:relative;overflow:hidden}.portfolio-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px #1817181c}.portfolio-card-copy{z-index:3;grid-template-columns:44px 1fr auto;align-items:start;gap:18px;padding:38px 40px 30px;display:grid;position:relative}.portfolio-card-copy .project-meta{color:currentColor;opacity:.68;margin:3px 0 10px;font-size:12px}.portfolio-card-copy h3{letter-spacing:-.045em;margin:0;font-size:clamp(42px,5vw,78px);line-height:1.08}.round-arrow{border:1px solid;border-radius:50%;place-items:center;width:48px;height:48px;font-size:21px;transition:transform .3s,background .3s,color .3s;display:grid}.portfolio-card:hover .round-arrow{background:var(--ink);color:#fff;transform:rotate(45deg)}.portfolio-card-media{background:#ededeb;border:1px solid #15151517;border-radius:26px;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:clamp(14px,2vw,28px);min-height:560px;margin:0 24px 24px;padding:clamp(28px,4vw,62px);display:grid;position:relative;overflow:hidden}.mockup-stage:before{aspect-ratio:1;content:"";filter:blur(34px);background:#ffffffc7;border-radius:50%;width:62%;position:absolute;inset:8% auto auto 18%}.mockup-frame{z-index:1;aspect-ratio:3/4;background:#fff;border:8px solid #fff;border-radius:20px;grid-column:span 4;height:auto;margin:0;transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .65s;position:relative;overflow:hidden;box-shadow:0 28px 60px #15151524}.mockup-frame img{object-fit:cover;object-position:center;background:#fff;width:100%;height:100%;display:block}.portfolio-card:hover .mockup-frame{transform:translateY(-8px);box-shadow:0 34px 70px #1515152e}.portfolio-card:hover .mockup-frame-2{transform:translateY(-16px)}.card-notice{z-index:4;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000094;border-radius:999px;width:max-content;max-width:calc(100% - 52px);margin:0;padding:9px 13px;font-size:11px;position:absolute;inset:auto 26px 20px}.mockup-taqdeer-program .mockup-frame-2{aspect-ratio:1}.mockup-biban-2025 .mockup-frame-1{aspect-ratio:16/10;grid-column:span 7}.mockup-biban-2025 .mockup-frame-2{aspect-ratio:9/16;grid-column:span 2}.mockup-biban-2025 .mockup-frame-3{aspect-ratio:3/2;grid-column:span 3}.mockup-live-the-world-cup .mockup-frame{aspect-ratio:2/3;grid-column:span 6}.mockup-saudi-feast-festival .mockup-frame-2{aspect-ratio:5/4;grid-column:span 5}.mockup-saudi-feast-festival .mockup-frame-1,.mockup-saudi-feast-festival .mockup-frame-3{aspect-ratio:4/5;grid-column:span 3}.mockup-saudi-feast-festival{justify-content:center}.project-list{gap:32px;display:grid}.project-card{color:#fff;border-radius:34px;grid-template-rows:auto 1fr;min-height:min(74vw,780px);display:grid;position:relative;overflow:hidden}.project-copy{z-index:2;grid-template-columns:60px 1fr auto;align-items:start;gap:22px;padding:clamp(24px,4vw,56px);display:grid;position:relative}.project-number{opacity:.65;padding-top:9px;font-size:12px;font-weight:800}.project-meta{opacity:.7;margin:0 0 12px;font-size:12px;font-weight:700}.project-copy h3{letter-spacing:-.06em;margin:0;font-size:clamp(42px,6vw,90px);line-height:.95}.project-link{border:1px solid #ffffff59;border-radius:999px;padding:12px 17px;font-size:12px;font-weight:800;display:inline-flex}.project-visual{min-height:500px;position:relative}.project-visual img{object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,0,1);display:block;position:absolute}.project-card:hover .project-visual img{transform:translateY(-8px)scale(1.025)}.project-taqdeer{background:#061651}.taqdeer-visual:before{content:"";opacity:.3;background:#2bbcff;border-radius:50% 50% 0 0;position:absolute;inset:14% 4% 0 18%}.taqdeer-visual img:first-child{z-index:2;border-radius:18px 18px 0 0;width:min(31vw,420px);height:88%;inset:8% auto auto 13%;box-shadow:0 28px 70px #00000059}.taqdeer-visual img:last-child{filter:saturate(.9);border-radius:24px 24px 0 0;width:56%;height:74%;inset:22% 8% auto auto}.project-gosi{color:#08125b;background:#e7f3ff}.project-gosi .project-link{border-color:#08125b3d}.gosi-visual{overflow:hidden}.gosi-glow{filter:blur(110px);opacity:.2;background:#00ce13;border-radius:50%;width:55vw;height:55vw;position:absolute;inset:4% auto auto 22%}.gosi-visual img{object-position:top;border-radius:30px 30px 0 0;width:min(48vw,620px);height:94%;inset:auto 10% 0 auto;box-shadow:0 35px 90px #08125b2b}.reveal{animation:.8s cubic-bezier(.22,1,.36,1) both rise}.reveal-delay-1{animation-delay:.12s}.reveal-delay-2{animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}[data-reveal]{opacity:0;transition:opacity .76s,transform .82s cubic-bezier(.22,1,.36,1);transform:translateY(42px)scale(.985)}[data-reveal].is-visible{opacity:1;transform:translateY(0)scale(1)}.portfolio-card[data-reveal],.skill-groups article[data-reveal],.client-logo[data-reveal]{clip-path:inset(15% 0 0 round 30px);transition:opacity .76s,transform .82s cubic-bezier(.22,1,.36,1),clip-path .9s cubic-bezier(.22,1,.36,1)}.portfolio-card[data-reveal].is-visible,.skill-groups article[data-reveal].is-visible,.client-logo[data-reveal].is-visible{clip-path:inset(0 round 30px)}.about-section{border-top:1px solid var(--line);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(38px,7vw,110px);padding:clamp(90px,12vw,180px) max(24px,50vw - 720px);display:grid}.about-image{background:#d9d3c9;border-radius:34px;min-height:710px;position:relative;overflow:hidden}.about-image:after{content:"";background:linear-gradient(#0000 54%,#0000008f);position:absolute;inset:0}.about-image img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.about-image span{z-index:1;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff75;border-radius:999px;width:max-content;padding:10px 15px;font-size:12px;position:absolute;inset:auto 28px 26px}.about-copy h2{letter-spacing:-.05em;max-width:760px;margin:28px 0;font-size:clamp(52px,6.8vw,104px);line-height:1.08}.about-copy>p:not(.section-index){color:#5e595d;max-width:680px;margin:0;font-size:clamp(18px,1.7vw,24px);line-height:1.85}.about-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:46px;display:grid}.about-facts span{border:1px solid var(--line);border-radius:22px;flex-direction:column;justify-content:space-between;min-height:145px;padding:22px;display:flex}.about-facts strong{font-family:Thmanyah Display,sans-serif;font-size:clamp(38px,4vw,64px);line-height:1}.experience-section{background:var(--soft);color:var(--ink);padding:clamp(100px,12vw,180px) max(24px,50vw - 720px)}.light-heading{margin-bottom:58px}.light-heading .section-index{color:var(--muted)}.experience-list{border-top:1px solid var(--line)}.experience-list article{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 1.3fr 1.5fr;align-items:center;gap:22px;min-height:132px;padding:24px 4px;display:grid}.experience-list p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.experience-list h3{margin:0;font-size:clamp(24px,2.5vw,40px);line-height:1.12}.experience-index{color:var(--ink);letter-spacing:.12em;font-size:11px;font-weight:800}.clients-section{background:#fbfbfa;padding:clamp(100px,12vw,180px) max(24px,50vw - 720px)}.clients-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.client-logo{border:1px solid var(--line);text-align:center;background:#fff;border-radius:28px;flex-direction:column;justify-content:space-between;align-items:center;min-height:220px;padding:34px 24px 22px;transition:transform .3s,box-shadow .3s;display:flex}.client-logo:hover{transform:translateY(-5px);box-shadow:0 22px 50px #15151514}.client-logo img{object-fit:contain;filter:grayscale();opacity:.68;width:100%;height:100px;transition:filter .28s,opacity .28s}.client-logo:hover img{filter:grayscale(0);opacity:1}.client-logo p{color:var(--muted);margin:24px 0 0;font-size:13px}.skills-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(34px,7vw,120px);padding:clamp(100px,12vw,180px) max(24px,50vw - 720px);display:grid}.skills-intro{align-self:start;position:sticky;top:34px}.skills-intro h2{letter-spacing:-.05em;margin:28px 0;font-size:clamp(50px,6.2vw,96px);line-height:1.08}.education-note{color:#686267;max-width:520px;margin:0;font-size:17px;line-height:1.65}.skill-groups{gap:18px;display:grid}.skill-groups article{border:1px solid var(--line);background:#fff;border-radius:30px;min-height:280px;padding:28px;position:relative;overflow:hidden;box-shadow:0 18px 50px #1817180a}.skill-groups article:after{aspect-ratio:1;background:var(--purple);content:"";opacity:.28;filter:blur(22px);border-radius:50%;width:170px;position:absolute;inset:auto -42px -60px auto}.skill-groups article:nth-child(2):after{background:var(--lime);opacity:.36}.skill-groups article:nth-child(3):after{background:var(--deep-blue);opacity:.3}.skill-groups article>span{color:#7f787d;font-size:11px;font-weight:800}.skill-groups h3{margin:18px 0 34px;font-size:clamp(34px,4vw,58px);line-height:1}.skill-groups ul{z-index:1;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex;position:relative}.skill-groups li{border:1px solid var(--line);background:#ffffffc2;border-radius:999px;padding:10px 14px;font-size:13px}.skill-groups article:first-child li{border-color:#7659ffb3}.skill-groups article:nth-child(2) li{border-color:#8bc000c7}.skill-groups article:nth-child(3) li{border-color:#102d58ad}.skill-note{z-index:1;max-width:560px;color:var(--muted);margin:28px 0 0;font-size:14px;line-height:1.75;position:relative}.contact-section{color:#fff;background:#171717;border-radius:38px;margin:0 max(18px,50vw - 750px) 18px;padding:clamp(70px,8vw,120px)}.contact-section .section-index{color:var(--lime)}.contact-section h2{letter-spacing:-.06em;max-width:1100px;margin:42px 0 32px;font-size:clamp(60px,8.6vw,132px);line-height:1.06}.contact-lead{color:#fff;background:#ffffff17;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:11px;width:max-content;max-width:100%;margin:0 0 56px;padding:12px 16px;font-size:17px;line-height:1.6;display:flex}.availability-dot{background:var(--lime);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 5px #d8ff6a1f}.contact-links{border-top:1px solid #ffffff38;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.contact-links a{border-bottom:1px solid #ffffff38;justify-content:space-between;align-items:center;min-height:84px;padding:0 6px;font-size:clamp(17px,1.5vw,22px);display:flex}.contact-links a:nth-child(odd){margin-inline-end:24px}.contact-label{min-width:0}.contact-icon{border:1px solid #ffffff59;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font:700 12px Thmanyah Sans,sans-serif;transition:transform .22s,background .22s,color .22s;display:grid}.contact-links a:hover .contact-icon{color:var(--ink);background:#fff;transform:translateY(-3px)}.site-footer{grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;padding:58px max(24px,50vw - 720px);display:grid}.footer-wordmark{align-items:baseline;gap:9px;font-size:clamp(48px,6vw,86px);line-height:1;display:flex}.footer-wordmark small{letter-spacing:.14em;text-transform:uppercase;font:700 10px Thmanyah Sans,sans-serif}.site-footer p,.site-footer a{color:#746e72;margin:0;font-size:12px}.site-footer a{justify-self:end}.project-page{background:var(--paper);overflow:hidden}.project-hero{color:#fff;min-height:100svh;padding:132px max(24px,50vw - 720px) 0}.hero-taqdeer .project-hero{background:linear-gradient(145deg,#06164f,#1245a5)}.hero-gosi .project-hero{color:#07145b;background:linear-gradient(150deg,#edf7ff,#bfe4ff)}.hero-biban .project-hero{background:linear-gradient(150deg,#061633,#0a3773)}.hero-feast .project-hero{color:#34250f;background:linear-gradient(145deg,#f3dfae,#e8bc5e)}.hero-world-cup .project-hero{background:linear-gradient(145deg,#5f0c14,#941a22)}.project-hero-top{border-top:1px solid;justify-content:space-between;align-items:center;padding-top:22px;font-size:12px;display:flex}.project-hero-top p{opacity:.64;margin:0}.back-link{align-items:center;gap:8px;display:inline-flex}.project-category{opacity:.68;margin:clamp(70px,8vw,120px) 0 18px;font-size:13px;font-weight:700}.project-hero h1{letter-spacing:-.06em;max-width:1280px;margin:0;font-size:clamp(66px,10vw,154px);line-height:1.04}.project-summary{opacity:.78;max-width:820px;margin:42px 0 0;font-size:clamp(20px,2vw,29px);line-height:1.65}.project-notice{opacity:.76;border:1px solid;border-radius:999px;width:max-content;max-width:100%;margin:24px 0 0;padding:10px 15px;font-size:12px}.project-facts{border-top:1px solid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:74px 0 46px;padding-top:24px;display:grid}.project-facts div{min-width:0}.project-facts dt{opacity:.55;margin-bottom:13px;font-size:11px;font-weight:800}.project-facts dd{margin:0;font-size:14px;line-height:1.55}.project-cover{background:#ffffff17;border-radius:36px 36px 0 0;height:min(72vw,920px);position:relative;overflow:hidden}.project-cover>img:last-child{object-fit:cover;object-position:top;border-radius:26px 26px 0 0;width:min(46%,620px);height:92%;position:absolute;inset:auto 8% 0 auto;box-shadow:0 35px 90px #00000040}.project-cover .cover-support{object-fit:cover;border-radius:26px 26px 0 0;width:47%;height:68%;position:absolute;inset:auto auto 0 8%;box-shadow:0 35px 90px #00000040}.project-cover-gosi-financial-awareness>img:last-child,.project-cover-saudi-feast-festival>img:last-child,.project-cover-live-the-world-cup>img:last-child{width:48%;inset-inline-end:26%}.story-section{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:clamp(48px,9vw,150px);padding:clamp(100px,13vw,190px) max(24px,50vw - 720px);display:grid}.story-sticky{border-top:1px solid var(--line);grid-template-columns:42px 1fr;align-self:start;gap:18px;padding-top:16px;display:grid;position:sticky;top:42px}.story-sticky span,.story-label{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:850}.story-sticky p{color:#6b6569;max-width:300px;margin:0;font-size:16px;line-height:1.6}.story-copy{gap:110px;display:grid}.story-copy article{border-bottom:1px solid var(--line);padding-bottom:110px}.story-copy h2{letter-spacing:-.035em;margin:24px 0 0;font-family:Thmanyah Sans,sans-serif;font-size:clamp(30px,4.1vw,62px);font-weight:500;line-height:1.45}.story-label{color:var(--violet);margin:0}.project-gallery{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;padding:0 max(18px,50vw - 750px) clamp(100px,12vw,180px);display:grid}.gallery-item{background:#ddd6cd;border-radius:28px;grid-column:span 6;margin:0;overflow:hidden}.gallery-item:nth-child(3n){grid-column:span 12}.gallery-item img{object-fit:cover;object-position:top;width:100%;height:100%;min-height:560px;max-height:920px;transition:transform .7s cubic-bezier(.22,1,.36,1);display:block}.gallery-item:hover img{transform:scale(1.02)}.gallery-portrait img{aspect-ratio:4/5}.gallery-landscape img{aspect-ratio:16/10}.gallery-square img{aspect-ratio:1}.gallery-item figcaption{background:var(--paper);color:#686267;gap:18px;padding:15px 18px;font-size:12px;display:flex}.gallery-item figcaption span{color:var(--ink);font-weight:800}.motion-section{background:var(--ink);color:#fff;grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);align-items:start;gap:36px;padding:clamp(90px,11vw,160px) max(24px,50vw - 720px);display:grid}.motion-section h2{margin:28px 0 0;font-size:clamp(52px,6vw,92px);line-height:1.08}.motion-section .section-index{color:var(--lime)}.motion-section video{background:#000;border-radius:28px;width:100%;box-shadow:0 34px 80px #00000059}.process-section{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(48px,9vw,150px);padding:clamp(100px,12vw,180px) max(24px,50vw - 720px);display:grid}.process-heading h2{margin:28px 0 0;font-size:clamp(50px,6vw,96px);line-height:1.08}.process-section ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.process-section li{border-bottom:1px solid var(--line);grid-template-columns:50px 1fr;align-items:center;gap:18px;min-height:110px;display:grid}.process-section li span{color:var(--violet);font-size:11px;font-weight:800}.process-section li p{margin:0;font-size:clamp(19px,2vw,28px)}.outcome-section{background:var(--violet);color:#fff;border-radius:38px;margin:0 max(18px,50vw - 750px);padding:clamp(70px,9vw,130px)}.outcome-section .section-index{color:var(--lime)}.outcome-section h2{letter-spacing:-.035em;max-width:1120px;margin:36px 0 0;font-family:Thmanyah Sans,sans-serif;font-size:clamp(34px,4.5vw,68px);font-weight:500;line-height:1.42}.next-project{background:var(--ink);color:#fff;grid-template-columns:1fr auto;gap:18px;margin-top:18px;padding:clamp(70px,9vw,130px) max(24px,50vw - 720px);display:grid;position:relative;overflow:hidden}.next-project p{opacity:.6;grid-column:1/-1;margin:0;font-size:12px}.next-project h2{letter-spacing:-.06em;margin:32px 0 0;font-size:clamp(62px,9vw,138px);line-height:1.04}.next-project>span{border:1px solid;border-radius:50%;align-self:end;place-items:center;width:74px;height:74px;font-size:30px;transition:transform .28s,background .28s,color .28s;display:grid}.next-project:hover>span{color:var(--ink);background:#fff;transform:rotate(45deg)}[dir=rtl] .hero-title{letter-spacing:-.045em;line-height:1.13}[dir=rtl] .section-heading h2,[dir=rtl] .about-copy h2,[dir=rtl] .skills-intro h2,[dir=rtl] .contact-section h2,[dir=rtl] .portfolio-card-copy h3,[dir=rtl] .experience-list h3,[dir=rtl] .project-hero h1,[dir=rtl] .motion-section h2,[dir=rtl] .process-heading h2,[dir=rtl] .next-project h2{letter-spacing:-.035em;line-height:1.18}@media (max-width:1024px){.site-header{grid-template-columns:1fr auto;width:100%;padding-inline:18px}.site-header nav{display:none}.header-actions,[dir=rtl] .header-actions{justify-self:end}[dir=rtl] .wordmark{justify-self:start}.menu-toggle{display:block}.mobile-menu{background:var(--ink);color:#fff;opacity:0;border-radius:24px;max-height:0;transition:max-height .36s,opacity .26s,transform .36s;display:grid;position:absolute;inset:82px 0 auto;overflow:hidden;transform:translateY(-10px)}.mobile-menu.is-open{opacity:1;max-height:420px;transform:translateY(0)}.mobile-menu a{border-bottom:1px solid #ffffff26;grid-template-columns:40px 1fr;align-items:center;min-height:70px;padding:0 22px;font-size:21px;display:grid}.mobile-menu a:last-child{border-bottom:0}.mobile-menu small{color:var(--lime);font-size:9px}.hero{min-height:780px;padding-inline:20px}.hero:before{background-size:25vw 100%}.hero-title{font-size:clamp(52px,13vw,98px);line-height:1.08}[dir=ltr] .hero-title{font-size:clamp(48px,14vw,72px)}.hero-foot{flex-direction:column;align-items:start}.scroll-note{display:none}.section-heading,.portfolio-grid{grid-template-columns:1fr}.portfolio-card,.card-taqdeer,.card-gosi,.card-biban,.card-feast,.card-world-cup{border-radius:24px;grid-column:1;min-height:650px}.portfolio-card-copy{grid-template-columns:28px 1fr 44px;padding:24px}.portfolio-card-copy h3{font-size:clamp(40px,9vw,68px)}.portfolio-card-media{gap:14px;min-height:500px;margin:0 14px 14px;padding:28px}.mockup-frame{border-width:6px;border-radius:16px}.about-section,.skills-section,.story-section,.motion-section,.process-section{grid-template-columns:1fr}.about-image{min-height:560px}.about-copy h2{font-size:clamp(48px,15vw,76px)}.about-facts{grid-template-columns:1fr}.experience-list article{grid-template-columns:34px 1fr;gap:10px 14px;padding:28px 0}.experience-list article h3,.experience-list article>p:last-child{grid-column:2}.skills-intro{position:static}.contact-section,.outcome-section{border-radius:28px;margin-inline:10px;padding:62px 24px}.contact-section h2{font-size:clamp(54px,15vw,82px)}.contact-links{grid-template-columns:1fr}.contact-links a:nth-child(odd){margin-inline-end:0}.site-footer{grid-template-columns:1fr auto;align-items:center}.site-footer p{grid-area:2/1/auto/-1}.project-hero{padding-inline:18px}.project-hero h1{font-size:clamp(62px,17vw,96px)}.project-summary{font-size:19px}.project-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.project-cover{border-radius:26px 26px 0 0;height:720px}.project-cover>img:last-child{width:72%;height:82%;inset-inline-end:-2%}.project-cover .cover-support{width:58%;height:56%;inset-inline-start:-4%}.project-cover-biban-2025>img:last-child{width:100%;height:100%;inset:0}.project-cover-gosi-financial-awareness>img:last-child,.project-cover-saudi-feast-festival>img:last-child,.project-cover-live-the-world-cup>img:last-child{width:78%;inset-inline-end:11%}.story-sticky{position:static}.story-copy{gap:70px}.story-copy article{padding-bottom:70px}.project-gallery{grid-template-columns:1fr;padding-inline:10px}.gallery-item,.gallery-item:nth-child(3n){border-radius:22px;grid-column:1}.gallery-item img{min-height:0;max-height:none}.motion-section{padding-inline:18px}.process-section li{min-height:94px}.next-project{padding-inline:24px}.next-project h2{font-size:clamp(58px,16vw,88px)}.next-project>span{width:58px;height:58px}.project-card{border-radius:24px;min-height:760px}.project-copy{grid-template-columns:32px 1fr;gap:12px}.project-copy h3{font-size:clamp(38px,12vw,58px)}.project-link{grid-column:2;justify-self:start}.project-visual{min-height:520px}.taqdeer-visual img:first-child{width:54vw;height:82%;inset:12% auto auto 4%}.taqdeer-visual img:last-child{width:65%;height:62%;inset:31% 3% auto auto}.gosi-visual img{width:78vw;height:96%;inset-inline-end:-8%}}@media (max-width:680px){.site-header{width:100%;padding:16px 14px}.wordmark{font-size:23px}.hero{min-height:740px;padding-top:128px}.hero-title{font-size:clamp(48px,15vw,70px)}.hero-foot{margin-top:38px}.portfolio-card{min-height:520px}.portfolio-card-copy{grid-template-columns:24px 1fr 42px;gap:10px}.portfolio-card-copy h3{font-size:clamp(38px,12vw,56px)}.portfolio-card-media{grid-template-columns:repeat(2,minmax(0,1fr));min-height:300px;padding:20px 14px}.mockup-frame,.mockup-live-the-world-cup .mockup-frame,.mockup-saudi-feast-festival .mockup-frame-1,.mockup-saudi-feast-festival .mockup-frame-2,.mockup-saudi-feast-festival .mockup-frame-3,.mockup-biban-2025 .mockup-frame-1,.mockup-biban-2025 .mockup-frame-2,.mockup-biban-2025 .mockup-frame-3{grid-column:span 1;height:auto}.mockup-biban-2025 .mockup-frame-1{grid-column:span 2}.mockup-frame-3{display:none}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logo{border-radius:22px;min-height:180px;padding:24px 14px 18px}.client-logo img{height:78px}.contact-lead{border-radius:22px;width:100%;font-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.webook-scroll-visual{--webook-scroll-progress:0}.webook-scroll-visual .webook-screen-cycle img{will-change:opacity;transition:none;animation:none!important}.webook-scroll-visual .webook-screen-semi{opacity:calc(1 - var(--webook-scroll-progress))}.webook-scroll-visual .webook-screen-final{opacity:var(--webook-scroll-progress)}.contact-label-with-hint{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.contact-label-with-hint small{color:var(--lime);white-space:nowrap;background:#d8ff6a14;border:1px solid #d8ff6a6b;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:clamp(11px,.9vw,13px);font-weight:700;line-height:1.2;display:inline-flex}.contact-label-with-hint small i{background:var(--lime);border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite contact-hint-pulse;box-shadow:0 0 #d8ff6a94}.contact-icon-pulse{border-color:#d8ff6ab3;animation:2.2s ease-out infinite contact-icon-pulse;box-shadow:0 0 #d8ff6a61,0 0 18px #d8ff6a24}.contact-link-highlight:hover .contact-label-with-hint small{background:var(--lime);color:#111}.contact-link-highlight:hover .contact-label-with-hint small i{background:#111}@keyframes contact-hint-pulse{0%{box-shadow:0 0 #d8ff6a9e}70%,to{box-shadow:0 0 0 8px #d8ff6a00}}@keyframes contact-icon-pulse{0%{box-shadow:0 0 #d8ff6a6b,0 0 16px #d8ff6a21}65%,to{box-shadow:0 0 0 10px #d8ff6a00,0 0 24px #d8ff6a38}}@media (max-width:680px){.contact-label-with-hint{flex-direction:column;align-items:flex-start;gap:7px}.contact-label-with-hint small{padding:4px 8px;font-size:10px}}@media (prefers-reduced-motion:reduce){.contact-label-with-hint small i,.contact-icon-pulse{animation:none}.webook-scroll-visual .webook-screen-semi{opacity:0}.webook-scroll-visual .webook-screen-final{opacity:1}}.hero-title{letter-spacing:-.045em;font-size:clamp(48px,6vw,88px);line-height:1.15}[dir=ltr] .hero-title{font-size:clamp(46px,5.8vw,84px);line-height:1.06}.work-section,.about-section,.experience-section,.clients-section,.skills-section{padding-block:clamp(78px,9vw,128px)}.section-heading{grid-template-columns:minmax(110px,.42fr) minmax(0,1.58fr);margin-bottom:52px}.section-heading h2{max-width:900px;font-size:clamp(42px,5.4vw,78px);line-height:1.12}.portfolio-card{border-radius:28px;min-height:720px;box-shadow:0 12px 34px #1515150b}.portfolio-card-copy{grid-template-columns:38px 1fr auto;padding:30px 32px 24px}.portfolio-card-copy h3{font-size:clamp(38px,4.2vw,62px);line-height:1.16}.portfolio-card-media{background:#ececea;border:0;border-radius:22px;min-height:555px;margin:0 16px 16px;padding:0}.showcase-visual{isolation:isolate;display:block;position:relative}.showcase-visual:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffffa8,#0000 55%);position:absolute;inset:0}.visual-note{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #1515151f;border-radius:999px;align-items:center;gap:9px;margin:0;padding:10px 14px;font-size:12px;display:flex;position:absolute;inset:auto 24px 22px auto}.visual-note i,.event-photo-frame figcaption i,.work-label i,.accent-dot,.case-callout i{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #4f63ff1f}.device-phone,.case-phone{background:#111216;border:10px solid #111216;border-radius:42px;margin:0;position:relative;overflow:hidden;box-shadow:0 35px 75px #1515153b}.device-phone{z-index:3;aspect-ratio:9/18.5;width:min(29%,330px);position:absolute;inset:8% auto -7% 14%;transform:rotate(-4deg)}.device-speaker,.case-phone>span:first-child{z-index:4;background:#111216;border-radius:999px;width:28%;height:16px;position:absolute;inset:8px 36% auto}.device-phone img,.case-phone img{object-fit:cover;object-position:top;border-radius:30px;width:100%;height:100%;display:block}.campaign-poster{z-index:2;aspect-ratio:3/4.15;background:#fff;border-radius:6px;width:min(39%,430px);margin:0;padding:12px;position:absolute;inset:9% 15% auto auto;transform:rotate(3deg);box-shadow:0 32px 70px #15151529}.campaign-poster:after{content:"";background:#ffffffbf;width:45%;height:10px;position:absolute;inset:-5px 28% auto;transform:rotate(-2deg)}.campaign-poster img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.portfolio-card:hover .device-phone{transform:rotate(-2deg)translateY(-10px)}.portfolio-card:hover .campaign-poster{transform:rotate(1deg)translateY(-8px)}.device-phone,.campaign-poster{transition:transform .7s cubic-bezier(.22,1,.36,1)}.showcase-biban{grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);align-items:stretch;gap:18px;padding:18px;display:grid}.event-photo-frame,.concept-sheet{z-index:1;background:#fff;border-radius:18px;margin:0;position:relative;overflow:hidden}.event-photo-frame img{object-fit:cover;width:100%;height:100%;display:block}.event-photo-frame figcaption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:999px;align-items:center;gap:9px;padding:9px 12px;font-size:11px;display:flex;position:absolute;inset:auto 18px 18px auto}.concept-sheet{align-content:center;padding:18px;display:grid}.concept-sheet img{width:100%;display:block}.concept-sheet figcaption{background:var(--accent);color:#fff;border-radius:999px;padding:8px 11px;font-size:11px;position:absolute;inset:14px auto auto 14px}.showcase-feast{grid-template-columns:1fr 1.3fr .78fr;align-items:center;gap:18px;padding:18px;display:grid}.product-tile{z-index:1;background:#fff;border:9px solid #fff;border-radius:18px;margin:0;position:relative;overflow:hidden;box-shadow:0 24px 55px #15151521}.product-tile img{object-fit:cover;width:100%;height:100%;display:block}.product-tile-main{height:84%;transform:rotate(-2deg)}.product-tile-wide{height:72%;transform:translateY(-6%)rotate(1deg)}.product-tile-small{height:64%;transform:translateY(9%)rotate(3deg)}.digital-screen{z-index:1;background:#111216;border:6px solid #1b1c20;border-radius:15px;margin:0;padding:9px;position:absolute;overflow:visible;box-shadow:0 34px 70px #1515153b}.digital-screen:after{content:"";background:#1b1c20;border-radius:2px 2px 8px 8px;width:42%;height:17px;position:absolute;inset:auto 29% -23px}.digital-screen>span{background:#55565a;border-radius:999px;width:18%;height:4px;position:absolute;inset:-5px 41% auto}.digital-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.digital-screen-main{aspect-ratio:2/3;width:min(35%,390px);inset:7% auto auto 19%;transform:rotate(-2deg)}.digital-screen-side{aspect-ratio:2/3;width:min(31%,350px);inset:14% 18% auto auto;transform:rotate(3deg)}.project-index{border-top:1px solid var(--line);grid-template-columns:minmax(220px,.48fr) minmax(0,1.52fr);gap:42px;margin-top:74px;padding-top:26px;display:grid}.project-index-title{align-self:start;align-items:center;gap:13px;display:flex}.project-index-title h3{margin:0;font:700 22px Thmanyah Sans,sans-serif}.project-index-list{border-top:1px solid var(--line);overflow-x:clip}.project-index-list a{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(150px,.72fr) minmax(220px,1.28fr) 30px;align-items:center;gap:18px;min-height:78px;display:grid}.project-index-list span,.project-index-list small{color:var(--muted);font-size:12px}.project-index-list strong{font-size:clamp(20px,2vw,29px)}.project-index-list b{border:1px solid var(--line);border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;transition:background .22s,color .22s,transform .22s;display:grid}.project-index-list a:hover b{background:var(--accent);color:#fff;transform:rotate(45deg)}.hero-taqdeer .project-hero,.hero-gosi .project-hero,.hero-biban .project-hero,.hero-feast .project-hero,.hero-world-cup .project-hero{color:var(--ink);background:#f7f7f5}.project-hero{min-height:auto;padding-top:128px}.project-category{color:var(--accent);opacity:1;margin-top:clamp(54px,6vw,82px)}.project-hero h1{max-width:1100px;font-size:clamp(50px,6.2vw,88px);line-height:1.14}.project-summary{max-width:760px;margin-top:28px;font-size:clamp(18px,1.55vw,23px);line-height:1.75}.project-facts{margin:52px 0 32px}.project-cover{background:#e9e9e6;border-radius:26px 26px 0 0;height:min(58vw,760px)}.project-cover>img:last-child{object-fit:cover;object-position:top;border-radius:22px 22px 0 0;width:44%;height:94%;inset:6% 28% 0 auto;box-shadow:0 32px 75px #15151529}.project-cover-biban-2025>img:last-child{object-position:center;border-radius:0;width:100%;height:100%;inset:0}.project-cover-gosi-financial-awareness>img:last-child,.project-cover-saudi-feast-festival>img:last-child,.project-cover-live-the-world-cup>img:last-child{width:42%;inset:6% 29% 0 auto}.story-section{grid-template-columns:minmax(180px,.52fr) minmax(0,1.48fr);gap:clamp(40px,7vw,100px);padding-block:clamp(76px,8vw,116px)}.story-copy{gap:44px}.story-copy article{padding-bottom:44px}.story-copy h2{margin-top:16px;font-size:clamp(24px,2.65vw,39px);line-height:1.55}.story-label{color:var(--accent)}.case-study-flow{padding:0 max(24px,50vw - 660px) clamp(88px,10vw,140px)}.case-chapter{border-top:1px solid var(--line);padding:clamp(72px,8vw,110px) 0}.case-chapter:first-child{border-top:0;padding-top:0}.case-chapter-heading{grid-template-columns:54px minmax(0,1fr);align-items:start;gap:24px;margin-bottom:36px;display:grid}.case-chapter-heading>span{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:11px;font-weight:800;display:grid}.case-chapter-heading p{color:var(--muted);margin:2px 0 9px;font-size:12px}.case-chapter-heading h2{letter-spacing:-.035em;max-width:850px;margin:0;font-family:Thmanyah Sans,sans-serif;font-size:clamp(32px,4vw,58px);font-weight:500;line-height:1.35}.case-visual-grid{background:#ececea;border-radius:28px;min-height:760px;position:relative;overflow:hidden}.taqdeer-race-grid .case-phone{z-index:2;width:min(29%,340px);height:86%;position:absolute;inset:9% auto auto 15%;transform:rotate(-3deg)}.case-poster{z-index:1;background:#fff;width:min(37%,430px);height:82%;margin:0;padding:12px;position:absolute;inset:8% 14% auto auto;transform:rotate(2deg);box-shadow:0 30px 70px #15151529}.case-poster img{object-fit:cover;object-position:top;width:100%;height:calc(100% - 34px);display:block}.case-poster figcaption{color:var(--muted);padding-top:10px;font-size:11px}.case-callout{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-radius:999px;align-items:center;gap:10px;max-width:430px;margin:0;padding:12px 14px;font-size:12px;line-height:1.5;display:flex;position:absolute;inset:auto 24px 24px auto}.taqdeer-ramadan-grid{grid-template-columns:1fr 1fr;align-items:center;gap:54px;min-height:650px;padding:58px;display:grid}.studio-display{aspect-ratio:9/16;background:#202126;border:5px solid #202126;border-radius:10px;justify-self:center;width:min(70%,430px);margin:0;padding:8px;position:relative;overflow:visible;box-shadow:0 30px 70px #15151533}.studio-display>span{background:#202126;border-radius:999px;width:28%;height:7px;position:absolute;inset:auto 36% -12px}.studio-display img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.chapter-note{align-items:flex-start;gap:16px;max-width:420px;display:flex}.chapter-note p{color:var(--muted);margin:0;font-size:17px;line-height:1.8}.chapter-note .accent-dot{flex:none;margin-top:10px}.proposal-phones{background:#e9eef2;border-radius:28px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:32px;min-height:720px;padding:54px;display:grid}.proposal-phones .case-phone{aspect-ratio:9/16;width:100%}.proposal-phones .phone-1{transform:translateY(22px)rotate(-3deg)}.proposal-phones .phone-2{transform:translateY(-18px)}.proposal-phones .phone-3{transform:translateY(22px)rotate(3deg)}.proposal-note{max-width:680px;color:var(--muted);margin:26px 0 0;font-size:14px;line-height:1.7}.concept-to-live{grid-template-columns:1.06fr .94fr;gap:20px;display:grid}.clean-concept,.live-result{background:#fff;border-radius:24px;margin:0;position:relative;overflow:hidden}.clean-concept{border:1px solid var(--line);align-content:center;min-height:600px;padding:24px;display:grid}.clean-concept img{width:100%;display:block}.live-result{min-height:600px}.live-result>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.clean-concept figcaption,.live-result figcaption{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:999px;align-items:center;gap:9px;padding:9px 12px;font-size:11px;display:flex;position:absolute;inset:auto 16px 16px auto}.clean-concept figcaption span,.live-result figcaption span{color:var(--accent);font-weight:800}.screen-story{grid-template-columns:1.48fr .52fr;gap:20px;min-height:650px;display:grid}.stage-photo{border-radius:24px;margin:0;position:relative;overflow:hidden}.stage-photo img{object-fit:cover;width:100%;height:100%;display:block}.work-label{background:#ffffffe6;border-radius:999px;align-items:center;gap:9px;padding:9px 12px;font-size:11px;display:flex;position:absolute;inset:auto 18px 18px auto}.floor-screen{aspect-ratio:9/16;background:#1c1d21;border:5px solid #1c1d21;border-radius:10px;place-self:center;width:72%;margin:0;padding:8px;position:relative;box-shadow:0 30px 70px #15151533}.floor-screen>span{background:#1c1d21;border-radius:999px;width:28%;height:8px;position:absolute;inset:auto 36% -14px}.floor-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.floor-screen figcaption{color:var(--muted);text-align:center;font-size:11px;position:absolute;inset:auto 0 -48px}.professional-concept{isolation:isolate;background:#071a3a;border:0;align-content:stretch;padding:clamp(18px,2.4vw,34px);box-shadow:inset 0 0 0 1px #ffffff14,0 28px 70px #071a3a29}.professional-concept:before{content:"";z-index:-1;opacity:.38;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.concept-board{background:#f9faf8;border-radius:22px;min-height:100%;padding:clamp(18px,2.6vw,38px);transition:transform .65s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;transform:rotate(-1.2deg);box-shadow:0 30px 70px #0000004d}[dir=rtl] .concept-board{transform:rotate(1.2deg)}.concept-to-live.is-visible .professional-concept:hover .concept-board{transform:rotate(0)translateY(-4px)}.concept-board-meta{color:#071a3a;letter-spacing:.12em;border-bottom:1px solid #d9dde3;justify-content:space-between;align-items:center;gap:18px;padding-bottom:14px;font-family:Arial,sans-serif;font-size:11px;display:flex}.concept-board-meta b{background:var(--accent);color:#fff;letter-spacing:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.hero-biban .concept-board-meta>span{font-family:Thmanyah Sans,sans-serif}[dir=rtl] .hero-biban .concept-board-meta>span{text-align:right;letter-spacing:0;flex:1}.concept-sheet-frame{place-items:center;display:grid;position:absolute;inset:16% 4% 9%}.concept-sheet-frame:before{content:"";filter:blur(8px);background:radial-gradient(circle,#4f63ff21,#0000 68%);border-radius:50%;width:62%;height:78%;position:absolute}.concept-sheet-frame img{z-index:1;mix-blend-mode:multiply;filter:saturate(1.08)contrast(1.03);width:112%;max-width:none;position:relative}.concept-callout{z-index:2;color:var(--accent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#f9faf8e6;border:1px solid;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex;position:absolute}.concept-callout:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px}@supports (color:color-mix(in lab, red, red)){.concept-callout:before{box-shadow:0 0 0 5px color-mix(in srgb, currentColor 16%, transparent)}}.concept-callout-screen{inset:28% auto auto 5%}.concept-callout-direction{color:#6f52ff;inset:auto 5% 10% auto}[dir=rtl] .concept-callout-screen{inset:auto auto 10% 5%}[dir=rtl] .concept-callout-direction{inset:28% 5% auto auto}.biban-columns-reel{background:#0e2b55;display:block;position:absolute;inset:0;overflow:hidden}.biban-columns-reel img{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;animation:8s linear infinite both biban-columns-cycle;animation-delay:calc((var(--column-index) - 4) * 2s);will-change:opacity;display:block;position:absolute;inset:0}.concept-to-live:not(.is-visible) .biban-columns-reel img{animation-play-state:paused}@keyframes biban-columns-cycle{0%,18%{opacity:1}25%,93%{opacity:0}to{opacity:1}}.biban-story-compact{border-block:1px solid var(--line);grid-template-columns:minmax(150px,.38fr) minmax(0,1.62fr);gap:clamp(28px,4vw,56px);margin:0;padding:clamp(36px,4.5vw,58px) 0}.biban-story-compact .story-sticky{grid-template-columns:34px 1fr;gap:12px;padding-top:12px;position:relative;top:auto}.biban-story-compact .story-sticky p{font-size:14px}.biban-story-compact .story-copy{gap:18px}.biban-story-compact .story-copy article{padding-bottom:20px}.biban-story-compact .story-copy h2{margin-top:10px;font-size:clamp(18px,1.8vw,25px);line-height:1.7}.screen-story{grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);align-items:stretch;min-height:0}.biban-screen-mockup{aspect-ratio:3/2;background:#071a3a;border-radius:24px;margin:0;position:relative;overflow:hidden;box-shadow:0 30px 78px #071a3a29}.biban-screen-scene{object-fit:cover;width:100%;height:100%;display:block}.biban-screen-content{aspect-ratio:9/16;background:0 0;width:23%;height:auto;display:block;position:absolute;inset:11.15% auto auto 35.22%;overflow:hidden}.biban-screen-track{will-change:transform;flex-direction:column;width:100%;height:100%;animation:7.5s linear infinite both biban-screen-scroll;display:flex}.biban-screen-track img{object-fit:contain;object-position:center;flex:0 0 100%;width:100%;height:100%;display:block;position:relative}.screen-story:not(.is-visible) .biban-screen-track{animation-play-state:paused}@keyframes biban-screen-scroll{0%,18%{transform:translateY(0)}33.33%,51.33%{transform:translateY(-100%)}66.66%,84.66%{transform:translateY(-200%)}to{transform:translateY(-300%)}}.biban-screen-mockup>.work-label{inset:auto 18px 18px auto}.biban-stage-proof{border:1px solid var(--line);background:#071a3a;min-height:100%}.biban-stage-proof img{object-position:center}.hero-biban .next-project>span{border-color:var(--lime);background:var(--lime);color:#101116;animation:1.9s ease-out infinite biban-next-pulse;box-shadow:0 0 #beff2a57,0 0 24px #beff2a38}.hero-biban .next-project:hover>span{background:var(--lime);color:#101116;box-shadow:0 0 0 12px #beff2a21,0 0 42px #beff2a7a}@keyframes biban-next-pulse{0%{box-shadow:0 0 #beff2a61,0 0 22px #beff2a40}65%,to{box-shadow:0 0 0 16px #beff2a00,0 0 34px #beff2a5c}}.feast-product-grid{background:#eeece7;border-radius:28px;grid-template-columns:1fr 1.2fr .8fr;align-items:center;gap:20px;min-height:720px;padding:38px;display:grid}.feast-product{background:#fff;border:10px solid #fff;border-radius:20px;margin:0;overflow:hidden;box-shadow:0 28px 64px #15151524}.feast-product img{object-fit:cover;width:100%;height:calc(100% - 36px);display:block}.feast-product figcaption{color:var(--muted);padding:10px 4px 2px;font-size:11px}.feast-product-tall{height:82%;transform:rotate(-2deg)}.feast-product-wide{height:68%;transform:translateY(-7%)}.feast-product-small{height:62%;transform:translateY(9%)rotate(3deg)}.world-cup-displays{background:#e8e8e6;border-radius:28px;min-height:740px;position:relative;overflow:hidden}.poster-lightbox{background:#111216;border:6px solid #1b1c20;border-radius:14px;margin:0;padding:10px;position:absolute;overflow:visible;box-shadow:0 34px 75px #15151538}.poster-lightbox img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.poster-lightbox>span{background:#1b1c20;border-radius:2px 2px 7px 7px;width:34%;height:14px;position:absolute;inset:auto 33% -20px}.final-lightbox{aspect-ratio:2/3;width:min(34%,390px);inset:7% auto auto 18%;transform:rotate(-2deg)}.semi-lightbox{aspect-ratio:2/3;width:min(34%,390px);inset:11% 18% auto auto;transform:rotate(2deg)}.compact-chapter{padding-bottom:0}.webook-proof{background:#111216;border:9px solid #111216;border-radius:44px;width:min(100%,520px);margin:0 auto;padding:13px;position:relative;overflow:hidden;box-shadow:0 30px 75px #15151533}.webook-proof>span{z-index:2;background:#111216;border-radius:999px;width:28%;height:17px;position:absolute;inset:9px 36% auto}.webook-proof img{border-radius:30px;width:100%;display:block}.hero-world-cup .project-hero{min-height:auto;padding-bottom:clamp(42px,5vw,72px)}.hero-world-cup .story-section{gap:clamp(34px,5vw,70px);padding-block:clamp(52px,5.5vw,78px)}.hero-world-cup .world-cup-story-inline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;padding-inline:0}.hero-world-cup .story-copy{gap:28px}.hero-world-cup .story-copy article{padding-bottom:28px}.hero-world-cup .story-label{letter-spacing:.02em;font-size:clamp(15px,1.15vw,18px)}.hero-world-cup .story-copy h2{max-width:880px;margin-top:11px;font-size:18px;line-height:1.65}.webook-live-mockup{aspect-ratio:1586/992;background:#11131c;border-radius:28px;justify-self:center;width:min(100%,920px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 30px 72px #15151529}.webook-live-photo{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform 1.05s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0;transform:scale(1.035)}.webook-live-screen{z-index:2;opacity:0;background:#090a0d;border-radius:15px;width:22.95%;height:75.5%;transition:opacity .6s .16s,transform .85s cubic-bezier(.22,1,.36,1) .16s;position:absolute;top:10.6%;left:51.45%;overflow:hidden;transform:translateY(24px)scale(.96);box-shadow:inset 0 0 0 1px #ffffff1f}.webook-live-screen img{object-fit:contain;object-position:center;background:#090a0d;width:100%;height:100%;animation-duration:6.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused;display:block;position:absolute;inset:0}.webook-live-semi{animation-name:webook-screen-semi-cycle}.webook-live-final{animation-name:webook-screen-final-cycle}.webook-live-mockup.is-visible .webook-live-photo{transform:scale(1)}.webook-live-mockup.is-visible .webook-live-screen{opacity:1;transform:translateY(0)scale(1)}.webook-live-mockup.is-visible .webook-live-screen img{animation-play-state:running}.webook-live-mockup figcaption{z-index:3;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0b0fc7;border:1px solid #ffffff2e;border-radius:999px;padding:9px 13px;font-size:12px;position:absolute;inset:auto 18px 18px auto}.project-page.hero-world-cup>.next-project>span{border-color:var(--lime);background:var(--lime);color:#101116;animation:1.9s ease-out infinite biban-next-pulse;box-shadow:0 0 #beff2a57,0 0 24px #beff2a38}.project-page.hero-world-cup>.next-project:hover>span{background:var(--lime);color:#101116;box-shadow:0 0 0 12px #beff2a21,0 0 42px #beff2a7a}.motion-section{background:#18181b;padding-block:clamp(76px,8vw,112px)}.motion-section h2{font-size:clamp(38px,4.5vw,64px)}.process-section{grid-template-columns:minmax(200px,.55fr) minmax(0,1.45fr);gap:clamp(40px,7vw,100px);padding-block:clamp(76px,8vw,116px)}.process-heading h2{font-size:clamp(38px,4.6vw,66px)}.process-section li{min-height:88px}.process-section li p{font-size:clamp(17px,1.6vw,23px)}.outcome-section{background:#18181b;border-radius:28px;padding:clamp(58px,6vw,86px)}.outcome-section h2{font-size:clamp(28px,3.2vw,46px);line-height:1.55}.next-project{margin-top:14px;padding-block:clamp(64px,7vw,100px)}.next-project h2{font-size:clamp(48px,6.2vw,88px);line-height:1.15}.about-copy h2,.skills-intro h2{font-size:clamp(38px,4.5vw,66px);line-height:1.24}.contact-section h2{font-size:clamp(42px,5.4vw,78px);line-height:1.22}[dir=rtl] .hero-title,[dir=rtl] .section-heading h2,[dir=rtl] .portfolio-card-copy h3,[dir=rtl] .project-hero h1,[dir=rtl] .case-chapter-heading h2,[dir=rtl] .next-project h2{line-height:1.25}@media (max-width:1024px){.hero-title{font-size:clamp(46px,9vw,70px)}.story-section,.process-section,.motion-section{grid-template-columns:1fr}.portfolio-card{min-height:650px}.portfolio-card-media{min-height:470px}.showcase-biban{grid-template-columns:1.35fr .65fr}.project-index{grid-template-columns:1fr;gap:22px}.project-hero h1{font-size:clamp(46px,9vw,70px)}.project-cover{height:670px}.project-cover>img:last-child,.project-cover-gosi-financial-awareness>img:last-child,.project-cover-saudi-feast-festival>img:last-child,.project-cover-live-the-world-cup>img:last-child{width:66%;inset-inline-end:17%}.project-cover-biban-2025>img:last-child{width:100%;inset-inline-end:0}.case-visual-grid{min-height:650px}.concept-to-live{grid-template-columns:1fr}.biban-story-compact{grid-template-columns:1fr;gap:24px}.clean-concept,.live-result{min-height:520px}.screen-story{grid-template-columns:1.25fr .75fr;min-height:540px}.proposal-phones{gap:18px;min-height:610px;padding:34px}.feast-product-grid{min-height:620px}.world-cup-displays{min-height:650px}}@media (min-width:681px) and (max-width:1024px){.hero-biban .case-study-flow{padding-bottom:48px}.hero-biban .case-study-flow>.case-chapter{padding-block:52px}.hero-biban .case-study-flow>.case-chapter:first-child{padding-top:0}}@media (max-width:680px){.hero-title{font-size:clamp(42px,12vw,56px);line-height:1.22}.project-hero h1{font-size:clamp(42px,12vw,56px)}.section-heading h2{font-size:clamp(38px,11vw,54px)}.portfolio-grid{gap:24px}.portfolio-card{border-radius:22px;min-height:530px}.portfolio-card-copy{grid-template-columns:24px 1fr 40px;padding:22px 20px 18px}.portfolio-card-copy h3{font-size:clamp(34px,9.8vw,48px)}.portfolio-card-media{min-height:360px;margin:0 10px 10px}.device-phone{border-width:7px;border-radius:30px;width:42%;inset:8% auto -8% 7%}.campaign-poster{width:45%;padding:7px;inset:10% 7% auto auto}.visual-note{border-radius:14px;max-width:calc(100% - 24px);font-size:10px;inset:auto 12px 12px}.showcase-biban{grid-template-columns:1fr;gap:10px;padding:10px}.event-photo-frame{min-height:220px}.concept-sheet{grid-template-columns:1fr;min-height:112px;padding:10px}.concept-sheet img{object-fit:contain;height:100%}.showcase-feast{grid-template-columns:1fr 1fr;gap:9px;padding:10px}.product-tile{border-width:5px;border-radius:12px}.product-tile-main{height:78%}.product-tile-wide{height:62%}.product-tile-small{display:none}.digital-screen-main{width:44%;inset-inline-start:5%}.digital-screen-side{width:41%;inset-inline-end:5%}.project-index-list a{grid-template-columns:28px 1fr 28px;gap:10px;min-height:72px}.project-index-list small{display:none}.project-index-list strong{font-size:20px}.project-facts{grid-template-columns:1fr;gap:20px}.project-cover{height:520px}.project-cover>img:last-child,.project-cover-gosi-financial-awareness>img:last-child,.project-cover-saudi-feast-festival>img:last-child,.project-cover-live-the-world-cup>img:last-child{width:82%;inset-inline-end:9%}.project-cover-biban-2025>img:last-child{width:100%;inset-inline-end:0}.story-copy h2{font-size:23px}.case-study-flow{padding-inline:12px}.case-chapter{padding-block:64px}.case-chapter-heading{grid-template-columns:42px 1fr;gap:12px;margin-bottom:24px}.case-chapter-heading h2{font-size:clamp(27px,8vw,38px)}.case-visual-grid{border-radius:20px;min-height:480px}.taqdeer-race-grid .case-phone{border-width:7px;border-radius:28px;width:46%;height:78%;inset:10% auto auto 4%}.case-poster{width:47%;height:74%;padding:7px;inset:11% 4% auto auto}.case-callout{border-radius:15px;max-width:calc(100% - 24px);inset:auto 12px 12px}.taqdeer-ramadan-grid{grid-template-columns:1fr;gap:28px;min-height:520px;padding:30px}.studio-display{width:55%;height:355px}.chapter-note p{font-size:15px}.proposal-phones{border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-height:520px;padding:24px 10px}.proposal-phones .case-phone{border-width:5px;border-radius:19px}.proposal-phones .case-phone>span{inset-top:4px;height:7px}.clean-concept,.live-result{border-radius:18px;min-height:330px}.biban-story-compact{padding-block:32px}.biban-story-compact .story-copy h2{font-size:18px}.screen-story{grid-template-columns:1fr;gap:18px;min-height:auto}.stage-photo{min-height:300px}.floor-screen{width:48%;height:370px;margin-block:28px 45px}.feast-product-grid{border-radius:20px;grid-template-columns:1fr 1fr;gap:9px;min-height:500px;padding:14px}.feast-product{border-width:6px;border-radius:14px}.feast-product-small{display:none}.feast-product-tall,.feast-product-wide{height:78%}.world-cup-displays{border-radius:20px;min-height:510px}.final-lightbox{width:44%;inset-inline-start:5%}.semi-lightbox{width:43%;inset-inline-end:5%}.webook-proof{border-width:6px;border-radius:30px;padding:8px}.webook-proof img{border-radius:20px}.next-project h2{font-size:clamp(42px,12vw,60px)}}.instagram-phone{aspect-ratio:9/17.2;color:#171719;background:#fff;border-width:9px;flex-direction:column;width:min(34%,370px);display:flex;inset:4% auto -5% 12%}.instagram-head{direction:ltr;background:#fff;align-items:center;gap:9px;min-height:64px;padding:22px 12px 8px;display:flex}.instagram-head i{color:#fff;background:#243986;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-style:normal;font-weight:800;display:grid;overflow:hidden}.instagram-head i img{object-fit:cover;width:100%;height:100%;display:block}.instagram-head span{text-align:left;gap:1px;display:grid}.instagram-head b{font-size:10px;line-height:1.1}.instagram-head small{color:#7a7a7d;font-size:7px}.instagram-head em{letter-spacing:2px;margin-inline-start:auto;font-size:10px;font-style:normal}.instagram-artwork{aspect-ratio:3/4;background:#eef0f7;flex:none;width:100%;overflow:hidden}.instagram-artwork img{object-fit:contain;object-position:center;border-radius:0;width:100%;height:100%;display:block}.instagram-actions{direction:ltr;align-items:center;gap:12px;padding:8px 12px 3px;font:700 18px/1 sans-serif;display:flex}.instagram-actions b{margin-inline-start:auto;font-size:15px}.instagram-phone figcaption{color:#4d4d50;white-space:nowrap;text-overflow:ellipsis;padding:4px 12px 12px;font-size:8px;line-height:1.4;overflow:hidden}.showcase-biban{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:16px;padding:16px}.biban-concept-stage{z-index:1;background:#102d58;border-radius:18px;place-items:center;margin:0;display:grid;position:relative;overflow:hidden}.blueprint-grid{opacity:.24;background-image:linear-gradient(#ffffff2b 1px,#0000 1px),linear-gradient(90deg,#ffffff2b 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.concept-canvas{z-index:1;background:#fff;border:1px solid #ffffffa3;border-radius:16px;width:90%;padding:18px;transition:transform .65s cubic-bezier(.22,1,.36,1);position:relative;transform:rotate(-2deg);box-shadow:0 28px 60px #0000004d}.concept-canvas img{width:100%;display:block}.biban-concept-stage figcaption{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#061226c2;border:1px solid #fff3;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:11px;display:flex;position:absolute;inset:auto 18px 18px}.biban-concept-stage figcaption b{color:#9aafff;font-size:9px}.portfolio-card:hover .concept-canvas{transform:rotate(0)translateY(-7px)scale(1.02)}.showcase-feast,.showcase-world-cup{overflow:hidden}.showcase-feast:before,.showcase-world-cup:before{display:none}.showcase-feast{padding:0;display:block}.feast-lifestyle,.webook-hand-scene{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.feast-apron-proof{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-radius:16px;width:min(18%,190px);margin:0;padding:10px 10px 8px;position:absolute;inset:auto auto 22px 22px;box-shadow:0 22px 48px #15151533}.feast-apron-proof img{width:100%;display:block}.feast-apron-proof figcaption{color:var(--muted);text-align:center;padding-top:5px;font-size:9px}.webook-hand-scene{z-index:1}.webook-screen-overlay{z-index:2;object-fit:fill;border-radius:20px;width:22.95%;height:75.5%;display:block;position:absolute;top:10.6%;left:51.45%;box-shadow:inset 0 0 0 1px #ffffff1a}.about-section{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.about-image{border-radius:28px;min-height:510px}.about-image img{object-position:center 42%}.clients-section{overflow:hidden}.clients-marquee{direction:ltr;width:100%;padding-block:6px 26px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.clients-track{will-change:transform;direction:ltr;gap:0;width:max-content;animation:34s linear infinite clients-reel;display:flex}.clients-set{flex:none;gap:16px;padding-inline-end:16px;display:flex}.clients-marquee:hover .clients-track{animation-play-state:paused}.clients-track .client-logo{flex:none;width:270px;min-height:180px;padding:26px 22px 18px}.clients-track .client-logo img{height:88px}.clients-track .client-logo p{margin-top:18px}.clients-marquee-mobile{direction:ltr;gap:14px;width:100%;padding-block:6px 26px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.clients-marquee-row{overflow:hidden}.clients-mobile-track{will-change:transform;width:max-content;animation:38s linear infinite clients-mobile-forward;display:flex}.clients-marquee-row-2 .clients-mobile-track{animation-name:clients-mobile-reverse}.clients-marquee-mobile .clients-set{gap:14px;padding-inline-end:14px}.clients-marquee-mobile .client-logo{border-radius:22px;width:230px;min-height:144px;padding:21px 18px 15px}.clients-marquee-mobile .client-logo img{height:64px}.clients-marquee-mobile .client-logo img[src$=unit3\.svg]{filter:grayscale()brightness(.48);opacity:.82}.clients-marquee-mobile .client-logo p{margin-top:15px;font-size:12px}.clients-marquee-mobile:hover .clients-mobile-track{animation-play-state:paused}@keyframes clients-reel{to{transform:translate(-50%)}}@media (max-width:1024px){.about-section{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.about-image{min-height:440px}.showcase-biban{grid-template-columns:1fr 1.08fr}.concept-canvas{width:94%;padding:12px}}@media (max-width:680px){.showcase-taqdeer{min-height:420px}.instagram-phone{border-width:6px;border-radius:27px;width:48%;inset:5% auto -5% 4%}.instagram-head{gap:5px;min-height:44px;padding:16px 8px 5px}.instagram-head i{width:20px;height:20px;font-size:9px}.instagram-head b{font-size:7px}.instagram-head small{font-size:5px}.instagram-actions{gap:8px;padding:5px 7px 2px;font-size:12px}.instagram-phone figcaption{padding:2px 7px 8px;font-size:6px}.showcase-biban{grid-template-columns:1fr;min-height:510px}.biban-concept-stage,.event-photo-frame{min-height:240px}.concept-canvas{width:88%;padding:8px}.biban-concept-stage figcaption{font-size:9px;inset:auto 10px 10px}.feast-apron-proof{display:none}.feast-lifestyle{object-position:54% center}.webook-screen-overlay{border-radius:9px}.about-section{grid-template-columns:1fr}.about-image{min-height:360px}.clients-track .client-logo{width:210px;min-height:150px;padding:22px 18px 16px}.clients-track .client-logo img{height:72px}}@media (prefers-reduced-motion:reduce){.clients-track{animation:none}}.hero-gosi .project-hero{color:var(--ink);background:#f2f3f3;padding-bottom:clamp(54px,7vw,90px)}.hero-gosi .project-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.gosi-hero-mockup{aspect-ratio:1586/992;background:#e9e9e6;border-radius:30px;margin-top:34px;position:relative;overflow:hidden;box-shadow:0 34px 90px #1515151f}.gosi-viewer-photo{object-fit:cover;width:100%;height:100%;display:block}.gosi-screen-artwork{z-index:2;clip-path:polygon(5% 0,94% 0,100% 99%,0 100%);background:#111;border-radius:7px;width:7.55%;height:25.4%;position:absolute;top:36%;left:48.4%;overflow:hidden;transform:rotate(-2.1deg)}.gosi-screen-artwork img{object-fit:contain;background:#111;width:100%;height:100%;display:block}.gosi-hero-mockup>p{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-radius:999px;align-items:center;gap:9px;margin:0;padding:10px 13px;font-size:11px;display:flex;position:absolute;inset:auto 24px 24px auto}.gosi-hero-mockup>p i{background:var(--lime);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #c7ff3829}.gosi-visual-story{background:var(--paper);padding:clamp(80px,9vw,126px) 0 clamp(90px,10vw,140px)}.gosi-story-copy,.gosi-directions-heading{width:min(100% - 48px,1320px);margin-inline:auto}.gosi-story-copy{grid-template-columns:.34fr 1fr;align-items:start;column-gap:clamp(30px,6vw,90px);padding-bottom:clamp(70px,8vw,110px);display:grid}.gosi-story-copy>p{color:var(--purple);letter-spacing:.02em;margin:5px 0 0;font-size:clamp(16px,1.35vw,19px);font-weight:850}.gosi-story-copy h2{letter-spacing:-.025em;max-width:820px;margin:0;font-family:Thmanyah Sans,sans-serif;font-size:clamp(28px,3.1vw,45px);font-weight:500;line-height:1.5}.gosi-story-copy>span{max-width:790px;color:var(--muted);grid-column:2;margin-top:16px;font-size:clamp(16px,1.35vw,19px);line-height:1.9}.gosi-directions-heading{align-items:center;gap:16px;margin-bottom:28px;display:flex}.gosi-directions-heading>span{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:54px;height:54px;font-size:14px;font-weight:800;display:grid}.gosi-directions-heading h2{margin:0;font-size:clamp(34px,4vw,58px);line-height:1.2}.gosi-post-reel{direction:ltr;width:100%;padding:10px 0 34px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.gosi-post-track{will-change:transform;gap:0;width:max-content;animation:30s linear infinite gosi-post-loop;display:flex}.gosi-post-set{flex:none;gap:22px;padding-inline-end:22px;display:flex}.instagram-post-card{border:1px solid var(--line);background:#fff;border-radius:24px;flex:none;width:min(31vw,410px);overflow:hidden;box-shadow:0 22px 55px #15151512}.instagram-post-card header{direction:ltr;align-items:center;gap:10px;height:72px;padding:12px 14px;display:flex}.instagram-post-card header i{background:#fff;border:1px solid #e4e4e4;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.instagram-post-card header i img{object-fit:contain;width:85%;height:85%}.instagram-post-card header span{text-align:left;gap:2px;display:grid}.instagram-post-card header b{font-size:12px}.instagram-post-card header small{color:var(--muted);font-size:8px}.instagram-post-card header em{letter-spacing:2px;margin-left:auto;font-style:normal}.instagram-post-card figure{aspect-ratio:3/4;background:#f4f5f5;margin:0}.instagram-post-card figure img{object-fit:contain;width:100%;height:100%;display:block}.instagram-post-card footer{direction:ltr;align-items:center;gap:13px;height:54px;padding:10px 15px;font:700 18px/1 sans-serif;display:flex}.instagram-post-card footer b{margin-left:auto}.gosi-post-reel:hover .gosi-post-track{animation-play-state:paused}@keyframes gosi-post-loop{to{transform:translate(-50%)}}@media (max-width:680px){.hero-gosi .project-facts{grid-template-columns:1fr}.gosi-hero-mockup{border-radius:20px}.gosi-hero-mockup>p{padding:7px 9px;font-size:8px;inset:auto 10px 10px auto}.gosi-story-copy{grid-template-columns:1fr;width:calc(100% - 32px);padding-bottom:58px}.gosi-story-copy>p{margin-bottom:12px}.gosi-story-copy>span{grid-column:1}.gosi-directions-heading{width:calc(100% - 32px)}.instagram-post-card{border-radius:18px;width:78vw}.instagram-post-card header{height:58px;padding:9px 11px}.instagram-post-card header i{width:32px;height:32px}.gosi-post-set{gap:14px;padding-inline-end:14px}}@media (prefers-reduced-motion:reduce){.gosi-post-track{animation:none}}.hero-foot p{width:min(100%,400px);max-width:400px;font-size:16px;line-height:1.5}.hero-foot .pill-button{background:var(--lime);color:#111;border-color:#111;box-shadow:0 14px 34px #c7ff3852}.hero-foot .pill-button:hover{border-color:var(--purple);background:var(--purple);color:#fff;box-shadow:0 16px 38px #7659ff52}.project-title-lockup{align-items:center;gap:13px;display:flex}.project-title-lockup h3{min-width:0}.project-title-lockup>img{object-fit:cover;border:3px solid #fff;border-radius:50%;flex:none;width:52px;height:52px;box-shadow:0 8px 24px #102d5829}[dir=rtl] .work-section .section-heading,[dir=rtl] .experience-section .section-heading,[dir=rtl] .clients-section .section-heading{text-align:right;display:block}[dir=rtl] .work-section .section-heading .section-index,[dir=rtl] .experience-section .section-heading .section-index,[dir=rtl] .clients-section .section-heading .section-index{margin-bottom:14px}[dir=rtl] .work-section .section-heading h2,[dir=rtl] .work-section .section-heading div>p,[dir=rtl] .experience-section .section-heading h2,[dir=rtl] .clients-section .section-heading h2,[dir=rtl] .clients-section .section-heading div>p{text-align:right;max-width:none;margin-inline:0}.portfolio-grid{gap:24px}.portfolio-card{border-radius:26px;grid-column:auto;min-height:0}.portfolio-card-copy{grid-template-columns:30px minmax(0,1fr) auto;gap:12px;padding:24px 24px 18px}.portfolio-card-copy h3{font-size:clamp(32px,3.35vw,48px)}.project-card-action{background:var(--purple);color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 14px;font-size:12px;font-weight:850;line-height:1;transition:transform .22s,background-color .22s,box-shadow .22s;display:inline-flex;box-shadow:0 10px 24px #7659ff33}.project-card-action .arrow-icon{width:14px;height:14px}.portfolio-card:hover .project-card-action{background:#5f44e8;transform:translateY(-2px);box-shadow:0 13px 30px #7659ff4d}.portfolio-card-media{border-radius:20px;min-height:420px;margin:0 12px 12px}.card-taqdeer .campaign-poster,.card-taqdeer .instagram-phone{opacity:0;transition:opacity .65s,transform .85s cubic-bezier(.22,1,.36,1)}.card-taqdeer .campaign-poster{transform:translateY(82px)rotate(7deg)scale(.88)}.card-taqdeer .instagram-phone{transform:translateY(100px)rotate(-8deg)scale(.88)}.card-taqdeer.is-visible .campaign-poster{opacity:1;transition-delay:.16s;transform:translateY(0)rotate(3deg)scale(1)}.card-taqdeer.is-visible .instagram-phone{opacity:1;transition-delay:.47s;transform:translateY(0)rotate(-4deg)scale(1)}.card-taqdeer.is-visible:hover .campaign-poster{transform:translateY(-7px)rotate(1deg)scale(1.01)}.card-taqdeer.is-visible:hover .instagram-phone{transform:translateY(-10px)rotate(-2deg)scale(1.01)}.showcase-biban{background:#0e2b55;padding:0;display:block;position:relative;overflow:hidden}.event-photo-frame{z-index:1;border-radius:0;position:absolute;inset:0}.biban-live-reel,.biban-live-reel img{width:100%;height:100%;position:absolute;inset:0}.biban-live-reel{background:#0e2b55;overflow:hidden}.biban-live-reel img{object-fit:cover;opacity:0;animation:18s infinite biban-live-cycle;transform:scale(1.07)}.biban-live-reel img:nth-child(2){animation-delay:4.5s}.biban-live-reel img:nth-child(3){animation-delay:9s}.biban-live-reel img:nth-child(4){animation-delay:13.5s}.biban-concept-stage{z-index:4;opacity:0;border:1px solid #ffffff4d;width:48%;height:58%;transition:opacity .7s,transform .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:auto auto 5% 4%;transform:translateY(80px)rotate(-4deg)scale(.86);box-shadow:0 26px 62px #04122861}.card-biban.is-visible .biban-concept-stage{opacity:1;transition-delay:.36s;transform:translateY(0)rotate(-1deg)scale(1)}.card-biban .event-photo-frame{opacity:0;transition:opacity .7s,transform 1.1s cubic-bezier(.22,1,.36,1);transform:scale(1.08)}.card-biban.is-visible .event-photo-frame{opacity:1;transition-delay:.1s;transform:scale(1)}.concept-canvas{width:92%;padding:10px}.biban-concept-stage figcaption{padding:7px 10px;font-size:9px;inset:auto 10px 10px}@keyframes biban-live-cycle{0%,20%{opacity:1;transform:scale(1)}25%,95%{opacity:0;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}.showcase-feast,.showcase-world-cup{aspect-ratio:1586/992;min-height:0}.feast-sticker{z-index:3;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 18px 18px #15151538);opacity:0;width:25%;max-height:42%;transition:opacity .55s,transform .85s cubic-bezier(.22,1,.36,1);display:block;position:absolute}.feast-sticker-apron{inset:5% auto auto 4%;transform:translate(-48px,-20px)rotate(-16deg)scale(.72)}.feast-sticker-tote{inset:auto 4% 7% auto;transform:translate(52px,24px)rotate(15deg)scale(.72)}.feast-sticker-notebook{width:22%;inset:7% 5% auto auto;transform:translate(40px,-35px)rotate(13deg)scale(.72)}.card-feast.is-visible .feast-sticker-apron{opacity:1;transition-delay:.18s;transform:translate(0)rotate(-7deg)scale(1)}.card-feast.is-visible .feast-sticker-tote{opacity:1;transition-delay:.39s;transform:translate(0)rotate(7deg)scale(1)}.card-feast.is-visible .feast-sticker-notebook{opacity:1;transition-delay:.61s;transform:translate(0)rotate(5deg)scale(1)}.webook-screen-loop{z-index:2;opacity:0;background:#090a0d;border-radius:20px;width:22.95%;height:75.5%;transition:opacity .65s,transform .85s cubic-bezier(.22,1,.36,1);position:absolute;top:10.6%;left:51.45%;overflow:hidden;transform:translateY(38px)scale(.92);box-shadow:inset 0 0 0 1px #ffffff1f}.card-world-cup.is-visible .webook-screen-loop{opacity:1;transition-delay:.28s;transform:translateY(0)scale(1)}.webook-screen-loop img{object-fit:contain;object-position:center;opacity:0;background:#090a0d;width:100%;height:100%;animation:12s infinite webook-design-cycle;display:block;position:absolute;inset:0}.webook-screen-loop img:nth-child(2){animation-delay:4s}.webook-screen-loop img:nth-child(3){animation-delay:8s}@keyframes webook-design-cycle{0%,29%{opacity:1;transform:scale(1)}34%,95%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}.project-index-list a[data-reveal]{transform:translate(55px)}.project-index-list a[data-reveal].is-visible{transform:translate(0)}.project-index-list a:nth-child(2){transition-delay:80ms}.project-index-list a:nth-child(3){transition-delay:.16s}.project-index-list a:nth-child(4){transition-delay:.24s}.project-index-list a:nth-child(5){transition-delay:.32s}.about-image[data-reveal]{clip-path:inset(12% 8% 8% round 44px);transition:opacity .72s,transform .98s cubic-bezier(.22,1,.36,1),clip-path .98s cubic-bezier(.22,1,.36,1);transform:translateY(72px)rotate(-3deg)scale(.9)}.about-image[data-reveal].is-visible{clip-path:inset(0 round 28px);transform:translateY(0)rotate(0)scale(1)}.about-facts span[data-reveal]{transform:translateY(34px)scale(.94)}.about-facts span[data-reveal].is-visible{transform:translateY(0)scale(1)}.experience-section{padding-block:clamp(68px,7vw,94px)}.experience-section .section-heading{margin-bottom:30px}.experience-section .section-heading h2{font-size:clamp(38px,4.3vw,60px)}.experience-list article{min-height:94px;padding-block:16px}.experience-list h3{font-size:clamp(22px,2.1vw,32px)}.experience-list p{font-size:12px}.contact-icon img{object-fit:contain;width:21px;height:21px;display:block}.contact-links a:hover .contact-icon img{filter:invert()}@media (min-width:901px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-card,.card-taqdeer,.card-gosi,.card-biban,.card-feast,.card-world-cup{grid-column:auto}}@media (max-width:900px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card,.card-taqdeer,.card-gosi,.card-biban,.card-feast,.card-world-cup{grid-column:1}.portfolio-card-media{min-height:470px}.showcase-feast,.showcase-world-cup{min-height:0}}@media (max-width:680px){.hero-foot p{width:100%;max-width:100%;font-size:18px}.portfolio-card-copy{grid-template-columns:24px minmax(0,1fr) 38px;padding:20px 18px 16px}.project-title-lockup>img{width:42px;height:42px}.portfolio-card-media{min-height:390px}.showcase-feast,.showcase-world-cup{aspect-ratio:1.25;min-height:0}.biban-concept-stage{width:56%;height:48%}.feast-sticker{width:31%}.feast-sticker-notebook{width:27%}.webook-screen-loop{border-radius:8px}.experience-section{padding-block:58px}.experience-list article{min-height:0;padding-block:20px}}@media (prefers-reduced-motion:reduce){.biban-live-reel img:first-child,.biban-columns-reel img:first-child,.webook-screen-loop img:first-child{opacity:1}.biban-live-reel img:not(:first-child),.biban-columns-reel img:not(:first-child),.webook-screen-loop img:not(:first-child){display:none}}.taqdeer-billboard-hero{aspect-ratio:16/9;margin:0;background:#dbe3e5;border-radius:26px;width:min(100%,1280px);height:auto;margin-inline:auto;overflow:hidden}.taqdeer-billboard-hero>.taqdeer-billboard-scene{object-fit:cover;object-position:center;width:100%;height:100%;box-shadow:none;border-radius:0;position:absolute;inset:0}.taqdeer-screen-art{z-index:1;aspect-ratio:3/4;opacity:0;background:0 0;place-items:center;width:18.92%;height:auto;transition:opacity .65s .18s,transform .9s cubic-bezier(.22,1,.36,1) .18s;display:grid;position:absolute;top:26%;left:59.02%;overflow:visible;transform:perspective(900px)translateY(18px)scale(.965)}.taqdeer-screen-art:before,.taqdeer-screen-art:after{z-index:0;content:"";background:#2b3035;width:100%;height:24%;position:absolute;left:0}.taqdeer-screen-art:before{bottom:100%}.taqdeer-screen-art:after{top:100%}.taqdeer-billboard-hero.is-visible .taqdeer-screen-art{opacity:1;transform:perspective(900px)translateY(0)scale(1)}.taqdeer-screen-art img{z-index:1;box-sizing:border-box;object-fit:contain;object-position:center;filter:saturate(.96)contrast(1.02);background:0 0;width:100%;height:100%;padding:0;display:block;position:relative}.taqdeer-billboard-hero figcaption{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #1515151f;border-radius:999px;align-items:center;gap:9px;padding:10px 14px;font-size:12px;display:flex;position:absolute;inset:auto 22px 22px auto}.taqdeer-billboard-hero figcaption i{background:var(--lime);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #beff2a2e}.hero-taqdeer .story-section{gap:clamp(36px,5vw,74px);padding-block:clamp(52px,5.8vw,78px)}.hero-taqdeer .story-copy{gap:28px}.hero-taqdeer .story-copy article{padding-bottom:28px}.hero-taqdeer .story-label{letter-spacing:.02em;font-size:clamp(15px,1.15vw,18px)}.hero-taqdeer .story-copy h2{max-width:860px;margin-top:11px;font-size:18px;line-height:1.65}.hero-taqdeer .case-chapter-heading>span{width:54px;height:54px;font-size:15px}.hero-taqdeer .case-chapter-heading{grid-template-columns:66px minmax(0,1fr)}.taqdeer-race-story{background:radial-gradient(circle at 78% 12%,#4f63ff24,#0000 28%),linear-gradient(145deg,#e7e9e8,#d9dddf);border-radius:30px;gap:clamp(34px,5vw,64px);padding:clamp(34px,5vw,72px);display:grid;position:relative;overflow:hidden}.taqdeer-newspaper{perspective:1200px;opacity:0;justify-self:center;width:min(46%,500px);min-height:400px;margin:22px 0 4px;transition:opacity .7s,transform .95s cubic-bezier(.22,1,.36,1);position:relative;transform:translateY(70px)rotate(-4deg)scale(.88)}.taqdeer-race-story.is-visible .taqdeer-newspaper{opacity:1;transform:translateY(0)rotate(-1.25deg)scale(1)}.newspaper-fold{z-index:1;transform-origin:bottom;background:#f8f4e9;border:1px solid #312b2224;border-radius:4px;padding:22px 26px 18px;position:absolute;inset:26% 0 0;transform:rotateX(13deg)skew(-1deg);box-shadow:0 32px 58px #22282d3d,14px 14px #f8f4e99e}.newspaper-fold:before,.newspaper-fold:after{content:"";pointer-events:none;position:absolute}.newspaper-fold:before{background:linear-gradient(#0000,#2d271f2e,#0000);width:1px;inset:0 49.8% 0 auto;box-shadow:7px 0 18px #2d271f1a}.newspaper-fold:after{clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(152deg,#0000 49%,#4e463c1f 50%,#ffffff9e 52%);width:58%;height:28%;inset:auto 0 0 auto}.newspaper-masthead{color:#28241f;border-bottom:3px double #28241f;grid-template-columns:1fr auto;align-items:end;gap:12px;padding-bottom:12px;display:grid}.newspaper-masthead b{font:700 clamp(28px,4vw,54px) Thmanyah Sans,sans-serif}.newspaper-masthead span{letter-spacing:.18em;padding-bottom:7px;font:700 10px/1.2 sans-serif}.newspaper-masthead i{background:#28241f47;grid-column:1/-1;height:1px}.newspaper-grid{grid-template-columns:repeat(3,1fr);gap:12px;height:34px;padding-block:10px;display:grid}.newspaper-grid span{border-block:1px solid #28241f38}.newspaper-fold>p{color:#777064;letter-spacing:.06em;margin:18px 0 0;font-size:10px}.taqdeer-newspaper>.newspaper-pop-art{z-index:3;object-fit:cover;object-position:top center;filter:saturate(.96)contrast(.99);transform-origin:bottom;border:7px solid #fff;border-radius:4px;width:51%;height:77%;transition:transform 1.1s cubic-bezier(.22,1,.36,1) .22s;display:block;position:absolute;inset:0 24.5% auto;transform:translateY(42%)rotateX(-18deg)scale(.82);box-shadow:0 28px 48px #1a1c1f52}.taqdeer-race-story.is-visible .newspaper-pop-art{transform:translateY(-4%)rotateX(0)scale(1)}.taqdeer-newspaper figcaption{z-index:4;color:#5d574f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #28241f29;border-radius:999px;max-width:56%;padding:8px 11px;font-size:10px;position:absolute;inset:auto 20px 18px auto}.taqdeer-featured-post{opacity:0;justify-self:center;width:min(100%,560px);margin:0;transition:opacity .7s,transform .95s cubic-bezier(.22,1,.36,1);position:relative;transform:translateY(60px)scale(.94)}.taqdeer-race-story.is-visible .taqdeer-featured-post{opacity:1;transform:translateY(0)scale(1)}.taqdeer-featured-art{object-fit:contain;border-radius:18px;width:auto;max-width:100%;height:auto;max-height:760px;margin-inline:auto;display:block;box-shadow:0 30px 58px #22282d3d}.taqdeer-featured-post figcaption{color:#585d61;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd6;border:1px solid #1515151f;border-radius:999px;width:fit-content;margin:14px auto 0;padding:8px 12px;font-size:11px}.race-phone-reel{opacity:0;direction:ltr;background:#101116;border:10px solid #111216;border-radius:54px;width:100%;min-height:0;padding:46px 18px 18px;transition:opacity .7s .24s,transform .95s cubic-bezier(.22,1,.36,1) .24s;position:relative;overflow:hidden;transform:translateY(76px)scale(.94);box-shadow:0 32px 72px #1515153d}.taqdeer-race-story.is-visible .race-phone-reel{opacity:1;transform:translateY(0)scale(1)}.race-phone-speaker{z-index:3;background:#050609;border-radius:999px;width:13%;height:18px;position:absolute;inset:12px 43.5% auto;box-shadow:inset 0 1px #ffffff14}.race-post-track{will-change:transform;width:max-content;animation:36s linear infinite taqdeer-race-reel;display:flex}.race-phone-reel:hover .race-post-track,.race-phone-reel:focus-within .race-post-track{animation-play-state:paused}.race-post-set{gap:18px;padding-inline-end:18px;display:flex}.race-post-set figure{aspect-ratio:3/4;background:0 0;border-radius:18px;flex:none;width:clamp(210px,23vw,310px);height:auto;margin:0;overflow:hidden}.race-post-set img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.taqdeer-design-trigger{border-radius:inherit;cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.taqdeer-design-trigger>span{z-index:2;color:#fff;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101116b8;border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:34px;height:34px;font:500 20px/1 sans-serif;transition:opacity .22s,transform .22s;display:grid;position:absolute;inset:auto 12px 12px auto;transform:scale(.82)}:is(.taqdeer-design-trigger:hover>span,.taqdeer-design-trigger:focus-visible>span){opacity:1;transform:scale(1)}.taqdeer-design-trigger:focus-visible{outline:3px solid var(--lime);outline-offset:-3px}@keyframes taqdeer-race-reel{to{transform:translate(-50%)}}.project-design-lightbox{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08090ee6;place-items:center;padding:clamp(18px,4vw,48px);animation:.26s both project-lightbox-in;display:grid;position:fixed;inset:0}.project-design-lightbox figure{place-items:center;gap:12px;max-width:min(92vw,980px);max-height:92vh;margin:0;display:grid}.project-design-lightbox img{object-fit:contain;border-radius:18px;width:auto;max-width:100%;height:auto;max-height:84vh;display:block;box-shadow:0 38px 110px #00000085}.project-design-lightbox figcaption{color:#ffffffd1;text-align:center;font-size:13px}.project-lightbox-close{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff8c;border-radius:50%;width:48px;height:48px;font:300 34px/1 sans-serif;position:fixed;inset:24px 24px auto auto}:is(.project-lightbox-close:hover,.project-lightbox-close:focus-visible){background:var(--lime);color:#101116;outline:none}@keyframes project-lightbox-in{0%{opacity:0}to{opacity:1}}.taqdeer-ramadan-story{color:#fff;background:radial-gradient(circle at 24% 45%,#4f63ff33,#0000 34%),#17192b;border-radius:30px;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:center;gap:clamp(34px,5vw,72px);min-height:700px;padding:clamp(36px,5vw,64px);display:grid;overflow:hidden}.ramadan-wheel-display{aspect-ratio:1.35;opacity:0;justify-self:center;width:min(100%,670px);margin:0;transition:opacity .7s,transform .95s cubic-bezier(.22,1,.36,1);position:relative;transform:translateY(56px)scale(.94)}.taqdeer-ramadan-story.is-visible .ramadan-wheel-display{opacity:1;transform:translateY(0)scale(1)}.ramadan-wheel-orbit{border:1px solid #beff2a42;border-radius:50%;width:84%;height:30%;position:absolute;inset:35% 8% auto;box-shadow:0 0 55px #4f63ff33,inset 0 0 42px #beff2a14}.ramadan-design-trigger{z-index:2;filter:drop-shadow(0 30px 27px #00000061);opacity:0;transform-origin:50%;cursor:zoom-in;width:68%;max-width:none;height:92%;max-height:none;animation:24s linear infinite taqdeer-ramadan-wheel;animation-delay:calc((var(--slide-index) - 8) * 3s);will-change:opacity, transform;background:0 0;border:0;border-radius:16px;padding:0;display:block;position:absolute;inset:50% auto auto 50%;overflow:hidden}.ramadan-design-trigger img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.ramadan-design-trigger>span{z-index:3;color:#fff;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101116c2;border:1px solid #ffffffc7;border-radius:50%;place-items:center;width:42px;height:42px;font:500 24px/1 sans-serif;transition:opacity .22s,transform .22s;display:grid;position:absolute;inset:auto 16px 16px auto;transform:scale(.82)}:is(.ramadan-design-trigger:hover>span,.ramadan-design-trigger:focus-visible>span){opacity:1;transform:scale(1)}.ramadan-design-trigger:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.ramadan-wheel-display:hover .ramadan-design-trigger,.ramadan-wheel-display:focus-within .ramadan-design-trigger{animation-play-state:paused}@keyframes taqdeer-ramadan-wheel{0%,2.083%{z-index:4;opacity:1;pointer-events:auto;transform:translate(-50%,-50%)translate(0)scale(1)}12.5%{z-index:3;opacity:.68;pointer-events:auto;transform:translate(-50%,-50%)translate(75%)scale(.46)}25%{z-index:2;opacity:0;pointer-events:none;transform:translate(-50%,-50%)translate(118%)scale(.34)}37.5%,62.5%{z-index:1;opacity:0;transform:translate(-50%,-50%)translate(0)scale(.28)}75%{z-index:2;opacity:0;pointer-events:none;transform:translate(-50%,-50%)translate(-118%)scale(.34)}87.5%{z-index:3;opacity:.68;pointer-events:auto;transform:translate(-50%,-50%)translate(-75%)scale(.46)}97.917%,to{z-index:4;opacity:1;pointer-events:auto;transform:translate(-50%,-50%)translate(0)scale(1)}}.taqdeer-ramadan-story .chapter-note{color:#fff}.taqdeer-ramadan-story .chapter-note p{color:#ffffffc7}.hero-taqdeer .motion-section{grid-template-columns:minmax(180px,.46fr) minmax(0,1.08fr);align-items:center;gap:clamp(34px,5vw,70px);padding-block:clamp(62px,6vw,88px);position:relative}.hero-taqdeer .motion-section h2{font-size:clamp(32px,3.9vw,52px)}.hero-taqdeer .outcome-section h2{max-width:880px;font-size:29px;line-height:1.65}.hero-taqdeer .next-project>span{border-color:var(--lime);color:var(--lime);box-shadow:0 0 #beff2a40}.hero-taqdeer .next-project:hover>span{background:var(--lime);color:#101116;box-shadow:0 0 0 10px #beff2a1f,0 0 32px #beff2a61}.mac-motion-mockup{justify-self:center;width:min(100%,850px);padding:18px 18px 0;position:relative}.mac-motion-screen{background:#101116;border:2px solid #444751;border-radius:24px 24px 10px 10px;padding:15px 15px 18px;position:relative;overflow:hidden;box-shadow:0 34px 78px #0000005c}.mac-motion-camera{z-index:3;background:#2c2f38;border-radius:50%;width:8px;height:8px;position:absolute;inset:5px 50% auto auto}.mac-motion-screen video{aspect-ratio:16/9;object-fit:cover;width:100%;box-shadow:none;border-radius:12px;display:block}.video-cursor{z-index:20;opacity:0;pointer-events:none;will-change:left, top, opacity, transform;width:74px;height:74px;animation:5.6s linear infinite paused video-cursor-click;position:absolute;top:34%;left:78%;transform:scale(.84)}.video-cursor-arrow{clip-path:polygon(8% 5%,92% 51%,57% 63%,38% 95%);filter:drop-shadow(3px 0 #fff)drop-shadow(-3px 0 #fff)drop-shadow(0 3px #fff)drop-shadow(0 -3px #fff)drop-shadow(0 7px #5d8900)drop-shadow(0 15px 14px #2f660080)drop-shadow(0 0 22px #beff2af2);background:linear-gradient(145deg,#fbffd9 0%,#dcff73 18%,#beff2a 45%,#75d300 74%,#3e8300 100%);display:block;position:absolute;inset:6px}.video-cursor-arrow:after{content:"";background:linear-gradient(135deg,#fffffff2,#fff0);border-radius:50%;width:22px;height:18px;position:absolute;top:11px;left:10px}.video-cursor:after{border:4px solid var(--lime);opacity:0;content:"";border-radius:50%;width:58px;height:58px;animation:5.6s infinite paused video-cursor-ripple;position:absolute;inset:-14px auto auto -14px;box-shadow:0 0 0 7px #beff2a1f,0 0 22px #beff2adb}.motion-section.is-visible .video-cursor,.motion-section.is-visible .video-cursor:after{animation-play-state:running}@keyframes video-cursor-click{0%,12%{opacity:0;top:-18%;left:114%;transform:scale(.84)}18%{opacity:1;animation-timing-function:cubic-bezier(.58,.02,.92,.34);top:-18%;left:114%;transform:scale(.9)}34%{opacity:1;top:-9%;left:105%;transform:scale(.94)}46%{opacity:1;top:10%;left:88%;transform:scale(.98)}56%{opacity:1;top:31%;left:68%;transform:scale(1)}61%{opacity:1;top:calc(50% - 9px);left:calc(50% - 10px);transform:scale(1)}64%{opacity:1;top:calc(50% - 9px);left:calc(50% - 10px);transform:scale(.76)}69%,76%{opacity:1;top:calc(50% - 9px);left:calc(50% - 10px);transform:scale(1)}82%,to{opacity:0;top:calc(50% - 9px);left:calc(50% - 10px);transform:scale(1)}}@keyframes video-cursor-ripple{0%,61%{opacity:0;transform:scale(.35)}64%{opacity:1;transform:scale(.5)}74%,to{opacity:0;transform:scale(1.8)}}.hero-taqdeer[dir=ltr] .video-cursor{animation-name:video-cursor-click-ltr}@keyframes video-cursor-click-ltr{0%,12%{opacity:0;top:-18%;left:-22%;transform:scale(.84)}18%{opacity:1;animation-timing-function:cubic-bezier(.58,.02,.92,.34);top:-18%;left:-22%;transform:scale(.9)}34%{opacity:1;top:-9%;left:-12%;transform:scale(.94)}46%{opacity:1;top:10%;left:8%;transform:scale(.98)}56%{opacity:1;top:31%;left:30%;transform:scale(1)}61%{opacity:1;top:calc(50% - 9px);left:calc(50% - 10px);transform:scale(1)}64%{opacity:1;top:calc(50% - 9px);left:calc(50% - 10px);transform:scale(.76)}69%,76%{opacity:1;top:calc(50% - 9px);left:calc(50% - 10px);transform:scale(1)}82%,to{opacity:0;top:calc(50% - 9px);left:calc(50% - 10px);transform:scale(1)}}.mac-motion-base{background:linear-gradient(#cdd0d5,#8f949c);border-radius:2px 2px 18px 18px;width:112%;height:20px;margin-inline-start:-6%;position:relative;box-shadow:0 14px 24px #00000047}.mac-motion-base:after{content:"";background:#747981;border-radius:0 0 6px 6px;width:14%;height:5px;position:absolute;inset:0 43% auto}@media (max-width:1024px){.taqdeer-billboard-hero{height:auto}.taqdeer-newspaper{width:min(72%,570px)}.taqdeer-ramadan-story{grid-template-columns:1fr;min-height:0}.taqdeer-ramadan-story .chapter-note{justify-self:center;max-width:670px}}@media (max-width:680px){.taqdeer-billboard-hero{border-radius:20px;height:auto}.taqdeer-billboard-hero figcaption{font-size:10px;inset:auto 12px 12px}.hero-taqdeer .story-section{padding-block:44px}.hero-taqdeer .story-copy h2{font-size:18px}.hero-taqdeer .case-chapter-heading{grid-template-columns:52px minmax(0,1fr);gap:14px}.hero-taqdeer .case-chapter-heading>span{width:46px;height:46px;font-size:13px}.taqdeer-race-story{border-radius:20px;padding:24px 12px 32px}.taqdeer-newspaper{width:88%;min-height:350px}.newspaper-fold{padding:15px 16px 12px;inset-block-start:26%}.taqdeer-newspaper>.newspaper-pop-art{border-width:4px;width:52%;height:78%;inset-inline-start:24%}.newspaper-masthead b{font-size:28px}.race-phone-reel{border-width:7px;border-radius:34px;min-height:0;padding:36px 10px 14px}.race-phone-speaker{height:12px;inset-block-start:9px}.race-post-set{gap:10px;padding-inline-end:10px}.race-post-set figure{aspect-ratio:3/4;border-radius:12px;width:210px;height:auto}.taqdeer-ramadan-story{border-radius:20px;padding:28px 16px}.ramadan-wheel-display{aspect-ratio:1/1.08;width:100%}.ramadan-design-trigger{border:0;border-radius:12px;width:74%;max-width:none;height:92%;max-height:none;inset:50% auto auto 50%}.ramadan-design-trigger>span{width:34px;height:34px;font-size:20px;inset:auto 10px 10px auto}.hero-taqdeer .outcome-section h2{font-size:24px}.hero-taqdeer .motion-section{grid-template-columns:1fr;padding-block:54px}.mac-motion-mockup{padding-inline:0}.mac-motion-screen{border-radius:16px 16px 7px 7px;padding:9px 9px 12px}.video-cursor,.hero-taqdeer[dir=ltr] .video-cursor{width:58px;height:58px;animation-name:video-cursor-click-mobile}.video-cursor-arrow{inset:5px}.video-cursor:after{width:46px;height:46px;inset:-11px auto auto -11px}.project-lightbox-close{width:44px;height:44px;inset:12px 12px auto auto}}@keyframes video-cursor-click-mobile{0%,12%{opacity:0;top:-46%;left:82%;transform:scale(.84)}18%{opacity:1;animation-timing-function:cubic-bezier(.58,.02,.92,.34);top:-46%;left:82%;transform:scale(.9)}38%{opacity:1;top:-24%;left:78%;transform:scale(.94)}50%{opacity:1;top:8%;left:66%;transform:scale(.98)}58%{opacity:1;top:34%;left:56%;transform:scale(1)}61%{opacity:1;top:calc(50% - 8px);left:calc(50% - 9px);transform:scale(1)}64%{opacity:1;top:calc(50% - 8px);left:calc(50% - 9px);transform:scale(.76)}69%,76%{opacity:1;top:calc(50% - 8px);left:calc(50% - 9px);transform:scale(1)}82%,to{opacity:0;top:calc(50% - 8px);left:calc(50% - 9px);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.race-post-track{animation:none}.ramadan-design-trigger:first-of-type{opacity:1;transform:translate(-50%,-50%)}.ramadan-design-trigger:not(:first-of-type),.video-cursor{display:none}}.feast-sticker{mix-blend-mode:normal;filter:drop-shadow(3px 0 #fff)drop-shadow(-3px 0 #fff)drop-shadow(0 3px #fff)drop-shadow(0 -3px #fff)drop-shadow(0 16px 18px #1515153d)}.showcase-world-cup{background:radial-gradient(circle at 70% 22%,#7659ff52,#0000 34%),radial-gradient(circle at 18% 80%,#1f66ff3d,#0000 34%),#11131c}.webook-duo{z-index:2;direction:ltr;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(16px,3vw,38px);padding:5.5% 9%;display:grid;position:absolute;inset:0}.webook-shot{opacity:0;background:#090a0e;border:8px solid #090a0e;border-radius:28px;height:92%;min-height:0;margin:0;transition:opacity .62s,transform .9s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 28px 60px #0000005c}.webook-shot>span{z-index:2;background:#090a0e;border-radius:999px;width:28%;height:10px;position:absolute;inset:7px 36% auto}.webook-shot img{object-fit:contain;object-position:center;background:#090a0e;width:100%;height:100%;display:block}.webook-shot-semi{transform:translateY(70px)rotate(-5deg)scale(.88)}.webook-shot-final{transform:translateY(90px)rotate(5deg)scale(.88)}.card-world-cup.is-visible .webook-shot-semi{opacity:1;transition-delay:.14s;transform:translateY(0)rotate(-2deg)scale(1)}.card-world-cup.is-visible .webook-shot-final{opacity:1;transition-delay:.36s;transform:translateY(0)rotate(2deg)scale(1)}.card-world-cup.is-visible:hover .webook-shot-semi{transform:translateY(-7px)rotate(-1deg)scale(1.01)}.card-world-cup.is-visible:hover .webook-shot-final{transform:translateY(-11px)rotate(1deg)scale(1.01)}.concept-to-live .clean-concept,.concept-to-live .live-result{opacity:0;transition:opacity .68s,transform .95s cubic-bezier(.22,1,.36,1)}.concept-to-live .clean-concept{transform:translateY(72px)rotate(-5deg)scale(.9)}.concept-to-live .live-result{transform:translateY(54px)scale(.94)}.concept-to-live.is-visible .clean-concept{opacity:1;transition-delay:.1s;transform:translateY(0)rotate(-1.2deg)scale(1)}.concept-to-live.is-visible .live-result{opacity:1;transition-delay:.33s;transform:translateY(0)scale(1)}.card-biban:not(.is-visible) .biban-live-reel img,.clients-marquee:not(.is-visible) .clients-track,.gosi-post-reel:not(.is-visible) .gosi-post-track,.taqdeer-race-story:not(.is-visible) .race-post-track,.taqdeer-ramadan-story:not(.is-visible) .ramadan-design-trigger{animation-play-state:paused}.section-index,.project-number,.experience-index,.skill-groups article>span{font-size:13px}.project-hero-top,.project-category{font-size:14px}.project-facts dt{opacity:.72;font-size:14px}.project-facts dd{font-size:15px}.story-sticky span,.story-label,.case-chapter-heading>span{font-size:13px}.case-chapter-heading p,.process-section li span,.next-project p{font-size:14px}.case-callout,.clean-concept figcaption,.live-result figcaption,.work-label,.floor-screen figcaption,.feast-product figcaption,.project-index-list span,.project-index-list small{font-size:13px}@media (min-width:1025px){.hero{min-height:min(100svh,850px);padding-top:120px;padding-bottom:36px}.hero-title,[dir=ltr] .hero-title{font-size:clamp(48px,5.15vw,76px)}.hero-foot{margin-top:clamp(28px,4vh,48px)}.work-section,.about-section,.experience-section,.clients-section,.skills-section{padding-block:clamp(58px,6vw,86px)}.section-heading{margin-bottom:34px}.section-heading h2{font-size:clamp(36px,4vw,58px)}.section-heading div>p{margin-top:16px;font-size:16px}.portfolio-grid{gap:20px}.portfolio-card{border-radius:22px}.portfolio-card-copy{padding:20px 22px 15px}.portfolio-card-copy h3{font-size:clamp(29px,3vw,42px)}.portfolio-card-copy .project-meta{margin-bottom:7px;font-size:13px}.portfolio-card-media,.showcase-feast,.showcase-world-cup{aspect-ratio:1.44;border-radius:17px;min-height:0;margin:0 10px 10px}.portfolio-card-media{margin:0 10px 10px}.project-title-lockup>img{width:45px;height:45px}.round-arrow{width:40px;height:40px;font-size:18px}.visual-note,.event-photo-frame figcaption{padding:8px 11px;font-size:13px;inset:auto 15px 14px auto}.project-index{margin-top:50px}.project-index-list a{min-height:66px}.project-index-list strong{font-size:clamp(19px,1.8vw,26px)}.about-section{gap:clamp(34px,5vw,70px)}.about-image{border-radius:24px;min-height:390px}.about-copy h2{margin-block:20px;font-size:clamp(34px,4vw,54px)}.about-copy>p:not(.section-index){font-size:clamp(16px,1.4vw,20px);line-height:1.75}.about-facts{margin-top:30px}.about-facts span{min-height:108px;padding:18px}.about-facts strong{font-size:clamp(34px,3.4vw,50px)}.experience-section{padding-block:56px 72px}.experience-section .section-heading h2{font-size:clamp(34px,3.8vw,52px)}.experience-list article{min-height:78px;padding-block:12px}.experience-list h3{font-size:clamp(21px,1.8vw,28px)}.experience-list p{font-size:13px}.clients-track .client-logo{width:250px;min-height:154px;padding:22px 18px 16px}.clients-track .client-logo img{height:68px}.clients-section .section-heading{margin-bottom:28px}.skills-section{gap:clamp(28px,5vw,74px)}.skills-intro h2{margin-block:20px;font-size:clamp(34px,4vw,54px)}.skill-groups article{border-radius:24px;min-height:210px;padding:22px}.skill-groups h3{margin:14px 0 24px;font-size:clamp(29px,3.1vw,43px)}.skill-groups li{padding:8px 12px}.contact-section{border-radius:28px;padding:clamp(54px,5.8vw,82px)}.contact-section h2{margin:28px 0 22px;font-size:clamp(38px,4.5vw,62px)}.contact-lead{margin-bottom:36px;font-size:16px}.contact-links a{min-height:70px}.project-hero{padding-top:106px}.project-category{margin-top:38px}.project-hero h1{font-size:clamp(42px,5vw,66px)}.project-summary{max-width:720px;margin-top:20px;font-size:clamp(17px,1.45vw,20px)}.project-facts{margin:34px 0 24px;padding-top:18px}.project-cover{border-radius:22px 22px 0 0;height:min(46vw,580px)}.taqdeer-billboard-hero{border-radius:22px 22px 0 0;height:auto}.story-section{gap:clamp(34px,5vw,70px);padding-block:clamp(54px,5.5vw,76px)}.story-sticky{grid-template-columns:38px 1fr;gap:13px}.story-copy{gap:28px}.story-copy article{padding-bottom:28px}.story-copy h2{margin-top:12px;font-size:clamp(21px,2.2vw,31px)}.case-study-flow{padding-bottom:clamp(64px,7vw,94px)}.case-chapter{padding-block:clamp(52px,5.6vw,76px)}.case-chapter-heading{grid-template-columns:58px minmax(0,1fr);gap:18px;margin-bottom:26px}.case-chapter-heading>span{width:48px;height:48px}.case-chapter-heading h2{font-size:clamp(28px,3.2vw,43px)}.clean-concept,.live-result,.screen-story{min-height:520px}.feast-product-grid{min-height:560px;padding:28px}.world-cup-displays{min-height:590px}.proposal-phones{min-height:590px;padding:38px}.motion-section,.hero-taqdeer .motion-section{padding-block:clamp(52px,5.5vw,72px)}.process-section{padding-block:clamp(54px,5.8vw,78px)}.outcome-section{padding:clamp(46px,5vw,68px)}.next-project{padding-block:clamp(50px,5.4vw,72px)}.next-project h2{margin-top:22px;font-size:clamp(40px,4.9vw,66px)}.next-project>span{width:58px;height:58px;font-size:24px}}@media (max-width:680px){.section-index,.project-number,.experience-index,.skill-groups article>span,.project-facts dt,.story-sticky span,.story-label,.case-chapter-heading>span{font-size:12px}.project-hero-top,.project-category,.project-facts dd,.case-chapter-heading p,.next-project p{font-size:13px}.webook-duo{gap:10px;padding:7% 5%}.webook-shot{border-width:5px;border-radius:18px;height:88%}.webook-shot>span{height:6px;inset-block-start:4px}.feast-sticker{filter:drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(0 12px 14px #15151538)}}.portfolio-card .visual-note,.portfolio-card .event-photo-frame figcaption{font-size:13px}@media (max-width:680px){.portfolio-card .visual-note,.portfolio-card .event-photo-frame figcaption{font-size:12px}.project-facts dt{font-size:13px}.gosi-story-copy>p{font-size:18px}.gosi-directions-heading>span{font-size:16px}.hero-world-cup .story-section{padding-block:40px}.hero-world-cup .story-copy h2{font-size:18px}.webook-live-mockup{border-radius:19px}.webook-live-screen{border-radius:8px}.webook-live-mockup figcaption{max-width:calc(100% - 20px);font-size:10px;inset:auto 10px 10px auto}}@media (prefers-reduced-motion:reduce){.webook-live-screen img{animation:none}.webook-live-final{opacity:0}.project-page.hero-world-cup>.next-project>span{animation:none}}.site-header nav{gap:clamp(30px,3.5vw,52px);font-size:16px}.section-index{font-size:16px}.experience-section .section-index{color:#000}.contact-section .section-index{font-size:17px}.showcase-world-cup{background:#11131c;overflow:hidden}.webook-hand-scene{z-index:1;object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .7s,transform 1.05s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0;transform:scale(1.075)}.webook-screen-cycle{z-index:3;opacity:0;background:#090a0d;border-radius:20px;width:22.95%;height:75.5%;transition:opacity .65s,transform .9s cubic-bezier(.22,1,.36,1);position:absolute;top:10.6%;left:51.45%;overflow:hidden;transform:translateY(42px)scale(.92);box-shadow:inset 0 0 0 1px #ffffff1f}.webook-screen-cycle img{object-fit:contain;object-position:center;background:#090a0d;width:100%;height:100%;animation-duration:6.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused;display:block;position:absolute;inset:0}.webook-screen-semi{animation-name:webook-screen-semi-cycle}.webook-screen-final{animation-name:webook-screen-final-cycle}.card-world-cup.is-visible .webook-hand-scene{opacity:1;transform:scale(1)}.card-world-cup.is-visible .webook-screen-cycle{opacity:1;transition-delay:.24s;transform:translateY(0)scale(1)}.card-world-cup.is-visible .webook-screen-cycle img{animation-play-state:running}@keyframes webook-screen-semi-cycle{0%,43%{opacity:1;transform:scale(1)}50%,93%{opacity:0;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}@keyframes webook-screen-final-cycle{0%,43%{opacity:0;transform:scale(1.018)}50%,93%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.018)}}.skill-groups article>ul>li{opacity:0;transition:opacity .42s,transform .62s cubic-bezier(.22,1,.36,1);transform:translateY(18px)scale(.88)}.skill-groups article.is-visible>ul>li{opacity:1;transform:translateY(0)scale(1)}.skill-groups article.is-visible>ul>li:first-child{transition-delay:.14s}.skill-groups article.is-visible>ul>li:nth-child(2){transition-delay:.22s}.skill-groups article.is-visible>ul>li:nth-child(3){transition-delay:.3s}.skill-groups article.is-visible>ul>li:nth-child(4){transition-delay:.38s}.skill-groups article.is-visible>ul>li:nth-child(5){transition-delay:.46s}.skill-groups article.is-visible>ul>li:nth-child(6){transition-delay:.54s}.hero-foot .pill-button{isolation:isolate;position:relative}.hero-foot .pill-button:after{z-index:-1;border-radius:inherit;content:"";pointer-events:none;border:2px solid #7659ffb3;animation:2s ease-out infinite cta-ring-pulse;position:absolute;inset:-7px}@keyframes cta-ring-pulse{0%{opacity:.85;transform:scale(.96)}70%,to{opacity:0;transform:scale(1.09)}}.visual-note i,.event-photo-frame figcaption i,.work-label i,.accent-dot,.case-callout i,.availability-dot{animation:1.8s ease-in-out infinite accent-dot-pulse}@keyframes accent-dot-pulse{0%,to{box-shadow:0 0 0 4px #7659ff1f,0 0 #c7ff3800}50%{box-shadow:0 0 0 7px #7659ff0f,0 0 18px #c7ff38b8}}@keyframes purple-arrow-pulse{0%,to{box-shadow:0 0 #7659ff6b}50%{box-shadow:0 0 0 8px #7659ff00,0 0 18px #7659ff7a}}@media (hover:hover){.portfolio-card:hover .round-arrow{border-color:var(--purple);background:var(--purple);color:#fff;animation:1.25s ease-in-out infinite purple-arrow-pulse}}@media (max-width:680px){.section-index{font-size:14px}.contact-section .section-index{font-size:15px}.webook-screen-cycle{border-radius:8px}}@media (prefers-reduced-motion:reduce){.webook-screen-cycle img,.hero-foot .pill-button:after,.visual-note i,.event-photo-frame figcaption i,.work-label i,.accent-dot,.case-callout i,.availability-dot,.portfolio-card:hover .round-arrow{animation:none}.webook-screen-semi{opacity:0}.webook-screen-final{opacity:1}.skill-groups article>ul>li{opacity:1;transition:none;transform:none}}.project-page.hero-feast .project-cover-saudi-feast-festival>img:last-child{object-fit:contain;object-position:center;width:100%;height:100%;box-shadow:none;border-radius:0;inset:0}.project-page.hero-feast .project-cover-saudi-feast-festival{aspect-ratio:1586/992;background:#ece9e2;border-radius:24px 24px 0 0;width:min(100%,960px);height:auto;margin-inline:auto;overflow:hidden}.hero-feast .story-copy h2{font-size:18px;line-height:1.75}.feast-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;width:min(100%,820px);min-height:0;margin-inline:auto;padding:18px;display:grid}.feast-product{--product-rotate:0deg;--product-image-scale:1;--product-image-x:0px;--product-image-y:0px;--product-hover-image-scale:1;--product-image-origin:center;--product-cover-clip:inset(0);aspect-ratio:1.34;cursor:zoom-in;opacity:0;min-width:0;height:auto;transform:translateY(50px) rotate(var(--product-rotate)) scale(.82);transform-origin:bottom;transition:opacity .48s,transform .82s cubic-bezier(.22,1,.36,1),box-shadow .4s;transition-delay:calc(var(--product-index) * .105s);border-width:6px;grid-area:auto;grid-template-rows:minmax(0,1fr) auto;display:grid}.feast-product-grid.is-visible .feast-product{opacity:1;transform:translateY(0) rotate(var(--product-rotate)) scale(1);transition-delay:0s}.feast-product-trigger{cursor:zoom-in;background:#fff;border:0;width:100%;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.feast-product-trigger img{object-fit:contain;object-position:center;width:100%;height:100%;transform:translate(var(--product-image-x), var(--product-image-y)) scale(var(--product-image-scale));background:#fff;transition:transform .36s cubic-bezier(.22,1,.36,1),filter .18s;display:block}.feast-product-trigger>span{color:#fff;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101116b8;border:1px solid #ffffffc2;border-radius:50%;place-items:center;width:36px;height:36px;font:500 21px/1 sans-serif;transition:opacity .22s,transform .22s;display:grid;position:absolute;inset:auto 12px 12px auto;transform:scale(.84)}:is(.feast-product-trigger:hover>span,.feast-product-trigger:focus-visible>span){opacity:1;transform:scale(1)}.feast-product-trigger:focus-visible{outline:3px solid var(--lime);outline-offset:-3px}.feast-product-trigger:active img{filter:brightness(.97)}.feast-product img{clip-path:inset(0);transform-origin:50%}.feast-product figcaption{z-index:1;color:#393835;background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:9px 7px 5px;font-size:14px;display:flex;position:relative}.feast-product figcaption span{color:var(--purple);font-weight:850}.feast-product-apron{--product-rotate:-.8deg;--product-image-scale:1.13}.feast-product-notebooks{--product-rotate:.5deg;--product-image-scale:1.15;--product-image-x:-15px}.feast-product-tote{--product-rotate:.7deg}.feast-product-shirts{--product-rotate:-.45deg;--product-image-scale:1.19;--product-image-x:-4px;--product-image-y:clamp(18px, 5.8vw, 51px)}.feast-product-caps{--product-rotate:.35deg}.feast-product-badges{--product-rotate:-.4deg;--product-image-scale:1.03;--product-image-x:32px}@media (hover:hover){.feast-product-grid.is-visible .feast-product:hover{z-index:5;transform:translateY(-5px)rotate(0)scale(1.025);box-shadow:0 28px 58px #15151533}}.hero-feast .next-project>span{border-color:var(--lime);background:var(--lime);color:#101116;animation:1.9s ease-out infinite biban-next-pulse;box-shadow:0 0 #beff2a57,0 0 24px #beff2a3d}.hero-feast .next-project:hover>span{border-color:var(--lime);background:var(--lime);color:#101116;box-shadow:0 0 0 12px #beff2a21,0 0 42px #beff2a80}@media (max-width:680px){.project-page.hero-feast .project-cover-saudi-feast-festival{border-radius:18px 18px 0 0;width:100%}.project-page.hero-feast .project-cover-saudi-feast-festival>img:last-child{object-position:center}.feast-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:0;padding:9px}.feast-product{aspect-ratio:1/1.08;border-width:4px;grid-area:auto}.feast-product-apron{--product-image-scale:1.08}.feast-product-notebooks{--product-image-scale:1.1;--product-image-x:-7px}.feast-product-shirts{--product-image-scale:1.12;--product-image-x:-2px;--product-image-y:18px}.feast-product-badges{--product-image-scale:1.02;--product-image-x:10px}.feast-product-trigger>span{width:30px;height:30px;font-size:17px;inset:auto 7px 7px auto}.feast-product figcaption{min-height:36px;padding:7px 5px 3px;font-size:11px}}@media (prefers-reduced-motion:reduce){.feast-product,.feast-product-grid.is-visible .feast-product{opacity:1;transition:none;transform:none}.feast-product img{transition:none}.hero-feast .next-project>span{animation:none}}.next-project>span{color:#111316;background:#c7ff32;border-color:#c7ff32;animation:1.8s ease-in-out infinite raghad-next-project-glow;box-shadow:0 0 #c7ff327a,0 0 26px #c7ff3257}:is(.next-project:hover>span,.next-project:focus-visible>span){background:#d8ff6a;border-color:#d8ff6a;transform:translate(-2px,-2px)scale(1.04)}@keyframes raghad-next-project-glow{0%,to{box-shadow:0 0 #c7ff327a,0 0 22px #c7ff3247}50%{box-shadow:0 0 0 10px #c7ff3200,0 0 36px #c7ff3294}}@media (prefers-reduced-motion:reduce){.next-project>span{animation:none}}main.project-page .next-project>span,main.project-page.hero-world-cup>.next-project>span{border-color:var(--lime);background:var(--lime);color:#111316;animation-name:raghad-next-project-glow}@media (max-width:680px){main.project-page .project-facts,main.project-page.hero-gosi .project-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}main.project-page .case-chapter-heading,main.project-page.hero-taqdeer .case-chapter-heading{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px}main.project-page .case-chapter-heading>span,main.project-page.hero-taqdeer .case-chapter-heading>span{width:40px;height:40px;font-size:12px}main.project-page .case-chapter-heading h2{text-align:start;letter-spacing:-.02em;max-width:none;font-size:clamp(20px,5.7vw,23px);line-height:1.5}main.project-page .project-hero h1{letter-spacing:-.025em;max-width:100%;font-size:clamp(32px,9vw,39px);line-height:1.32}main.project-page .project-summary{margin-top:18px;font-size:16px;line-height:1.75}main.project-page .story-section{gap:30px;padding-block:48px}main.project-page .story-copy{gap:30px}main.project-page .story-copy article{padding-bottom:30px}main.project-page .story-copy h2{margin-top:10px;font-size:18px;line-height:1.72}main.project-page .case-study-flow{padding-bottom:52px}main.project-page .case-chapter{padding-block:48px}main.project-page .case-chapter:first-child{padding-top:0}main.project-page .case-chapter-heading{margin-bottom:22px}main.project-page .motion-section,main.project-page .process-section{padding-block:52px}main.project-page .motion-section h2,main.project-page .process-heading h2{margin-top:16px;font-size:clamp(27px,7.6vw,33px);line-height:1.35}main.project-page .outcome-section{padding-block:46px}main.project-page .outcome-section h2,main.project-page.hero-taqdeer .outcome-section h2{margin-top:20px;font-size:clamp(20px,5.7vw,24px);line-height:1.65}main.project-page .next-project{padding-block:50px}main.project-page .next-project h2{margin-top:18px;font-size:clamp(30px,8.5vw,37px);line-height:1.3}main.project-page .gosi-visual-story{padding-block:48px}main.project-page .gosi-story-copy{padding-bottom:42px}main.project-page .gosi-story-copy h2{font-size:21px;line-height:1.62}main.project-page .gosi-story-copy>span{font-size:15px}main.project-page .gosi-directions-heading{margin-bottom:22px}main.project-page .gosi-directions-heading>span{width:42px;height:42px;font-size:12px}main.project-page .gosi-directions-heading h2{font-size:24px}main.project-page.hero-world-cup .world-cup-displays{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px;min-height:0;padding:32px 13px 42px;display:grid}main.project-page.hero-world-cup .world-cup-displays .poster-lightbox,main.project-page.hero-world-cup .world-cup-displays .final-lightbox,main.project-page.hero-world-cup .world-cup-displays .semi-lightbox{aspect-ratio:2/3;border-width:4px;border-radius:12px;justify-self:center;width:100%;padding:6px;position:relative;inset:auto;transform:none}main.project-page.hero-world-cup .world-cup-displays .poster-lightbox>span{height:8px;inset:auto 33% -13px}.card-world-cup .showcase-world-cup .webook-hand-scene{object-position:center;opacity:1;inset:0;transform:none}.card-world-cup .showcase-world-cup .webook-screen-cycle{opacity:1;width:29.4%;height:75.5%;top:10.6%;left:51.8%;transform:none}.card-world-cup .webook-scroll-visual .webook-screen-semi{animation:7s ease-in-out infinite webook-mobile-semi-cycle!important}.card-world-cup .webook-scroll-visual .webook-screen-final{animation:7s ease-in-out infinite webook-mobile-final-cycle!important}main.project-page .next-project>p{color:var(--lime);opacity:1;font-weight:800}.round-arrow .arrow-icon,.next-project>span .arrow-icon{width:22px;height:22px}.project-index-list b .arrow-icon{width:15px;height:15px}.pill-button .arrow-icon,.back-link .arrow-icon,.site-footer>a .arrow-icon{width:16px;height:16px}.clients-section{padding-block:58px;padding-inline:16px}.clients-section .section-heading{margin-bottom:24px}.clients-section .section-heading h2{font-size:clamp(29px,8.2vw,35px)}.clients-section .section-heading div>p{font-size:14px;line-height:1.7}.clients-marquee{display:none}.clients-marquee-mobile{direction:ltr;gap:10px;width:100%;padding-block:4px 12px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.clients-marquee-row{overflow:hidden}.clients-mobile-track{will-change:transform;width:max-content;animation:28s linear infinite clients-mobile-forward;display:flex}.clients-marquee-row-2 .clients-mobile-track{animation-name:clients-mobile-reverse}.clients-marquee-mobile .clients-set{gap:9px;padding-inline-end:9px}.clients-marquee-mobile .client-logo{border-radius:15px;width:132px;min-height:92px;padding:12px 10px 9px}.clients-marquee-mobile .client-logo img{height:40px}.clients-marquee-mobile .client-logo img[src$=unit3\.svg]{filter:grayscale()brightness(.48);opacity:.82}.clients-marquee-mobile .client-logo p{margin-top:8px;font-size:10px}}@keyframes clients-mobile-forward{to{transform:translate(-50%)}}@keyframes clients-mobile-reverse{0%{transform:translate(-50%)}to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.clients-mobile-track{animation:none}}@keyframes webook-mobile-semi-cycle{0%,42%,to{opacity:1;transform:scale(1)}49%,93%{opacity:0;transform:scale(1.012)}}@keyframes webook-mobile-final-cycle{0%,42%,to{opacity:0;transform:scale(1.012)}49%,93%{opacity:1;transform:scale(1)}}section[id]{scroll-margin-top:88px}.hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.hero-actions .pill-button{white-space:nowrap}.hero-foot .pill-button-secondary{color:#777174;box-shadow:none;background:#ffffff94;border-color:#1817183d}.hero-foot .pill-button-secondary:after{display:none}.hero-foot .pill-button-secondary:hover{color:#514c4f;box-shadow:none;background:#f0efed;border-color:#1817186b}.section-rail{z-index:80;width:16px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;direction:ltr;background:0 0;border:0;border-radius:0;padding:0;transition:width .32s cubic-bezier(.22,1,.36,1);position:fixed;top:50%;left:clamp(7px,.8vw,14px);right:auto;transform:translateY(-50%)}.section-rail ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.section-rail a{color:#777174;opacity:.38;grid-template-columns:10px auto;align-items:center;gap:8px;width:max-content;min-height:22px;font-size:10px;font-weight:650;line-height:1.15;transition:color .22s,opacity .22s,transform .22s;display:grid}.section-rail a span{text-align:left;text-overflow:ellipsis;white-space:nowrap;opacity:0;visibility:hidden;grid-area:1/2;max-width:0;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .18s,transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;overflow:hidden;transform:translate(-5px)}.section-rail a i{background:#8e898c;border-radius:50%;grid-area:1/1;justify-self:center;width:5px;height:5px;transition:width .22s,height .22s,background-color .22s,box-shadow .22s}.section-rail.is-expanded,.section-rail:hover,.section-rail:focus-within{width:98px}.section-rail.is-expanded a span,.section-rail:hover a span,.section-rail:focus-within a span{opacity:1;visibility:visible;max-width:80px;transition-delay:0s;transform:translate(0)}[dir=rtl] .section-rail a span{direction:rtl}.section-rail a:hover{opacity:.72;transform:translate(2px)}.section-rail a[aria-current=location]{color:var(--purple);opacity:1;font-weight:850}.section-rail a[aria-current=location] i{background:var(--purple);width:10px;height:10px;box-shadow:0 0 0 4px #7659ff1f}.about-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.about-facts span:nth-child(2){transition-delay:.12s}.about-facts span:nth-child(3){transition-delay:.22s}.skills-section{display:block}.skills-intro{max-width:900px;margin-bottom:34px;position:static}.skill-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.skill-groups article{border-radius:22px;min-height:200px;padding:20px}.skill-groups h3{margin:13px 0 22px;font-size:clamp(26px,2.8vw,38px)}.skill-groups li{padding:8px 11px;font-size:12px}.skill-note{margin-top:20px;font-size:12px}.experience-list article{grid-template-columns:48px minmax(220px,.78fr) minmax(0,1.22fr);align-items:start;gap:24px;min-height:0;padding:28px 4px}.experience-index{padding-top:7px}.experience-identity p{margin:0}.experience-identity h3{margin:9px 0 8px}.experience-projects{min-width:0}.experience-projects .experience-projects-label{color:var(--purple);letter-spacing:.05em;margin:1px 0 12px;font-size:11px;font-weight:850}.experience-projects ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.experience-projects li a,.experience-projects li>span{color:#514c4f;background:#ffffffb8;border:1px solid #7659ff4d;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:750;line-height:1.3;display:inline-flex}.experience-projects li a{border-color:var(--purple);background:var(--purple);color:#fff;transition:transform .22s,background-color .22s}.experience-projects li a:hover{background:#5f44e8;transform:translateY(-2px)}.experience-projects li a .arrow-icon{width:14px;height:14px}.experience-list .experience-summary{color:#6b6569;max-width:680px;margin:15px 0 0;font-size:13px;line-height:1.75}@media (max-width:1024px){.hero-foot p{width:min(100%,400px);max-width:400px;font-size:16px}.portfolio-card-copy{grid-template-columns:28px minmax(0,1fr) auto}.about-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.about-facts span:last-child{grid-column:1/-1}.experience-list article{grid-template-columns:32px minmax(0,1fr);gap:12px 14px;padding-block:26px}.experience-identity,.experience-projects{grid-column:2}.experience-projects{margin-top:7px}}@media (max-width:680px){section[id]{scroll-margin-top:76px}.hero-actions{grid-template-columns:1fr;justify-content:stretch;width:100%;display:grid}.hero-actions .pill-button{justify-content:space-between}.hero-foot p{width:100%;max-width:400px;font-size:16px}.section-rail{border-radius:0;width:16px;padding:0;left:6px;right:auto}.section-rail ol{gap:2px}.section-rail a{grid-template-columns:10px auto;align-items:center;gap:7px;min-height:20px;font-size:9px;display:grid}.section-rail a span{clip:auto;clip-path:none;white-space:nowrap;width:auto;max-width:0;height:auto;position:static;overflow:hidden}.section-rail.is-expanded,.section-rail:hover,.section-rail:focus-within{width:92px}.section-rail.is-expanded a span,.section-rail:hover a span,.section-rail:focus-within a span{max-width:76px}.section-rail a:hover{transform:none}.about-facts{gap:9px}.about-facts span{min-height:104px;padding:15px}.about-facts strong{font-size:clamp(30px,9vw,42px)}.skill-groups{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:minmax(220px,78vw);grid-auto-flow:column;gap:10px;padding-bottom:10px;overflow-x:auto}.skill-groups::-webkit-scrollbar{display:none}.skill-groups article{scroll-snap-align:start;border-radius:20px;min-height:182px;padding:17px}.skill-groups h3{margin:11px 0 18px;font-size:27px}.skill-groups li{padding:7px 10px;font-size:11px}.portfolio-card-copy{grid-template-columns:24px minmax(0,1fr) auto}.project-card-action{gap:5px;min-height:34px;padding:8px 10px;font-size:10px}.project-card-action .arrow-icon{width:12px;height:12px}.experience-list article{padding-block:24px}.experience-projects ul{gap:7px}.experience-projects li a,.experience-projects li>span{min-height:34px;padding:7px 10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.section-rail a,.section-rail a i{transition:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
