:root{--ink:#14231e;--ink-soft:#33453e;--paper:#fbfaf6;--cream:#f0eadf;--cream-deep:#e5ddd0;--teal:#087b71;--teal-dark:#075e58;--coral:#f36b4d;--gold:#efb83e;--white:#fff;--line:#14231e2e;--content:1320px;--page-gutter:clamp(1.25rem, 5vw, 5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,summary,a{-webkit-tap-highlight-color:transparent}:is(a:focus-visible,summary:focus-visible){outline:3px solid var(--coral);outline-offset:4px;border-radius:2px}.skip-link{background:var(--white);z-index:100;padding:.85rem 1rem;font-size:.875rem;font-weight:800;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);z-index:50;background:#fbfaf6f0;position:sticky;top:0}.header-inner{max-width:var(--content);min-height:5rem;padding:0 var(--page-gutter);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.wordmark{flex-shrink:0;align-items:center;display:inline-flex}.header-logo-frame{background:var(--white);flex:0 0 3.75rem;width:3.75rem;height:3.75rem;display:block;position:relative;overflow:hidden}.header-logo{object-fit:cover;object-position:center}.desktop-nav{align-items:center;gap:clamp(1.3rem,2.5vw,2.6rem);font-size:.78rem;font-weight:800;display:flex}.desktop-nav>a:not(.nav-external){padding:.75rem 0;position:relative}.desktop-nav>a:not(.nav-external):after{background:var(--coral);content:"";transform-origin:0;width:100%;height:2px;position:absolute;bottom:.45rem;left:0;transform:scaleX(0)}.nav-external{border:1px solid var(--ink);border-radius:100px;align-items:center;gap:1rem;padding:.72rem 1rem;display:inline-flex}.external-arrow{margin-left:.4rem;font-size:.95em}.mobile-nav{display:none;position:relative}.mobile-nav summary{border:1px solid var(--ink);cursor:pointer;border-radius:100px;padding:.65rem .95rem;font-size:.75rem;font-weight:800;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{background:var(--ink);color:var(--paper);gap:0;min-width:15rem;padding:.5rem;display:grid;position:absolute;top:calc(100% + .75rem);right:0}.mobile-nav nav a{border-bottom:1px solid #ffffff29;padding:1rem;font-size:.88rem;font-weight:700}.mobile-nav nav a:last-child{border-bottom:0}.hero{position:relative;overflow:hidden}.hero-inner{max-width:var(--content);min-height:min(52rem,100vh - 5rem);padding:clamp(5rem, 11vh, 8rem) var(--page-gutter) clamp(5rem, 10vh, 7.5rem);z-index:2;margin:0 auto;position:relative}.hero-eyebrow,.section-eyebrow{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:clamp(.68rem,1vw,.75rem);font-weight:900}.hero h1{letter-spacing:-.075em;text-wrap:balance;max-width:75rem;margin:clamp(2rem,4vh,3.25rem) 0 0;font-size:clamp(4rem,9.2vw,8.8rem);font-weight:800;line-height:.83}.hero h1 span{color:var(--teal);font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;display:block}.hero-lower{max-width:44rem;margin-top:clamp(2.5rem,6vh,4rem);margin-left:clamp(0rem,27vw,23rem)}.hero-lower>p{color:var(--ink-soft);margin:0;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.button{border:1px solid var(--ink);border-radius:100px;justify-content:space-between;align-items:center;gap:1.5rem;min-height:3.25rem;padding:.8rem 1.25rem;font-size:.82rem;font-weight:800;line-height:1.2;display:inline-flex}.button-primary{background:var(--ink);color:var(--white)}.button-secondary{background:0 0}.button-large{gap:2.5rem;min-height:3.8rem;margin-top:2rem;padding-left:1.6rem;padding-right:1.6rem;font-size:.9rem}.hero-accent{pointer-events:none;border-radius:50%;position:absolute}.hero-accent-one{background:var(--coral);width:clamp(8rem,17vw,15rem);height:clamp(8rem,17vw,15rem);top:14%;right:clamp(-3rem,3vw,4rem)}.hero-accent-two{border:1px solid var(--line);width:26rem;height:26rem;bottom:-10rem;left:-12rem}.section-pad{padding:clamp(5rem, 9vw, 8rem) var(--page-gutter)}.section-heading,.project-grid,.capability-grid,.about-intro,.about-details,.approach-list,.closing-cta>*{max-width:var(--content);margin-left:auto;margin-right:auto}.section-heading{border-top:1px solid var(--line);padding-top:1rem}.section-heading-row{grid-template-columns:minmax(0,2.2fr) minmax(16rem,1fr);align-items:end;gap:3rem;margin-top:clamp(2rem,5vw,4rem);display:grid}.section-heading h2{letter-spacing:-.07em;text-wrap:balance;margin:0;font-size:clamp(3.2rem,7vw,7rem);line-height:.9}.section-heading-row>p{color:var(--ink-soft);max-width:32rem;margin:0;font-size:1rem;line-height:1.65}.projects{background:var(--cream)}.project-grid{gap:clamp(4rem,8vw,7.5rem);margin-top:clamp(4rem,7vw,6rem);display:grid}.project-card{background:var(--paper);grid-template-columns:minmax(0,1.35fr) minmax(20rem,.75fr);min-height:36rem;display:grid}.project-card:nth-child(2n){grid-template-columns:minmax(20rem,.75fr) minmax(0,1.35fr)}.project-card:nth-child(2n) .project-media{grid-area:1/2}.project-card:nth-child(2n) .project-content{grid-area:1/1}.project-media,.project-media img,.project-placeholder{min-height:36rem}.project-media{background:var(--cream-deep);position:relative;overflow:hidden}.project-media img{object-fit:contain;width:100%;height:100%}.project-card-askjosh .project-media{background:var(--white)}.project-card-askjosh .project-media img{object-position:left center;padding:clamp(.5rem,1.2vw,1rem)}.project-placeholder{color:var(--white);flex-direction:column;padding:clamp(2rem,4vw,3.5rem);display:flex;position:relative;overflow:hidden}.project-card-young-folk-story-time .project-placeholder{background:var(--teal)}.project-card-fef-screenwriter .project-placeholder{background:var(--coral);color:var(--ink)}.project-card-askjosh .project-placeholder{background:var(--ink)}.placeholder-category{letter-spacing:.14em;text-transform:uppercase;z-index:2;max-width:20rem;font-size:.7rem;font-weight:900;line-height:1.5;position:relative}.placeholder-title{letter-spacing:-.065em;z-index:2;max-width:80%;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.5rem,6vw,6rem);line-height:.88;position:absolute;bottom:clamp(3rem,6vw,5rem);left:clamp(2rem,4vw,3.5rem)}.placeholder-mark{background:var(--coral);border-radius:50%;width:clamp(15rem,28vw,25rem);height:clamp(15rem,28vw,25rem);position:absolute;top:15%;right:-8%}.project-card-fef-screenwriter .placeholder-mark{background:var(--gold);border-radius:0;width:16%;height:120%;top:-10%;right:19%;transform:rotate(17deg)}.project-card-askjosh .placeholder-mark{border:clamp(2rem, 4vw, 4rem) solid var(--teal);background:0 0;width:clamp(16rem,30vw,28rem);height:clamp(16rem,30vw,28rem);top:12%;right:-8%}.placeholder-note{letter-spacing:.12em;opacity:.75;text-transform:uppercase;z-index:2;font-size:.62rem;font-weight:700;position:absolute;bottom:1.25rem;right:1.5rem}.project-content{flex-direction:column;justify-content:center;align-self:stretch;min-width:0;padding:clamp(2.5rem,5vw,5rem);display:flex}.project-meta{letter-spacing:.13em;text-transform:uppercase;flex-wrap:wrap;gap:1rem;font-size:.65rem;font-weight:900;display:flex}.project-meta span:not(:first-child):before{content:"·";margin-right:1rem}.project-category{color:var(--teal-dark);letter-spacing:.1em;text-transform:uppercase;margin:2.5rem 0 0;font-size:.72rem;font-weight:900;line-height:1.4}.project-content h3{letter-spacing:-.065em;margin:1rem 0 1.5rem;font-size:clamp(2.6rem,4.5vw,4.7rem);line-height:.92}.project-description{color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.7}.technology-list{flex-wrap:wrap;gap:.45rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.technology-list li{border:1px solid var(--line);border-radius:100px;padding:.48rem .7rem;font-size:.7rem;font-weight:700}.project-links{flex-wrap:wrap;gap:1.5rem;margin-top:2.25rem;display:flex}.project-links a,.inline-link{border-bottom:1px solid;padding-bottom:.35rem;font-size:.8rem;font-weight:900}.what-we-build{background:var(--paper)}.capability-grid{border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(4rem,7vw,6rem);display:grid}.capability-card{border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:19rem;padding:clamp(1.5rem,3vw,2.5rem)}.capability-card:nth-child(-n+3){border-top:1px solid var(--line)}.capability-card>span{color:var(--coral);letter-spacing:.14em;font-size:.7rem;font-weight:900}.capability-card h3{letter-spacing:-.045em;margin:3.5rem 0 1rem;font-size:clamp(1.65rem,2.5vw,2.4rem);line-height:1.05}.capability-card p{color:var(--ink-soft);margin:0;font-size:.92rem;line-height:1.65}.about{background:var(--gold)}.about-intro{border-top:1px solid #14231e59;padding-top:1rem}.about-statement{letter-spacing:-.055em;max-width:72rem;margin:clamp(3rem,7vw,6rem) 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.7rem,6vw,6.5rem);line-height:.98}.about-statement span{color:var(--teal-dark);font-style:italic;display:block}.about-details{border-top:1px solid #14231e59;grid-template-columns:minmax(0,1fr) minmax(18rem,.85fr);gap:clamp(3rem,8vw,8rem);margin-top:clamp(5rem,9vw,8rem);padding-top:clamp(2.5rem,5vw,4rem);display:grid}.about-details h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.5rem,4.5vw,4.8rem);line-height:.96}.about-details p{margin:0 0 1.2rem;font-size:1rem;line-height:1.75}.about-details .inline-link{margin-top:1rem;display:inline-block}.approach{background:var(--ink);color:var(--paper)}.section-heading-light{border-top-color:#ffffff3d}.section-heading-light .section-heading-row>p{color:#fbfaf6b3}.approach-list{margin-top:clamp(4rem,7vw,6rem);padding:0;list-style:none}.approach-list li{border-top:1px solid #ffffff38;grid-template-columns:4rem minmax(14rem,.8fr) minmax(18rem,1.1fr);align-items:start;gap:2rem;padding:2rem 0;display:grid}.approach-list li:last-child{border-bottom:1px solid #ffffff38}.approach-list span{color:var(--coral);letter-spacing:.14em;padding-top:.4rem;font-size:.72rem;font-weight:900}.approach-list h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.6rem,2.6vw,2.8rem)}.approach-list p{color:#fbfaf6b8;max-width:34rem;margin:0;line-height:1.65}.closing-cta{background:var(--teal);color:var(--white);min-height:42rem;position:relative;overflow:hidden}.closing-cta:after{content:"";border:clamp(2.5rem,6vw,6rem) solid #efb83ee6;border-radius:50%;width:clamp(16rem,38vw,36rem);height:clamp(16rem,38vw,36rem);position:absolute;top:15%;right:max(-10rem,-10vw)}.closing-cta>*{z-index:2;position:relative}.closing-cta h2{letter-spacing:-.075em;max-width:var(--content);margin-top:clamp(3rem,7vw,6rem);margin-bottom:2.5rem;font-size:clamp(3.6rem,9vw,8.8rem);line-height:.84}.closing-cta h2 span{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;display:block}.closing-cta>p:not(.section-eyebrow){margin-left:max(var(--page-gutter), calc((100vw - var(--content)) / 2 + 28rem));max-width:36rem;font-size:1.05rem;line-height:1.65}.closing-cta .button{margin-left:max(var(--page-gutter), calc((100vw - var(--content)) / 2 + 28rem))}.site-footer{background:var(--ink);color:var(--paper);padding:4rem var(--page-gutter);grid-template-columns:1fr 1fr 1fr;align-items:end;gap:3rem;display:grid}.footer-brand{align-items:center;gap:.85rem;display:flex}.brand-logo-frame{background:var(--white);flex:0 0 3rem;width:3rem;height:3rem;position:relative;overflow:hidden}.brand-logo-footer{object-fit:cover;object-position:center}.footer-brand div{gap:.2rem;font-size:.8rem;display:grid}.footer-brand div span{color:#fbfaf69e}.site-footer>p{color:#fbfaf69e;max-width:24rem;margin:0;font-size:.76rem;line-height:1.55}.footer-meta{justify-items:end;gap:.5rem;font-size:.7rem;display:grid}.footer-meta a{border-bottom:1px solid #fff6;padding-bottom:.2rem}@media (hover:hover) and (prefers-reduced-motion:no-preference){.button,.nav-external,.project-card,.project-links a,.inline-link{transition:background-color .18s,box-shadow .18s,color .18s,transform .18s}.desktop-nav>a:not(.nav-external):after{transition:transform .18s}.desktop-nav>a:not(.nav-external):hover:after{transform:scaleX(1)}.button:hover,.nav-external:hover{transform:translateY(-2px)}.button-primary:hover{background:var(--coral);border-color:var(--coral);color:var(--ink)}.project-card:hover{transform:translateY(-.25rem);box-shadow:0 1.8rem 5rem #14231e21}.project-links a:hover,.inline-link:hover{color:var(--coral)}}@media (max-width:1024px){.hero-inner{min-height:43rem}.project-card,.project-card:nth-child(2n){grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr)}.project-card:nth-child(2n) .project-media{grid-column:2}.project-media,.project-media img,.project-placeholder{min-height:32rem}.placeholder-title{font-size:clamp(3rem,5vw,4.5rem)}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-card:nth-child(-n+3){border-top:0}.capability-card:nth-child(-n+2){border-top:1px solid var(--line)}.closing-cta>p:not(.section-eyebrow),.closing-cta .button{margin-left:max(var(--page-gutter), 24vw)}}@media (max-width:800px){.desktop-nav{display:none}.mobile-nav{display:block}.hero-inner{min-height:39rem;padding-top:5rem}.hero h1{font-size:clamp(3.7rem,13vw,6.2rem);line-height:.87}.hero-lower{margin-left:12vw}.section-heading-row{grid-template-columns:1fr;align-items:start;gap:2rem}.section-heading h2{max-width:42rem}.project-card,.project-card:nth-child(2n){flex-direction:column;display:flex}.project-card:nth-child(2n) .project-media,.project-card:nth-child(2n) .project-content{grid-area:auto}.project-media,.project-media img,.project-placeholder{min-height:min(31rem,70vw)}.project-content{padding:clamp(2.5rem,8vw,4rem)}.placeholder-title{font-size:clamp(3.2rem,9vw,5.2rem)}.about-details{grid-template-columns:1fr;gap:3rem}.approach-list li{grid-template-columns:3rem minmax(0,1fr);gap:1rem 1.5rem}.approach-list p{grid-column:2}.closing-cta>p:not(.section-eyebrow),.closing-cta .button{margin-left:var(--page-gutter)}.closing-cta>p:not(.section-eyebrow){max-width:28rem}.site-footer{grid-template-columns:1fr 1fr;align-items:start}.footer-meta{grid-column:1/-1;justify-items:start}}@media (max-width:540px){:root{--page-gutter:1.25rem}html{scroll-padding-top:4.5rem}.header-inner{min-height:4.5rem}.header-logo-frame{flex-basis:3.25rem;width:3.25rem;height:3.25rem}.hero-inner{min-height:auto;padding-top:4.5rem;padding-bottom:4.5rem}.hero-eyebrow{max-width:16rem}.hero h1{margin-top:2.5rem;font-size:clamp(3.25rem,16vw,4.5rem);line-height:.89}.hero-lower{margin-top:2.5rem;margin-left:0}.hero-lower>p{font-size:1rem}.hero-actions,.project-links{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-accent-one{width:7rem;height:7rem;top:11%;right:-2.5rem}.section-pad{padding-top:5rem;padding-bottom:5rem}.section-heading h2{font-size:clamp(2.85rem,14vw,4rem)}.project-grid{gap:3.5rem}.project-media,.project-media img,.project-placeholder{min-height:25rem}.project-placeholder{padding:1.5rem}.placeholder-title{max-width:calc(100% - 3rem);font-size:clamp(2.8rem,15vw,4rem);bottom:3rem;left:1.5rem}.placeholder-note{bottom:1rem;left:1.5rem;right:auto}.project-content{padding:2.25rem 1.5rem 2.5rem}.project-content h3{font-size:clamp(2.5rem,12vw,3.5rem)}.project-meta span:not(:first-child):before{margin-right:.65rem}.project-meta{gap:.65rem}.project-links a{align-self:flex-start}.capability-grid{grid-template-columns:1fr}.capability-card,.capability-card:nth-child(-n+2){border-top:0;min-height:auto;padding:2rem 1.5rem}.capability-card:first-child{border-top:1px solid var(--line)}.capability-card h3{margin-top:2rem}.about-statement{font-size:clamp(2.6rem,13vw,4rem)}.about-details h2{font-size:clamp(2.35rem,12vw,3.5rem)}.approach-list li{grid-template-columns:2.25rem minmax(0,1fr);padding:1.75rem 0;display:grid}.closing-cta{min-height:38rem}.closing-cta h2{font-size:clamp(3.3rem,15vw,4.8rem)}.closing-cta:after{width:18rem;height:18rem;top:auto;bottom:-7rem;right:-8rem}.closing-cta .button{width:calc(100% - (2 * var(--page-gutter)))}.site-footer{padding:3rem var(--page-gutter);grid-template-columns:1fr;gap:2rem}.footer-meta{grid-column:auto}}@media (max-height:520px) and (orientation:landscape){.hero-inner{min-height:auto;padding-top:4rem;padding-bottom:4rem}.hero h1{font-size:clamp(3.5rem,11vw,6rem)}.hero-lower{margin-top:2.5rem}}@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}}
