/* Noir editorial: charcoal, warm paper and vermilion ink. */
:root{--night:#141311;--paper:#f2eada;--vintage-red:#e65c43;--red-dark:#c74630;--ink-rule:#f2eada26}body,.inner-page{background:var(--night);color:var(--paper)}header,.inner-page header{border-color:var(--ink-rule)}.logo{color:#ef6950}.header-caption,.page-tools,.page-tools>a{color:#b7ac98}nav a{background:#35352d;color:var(--paper)}nav a:hover{background:#585644;color:#fff}nav .contact-pill,.vintage-button,.inner-page nav [aria-current=page]{background:#d94a31;color:#fff5df}.vintage-button:hover,nav .contact-pill:hover{background:#ef654b}.hero h1{color:var(--paper)}.byline,.byline em{color:#c4bba5}.intro-note,.handwritten,.signature{color:#ec7558}.hero-invitation p{color:#c7bca7}.hero-bottom{color:#b3a894;border-color:var(--ink-rule)}.blue-cover{background:#d64a329e;border-color:#ef967a;box-shadow:0 20px 45px #0007}.blue-cover:hover{background:#df5035c4}.project-fan:hover .blue-cover{background:#d64a328c}.fan-index{background:#d94a31}.year-badge{background:#f2eada;color:#c23b25}.discipline-strip{background:#d94a31;color:#fdf0dc}.discipline-strip i{color:#ffe7ca}.work{background:#1c1b17;color:var(--paper)}.work h2 em,.about h2 em{color:#ed7559}.eyebrow,.label{color:#e78266}.text-link{border-color:#d85d43;color:#e9dcca}.text-link:hover{color:#ff977a}.project-line h3{color:#e9dfcc}.project-line span{color:#e88c70}.project p{color:#b0a794}.project-image{background:#24231e;border-color:#ece1ca;box-shadow:0 12px 26px #0005}.project-tag{background:#efe6d5;color:#833522}.arttech-edit{border-color:var(--ink-rule)}.arttech-heading h3{color:#ed7559}.arttech-piece figcaption{color:#c4baa6}.arttech-piece figcaption span{color:#ea8066}.arttech-piece img{border-color:#e9ddc4}.about{background:#2a2a22;color:#f2eada}.about-layout p{color:#cdc3ae}footer{background:#0c0c0a;border-color:#d94a31}.footer-title em{color:#ed7559}.footer-bottom{border-color:var(--ink-rule)}.motion-toggle{color:#e9987d;border-color:#e65c43}.film-edge{background:#080807;box-shadow:inset 0 0 0 1px #766953}.page-intro h1{color:#f2eada}.page-intro h1 span,.next strong{color:#e65c43}.page-intro>p,.story p,.story .lead,.closing p,.bio p{color:#c4baa7}.case-meta,.story,.closing,.next,.experience,.service,.sectionline{border-color:var(--ink-rule)}.case-meta{color:#c0b59f}.case-meta span:first-child,.story h3,.service>span{color:#ec8164}.piece figcaption{color:#b4a791}.piece figcaption a,.underlink{color:#ed876c}.piece img{border-color:#e9dfca;background:#25231c}.story h2 span,.bio h2{color:#e65c43}.sectionline{color:#ac9f88}.exhibit h2{color:#f2eada}.project-note p{color:#b9ad98}.project-note>span{color:#e9ddc5}.exhibit-image{background:#e9dfca}.jump a{color:#ef9b7e;border-color:#ed9b7e55}.experience p{border-color:#c6bba633}.experience p span,.service p{color:#b7ac97}.contact-email{color:#ed9275}.closing .label:last-child{color:#a99e88}.person-cover{position:relative;grid-template-columns:1.1fr 1fr;min-height:740px;padding:55px 0 80px;gap:0}.person-copy{z-index:3;position:relative;pointer-events:none}.person-copy a{pointer-events:auto}.person-copy h1{font-family:'DM Sans',sans-serif;font-weight:500;font-size:clamp(70px,8vw,115px);letter-spacing:-7px;line-height:.92;white-space:nowrap}.person-copy h1 em{font-family:'Italiana',Georgia,serif;font-size:1.18em;font-weight:400;color:#ed6b4f;letter-spacing:-5px}.hello-note{font-size:29px;rotate:-4deg;margin:12px 0 28px}.person-intro{font-size:26px;margin-top:32px;color:#eadeca}.person-intro em{color:#ee8365}.person-description{max-width:340px;color:#bdb19b;font-size:16px;line-height:1.8}.portrait-composition{height:620px;margin-left:-50px;z-index:2;align-self:center}.portrait-halo{inset:55px -4% 15px 3%;background:#393d2f;border-radius:48% 48% 2px 2px;rotate:8deg;border:1px solid #6f725633}.nuha-portrait{width:110%;left:-3%;height:103%;filter:drop-shadow(18px 20px 15px #0008)}.portrait-label{left:12%;bottom:22px;background:#d94a31;color:#fff0d9;rotate:-9deg;padding:17px 27px}.portrait-location{right:0;bottom:-26px;color:#ab9f87}.portrait-note{font-size:29px;top:4px;right:-1%;color:#ec7859}.personal-story{border-color:var(--ink-rule);padding:80px 0}.personal-story h2{font-family:'DM Sans',sans-serif;font-size:clamp(36px,4.8vw,64px);letter-spacing:-2px}.personal-main h2 em{color:#ed795b}.story-columns p{color:#bcb19d}.practice-tags span{color:#e5dac4;border-color:#706a5855;background:#25271f}.practice-tags span:nth-child(even){color:#ee9d7e;border-color:#e65c4355}.practice-tags span:hover{background:#37382b}.personal-journey{border-color:var(--ink-rule)}.journey-list{border-color:#ac9a743b}.journey-list li{border-color:var(--ink-rule)}.journey-list li:before{background:#e65c43;border-color:#141311}.journey-date{color:#e78566}.journey-list p{color:#a99d85}.toolkit-note{border-color:var(--ink-rule)}.toolkit-note>span{color:#ad9f84}.toolkit-note i{color:#e65c43}.contact-cover{grid-template-columns:1.08fr 1fr;gap:6%;padding-top:65px}.contact-copy h1{font-family:'DM Sans',sans-serif;font-size:clamp(43px,4.5vw,64px);font-weight:500;line-height:1;letter-spacing:-3px;margin:43px 0 40px}.contact-copy h1 em{font-family:'Nothing You Could Do',cursive;font-size:1.18em;font-weight:400;line-height:1.5;color:#e65c43;margin:5px 0;rotate:-7deg}.contact-copy h1>span{display:block;font-family:'Italiana',Georgia,serif;font-size:1.8em;font-weight:400;line-height:.94;letter-spacing:-4px}.contact-copy>p{color:#bdb19b;line-height:1.85}.contact-direct{border-color:var(--ink-rule)}.small-label{color:#ac9b7b}.direct-email{color:#f09373;border-color:#d85d43}.call-line>a{color:#e6dac3}.call-line .handwritten{color:#e98869}.contact-signature{color:#d97f60}.note-card{color:#382e20;background:#eee2c9;border-color:#f5ebd8;box-shadow:14px 18px 0 #e65c4324,0 25px 60px #0005;rotate:3deg;padding:32px}.note-card h2{color:#b74330}.note-card .postmark{color:#a6422c}.note-card legend,.note-card .note-field{color:#726045}.note-card textarea{background:repeating-linear-gradient(transparent 0 31px,#c9b897 31px 32px);color:#362d21}.note-card textarea::placeholder,.note-card input::placeholder{color:#8b7859}.note-card:focus-within{box-shadow:7px 12px 0 #e65c432e,0 25px 60px #0005}.project-options span{border-color:#b9a883;color:#695739}.project-options input:checked+span{background:#b74330;color:#fff4df}.note-submit button{background:#b74330}.contact-endnote{border-color:var(--ink-rule)}.contact-endnote>span:first-child{color:#a89b82}.footer-wordmark{color:#ec7656}
@media(max-width:900px){.person-copy h1{font-size:76px;letter-spacing:-5px}.portrait-composition{height:515px;margin-left:-35px}.person-cover{min-height:680px}.person-description{max-width:290px}.portrait-note{font-size:24px}.contact-copy h1{font-size:43px;letter-spacing:-2px}.note-card{padding:24px}}
@media(max-width:640px){.person-cover{grid-template-columns:1fr;padding:35px 0 55px;gap:20px;min-height:0}.hello-note{font-size:26px;margin:15px 0 28px}.person-copy h1{font-size:clamp(60px,17vw,86px);line-height:.95;letter-spacing:-4px}.person-copy h1 em{font-size:1.06em;letter-spacing:-3px}.person-description{max-width:100%}.person-intro{font-size:25px}.portrait-composition{height:480px;margin:20px auto 25px;width:95%;max-width:350px}.nuha-portrait{width:104%;left:-2%;height:100%}.portrait-halo{inset:55px 0 15px}.portrait-label{left:0;bottom:18px}.portrait-note{right:0;font-size:24px}.personal-story{padding:45px 0}.personal-story h2{font-size:33px;letter-spacing:-1px}.contact-cover{grid-template-columns:1fr;gap:38px;padding-top:35px}.contact-copy h1{font-size:44px;letter-spacing:-2px;margin:30px 0}.contact-copy h1 em{font-size:54px;line-height:1.4}.contact-copy h1>span{font-size:91px}.note-card{padding:25px 20px;rotate:1deg;box-shadow:6px 9px 0 #e65c4324,0 15px 35px #0004}.contact-copy>p{font-size:15px}.direct-email{font-size:16px}}
/* Vintage print character and a visible handset on every screen. */
.person-copy h1{font-family:'Italiana',Georgia,serif;font-weight:400;letter-spacing:-3px}.person-copy h1 em{font-family:Georgia,serif;font-size:1.04em;font-weight:400;letter-spacing:-4px}.personal-story h2{font-family:'Italiana',Georgia,serif;font-weight:400;letter-spacing:-1px}.contact-copy h1{font-family:'Italiana',Georgia,serif;font-weight:400;font-size:clamp(46px,5.3vw,73px);letter-spacing:-2px}.contact-copy h1 em{font-family:'Nothing You Could Do',cursive;font-size:1.06em}.contact-copy h1>span{font-size:1.6em}.vintage-canvas{isolation:isolate}.phone-decor{display:block;right:0;top:0;width:24%;height:100%;overflow:hidden;z-index:1}.phone-decor img{width:100%;height:100%;right:0;top:0;object-fit:contain;object-position:top center;transform-origin:60% 0;filter:drop-shadow(8px 12px 12px #0007)}.cover-scratches{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.24;background:repeating-linear-gradient(113deg,transparent 0 119px,#bcae842a 119px 120px,transparent 120px 257px),repeating-linear-gradient(8deg,transparent 0 181px,#d9ca9f1c 181px 182px,transparent 182px 313px)}.cover-scratches:before{content:'';position:absolute;left:0;top:25px;width:80px;height:175px;opacity:.65;background:repeating-linear-gradient(117deg,transparent 0 12px,#d5c79e85 12px 13px,transparent 13px 22px);clip-path:polygon(0 0,65% 15%,100% 70%,20% 100%);rotate:-9deg}.cover-scratches:after{content:'';position:absolute;left:41%;bottom:60px;width:55px;height:120px;opacity:.5;background:repeating-linear-gradient(81deg,transparent 0 8px,#d5c79e75 8px 9px,transparent 9px 17px);clip-path:polygon(30% 0,100% 20%,70% 90%,0 100%);rotate:18deg}.intro-note{left:48%;max-width:30%;transform:rotate(-6deg);z-index:3}.intro-note p{margin:0}.intro-note .scribble{display:none}.arabic-lettering{display:block;font-family:'Amiri',serif;font-size:clamp(33px,3.5vw,51px);line-height:1.5;color:#e47a5b;white-space:nowrap}.arabic-translation{display:block;font-family:'Nothing You Could Do',cursive;font-size:15px;line-height:1.5;color:#c9b797;text-align:center;margin-top:3px}@media(max-width:1000px) and (min-width:641px){.arabic-lettering{font-size:31px}.arabic-translation{font-size:12px}.intro-note{left:48%;max-width:29%}}@media(max-width:640px){.phone-decor{display:block;right:-1%;top:224px;width:29%;height:327px}.project-fan{scale:.59;left:0;bottom:175px}.intro-note{left:0;right:0;bottom:78px;top:auto;max-width:100%;text-align:center;transform:rotate(-4deg)}.arabic-lettering{font-size:35px}.arabic-translation{font-size:13px}.cover-scratches:before{width:35px;height:90px;top:170px}.cover-scratches:after{left:12%;bottom:95px;width:28px;height:70px}.person-copy h1{font-size:clamp(63px,18vw,85px);letter-spacing:-2px}.person-copy h1 em{letter-spacing:-2px}.contact-copy h1{font-size:48px}.contact-copy h1 em{font-size:49px}.contact-copy h1>span{font-size:87px}}

/* Quiet ink, expressive moving type. */
.work h2 em,.about h2 em,.footer-title em,.page-intro h1 span,.next strong,.story h2 span,.bio h2,.person-copy h1 em,.personal-main h2 em{color:#e6dbc3}
.eyebrow,.label,.project-line span,.arttech-heading h3,.arttech-piece figcaption span,.case-meta span:first-child,.story h3,.service>span,.piece figcaption a,.underlink,.jump a,.contact-email,.journey-date,.direct-email{color:#c3b28d}
.intro-note,.handwritten,.signature,.hello-note,.portrait-note,.person-intro em,.contact-copy h1 em,.call-line .handwritten,.contact-signature,.footer-wordmark,.arabic-lettering{color:#ddd0b2}
.note-card h2{color:#433b2e}.note-card .postmark{color:#756548}.motion-toggle{color:#bdb198;border-color:#7f745d}.discipline-strip{background:#34362c}.discipline-strip i{color:#d9caa9}.text-link:hover,.project:hover h3{color:#e4c994}.jump a{border-color:#c3b28d55}
.phone-decor{top:-100px;height:calc(100% + 100px);overflow:visible}.phone-decor img{object-position:top center}
.hero h1{position:relative;line-height:1.02;isolation:isolate}.hero h1:first-letter{font-family:inherit;font-size:inherit}
.hero h1 .creative-line{display:block;white-space:nowrap;letter-spacing:-.065em;position:relative;width:max-content}
.hero h1 .type-letter{display:inline-block;letter-spacing:-.065em;animation:letter-drift 5.8s ease-in-out infinite;animation-delay:calc(var(--i)*-.38s);transform-origin:50% 75%}
.hero h1 .type-letter:first-child{font-family:'Nothing You Could Do',cursive;font-size:1.06em;letter-spacing:-.16em;margin-right:.05em}
.hero h1 .portfolio-line{display:block;white-space:nowrap;letter-spacing:-.065em;animation:portfolio-drift 7s ease-in-out infinite}
.hero h1 .portfolio-line em{display:inline-block;font-family:Georgia,serif;font-style:italic;font-size:1.14em;letter-spacing:-.09em;font-weight:400;margin-left:-.03em;color:#ded0ac}
.creative-line:after{content:'';position:absolute;inset:9% -4% -1% -3%;border:1px solid #a8956e80;border-radius:50%;rotate:-9deg;z-index:-1;animation:ink-orbit 9s ease-in-out infinite;pointer-events:none}
@keyframes letter-drift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1.5deg)}}
@keyframes portfolio-drift{0%,100%{transform:translateX(0) rotate(-1deg)}50%{transform:translateX(8px) rotate(.5deg)}}
@keyframes ink-orbit{0%,100%{transform:scaleX(1) rotate(-2deg)}50%{transform:scaleX(1.035) rotate(4deg)}}
@media(max-width:640px){.phone-decor{top:145px;height:327px;right:-1%}.hero h1{font-size:13.7vw}.hero h1 .portfolio-line{margin-top:5px}.intro-note{display:block}.creative-line:after{inset:8% -2% -2% -4%}}
@media(prefers-reduced-motion:reduce){.hero h1 .type-letter,.hero h1 .portfolio-line,.creative-line:after{animation:none}}
.hero h1{left:0;top:0;line-height:.94}.hero h1 .portfolio-line{line-height:.9}.byline{margin-top:16px}
@media(max-width:640px){.phone-decor{top:175px;right:-3%}}
/* A continuous clockwise film reel around every page. */
.film-frame{--film-step:28px}
.film-top:after,.film-bottom:after{animation:film-travel-x 1.6s linear infinite}
.film-left:after,.film-right:after{animation:film-travel-y 1.6s linear infinite}
.film-bottom:after,.film-left:after{animation-direction:reverse}
@keyframes film-travel-x{from{background-position:0 0}to{background-position:var(--film-step) 0}}
@keyframes film-travel-y{from{background-position:0 0}to{background-position:0 var(--film-step)}}
@media(max-width:640px){.film-frame{--film-step:18px}}
@media(prefers-reduced-motion:reduce){.film-edge:after{animation:none}}