@font-face{font-family:Inter;src:url("../assets/fonts/InterVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
/* Single responsive hierarchy and rhythm for the approved original site. */
body.art-direction.figma-eight-column{--space-section:200px;--space-heading:80px;--type-section:76px;--line-section:72px;--tracking-section:-3px;--type-subtitle:34px;--line-subtitle:38px;--type-body:16px;--line-body:24px;--type-note:12px;--line-note:18px;--layout-margin:40px}
body.art-direction.figma-eight-column #home#home,body.art-direction.figma-eight-column #home #approved-hero#approved-hero,body.art-direction.figma-eight-column #home .dark-hero-surface{background:#343C51!important;color:#FAF9F5!important}
body.art-direction.figma-eight-column #home #approved-hero :is(.hero-grid-copy,.hero-grid-note,.hero-role-labels,.hero-work-text-link,.promise h1){color:#FAF9F5!important}
body.art-direction.figma-eight-column #home #approved-hero .name-word{color:#B7BE57!important}
body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-role-labels{display:flex!important;justify-content:space-between!important;align-items:center;gap:24px;font-size:10px!important;line-height:14px!important;font-weight:400!important}
body.art-direction.figma-eight-column :is(#work,#trust,#services,#process,#about,#contact) .block-content>h2,body.art-direction.figma-eight-column #about#about .author-ai-heading h2,body.art-direction.figma-eight-column #contact#contact .footer-contact h2{font-family:Inter,Arial,sans-serif!important;font-size:var(--type-section)!important;line-height:var(--line-section)!important;font-weight:800!important;font-variation-settings:"wght" 800!important;letter-spacing:var(--tracking-section)!important}
body.art-direction.figma-eight-column #work#work .folder-info strong,body.art-direction.figma-eight-column #trust#trust .agreement-panel h3,body.art-direction.figma-eight-column #services#services .service-title h3,body.art-direction.figma-eight-column #process#process .step summary,body.art-direction.figma-eight-column #about#about .approved-profile-lead,body.art-direction.figma-eight-column #about#about .author-ai-tool h2,body.art-direction.figma-eight-column #ai#ai .ai-tishe-stage h3{font-family:Inter,Arial,sans-serif!important;font-size:var(--type-subtitle)!important;line-height:var(--line-subtitle)!important;font-weight:600!important;font-variation-settings:"wght" 600!important;letter-spacing:-1px!important}
body.art-direction.figma-eight-column :is(#work,#trust,#services,#process,#about,#contact) p:not(.ai-tishe-brief):not(.footer-channel-note):not(.mobile-menu-legal):not(.approved-profile-lead):not(.case-grid-note),body.art-direction.figma-eight-column #about#about .author-ai-copy>p:not(.approved-profile-lead),body.art-direction.figma-eight-column #about#about .approved-profile-closing{font-family:PortfolioCopy,Inter,sans-serif!important;font-size:var(--type-body)!important;line-height:var(--line-body)!important;font-weight:400!important;font-variation-settings:"wght" 400!important;letter-spacing:0!important}
body.art-direction.figma-eight-column :is(#work,#trust,#services,#process) .block-content>h2{margin-bottom:var(--space-heading)!important}
body.art-direction.figma-eight-column :is(#work,#trust,#services,#process) .block-content>h2+*{margin-top:0!important}
body.art-direction.figma-eight-column #contact#contact .footer-contact h2{margin-bottom:var(--space-heading)!important}
body.art-direction.figma-eight-column #contact#contact .footer-contact h2+*{margin-top:0!important}
body.art-direction.figma-eight-column #about#about .author-ai-spread{row-gap:var(--space-heading)}
/* Headings inside the author spread are subheadings, not a second section title. */
body.art-direction.figma-eight-column #about#about .author-ai-tool h2{margin-bottom:24px!important}
body.art-direction.figma-eight-column #about#about .author-ai-heading h2{margin:0!important}
@media(max-width:1000px){
 body.art-direction.figma-eight-column{--space-section:120px;--space-heading:56px;--type-section:52px;--line-section:50px;--tracking-section:-2px;--type-subtitle:28px;--line-subtitle:32px;--layout-margin:24px;--layout-width:calc(100% - 48px);--layout-edge:24px}
 body.art-direction.figma-eight-column #approved-hero#approved-hero{width:calc(100% - 48px)!important;max-width:1360px!important;margin-inline:auto!important;padding:0 0 32px!important;height:auto!important;min-height:0!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-work-navigation{border-color:#faf9f540!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-grid-copy{font-family:PortfolioCopy,Inter,sans-serif!important;font-size:16px!important;line-height:24px!important;font-weight:400!important;max-width:480px!important;margin:0!important}
 body.art-direction.figma-eight-column #home #approved-hero .hero-grid-copy br{display:none}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-offer-group>.cta{position:static!important;margin-top:24px!important;align-self:flex-start!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-grid-note{font-family:PortfolioCopy,Inter,sans-serif!important;font-size:12px!important;line-height:18px!important;max-width:360px!important}
 body.art-direction.figma-eight-column #about#about .author-ai-heading{min-width:0}
 body.art-direction.figma-eight-column #about#about .author-ai-tool{min-width:0}
 body.art-direction.figma-eight-column #about#about .author-ai-spread>.approved-profile-photo{transform:rotate(5deg)!important}
 body.art-direction.figma-eight-column #ai#ai .ai-tishe-stage{opacity:1!important}
 body.art-direction.figma-eight-column #ai#ai .ai-tishe-stage :is(h3,p){opacity:1!important;visibility:visible!important;width:auto!important;max-width:none!important;min-width:0!important;transform:none!important}
 body.art-direction.figma-eight-column #ai#ai .ai-tishe-image:after{opacity:0!important}
 body.art-direction.figma-eight-column #ai#ai .ai-tishe-stages{display:grid!important;grid-template-columns:1fr!important;gap:48px!important}
 body.art-direction.figma-eight-column #ai#ai .ai-tishe-stage{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px 24px!important}
 body.art-direction.figma-eight-column #ai#ai .ai-tishe-stage .ai-tishe-image{grid-column:1!important;grid-row:1/span 2!important}
 body.art-direction.figma-eight-column #ai#ai .ai-tishe-stage h3{grid-column:2!important;margin:0!important}
 body.art-direction.figma-eight-column #ai#ai .ai-tishe-stage p{grid-column:2!important;margin:0!important}
 body.art-direction.figma-eight-column #work#work .folder{translate:none!important;transform:none!important}
 body.art-direction.figma-eight-column #work#work .project-grid{margin-bottom:0!important}
}
@media(max-width:700px){
 body.art-direction.figma-eight-column #about#about .author-ai-spread{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;row-gap:40px}
 body.art-direction.figma-eight-column #about#about .author-ai-heading{grid-column:1/-1;grid-row:1}
 body.art-direction.figma-eight-column #about#about .author-ai-copy{grid-column:1/-1;grid-row:2}
 body.art-direction.figma-eight-column #about#about .author-ai-copy>p:last-child{margin-bottom:0!important}
 body.art-direction.figma-eight-column #about#about .author-ai-spread>.approved-profile-photo{grid-column:2/span 3;grid-row:3;width:80%!important;max-width:260px!important;margin:0 12px 0 0!important;justify-self:end}
 body.art-direction.figma-eight-column #about#about .author-ai-baseline{grid-column:1/-1;grid-row:4;display:flex!important;flex-direction:column;gap:40px!important}
 body.art-direction.figma-eight-column #about#about .author-ai-tool{margin:0!important}
}
@media(max-width:600px){
 body.art-direction.figma-eight-column{--space-section:130px;--space-heading:40px;--type-section:36px;--line-section:36px;--tracking-section:-1px;--type-subtitle:26px;--line-subtitle:30px;--type-body:14px;--line-body:21px;--type-note:11px;--line-note:16px;--layout-margin:20px;--layout-width:calc(100% - 40px);--layout-edge:20px}
 body.art-direction.figma-eight-column :is(#work,#trust,#services,#process,#about,#contact){padding-inline:20px!important;min-width:0}
 body.art-direction.figma-eight-column #approved-hero#approved-hero{width:calc(100% - 40px)!important;padding-bottom:0!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-role-labels{padding:20px 0 0!important;margin:0 0 24px!important;font-size:9px!important;line-height:14px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .name-word{font-size:14.3vw!important;line-height:.9!important;letter-spacing:-.055em!important;max-width:100%!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .name-word:last-child{margin-top:4px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .promise h1{font-size:30px!important;line-height:32px!important;letter-spacing:-1px!important;font-weight:600!important;font-variation-settings:"wght" 600!important;margin:24px 0 0!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-work-navigation{margin:28px 0 0!important;padding-top:20px!important;border-top:1px solid #faf9f540!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-work-text-link{font-size:14px!important;line-height:21px!important;color:#FAF9F5!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-grid-note{font-size:11px!important;line-height:16px!important;margin:20px 0 0!important;color:#faf9f5b3!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-offer-group{display:flex!important;flex-direction:column!important;gap:0!important;margin:28px 0 0!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-grid-copy{font-size:14px!important;line-height:21px!important}
 body.art-direction.figma-eight-column #work#work .title-tail{font-size:16px!important;line-height:24px!important;font-weight:400!important;font-variation-settings:"wght" 400!important;letter-spacing:0!important;display:block;margin-top:16px}
 body.art-direction.figma-eight-column #work#work .folder-info{margin-top:24px!important;row-gap:6px!important}
 body.art-direction.figma-eight-column #work#work .folder-info small{font-size:12px!important;line-height:18px!important}
 body.art-direction.figma-eight-column #work#work .case-grid-note{font-size:12px!important;line-height:18px!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-stage{min-height:0!important;height:auto!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-panel:not(.is-active){display:none!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-panel.is-active{position:relative!important;inset:auto!important;min-height:0!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-panel h3{margin-bottom:20px!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-panel p{margin-bottom:24px!important}
 body.art-direction.figma-eight-column #services#services .service-content{min-width:0;gap:0!important}
 body.art-direction.figma-eight-column #services#services .service-title h3{min-height:0!important}
 body.art-direction.figma-eight-column #services#services .service-description{margin-top:20px!important}
 body.art-direction.figma-eight-column #process#process .process-personal-note{font-size:12px!important;line-height:18px!important;margin-bottom:32px!important}
 body.art-direction.figma-eight-column #process#process .step{min-height:0!important}
 body.art-direction.figma-eight-column #process#process .step summary{padding-right:0!important}
 body.art-direction.figma-eight-column #ai#ai .ai-tishe-stage{display:block!important}
 body.art-direction.figma-eight-column #ai#ai .ai-tishe-stage h3{margin:24px 0 16px!important}
 body.art-direction.figma-eight-column #ai#ai .ai-tishe-stage p{margin:0!important}
 body.art-direction.figma-eight-column #about#about #ai{margin-top:40px!important;padding-inline:0!important}
 body.art-direction.figma-eight-column #contact#contact .footer-invitation h3{font-size:26px!important;line-height:30px!important;font-weight:600!important;letter-spacing:-1px!important}
 body.art-direction.figma-eight-column #contact#contact .footer-bottom p{font-size:10px!important;line-height:15px!important}
}
@media(max-width:1000px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-type-stage{display:contents!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .name{padding:0!important;margin:0!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .showcase{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important;padding:0!important;margin:32px 0 0!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .promise{grid-column:1!important;grid-row:1!important;margin:0!important;padding:0!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .promise h1{margin:0!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-offer-group{grid-column:2!important;grid-row:1!important;margin:0!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-work-navigation{grid-column:1!important;grid-row:2!important;align-self:end!important;padding:0!important;margin:0!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-grid-note{grid-column:2!important;grid-row:2!important;align-self:end!important;margin:0!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-scroll-portrait{display:none!important}
 body.art-direction.figma-eight-column #services#services .service-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0;gap:0!important}
 body.art-direction.figma-eight-column #services#services .service-title{order:1!important;min-height:0!important;justify-content:flex-start!important;margin:0 0 24px!important}
 body.art-direction.figma-eight-column #services#services .service-meta{order:0!important;margin:0 0 16px!important}
 body.art-direction.figma-eight-column #services#services .service-price{order:2!important;margin:0 0 24px!important}
 body.art-direction.figma-eight-column #services#services .service-description{order:3!important;margin:0!important}
 body.art-direction.figma-eight-column #services#services .service-cta{order:4!important;margin:24px 0 0!important}
}
@media(max-width:600px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero .showcase{display:flex!important;flex-direction:column!important;gap:0!important;margin-top:28px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .promise{order:0!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-work-navigation{order:1!important;align-self:stretch!important;margin-top:28px!important;padding-top:20px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-grid-note{order:2!important;align-self:flex-start!important;margin-top:20px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-offer-group{order:3!important;margin-top:28px!important}
}
@media(max-width:600px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero nav{gap:10px!important;padding-inline:16px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero nav>.logo{font-size:11px!important;line-height:16px!important;font-weight:400!important;white-space:nowrap!important;flex-shrink:0}
 body.art-direction.figma-eight-column #approved-hero#approved-hero nav>.header-telegram{font-size:11px!important;line-height:16px!important;min-height:44px!important;padding:10px 12px!important;gap:12px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero nav>.header-telegram>span{padding-left:10px!important;min-height:18px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .mobile-menu-toggle{flex-shrink:0;width:40px!important;min-width:40px!important;height:40px!important}
}
@media(max-width:360px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero nav{gap:8px!important;padding-inline:12px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero nav>.logo{font-size:10px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero nav>.header-telegram{padding:10px 8px!important;font-size:10px!important;gap:8px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .mobile-menu-toggle{width:34px!important;min-width:34px!important;height:38px!important}
}
@media(min-width:601px) and (max-width:1000px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-role-labels{margin:24px 0 28px!important;padding:0!important}
 body.art-direction.figma-eight-column #about#about .author-ai-copy{grid-column:1/span 5!important}
 body.art-direction.figma-eight-column #about#about .author-ai-baseline>.approved-profile-credentials{grid-column:1/span 3!important}
 body.art-direction.figma-eight-column #about#about .author-ai-baseline>.author-ai-tool{grid-column:4/span 5!important}
}
/* Mobile keeps the same visual story as desktop, with touch selection. */
@media(max-width:600px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero .showcase{position:relative!important;margin-top:48px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .promise{width:calc(100% - 98px)!important;min-height:150px}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .promise h1{font-size:25px!important;line-height:28px!important;letter-spacing:-.8px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-scroll-portrait{display:block!important;position:absolute!important;top:0!important;right:0!important;left:auto!important;bottom:auto!important;width:88px!important;height:auto!important;margin:0!important;padding:6px 6px 14px!important;background:#FAF9F5!important;transform:rotate(-8deg)!important;translate:none!important;z-index:2!important;pointer-events:none}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-scroll-portrait img{display:block!important;width:100%!important;height:110px!important;object-fit:cover!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-system{display:grid!important;grid-template-columns:minmax(0, .95fr) minmax(0,1.2fr)!important;gap:20px!important;margin-top:32px!important;align-items:start}
 body.art-direction.figma-eight-column #trust#trust .agreement-navigation{grid-column:1!important;display:flex!important;flex-direction:column!important;gap:0!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-navigation button{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;gap:6px!important;text-align:left!important;padding:12px 0!important;font-size:12px!important;line-height:16px!important;min-height:48px}
 body.art-direction.figma-eight-column #trust#trust .agreement-navigation button>span+span{display:block!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-stage{grid-column:2!important;min-width:0!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-panel h3{font-size:22px!important;line-height:25px!important;letter-spacing:-.6px!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-panel p{font-size:13px!important;line-height:19.5px!important}
 body.art-direction.figma-eight-column #services#services .price-owned-note{width:100%!important;max-width:none!important;grid-column:1/-1!important;align-self:stretch!important}
 body.art-direction.figma-eight-column #process#process .process-stage{display:block!important;position:relative!important;inset:auto!important;width:100%!important;margin:0 0 28px!important}
 body.art-direction.figma-eight-column #process#process .process-stage-window{position:relative!important;aspect-ratio:3/2!important;overflow:hidden}
 body.art-direction.figma-eight-column #process#process .process-stage-window img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
 body.art-direction.figma-eight-column #process#process .process-stage figcaption{display:flex!important;justify-content:space-between;gap:12px;font-size:10px;line-height:16px;margin-top:12px}
 body.art-direction.figma-eight-column #process#process .process-story{padding-bottom:0!important}
 body.art-direction.figma-eight-column #process#process .step:not(.process-active){display:none!important}
 body.art-direction.figma-eight-column #process#process .step.process-active{display:grid!important;grid-template-columns:60px minmax(0,1fr)!important;gap:16px!important;padding:0!important;border:0!important}
 body.art-direction.figma-eight-column #process#process .step .process-picture{display:none!important}
 body.art-direction.figma-eight-column #process#process .step>span{display:block!important;grid-column:1!important;grid-row:1!important;font-size:54px!important;line-height:1!important;color:#B7BE57!important}
 body.art-direction.figma-eight-column #process#process .step details{grid-column:2!important;grid-row:1!important;min-width:0}
 body.art-direction.figma-eight-column #process#process .step summary{font-size:24px!important;line-height:27px!important}
 body.art-direction.figma-eight-column #process#process .step details p{margin-top:20px!important}
}
@media(max-width:1000px){
 body.art-direction.figma-eight-column #services#services .price-edition:nth-child(n) .service-price{align-self:flex-start!important;justify-self:start!important;margin-left:0!important;margin-right:0!important;position:static!important;transform:none!important;translate:none!important}
}
.mobile-slide-controls{display:none}
@media(max-width:600px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero .promise{width:calc(100% - 124px)!important;min-height:180px}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-scroll-portrait{width:112px!important;right:6px!important;top:4px!important;transform:rotate(8deg)!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-scroll-portrait img{height:144px!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-system{display:block!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-navigation{display:none!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-stage{width:100%!important;min-height:360px!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-panel.is-active{min-height:360px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-big-number{font-size:96px!important;line-height:.9!important;letter-spacing:-5px!important;margin-bottom:24px!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-panel h3{font-size:26px!important;line-height:30px!important;max-width:100%!important;margin:0 0 20px!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-panel p{font-size:14px!important;line-height:21px!important;width:100%!important;max-width:none!important;margin:0 0 24px!important}
 body.art-direction.figma-eight-column #trust#trust .agreement-panel small{position:static!important;inset:auto!important;transform:none!important;margin-top:auto!important;font-size:11px!important;line-height:16px!important}
 body.art-direction.figma-eight-column #process#process .process-story{min-height:210px!important}
 body.art-direction.figma-eight-column #process#process .step:before,body.art-direction.figma-eight-column #process#process .step:after,body.art-direction.figma-eight-column #process#process .step summary:after{content:none!important;display:none!important}
 body.art-direction.figma-eight-column :is(#trust,#process) .mobile-slide-controls{display:flex!important;align-items:center;justify-content:space-between;width:100%;margin-top:28px;padding-top:16px;border-top:1px solid #faf9f540;color:#FAF9F5}
 body.art-direction.figma-eight-column :is(#trust,#process) .mobile-slide-count{font:400 12px/18px Inter,Arial,sans-serif;letter-spacing:.04em}
 body.art-direction.figma-eight-column :is(#trust,#process) .mobile-slide-controls>div{display:flex;gap:12px}
 body.art-direction.figma-eight-column :is(#trust,#process) .mobile-slide-controls button{display:grid!important;place-items:center;width:48px!important;height:44px!important;padding:0!important;margin:0!important;border:1px solid #faf9f55c!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#B7BE57!important;cursor:pointer}
 body.art-direction.figma-eight-column :is(#trust,#process) .mobile-slide-controls button:disabled{opacity:.25;cursor:default}
 body.art-direction.figma-eight-column :is(#trust,#process) .mobile-slide-controls button:focus-visible{outline:2px solid #B7BE57;outline-offset:3px}
}
@media(max-width:360px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-scroll-portrait{width:98px!important;right:2px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-scroll-portrait img{height:126px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .promise{width:calc(100% - 108px)!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .promise h1{font-size:22px!important;line-height:25px!important}
}
@media(max-width:600px){
 body.art-direction.figma-eight-column #trust#trust .agreement-stage,body.art-direction.figma-eight-column #trust#trust .agreement-panel.is-active{min-height:320px!important}
 body.art-direction.figma-eight-column #process#process .process-personal-note{display:none!important}
 body.art-direction.figma-eight-column #process#process .process-story{min-height:180px!important}
}

@media(min-width:701px){
 body.art-direction.figma-eight-column #about#about .author-ai-spread>.approved-profile-photo{grid-row:2!important;margin-top:8px!important;align-self:start!important}
}

@media(min-width:1001px){
 body.art-direction.figma-eight-column #about#about .author-ai-heading{grid-column:1/-1!important}
 body.art-direction.figma-eight-column #about#about .author-ai-heading h2{max-width:none!important}
 body.art-direction.figma-eight-column #about#about .author-ai-spread>.approved-profile-photo{grid-column:6/span 2!important}
}
@media(min-width:701px) and (max-width:1000px){
 body.art-direction.figma-eight-column #about#about .author-ai-spread>.approved-profile-photo{grid-column:6/span 2!important}
}
@media(max-width:1000px){.author-title-break{display:none}}
/* The mobile menu is a warm paper sheet on the site's working-desk surface. */
@media(max-width:750px){
 html:has(body.figma-eight-column){background:#343C51!important}
 body.art-direction.figma-eight-column,body.art-direction.figma-eight-column .shell,body.art-direction.figma-eight-column .pages,body.art-direction.figma-eight-column #blocks{background:#343C51!important;margin-bottom:0!important;padding-bottom:0!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .mobile-menu-toggle{background:transparent!important;border:0!important;box-shadow:none!important;color:#343C51!important;gap:7px!important;padding:8px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .mobile-menu-toggle>span{background:#343C51!important;width:26px!important;height:2px!important;border:0!important}
 body.art-direction.figma-eight-column dialog#mobile-site-menu[open]{display:flex!important;flex-direction:column!important;gap:0!important;background:#ECE9E3!important;color:#343C51!important;padding:20px 20px max(20px,env(safe-area-inset-bottom))!important;box-sizing:border-box;overflow-y:auto!important}
 body.art-direction.figma-eight-column #mobile-site-menu .mobile-menu-heading{color:#343C51!important;margin:0 0 22px!important;flex-shrink:0}
 body.art-direction.figma-eight-column dialog#mobile-site-menu .mobile-menu-close{color:#343C51!important}
 body.art-direction.figma-eight-column #mobile-site-menu .mobile-menu-paper{position:relative;background:#FAF9F5!important;color:#343C51!important;padding:20px!important;margin:0 4px!important;transform:rotate(-1deg)!important;box-shadow:0 8px 22px #343c5114!important;flex-shrink:0}
 body.art-direction.figma-eight-column #mobile-site-menu .mobile-menu-links{gap:0!important}
 body.art-direction.figma-eight-column #mobile-site-menu .mobile-menu-links a{color:#343C51!important;min-height:48px!important;padding:12px 0!important;gap:12px!important;font-size:22px!important;line-height:26px!important;border-color:#343c5126!important;letter-spacing:-.6px!important}
 body.art-direction.figma-eight-column #mobile-site-menu .mobile-menu-links a:before{display:block!important;color:#343c5180!important;font-size:9px!important}
 body.art-direction.figma-eight-column #mobile-site-menu .menu-paperclip{display:block!important;position:absolute!important;right:18px!important;left:auto!important;top:-20px!important;width:18px!important;height:40px!important;transform:rotate(12deg)!important}
 body.art-direction.figma-eight-column #mobile-site-menu .menu-paperclip svg{width:100%;height:100%}
 body.art-direction.figma-eight-column #mobile-site-menu .menu-pushpin{display:none!important}
 body.art-direction.figma-eight-column #mobile-site-menu .mobile-menu-contact{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 24px!important;align-items:start!important;border:0!important;margin:28px 4px 24px!important;padding:0!important;flex-shrink:0}
 body.art-direction.figma-eight-column #mobile-site-menu .mobile-menu-contact>span{grid-column:1/-1;color:#343c51b3!important;margin:0 0 4px!important}
 body.art-direction.figma-eight-column #mobile-site-menu .mobile-menu-contact a{width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:0!important;gap:12px!important;color:#343C51!important;font-size:15px!important;font-weight:400!important}
 body.art-direction.figma-eight-column #mobile-site-menu .mobile-menu-legal{margin:auto 4px 0!important;padding-top:20px!important;max-width:none!important;color:#343c51b3!important;font-size:10px!important;line-height:15px!important;flex-shrink:0}
 body.art-direction.figma-eight-column #contact#contact .footer-bottom p:last-child{margin-bottom:0!important}
}
@media(max-width:700px){
 body.art-direction.figma-eight-column #about#about .author-ai-spread>.approved-profile-photo{grid-column:1/-1!important;justify-self:center!important;margin:0!important;width:60%!important;max-width:260px!important}
}
@media(min-width:1001px){
 /* Active direction = four columns; the other directions = two columns each. */
 body.art-direction.figma-eight-column #ai#ai#ai .ai-tishe-stages{gap:24px!important;width:100%!important}
 body.art-direction.figma-eight-column #ai#ai#ai .ai-tishe-stages .ai-tishe-stage{flex:0 0 calc((100% - 168px)/4 + 24px)!important;transition:flex-basis 600ms cubic-bezier(.22,1,.36,1)!important}
 body.art-direction.figma-eight-column #ai#ai#ai .ai-tishe-stages .ai-tishe-stage.is-active{flex-basis:calc((100% - 168px)/2 + 72px)!important}
 body.art-direction.figma-eight-column #ai#ai#ai .ai-tishe-stage :is(h3,p){width:calc((min(calc(100vw - 80px),1360px) - 168px)/2 + 72px)!important;max-width:none!important}
}
@media(min-width:1001px) and (prefers-reduced-motion:reduce){body.art-direction.figma-eight-column #ai#ai#ai .ai-tishe-stages .ai-tishe-stage{transition:none!important}}

.hero-mobile-portrait-group{display:none}
@media(max-width:600px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-mobile-portrait-group{display:block!important;position:absolute;right:6px;top:4px;width:112px}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-mobile-portrait-group .hero-scroll-portrait{position:relative!important;inset:auto!important;width:100%!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-mobile-portrait-group .hero-grid-note{position:static!important;margin:20px 0 0!important;width:100%!important;font-size:10px!important;line-height:15px!important;color:#faf9f5b3!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .promise{min-height:238px!important}
}
@media(max-width:360px){body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-mobile-portrait-group{width:98px;right:2px}body.art-direction.figma-eight-column #approved-hero#approved-hero .promise{min-height:220px!important}}

@media(max-width:750px){
 body.art-direction.figma-eight-column #mobile-site-menu .menu-paperclip:after,body.art-direction.figma-eight-column #mobile-site-menu .menu-paperclip:before{content:none!important;display:none!important}
 body.art-direction.figma-eight-column #mobile-site-menu .menu-paperclip{width:24px!important;height:50px!important;top:-22px!important;right:20px!important}
 body.art-direction.figma-eight-column #mobile-site-menu .mobile-menu-links a:before{color:#B7BE57!important;font-size:11px!important;font-weight:600!important}
}

@media(max-width:600px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero .promise>.cta{display:inline-flex!important;position:static!important;margin:24px 0 0!important;align-self:flex-start!important;transform:none!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-offer-group{order:1!important;align-self:stretch!important;border-top:1px solid #faf9f540!important;padding-top:24px!important;margin-top:28px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-work-navigation{order:2!important;border:0!important;padding-top:0!important;margin-top:24px!important;align-self:flex-start!important}
}
@media(max-width:700px){
 body.art-direction.figma-eight-column #about#about .author-ai-baseline .learning-link{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:max-content!important;max-width:100%!important;text-align:left!important;white-space:nowrap!important}
 body.art-direction.figma-eight-column #about#about .author-ai-baseline .learning-link svg{display:block!important;position:static!important;inset:auto!important;transform:none!important;translate:none!important;margin:0!important;flex:0 0 16px!important;width:16px!important;height:16px!important;align-self:center!important}
}
@media(max-width:700px){
 body.art-direction.figma-eight-column #about#about .author-ai-tool h2>.author-lime-emphasis{display:block!important}
 body.art-direction.figma-eight-column #about#about .author-ai-tool h2>br{display:none!important}
}

@media(max-width:750px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero .mobile-menu-toggle{margin-left:auto!important}
 body.art-direction.figma-eight-column #mobile-site-menu .mobile-menu-contact a.menu-write-me{grid-column:1/-1!important;display:inline-flex!important;justify-content:flex-start!important;align-items:center!important;width:max-content!important;min-height:46px!important;gap:18px!important;margin:4px 0 12px!important;padding:12px 14px!important;border:1px solid #3B1C3C!important;background:#B7BE57!important;color:#3B1C3C!important;box-shadow:3px 3px 0 #3B1C3C!important;border-radius:0!important;font:500 12px/1.2 Inter,Arial,sans-serif!important;letter-spacing:0!important}
 body.art-direction.figma-eight-column #mobile-site-menu .menu-write-me>span{display:flex!important;align-items:center;min-height:20px;border-left:1px solid #3B1C3C;padding-left:14px}
 body.art-direction.figma-eight-column #mobile-site-menu .menu-write-me svg{width:16px;height:16px;display:block}
}

@media(max-width:750px){body.art-direction.figma-eight-column #approved-hero#approved-hero nav>.header-telegram{display:none!important}}
@media(max-width:1000px){
 body.figma-eight-column .figma-rails{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:24px}
 body.figma-eight-column #about.author-ai-merged>.author-inherited-rails{inset-inline:24px!important}
}
@media(max-width:600px){
 body.figma-eight-column .figma-rails{gap:16px}
 body.figma-eight-column #about.author-ai-merged>.author-inherited-rails{inset-inline:20px!important}
}
@media(max-width:1000px) 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}
}
@media(prefers-reduced-motion:reduce){body.figma-eight-column .figma-rails .rail-current{display:none!important}}

body.art-direction.figma-eight-column #about#about .approved-profile-photo{position:relative;overflow:visible!important}
.portrait-paperclip{position:absolute;z-index:5;top:-15px;left:14px;width:24px;height:50px;transform:rotate(-12deg);pointer-events:none}
.portrait-paperclip svg{display:block;width:100%;height:100%;overflow:visible}
body.art-direction.figma-eight-column #approved-hero .hero-scroll-portrait{overflow:visible!important}
body.art-direction.figma-eight-column #approved-hero .portrait-paperclip{width:20px;height:42px;top:-14px;left:12px}
@media(max-width:1000px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero{isolation:isolate}
 body.art-direction.figma-eight-column #approved-hero .figma-rails{z-index:0!important}
 body.art-direction.figma-eight-column #approved-hero :is(.name,.showcase,.hero-role-labels){position:relative;z-index:1}
 body.figma-eight-column .figma-rails .rail-thread{stroke:rgb(250 249 245 / .10)!important}
 body.figma-eight-column .figma-rails .rail-current{stroke:rgb(250 249 245 / .38)!important}
}
@media(max-width:600px){
 body.art-direction.figma-eight-column #services#services .price-conclusion{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:24px!important}
 body.art-direction.figma-eight-column #services#services .price-conclusion>.service-cta{position:static!important;align-self:flex-start!important;margin:24px 0 0!important}
 body.art-direction.figma-eight-column #services#services .price-conclusion>.price-owned-note{margin:0!important}
 body.art-direction.figma-eight-column #approved-hero .portrait-paperclip{width:16px;height:34px;top:-11px;left:8px}
 body.art-direction.figma-eight-column #about .portrait-paperclip{width:20px;height:42px;top:-13px;left:12px}
}

body.art-direction.figma-eight-column #contact#contact .footer-bottom .portfolio-ai-credit{font:400 12px/18px Inter,Arial,sans-serif!important;letter-spacing:0!important;grid-column:1/-1!important;max-width:none!important;margin:16px 0 0!important;color:#FAF9F5!important;opacity:.7}
@media(max-width:600px){body.art-direction.figma-eight-column #contact#contact .footer-bottom .portfolio-ai-credit{font-size:11px!important;line-height:16px!important}}

/* Approved continuous lines: a single viewport layer, masked by real content. */
body.figma-eight-column .figma-rails:not(.whole-site-lines-preview){display:none!important}
body.figma-eight-column .figma-rails.whole-site-lines-preview{display:grid!important;position:fixed!important;inset:0 max(40px,calc((100vw - 1360px)/2))!important;z-index:9000!important;pointer-events:none;grid-template-columns:repeat(8,minmax(0,1fr));gap:24px;mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
body.figma-eight-column .whole-site-lines-preview .rail-thread{stroke:rgb(250 249 245 / .08)!important}
body.figma-eight-column .whole-site-lines-preview .rail-current{stroke:rgb(250 249 245 / .32)!important;animation:rail-current-flow 14s linear infinite!important;animation-delay:var(--rail-delay)!important;animation-play-state:running!important}
@media(max-width:1000px){body.figma-eight-column .figma-rails.whole-site-lines-preview{inset-inline:24px!important}}
@media(max-width:600px){body.figma-eight-column .figma-rails.whole-site-lines-preview{inset-inline:20px!important;gap:16px}}
@media(prefers-reduced-motion:reduce){body.figma-eight-column .whole-site-lines-preview .rail-current{animation:none!important;display:none!important}}
/* Legal footnote stays secondary to navigation and contact information. */
body.art-direction.figma-eight-column #contact#contact .footer-bottom p:not(.portfolio-ai-credit){font-family:Inter,Arial,sans-serif!important;font-size:10px!important;line-height:15px!important;font-weight:400!important;letter-spacing:0!important;max-width:760px!important;opacity:.65}
body.art-direction.figma-eight-column #mobile-site-menu .mobile-menu-legal{font-size:9px!important;line-height:13px!important;font-weight:400!important;letter-spacing:0!important}
@media(max-width:600px){body.art-direction.figma-eight-column #contact#contact .footer-bottom p:not(.portfolio-ai-credit){font-size:9px!important;line-height:13px!important}}
@media(max-width:750px){
 body.art-direction.figma-eight-column dialog#case-dialog>button.close{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;-webkit-appearance:none;appearance:none}
 body.art-direction.figma-eight-column dialog#case-dialog>button.close:focus-visible{outline:0!important;box-shadow:none!important;text-decoration:underline;text-underline-offset:4px}
}
/* Header must not be trapped in the Hero's stacking context. */
body.art-direction.figma-eight-column #approved-hero#approved-hero{isolation:auto!important}
body.art-direction.figma-eight-column #approved-hero#approved-hero>nav{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;z-index:10020!important;transform:none!important;translate:none!important;background:#FAF9F5!important}
body.figma-eight-column .figma-rails.whole-site-lines-preview{display:block!important;mask-image:none!important;-webkit-mask-image:none!important;transform:translateZ(0);backface-visibility:hidden}
body.figma-eight-column .whole-site-lines-preview svg.site-lines-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible;display:block}
@media(max-width:1100px){
 body.art-direction.figma-eight-column #work#work .folder-info .case-study-number{display:block!important;position:static!important;inset:auto!important;transform:none!important;translate:none!important;grid-column:1/-1!important;grid-row:1!important;opacity:1!important;align-self:start!important;justify-self:start!important;font:400 11px/16px Inter,Arial,sans-serif!important;color:#B7BE57!important;margin:0 0 4px!important}
 body.art-direction.figma-eight-column #work#work .folder-info strong{grid-row:2!important;grid-column:1!important}
 body.art-direction.figma-eight-column #work#work .folder-info .case-open-label{grid-row:2!important;grid-column:2!important;align-self:start!important;margin-top:6px!important}
 body.art-direction.figma-eight-column #work#work .folder-info small{grid-row:3!important;grid-column:1/-1!important}
 body.art-direction.figma-eight-column #work#work .folder-info .case-technical{grid-row:4!important;grid-column:1/-1!important}
 body.art-direction.figma-eight-column #work#work .folder-info .case-grid-note{grid-row:5!important;grid-column:1/-1!important}
}
@media(max-width:750px){
 body.art-direction.figma-eight-column #about#about .author-ai-baseline .learning-link,body.art-direction.figma-eight-column #about#about .author-ai-baseline .learning-link:is(:focus,:active,:hover){border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;-webkit-appearance:none;appearance:none}
 body.art-direction.figma-eight-column #about#about .author-ai-baseline .learning-link:focus-visible{text-decoration:underline;text-underline-offset:4px}
}
@media(max-width:750px){
 body.art-direction.figma-eight-column dialog.learning-dialog .learning-close,body.art-direction.figma-eight-column dialog.learning-dialog .learning-close:is(:focus,:active,:hover){border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;-webkit-appearance:none;appearance:none}
 body.art-direction.figma-eight-column dialog.learning-dialog .learning-close:focus-visible{text-decoration:underline;text-underline-offset:4px}
}
@media(max-width:1000px){body.art-direction.figma-eight-column #ai#ai#ai .ai-tishe-stage h3>span{color:#B7BE57!important}}

@media(max-width:1100px){
 body.art-direction.figma-eight-column #work#work .folder-info{margin-top:16px!important;row-gap:4px!important}
 body.art-direction.figma-eight-column #work#work .folder-info .case-study-number{margin:0!important;line-height:14px!important}
}
@media(max-width:600px){
 body.art-direction.figma-eight-column #work#work .folder-info{margin-top:12px!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-mobile-portrait-group{transform:translate3d(0,var(--mobile-photo-travel,0px),0);will-change:transform}
}
@media(prefers-reduced-motion:reduce){body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-mobile-portrait-group{transform:none!important;will-change:auto}}

@keyframes mobile-portrait-native-travel{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-120px,0)}}
@media(max-width:600px) and (prefers-reduced-motion:no-preference){
 @supports (animation-timeline:scroll()) and (animation-range:0px 546px){
  body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-mobile-portrait-group.native-scroll-portrait{animation:mobile-portrait-native-travel 1s linear both!important;animation-timeline:scroll(root block)!important;animation-range:0px 546px!important}
 }
}

/* Agreements never wait for an outgoing panel to fade before showing a new one. */
body.art-direction.figma-eight-column #trust#trust .agreement-panel:not(.is-active){display:none!important;opacity:0!important;visibility:hidden!important;transition:none!important}
body.art-direction.figma-eight-column #trust#trust .agreement-panel.is-active,body.art-direction.figma-eight-column #trust#trust .agreement-panel.is-active.is-leaving{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}

@media(prefers-reduced-motion:no-preference){
 body.art-direction.figma-eight-column #process.process-scroll .step>span{transition:font-size 180ms cubic-bezier(.2,.7,.3,1),color 150ms ease!important}
 body.art-direction.figma-eight-column #process .process-progress button{transition:opacity 120ms ease,color 120ms ease!important}
}
/* 22 Oct: clearer formats, honest starting prices and fewer repeated statements. */
body.art-direction.figma-eight-column #services#services .service-price{display:flex!important;align-items:baseline!important;gap:8px!important;white-space:nowrap!important}
body.art-direction.figma-eight-column #services#services .service-price strong{font-size:clamp(48px,5.3vw,76px)!important;line-height:1!important;font-weight:500!important;font-variation-settings:"wght" 500!important;letter-spacing:-3px!important}
body.art-direction.figma-eight-column #services#services .service-price>.price-from{font-size:16px!important;max-width:none!important}
body.art-direction.figma-eight-column #services#services .service-price>.price-currency{font-size:24px!important;max-width:none!important}
body.art-direction.figma-eight-column #services#services .service-duration{order:4!important;margin:16px 0 0!important;font-size:12px!important;line-height:18px!important;opacity:.75}
body.art-direction.figma-eight-column #services#services .service-content>.service-cta{order:5!important}
body.art-direction.figma-eight-column #services#services .price-conclusion>.services-common{grid-column:1/-1!important;width:100%!important;max-width:none!important;margin:0 0 16px!important}
body.art-direction.figma-eight-column #services#services .price-owned-note{grid-column:1/-1!important;width:100%!important;max-width:none!important;margin:0!important}
body.art-direction.figma-eight-column #work#work .case-interface-cover .gallery-mockup{display:none!important}
body.art-direction.figma-eight-column #work#work .case-interface-cover .case-image-window{aspect-ratio:16/9!important;background:#343C51!important}
body.art-direction.figma-eight-column #work#work .case-interface-cover .project-interface-crop{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;transition:transform 240ms ease!important}
body.art-direction.figma-eight-column #about#about .author-ai-copy>.author-ai-baseline{display:block!important;margin-top:24px!important}
body.art-direction.figma-eight-column #about#about .author-ai-copy .approved-profile-credentials{width:100%!important;max-width:none!important;margin:0!important}
body.art-direction.figma-eight-column #contact#contact .footer-invitation>p{margin:0 0 24px!important}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){body.art-direction.figma-eight-column #work#work .case-interface-cover:hover .project-interface-crop{transform:scale(1.015)}}
@media(max-width:600px){
 body.art-direction.figma-eight-column #services#services .service-price strong{font-size:60px!important;letter-spacing:-2px!important}
 body.art-direction.figma-eight-column #services#services .price-conclusion>.services-common{margin:0!important}
}

body.art-direction.figma-eight-column #work#work .case-interface-cover[data-project="airpods"] .case-image-window{aspect-ratio:2938/1504!important}
body.art-direction.figma-eight-column #work#work .case-interface-cover[data-project="meridian"] .case-image-window{aspect-ratio:2938/1594!important}
body.art-direction.figma-eight-column #work#work .case-interface-cover .project-interface-crop{object-position:left top!important}
@media(min-width:1001px){
 /* Skii keeps its small editorial role after the order changes. */
 body.art-direction.figma-eight-column #work .folder[data-project="ski"]{grid-column:1/span 2!important;grid-row:3!important;align-self:end!important}
 body.art-direction.figma-eight-column #work .folder[data-project="vino"]{grid-column:4/span 5!important;grid-row:3!important;align-self:start!important}
}
@media(min-width:601px) and (max-width:1000px){
 body.art-direction.figma-eight-column #work .folder[data-project="ski"]{grid-column:1/span 3!important;grid-row:3!important;align-self:end!important}
 body.art-direction.figma-eight-column #work .folder[data-project="vino"]{grid-column:5/span 8!important;grid-row:3!important;align-self:start!important}
}
@media(max-width:600px){body.art-direction.figma-eight-column #work .folder[data-project="ski"]{grid-column:2/span 3!important}}
/* The footer invitation is one semantic group: copy → action → channel. */
body.art-direction.figma-eight-column #contact#contact .footer-invitation{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important}
body.art-direction.figma-eight-column #contact#contact .footer-invitation>p{width:100%!important;max-width:560px!important;margin:0 0 24px!important;align-self:flex-start!important}
body.art-direction.figma-eight-column #contact#contact .footer-invitation>.project-cta{position:static!important;align-self:flex-start!important;margin:0!important;grid-area:auto!important}
body.art-direction.figma-eight-column #contact#contact .footer-invitation>.footer-channel-note{margin:12px 0 0!important;align-self:flex-start!important}
body.figma-eight-column #work#work .case-interface-cover .portfolio-live-preview{object-position:left top!important}
@media(max-width:600px){
 body.figma-eight-column .whole-site-lines-preview .rail-current{stroke:rgb(250 249 245 / .10)!important;stroke-dasharray:28 1172!important}
}
/* Scroll-translated projects may extend beyond the untransformed section box. */
body.art-direction.figma-eight-column #work#work{overflow:visible!important}
/* Give the second portrait breathing room above the AI panels without changing its grid slot. */
body.art-direction.figma-eight-column #about#about .author-ai-spread>.approved-profile-photo{top:-32px!important}
@media(max-width:750px){body.art-direction.figma-eight-column #about#about .author-ai-spread>.approved-profile-photo{top:-20px!important}}
/* Certificate link is one inline group at every breakpoint, not a full-width row. */
body.art-direction.figma-eight-column #about#about .author-ai-baseline .learning-link{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:fit-content!important;max-width:100%!important;white-space:nowrap!important;position:relative!important}
body.art-direction.figma-eight-column #about#about .author-ai-baseline .learning-link>.ui-arrow{position:static!important;inset:auto!important;display:block!important;flex:0 0 16px!important;width:16px!important;height:16px!important;margin:0!important;align-self:center!important;transform:none!important;translate:none!important}
/* Tablet/touch layouts keep the editorial grid without desktop parallax collisions. */
@media(max-width:1199px),(hover:none),(pointer:coarse){
 body.art-direction.figma-eight-column #work#work .project-grid>.folder{translate:none!important;will-change:auto!important;transition:translate 0s!important}
}
/* Tablet prices share a two-line title zone, so wrapping cannot lower one amount. */
@media(min-width:601px) and (max-width:1199px){
 body.art-direction.figma-eight-column #services#services .service-title{min-height:calc(var(--line-subtitle) * 2)!important;align-items:flex-start!important}
 body.art-direction.figma-eight-column #services#services .service-title h3{margin-top:0!important;margin-bottom:0!important}
}
/* Formats are peers: shared title baseline and price baseline in the three-column layout. */
@media(min-width:601px){
 body.art-direction.figma-eight-column #services#services .price-edition{align-self:start!important;margin-top:0!important;padding-top:16px!important}
 body.art-direction.figma-eight-column #services#services .service-content{justify-content:flex-start!important;align-self:start!important}
 body.art-direction.figma-eight-column #services#services .service-title{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;min-height:calc(var(--line-subtitle) * 2)!important;margin:0 0 15px!important;padding:0!important;transform:none!important;translate:none!important}
 body.art-direction.figma-eight-column #services#services .service-title h3{align-self:flex-start!important;margin:0!important;padding:0!important;transform:none!important;translate:none!important}
}
/* Tablet touch: choose a direction with a tap and read its content in place. */
@media(min-width:601px) and (max-width:1000px){
 body.art-direction.figma-eight-column #ai#ai#ai .ai-tishe-stages{display:flex!important;align-items:flex-start!important;gap:16px!important}
 body.art-direction.figma-eight-column #ai#ai#ai .ai-tishe-stages .ai-tishe-stage{display:block!important;min-width:0!important;flex:1 1 0!important;transition:flex-grow 450ms cubic-bezier(.22,1,.36,1)!important}
 body.art-direction.figma-eight-column #ai#ai#ai .ai-tishe-stages .ai-tishe-stage.is-active{flex-grow:3!important}
 body.art-direction.figma-eight-column #ai#ai#ai .ai-tishe-stage .ai-tishe-image{width:100%!important}
 body.art-direction.figma-eight-column #ai#ai#ai .ai-tishe-stage :is(h3,p){width:100%!important;max-width:none!important;visibility:hidden!important;opacity:0!important}
 body.art-direction.figma-eight-column #ai#ai#ai .ai-tishe-stage.is-active :is(h3,p){visibility:visible!important;opacity:1!important}
 body.art-direction.figma-eight-column #ai#ai#ai .ai-tishe-stage:not(.is-active) .ai-tishe-image:after{opacity:.68!important}
}
@media(prefers-reduced-motion:reduce){body.art-direction.figma-eight-column #ai#ai#ai .ai-tishe-stage{transition:none!important}}
/* Tablet retains individual project lift, at 28% of desktop amplitude. */
@media(min-width:601px) and (max-width:1199px),(min-width:601px) and (pointer:coarse){
 body.art-direction.figma-eight-column #work#work .project-grid>.folder{translate:0 var(--project-lift,0px)!important;will-change:translate!important;transition:translate 0s!important}
}
@supports(animation-timeline:scroll()){
 @media(min-width:601px) and (max-width:1199px),(min-width:601px) and (pointer:coarse){
  body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-scroll-portrait.native-tablet-portrait{animation:tablet-portrait-travel 1s linear both!important;animation-timeline:scroll(root block)!important;animation-range:0px 800px!important;transition:none!important;will-change:translate;transform:rotate(-8deg)!important}
 }
}
@keyframes tablet-portrait-travel{from{translate:0 0}to{translate:0 -176px}}
@media(prefers-reduced-motion:reduce){body.art-direction.figma-eight-column #work#work .project-grid>.folder{translate:none!important;will-change:auto!important}body.art-direction.figma-eight-column #approved-hero#approved-hero .native-tablet-portrait{animation:none!important;transform:rotate(-8deg)!important}}
/* Tighter name lockup on tablet; desktop and phone keep their current rhythm. */
@media(min-width:601px) and (max-width:1199px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero .name-word:last-child{margin-top:0!important}
}
@media(min-width:1001px) and (max-width:1199px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero{grid-template-rows:70px 86px 120px 174px 100px 158px!important}
}
@media(min-width:1001px) and (max-width:1199px) and (max-height:850px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero{grid-template-rows:70px 30px 112px 124px 86px 130px!important;min-height:0!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-offer-group>.cta{margin-top:24px!important}
}
/* Tablet lockup: breathing room below role label, desktop-like line rhythm. */
@media(min-width:1001px) and (max-width:1199px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero{grid-template-rows:70px 58px 124px 130px 86px 130px!important;min-height:0!important}
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-offer-group>.cta{margin-top:24px!important}
}
@media(min-width:1001px) and (max-width:1199px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-work-navigation{grid-column:3/span 2!important;justify-self:end!important;align-self:end!important}
}
@media(min-width:1001px) and (max-width:1199px){
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-grid-note,
 body.art-direction.figma-eight-column #approved-hero#approved-hero .hero-work-navigation{grid-column:3/span 2!important;justify-self:start!important;margin-left:16px!important}
}