@font-face{font-family:Inter;src:url(Inter-400.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(Inter-600.ttf) format('truetype');font-style:normal;font-weight:600;font-display:swap}
/* Instagram Post / Figma 2:74. Fixed 360px master and 240px compact preset. */
.post-canonical{--post-width:360px;--post-scale:1}
.ig-card.post-canonical,.client-showcase .ig-card.post-canonical,.service-preview .ig-card.post-canonical,.post-canonical.fitted-instagram{width:var(--post-width)!important;min-width:var(--post-width)!important;max-width:var(--post-width)!important;flex-shrink:0!important;height:auto!important;border:1px solid #D9DAD7;border-radius:12px;font-family:Inter,sans-serif!important;box-sizing:border-box}
.post-canonical .ig-head{height:auto!important;min-height:0!important;display:flex!important;align-items:center;gap:calc(8px * var(--post-scale))!important;padding:calc(12px * var(--post-scale))!important;font:400 calc(14px * var(--post-scale))/1.45 Inter,sans-serif!important}
.post-canonical .ig-head>img{width:calc(32px * var(--post-scale))!important;height:calc(32px * var(--post-scale))!important;border-radius:50%;flex-shrink:0;object-fit:contain!important}
.post-canonical .ig-head>span:nth-child(2){display:flex;flex-direction:column;flex:0 0 calc(244px * var(--post-scale));width:calc(244px * var(--post-scale));min-width:0;margin:0!important;line-height:1.45}
.post-canonical .ig-head b{font:600 calc(14px * var(--post-scale))/1.45 Inter,sans-serif!important}
.post-canonical .ig-head small{font:400 calc(12px * var(--post-scale))/1.45 Inter,sans-serif!important}
.post-canonical .ig-head>span:last-child{flex:0 0 calc(20px * var(--post-scale));width:calc(20px * var(--post-scale));white-space:nowrap;font:400 calc(9px * var(--post-scale))/1.45 Inter,sans-serif!important;margin:0!important;letter-spacing:0}
.post-canonical .ig-image,#after-story .post-canonical .ig-image,#mitch-story .post-canonical .ig-image{position:relative;flex:none!important;aspect-ratio:3/4!important;height:auto!important;width:100%!important}
.post-canonical[data-media-ratio=landscape] .ig-image{aspect-ratio:3/2!important}
.post-canonical .ig-image>img{object-fit:contain!important;aspect-ratio:inherit;width:100%!important;height:100%!important}
.post-canonical .ig-number{right:calc(12px * var(--post-scale));top:calc(12px * var(--post-scale));background:#242624;border-radius:16px;padding:calc(4px * var(--post-scale));min-width:calc(44px * var(--post-scale));text-align:center;font:400 calc(12px * var(--post-scale))/1.45 Inter,sans-serif;color:white}
.post-canonical .ig-icons{position:relative;display:flex!important;align-items:center;gap:calc(12px * var(--post-scale))!important;padding:calc(12px * var(--post-scale))!important;height:calc(48px * var(--post-scale))!important;min-height:0!important}
.post-canonical .post-action-icon{display:block;object-fit:contain;width:calc(24px * var(--post-scale));height:calc(24px * var(--post-scale));flex:none;max-width:none}
.post-canonical .post-save{margin-left:auto}
.post-canonical .post-pagination{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0;display:flex;gap:calc(4px * var(--post-scale));align-items:center;justify-content:center}
.post-canonical .post-pagination i{display:block;flex:none;width:calc(5px * var(--post-scale));height:calc(5px * var(--post-scale));min-width:calc(5px * var(--post-scale));min-height:calc(5px * var(--post-scale));border-radius:50%;background:#D9DAD7}
.post-canonical .post-pagination i.selected{background:#3E5870}
.post-canonical .ig-caption,#after-story .post-canonical .ig-caption,#mitch-story .post-canonical .ig-caption{display:block!important;overflow:visible!important;white-space:normal;-webkit-line-clamp:unset;min-height:0!important;margin:0!important;padding:calc(12px * var(--post-scale))!important;font:400 calc(14px * var(--post-scale))/1.45 Inter,sans-serif!important;letter-spacing:0;color:#242624}
.post-canonical .ig-caption b{font-weight:400}.post-canonical .ig-caption>span{color:#3E5870}
#note-post,#mitch-note-post{width:360px!important}
.hero-site-preview{transform:translateX(-50%);border-radius:8px}
/* Each service has one media column and one coherent copy/action column. */
.service-preview{padding:56px 0!important}
.service-pin{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:48px;align-items:center!important}
.service-media,.service-copy{min-width:0}
.service-copy>.eyebrow{margin:0 0 18px!important}.service-copy h3{margin:0 0 22px;font-size:42px;line-height:1.13}
.service-copy>p{font-size:17px;line-height:1.65;max-width:520px;margin:0}
.service-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:26px}
.service-actions .showcase-contact{grid-column:auto}
.service-media>.outcome-visual{height:auto!important;min-height:0!important;overflow:visible!important;margin:0;padding:0;position:relative}
.service-media .client-web-tour{height:480px}
.service-media-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;padding-top:14px}
.service-media-footer .action-link{font-size:13px}
.service-media .social-preview-canvas{height:800px!important;min-height:800px!important;background:#DCD3C3;border-radius:16px}
.social-preview-canvas .post-canonical{position:absolute!important;top:50%;left:50%;margin:0!important}
.dev-motion-controls{display:inline-flex;align-items:center;justify-content:center;gap:0;grid-column:auto;margin:16px 0 0;padding:4px;border:1px solid #BCAE9980;border-radius:7px;background:#F4F0E8}
.dev-motion-controls button,.dev-motion-controls button+button{min-height:40px;min-width:76px;padding:9px 15px;border:0;border-radius:4px;background:transparent;box-shadow:none;color:#514D3C;font:500 12px/1.4 Jakarta,sans-serif;letter-spacing:.015em;transform:none}
.dev-motion-controls button+button{border-left:1px solid #BCAE9960;border-radius:0 4px 4px 0}
.dev-motion-controls button:hover,.dev-motion-controls button+button:hover{background:#DCD3C380;box-shadow:none;transform:none;color:#514D3C}
.dev-motion-controls button[aria-pressed=true]{background:#DCD3C3;border:0}
.service-media-footer .dev-motion-controls,.client-tour-card .dev-motion-controls{margin:0}
.client-showcase .dev-motion-controls{display:flex;width:fit-content;margin:20px auto 0}
.project-visual.client-showcase{padding:24px;overflow:visible}
.client-showcase-stage{min-height:530px;align-items:center}
.client-showcase[data-client=ivy] .client-showcase-stage{min-height:760px}
.client-showcase[data-client=ivy] .client-desktop-screen{aspect-ratio:auto;height:610px}
.client-showcase .showcase-caption{margin-top:14px;font-size:12px;line-height:1.6}
.case-actions{margin-top:26px}.case-primary-actions,.case-external-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.case-external-actions{margin-top:10px;padding-top:12px;border-top:1px solid #BCAE9960}
.case-external-actions .action-link{font-size:13px}
.project-copy h3{line-height:1.15}
.client-post-host,.social-preview-canvas,.note-sequence-stage{container-type:inline-size}
@container(max-width:380px){
 .post-canonical{--post-width:240px;--post-scale:.666666667}
 #note-post,#mitch-note-post{width:240px!important}
}
@media(max-width:760px){
 .post-canonical{--post-width:240px;--post-scale:.666666667}
 #note-post,#mitch-note-post{width:240px!important}
 .service-pin{display:flex!important;flex-direction:column;align-items:stretch!important;gap:26px}
 .service-copy h3{font-size:34px}.service-copy>p{font-size:16px}
 .service-preview{padding:35px 0!important}
 .service-media .client-web-tour{height:360px}
 .service-media .social-preview-canvas{height:550px!important;min-height:550px!important}
 .service-media-footer{justify-content:center}
 .project-visual.client-showcase{padding:16px}
 .client-showcase-stage{min-height:360px}
 .client-showcase[data-client=ivy] .client-showcase-stage{min-height:520px}
 .client-showcase[data-client=ivy] .client-desktop-screen{height:430px}
}
@media(prefers-reduced-motion:reduce){
 .dev-motion-controls{display:none!important}
 .service-media .social-preview-canvas{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column;align-items:center;gap:24px;padding:24px 0}
 .social-preview-canvas .post-canonical{position:relative!important;top:auto;left:auto;transform:none!important;opacity:1!important}
 .client-showcase-stage,.client-showcase[data-client=ivy] .client-showcase-stage{min-height:0}
}