/* One shared eight-column foundation. 1440 = 40 + 8×149 + 7×24 + 40. */
body.art-direction.figma-eight-column{--layout-max:1360px;--layout-margin:40px;--layout-gutter:24px;--layout-width:min(calc(100% - 80px),1360px);--layout-edge:max(40px,calc((100vw - 1360px)/2));--ad-paper:#FAF9F5;--ad-blue:#343C51;--type-section:90px;--line-section:84px;--tracking-section:-4px;--weight-section:800;background:#343C51!important;color:#FAF9F5!important}
body.art-direction.figma-eight-column :is(#home,#work,#trust,#services,#process,#about,#ai,#contact,.dark-hero-surface){background:#343C51!important;color:#FAF9F5!important}
body.art-direction.figma-eight-column :is(#work,#trust,#services,#process,#about,#ai,#contact) .block-content{width:100%!important;max-width:1360px!important;margin-inline:auto!important;padding-inline:0!important}
body.art-direction.figma-eight-column :is(#work,#trust,#services,#process,#about,#ai,#contact) h2{font-size:var(--type-section)!important;font-weight:800!important;line-height:var(--line-section)!important;letter-spacing:var(--tracking-section)!important;color:#FAF9F5!important;text-wrap:initial!important}
body.art-direction.figma-eight-column :is(#work,#trust,#services,#process,#about,#ai) :is(p,.note,.grid-note,.pd-note,.learning-link){color:#FAF9F5!important}
body.art-direction.figma-eight-column .block-content{isolation:isolate}
.figma-rails{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:24px;pointer-events:none;z-index:-1}
.figma-rails i{grid-row:1;border-left:1px solid rgb(250 249 245 / var(--rail-light,.035))}
.figma-rails i:nth-child(1){grid-column:2}.figma-rails i:nth-child(2){grid-column:4}.figma-rails i:nth-child(3){grid-column:6}.figma-rails i:nth-child(4){grid-column:8}
body.figma-eight-column .shared-grid-overlay>div{grid-template-columns:repeat(8,minmax(0,1fr))}
/* Project typography and spacing: same rules on every one of the eight projects. */
body.art-direction.figma-eight-column #work .folder-info{display:grid!important;grid-template-columns:1fr auto!important;column-gap:16px!important;row-gap:6px!important;margin:40px 0 0!important;padding:0!important;border:0!important;color:#FAF9F5!important}
body.art-direction.figma-eight-column #work .folder-info strong{grid-column:1!important;grid-row:1!important;font-size:34px!important;line-height:38px!important;font-weight:600!important;letter-spacing:-1px!important;color:#FAF9F5!important;margin:0!important;overflow:visible!important}
body.art-direction.figma-eight-column #work .folder-info small{grid-column:1!important;grid-row:2!important;font-size:11px!important;line-height:17px!important;letter-spacing:0!important;color:#FAF9F5!important;margin:0!important}
body.art-direction.figma-eight-column #work .case-technical{grid-column:1!important;grid-row:3!important;font-size:10px!important;line-height:16px!important;color:#FAF9F5!important;opacity:.6!important;margin-top:2px}
body.figma-eight-column #work .case-study-number{position:absolute;left:0;top:-30px;color:#B7BE57!important;opacity:0}
body.art-direction.figma-eight-column #work .case-open-label{grid-column:2!important;grid-row:1!important;align-self:center!important;position:static!important;color:#FAF9F5!important}
body.figma-eight-column #work .folder:is(:hover,:focus-visible) .case-study-number{opacity:1}
body.figma-eight-column #work .folder{color:#FAF9F5!important}
body.art-direction.figma-eight-column #work .case-grid-note{color:#FAF9F5!important;font-size:14px!important;line-height:20px!important;margin-top:24px!important}
/* Preserve the two-part Agreements architecture, including sequential content transitions. */
body.art-direction.figma-eight-column #trust :is(.agreement-navigation button,.agreement-panel h3,.agreement-panel p,.agreement-panel small){color:#FAF9F5!important}
body.art-direction.figma-eight-column #trust .agreement-big-number{color:#B7BE57!important;transition:color 400ms ease!important}
body.figma-eight-column #trust .agreement-navigation button{border-color:#faf9f526!important}
body.figma-eight-column #trust .agreement-navigation button.is-active{color:#B7BE57!important}
body.figma-eight-column #trust .agreement-navigation button.is-active>span:first-child{color:#B7BE57!important}
body.figma-eight-column #trust .agreement-panel small{border-color:#faf9f55c!important}
body.art-direction.figma-eight-column #services :is(.service-title h3,.service-meta,.service-price>span){color:#FAF9F5!important}
body.art-direction.figma-eight-column #services .service-price strong{color:color-mix(in srgb,#FAF9F5 calc(100% - var(--price-tint,100%)),#B7BE57 var(--price-tint,100%))!important;transition:color 250ms ease!important}

body.art-direction.figma-eight-column #services .service-cta{position:static!important;margin-top:28px!important;align-self:flex-start!important}
body.figma-eight-column #services .price-owned-note{border-color:#faf9f540!important}
/* Process keeps its established composition; only the agreed page ground/text changes. */
body.art-direction.figma-eight-column #process :is(h3,p,.process-number,.process-nav button,.process-progress,.step,.step-copy){color:#FAF9F5!important}
body.art-direction.figma-eight-column #process .step.active .num{color:#B7BE57!important}
/* AI: actual three-stage Figma content with one shared fictional brief. */
body.art-direction.figma-eight-column #ai .columns{display:block!important}
body.figma-eight-column #ai .ai-tishe-brief{font-size:12px!important;line-height:16px!important;margin:0 0 32px!important;letter-spacing:.02em}
body.figma-eight-column #ai .ai-tishe-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.figma-eight-column #ai .ai-tishe-stage{min-width:0}
body.figma-eight-column #ai .ai-tishe-image{display:block;width:100%;aspect-ratio:3/2;padding:0;border:0;background:none;overflow:hidden;cursor:zoom-in;border-radius:0;box-shadow:none}
body.figma-eight-column #ai .ai-tishe-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1000ms cubic-bezier(.22,.55,.25,1)}
body.figma-eight-column #ai .ai-tishe-image:is(:hover,:focus-visible) img{transform:scale(1.035)}
body.figma-eight-column #ai .ai-tishe-stage h3{font-size:22px;line-height:28px;letter-spacing:0;font-weight:800;margin:24px 0 20px;color:#FAF9F5}
body.figma-eight-column #ai .ai-tishe-stage h3 span{transition:color 400ms ease}
body.figma-eight-column #ai .ai-tishe-stage.scroll-current h3 span{color:#B7BE57}
body.figma-eight-column #ai .ai-tishe-stage p{font-size:16px!important;line-height:24px!important;margin:0!important;letter-spacing:0}
body.figma-eight-column #ai .ai-tishe-note{font-size:14px;line-height:20px;margin-top:80px}
.ai-study-dialog{width:min(1200px,94vw);max-height:92dvh;padding:48px 20px 20px;border:0;background:#343C51;color:#FAF9F5;overflow:auto}
.ai-study-dialog::backdrop{background:#101521dd}
.ai-study-dialog img{display:block;width:100%;height:auto;max-height:78dvh;object-fit:contain}
.ai-study-close{position:absolute;top:12px;right:20px;display:flex;align-items:center;gap:20px;border:0;background:none;color:#FAF9F5;font:14px Inter,sans-serif;cursor:pointer;padding:8px}
.ai-study-close span{font-size:24px}
body.figma-eight-column :is(a,button):focus-visible{outline:2px solid #B7BE57;outline-offset:5px}
@media(min-width:1001px){
 body.art-direction.figma-eight-column #approved-hero{width:calc(100% - 80px)!important;max-width:1360px!important;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;column-gap:24px!important;grid-template-rows:70px 86px 138px 174px 100px 158px!important;padding:0 0 22px!important;min-height:748px!important;height:auto!important;overflow:visible!important}
 body.figma-eight-column #approved-hero .site-header-spacer{grid-column:1/-1;grid-row:1;height:70px!important}
 body.art-direction.figma-eight-column #approved-hero .hero-role-labels{grid-column:1/-1!important;grid-row:2!important;display:flex!important;justify-content:space-between;margin:26px 0 0!important;padding:0!important;font-size:10px;align-self:start}
 body.art-direction.figma-eight-column #approved-hero .hero-type-stage,body.art-direction.figma-eight-column #approved-hero .name.back-name,body.art-direction.figma-eight-column #approved-hero .showcase{display:contents!important}
 body.art-direction.figma-eight-column #approved-hero .name-word{font-size:180px!important;line-height:149px!important;letter-spacing:-13px!important;font-weight:900!important;width:auto!important;max-width:none!important;white-space:nowrap!important;margin:0!important;align-self:start!important;justify-self:start!important}
 body.art-direction.sera-pass.grid-code-experience.hero-portrait-scroll.figma-eight-column #approved-hero .name .name-word:first-child{grid-column:1/span 7!important;grid-row:3!important}
 body.art-direction.sera-pass.grid-code-experience.hero-portrait-scroll.figma-eight-column #approved-hero .name .name-word:last-child{grid-column:3/-1!important;grid-row:4!important}
 body.art-direction.sera-pass.grid-code-experience.hero-portrait-scroll.figma-eight-column #approved-hero .promise{grid-column:5/-1!important;grid-row:5!important;margin:20px 0 0!important;position:static!important;padding:0!important}
 body.art-direction.figma-eight-column #approved-hero .promise h1{font-size:34px!important;line-height:38px!important;letter-spacing:-1px!important;font-weight:500!important;margin:0!important}
 body.art-direction.figma-eight-column #approved-hero .specialty{display:none!important}
 body.art-direction.sera-pass.grid-code-experience.hero-portrait-scroll.figma-eight-column #approved-hero .hero-offer-group{grid-column:5/-1!important;grid-row:6!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;margin:20px 0 0!important;padding:0!important}
 body.art-direction.figma-eight-column #approved-hero .hero-grid-copy{font-size:14px!important;line-height:20px!important;margin:0!important;max-width:460px!important}
 body.art-direction.figma-eight-column #approved-hero .hero-offer-group>.cta{margin:48px 0 0!important;position:static!important}
 body.art-direction.figma-eight-column #approved-hero .hero-grid-note{grid-column:3/span 2!important;grid-row:6!important;align-self:start!important;margin:30px 0 0!important;padding:0!important;border:0!important;font-size:12px!important;line-height:18px!important;max-width:240px!important}
 body.art-direction.figma-eight-column #approved-hero .hero-work-navigation{grid-column:1/span 2!important;grid-row:6!important;margin:0!important;align-self:end!important;justify-self:center!important;padding:0!important}
 body.art-direction.figma-eight-column #approved-hero .hero-scroll-portrait{left:40px!important;top:390px!important;width:190px!important;height:250px!important}
 body.art-direction.figma-eight-column #work .project-grid[data-view=editorial]{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:64px 24px!important}
 body.art-direction.figma-eight-column #work .folder:nth-child(1){grid-column:1/span 5!important;grid-row:1!important}
 body.art-direction.figma-eight-column #work .folder:nth-child(2){grid-column:7/span 2!important;grid-row:1!important;align-self:end!important}
 body.art-direction.figma-eight-column #work .folder:nth-child(3){grid-column:1/span 4!important;grid-row:2!important}
 body.art-direction.figma-eight-column #work .folder:nth-child(4){grid-column:6/span 3!important;grid-row:2!important;align-self:start!important}
 body.art-direction.figma-eight-column #work .folder:nth-child(5){grid-column:1/span 5!important;grid-row:3!important}
 body.art-direction.figma-eight-column #work .folder:nth-child(6){grid-column:7/span 2!important;grid-row:3!important;align-self:end!important}
 body.art-direction.figma-eight-column #work .folder:nth-child(7){grid-column:1/span 2!important;grid-row:4!important;align-self:end!important}
 body.art-direction.figma-eight-column #work .folder:nth-child(8){grid-column:4/span 5!important;grid-row:4!important}
 body.art-direction.figma-eight-column #work .work-tools{grid-template-columns:repeat(8,minmax(0,1fr))!important}
 body.art-direction.figma-eight-column #work .work-tools>p{grid-column:5/-1!important}
 body.art-direction.figma-eight-column #trust .agreement-system{grid-template-columns:repeat(8,minmax(0,1fr))!important}
 body.art-direction.figma-eight-column #trust .agreement-navigation{grid-column:1/span 3!important}
 body.art-direction.figma-eight-column #trust .agreement-stage{grid-column:5/span 4!important}
 body.art-direction.figma-eight-column #about .author-scroll-scene{min-height:940px!important;padding-bottom:0!important}
 body.art-direction.figma-eight-column #about .author-sticky-title{top:112px!important;padding:0!important;max-width:none!important}
 body.art-direction.figma-eight-column #about .editorial-about-heading{font-size:90px!important;line-height:84px!important;letter-spacing:-4px!important;max-width:none!important}
 body.art-direction.figma-eight-column #about .author-scroll-body{grid-template-columns:repeat(8,minmax(0,1fr))!important;row-gap:0!important;padding-top:170px!important}
 body.art-direction.figma-eight-column #about .about-editorial-portrait{grid-column:6/span 2!important;grid-row:1!important;width:100%!important;max-width:none!important;margin:0!important;padding:6px 6px 12px!important;transform:translateY(var(--portrait-lift,0px)) rotate(-2deg)!important}
 body.art-direction.figma-eight-column #about .about-editorial-portrait img{height:340px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:52% 40%!important}
 body.art-direction.figma-eight-column #about .about-left-content{grid-column:1/span 4!important;grid-row:1!important;padding-top:0!important}
 body.art-direction.figma-eight-column #about .about-copy-note{position:absolute;left:calc((100% + 24px) * 1.25);top:-80px;width:300px;margin:0!important;font-size:14px!important;line-height:20px!important}
 body.art-direction.figma-eight-column #about .about-intro-group{max-width:495px!important}
 body.art-direction.figma-eight-column #ai h2{margin-bottom:80px!important}
}
@media(min-width:1001px) and (max-width:1300px){
 body.art-direction.figma-eight-column{--type-section:76px;--line-section:72px}
 body.art-direction.figma-eight-column #approved-hero .name-word{font-size:15vw!important;letter-spacing:-1.05vw!important}
 body.art-direction.figma-eight-column #about .editorial-about-heading{font-size:76px!important;line-height:72px!important}
 body.art-direction.figma-eight-column #approved-hero .promise h1{font-size:29px!important;line-height:33px!important}
}
@media(max-width:1000px){
 body.art-direction.figma-eight-column{--type-section:52px;--line-section:50px;--tracking-section:-2px;--layout-margin:24px}
 body.art-direction.figma-eight-column #work .folder-info{margin-top:24px!important}
 body.art-direction.figma-eight-column #work .folder-info strong{font-size:28px!important;line-height:32px!important}
 body.figma-eight-column .figma-rails{display:none}
 body.figma-eight-column #about .about-editorial-portrait img{object-position:52% 40%!important}
 body.art-direction.figma-eight-column #ai .columns{display:block!important}
 body.figma-eight-column #ai .ai-tishe-stages{grid-template-columns:1fr;gap:48px}
 body.figma-eight-column #ai .ai-tishe-stage{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
 body.figma-eight-column #ai .ai-tishe-image{grid-column:1;grid-row:1/span 2}
 body.figma-eight-column #ai .ai-tishe-stage h3{grid-column:2;margin:0}
 body.figma-eight-column #ai .ai-tishe-stage p{grid-column:2}
}
@media(max-width:600px){
 body.art-direction.figma-eight-column{--type-section:36px;--line-section:35px;--tracking-section:-1px}
 body.art-direction.figma-eight-column #work .folder-info strong{font-size:26px!important;line-height:30px!important}
 body.figma-eight-column #ai .ai-tishe-stage{display:block}
 body.figma-eight-column #ai .ai-tishe-stage h3{margin:20px 0 14px;font-size:20px;line-height:26px}
 body.figma-eight-column #ai .ai-tishe-stage p{font-size:14px!important;line-height:21px!important}
 body.figma-eight-column #ai .ai-tishe-note{margin-top:48px}
 body.art-direction.figma-eight-column #about h2 br{display:none}
}
@media(prefers-reduced-motion:reduce){
 body.figma-eight-column *,body.figma-eight-column *:before,body.figma-eight-column *:after{animation:none!important;scroll-behavior:auto!important}
 body.figma-eight-column .ai-tishe-image img,body.figma-eight-column .service-price strong{transition:none!important}
 body.art-direction.figma-eight-column #about .author-sticky-title{position:static!important}
 body.art-direction.figma-eight-column #about .about-editorial-portrait{transform:rotate(-2deg)!important;will-change:auto!important}
}
@media(min-width:1001px){
 body.figma-eight-column #approved-hero#approved-hero .hero-grid-note{grid-column:3/span 2!important;grid-row:6!important;max-width:240px!important;white-space:normal!important}
 body.figma-eight-column #approved-hero#approved-hero .hero-grid-note{margin-top:30px!important}
}
body.figma-eight-column #work#work .title-tail{font-size:20px!important;line-height:26px!important;letter-spacing:-.5px!important;font-weight:500!important;max-width:none!important}
body.figma-eight-column #work#work .folder-info .case-technical{grid-column:1!important;grid-row:3!important;position:static!important;justify-self:start!important;text-align:left!important}
body.figma-eight-column #work#work .folder-info .case-open-label{grid-column:2!important;grid-row:1!important;position:static!important;align-self:center!important;justify-self:end!important;margin:0!important}
body.figma-eight-column #work#work .case-grid-note{font-size:14px!important;line-height:20px!important;max-width:495px!important}
body.figma-eight-column #ai#ai .ai-figma-heading{margin:0 0 56px!important}
body.figma-eight-column #ai#ai .ai-figma-heading h2{margin:0!important}
body.figma-eight-column #ai#ai{border-top-color:#b7be5755!important}
body.figma-eight-column #process#process :is(button,summary,small,.step>span){color:#FAF9F5!important}
body.figma-eight-column #process#process :is(.is-current,.process-active>span){color:#B7BE57!important}
body.figma-eight-column #process#process :is(.process-progress,.process-progress button,.step,.process-image-caption,.process-story-note){border-color:#faf9f53b!important}
body.figma-eight-column #process#process .process-progress .is-current:after{background:#B7BE57!important}
body.figma-eight-column #services#services .price-edition{border-color:#faf9f53b!important}
/* Figma corrections: header, common action baseline, and simultaneous Hero exit. */
body.figma-eight-column #approved-hero#approved-hero>nav .header-work-link{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;min-height:0!important;color:#3B1C3C!important;display:inline-flex;gap:2px;font:400 12px/18px Inter,sans-serif!important}
body.figma-eight-column #approved-hero#approved-hero>nav .header-work-link small{font:400 8px/10px Inter,sans-serif;align-self:start;transform:translateY(-4px)}
@media(min-width:1001px){
 body.figma-eight-column #approved-hero#approved-hero{position:relative!important;top:auto!important}
 body.figma-eight-column .dark-hero-surface{min-height:0!important}
 body.figma-eight-column #approved-hero#approved-hero>nav>div{gap:64px!important}
 body.figma-eight-column #approved-hero#approved-hero .hero-work-navigation{align-self:end!important;align-items:flex-end!important}
 body.figma-eight-column #approved-hero#approved-hero .hero-work-text-link{margin-bottom:0!important}
 body.figma-eight-column #trust#trust{padding-bottom:48px!important}
 body.figma-eight-column #trust#trust .agreement-stage{min-height:450px!important;height:450px!important}
 body.figma-eight-column #trust#trust .agreement-navigation{height:auto!important;align-self:start!important}
 body.figma-eight-column #services#services{padding-top:64px!important}
 body.figma-eight-column #services#services .block-content>h2{max-width:none!important}
 /* About has one bounded native sticky interval; no wheel events and no scroll lock. */
 body.figma-eight-column #about#about .author-scroll-scene{height:calc(720px + 220vh)!important;min-height:0!important;padding:0!important;position:relative!important}
 body.figma-eight-column #about#about .about-scroll-pin{height:720px;position:sticky;top:112px}
 body.figma-eight-column #about#about .author-sticky-title{position:relative!important;top:auto!important;padding:0!important}
 body.figma-eight-column #about#about .author-scroll-body{position:absolute!important;inset:340px 0 auto!important;padding:0!important;align-items:start!important}
 body.figma-eight-column #about#about .about-editorial-portrait{transform:translateY(var(--about-photo-y,110px)) rotate(-2deg)!important;transition:none!important}
 body.figma-eight-column #about#about .about-left-content{opacity:var(--about-copy-opacity,0);transform:translateY(var(--about-copy-y,36px));transition:none!important;will-change:transform,opacity}
 body.figma-eight-column #about#about .about-copy-note{position:static!important;left:auto!important;top:auto!important;width:auto!important;max-width:400px!important;margin:0 0 24px!important}
 /* The same three floral stages redistribute the available width together. */
 body.figma-eight-column #ai#ai .ai-tishe-stages{display:flex!important;gap:24px;min-height:620px;align-items:start}
 body.figma-eight-column #ai#ai .ai-tishe-stage{flex:1 1 0;min-width:0;transition:flex 1000ms cubic-bezier(.22,.55,.25,1),opacity 850ms ease;overflow:hidden}
 body.figma-eight-column #ai#ai .ai-tishe-image{height:292px;aspect-ratio:auto}
 body.figma-eight-column #ai#ai .ai-tishe-stage h3{min-height:56px}
 body.figma-eight-column #ai#ai .ai-tishe-image img{object-fit:cover;transition:transform 1000ms cubic-bezier(.22,.55,.25,1)}
 body.figma-eight-column #ai#ai .ai-tishe-stages:has(.ai-tishe-stage:hover) .ai-tishe-stage:not(:hover),body.figma-eight-column #ai#ai .ai-tishe-stages:not(:has(.ai-tishe-stage:hover)):has(.ai-tishe-stage:focus-within) .ai-tishe-stage:not(:focus-within){flex:.72;opacity:.56}
 body.figma-eight-column #ai#ai .ai-tishe-stage:hover,body.figma-eight-column #ai#ai .ai-tishe-stages:not(:has(.ai-tishe-stage:hover)) .ai-tishe-stage:focus-within{flex:1.56;opacity:1}
}
@media(prefers-reduced-motion:reduce){
 body.figma-eight-column #about#about .author-scroll-scene{height:auto!important;min-height:800px!important}
 body.figma-eight-column #about#about .about-scroll-pin{height:auto!important;position:relative!important;top:auto!important}
 body.figma-eight-column #about#about .author-scroll-body{position:relative!important;inset:auto!important;padding-top:100px!important}
 body.figma-eight-column #about#about .about-editorial-portrait{transform:rotate(-2deg)!important}
 body.figma-eight-column #about#about .about-left-content{opacity:1!important;transform:none!important}
 body.figma-eight-column #ai#ai .ai-tishe-stage{transition:none!important}
}
/* About: portrait leaves completely before personal copy enters. Preserve Figma text axes. */
@media(min-width:1001px){
 body.figma-eight-column #about#about .about-copy-note{position:absolute!important;left:calc((100% + 24px) * 1.25)!important;top:0!important;width:300px!important;max-width:300px!important;margin:0!important}
}
body.figma-eight-column #process#process .process-progress button.is-current{border-top-color:#B7BE57!important;border-top-width:3px!important}
body.figma-eight-column #process#process .process-progress button.is-past{border-top-color:#B7BE5780!important}
body.figma-eight-column #process#process .step.process-active{border-top-color:#B7BE57!important}
/* Second Figma spread: note / main copy / certificates retain their independent grid axes. */
@media(min-width:1001px){
 body.figma-eight-column #about#about .author-sticky-title{z-index:3;background:#343C51;padding-bottom:28px!important}
 body.figma-eight-column #about#about .author-scroll-body{z-index:4;pointer-events:none}
 body.figma-eight-column #about#about .about-copy-window{position:absolute;inset:0;z-index:2;overflow:hidden;clip-path:inset(200px 0 0);pointer-events:none}
 body.figma-eight-column #about#about .about-copy-window .about-left-content{position:absolute!important;inset:0!important;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;column-gap:24px!important;width:100%!important;max-width:none!important;transform:translateY(var(--about-copy-y,0px));opacity:var(--about-copy-opacity,0)}
 body.figma-eight-column #about#about .about-copy-window .about-intro-group{display:contents!important}
 body.figma-eight-column #about#about .about-copy-window .about-copy-note{grid-column:4/span 2!important;grid-row:1!important;position:absolute!important;left:0!important;top:425px!important;width:100%!important;max-width:none!important;font-size:13px!important;line-height:20px!important;margin:0!important}
 body.figma-eight-column #about#about .about-copy-window .about-intro-group>p:not([hidden]){grid-column:1/span 4;grid-row:1;position:absolute!important;left:5px!important;top:628px!important;width:545px;max-width:100%;margin:0!important;font-size:16px;line-height:26px}
 body.figma-eight-column #about#about .about-copy-window .learning-link{grid-column:7/span 2;grid-row:1;position:absolute!important;left:0!important;top:966px!important;margin:0!important;justify-self:start;pointer-events:auto}
}
@media(prefers-reduced-motion:reduce){
 body.figma-eight-column #about#about .about-copy-window{position:relative!important;inset:auto!important;clip-path:none!important;overflow:visible!important;margin-top:40px}
 body.figma-eight-column #about#about .about-copy-window .about-left-content{position:relative!important;inset:auto!important;display:block!important;transform:none!important;opacity:1!important}
 body.figma-eight-column #about#about .about-copy-window :is(.about-copy-note,.about-intro-group>p:not([hidden]),.learning-link){position:static!important;width:auto!important;max-width:545px!important;margin:24px 0!important}
}

/* About review: hold the portrait beside the pinned heading, then dissolve before copy. */
@media(min-width:1001px){
 body.figma-eight-column #about#about .about-editorial-portrait{opacity:var(--about-photo-opacity,1);transform:translateY(-150px) rotate(-2deg)!important;will-change:opacity!important}
}
@media(prefers-reduced-motion:reduce){body.figma-eight-column #about#about .about-editorial-portrait{opacity:1!important;transform:rotate(-2deg)!important}}

/* About story: title → note → moving portrait + body → held portrait + certificates. */
@media(min-width:1001px){
 body.figma-eight-column #about#about .about-editorial-portrait{transform:translateY(var(--about-photo-y,110px)) rotate(-2deg)!important;opacity:var(--about-photo-opacity,0);will-change:transform,opacity!important}
 body.figma-eight-column #about#about .about-copy-window .about-left-content{transform:none!important;opacity:1!important}
 body.figma-eight-column #about#about .about-copy-window .about-copy-note{opacity:var(--about-note-opacity,0);transform:translateY(var(--about-note-y,24px))!important;will-change:transform,opacity}
 body.figma-eight-column #about#about .about-copy-window .about-intro-group>p:not([hidden]){opacity:var(--about-body-opacity,0);transform:translateY(var(--about-body-y,0px))!important;will-change:transform,opacity}
 body.figma-eight-column #about#about .about-copy-window .learning-link{opacity:var(--about-cert-opacity,0);transform:translateY(var(--about-cert-y,0px))!important;will-change:transform,opacity}
}
@media(prefers-reduced-motion:reduce){
 body.figma-eight-column #about#about .about-editorial-portrait{transform:rotate(-2deg)!important;opacity:1!important}
 body.figma-eight-column #about#about .about-copy-window :is(.about-copy-note,.about-intro-group>p:not([hidden]),.learning-link){opacity:1!important;transform:none!important;will-change:auto!important}
}
/* Override legacy animation resets for these explicitly approved interactions only. */
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){
 body.figma-eight-column #ai#ai .ai-tishe-stage{transition:flex 1000ms cubic-bezier(.22,.55,.25,1),opacity 850ms ease!important}
 body.figma-eight-column #ai#ai .ai-tishe-image img{transition:transform 1000ms cubic-bezier(.22,.55,.25,1)!important}
 body.figma-eight-column #about#about .about-editorial-portrait{opacity:var(--about-photo-opacity,0)!important}
 body.figma-eight-column #about#about .about-copy-window .about-copy-note{opacity:var(--about-note-opacity,0)!important}
 body.figma-eight-column #about#about .about-copy-window .about-intro-group>p:not([hidden]){opacity:var(--about-body-opacity,0)!important}
 body.figma-eight-column #about#about .about-copy-window .learning-link{opacity:var(--about-cert-opacity,0)!important}
}

/* Four fine flowing threads, still anchored to the four established column axes. */
body.figma-eight-column .figma-rails i{position:relative;border:0!important}
body.figma-eight-column .figma-rails svg{position:absolute;left:-5px;top:0;width:10px;height:100%;overflow:visible}
body.figma-eight-column .figma-rails path{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}
body.figma-eight-column .figma-rails .rail-thread{stroke:rgb(250 249 245 / var(--rail-light,.045))}
body.figma-eight-column .figma-rails .rail-current{stroke:#faf9f52b;stroke-dasharray:100 1100;stroke-dashoffset:0}
@keyframes rail-current-flow{to{stroke-dashoffset:-1200}}
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){
 body.figma-eight-column .figma-rails .rail-current{animation:rail-current-flow 14s linear infinite!important;animation-delay:var(--rail-delay)!important;animation-play-state:paused!important}
 body.figma-eight-column .figma-rails.rails-in-view .rail-current{animation-play-state:running!important}
 body.figma-eight-column #approved-hero#approved-hero .hero-scroll-portrait{transform:translateY(var(--hero-photo-y,0px)) rotate(-8deg)!important}
}
@media(min-width:1001px) and (prefers-reduced-motion:reduce){body.figma-eight-column #approved-hero#approved-hero .hero-scroll-portrait{transform:rotate(-8deg)!important}.figma-rails .rail-current{display:none}}
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){
 body.figma-eight-column #work#work .project-grid>.folder{translate:0 var(--project-lift,0px)!important;transition:translate 0s!important}
 body.figma-eight-column #work#work .project-grid>.folder.project-scroll-visible{will-change:translate}
}
@media(prefers-reduced-motion:reduce){body.figma-eight-column #work#work .project-grid>.folder{translate:none!important;will-change:auto!important}}
/* Process explanations use Regular; stage titles and numbers keep their hierarchy. */
body.figma-eight-column #process#process .step p{font-weight:400!important}

/* Explanatory copy is Regular across all breakpoints; display/UI weights stay separate. */
body.art-direction.figma-eight-column{--type-copy-weight:400}
body.art-direction.figma-eight-column :is(#approved-hero,#work,#trust,#services,#process,#about,#ai,#contact,#case-dialog,#legal-dialog) :is(p,p *,figcaption,figcaption *,small,.title-tail,.service-description,.service-meta,.note,.grid-note,.pd-note,.case-grid-note,.case-technical,.hero-grid-note,.about-copy-note,.ai-tishe-note,.price-owned-note){font-weight:var(--type-copy-weight)!important}
body.art-direction.figma-eight-column #process#process .step :is(summary,p,p *){font-weight:var(--type-copy-weight)!important}

body.art-direction.figma-eight-column #work#work .title-tail{font-weight:var(--type-copy-weight)!important}

/* Adjacent section spacing: avoid stacking two full 112px paddings. */
@media(min-width:1001px){
 body.figma-eight-column #services#services{--ad-space-bottom:24px}
 body.figma-eight-column #process#process{--ad-space-top:40px}
}

/* Shared section cadence: 48 + 48 = 96px, rather than stacked 112px paddings. */
@media(min-width:1001px){
 body.art-direction.figma-eight-column :is(#work,#trust,#services,#process,#about,#ai,#contact){--ad-space-top:48px;--ad-space-bottom:48px}
 body.figma-eight-column #services#services{--ad-space-bottom:48px}
 body.figma-eight-column #process#process{--ad-space-top:48px}
 body.figma-eight-column #work#work .project-grid{margin-bottom:var(--portfolio-tail-trim,0px)!important;row-gap:96px!important;overflow-anchor:none}
 body.figma-eight-column #work#work{overflow-anchor:none}
 /* Copy stays at its resting line lengths while only the image panel expands. */
 body.figma-eight-column #ai#ai .ai-tishe-stage{overflow:hidden}
 body.figma-eight-column #ai#ai .ai-tishe-stage :is(h3,p){width:calc((min(calc(100vw - 80px),1360px) - 48px)/3)!important;max-width:none!important}
 body.figma-eight-column #ai#ai .ai-tishe-image{position:relative}
 body.figma-eight-column #ai#ai .ai-tishe-image:after{content:"";position:absolute;inset:0;background:#202636;opacity:0;pointer-events:none;transition:opacity 700ms ease!important}
 body.figma-eight-column #ai#ai .ai-tishe-stages:has(.ai-tishe-stage:is(:hover,:focus-within)) .ai-tishe-stage{opacity:1!important}
 body.figma-eight-column #ai#ai .ai-tishe-stages:has(.ai-tishe-stage:is(:hover,:focus-within)) .ai-tishe-stage:not(:hover):not(:focus-within) .ai-tishe-image:after{opacity:.68}
}

@media(min-width:1001px){
 body.figma-eight-column #ai#ai .ai-tishe-stage :is(h3,p){transition:opacity 140ms ease!important}
 body.figma-eight-column #ai#ai .ai-tishe-stages:has(.ai-tishe-stage:hover) .ai-tishe-stage:not(:hover) :is(h3,p),
 body.figma-eight-column #ai#ai .ai-tishe-stages:not(:has(.ai-tishe-stage:hover)):has(.ai-tishe-stage:focus-within) .ai-tishe-stage:not(:focus-within) :is(h3,p){opacity:0!important}
 body.figma-eight-column #ai#ai .ai-tishe-stages:has(.ai-tishe-stage:hover) .ai-tishe-stage:not(:hover) .ai-tishe-image:after,
 body.figma-eight-column #ai#ai .ai-tishe-stages:not(:has(.ai-tishe-stage:hover)):has(.ai-tishe-stage:focus-within) .ai-tishe-stage:not(:focus-within) .ai-tishe-image:after{opacity:.68!important}
}

/* Header links share one response, including the logo and Works link. */
body.figma-eight-column #approved-hero#approved-hero>nav a:not(.logo){display:inline-flex;transform:none!important;box-shadow:none!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body.figma-eight-column #approved-hero#approved-hero>nav a:not(.logo){transition:transform 200ms cubic-bezier(.2,.65,.3,1)!important}
 body.figma-eight-column #approved-hero#approved-hero>nav a:not(.logo):is(:hover,:focus-visible){transform:translate(-1px,-2px)!important;box-shadow:none!important}
}

/* Local official Inter: copy must not silently fall back when Google Fonts is blocked. */
@font-face{font-family:PortfolioCopy;src:url('../assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
body.art-direction.figma-eight-column :is(#approved-hero,#work,#trust,#services,#process,#about,#ai,#contact,#case-dialog,#legal-dialog) :is(p,p *,figcaption,figcaption *,small,.title-tail,.service-description,.service-meta,.note,.grid-note,.pd-note,.case-grid-note,.case-technical,.hero-grid-note,.about-copy-note,.ai-tishe-note,.price-owned-note),
body.art-direction.figma-eight-column #process#process .step :is(summary,p,p *){font-family:PortfolioCopy,Inter,sans-serif!important;font-weight:400!important;font-variation-settings:"wght" 400!important;font-synthesis:none!important;-webkit-text-stroke:0!important;text-shadow:none!important;-webkit-font-smoothing:antialiased}
body.figma-eight-column #approved-hero#approved-hero>nav a.logo:is(:hover,:focus-visible){transform:none!important;box-shadow:none!important;transition:none!important}

/* Always one active AI direction; retain the last explored direction on pointer exit. */
@media(min-width:1001px){
 body.figma-eight-column #ai#ai#ai .ai-tishe-stages .ai-tishe-stage{flex:.72 1 0!important;opacity:1!important}
 body.figma-eight-column #ai#ai#ai .ai-tishe-stages .ai-tishe-stage.is-active{flex:1.56 1 0!important}
 body.figma-eight-column #ai#ai#ai .ai-tishe-stages .ai-tishe-stage :is(h3,p){opacity:0!important}
 body.figma-eight-column #ai#ai#ai .ai-tishe-stages .ai-tishe-stage.is-active :is(h3,p){opacity:1!important}
 body.figma-eight-column #ai#ai#ai .ai-tishe-stages .ai-tishe-stage .ai-tishe-image:after{opacity:.68!important}
 body.figma-eight-column #ai#ai#ai .ai-tishe-stages .ai-tishe-stage.is-active .ai-tishe-image:after{opacity:0!important}
}

/* Main explanatory copy: shared 150% leading, separate from micro captions. */
body.art-direction.figma-eight-column :is(#work,#trust,#services,#process,#about,#ai,#contact) p:not(.ai-tishe-brief):not(.mobile-menu-legal){line-height:1.5!important}
body.art-direction.figma-eight-column #process#process .step p,
body.art-direction.figma-eight-column #about#about .about-intro-group>p:not([hidden]),
body.art-direction.figma-eight-column #services#services .service-description{line-height:1.5!important}

/* Open case-study explanatory copy: 15px Regular with 150% leading. */
body.art-direction.figma-eight-column #case-dialog#case-dialog .case-details p{font-size:15px!important;line-height:1.5!important;font-weight:400!important}

/* Shared case hierarchy: section labels are larger than the explanatory body. */
body.art-direction.figma-eight-column #case-dialog#case-dialog .case-details h3{font-size:18px!important;line-height:24px!important;font-weight:600!important;letter-spacing:0!important}

/* Content-to-content spacing shares the page ground, including section margins. */
body.figma-eight-column :is(.shell,.pages,#blocks){background:#343C51!important}

/* Contain the grid's positive/negative tail margin so the final captions cannot be clipped. */
body.art-direction.figma-eight-column #work#work .block-content{display:flow-root!important}

/* Section heading → first content: exactly 80px, without stacked sibling margins. */
body.art-direction.figma-eight-column :is(#work,#trust,#services,#process) .block-content>h2{margin-bottom:80px!important}
body.art-direction.figma-eight-column :is(#work,#trust,#services,#process) .block-content>h2+*{margin-top:0!important}
body.figma-eight-column #ai#ai .ai-figma-heading{margin-bottom:80px!important}
body.figma-eight-column #ai#ai .ai-figma-heading h2{margin-bottom:0!important}
body.figma-eight-column #contact#contact .footer-contact h2{margin-bottom:80px!important}
body.figma-eight-column #contact#contact .footer-contact h2+*{margin-top:0!important}
@media(min-width:1001px){
 body.figma-eight-column #about#about .about-copy-window .about-copy-note{top:calc(var(--line-section)*2 + 80px)!important}
}

/* Responsive AI handfeel: one state source; no one-second trailing transitions. */
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){
 body.figma-eight-column #ai#ai#ai .ai-tishe-stage{transition:flex-grow 600ms cubic-bezier(.22,1,.36,1)!important;contain:layout paint}
 body.figma-eight-column #ai#ai#ai .ai-tishe-image:after{transition:opacity 380ms ease!important}
 body.figma-eight-column #ai#ai#ai .ai-tishe-image img{transition:transform 600ms cubic-bezier(.22,1,.36,1)!important;transform:none!important}
 body.figma-eight-column #ai#ai#ai .ai-tishe-stage :is(h3,p){transition:opacity 160ms ease!important}
}
body.figma-eight-column #ai#ai#ai .ai-tishe-stage.is-active h3 span{color:#B7BE57!important}

/* AI step heading → explanation follows the same gap as open case-study headings. */
body.figma-eight-column #ai#ai#ai .ai-tishe-stage h3{min-height:0!important;height:auto!important;margin-bottom:16px!important}
body.figma-eight-column #ai#ai#ai .ai-tishe-stage p{margin-top:0!important}
@media(max-width:700px){body.figma-eight-column #ai#ai#ai .ai-tishe-stage h3{margin-bottom:12px!important}}

/* Keep the AI author note attached to the stage copy, without an empty fixed-height tail. */
body.figma-eight-column #ai#ai#ai .ai-tishe-stages{min-height:0!important}
body.figma-eight-column #ai#ai#ai .ai-tishe-note{margin-top:32px!important}

/* Approved: agreement detail titles share portfolio project-name typography. */
body.art-direction.figma-eight-column #trust#trust .agreement-panel h3{font-family:Inter,Arial,sans-serif!important;font-size:34px!important;line-height:38px!important;font-weight:600!important;letter-spacing:-1px!important;color:#FAF9F5!important}
@media(max-width:1000px){body.art-direction.figma-eight-column #trust#trust .agreement-panel h3{font-size:28px!important;line-height:32px!important}}
@media(max-width:600px){body.art-direction.figma-eight-column #trust#trust .agreement-panel h3{font-size:26px!important;line-height:30px!important}}

/* Approved: all six process titles share the portfolio-name / agreement-title style. */
body.art-direction.figma-eight-column #process#process .step summary{font-family:Inter,Arial,sans-serif!important;font-size:34px!important;line-height:38px!important;font-weight:600!important;font-variation-settings:"wght" 600!important;letter-spacing:-1px!important;color:#FAF9F5!important}
@media(max-width:1000px){body.art-direction.figma-eight-column #process#process .step summary{font-size:28px!important;line-height:32px!important}}
@media(max-width:600px){body.art-direction.figma-eight-column #process#process .step summary{font-size:26px!important;line-height:30px!important}}

/* Service titles join the approved shared subtitle family; no uppercase treatment. */
body.art-direction.figma-eight-column #services#services .service-title h3{font-family:Inter,Arial,sans-serif!important;font-size:34px!important;line-height:38px!important;font-weight:600!important;font-variation-settings:"wght" 600!important;letter-spacing:-1px!important;text-transform:none!important}
@media(max-width:1000px){body.art-direction.figma-eight-column #services#services .service-title h3{font-size:28px!important;line-height:32px!important}}
@media(max-width:600px){body.art-direction.figma-eight-column #services#services .service-title h3{font-size:26px!important;line-height:30px!important}}
@media(prefers-reduced-motion:no-preference){body.personality-pass #process.process-scroll .step>span{transition:font-size 380ms cubic-bezier(.4,0,.2,1),color 300ms ease!important}body.personality-pass #process .process-progress button{transition:opacity 350ms ease,color 350ms ease!important}}

/* Requested: no dividing rule before the AI chapter. */
body.figma-eight-column #ai#ai{border-top:0!important}