/* Webdesign microsite — review 03.
   Restores an Anna-led scale; keeps the saved Anna token families.
   Header/rollover adaptations respond to Jay's Oct 8 revisions.
   Original artwork is used unchanged; no font binaries or added icon packs. */
:root{--edge:clamp(16px,2.2vw,40px)}
.site-header{border-bottom:0}
.site-header .header-inner.wrap{width:calc(100% - var(--edge)*2);max-width:none;gap:28px;padding-block:20px}
.header-brand{gap:24px}
.lemon-link{width:58px;height:62px;flex:none}
.spinning-lemon{width:58px;height:48px}
.logo-link img{width:clamp(170px,16vw,248px)}
.main-menu{gap:clamp(18px,2vw,32px)}
.main-menu a{font-size:clamp(17px,1.4vw,21px);white-space:nowrap}
.header-under.header-band{background:var(--lj-yellow-2);color:var(--ink);width:100%;max-width:none;margin:0;padding:10px var(--edge);min-height:58px;border-block:1px solid var(--ink);display:flex;align-items:center;gap:22px}
.header-band>a{font:700 16px/1.4 var(--sans);letter-spacing:.015em}
.header-band>span{font:12px/1.4 var(--mono);color:var(--ink)}
.header-band .text-button{color:var(--ink);font-size:12px;min-height:38px}
/* ANNA is the leading element, not a secondary name beside another service headline. */
.collaboration-opening{padding-top:42px}
.collaboration-opening>.offering-label{margin-bottom:25px}
.opening-grid{display:block;margin-bottom:36px}
.opening-identity{max-width:100%}
.hero h1.client-wordmark{margin:0 0 15px;line-height:1}


@media(hover:hover){}
.collaboration-signature{font:600 clamp(28px,4.2vw,58px)/1.15 var(--sans);letter-spacing:-.025em;margin-top:25px;gap:16px;white-space:normal}
.signature-lemon{width:clamp(33px,4.4vw,55px);height:auto;aspect-ratio:695/556}
.opening-tagline{font:650 clamp(16px,1.8vw,24px)/1.5 var(--sans);letter-spacing:.045em}
.opening-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin-top:34px}
.opening-copy .standfirst{font-size:clamp(32px,4.2vw,54px);line-height:1.15;max-width:23ch;margin:0}
.opening-copy>p:last-child{font-size:clamp(20px,2vw,26px);line-height:1.45;max-width:28ch;margin:0 0 3px}
.opening-ways-grid h3{font-size:clamp(36px,3.6vw,50px)}
.opening-ways-grid article>p:not(.capabilities){font-size:20px}
/* Exact role list from the emailed PDF (p7), excluding its estimating-rate footer. */
.role-lists{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.role-panel{padding:30px 34px 36px;border:1px solid var(--ink);border-radius:5px;min-width:0}
.role-panel h3{font:850 clamp(40px,4.4vw,62px)/1 var(--sans);letter-spacing:-.045em;margin:0 0 14px}
.role-person{font:italic 22px/1.3 var(--serif);margin:0 0 25px}
.light-panel{background:#151513;color:var(--paper-2)}
.light-panel .role-person{color:var(--lj-yellow-2)}
.lens-panel{background:var(--paper-2);color:var(--ink)}
.role-panel ul{padding:0;margin:0;list-style:none}
.role-panel li{border-top:1px solid var(--rule);padding:10px 0;font:19px/1.4 var(--sans)}
.light-panel li{border-top-color:#5b5953}
.together-strip{display:flex;align-items:center;gap:32px;padding:23px 30px;background:var(--lj-yellow-2);border:1px solid var(--ink);border-radius:5px;margin-top:22px}
.together-strip h3{margin:0;font:800 clamp(26px,3vw,39px)/1.1 var(--sans);letter-spacing:-.03em}
.together-strip ul{display:flex;gap:8px 24px;flex-wrap:wrap;list-style:none;margin:0;padding:0;font:16px/1.6 var(--sans)}
/* The tree is ordinary page content: no iframe, fixed-height viewport, inset panel or scroll trap. */
.start-section{background:transparent}
.care-intro{margin-bottom:32px}
.care-intro h2{font:700 clamp(32px,4.3vw,62px)/1.11 var(--serif);letter-spacing:-.035em;max-width:27ch;margin-bottom:22px}
.care-intro>p:last-child{max-width:52ch;font-size:21px}
.care-tree{background:transparent;border:0;padding:0;overflow:visible}
.care-root-choices{display:flex;flex-direction:column;align-items:stretch}
.care-root-choices>button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:22px;font:650 clamp(25px,3vw,42px)/1.25 var(--sans);letter-spacing:-.035em;background:transparent;border:0;border-top:1px solid var(--rule);padding:20px 0;min-height:83px;width:100%}
.care-root-choices>button:last-of-type{border-bottom:1px solid var(--rule)}
.care-root-choices>button>span{flex:none;font:400 33px/1 var(--mono);padding-right:6px}
.care-root-choices>button[aria-pressed=true]{color:var(--anna-teal);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:3px}
.care-root-choices>button:hover,.care-root-choices>button:focus-visible{background:transparent;color:var(--anna-teal)}
.care-root-choices>button:hover>span{background:var(--lj-yellow-2)}
.care-branches{padding:6px 0 26px 32px;margin:0 0 12px;border-left:2px solid var(--anna-teal);background:transparent;min-width:0}
.care-branch{padding-block:8px 12px}
.care-branch h3{font:600 clamp(22px,2.6vw,32px)/1.3 var(--serif);letter-spacing:-.02em;margin:0 0 15px;max-width:36ch}
.care-child-choices{display:flex;flex-wrap:wrap;gap:12px 32px}
.care-child-choices button{border:0;border-bottom:1px solid var(--ink);font:650 clamp(19px,2.2vw,27px)/1.35 var(--sans);letter-spacing:-.02em;padding:8px 0;min-height:49px;text-align:left}
.care-child-choices button:hover,.care-child-choices button[aria-pressed=true]{background:var(--lj-yellow-2)}
.care-selected{margin:16px 0 0;font:13px/1.65 var(--mono);overflow-wrap:anywhere}
.care-leaf{font-size:20px;line-height:1.5;margin:18px 0 0;max-width:46ch}
.care-navigation{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap;padding-top:24px}
.care-navigation button{font:600 16px/1.4 var(--sans);border:0;text-decoration:underline;text-underline-offset:4px;padding-inline:0;min-height:48px}
.care-navigation button:disabled{opacity:.5}
.care-navigation button:hover:not(:disabled){background:transparent;color:var(--anna-teal)}
.care-path{font:12px/1.6 var(--mono);color:var(--soft);margin:0 0 0 auto;max-width:54ch;overflow-wrap:anywhere}
.care-note-area{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:10px;border-top:1px solid var(--ink);margin-top:30px;padding-top:30px;background:transparent}
.care-summary h3{font-size:32px;margin:0 0 12px}
.care-summary>p:not(.eyebrow):not(.small-note){font-size:18px;line-height:1.6;max-width:40ch}
.care-note-entry .notes-label{margin-top:0}
.care-note-entry textarea{background:transparent;min-height:142px;border-color:var(--ink)}
.care-note-area .route-tools,.care-note-area .status-message,.care-note-area .copy-fallback,.care-note-area>.text-cta{grid-column:1/-1}
.care-note-area .route-tools{margin-top:8px;gap:10px}
.care-note-area .route-tools button{font:600 15px/1.4 var(--sans);min-height:48px}
.care-note-area>.text-cta{justify-self:start}
.care-note-area>.text-cta>span{margin:0}
.care-nojs dt{font:650 23px/1.4 var(--sans);margin-top:20px}.care-nojs dd{margin:10px 0 20px}
/* A linked, full-scale studio signature. Hover/focus glow uses the actual image alpha. */
.site-footer{border-top:2px solid var(--ink);background:var(--paper)}
.footer-inner{padding-block:35px 42px}
.footer-kicker{font:700 15px/1.5 var(--sans);margin-bottom:24px}
.footer-links{grid-template-columns:1fr 1fr;gap:0 38px}
.footer-links a{font:700 clamp(15px,1.35vw,19px)/1.45 var(--sans);padding:18px 0;min-height:65px;border-top:1px solid var(--ink);transition:background-color .12s ease,color .12s ease}
.footer-links a:hover,.footer-links a:focus-visible{background:var(--lj-yellow-2);color:var(--ink)}
.footer-links a>span{font-size:23px;transition:transform .12s ease}
.footer-links a:hover>span,.footer-links a:focus-visible>span{transform:translateX(4px)}
.footer-logo-link{position:relative;display:block;width:100%;max-width:1180px;padding:30px 0 4px;opacity:1!important;overflow:visible}
.footer-logo{width:100%;height:auto;display:block;filter:none;transition:filter .18s ease}
.footer-logo-link:hover .footer-logo,.footer-logo-link:focus-visible .footer-logo{filter:drop-shadow(0 0 9px var(--lj-yellow-2)) drop-shadow(0 0 20px var(--lj-yellow-2))}
.footer-utility{font-size:12px;padding-top:18px}
.footer-utility a:hover,.footer-utility a:focus-visible{background:var(--lj-yellow-2)}
@media(max-width:1080px){
 .site-header .header-inner.wrap{gap:18px}.header-brand{gap:18px}.main-menu{gap:18px}.main-menu a{font-size:16px}
 .logo-link img{width:190px}.lemon-link{width:49px}.spinning-lemon{width:49px;height:40px}
 .role-panel{padding:28px}.role-panel li{font-size:18px}.together-strip{gap:26px}
 .opening-copy{gap:30px}.care-note-area{column-gap:30px}
}
@media(max-width:850px){
 .header-inner .main-menu{padding-top:6px;justify-content:space-between}.header-band>span{display:none}
 .opening-copy{grid-template-columns:1fr 1fr;gap:25px}
 .opening-copy .standfirst{font-size:36px}.opening-copy>p:last-child{font-size:21px}
 .role-lists{gap:20px}.role-panel{padding:23px}.role-panel li{font-size:17px}.together-strip{align-items:start;flex-direction:column;gap:14px}
 .care-note-area{grid-template-columns:1fr}.care-summary p{max-width:100%}
}
@media(max-width:640px){
 .site-header .header-inner.wrap{width:calc(100% - 32px);padding-block:16px;gap:14px}
 .header-brand{gap:14px}.lemon-link{width:40px;height:44px}.spinning-lemon{width:40px;height:33px}
 .logo-link img{width:clamp(140px,43vw,190px)}
 .has-js .menu-toggle{font:600 17px/1.3 var(--sans);min-height:44px;gap:8px}
 .header-under.header-band{padding:8px 16px;gap:12px;min-height:56px}
 .header-band>a{font-size:12px;max-width:24ch}.header-band .text-button{margin-left:auto;white-space:nowrap;font-size:11px}
 .main-menu{flex-direction:column;align-items:stretch;gap:0}.header-inner .main-menu{padding-top:4px}
 .main-menu a{font-size:21px;padding-block:12px;white-space:normal;min-height:52px}
 .collaboration-opening{padding-top:28px}.collaboration-opening>.offering-label{font-size:11px;margin-bottom:27px}
 
 .collaboration-signature{font-size:clamp(24px,6.1vw,39px);margin-top:18px;gap:9px}.signature-lemon{width:30px}
 .opening-tagline{font-size:14px;margin-top:18px}.opening-grid{margin-bottom:27px}
 .opening-copy{display:block;margin-top:26px}.opening-copy .standfirst{font-size:34px;margin-bottom:19px}.opening-copy>p:last-child{font-size:20px;max-width:29ch}
 .opening-ways-grid article>p:not(.capabilities){font-size:19px}.opening-ways-grid h3{font-size:37px}
 .role-lists{grid-template-columns:1fr;gap:18px}.role-panel{padding:25px 24px}.role-panel h3{font-size:48px}.role-person{font-size:21px}
 .role-panel li{font-size:18px;padding:10px 0}.together-strip{padding:21px 24px}.together-strip ul{display:block;font-size:16px}.together-strip li+li{margin-top:6px}
 .care-intro h2{font-size:clamp(30px,7.6vw,45px);max-width:25ch}.desktop-break{display:none}.care-intro>p:last-child{font-size:19px}
 .care-root-choices>button{font-size:clamp(21px,5.8vw,34px);line-height:1.3;min-height:76px;padding-block:18px;gap:12px;letter-spacing:-.03em}
 .care-root-choices>button>span{font-size:26px}
 .care-branches{padding:9px 0 20px 17px}.care-branch h3{font-size:25px;line-height:1.2}
 .care-child-choices{gap:9px 19px}.care-child-choices button{font-size:20px;min-height:47px;padding-block:9px}
 .care-path{margin:0;max-width:100%;flex-basis:100%}.care-navigation{gap:9px 22px}
 .care-note-area{padding-top:23px;margin-top:24px}.care-summary h3{font-size:29px}.care-note-area .route-tools button{font-size:14px}
 .footer-links{grid-template-columns:1fr}.footer-links a{font-size:16px;min-height:60px;gap:18px}.footer-utility{display:flex;gap:14px}.footer-logo-link{width:100%;max-width:none;padding-top:20px}
 .footer-utility>span{flex-basis:100%}.footer-kicker{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.footer-links a>span{transform:none!important}.footer-logo{transition:none}.footer-logo-link:hover .footer-logo,.footer-logo-link:focus-visible .footer-logo{filter:none}.footer-logo-link:hover,.footer-logo-link:focus-visible{background:var(--lj-yellow-2)}}
@media(forced-colors:active){.care-root-choices>button[aria-pressed=true],.care-child-choices button[aria-pressed=true]{outline:2px solid CanvasText;outline-offset:-2px}.light-panel{background:Canvas;color:CanvasText}.light-panel .role-person{color:CanvasText}.footer-logo{filter:none!important}}
@media print{.care-navigation,.care-root-choices,.care-note-area{display:none}.role-lists{display:block}.role-panel{background:white!important;color:black!important;margin:12pt 0;break-inside:avoid}.light-panel .role-person{color:black!important}.role-panel h3{font-size:24pt}.role-panel li{font-size:10pt}.header-band{display:none!important}}