/* Motion enhances visible content; nothing is hidden when scripts are unavailable. */
.site-header nav a{position:relative}
.site-header nav a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.site-header nav a.is-current::after,.site-header nav a:hover::after,.site-header nav a:focus-visible::after{transform:scaleX(1)}
.site-header nav a.is-current{color:#755d00}
.button>span,.project-open,.round-cta>span{transition:transform .25s ease,background .25s ease,color .25s ease}
.button:hover>span,.button:focus-visible>span{transform:translate(3px,-3px)}
.project-card .project-image{transition:box-shadow .3s ease}
.project-card:hover .project-image,.project-card:focus-within .project-image{box-shadow:0 15px 35px #1e1e1e12}
.project-card:hover .project-open,.project-card:focus-within .project-open{background:var(--ink);color:var(--acid);transform:rotate(-8deg)}
.project-card:focus-within .project-image>img{transform:scale(1.025)}
.offer-card{transition:transform .3s ease,box-shadow .3s ease}
.offer-card:hover,.offer-card:focus-within{transform:translateY(-4px);box-shadow:0 15px 35px #1e1e1e0d}
.offer-index{transition:color .25s ease}
.offer-card:hover .offer-index{color:#967600}
.offer-card-dark:hover .offer-index{color:var(--acid)}
.round-cta:hover>span,.round-cta:focus-visible>span{transform:translate(3px,-3px)}
.menu-toggle span{transition:transform .2s ease}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.project-inquiry{display:inline-flex;align-items:center;gap:18px;margin-top:16px;padding:9px 0;font-size:.875rem;font-weight:600;border-bottom:1px solid #b6b6b6;min-height:44px;line-height:1.5}
.project-inquiry>span{transition:transform .22s ease}
.project-inquiry:hover>span,.project-inquiry:focus-visible>span{transform:translate(3px,-3px)}
.inspiration-note{display:flex;gap:12px;align-items:flex-start;background:#fff5cb;border:1px solid #ead795;border-radius:7px;padding:16px;margin-bottom:23px;font-size:.875rem;line-height:1.7;color:#554716}
.inspiration-note>span{font-size:1.2rem;line-height:1.4;flex-shrink:0}
.inspiration-note strong{display:block;color:var(--ink);font-weight:600}
.case-project-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:50px;border-top:1px solid var(--line);padding-top:30px}
.case-project-cta h3{font-size:1.6rem;margin-bottom:12px}
.case-project-cta p{font-size:1rem;color:var(--muted);line-height:1.7;max-width:570px}
.case-project-cta .button{flex-shrink:0}
.project-scope{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}
.project-scope summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;min-height:52px;font-size:.875rem;font-weight:600}
.project-scope summary::-webkit-details-marker{display:none}
.project-scope summary>span{font-size:1.3rem;font-weight:400;transition:transform .2s ease}
.project-scope[open] summary>span{transform:rotate(45deg)}
.project-scope ul{margin:0;padding:0 0 18px 20px;font-size:.875rem;line-height:1.9;color:var(--muted)}
.learning-flow{margin:65px 0 15px;padding:35px;background:#f6f6f6;border:1px solid var(--line);border-radius:14px}
.learning-flow h2{font-size:2.3rem}
.learning-flow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;list-style:none;margin:32px 0 0;padding:0}
.learning-flow li{border-top:3px solid var(--acid);padding-top:18px;position:relative}
.learning-flow li>span{font-size:.75rem;color:var(--muted)}
.learning-flow strong{display:block;margin:14px 0 10px;font-size:1rem;line-height:1.5}
.learning-flow p{font-size:.875rem;line-height:1.7;color:var(--muted)}
@media(max-width:800px){.learning-flow{padding:25px}.learning-flow ol{grid-template-columns:1fr 1fr;gap:25px}.learning-flow h2{font-size:2rem}}
@media(max-width:420px){.learning-flow{padding:20px}.learning-flow ol{grid-template-columns:1fr}.learning-flow h2{font-size:1.8rem}}
@media(hover:none){.offer-card:hover{transform:none;box-shadow:none}.project-card:hover .project-open{transform:none}}
@media(max-width:800px){.site-header nav a::after{bottom:7px;right:auto;width:28px}.case-project-cta{align-items:flex-start;flex-direction:column}.case-project-cta .button{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.offer-card:hover,.offer-card:focus-within,.button:hover,.button:focus-visible,.button:hover>span,.button:focus-visible>span,.project-card:hover .project-open,.project-card:focus-within .project-open,.project-card a:hover img,.project-card:focus-within .project-image>img,.round-cta:hover,.round-cta:hover>span,.round-cta:focus-visible>span,.project-inquiry:hover>span,.project-inquiry:focus-visible>span,.text-link:hover span{transform:none}.hero-project:hover{transform:rotate(-3deg)}}