/* A working contact sheet, introduced by an Omani guide. */
:root{--floor:190px;--header:80px;--frame:clamp(24px,4.8vw,78px);--ease-out:cubic-bezier(.23,1,.32,1)}
body{background:#f1f0e9;color:#142d30}
body.theme-paper{--bg:#f1f0e9;--surface:#e3e7e1;--surface-high:#d2dad3;--ink:#142d30;--muted:#536866;--gold:#176b5b;--dark-ink:#f8f7ef}
body.theme-forest{--bg:#173f3a;--surface:#22534a;--surface-high:#30695d;--ink:#f2f0e7;--muted:#c0d2c6;--gold:#e6d5a7;--dark-ink:#153c35}
body.theme-ink{--bg:#101e22;--surface:#1c3135;--surface-high:#2c484b;--ink:#f1f1e8;--muted:#bdcdca;--gold:#dac796;--dark-ink:#112b2b}
body.theme-paper,body.theme-forest,body.theme-ink{background:var(--bg);color:var(--ink)}
header{height:var(--header);z-index:12}.brand{font-size:19px;letter-spacing:-.045em}.brand-surname{font-weight:400}.header-contact{color:var(--gold)}header nav{font-size:15px;gap:30px}.slide-rail{right:8px}.slide-rail button span{background:var(--muted)}.slide-rail button.active span{background:var(--gold)}
.slide{transform:translateY(16px);transition:opacity 240ms ease,transform 400ms var(--ease-out),visibility 400ms}.slide.previous{transform:translateY(-16px)}.slide.active{transform:none}.slide-content{padding:24px var(--frame) 30px}.intro .slide-content{padding:22px var(--frame) 24px;justify-content:safe center}.studio-intro-band{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;margin-bottom:26px}.studio-intro-band h1{font-size:clamp(42px,4.55vw,72px);line-height:1.01;letter-spacing:-.055em;margin:0;max-width:680px}.studio-intro-copy>p{font-size:20px;line-height:1.5;max-width:510px}.studio-intro-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:18px}.studio-intro-actions .button{font-size:14px;min-height:46px;padding:12px 17px;gap:14px}.studio-intro-actions .quiet-link{font-size:14px;min-height:44px}.work-contact-sheet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px}.work-frame{text-align:left;padding:0;min-width:0}.work-frame-image{background:var(--surface);overflow:hidden;position:relative}.work-frame-image img{width:100%;aspect-ratio:3.05;display:block;object-fit:cover;object-position:top;transition:transform 500ms var(--ease-out)}.work-frame-caption{display:grid;grid-template-columns:1fr auto;gap:1px 16px;padding-top:10px;min-height:48px}.work-frame-caption strong{font-size:19px;line-height:1.25;font-weight:500;letter-spacing:-.025em}.work-frame-caption>span{grid-column:1;font-size:14px;line-height:1.3;color:var(--muted)}.work-frame-caption b{grid-column:2;grid-row:1/3;align-self:center;font-weight:400;color:var(--gold);font-size:24px}.work-frame.is-previewed .work-frame-caption strong{color:var(--gold)}
.project-layout{grid-template-columns:minmax(0,1.55fr) minmax(0,.75fr);gap:46px;align-items:center}.project-copy{grid-column:2;grid-row:1}.project-exhibit{grid-column:1;grid-row:1}.project-copy h2{font-size:clamp(38px,3.45vw,56px);line-height:1.04;letter-spacing:-.045em}.project-hook{font-size:20px;margin-top:18px;line-height:1.35;color:var(--gold)}.project-overview{font-size:16px;line-height:1.55;margin-top:18px}.contribution{margin-top:20px}.contribution p{font-size:16px;line-height:1.55}.contribution small{color:var(--muted);font-size:14px}.tags{font-size:14px;gap:6px 14px;margin-top:18px}.project-more{margin-top:14px}.main-screen{padding:10px;background:#e4e7e1}.main-screen>.project-preview-image{aspect-ratio:2.05;object-fit:cover;object-position:top}.screenshot-enlarge{right:22px;bottom:22px;padding:10px 15px;background:var(--bg);color:var(--ink)}.screenshot-thumbs{gap:16px;margin-top:16px}.screenshot-thumb img{aspect-ratio:4.4}.thumb-caption{background:var(--surface);padding:10px 12px;font-size:14px}.showcase-footer{margin-top:9px}.project-choice{background:var(--bg)}
#profile .slide-content{display:grid;grid-template-columns:1fr 1fr;gap:36px 70px;align-content:center;justify-content:normal}#profile .heading-row{display:block;align-self:start}#profile h2{font-size:clamp(42px,4.7vw,72px);line-height:1.04}#profile .side-intro{font-size:21px;margin-top:28px;max-width:360px}#profile .strengths{grid-template-columns:1fr;gap:26px;margin:0}#profile .strengths h3{font-size:26px;max-width:none;margin-bottom:10px}#profile .strengths p{font-size:17px;max-width:490px}#profile .profile-foot{grid-column:1/-1;margin-top:10px;font-size:15px}.career{gap:14px;margin-top:32px}.career article{background:var(--surface);padding:22px;grid-template-columns:145px minmax(230px,.8fr) minmax(280px,1.2fr);gap:5px 28px}.career h3{font-size:23px}.career p{font-size:16px}.career-date{font-size:14px}.career h4{font-size:15px}.career-date .now{color:var(--gold)}.toolkit{gap:42px;margin-top:44px}.toolkit article{background:var(--surface);padding:26px}.toolkit small{font-size:16px}.toolkit h3{font-size:27px}.toolkit p,.sub-skills{font-size:17px}.cert-thumb{background:#fff;height:145px}.cert-highlight small{color:var(--muted)}.cert-highlight h3{font-size:21px}.cert-highlights{margin-top:26px;gap:30px}.cert-actions{margin-top:26px}.cert-count strong{font-size:66px}.contact-slide h2{font-size:clamp(56px,7vw,108px)}.contact-intro{font-size:21px}.contact-email{font-size:clamp(25px,3.8vw,58px)}
.stage-floor{height:var(--floor);background:var(--bg)}.deck-footer{bottom:25px;left:var(--frame);right:auto;gap:0}.narration{display:none}.deck-controls{gap:9px}#chapter-counter{min-width:110px;max-width:180px;font-size:14px}.deck-controls>button{background:var(--surface);height:44px;width:44px}.control-divider{width:4px}.guide-dock{position:fixed;bottom:10px;right:var(--frame);z-index:10;display:flex;align-items:flex-end;gap:18px;pointer-events:none}.guide-dock>*{pointer-events:auto}.guide-dock .avatar-stage,.guide-dock .avatar-stage.hero-actor{position:relative!important;left:auto!important;bottom:auto!important;width:84px;height:168px;margin:0;padding:0;transform:none!important;transition:transform 180ms var(--ease-out);display:block!important;flex-shrink:0}.avatar-stage canvas{height:168px;width:84px;display:block}.guide-tap-hint{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-size:13px;font-weight:500;color:var(--gold);white-space:nowrap;background:var(--bg);padding:1px 6px}.guide-bubble{position:relative;width:320px;background:var(--ink);color:var(--bg);padding:15px 18px 13px;margin-bottom:15px;border-radius:0;transform-origin:100% 100%}.guide-bubble[hidden]{display:none}.guide-bubble::after{content:'';position:absolute;right:-12px;bottom:22px;width:0;height:0;border-top:12px solid transparent;border-bottom:0 solid transparent;border-left:12px solid var(--ink)}.guide-bubble-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:4px}.guide-bubble-top strong{font-size:14px;font-weight:500}.guide-bubble-top>button{color:var(--bg);padding:0;width:28px;height:28px;font-size:21px;line-height:1;background:transparent}.guide-bubble p{font-size:15px;line-height:1.45;max-height:90px;overflow:auto}.guide-bubble-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:8px}.guide-bubble-actions button{font-size:13px;color:var(--bg);padding:4px 0;min-height:32px;text-align:left}.guide-bubble-actions button:first-child{font-weight:500}.guide-bubble-actions button:last-child{opacity:.75}.guide-bubble button:focus-visible{outline-color:var(--bg);outline-offset:2px}.gallery-guide-line{display:flex;gap:15px;align-items:center;margin-bottom:18px;max-width:950px}.inline-guide{width:40px;height:80px;flex-shrink:0}.gallery-guide-line .screenshot-description{margin:0!important;font-size:16px!important;max-width:850px}.screenshot-view-controls{margin-bottom:16px}
@media(hover:hover) and (pointer:fine){.work-frame:hover img{transform:scale(1.025)}.work-frame:hover strong{color:var(--gold)}.guide-dock .avatar-stage:hover{transform:translateY(-3px)!important}.guide-bubble button:hover{text-decoration:underline}.theme-paper .button:hover{background:#125c4e;color:#f8f7ef}.theme-paper .quiet-link:hover{color:#0c3931}}
@media(min-width:1001px){.slide.active .work-frame{animation:exhibit-enter 600ms var(--ease-out) both}.slide.active .work-frame:nth-child(2){animation-delay:50ms}.slide.active .work-frame:nth-child(3){animation-delay:100ms}.slide.active .work-frame:nth-child(4){animation-delay:150ms}.slide.active .work-frame:nth-child(5){animation-delay:200ms}.slide.active .work-frame:nth-child(6){animation-delay:250ms}}
@media(max-width:1100px){:root{--frame:36px}.studio-intro-band{gap:34px}.studio-intro-band h1{font-size:50px}.studio-intro-copy>p{font-size:18px}.work-frame-image img{aspect-ratio:2.7}.work-frame-caption strong{font-size:18px}.project-layout{gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.project-copy h2{font-size:39px}.project-hook{font-size:18px}.project-overview,.contribution p{font-size:16px}.main-screen>.project-preview-image{aspect-ratio:1.7}.career article{grid-template-columns:115px minmax(180px,.9fr) minmax(240px,1.15fr);gap:5px 20px;padding:18px}.career h3{font-size:22px}#profile .slide-content{gap:28px 40px}#profile h2{font-size:50px}#profile .strengths h3{font-size:24px}.guide-bubble{width:290px}.guide-dock{gap:14px}.deck-controls{gap:7px}#chapter-counter{max-width:130px;min-width:100px}}
@media(max-width:800px){:root{--header:78px;--floor:185px;--frame:28px}.studio-intro-band{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:24px}.studio-intro-band h1{font-size:45px}.studio-intro-copy>p{font-size:17px}.studio-intro-actions{gap:8px;margin-top:12px}.studio-intro-actions .button{font-size:13px}.studio-intro-actions .quiet-link{font-size:14px}.work-contact-sheet{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.work-frame-image img{aspect-ratio:2.35}.work-frame-caption strong{font-size:19px}.project-layout{display:grid;grid-template-columns:1fr;gap:16px}.project-copy{display:contents}.project-copy>h2{order:1;grid-column:auto;grid-row:auto;font-size:44px}.project-copy>.project-hook{order:2;margin-top:0;font-size:21px}.project-copy>.project-overview{order:3;margin-top:0;font-size:17px}.project-layout>.project-exhibit{order:4;grid-column:auto;grid-row:auto;margin-top:10px}.project-copy>.contribution{order:5;margin-top:10px}.project-copy>.tags{order:6}.project-copy>.project-more{order:7}.main-screen>.project-preview-image{aspect-ratio:1.65}.screenshot-thumb img{aspect-ratio:2.7}.main-screen{padding:8px}.screenshot-enlarge{right:18px;bottom:18px}#profile .slide-content{display:flex;gap:0}#profile h2{font-size:44px}#profile .side-intro{font-size:20px;margin-top:22px}#profile .strengths{display:grid;gap:30px;margin-top:34px}#profile .strengths h3{font-size:26px}#profile .profile-foot{margin-top:30px}.career article{display:grid;grid-template-columns:125px 1fr;gap:8px 24px;padding:22px}.career-date{grid-row:1/4}.career h3,.career h4,.career p{grid-column:2}.career p{grid-row:auto}.toolkit{grid-template-columns:1fr;gap:22px}.toolkit article{padding:26px}.cert-highlights{grid-template-columns:1fr}.cert-thumb{height:210px}.cert-highlight h3{font-size:24px}.guide-bubble{width:300px;padding:13px 16px;margin-bottom:12px}.guide-dock{right:28px;gap:14px;bottom:8px}.guide-dock .avatar-stage,.guide-dock .avatar-stage.hero-actor{width:74px;height:148px}.avatar-stage canvas{width:74px;height:148px}.deck-footer{left:28px;bottom:23px}#chapter-counter{display:none}.deck-controls{gap:7px}.deck-controls>button{width:40px;height:40px}.control-divider{display:none}.guide-tap-hint{font-size:12px}.guide-bubble p{font-size:15px}.guide-bubble-actions button{font-size:13px}.gallery-guide-line{gap:12px}}
@media(max-width:600px){:root{--header:104px;--floor:190px;--frame:24px}header{padding-top:14px}.brand{font-size:18px}header nav{margin-top:10px;gap:14px;font-size:14px}.studio-intro-band{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.studio-intro-band h1{font-size:48px;line-height:1.02}.studio-intro-copy>p{font-size:18px;max-width:380px}.studio-intro-actions{gap:16px;margin-top:18px}.studio-intro-actions .button{font-size:14px;padding:12px 16px}.intro .slide-content{padding:22px 24px 30px;justify-content:flex-start}.work-contact-sheet{gap:22px 16px}.work-frame-image img{aspect-ratio:1.5}.work-frame-caption{min-height:65px;padding-top:10px;gap:4px 8px}.work-frame-caption strong{font-size:18px}.work-frame-caption>span{font-size:13px}.work-frame-caption b{font-size:20px}.project-copy>h2{font-size:40px}.project-copy>.project-hook{font-size:20px}.main-screen>.project-preview-image{aspect-ratio:1.5}.screenshot-thumb img{aspect-ratio:1.9}.screenshot-enlarge{padding:8px 10px;font-size:13px;right:14px;bottom:14px}#profile h2{font-size:40px}.career article{display:block;padding:22px}.career h3{font-size:24px}.career-date{margin-bottom:12px}.career h4{margin-top:9px}.career p{margin-top:14px}.guide-dock{right:12px;bottom:11px;gap:10px;max-width:calc(100% - 24px)}.guide-dock .avatar-stage,.guide-dock .avatar-stage.hero-actor{width:64px;height:128px}.avatar-stage canvas{width:64px;height:128px}.guide-tap-hint{font-size:12px;bottom:-2px}.guide-bubble{width:calc(100vw - 178px);max-width:250px;margin-bottom:5px;padding:10px 12px}.guide-bubble-top{margin-bottom:2px;gap:8px}.guide-bubble-top strong{font-size:13px}.guide-bubble-top>button{width:24px;height:24px;font-size:20px}.guide-bubble p{font-size:14px;line-height:1.4;max-height:100px}.guide-bubble-actions{flex-direction:column;align-items:flex-start;gap:0;margin-top:5px}.guide-bubble-actions button{font-size:13px;min-height:28px;padding:2px 0}.guide-bubble::after{bottom:20px}.deck-footer{left:18px;bottom:20px}.deck-controls{display:grid;grid-template-columns:34px 34px;gap:7px}.deck-controls>button{height:34px;width:34px;font-size:19px}#motion{grid-column:1/-1;justify-self:start;font-size:15px;width:34px;height:30px}.gallery-guide-line{gap:9px;align-items:flex-start}.inline-guide{width:32px;height:64px}.gallery-guide-line .screenshot-description{font-size:15px!important}.screenshot-dialog>h2{font-size:28px}.contact-slide h2{font-size:50px}}
@media(max-width:360px){.studio-intro-band h1{font-size:43px}.work-contact-sheet{gap:18px 12px}.work-frame-caption strong{font-size:16px}.guide-bubble{width:calc(100vw - 164px);padding:9px 10px}.guide-dock{right:8px;gap:8px}.guide-dock .avatar-stage,.guide-dock .avatar-stage.hero-actor,.avatar-stage canvas{width:56px}.guide-bubble p{font-size:13px}.guide-bubble-actions button{font-size:12px}}
@media(max-height:760px) and (min-width:1001px){:root{--header:68px;--floor:168px}.slide-content{padding-top:16px;padding-bottom:24px}.studio-intro-band{margin-bottom:20px;gap:44px}.studio-intro-band h1{font-size:46px}.studio-intro-copy>p{font-size:17px}.studio-intro-actions{margin-top:12px}.work-frame-image img{aspect-ratio:3.8}.work-contact-sheet{gap:16px 24px}.work-frame-caption{min-height:40px;padding-top:8px}.work-frame-caption strong{font-size:17px}.work-frame-caption>span{font-size:13px}.guide-dock .avatar-stage,.guide-dock .avatar-stage.hero-actor,.avatar-stage canvas{height:144px;width:72px}.guide-bubble{width:310px;padding:12px 16px}.guide-bubble p{font-size:14px}.main-screen>.project-preview-image{aspect-ratio:2.3}.screenshot-thumbs{margin-top:12px}.screenshot-thumb img{aspect-ratio:5.2}.project-copy h2{font-size:38px}.project-hook{font-size:18px;margin-top:12px}.project-overview,.contribution p{font-size:16px}.contribution{margin-top:14px}.tags{margin-top:14px}.career article{padding:15px 19px}.career{gap:12px;margin-top:24px}.career h3{font-size:21px}.career h4,.career-date{font-size:14px}.cert-thumb{height:110px}.cert-intro{margin-top:18px}.cert-count strong{font-size:48px}.cert-highlights,.cert-actions{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.work-frame,.guide-dock .avatar-stage{animation:none!important;transition:none!important;transform:none!important}.slide{transition:opacity 150ms ease!important}.work-frame-image img{transition:none}}
@media print{.guide-dock{display:none!important}.work-contact-sheet{display:none}.studio-intro-band{display:block}body{color:#111;background:white}.project-layout{display:block}}

/* Keep the character directly tappable even when its message is closed. */
.guide-dock #avatar-stage,.guide-dock #avatar-stage canvas,.guide-dock #avatar-stage .guide-tap-hint{pointer-events:auto!important;touch-action:manipulation}