/* Shared portfolio refinements: readable headings, compact CTAs, reliable destinations. */
:root{--aw-heading-tracking:-.02em;--aw-anchor-offset:110px;--aw-cta-ink:#083f34;--aw-cta-border:#8aa89c;--aw-cta-bg:#edf5ef}
:where(main,section,article,aside,div,h1,h2,h3)[id]{scroll-margin-top:var(--aw-anchor-offset)}
.legacy-anchor{inset-block-start:0;scroll-margin-top:var(--aw-anchor-offset)}
#serviceCampaigns{scroll-margin-top:var(--aw-anchor-offset)}
.workroom-page h1,.workroom-page h2,.workroom-page h3{font-kerning:normal;letter-spacing:var(--aw-heading-tracking)!important}
.workroom-page .workroom-intro h1{font-size:clamp(3.3rem,7.2vw,7rem);line-height:1.02;max-width:12ch}
.workroom-page .projection-copy h2,.workroom-page .proof-side h2,.workroom-page .social-caption h2{line-height:1.08}
.workroom-page .work-channel strong{letter-spacing:0}
.page-case-study .case-study-hero h1,.page-case-study .case-study-section h2,.page-case-study .case-study-outcome h2{letter-spacing:var(--aw-heading-tracking);line-height:1.04}
/* Action links retain link semantics; navigation and inline references are not converted. */
body :is(.cta-compact,.text-link,.projection-copy>a,.focus-actions>a:not(.button-primary),.focus-back,.wire-player>a,.collection-service,.live-links>a,.case-study-next>a,.back-link,.capability-example-link,.capability-service-link,.project-service-bridge-link,.studio-link>a,.page-home .home-inline-actions>a:not(.button),.hero-secondary-action,.choice-section .section-heading>a,.about-link,.return-to-desk){display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:fit-content;max-width:100%;min-height:36px;padding:.43rem .72rem;border:1px solid var(--aw-cta-border);border-radius:7px;background:var(--aw-cta-bg);color:var(--aw-cta-ink);font-size:.95rem;font-weight:700;line-height:1.25;text-align:center;text-decoration:none!important;box-shadow:none;vertical-align:middle;transition:background .15s ease,border-color .15s ease}
body :is(.cta-compact,.text-link,.projection-copy>a,.focus-actions>a:not(.button-primary),.focus-back,.wire-player>a,.collection-service,.live-links>a,.case-study-next>a,.back-link,.studio-link>a):hover{background:#d9ece2;border-color:#366b57;text-decoration:none!important}
body :is(.cta-compact,.text-link,.projection-copy>a,.focus-actions>a,.focus-back,.wire-player>a,.collection-service,.live-links>a,.case-study-next>a,.back-link,.studio-link>a):focus-visible{outline:3px solid #278f79;outline-offset:3px;text-decoration:none!important}
body .text-link::after{display:none}
body .website-project-actions .cta-compact.cta-primary,body .website-collection-footer>.cta-compact.cta-primary,body .social-collection-footer .cta-compact.cta-primary{background:#083f34;border-color:#083f34;color:#fff}
body .website-project-actions .cta-compact.cta-primary:hover,body .website-collection-footer>.cta-compact.cta-primary:hover,body .social-collection-footer .cta-compact.cta-primary:hover{background:#155c4d}
.page-services .service-offering-meta .service-proof-link,.page-services .service-performance .service-offering-meta .service-proof-link,.page-services .service-offering-meta .service-proof-link:link,.page-services .service-offering-meta .service-proof-link:visited{display:inline-flex!important;align-items:center!important;min-height:36px!important;padding:.43rem .72rem!important;border:1px solid #8aa89c!important;border-radius:7px!important;background:#edf5ef!important;color:#083f34!important;-webkit-text-fill-color:#083f34!important;line-height:1.25!important;text-decoration:none!important;box-shadow:none!important}
.page-services .service-offering-meta .service-proof-link:hover,.page-services .service-performance .service-offering-meta .service-proof-link:hover,.page-services .service-offering-meta .service-proof-link:focus-visible{background:#d9ece2!important;border:1px solid #366b57!important;text-decoration:none!important}
#panel-video .collection-service{border-color:#e2c766;background:#132d59;color:#ffe28a!important}#panel-video .collection-service:hover{background:#234b80}
#panel-live .live-links{justify-content:flex-start;flex-wrap:wrap;gap:10px}#panel-live .live-links a{border-color:#679a91;background:#163735;color:#b9eee2!important}#panel-live .live-links a:hover{background:#24534b}
/* Show complete images rather than filling their frames by cropping. */
.workroom-page .projection-image-wrap img,.workroom-page .proof-stage>img,.workroom-page .project-picker img,.workroom-page .screenshot-grid img{object-fit:contain}
.workroom-page .proof-stage>img{height:auto;min-height:0;align-self:center}
.page-home .home-project-card figure img,.page-home .home-situations figure img,.service-tile figure img{object-fit:contain}
/* Websites: all three projects are visible immediately on desktop and stacked on smaller screens. */
.website-collection-page .website-collection-hero{padding-bottom:30px}.website-collection-page .website-collection-hero h1{max-width:23ch}
.website-project-grid{max-width:1320px;margin:0 auto;padding:0 clamp(1.25rem,5vw,5rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.website-project-card{min-width:0;border:1px solid #bccbbf;border-radius:12px;background:#fffdf7;display:flex;flex-direction:column;overflow:hidden}
.website-project-heading{padding:22px 20px 18px;min-height:142px}.website-project-heading .eyebrow{font-size:.76rem;line-height:1.4;margin:0 0 10px}.website-project-heading h2{font-size:clamp(1.55rem,2.5vw,2rem);line-height:1.12;margin:0;color:#083f34;overflow-wrap:normal}
.website-project-shot{margin:0;background:#e8ede4;border-top:1px solid #d4ddd1;border-bottom:1px solid #d4ddd1}.website-project-shot>a{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/10;padding:10px;background:#e8ede4}.website-project-shot img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center}
.website-project-shot figcaption{padding:0 12px 12px;text-align:right}.website-project-shot figcaption .cta-compact{font-size:.8rem;min-height:30px;padding:.3rem .55rem;background:#f8fbf4}
.website-project-copy{padding:20px;flex:1;display:flex;flex-direction:column;align-items:start}.website-project-copy>p{font-size:1rem;line-height:1.6;margin:0 0 16px;color:#36584a}.website-project-copy>.website-project-role{font-size:.83rem;line-height:1.5;color:#536e60;padding-top:12px;border-top:1px solid #dce5d7}.website-project-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.website-project-actions .cta-compact{font-size:.86rem;text-align:left}
.website-collection-footer{max-width:1160px;width:calc(100% - clamp(2.5rem,10vw,10rem));margin:32px auto 0;padding:22px 24px;border:1px solid #afc5b7;border-radius:10px;background:#e3eee4;display:flex;align-items:center;justify-content:space-between;gap:24px}.website-collection-footer h2{font-size:1.45rem;line-height:1.2;margin:0 0 6px}.website-collection-footer p{margin:0;font-size:1rem;line-height:1.5;max-width:62ch;color:#36584a}.website-collection-footer>.cta-compact{flex-shrink:0}.website-related-actions{max-width:1320px;margin:0 auto;padding:20px clamp(1.25rem,5vw,5rem) 64px;display:flex;gap:10px;flex-wrap:wrap}
/* Every Instagram embed is requested automatically, without a load/hide control. */
.social-project-grid{max-width:1320px;margin:12px auto 0;padding:0 clamp(1.25rem,3vw,3rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.social-post-card{min-width:0;background:#fff;border:1px solid #c5d2c8;border-radius:12px;overflow:hidden}.social-post-card>header{padding:20px;min-height:208px;position:static;background:#fff}.social-post-card>header .eyebrow{font-size:.75rem;line-height:1.4;margin:0 0 10px;color:#12766b}.social-post-card h2{font-size:1.55rem;line-height:1.15;margin:0 0 12px;color:#083f34}.social-post-card>header p:not(.eyebrow){font-size:.96rem;line-height:1.5;margin:0;color:#426350}.social-post-embed{background:#fff;border-top:1px solid #dde5de;border-bottom:1px solid #dde5de}.social-post-embed iframe{width:100%;height:680px;border:0;display:block;background:#fff}.social-post-actions{padding:14px 18px}.social-collection-footer{max-width:1320px;margin:0 auto;padding:16px clamp(1.25rem,3vw,3rem) 64px}.social-collection-footer .embed-help{font-size:.9rem;color:#526d5d;line-height:1.5}.social-collection-footer .focus-actions{padding:12px 0;gap:10px}
.music-actions .music-player-shortcut{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:90px;padding:18px;border:1px solid #a6bbac;border-radius:10px;background:#f4f7ed;color:#143c30;font:inherit;text-align:left;cursor:pointer}.music-actions .music-player-shortcut small{font-size:.8rem}.music-actions .music-player-shortcut strong{font-size:1.1rem}
@media(max-width:1100px){.website-project-grid{grid-template-columns:1fr;max-width:800px}.website-project-heading{min-height:0}.website-project-heading h2{font-size:2rem}.website-project-shot>a{aspect-ratio:auto;padding:12px}.website-project-shot img{height:auto;max-height:440px}.website-project-copy{padding:22px}.social-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.website-collection-footer{max-width:640px}.website-related-actions{max-width:800px}}
@media(max-width:760px){:root{--aw-anchor-offset:92px}.workroom-page .workroom-intro h1{font-size:clamp(3rem,12vw,3.75rem);line-height:1.04}.website-project-grid{padding:0 16px;gap:20px}.website-project-heading{padding:20px 18px 16px}.website-project-heading h2{font-size:1.85rem}.website-project-copy{padding:18px}.website-project-shot>a{padding:8px}.website-collection-footer{width:calc(100% - 32px);padding:20px;display:block;margin-top:24px}.website-collection-footer>.cta-compact{margin-top:16px}.website-related-actions{padding:20px 16px 40px}.social-project-grid{grid-template-columns:minmax(0,1fr);padding:0 16px;gap:24px}.social-post-card>header{min-height:0;padding:18px}.social-post-embed iframe{height:650px}.social-collection-footer{padding:14px 16px 40px}.case-study-next{flex-wrap:wrap}}
@media(pointer:coarse){body :is(.cta-compact,.text-link,.projection-copy>a,.focus-back,.wire-player>a,.collection-service,.live-links>a,.case-study-next>a,.back-link,.studio-link>a){min-height:44px}}
@media(prefers-reduced-motion:reduce){body :is(.cta-compact,.text-link,.projection-copy>a,.focus-back,.wire-player>a,.collection-service,.live-links>a){transition:none}}

/* AI Schools mobile interaction deck */
@media(max-width:820px){
.timeback-page .mobile-bar{grid-template-columns:1fr auto;min-height:58px;padding:7px 14px;gap:10px}
.timeback-page .mobile-bar img{display:none}
.timeback-page .mobile-bar span{font-size:18px}
.timeback-page .mobile-bar b{padding:8px 11px;font-size:12px}
.timeback-page .story-scene{scroll-margin-top:58px}
.timeback-page .artifact-player{display:flex;flex-direction:column;overflow:visible;border-radius:22px;background:var(--paper)}
.timeback-page .artifact-guide{order:1;position:sticky;top:58px;z-index:35;min-height:0;padding:10px 12px;background:rgba(6,60,51,.985);border-radius:20px 20px 0 0;box-shadow:0 10px 24px rgba(6,60,51,.18)}
.timeback-page .artifact-guide .guide-label{display:none}
.timeback-page .artifact-guide ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.timeback-page .artifact-guide li,.timeback-page .artifact-guide li:first-child{border:0}
.timeback-page .artifact-guide button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:7px 4px;border:1px solid rgba(255,255,255,.18);border-radius:11px;color:rgba(255,255,255,.72);text-align:center}
.timeback-page .artifact-guide button span{grid-row:auto;padding:0;color:var(--gold);font-size:11px}
.timeback-page .artifact-guide button b{font-size:14px;line-height:1.05}
.timeback-page .artifact-guide button small{display:none}
.timeback-page .artifact-guide li.is-active button{border-color:var(--aqua);background:var(--aqua);color:var(--deep)}
.timeback-page .artifact-guide li.is-active button span,.timeback-page .artifact-guide li.is-active button b{color:var(--deep)}
.timeback-page .artifact-guide .player-controls{display:none}
.timeback-page .artifact-stage{order:2;padding:14px;background:#e9eee8}
.timeback-page .artifact-stage-head{align-items:flex-start;gap:9px;margin-bottom:12px}
.timeback-page .artifact-stage-head span{font-size:13px;white-space:nowrap}
.timeback-page .artifact-stage-head strong{font-size:22px;line-height:1.05}
.timeback-page .artifact-stage img{aspect-ratio:auto;height:auto;max-height:52dvh;object-fit:contain;background:#fff}
.timeback-page .artifact-stage figcaption{min-height:0;padding:13px 15px;font-size:14px;line-height:1.42}
.timeback-page .lab-player{display:flex;flex-direction:column;overflow:visible;border-radius:22px;background:var(--paper)}
.timeback-page .lab-progress{order:1;border-radius:22px 22px 0 0;overflow:hidden}
.timeback-page .lab-controls{order:2;position:sticky;top:58px;z-index:34;grid-template-columns:minmax(72px,.8fr) auto minmax(128px,1.35fr);gap:8px;margin:0;padding:9px 10px;border-top:0;border-bottom:1px solid var(--line);background:rgba(255,250,241,.985);box-shadow:0 9px 20px rgba(29,42,39,.11)}
.timeback-page .lab-controls>div{grid-column:auto;grid-row:auto;align-items:center;gap:5px}
.timeback-page .lab-controls b{width:7px;height:7px}
.timeback-page .lab-controls b.is-current{width:22px}
.timeback-page .lab-controls button{min-height:42px;padding:8px 9px;font-size:14px;line-height:1.05}
.timeback-page .lab-stage{order:3;display:flex;flex-direction:column;min-height:0}
.timeback-page .lab-stage-copy{padding:20px 18px 18px}
.timeback-page .lab-stage-copy>span{font-size:12px}
.timeback-page .lab-stage-copy>p[data-lab-count]{margin-top:9px;font-size:16px}
.timeback-page .lab-stage-copy h3{margin-top:10px;font-size:clamp(36px,10.6vw,46px);line-height:.96}
.timeback-page .lab-stage-copy>p[data-lab-copy]{margin-top:12px;font-size:16px;line-height:1.45}
.timeback-page .lab-takeaway{margin-top:15px;padding:13px 14px}
.timeback-page .lab-takeaway strong{font-size:14px;line-height:1.35}
.timeback-page .lab-stage-visual{min-height:0;padding:18px}
.timeback-page .lab-stage-visual img{width:100%;height:auto;max-height:230px;object-fit:contain}
.timeback-page .quiz-shell{overflow:visible}
.timeback-page .quiz-topline{position:sticky;top:58px;z-index:33;background:rgba(255,250,241,.985);box-shadow:0 8px 18px rgba(29,42,39,.08)}
.timeback-page .quiz-visual{min-height:250px}
}
@media(max-width:540px){
.timeback-page .story-scene{padding:44px 16px}
.timeback-page .artifact-stage{padding:12px}
.timeback-page .artifact-guide{padding:9px 8px}
.timeback-page .artifact-guide button{min-height:54px}
.timeback-page .lab-controls{grid-template-columns:70px auto minmax(120px,1.25fr)}
.timeback-page .lab-stage-visual{padding:14px 16px 18px}
}