:root{--bg:#111312;--panel:#171918;--panel2:#1d211f;--warm:#f0ece4;--warm-dim:#c4c3bb;--muted:#929690;--line:rgba(240,236,228,.13);--teal:#397e7b;--cyan:#6fa8a4;--amber:#e28a43;--rust:#a95f45;--arabic:'Alexandria','Noto Sans Arabic','Geeza Pro',Tahoma,sans-serif;--serif:'Noto Naskh Arabic','Geeza Pro',serif;--latin:'Alexandria','DM Sans',Arial,sans-serif;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--warm);font-family:var(--arabic);font-size:14px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E");mix-blend-mode:soft-light}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.page-wrap{width:min(var(--max),calc(100% - 104px));margin-inline:auto}.skip-link{position:fixed;z-index:30;top:10px;right:10px;padding:12px 18px;background:var(--warm);color:var(--bg);transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{height:82px;padding-inline:max(52px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(17,19,18,.94);position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{width:30px;height:30px;border:1px solid rgba(226,138,67,.48);border-radius:50%;display:grid;place-items:center;color:var(--amber);font:600 15px var(--serif)}.brand-name{font-size:11px;font-weight:500;letter-spacing:.1px}.main-nav{display:flex;align-items:center;gap:33px;color:#c0c3bd;font-size:10px}.main-nav a,.header-cta,.site-footer>a{transition:color .2s}.main-nav a:hover,.header-cta:hover,.site-footer>a:hover{color:var(--amber)}.header-cta{font-size:10px;color:#ded8cd}.header-cta span{color:var(--amber);margin-right:6px}.menu-toggle,.mobile-nav{display:none}.hero{height:min(780px,calc(100svh - 82px));min-height:650px;position:relative;overflow:hidden;background:#111412}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,16,15,.05),rgba(13,16,15,.02) 48%,rgba(13,16,15,.6)),linear-gradient(0deg,#111312,transparent 21%,transparent 85%,rgba(15,17,16,.5));pointer-events:none}.hero-light{position:absolute;width:53vw;height:90%;top:0;filter:blur(55px);opacity:.3;pointer-events:none}.hero-light-teal{right:-22%;background:radial-gradient(ellipse at 30% 48%,rgba(57,126,123,.82),rgba(31,61,60,.3) 38%,transparent 71%)}.hero-light-amber{left:-28%;background:radial-gradient(ellipse at 68% 40%,rgba(226,138,67,.58),rgba(96,58,34,.24) 37%,transparent 70%)}.hero-grain{position:absolute;inset:0;opacity:.1;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.035) 5px,transparent 6px);mix-blend-mode:overlay}.hero-inner{height:100%;position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:6.3%;padding-bottom:44px}.hero-copy{padding-top:15px}.kicker,.section-eyebrow{font-size:9px;letter-spacing:.45px;color:#bfc2bc;display:flex;align-items:center;gap:12px;margin:0}.kicker-line,.section-eyebrow span{width:25px;height:1px;background:var(--amber);display:inline-block}.hero h1{font-size:clamp(49px,6.1vw,78px);line-height:1.42;font-weight:500;letter-spacing:-2.7px;margin:28px 0 11px}.hero h1 span{color:var(--warm)}.hero-lead{font-size:15px;line-height:2.05;color:#c5c8c1;max-width:570px;margin:0 0 27px}.hero-actions{display:flex;align-items:center;gap:13px}.button{min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-size:10px;transition:background .2s,border-color .2s,color .2s;cursor:pointer}.button-primary{background:var(--warm);color:#171918;border:1px solid var(--warm)}.button-primary:hover{background:var(--amber);border-color:var(--amber)}.button-quiet{border:1px solid rgba(240,236,228,.24);color:#e0ded7}.button-quiet:hover{border-color:var(--amber);color:var(--amber)}.play-icon{font-size:9px;color:var(--rust)}.hero-proof{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:62px;color:#999d97;font-size:8px}.hero-proof i{width:3px;height:3px;border-radius:50%;background:var(--amber)}.hero-visual{min-height:465px;height:min(58vh,570px);position:relative;display:grid;place-items:center;isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:7% 3% 7% 3%;border:1px solid rgba(211,215,206,.16);background:linear-gradient(138deg,rgba(57,126,123,.13),transparent 34%,rgba(19,21,20,.22) 53%,rgba(226,138,67,.14));clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 13%)}.hero-visual:after{content:"";position:absolute;inset:13% 10% 11%;background:radial-gradient(ellipse at 30% 49%,rgba(53,125,125,.23),transparent 42%),radial-gradient(ellipse at 78% 42%,rgba(201,119,60,.18),transparent 42%);z-index:-1}.light-frame{position:absolute;border:1px solid rgba(234,231,221,.18);width:62%;height:77%;transform:skewY(-8deg);top:12%;right:20%}.frame-b{width:58%;height:64%;top:19%;right:24%;border-color:rgba(226,138,67,.27);transform:skewY(7deg)}.visual-center{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;padding:40px 20px}.visual-overline{font-size:10px;letter-spacing:.5px;color:#c8c9c1}.visual-core{font:500 66px/1.1 var(--serif);color:var(--warm);text-shadow:0 0 36px rgba(226,138,67,.17)}.visual-subline{font-size:8px;color:#8d9690;margin-top:20px}.visual-coordinate{position:absolute;font-size:7px;letter-spacing:1px;color:#969c96}.coord-top{top:10%;right:11%}.coord-bottom{bottom:10%;left:10%}.visual-meter{position:absolute;left:12%;top:50%;transform:translateY(-50%);height:50px;display:flex;align-items:center;gap:3px;opacity:.65}.visual-meter span{display:block;width:2px;height:var(--h,12px);background:linear-gradient(0deg,var(--teal),var(--amber));opacity:.65}.visual-meter span:nth-child(2n){--h:24px}.visual-meter span:nth-child(3n){--h:36px}.visual-meter span:nth-child(4n){--h:18px}.hero-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:15px max(52px,calc((100% - var(--max))/2));display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:8px;letter-spacing:.3px;color:#929790}.hero-bottom b{font-size:13px;font-weight:400;color:var(--amber);margin-right:8px}.reel-strip{background:#191c1a;border-block:1px solid rgba(240,236,228,.08)}.reel-inner{min-height:88px;display:flex;align-items:center;gap:25px}.reel-label{font:500 8px var(--latin);letter-spacing:2px;color:var(--amber);display:flex;align-items:center;gap:9px}.reel-label i{width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 4px rgba(57,126,123,.14)}.reel-inner p{font-size:10px;color:#e1ded6;margin:0}.reel-open{margin-right:auto;border:0;background:transparent;color:#e5e0d7;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:9px}.reel-open span{width:25px;height:25px;border:1px solid rgba(226,138,67,.7);border-radius:50%;display:grid;place-items:center;color:var(--amber);font-size:8px}.reel-open:hover span{background:var(--amber);color:var(--bg)}.reel-note{font-size:8px;color:#7e847e}.section-pad{padding-block:108px}.work{background:#151716}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:39px}.section-eyebrow{font-size:8px;color:#aeb2ac}.section-eyebrow span{width:21px}.section-head h2,.about-heading h2,.contact-copy h2{font-size:clamp(37px,4.5vw,55px);font-weight:500;line-height:1.55;letter-spacing:-1.5px;margin:18px 0 0}.section-head h2 em,.about-heading h2 em,.contact-copy h2 em{font-family:var(--serif);font-weight:400;color:var(--amber);font-size:1.08em}.section-intro{max-width:320px;color:#9da19a;font-size:10px;line-height:2;margin:0 0 6px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}.project-card{min-width:0}.project-visual{--project-image:none;height:clamp(220px,28vw,340px);position:relative;overflow:hidden;background:#202422;isolation:isolate;border:1px solid rgba(240,236,228,.1);background-image:var(--project-image),linear-gradient(135deg,#1d2927,#151817 53%,#30251e);background-size:cover;background-position:center}.project-card:nth-child(2) .project-visual{background-color:#1d2527;background-image:var(--project-image),linear-gradient(132deg,#243239,#181a1a 55%,#34291f)}.project-card:nth-child(3) .project-visual{background-color:#29211e;background-image:var(--project-image),linear-gradient(130deg,#352522,#171817 56%,#4a3021)}.project-card:nth-child(4) .project-visual{background-color:#182222;background-image:var(--project-image),linear-gradient(135deg,#233b3a,#171918 55%,#33261e)}.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,14,13,.68),transparent 60%),linear-gradient(135deg,rgba(49,104,102,.13),transparent 45%,rgba(225,136,65,.13));z-index:-1}.project-visual-light{position:absolute;inset:-15%;background:radial-gradient(ellipse at 66% 36%,rgba(220,139,72,.21),transparent 32%),radial-gradient(ellipse at 20% 55%,rgba(68,151,148,.17),transparent 36%);z-index:-1;transition:transform .5s}.project-card:hover .project-visual-light{transform:scale(1.08)}.project-shape{position:absolute;width:25%;height:130%;top:-15%;right:43%;transform:rotate(29deg);background:linear-gradient(90deg,transparent,rgba(9,10,10,.54),rgba(240,236,228,.06),transparent);opacity:.75}.project-card:nth-child(2) .project-shape{right:63%;width:37%;transform:rotate(-24deg);background:linear-gradient(90deg,transparent,rgba(29,59,62,.68),rgba(236,225,208,.08),transparent)}.project-card:nth-child(3) .project-shape{right:25%;width:32%;background:linear-gradient(90deg,transparent,rgba(134,63,41,.7),rgba(226,138,67,.13),transparent)}.project-card:nth-child(4) .project-shape{right:48%;width:18%;transform:rotate(54deg);background:linear-gradient(90deg,transparent,rgba(39,119,114,.68),rgba(240,236,228,.07),transparent)}.project-no,.project-scene-caption{position:absolute;z-index:1;font-size:7px;letter-spacing:1px;color:#d2d0c8}.project-no{top:17px;left:18px;direction:ltr}.project-scene-caption{right:17px;top:17px;border:1px solid rgba(238,235,224,.24);padding:5px 8px;color:#babcb5}.project-info{display:flex;align-items:end;justify-content:space-between;gap:12px;position:relative;padding:16px 0 0}.project-title h3{font:500 15px var(--latin);letter-spacing:-.3px;direction:ltr;text-align:right;margin:0 0 6px}.project-title span{font-size:9px;color:#a6aaa3}.project-meta{display:flex;flex-direction:column;align-items:flex-start;gap:5px;color:#a4a8a1;font-size:8px;white-space:nowrap}.project-meta b{font-weight:400;color:#d4bd9f}.project-open{width:29px;height:29px;border:1px solid var(--line);display:grid;place-items:center;font:15px var(--latin);margin-right:4px;flex:none}.project-open:hover{border-color:var(--amber);color:var(--amber)}.project-pending{color:#70756f;border-color:rgba(240,236,228,.08)}.placeholder-note{font-size:8px;color:#777d77;margin:24px 0 0}.placeholder-note span{color:var(--amber);margin-left:6px}.about{background:#1b1e1c;position:relative;overflow:hidden}.about:after{content:"";position:absolute;left:-15%;top:-45%;width:50%;height:90%;background:radial-gradient(ellipse,rgba(53,111,108,.12),transparent 68%);pointer-events:none}.about-grid{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:10%;align-items:start}.about-heading h2{margin-top:25px}.about-stamp{margin-top:48px;width:82px;height:82px;border:1px solid rgba(226,138,67,.36);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transform:rotate(-9deg);color:#b2b5ae}.about-stamp span{font-size:7px;letter-spacing:1px}.about-stamp b{font-size:8px;font-weight:500;color:#e1d7c8}.about-stamp i{font-style:normal;color:var(--amber);font-size:10px}.about-copy{padding-top:8px}.about-copy>p{font-size:12px;line-height:2.1;color:#c2c5be;margin:0 0 18px}.affiliation{border-block:1px solid var(--line);padding:18px 0;margin-block:26px;display:flex;align-items:center;justify-content:space-between;gap:18px}.affiliation>span{font-size:8px;color:#969b94}.affiliation>b{font-size:10px;line-height:1.8;font-weight:500;text-align:left}.affiliation em{font:500 10px var(--latin);color:#d9aa7b}.about-copy .about-mentoring{font-size:10px;color:#a5aaa3}.services{background:#121413}.services .section-head{margin-bottom:36px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:64px 1fr 36px;align-items:center;min-height:72px;border-bottom:1px solid var(--line);transition:padding .22s,color .22s}.service-row:hover{padding-inline:10px;color:var(--amber)}.service-index{font:8px var(--latin);letter-spacing:1px;color:var(--teal)}.service-row h3{font-size:14px;font-weight:400;margin:0}.service-arrow{text-align:left;color:var(--amber);font-size:14px;opacity:0;transform:translate(3px,3px);transition:opacity .2s,transform .2s}.service-row:hover .service-arrow{opacity:1;transform:none}.contact{position:relative;overflow:hidden;background:#171a18}.contact:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,19,18,.1),rgba(16,19,18,.9) 42%,rgba(16,19,18,.3));pointer-events:none}.contact-lights{position:absolute;left:-10%;right:-10%;top:-40%;height:140%;background:radial-gradient(ellipse at 18% 50%,rgba(57,126,123,.17),transparent 40%),radial-gradient(ellipse at 75% 42%,rgba(226,138,67,.12),transparent 38%)}.contact-inner{position:relative;display:grid;grid-template-columns:1fr .78fr;gap:9%;align-items:center}.contact-copy h2{margin:23px 0 14px}.contact-copy>p:last-child{font-size:10px;line-height:1.9;color:#aaaea7;max-width:355px}.contact-card{padding:25px 28px;border:1px solid rgba(240,236,228,.15);background:rgba(17,19,18,.58);backdrop-filter:blur(8px)}.contact-card-label{font-size:8px;color:var(--amber);letter-spacing:.4px}.contact-placeholder{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-icon{width:30px;height:30px;border:1px solid rgba(226,138,67,.3);border-radius:50%;display:grid;place-items:center;color:var(--amber);font-size:13px;flex:none}.contact-placeholder>div{display:flex;flex-direction:column;gap:5px}.contact-placeholder b{font-size:9px;font-weight:500;color:#e4e0d8}.contact-placeholder small{font-size:7px;color:#8f958e}.pending-mark{margin-right:auto;border:1px solid rgba(240,236,228,.12);padding:4px 7px;color:#8a908a;font-size:7px}.social-placeholder{padding-top:17px;display:flex;justify-content:space-between;gap:12px;color:#a8ada6;font-size:8px}.social-placeholder small{color:#777e77;font-size:7px}.site-footer{background:#101211;border-top:1px solid var(--line)}.footer-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#888e87;font-size:8px}.site-footer .brand-name{font-size:9px;color:#c9c8c1}.site-footer .brand-mark{width:25px;height:25px}.site-footer>a{color:#aaa99f}.reel-dialog{width:min(520px,calc(100% - 32px));border:1px solid rgba(240,236,228,.19);background:#191c1a;color:var(--warm);padding:25px 27px 24px;box-shadow:0 20px 100px rgba(0,0,0,.55)}.reel-dialog::backdrop{background:rgba(3,5,4,.76);backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-kicker{font:8px var(--latin);letter-spacing:1.7px;color:var(--amber)}.dialog-close{border:1px solid var(--line);width:31px;height:31px;background:transparent;font:23px/1 var(--latin);cursor:pointer}.dialog-close:hover{border-color:var(--amber);color:var(--amber)}.reel-dialog h2{font-size:23px;font-weight:500;margin:28px 0 11px}.dialog-message{font-size:11px;line-height:1.9;color:#c1c4bd;margin:0 0 22px}.dialog-caption{font-size:8px;color:#818780;margin:15px 0 0}.reel-dialog audio{width:100%;accent-color:var(--amber)}:focus-visible{outline:2px solid var(--amber);outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
@media(max-width:900px){.page-wrap{width:calc(100% - 64px)}.site-header{padding-inline:32px}.main-nav{gap:20px}.hero{min-height:625px}.hero-inner{gap:3%}.hero-visual{min-height:400px}.visual-core{font-size:56px}.section-pad{padding-block:88px}.hero-proof{margin-top:45px}.hero-bottom{padding-inline:32px}}
@media(max-width:650px){html{scroll-padding-top:70px}.page-wrap{width:calc(100% - 40px)}.site-header{height:70px;padding-inline:20px}.brand{gap:8px}.brand-name{font-size:9px}.brand-mark{height:27px;width:27px}.main-nav,.header-cta{display:none}.menu-toggle{display:flex;width:38px;height:38px;border:1px solid var(--line);background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.menu-toggle span{width:15px;height:1px;background:var(--warm)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:69px;right:0;left:0;flex-direction:column;padding:12px 20px 18px;background:#151817;border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(0,0,0,.25)}.mobile-nav a{padding:13px 4px;border-bottom:1px solid rgba(240,236,228,.08);font-size:11px;color:#dedbd3}.hero{height:auto;min-height:0;padding:60px 0 64px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-bottom:0}.hero-copy{padding-top:0}.kicker{font-size:8px;gap:8px}.kicker-line{width:18px}.hero h1{font-size:46px;line-height:1.48;letter-spacing:-1.7px;margin:20px 0 8px}.hero-lead{font-size:12px;line-height:2;margin-bottom:20px}.hero-actions{gap:8px}.button{min-height:44px;padding-inline:12px;font-size:8px;gap:8px}.hero-proof{margin-top:26px;gap:8px;font-size:7px}.hero-visual{min-height:300px;height:72vw;max-height:390px;margin:0 4px}.visual-core{font-size:49px}.visual-subline{font-size:7px;margin-top:13px}.visual-meter{left:8%;height:38px;gap:2px}.visual-meter span{width:1px}.visual-coordinate{font-size:6px}.hero-bottom{position:relative;bottom:auto;margin-top:28px;padding:12px 20px 0;font-size:7px}.reel-inner{min-height:76px;gap:12px;flex-wrap:wrap;padding-block:13px}.reel-inner p{font-size:8px}.reel-open{margin-right:auto}.reel-note{width:100%;padding-right:2px;font-size:7px}.section-pad{padding-block:70px}.section-head{display:block;margin-bottom:27px}.section-head h2,.about-heading h2,.contact-copy h2{font-size:37px;line-height:1.6}.section-intro{font-size:9px;margin-top:10px;max-width:340px}.project-grid{grid-template-columns:1fr;gap:23px}.project-visual{height:62vw;min-height:210px;max-height:320px}.project-title h3{font-size:14px}.project-info{padding-top:12px}.about-grid{grid-template-columns:1fr;gap:30px}.about-heading h2{margin-top:17px}.about-stamp{width:65px;height:65px;margin-top:19px}.about-copy{padding-top:0}.about-copy>p{font-size:11px;line-height:2.1}.affiliation{margin-block:20px}.service-row{grid-template-columns:42px 1fr 25px;min-height:64px}.service-row h3{font-size:11px}.service-arrow{opacity:1;font-size:11px}.contact-inner{grid-template-columns:1fr;gap:20px}.contact-copy h2{margin-top:18px}.contact-copy>p:last-child{font-size:9px}.contact-card{padding:19px}.social-placeholder{display:block}.social-placeholder small{display:block;margin-top:7px}.footer-inner{padding-block:19px;min-height:unset;display:grid;grid-template-columns:1fr 1fr;row-gap:15px;font-size:7px}.footer-inner>.brand{grid-column:1/-1}.footer-inner>a:last-of-type{text-align:left}.reel-dialog{padding:21px}.reel-dialog h2{font-size:20px;margin-top:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.contact-placeholder[href]{transition:color .2s}.contact-placeholder[href]:hover{color:var(--amber)}.contact-link-arrow{margin-right:auto;color:var(--amber);font-size:13px}.social-links-list a{color:#d9c5ac}.social-links-list a:hover{color:var(--amber)}

/* Focused refinement: clearer showreel, quieter placeholders, stronger reading sizes. */
.main-nav{font-size:12px;gap:34px}.brand-name{font-size:12px}.kicker,.section-eyebrow{font-size:10px}.hero-inner{grid-template-rows:minmax(0,1fr) auto;row-gap:22px}.hero-visual{height:min(58vh,520px);min-height:400px;display:block;padding:0}.portrait-placeholder{height:100%;min-height:400px;position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(240,236,228,.16);background:linear-gradient(112deg,rgba(57,126,123,.11),#171b19 42%,#171917 64%,rgba(226,138,67,.09))}.portrait-placeholder:before{content:"";position:absolute;inset:14px;border:1px solid rgba(240,236,228,.1);pointer-events:none}.portrait-placeholder-label{position:absolute;right:28px;bottom:25px;font-size:10px;color:#c5c6be}.portrait-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 38%}.portrait-placeholder.has-approved-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,14,13,.58),transparent 45%);pointer-events:none}.portrait-placeholder.has-approved-portrait .portrait-photo{display:block}.hero-visual:before,.hero-visual:after,.light-frame,.visual-coordinate,.visual-meter{display:none}.visual-center{padding:30px 18px}.visual-core{font-size:62px}.visual-subline{font-size:10px;max-width:240px;line-height:1.8}.hero-showreel{grid-column:1/-1;min-height:142px;display:grid;grid-template-columns:minmax(150px,.46fr) 1fr auto;align-items:center;gap:26px;padding:16px 22px;background:#191d1b;border:1px solid rgba(240,236,228,.14);position:relative;overflow:hidden}.showreel-art{height:108px;position:relative;background:#202724;border:1px solid rgba(240,236,228,.1);overflow:hidden}.showreel-art:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(57,126,123,.1),transparent 48%,rgba(226,138,67,.09))}.showreel-art-line{position:absolute;top:50%;right:13%;left:13%;height:1px;background:rgba(226,138,67,.6)}.showreel-art-line:before,.showreel-art-line:after{content:"";position:absolute;top:-16px;width:1px;height:32px;background:rgba(111,168,164,.6)}.showreel-art-line:before{right:28%}.showreel-art-line:after{left:23%}.showreel-copy{display:flex;flex-direction:column;gap:9px}.reel-label{font:500 9px var(--latin);letter-spacing:1.8px;color:var(--amber);display:flex;align-items:center;gap:9px}.reel-label i{width:6px;height:6px;border-radius:50%;background:var(--teal)}.showreel-copy h2{font-size:16px;line-height:1.6;font-weight:500;margin:0}.reel-note{font-size:10px;color:#a9ada6;line-height:1.7}.reel-play{min-width:184px;min-height:64px;padding:10px 16px;border:1px solid rgba(240,236,228,.2);background:transparent;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.reel-play:hover{border-color:var(--amber);background:rgba(226,138,67,.08)}.reel-play>span{width:31px;height:31px;border:1px solid var(--amber);border-radius:50%;display:grid;place-items:center;color:var(--amber);font-size:9px;padding-right:1px}.reel-play b{font-size:10px;font-weight:500}.project-visual{background:#1b1e1c!important;border:1px solid rgba(240,236,228,.1);height:clamp(230px,29vw,350px)}.project-card:nth-child(2) .project-visual{background-color:#1d211f!important}.project-card:nth-child(3) .project-visual{background-color:#201e1c!important}.project-card:nth-child(4) .project-visual{background-color:#1a201f!important}.project-visual:before,.project-visual:after,.project-visual-light,.project-shape{display:none!important}.project-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.project-image-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#1b1e1c;color:#d0cec6}.project-card:nth-child(2) .project-image-placeholder{background:#1d211f}.project-card:nth-child(3) .project-image-placeholder{background:#201e1c}.project-card:nth-child(4) .project-image-placeholder{background:#1a201f}.project-image-placeholder span{font-size:11px}.project-image-placeholder small{font-size:10px;color:#a5aaa3}.project-no{font-size:9px;color:#c7c8c0}.project-title h3{font-size:16px}.project-title span{font-size:12px;color:#b7bbb4}.project-meta{font-size:11px;color:#b9bcb5}.project-meta b{color:#e2c39e;font-size:10px}.project-open{width:33px;height:33px}.project-pending{font-size:12px}.placeholder-note{font-size:10px;color:#a5aaa3}.section-intro{font-size:12px;color:#b0b4ad}.about-grid{gap:9%}.about-copy{max-width:640px}.about-copy>p{font-size:15px;line-height:2.1;color:#d0d1ca;max-width:620px;margin-bottom:23px}.about-copy .about-mentoring{font-size:13px;color:#bdc1b9}.affiliation>span{font-size:10px;color:#afb2ab}.affiliation>b,.affiliation em{font-size:12px}.service-index{font-size:10px}.service-row h3{font-size:15px}.contact-card-label,.contact-placeholder small,.pending-mark,.social-placeholder,.social-placeholder small{font-size:9px}.contact-placeholder b{font-size:11px}.dialog-kicker,.dialog-caption{font-size:9px}.dialog-message{font-size:13px;line-height:1.9}
@media(max-width:900px){.main-nav{gap:22px}.hero-inner{gap:4%;row-gap:18px}.hero-visual{min-height:350px}.hero-showreel{grid-template-columns:130px 1fr auto;gap:18px;padding:14px 17px}.reel-play{min-width:160px}.about-copy>p{font-size:14px}}
@media(max-width:650px){.main-nav{font-size:12px}.brand-name{font-size:10px}.kicker,.section-eyebrow{font-size:9px}.hero{height:auto;min-height:0;padding:45px 0 34px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding-bottom:0}.hero-copy{order:1}.hero-showreel{order:2}.hero-visual{order:3;height:72vw;min-height:265px;max-height:360px;margin:0 3px}.hero h1{font-size:46px}.hero-proof{font-size:8px;gap:8px}.hero-showreel{width:100%;min-height:138px;grid-template-columns:66px minmax(0,1fr);grid-template-rows:auto auto;gap:8px 13px;padding:12px}.showreel-art{grid-column:1;grid-row:1/3;height:101px}.showreel-art-line{right:15%;left:15%}.showreel-copy{grid-column:2;grid-row:1;gap:5px}.showreel-copy h2{font-size:12px;line-height:1.6}.reel-label{font-size:8px}.reel-note{font-size:9px}.reel-play{grid-column:2;grid-row:2;min-width:0;width:100%;min-height:40px;padding:5px 9px;justify-content:flex-start;gap:8px}.reel-play>span{width:23px;height:23px;font-size:7px}.reel-play b{font-size:9px}.hero-bottom{margin-top:24px;padding:11px 20px 0}.visual-center{padding:18px 12px}.visual-core{font-size:48px}.visual-overline{font-size:9px}.visual-subline{font-size:8px;max-width:200px}.portrait-placeholder{min-height:265px}.portrait-placeholder:before{inset:10px}.portrait-placeholder-label{right:18px;bottom:17px;font-size:9px}.section-pad{padding-block:70px}.section-head h2,.about-heading h2,.contact-copy h2{font-size:36px}.section-intro{font-size:10px}.project-visual{height:62vw;min-height:210px;max-height:300px}.project-no{font-size:9px}.project-title h3{font-size:15px}.project-title span{font-size:11px}.project-meta{font-size:10px}.project-meta b{font-size:10px}.project-image-placeholder span{font-size:11px}.project-image-placeholder small{font-size:10px}.placeholder-note{font-size:9px;line-height:1.8}.about-copy>p{font-size:13px;line-height:2.15;max-width:46ch;margin-bottom:19px}.about-copy .about-mentoring{font-size:12px}.about-grid{gap:27px}.about-stamp{margin-top:15px}.affiliation>span{font-size:9px}.affiliation>b,.affiliation em{font-size:11px}.service-row{min-height:66px}.service-row h3{font-size:13px}.service-index{font-size:9px}.contact-card-label,.contact-placeholder small,.pending-mark,.social-placeholder,.social-placeholder small{font-size:9px}.contact-placeholder b{font-size:10px}.hero-bottom{font-size:8px}.dialog-message{font-size:12px}}
@media(max-width:650px){.hero-proof{font-size:9px}.project-title span{font-size:11.5px}.project-meta,.project-meta b{font-size:11px}.service-index{font-size:10px}.service-row h3{font-size:14px}.contact-card-label,.contact-placeholder small,.pending-mark,.social-placeholder,.social-placeholder small{font-size:10px}.footer-inner{font-size:8px}}
.service-index{color:var(--cyan)}.project-pending{color:#b3b7b0;border-color:rgba(240,236,228,.2)}.social-placeholder small{color:#a5aaa3}

/* Palette refinement: preserve the current layout and use the first charcoal/amber direction as the base. */
:root{--warm:#efe6d7;--ivory:#efe6d7;--charcoal:#25282a;--warm-accent:#a96537;--amber:#c9874f;--line:rgba(239,230,215,.13)}
.hero-light{opacity:.14}
.portrait-placeholder{background:#191d1b}
.showreel-art{background:#202422}
.showreel-art:before{display:none}
.work{background:var(--charcoal);color:var(--warm)}
.about{background:var(--ivory);color:var(--charcoal);--line:rgba(37,40,42,.18)}
.about:after{display:none}
.about .section-eyebrow{color:#525b56}
.about .section-eyebrow span{background:var(--warm-accent)}
.about-heading h2{color:var(--charcoal)}
.about-heading h2 em{color:var(--warm-accent)}
.about-stamp{border-color:rgba(37,40,42,.24);color:#59605b}
.about-stamp b{color:var(--charcoal)}
.about-stamp i{color:var(--warm-accent)}
.about-copy>p{color:#343b37}
.about-copy .about-mentoring{color:#525b56}
.affiliation>span{color:#59605b}
.affiliation>b{color:var(--charcoal)}
.affiliation em{color:#35677a}
.contact{background:var(--ivory);color:var(--charcoal);--line:rgba(37,40,42,.18)}
.contact:before,.contact-lights{display:none}
.contact .section-eyebrow{color:#525b56}
.contact .section-eyebrow span{background:var(--warm-accent)}
.contact-copy h2{color:var(--charcoal)}
.contact-copy h2 em{color:var(--warm-accent)}
.contact-copy>p:last-child{color:#535b56}
.contact-card{--line:rgba(239,230,215,.16);background:var(--charcoal);color:var(--ivory);border:1px solid rgba(37,40,42,.12)}
.contact-card-label{color:#d9ae87}
.contact-placeholder b{color:var(--ivory)}
.contact-placeholder small{color:#c0c2bb}
.pending-mark{border-color:rgba(239,230,215,.2);color:#c3c5be}
.social-placeholder{color:#d4d1c8}
.social-placeholder small{color:#b5b8b1}
.contact-link-arrow{color:#d9ae87}
